@charset "UTF-8";
/**
libs
 */
/*!
 * Bootstrap Reboot v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
@import url(../../../v2/lib/dhtmlx/codebase/dhtmlxscheduler.css);
@import url(../../../common/js/summernote/dist/summernote-bs4.css);
@import url(../../../v2/lib/bootstrap-tagsinput/dist/bootstrap-tagsinput.css);
@import url(../../../v2/lib/intl-tel-input/css/intlTelInput.min.css);
*,
*::before,
*::after {
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@-ms-viewport {
  width: device-width; }

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

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff; }

[tabindex="-1"]:focus {
  outline: 0 !important; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

dfn {
  font-style: italic; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: #06adef;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }
  a:hover {
    color: #0477a4;
    text-decoration: underline; }

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }
  a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none; }
  a:not([href]):not([tabindex]):focus {
    outline: 0; }

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle;
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

table {
  border-collapse: collapse; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: inherit; }

label {
  display: inline-block;
  margin-bottom: .5rem; }

button {
  border-radius: 0; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

output {
  display: inline-block; }

summary {
  display: list-item;
  cursor: pointer; }

template {
  display: none; }

[hidden] {
  display: none !important; }

/*!
 * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
  width: device-width; }

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar; }

*,
*::before,
*::after {
  box-sizing: inherit; }

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 576px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.row, .zend_form .form-group, .zend_form .element-container, .form-container .form-horizontal .form-group, .form-container .form-horizontal .element-container, #booking_tabs .form-group, #booking_tabs .element-container {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-1, .col-xs-1, .col-2, .col-xs-2, .col-3, .col-xs-3, .col-4, .col-xs-4, .col-5, .col-xs-5, .col-6, .col-xs-6, .col-7, .col-xs-7, .col-8, .col-xs-8, .col-9, .col-xs-9, .col-10, .col-xs-10, .col-11, .col-xs-11, .col-12, .col-xs-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none; }

.col-1, .col-xs-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-2, .col-xs-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-3, .col-xs-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-4, .col-xs-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-5, .col-xs-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-6, .col-xs-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-7, .col-xs-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-8, .col-xs-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-9, .col-xs-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-10, .col-xs-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-11, .col-xs-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-12, .col-xs-12 {
  flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  order: -1; }

.order-last {
  order: 13; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.order-12 {
  order: 12; }

.offset-1 {
  margin-left: 8.33333%; }

.offset-2 {
  margin-left: 16.66667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.33333%; }

.offset-5 {
  margin-left: 41.66667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.33333%; }

.offset-8 {
  margin-left: 66.66667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.33333%; }

.offset-11 {
  margin-left: 91.66667%; }

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    order: -1; }
  .order-sm-last {
    order: 13; }
  .order-sm-0 {
    order: 0; }
  .order-sm-1 {
    order: 1; }
  .order-sm-2 {
    order: 2; }
  .order-sm-3 {
    order: 3; }
  .order-sm-4 {
    order: 4; }
  .order-sm-5 {
    order: 5; }
  .order-sm-6 {
    order: 6; }
  .order-sm-7 {
    order: 7; }
  .order-sm-8 {
    order: 8; }
  .order-sm-9 {
    order: 9; }
  .order-sm-10 {
    order: 10; }
  .order-sm-11 {
    order: 11; }
  .order-sm-12 {
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    order: -1; }
  .order-md-last {
    order: 13; }
  .order-md-0 {
    order: 0; }
  .order-md-1 {
    order: 1; }
  .order-md-2 {
    order: 2; }
  .order-md-3 {
    order: 3; }
  .order-md-4 {
    order: 4; }
  .order-md-5 {
    order: 5; }
  .order-md-6 {
    order: 6; }
  .order-md-7 {
    order: 7; }
  .order-md-8 {
    order: 8; }
  .order-md-9 {
    order: 9; }
  .order-md-10 {
    order: 10; }
  .order-md-11 {
    order: 11; }
  .order-md-12 {
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    order: -1; }
  .order-lg-last {
    order: 13; }
  .order-lg-0 {
    order: 0; }
  .order-lg-1 {
    order: 1; }
  .order-lg-2 {
    order: 2; }
  .order-lg-3 {
    order: 3; }
  .order-lg-4 {
    order: 4; }
  .order-lg-5 {
    order: 5; }
  .order-lg-6 {
    order: 6; }
  .order-lg-7 {
    order: 7; }
  .order-lg-8 {
    order: 8; }
  .order-lg-9 {
    order: 9; }
  .order-lg-10 {
    order: 10; }
  .order-lg-11 {
    order: 11; }
  .order-lg-12 {
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    order: -1; }
  .order-xl-last {
    order: 13; }
  .order-xl-0 {
    order: 0; }
  .order-xl-1 {
    order: 1; }
  .order-xl-2 {
    order: 2; }
  .order-xl-3 {
    order: 3; }
  .order-xl-4 {
    order: 4; }
  .order-xl-5 {
    order: 5; }
  .order-xl-6 {
    order: 6; }
  .order-xl-7 {
    order: 7; }
  .order-xl-8 {
    order: 8; }
  .order-xl-9 {
    order: 9; }
  .order-xl-10 {
    order: 10; }
  .order-xl-11 {
    order: 11; }
  .order-xl-12 {
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: flex !important; }
  .d-print-inline-flex {
    display: inline-flex !important; } }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-between {
  justify-content: space-between !important; }

.justify-content-around {
  justify-content: space-around !important; }

.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

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

.align-items-baseline {
  align-items: baseline !important; }

.align-items-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

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

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

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

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important; }
  .flex-sm-column {
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-sm-start {
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    justify-content: center !important; }
  .justify-content-sm-between {
    justify-content: space-between !important; }
  .justify-content-sm-around {
    justify-content: space-around !important; }
  .align-items-sm-start {
    align-items: flex-start !important; }
  .align-items-sm-end {
    align-items: flex-end !important; }
  .align-items-sm-center {
    align-items: center !important; }
  .align-items-sm-baseline {
    align-items: baseline !important; }
  .align-items-sm-stretch {
    align-items: stretch !important; }
  .align-content-sm-start {
    align-content: flex-start !important; }
  .align-content-sm-end {
    align-content: flex-end !important; }
  .align-content-sm-center {
    align-content: center !important; }
  .align-content-sm-between {
    align-content: space-between !important; }
  .align-content-sm-around {
    align-content: space-around !important; }
  .align-content-sm-stretch {
    align-content: stretch !important; }
  .align-self-sm-auto {
    align-self: auto !important; }
  .align-self-sm-start {
    align-self: flex-start !important; }
  .align-self-sm-end {
    align-self: flex-end !important; }
  .align-self-sm-center {
    align-self: center !important; }
  .align-self-sm-baseline {
    align-self: baseline !important; }
  .align-self-sm-stretch {
    align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important; }
  .flex-md-column {
    flex-direction: column !important; }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-md-start {
    justify-content: flex-start !important; }
  .justify-content-md-end {
    justify-content: flex-end !important; }
  .justify-content-md-center {
    justify-content: center !important; }
  .justify-content-md-between {
    justify-content: space-between !important; }
  .justify-content-md-around {
    justify-content: space-around !important; }
  .align-items-md-start {
    align-items: flex-start !important; }
  .align-items-md-end {
    align-items: flex-end !important; }
  .align-items-md-center {
    align-items: center !important; }
  .align-items-md-baseline {
    align-items: baseline !important; }
  .align-items-md-stretch {
    align-items: stretch !important; }
  .align-content-md-start {
    align-content: flex-start !important; }
  .align-content-md-end {
    align-content: flex-end !important; }
  .align-content-md-center {
    align-content: center !important; }
  .align-content-md-between {
    align-content: space-between !important; }
  .align-content-md-around {
    align-content: space-around !important; }
  .align-content-md-stretch {
    align-content: stretch !important; }
  .align-self-md-auto {
    align-self: auto !important; }
  .align-self-md-start {
    align-self: flex-start !important; }
  .align-self-md-end {
    align-self: flex-end !important; }
  .align-self-md-center {
    align-self: center !important; }
  .align-self-md-baseline {
    align-self: baseline !important; }
  .align-self-md-stretch {
    align-self: stretch !important; } }

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important; }
  .flex-lg-column {
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-lg-start {
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    justify-content: center !important; }
  .justify-content-lg-between {
    justify-content: space-between !important; }
  .justify-content-lg-around {
    justify-content: space-around !important; }
  .align-items-lg-start {
    align-items: flex-start !important; }
  .align-items-lg-end {
    align-items: flex-end !important; }
  .align-items-lg-center {
    align-items: center !important; }
  .align-items-lg-baseline {
    align-items: baseline !important; }
  .align-items-lg-stretch {
    align-items: stretch !important; }
  .align-content-lg-start {
    align-content: flex-start !important; }
  .align-content-lg-end {
    align-content: flex-end !important; }
  .align-content-lg-center {
    align-content: center !important; }
  .align-content-lg-between {
    align-content: space-between !important; }
  .align-content-lg-around {
    align-content: space-around !important; }
  .align-content-lg-stretch {
    align-content: stretch !important; }
  .align-self-lg-auto {
    align-self: auto !important; }
  .align-self-lg-start {
    align-self: flex-start !important; }
  .align-self-lg-end {
    align-self: flex-end !important; }
  .align-self-lg-center {
    align-self: center !important; }
  .align-self-lg-baseline {
    align-self: baseline !important; }
  .align-self-lg-stretch {
    align-self: stretch !important; } }

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important; }
  .flex-xl-column {
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-xl-start {
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    justify-content: center !important; }
  .justify-content-xl-between {
    justify-content: space-between !important; }
  .justify-content-xl-around {
    justify-content: space-around !important; }
  .align-items-xl-start {
    align-items: flex-start !important; }
  .align-items-xl-end {
    align-items: flex-end !important; }
  .align-items-xl-center {
    align-items: center !important; }
  .align-items-xl-baseline {
    align-items: baseline !important; }
  .align-items-xl-stretch {
    align-items: stretch !important; }
  .align-content-xl-start {
    align-content: flex-start !important; }
  .align-content-xl-end {
    align-content: flex-end !important; }
  .align-content-xl-center {
    align-content: center !important; }
  .align-content-xl-between {
    align-content: space-between !important; }
  .align-content-xl-around {
    align-content: space-around !important; }
  .align-content-xl-stretch {
    align-content: stretch !important; }
  .align-self-xl-auto {
    align-self: auto !important; }
  .align-self-xl-start {
    align-self: flex-start !important; }
  .align-self-xl-end {
    align-self: flex-end !important; }
  .align-self-xl-center {
    align-self: center !important; }
  .align-self-xl-baseline {
    align-self: baseline !important; }
  .align-self-xl-stretch {
    align-self: stretch !important; } }

/*!
 * Bootstrap v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #06adef;
  --secondary: #6c757d;
  --success: #26dd7d;
  --info: #06acee;
  --warning: #fcc558;
  --danger: #ff9292;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

*,
*::before,
*::after {
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@-ms-viewport {
  width: device-width; }

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

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff; }

[tabindex="-1"]:focus {
  outline: 0 !important; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

dfn {
  font-style: italic; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: #06adef;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }
  a:hover {
    color: #0477a4;
    text-decoration: underline; }

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }
  a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none; }
  a:not([href]):not([tabindex]):focus {
    outline: 0; }

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle;
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

table {
  border-collapse: collapse; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: inherit; }

label {
  display: inline-block;
  margin-bottom: .5rem; }

button {
  border-radius: 0; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

output {
  display: inline-block; }

summary {
  display: list-item;
  cursor: pointer; }

template {
  display: none; }

[hidden] {
  display: none !important; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit; }

h1, .h1 {
  font-size: 2.5rem; }

h2, .h2 {
  font-size: 2rem; }

h3, .h3 {
  font-size: 1.75rem; }

h4, .h4 {
  font-size: 1.5rem; }

h5, .h5 {
  font-size: 1.25rem; }

h6, .h6 {
  font-size: 1rem; }

.lead {
  font-size: 1.25rem;
  font-weight: 300; }

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2; }

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2; }

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

small,
.small {
  font-size: 80%;
  font-weight: 400; }

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline-item {
  display: inline-block; }
  .list-inline-item:not(:last-child) {
    margin-right: 0.5rem; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem; }

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d; }
  .blockquote-footer::before {
    content: "\2014 \00A0"; }

.img-fluid {
  max-width: 100%;
  height: auto; }

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto; }

.figure {
  display: inline-block; }

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1; }

.figure-caption {
  font-size: 90%;
  color: #6c757d; }

code,
kbd,
pre,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-break: break-word; }
  a > code {
    color: inherit; }

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem; }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700; }

pre {
  display: block;
  font-size: 87.5%;
  color: #212529; }
  pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 576px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.row, .zend_form .form-group, .zend_form .element-container, .form-container .form-horizontal .form-group, .form-container .form-horizontal .element-container, #booking_tabs .form-group, #booking_tabs .element-container {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-1, .col-xs-1, .col-2, .col-xs-2, .col-3, .col-xs-3, .col-4, .col-xs-4, .col-5, .col-xs-5, .col-6, .col-xs-6, .col-7, .col-xs-7, .col-8, .col-xs-8, .col-9, .col-xs-9, .col-10, .col-xs-10, .col-11, .col-xs-11, .col-12, .col-xs-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none; }

.col-1, .col-xs-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-2, .col-xs-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-3, .col-xs-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-4, .col-xs-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-5, .col-xs-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-6, .col-xs-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-7, .col-xs-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-8, .col-xs-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-9, .col-xs-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-10, .col-xs-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-11, .col-xs-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-12, .col-xs-12 {
  flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  order: -1; }

.order-last {
  order: 13; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.order-12 {
  order: 12; }

.offset-1 {
  margin-left: 8.33333%; }

.offset-2 {
  margin-left: 16.66667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.33333%; }

.offset-5 {
  margin-left: 41.66667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.33333%; }

.offset-8 {
  margin-left: 66.66667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.33333%; }

.offset-11 {
  margin-left: 91.66667%; }

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    order: -1; }
  .order-sm-last {
    order: 13; }
  .order-sm-0 {
    order: 0; }
  .order-sm-1 {
    order: 1; }
  .order-sm-2 {
    order: 2; }
  .order-sm-3 {
    order: 3; }
  .order-sm-4 {
    order: 4; }
  .order-sm-5 {
    order: 5; }
  .order-sm-6 {
    order: 6; }
  .order-sm-7 {
    order: 7; }
  .order-sm-8 {
    order: 8; }
  .order-sm-9 {
    order: 9; }
  .order-sm-10 {
    order: 10; }
  .order-sm-11 {
    order: 11; }
  .order-sm-12 {
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    order: -1; }
  .order-md-last {
    order: 13; }
  .order-md-0 {
    order: 0; }
  .order-md-1 {
    order: 1; }
  .order-md-2 {
    order: 2; }
  .order-md-3 {
    order: 3; }
  .order-md-4 {
    order: 4; }
  .order-md-5 {
    order: 5; }
  .order-md-6 {
    order: 6; }
  .order-md-7 {
    order: 7; }
  .order-md-8 {
    order: 8; }
  .order-md-9 {
    order: 9; }
  .order-md-10 {
    order: 10; }
  .order-md-11 {
    order: 11; }
  .order-md-12 {
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    order: -1; }
  .order-lg-last {
    order: 13; }
  .order-lg-0 {
    order: 0; }
  .order-lg-1 {
    order: 1; }
  .order-lg-2 {
    order: 2; }
  .order-lg-3 {
    order: 3; }
  .order-lg-4 {
    order: 4; }
  .order-lg-5 {
    order: 5; }
  .order-lg-6 {
    order: 6; }
  .order-lg-7 {
    order: 7; }
  .order-lg-8 {
    order: 8; }
  .order-lg-9 {
    order: 9; }
  .order-lg-10 {
    order: 10; }
  .order-lg-11 {
    order: 11; }
  .order-lg-12 {
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    order: -1; }
  .order-xl-last {
    order: 13; }
  .order-xl-0 {
    order: 0; }
  .order-xl-1 {
    order: 1; }
  .order-xl-2 {
    order: 2; }
  .order-xl-3 {
    order: 3; }
  .order-xl-4 {
    order: 4; }
  .order-xl-5 {
    order: 5; }
  .order-xl-6 {
    order: 6; }
  .order-xl-7 {
    order: 7; }
  .order-xl-8 {
    order: 8; }
  .order-xl-9 {
    order: 9; }
  .order-xl-10 {
    order: 10; }
  .order-xl-11 {
    order: 11; }
  .order-xl-12 {
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent; }
  .table th,
  .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #ececec; }
  .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #ececec; }
  .table tbody + tbody {
    border-top: 2px solid #ececec; }
  .table .table {
    background-color: #fff; }

.table-sm th,
.table-sm td {
  padding: 0.3rem; }

.table-bordered {
  border: 1px solid #ececec; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ececec; }
  .table-bordered thead th,
  .table-bordered thead td {
    border-bottom-width: 2px; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #fcfcfc; }

.table-hover tbody tr:hover {
  background-color: rgba(6, 173, 239, 0.1); }

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b9e8fb; }

.table-hover .table-primary:hover {
  background-color: #a1e0fa; }
  .table-hover .table-primary:hover > td,
  .table-hover .table-primary:hover > th {
    background-color: #a1e0fa; }

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db; }

.table-hover .table-secondary:hover {
  background-color: #c8cbcf; }
  .table-hover .table-secondary:hover > td,
  .table-hover .table-secondary:hover > th {
    background-color: #c8cbcf; }

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c2f5db; }

.table-hover .table-success:hover {
  background-color: #acf1ce; }
  .table-hover .table-success:hover > td,
  .table-hover .table-success:hover > th {
    background-color: #acf1ce; }

.table-info,
.table-info > th,
.table-info > td {
  background-color: #b9e8fa; }

.table-hover .table-info:hover {
  background-color: #a1e0f8; }
  .table-hover .table-info:hover > td,
  .table-hover .table-info:hover > th {
    background-color: #a1e0f8; }

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #feefd0; }

.table-hover .table-warning:hover {
  background-color: #fde7b7; }
  .table-hover .table-warning:hover > td,
  .table-hover .table-warning:hover > th {
    background-color: #fde7b7; }

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #ffe0e0; }

.table-hover .table-danger:hover {
  background-color: #ffc7c7; }
  .table-hover .table-danger:hover > td,
  .table-hover .table-danger:hover > th {
    background-color: #ffc7c7; }

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe; }

.table-hover .table-light:hover {
  background-color: #ececf6; }
  .table-hover .table-light:hover > td,
  .table-hover .table-light:hover > th {
    background-color: #ececf6; }

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca; }

.table-hover .table-dark:hover {
  background-color: #b9bbbe; }
  .table-hover .table-dark:hover > td,
  .table-hover .table-dark:hover > th {
    background-color: #b9bbbe; }

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(6, 173, 239, 0.1); }

.table-hover .table-active:hover {
  background-color: rgba(5, 155, 214, 0.1); }
  .table-hover .table-active:hover > td,
  .table-hover .table-active:hover > th {
    background-color: rgba(5, 155, 214, 0.1); }

.table .thead-dark th {
  color: #fff;
  background-color: #212529;
  border-color: #32383e; }

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #ececec; }

.table-dark {
  color: #fff;
  background-color: #212529; }
  .table-dark th,
  .table-dark td,
  .table-dark thead th {
    border-color: #32383e; }
  .table-dark.table-bordered {
    border: 0; }
  .table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05); }
  .table-dark.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.075); }

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    min-height: 320px; }
    .table-responsive-sm > .table-bordered {
      border: 0; } }

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    min-height: 320px; }
    .table-responsive-md > .table-bordered {
      border: 0; } }

@media (max-width: 991.98px) {
  .table-responsive-lg, .company-dashboard .panel-dashboard-block .card-body .chart-table .table-list, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .table-list, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .table-list {
    display: block;
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    min-height: 320px; }
    .table-responsive-lg > .table-bordered, .company-dashboard .panel-dashboard-block .card-body .chart-table .table-list > .table-bordered, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .table-list > .table-bordered, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .table-list > .table-bordered {
      border: 0; } }

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    min-height: 320px; }
    .table-responsive-xl > .table-bordered {
      border: 0; } }

.table-responsive, .dataTables_wrapper, .plugin-status-page #status_div {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  min-height: 320px; }
  .table-responsive > .table-bordered, .dataTables_wrapper > .table-bordered, .plugin-status-page #status_div > .table-bordered {
    border: 0; }

/* Admin table enhancements */
.modal-dialog .client-info .table-responsive, .modal-dialog .client-info .dataTables_wrapper, .modal-dialog .client-info .plugin-status-page #status_div, .plugin-status-page .modal-dialog .client-info #status_div, .modal-dialog.modal-xl .table-responsive, .modal-dialog.modal-xl .dataTables_wrapper, .modal-dialog.modal-xl .plugin-status-page #status_div, .plugin-status-page .modal-dialog.modal-xl #status_div, .modal-dialog .sb-dialog-content .table-responsive, .modal-dialog .sb-dialog-content .dataTables_wrapper, .modal-dialog .sb-dialog-content .plugin-status-page #status_div, .plugin-status-page .modal-dialog .sb-dialog-content #status_div,
.modal-dialog #sb_invoice_details_container .table-responsive,
.modal-dialog #sb_invoice_details_container .dataTables_wrapper,
.modal-dialog #sb_invoice_details_container .plugin-status-page #status_div,
.plugin-status-page .modal-dialog #sb_invoice_details_container #status_div, .modal-dialog #sb_membership_details_container .table-responsive, .modal-dialog #sb_membership_details_container .dataTables_wrapper, .modal-dialog #sb_membership_details_container .plugin-status-page #status_div, .plugin-status-page .modal-dialog #sb_membership_details_container #status_div {
  min-height: auto; }

/* modal Client report make responsive on iOS*/
.modal-client-report-table .make-respons {
  height: 100%; }
  .modal-client-report-table .make-respons .modal--close .btn--txt,
  .modal-client-report-table .make-respons .modal--close .icon {
    display: none; }
  .modal-client-report-table .make-respons .modal-content {
    height: 100%; }
    .modal-client-report-table .make-respons .modal-content > .modal-body--scroll-box {
      overflow: auto;
      max-height: calc(100% - 120px);
      flex: 1 1 auto;
      overflow: auto; }
    .modal-client-report-table .make-respons .modal-content .modal-body {
      height: auto;
      overflow: visible; }
      .modal-client-report-table .make-respons .modal-content .modal-body .form-container {
        height: 100%; }

.form-control, .contact-widget-message-form .data-block .element-container textarea, .templates-page .notifications-settings .field select, .design-settings-page .theme-additional-colors input, .design-settings-page div.input {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  .form-control::-ms-expand, .contact-widget-message-form .data-block .element-container textarea::-ms-expand, .templates-page .notifications-settings .field select::-ms-expand, .design-settings-page .theme-additional-colors input::-ms-expand, .design-settings-page div.input::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control:focus, .contact-widget-message-form .data-block .element-container textarea:focus, .templates-page .notifications-settings .field select:focus, .design-settings-page .theme-additional-colors input:focus, .design-settings-page div.input:focus {
    color: #495057;
    background-color: #fff;
    border-color: #79d7fc;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(6, 173, 239, 0.25); }
  .form-control::placeholder, .contact-widget-message-form .data-block .element-container textarea::placeholder, .templates-page .notifications-settings .field select::placeholder, .design-settings-page .theme-additional-colors input::placeholder, .design-settings-page div.input::placeholder {
    color: #6c757d;
    opacity: 1; }
  .form-control:disabled, .contact-widget-message-form .data-block .element-container textarea:disabled, .templates-page .notifications-settings .field select:disabled, .design-settings-page .theme-additional-colors input:disabled, .design-settings-page div.input:disabled, .form-control[readonly], .contact-widget-message-form .data-block .element-container textarea[readonly], .templates-page .notifications-settings .field select[readonly], .design-settings-page .theme-additional-colors input[readonly], .design-settings-page div.input[readonly] {
    background-color: #e9ecef;
    opacity: 1; }

select.form-control:not([size]):not([multiple]), .templates-page .notifications-settings .field select:not([size]):not([multiple]) {
  height: calc(2.25rem + 2px); }

select.form-control:focus::-ms-value, .templates-page .notifications-settings .field select:focus::-ms-value {
  color: #495057;
  background-color: #fff; }

.form-control-file,
.form-control-range {
  display: block;
  width: 100%; }

.col-form-label, .control-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5; }

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5; }

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5; }

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0; }
  .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control, .contact-widget-message-form .data-block .element-container .input-group-sm > textarea.form-control-plaintext, .templates-page .notifications-settings .field .input-group-sm > select.form-control-plaintext, .design-settings-page .theme-additional-colors .input-group-sm > input.form-control-plaintext, .design-settings-page .input-group-sm > div.form-control-plaintext.input,
  .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,
  .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
  .input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
  .input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control, .contact-widget-message-form .data-block .element-container .input-group-lg > textarea.form-control-plaintext, .templates-page .notifications-settings .field .input-group-lg > select.form-control-plaintext, .design-settings-page .theme-additional-colors .input-group-lg > input.form-control-plaintext, .design-settings-page .input-group-lg > div.form-control-plaintext.input,
  .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
  .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
  .input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
  .input-group-lg > .input-group-append > .form-control-plaintext.btn {
    padding-right: 0;
    padding-left: 0; }

.form-control-sm, .input-group-sm > .form-control, .contact-widget-message-form .data-block .element-container .input-group-sm > textarea, .templates-page .notifications-settings .field .input-group-sm > select, .design-settings-page .theme-additional-colors .input-group-sm > input, .design-settings-page .input-group-sm > div.input,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem; }

select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .templates-page .notifications-settings .field .input-group-sm > select:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
  height: calc(1.8125rem + 2px); }

.form-control-lg, .input-group-lg > .form-control, .contact-widget-message-form .data-block .element-container .input-group-lg > textarea, .templates-page .notifications-settings .field .input-group-lg > select, .design-settings-page .theme-additional-colors .input-group-lg > input, .design-settings-page .input-group-lg > div.input,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem; }

select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .templates-page .notifications-settings .field .input-group-lg > select:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {
  height: calc(2.875rem + 2px); }

.form-group, .element-container {
  margin-bottom: 1rem; }

.form-text {
  display: block;
  margin-top: 0.25rem; }

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px; }
  .form-row > .col,
  .form-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px; }

.form-check {
  position: relative;
  display: block;
  padding-left: 2rem; }

.form-check-input {
  position: absolute;
  margin-top: 0.1rem;
  margin-left: -2rem; }
  .form-check-input:disabled ~ .form-check-label {
    color: #6c757d; }

.form-check-label {
  margin-bottom: 0; }

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem; }
  .form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0; }

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #26dd7d; }

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(38, 221, 125, 0.8);
  border-radius: .2rem; }

.was-validated .form-control:valid, .was-validated .contact-widget-message-form .data-block .element-container textarea:valid, .contact-widget-message-form .data-block .element-container .was-validated textarea:valid, .was-validated .templates-page .notifications-settings .field select:valid, .templates-page .notifications-settings .field .was-validated select:valid, .was-validated .design-settings-page .theme-additional-colors input:valid, .design-settings-page .theme-additional-colors .was-validated input:valid, .was-validated .design-settings-page div.input:valid, .design-settings-page .was-validated div.input:valid, .form-control.is-valid, .contact-widget-message-form .data-block .element-container textarea.is-valid, .templates-page .notifications-settings .field select.is-valid, .design-settings-page .theme-additional-colors input.is-valid, .design-settings-page div.is-valid.input, .was-validated
.custom-select:valid,
.custom-select.is-valid {
  border-color: #26dd7d; }
  .was-validated .form-control:valid:focus, .was-validated .contact-widget-message-form .data-block .element-container textarea:valid:focus, .contact-widget-message-form .data-block .element-container .was-validated textarea:valid:focus, .was-validated .templates-page .notifications-settings .field select:valid:focus, .templates-page .notifications-settings .field .was-validated select:valid:focus, .was-validated .design-settings-page .theme-additional-colors input:valid:focus, .design-settings-page .theme-additional-colors .was-validated input:valid:focus, .was-validated .design-settings-page div.input:valid:focus, .design-settings-page .was-validated div.input:valid:focus, .form-control.is-valid:focus, .contact-widget-message-form .data-block .element-container textarea.is-valid:focus, .templates-page .notifications-settings .field select.is-valid:focus, .design-settings-page .theme-additional-colors input.is-valid:focus, .design-settings-page div.is-valid.input:focus, .was-validated
  .custom-select:valid:focus,
  .custom-select.is-valid:focus {
    border-color: #26dd7d;
    box-shadow: 0 0 0 0.2rem rgba(38, 221, 125, 0.25); }
  .was-validated .form-control:valid ~ .valid-feedback, .was-validated .contact-widget-message-form .data-block .element-container textarea:valid ~ .valid-feedback, .contact-widget-message-form .data-block .element-container .was-validated textarea:valid ~ .valid-feedback, .was-validated .templates-page .notifications-settings .field select:valid ~ .valid-feedback, .templates-page .notifications-settings .field .was-validated select:valid ~ .valid-feedback, .was-validated .design-settings-page .theme-additional-colors input:valid ~ .valid-feedback, .design-settings-page .theme-additional-colors .was-validated input:valid ~ .valid-feedback, .was-validated .design-settings-page div.input:valid ~ .valid-feedback, .design-settings-page .was-validated div.input:valid ~ .valid-feedback,
  .was-validated .form-control:valid ~ .valid-tooltip,
  .was-validated .contact-widget-message-form .data-block .element-container textarea:valid ~ .valid-tooltip,
  .contact-widget-message-form .data-block .element-container .was-validated textarea:valid ~ .valid-tooltip,
  .was-validated .templates-page .notifications-settings .field select:valid ~ .valid-tooltip,
  .templates-page .notifications-settings .field .was-validated select:valid ~ .valid-tooltip,
  .was-validated .design-settings-page .theme-additional-colors input:valid ~ .valid-tooltip,
  .design-settings-page .theme-additional-colors .was-validated input:valid ~ .valid-tooltip,
  .was-validated .design-settings-page div.input:valid ~ .valid-tooltip,
  .design-settings-page .was-validated div.input:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .contact-widget-message-form .data-block .element-container textarea.is-valid ~ .valid-feedback, .templates-page .notifications-settings .field select.is-valid ~ .valid-feedback, .design-settings-page .theme-additional-colors input.is-valid ~ .valid-feedback, .design-settings-page div.is-valid.input ~ .valid-feedback,
  .form-control.is-valid ~ .valid-tooltip,
  .contact-widget-message-form .data-block .element-container textarea.is-valid ~ .valid-tooltip,
  .templates-page .notifications-settings .field select.is-valid ~ .valid-tooltip,
  .design-settings-page .theme-additional-colors input.is-valid ~ .valid-tooltip,
  .design-settings-page div.is-valid.input ~ .valid-tooltip, .was-validated
  .custom-select:valid ~ .valid-feedback,
  .was-validated
  .custom-select:valid ~ .valid-tooltip,
  .custom-select.is-valid ~ .valid-feedback,
  .custom-select.is-valid ~ .valid-tooltip {
    display: block; }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #26dd7d; }

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #26dd7d; }
  .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
    background-color: #94eebf; }

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  background-color: #52e497; }

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(38, 221, 125, 0.25); }

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #26dd7d; }
  .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
    border-color: inherit; }

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  box-shadow: 0 0 0 0.2rem rgba(38, 221, 125, 0.25); }

.invalid-feedback, .form-group.has-error .help-block, .has-error.element-container .help-block, .element-container.error-field .help-block, .element-container .error-message {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #ff9292; }

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(255, 146, 146, 0.8);
  border-radius: .2rem; }

.was-validated .form-control:invalid, .was-validated .contact-widget-message-form .data-block .element-container textarea:invalid, .contact-widget-message-form .data-block .element-container .was-validated textarea:invalid, .was-validated .templates-page .notifications-settings .field select:invalid, .templates-page .notifications-settings .field .was-validated select:invalid, .was-validated .design-settings-page .theme-additional-colors input:invalid, .design-settings-page .theme-additional-colors .was-validated input:invalid, .was-validated .design-settings-page div.input:invalid, .design-settings-page .was-validated div.input:invalid, .form-control.is-invalid, .contact-widget-message-form .data-block .element-container textarea.is-invalid, .templates-page .notifications-settings .field select.is-invalid, .design-settings-page .theme-additional-colors input.is-invalid, .design-settings-page div.is-invalid.input, .was-validated
.custom-select:invalid,
.custom-select.is-invalid {
  border-color: #ff9292; }
  .was-validated .form-control:invalid:focus, .was-validated .contact-widget-message-form .data-block .element-container textarea:invalid:focus, .contact-widget-message-form .data-block .element-container .was-validated textarea:invalid:focus, .was-validated .templates-page .notifications-settings .field select:invalid:focus, .templates-page .notifications-settings .field .was-validated select:invalid:focus, .was-validated .design-settings-page .theme-additional-colors input:invalid:focus, .design-settings-page .theme-additional-colors .was-validated input:invalid:focus, .was-validated .design-settings-page div.input:invalid:focus, .design-settings-page .was-validated div.input:invalid:focus, .form-control.is-invalid:focus, .contact-widget-message-form .data-block .element-container textarea.is-invalid:focus, .templates-page .notifications-settings .field select.is-invalid:focus, .design-settings-page .theme-additional-colors input.is-invalid:focus, .design-settings-page div.is-invalid.input:focus, .was-validated
  .custom-select:invalid:focus,
  .custom-select.is-invalid:focus {
    border-color: #ff9292;
    box-shadow: 0 0 0 0.2rem rgba(255, 146, 146, 0.25); }
  .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .contact-widget-message-form .data-block .element-container textarea:invalid ~ .invalid-feedback, .contact-widget-message-form .data-block .element-container .was-validated textarea:invalid ~ .invalid-feedback, .was-validated .templates-page .notifications-settings .field select:invalid ~ .invalid-feedback, .templates-page .notifications-settings .field .was-validated select:invalid ~ .invalid-feedback, .was-validated .design-settings-page .theme-additional-colors input:invalid ~ .invalid-feedback, .design-settings-page .theme-additional-colors .was-validated input:invalid ~ .invalid-feedback, .was-validated .design-settings-page div.input:invalid ~ .invalid-feedback, .design-settings-page .was-validated div.input:invalid ~ .invalid-feedback, .was-validated .form-group.has-error .form-control:invalid ~ .help-block, .form-group.has-error .was-validated .form-control:invalid ~ .help-block, .was-validated .contact-widget-message-form .data-block .element-container .form-group.has-error textarea:invalid ~ .help-block, .form-group.has-error .was-validated .contact-widget-message-form .data-block .element-container textarea:invalid ~ .help-block, .contact-widget-message-form .data-block .element-container .was-validated .form-group.has-error textarea:invalid ~ .help-block, .form-group.has-error .contact-widget-message-form .data-block .element-container .was-validated textarea:invalid ~ .help-block, .was-validated .templates-page .notifications-settings .field .form-group.has-error select:invalid ~ .help-block, .form-group.has-error .was-validated .templates-page .notifications-settings .field select:invalid ~ .help-block, .templates-page .notifications-settings .field .was-validated .form-group.has-error select:invalid ~ .help-block, .form-group.has-error .templates-page .notifications-settings .field .was-validated select:invalid ~ .help-block, .was-validated .design-settings-page .theme-additional-colors .form-group.has-error input:invalid ~ .help-block, .form-group.has-error .was-validated .design-settings-page .theme-additional-colors input:invalid ~ .help-block, .design-settings-page .theme-additional-colors .was-validated .form-group.has-error input:invalid ~ .help-block, .form-group.has-error .design-settings-page .theme-additional-colors .was-validated input:invalid ~ .help-block, .was-validated .design-settings-page .form-group.has-error div.input:invalid ~ .help-block, .form-group.has-error .was-validated .design-settings-page div.input:invalid ~ .help-block, .design-settings-page .was-validated .form-group.has-error div.input:invalid ~ .help-block, .form-group.has-error .design-settings-page .was-validated div.input:invalid ~ .help-block, .was-validated .has-error.element-container .form-control:invalid ~ .help-block, .has-error.element-container .was-validated .form-control:invalid ~ .help-block, .was-validated .contact-widget-message-form .data-block .has-error.element-container textarea:invalid ~ .help-block, .contact-widget-message-form .data-block .has-error.element-container .was-validated textarea:invalid ~ .help-block, .was-validated .templates-page .notifications-settings .field .has-error.element-container select:invalid ~ .help-block, .has-error.element-container .was-validated .templates-page .notifications-settings .field select:invalid ~ .help-block, .templates-page .notifications-settings .field .was-validated .has-error.element-container select:invalid ~ .help-block, .has-error.element-container .templates-page .notifications-settings .field .was-validated select:invalid ~ .help-block, .was-validated .design-settings-page .theme-additional-colors .has-error.element-container input:invalid ~ .help-block, .has-error.element-container .was-validated .design-settings-page .theme-additional-colors input:invalid ~ .help-block, .design-settings-page .theme-additional-colors .was-validated .has-error.element-container input:invalid ~ .help-block, .has-error.element-container .design-settings-page .theme-additional-colors .was-validated input:invalid ~ .help-block, .was-validated .design-settings-page .has-error.element-container div.input:invalid ~ .help-block, .has-error.element-container .was-validated .design-settings-page div.input:invalid ~ .help-block, .design-settings-page .was-validated .has-error.element-container div.input:invalid ~ .help-block, .has-error.element-container .design-settings-page .was-validated div.input:invalid ~ .help-block, .was-validated .element-container.error-field .form-control:invalid ~ .help-block, .element-container.error-field .was-validated .form-control:invalid ~ .help-block, .was-validated .contact-widget-message-form .data-block .element-container.error-field textarea:invalid ~ .help-block, .contact-widget-message-form .data-block .element-container.error-field .was-validated textarea:invalid ~ .help-block, .was-validated .templates-page .notifications-settings .field .element-container.error-field select:invalid ~ .help-block, .element-container.error-field .was-validated .templates-page .notifications-settings .field select:invalid ~ .help-block, .templates-page .notifications-settings .field .was-validated .element-container.error-field select:invalid ~ .help-block, .element-container.error-field .templates-page .notifications-settings .field .was-validated select:invalid ~ .help-block, .was-validated .design-settings-page .theme-additional-colors .element-container.error-field input:invalid ~ .help-block, .element-container.error-field .was-validated .design-settings-page .theme-additional-colors input:invalid ~ .help-block, .design-settings-page .theme-additional-colors .was-validated .element-container.error-field input:invalid ~ .help-block, .element-container.error-field .design-settings-page .theme-additional-colors .was-validated input:invalid ~ .help-block, .was-validated .design-settings-page .element-container.error-field div.input:invalid ~ .help-block, .element-container.error-field .was-validated .design-settings-page div.input:invalid ~ .help-block, .design-settings-page .was-validated .element-container.error-field div.input:invalid ~ .help-block, .element-container.error-field .design-settings-page .was-validated div.input:invalid ~ .help-block, .was-validated .element-container .form-control:invalid ~ .error-message, .element-container .was-validated .form-control:invalid ~ .error-message, .was-validated .contact-widget-message-form .data-block .element-container textarea:invalid ~ .error-message, .contact-widget-message-form .data-block .element-container .was-validated textarea:invalid ~ .error-message, .was-validated .templates-page .notifications-settings .field .element-container select:invalid ~ .error-message, .element-container .was-validated .templates-page .notifications-settings .field select:invalid ~ .error-message, .templates-page .notifications-settings .field .was-validated .element-container select:invalid ~ .error-message, .element-container .templates-page .notifications-settings .field .was-validated select:invalid ~ .error-message, .was-validated .design-settings-page .theme-additional-colors .element-container input:invalid ~ .error-message, .element-container .was-validated .design-settings-page .theme-additional-colors input:invalid ~ .error-message, .design-settings-page .theme-additional-colors .was-validated .element-container input:invalid ~ .error-message, .element-container .design-settings-page .theme-additional-colors .was-validated input:invalid ~ .error-message, .was-validated .design-settings-page .element-container div.input:invalid ~ .error-message, .element-container .was-validated .design-settings-page div.input:invalid ~ .error-message, .design-settings-page .was-validated .element-container div.input:invalid ~ .error-message, .element-container .design-settings-page .was-validated div.input:invalid ~ .error-message,
  .was-validated .form-control:invalid ~ .invalid-tooltip,
  .was-validated .contact-widget-message-form .data-block .element-container textarea:invalid ~ .invalid-tooltip,
  .contact-widget-message-form .data-block .element-container .was-validated textarea:invalid ~ .invalid-tooltip,
  .was-validated .templates-page .notifications-settings .field select:invalid ~ .invalid-tooltip,
  .templates-page .notifications-settings .field .was-validated select:invalid ~ .invalid-tooltip,
  .was-validated .design-settings-page .theme-additional-colors input:invalid ~ .invalid-tooltip,
  .design-settings-page .theme-additional-colors .was-validated input:invalid ~ .invalid-tooltip,
  .was-validated .design-settings-page div.input:invalid ~ .invalid-tooltip,
  .design-settings-page .was-validated div.input:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .contact-widget-message-form .data-block .element-container textarea.is-invalid ~ .invalid-feedback, .templates-page .notifications-settings .field select.is-invalid ~ .invalid-feedback, .design-settings-page .theme-additional-colors input.is-invalid ~ .invalid-feedback, .design-settings-page div.is-invalid.input ~ .invalid-feedback, .form-group.has-error .form-control.is-invalid ~ .help-block, .contact-widget-message-form .data-block .element-container .form-group.has-error textarea.is-invalid ~ .help-block, .form-group.has-error .contact-widget-message-form .data-block .element-container textarea.is-invalid ~ .help-block, .templates-page .notifications-settings .field .form-group.has-error select.is-invalid ~ .help-block, .form-group.has-error .templates-page .notifications-settings .field select.is-invalid ~ .help-block, .design-settings-page .theme-additional-colors .form-group.has-error input.is-invalid ~ .help-block, .form-group.has-error .design-settings-page .theme-additional-colors input.is-invalid ~ .help-block, .design-settings-page .form-group.has-error div.is-invalid.input ~ .help-block, .form-group.has-error .design-settings-page div.is-invalid.input ~ .help-block, .has-error.element-container .form-control.is-invalid ~ .help-block, .contact-widget-message-form .data-block .has-error.element-container textarea.is-invalid ~ .help-block, .templates-page .notifications-settings .field .has-error.element-container select.is-invalid ~ .help-block, .has-error.element-container .templates-page .notifications-settings .field select.is-invalid ~ .help-block, .design-settings-page .theme-additional-colors .has-error.element-container input.is-invalid ~ .help-block, .has-error.element-container .design-settings-page .theme-additional-colors input.is-invalid ~ .help-block, .design-settings-page .has-error.element-container div.is-invalid.input ~ .help-block, .has-error.element-container .design-settings-page div.is-invalid.input ~ .help-block, .element-container.error-field .form-control.is-invalid ~ .help-block, .contact-widget-message-form .data-block .element-container.error-field textarea.is-invalid ~ .help-block, .templates-page .notifications-settings .field .element-container.error-field select.is-invalid ~ .help-block, .element-container.error-field .templates-page .notifications-settings .field select.is-invalid ~ .help-block, .design-settings-page .theme-additional-colors .element-container.error-field input.is-invalid ~ .help-block, .element-container.error-field .design-settings-page .theme-additional-colors input.is-invalid ~ .help-block, .design-settings-page .element-container.error-field div.is-invalid.input ~ .help-block, .element-container.error-field .design-settings-page div.is-invalid.input ~ .help-block, .element-container .form-control.is-invalid ~ .error-message, .contact-widget-message-form .data-block .element-container textarea.is-invalid ~ .error-message, .templates-page .notifications-settings .field .element-container select.is-invalid ~ .error-message, .element-container .templates-page .notifications-settings .field select.is-invalid ~ .error-message, .design-settings-page .theme-additional-colors .element-container input.is-invalid ~ .error-message, .element-container .design-settings-page .theme-additional-colors input.is-invalid ~ .error-message, .design-settings-page .element-container div.is-invalid.input ~ .error-message, .element-container .design-settings-page div.is-invalid.input ~ .error-message,
  .form-control.is-invalid ~ .invalid-tooltip,
  .contact-widget-message-form .data-block .element-container textarea.is-invalid ~ .invalid-tooltip,
  .templates-page .notifications-settings .field select.is-invalid ~ .invalid-tooltip,
  .design-settings-page .theme-additional-colors input.is-invalid ~ .invalid-tooltip,
  .design-settings-page div.is-invalid.input ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .form-group.has-error .custom-select:invalid ~ .help-block, .form-group.has-error .was-validated .custom-select:invalid ~ .help-block, .was-validated .has-error.element-container .custom-select:invalid ~ .help-block, .has-error.element-container .was-validated .custom-select:invalid ~ .help-block, .was-validated .element-container.error-field .custom-select:invalid ~ .help-block, .element-container.error-field .was-validated .custom-select:invalid ~ .help-block, .was-validated .element-container .custom-select:invalid ~ .error-message, .element-container .was-validated .custom-select:invalid ~ .error-message,
  .was-validated
  .custom-select:invalid ~ .invalid-tooltip,
  .custom-select.is-invalid ~ .invalid-feedback,
  .form-group.has-error .custom-select.is-invalid ~ .help-block,
  .has-error.element-container .custom-select.is-invalid ~ .help-block,
  .element-container.error-field .custom-select.is-invalid ~ .help-block,
  .element-container .custom-select.is-invalid ~ .error-message,
  .custom-select.is-invalid ~ .invalid-tooltip {
    display: block; }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #ff9292; }

.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-group.has-error .form-check-input:invalid ~ .help-block, .form-group.has-error .was-validated .form-check-input:invalid ~ .help-block, .was-validated .has-error.element-container .form-check-input:invalid ~ .help-block, .has-error.element-container .was-validated .form-check-input:invalid ~ .help-block, .was-validated .element-container.error-field .form-check-input:invalid ~ .help-block, .element-container.error-field .was-validated .form-check-input:invalid ~ .help-block, .was-validated .element-container .form-check-input:invalid ~ .error-message, .element-container .was-validated .form-check-input:invalid ~ .error-message,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-group.has-error .form-check-input.is-invalid ~ .help-block, .has-error.element-container .form-check-input.is-invalid ~ .help-block, .element-container.error-field .form-check-input.is-invalid ~ .help-block, .element-container .form-check-input.is-invalid ~ .error-message,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #ff9292; }
  .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
    background-color: white; }

.was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .form-group.has-error .custom-control-input:invalid ~ .help-block, .form-group.has-error .was-validated .custom-control-input:invalid ~ .help-block, .was-validated .has-error.element-container .custom-control-input:invalid ~ .help-block, .has-error.element-container .was-validated .custom-control-input:invalid ~ .help-block, .was-validated .element-container.error-field .custom-control-input:invalid ~ .help-block, .element-container.error-field .was-validated .custom-control-input:invalid ~ .help-block, .was-validated .element-container .custom-control-input:invalid ~ .error-message, .element-container .was-validated .custom-control-input:invalid ~ .error-message,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .form-group.has-error .custom-control-input.is-invalid ~ .help-block, .has-error.element-container .custom-control-input.is-invalid ~ .help-block, .element-container.error-field .custom-control-input.is-invalid ~ .help-block, .element-container .custom-control-input.is-invalid ~ .error-message,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  background-color: #ffc5c5; }

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(255, 146, 146, 0.25); }

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #ff9292; }
  .was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {
    border-color: inherit; }

.was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .form-group.has-error .custom-file-input:invalid ~ .help-block, .form-group.has-error .was-validated .custom-file-input:invalid ~ .help-block, .was-validated .has-error.element-container .custom-file-input:invalid ~ .help-block, .has-error.element-container .was-validated .custom-file-input:invalid ~ .help-block, .was-validated .element-container.error-field .custom-file-input:invalid ~ .help-block, .element-container.error-field .was-validated .custom-file-input:invalid ~ .help-block, .was-validated .element-container .custom-file-input:invalid ~ .error-message, .element-container .was-validated .custom-file-input:invalid ~ .error-message,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .form-group.has-error .custom-file-input.is-invalid ~ .help-block, .has-error.element-container .custom-file-input.is-invalid ~ .help-block, .element-container.error-field .custom-file-input.is-invalid ~ .help-block, .element-container .custom-file-input.is-invalid ~ .error-message,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  box-shadow: 0 0 0 0.2rem rgba(255, 146, 146, 0.25); }

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center; }
  .form-inline .form-check {
    width: 100%; }
  @media (min-width: 576px) {
    .form-inline label {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0; }
    .form-inline .form-group, .form-inline .element-container {
      display: flex;
      flex: 0 0 auto;
      flex-flow: row wrap;
      align-items: center;
      margin-bottom: 0; }
    .form-inline .form-control, .form-inline .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container .form-inline textarea, .form-inline .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .form-inline select, .form-inline .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors .form-inline input, .form-inline .design-settings-page div.input, .design-settings-page .form-inline div.input {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .form-inline .form-control-plaintext {
      display: inline-block; }
    .form-inline .input-group {
      width: auto; }
    .form-inline .form-check {
      display: flex;
      align-items: center;
      justify-content: center;
      width: auto;
      padding-left: 0; }
    .form-inline .form-check-input {
      position: relative;
      margin-top: 0;
      margin-right: 0.25rem;
      margin-left: 0; }
    .form-inline .custom-control {
      align-items: center;
      justify-content: center; }
    .form-inline .custom-control-label {
      margin-bottom: 0; } }

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  .btn:hover, .btn:focus {
    text-decoration: none; }
  .btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(6, 173, 239, 0.25); }
  .btn.disabled, .btn:disabled {
    opacity: 0.65; }
  .btn:not(:disabled):not(.disabled) {
    cursor: pointer; }
  .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
    background-image: none; }

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none; }

.btn-primary, .btn-group .btn.active:not(:disabled):not(.disabled):not([disabled]) {
  color: #fff;
  background-color: #06adef;
  border-color: #06adef; }
  .btn-primary:hover, .btn-group .btn.active:hover:not(:disabled):not(.disabled):not([disabled]) {
    color: #fff;
    background-color: #0592ca;
    border-color: #0589bd; }
  .btn-primary:focus, .btn-group .btn.active:focus:not(:disabled):not(.disabled):not([disabled]), .btn-primary.focus, .btn-group .focus.btn.active:not(:disabled):not(.disabled):not([disabled]) {
    box-shadow: 0 0 0 0.2rem rgba(6, 173, 239, 0.5); }
  .btn-primary.disabled, .btn-group .disabled.btn.active:not(:disabled):not(.disabled):not([disabled]), .btn-primary:disabled, .btn-group .btn.active:disabled:not(:disabled):not(.disabled):not([disabled]) {
    color: #fff;
    background-color: #06adef;
    border-color: #06adef; }
  .btn-primary:not(:disabled):not(.disabled):active, .btn-group .btn.active:not(:disabled):not(.disabled):active:not([disabled]), .btn-primary:not(:disabled):not(.disabled).active, .btn-group .btn:not(:disabled):not(.disabled).active:not([disabled]),
  .show > .btn-primary.dropdown-toggle,
  .btn-group .show > .dropdown-toggle.btn.active:not(:disabled):not(.disabled):not([disabled]) {
    color: #fff;
    background-color: #0589bd;
    border-color: #0480b1; }
    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-group .btn.active:not(:disabled):not(.disabled):active:focus:not([disabled]), .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-group .btn:not(:disabled):not(.disabled).active:focus:not([disabled]),
    .show > .btn-primary.dropdown-toggle:focus,
    .btn-group .show > .dropdown-toggle.btn.active:focus:not(:disabled):not(.disabled):not([disabled]) {
      box-shadow: 0 0 0 0.2rem rgba(6, 173, 239, 0.5); }

.btn-secondary, .btn-default {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d; }
  .btn-secondary:hover, .btn-default:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62; }
  .btn-secondary:focus, .btn-default:focus, .btn-secondary.focus, .focus.btn-default {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
  .btn-secondary.disabled, .disabled.btn-default, .btn-secondary:disabled, .btn-default:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d; }
  .btn-secondary:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled).active,
  .show > .btn-secondary.dropdown-toggle,
  .show > .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b; }
    .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-default:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary.dropdown-toggle:focus,
    .show > .dropdown-toggle.btn-default:focus {
      box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }

.btn-success {
  color: #fff;
  background-color: #26dd7d;
  border-color: #26dd7d; }
  .btn-success:hover {
    color: #fff;
    background-color: #1ebf6a;
    border-color: #1cb464; }
  .btn-success:focus, .btn-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 221, 125, 0.5); }
  .btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #26dd7d;
    border-color: #26dd7d; }
  .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
  .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1cb464;
    border-color: #1aa95e; }
    .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(38, 221, 125, 0.5); }

.btn-info {
  color: #fff;
  background-color: #06acee;
  border-color: #06acee; }
  .btn-info:hover {
    color: #fff;
    background-color: #0591c9;
    border-color: #0588bc; }
  .btn-info:focus, .btn-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(6, 172, 238, 0.5); }
  .btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #06acee;
    border-color: #06acee; }
  .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
  .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #0588bc;
    border-color: #047fb0; }
    .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(6, 172, 238, 0.5); }

.btn-warning {
  color: #fff;
  background-color: #fcc558;
  border-color: #fcc558; }
  .btn-warning:hover {
    color: #fff;
    background-color: #fbb832;
    border-color: #fbb426; }
  .btn-warning:focus, .btn-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(252, 197, 88, 0.5); }
  .btn-warning.disabled, .btn-warning:disabled {
    color: #fff;
    background-color: #fcc558;
    border-color: #fcc558; }
  .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
  .show > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #fbb426;
    border-color: #fbaf19; }
    .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(252, 197, 88, 0.5); }

.btn-danger {
  color: #fff;
  background-color: #ff9292;
  border-color: #ff9292; }
  .btn-danger:hover {
    color: #fff;
    background-color: #ff6c6c;
    border-color: #ff5f5f; }
  .btn-danger:focus, .btn-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 146, 146, 0.5); }
  .btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #ff9292;
    border-color: #ff9292; }
  .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
  .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #ff5f5f;
    border-color: #ff5252; }
    .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(255, 146, 146, 0.5); }

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa; }
  .btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5; }
  .btn-light:focus, .btn-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
  .btn-light.disabled, .btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
  .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
  .show > .btn-light.dropdown-toggle {
    color: #fff;
    background-color: #dae0e5;
    border-color: #d3d9df; }
    .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40; }
  .btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124; }
  .btn-dark:focus, .btn-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
  .btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40; }
  .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
  .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d; }
    .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }

.btn-outline-primary {
  color: #06adef;
  background-color: transparent;
  background-image: none;
  border-color: #06adef; }
  .btn-outline-primary:hover {
    color: #fff;
    background-color: #06adef;
    border-color: #06adef; }
  .btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(6, 173, 239, 0.5); }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #06adef;
    background-color: transparent; }
  .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #06adef;
    border-color: #06adef; }
    .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(6, 173, 239, 0.5); }

.btn-outline-secondary {
  color: #6c757d;
  background-color: transparent;
  background-image: none;
  border-color: #6c757d; }
  .btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d; }
  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent; }
  .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d; }
    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }

.btn-outline-success {
  color: #26dd7d;
  background-color: transparent;
  background-image: none;
  border-color: #26dd7d; }
  .btn-outline-success:hover {
    color: #fff;
    background-color: #26dd7d;
    border-color: #26dd7d; }
  .btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 221, 125, 0.5); }
  .btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #26dd7d;
    background-color: transparent; }
  .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
  .show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #26dd7d;
    border-color: #26dd7d; }
    .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(38, 221, 125, 0.5); }

.btn-outline-info {
  color: #06acee;
  background-color: transparent;
  background-image: none;
  border-color: #06acee; }
  .btn-outline-info:hover {
    color: #fff;
    background-color: #06acee;
    border-color: #06acee; }
  .btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(6, 172, 238, 0.5); }
  .btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #06acee;
    background-color: transparent; }
  .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
  .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #06acee;
    border-color: #06acee; }
    .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(6, 172, 238, 0.5); }

.btn-outline-warning {
  color: #fcc558;
  background-color: transparent;
  background-image: none;
  border-color: #fcc558; }
  .btn-outline-warning:hover {
    color: #fff;
    background-color: #fcc558;
    border-color: #fcc558; }
  .btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(252, 197, 88, 0.5); }
  .btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #fcc558;
    background-color: transparent; }
  .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
  .show > .btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #fcc558;
    border-color: #fcc558; }
    .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(252, 197, 88, 0.5); }

.btn-outline-danger {
  color: #ff9292;
  background-color: transparent;
  background-image: none;
  border-color: #ff9292; }
  .btn-outline-danger:hover {
    color: #fff;
    background-color: #ff9292;
    border-color: #ff9292; }
  .btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 146, 146, 0.5); }
  .btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #ff9292;
    background-color: transparent; }
  .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
  .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #ff9292;
    border-color: #ff9292; }
    .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(255, 146, 146, 0.5); }

.btn-outline-light {
  color: #f8f9fa;
  background-color: transparent;
  background-image: none;
  border-color: #f8f9fa; }
  .btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
  .btn-outline-light:focus, .btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
  .btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent; }
  .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
  .show > .btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
    .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.btn-outline-dark {
  color: #343a40;
  background-color: transparent;
  background-image: none;
  border-color: #343a40; }
  .btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40; }
  .btn-outline-dark:focus, .btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
  .btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent; }
  .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
  .show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40; }
    .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }

.btn-link {
  font-weight: 400;
  color: #06adef;
  background-color: transparent; }
  .btn-link:hover {
    color: #0477a4;
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent; }
  .btn-link:focus, .btn-link.focus {
    text-decoration: underline;
    border-color: transparent;
    box-shadow: none; }
  .btn-link:disabled, .btn-link.disabled {
    color: #6c757d; }

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem; }

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem; }

.btn-block {
  display: block;
  width: 100%; }
  .btn-block + .btn-block {
    margin-top: 0.5rem; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.fade {
  opacity: 0;
  transition: opacity 0.15s linear; }
  .fade.show, .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.show {
    display: block; }

tr.collapse.show {
  display: table-row; }

tbody.collapse.show {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem; }

.dropup .dropdown-menu {
  margin-top: 0;
  margin-bottom: 0.125rem; }

.dropright .dropdown-menu {
  margin-top: 0;
  margin-left: 0.125rem; }

.dropright .dropdown-toggle::after {
  vertical-align: 0; }

.dropleft .dropdown-menu {
  margin-top: 0;
  margin-right: 0.125rem; }

.dropleft .dropdown-toggle::before {
  vertical-align: 0; }

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef; }

.dropdown-item, .combobox-container .dropdown-menu li a {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0; }
  .dropdown-item:hover, .combobox-container .dropdown-menu li a:hover, .dropdown-item:focus, .combobox-container .dropdown-menu li a:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa; }
  .dropdown-item.active, .combobox-container .dropdown-menu li a.active, .dropdown-item:active, .combobox-container .dropdown-menu li a:active {
    color: #fff;
    text-decoration: none;
    background-color: #06adef; }
  .dropdown-item.disabled, .combobox-container .dropdown-menu li a.disabled, .dropdown-item:disabled, .combobox-container .dropdown-menu li a:disabled {
    color: #6c757d;
    background-color: transparent; }

.dropdown-menu.show {
  display: block; }

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap; }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    flex: 0 1 auto; }
    .btn-group > .btn:hover,
    .btn-group-vertical > .btn:hover {
      z-index: 1; }
    .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 1; }
  .btn-group .btn + .btn,
  .btn-group .btn + .btn-group,
  .btn-group .btn-group + .btn,
  .btn-group .btn-group + .btn-group,
  .btn-group-vertical .btn + .btn,
  .btn-group-vertical .btn + .btn-group,
  .btn-group-vertical .btn-group + .btn,
  .btn-group-vertical .btn-group + .btn-group {
    margin-left: -1px; }

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .btn-toolbar .input-group {
    width: auto; }

.btn-group > .btn:first-child {
  margin-left: 0; }

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem; }
  .dropdown-toggle-split::after {
    margin-left: 0; }

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem; }

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem; }

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center; }
  .btn-group-vertical .btn,
  .btn-group-vertical .btn-group {
    width: 100%; }
  .btn-group-vertical > .btn + .btn,
  .btn-group-vertical > .btn + .btn-group,
  .btn-group-vertical > .btn-group + .btn,
  .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0; }
  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
  .btn-group-vertical > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .btn-group-vertical > .btn:not(:first-child),
  .btn-group-vertical > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0; }
  .btn-group-toggle > .btn input[type="radio"],
  .btn-group-toggle > .btn input[type="checkbox"],
  .btn-group-toggle > .btn-group > .btn input[type="radio"],
  .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none; }

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%; }
  .input-group > .form-control, .contact-widget-message-form .data-block .element-container .input-group > textarea, .templates-page .notifications-settings .field .input-group > select, .design-settings-page .theme-additional-colors .input-group > input, .design-settings-page .input-group > div.input,
  .input-group > .custom-select,
  .input-group > .custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0; }
    .input-group > .form-control:focus, .contact-widget-message-form .data-block .element-container .input-group > textarea:focus, .templates-page .notifications-settings .field .input-group > select:focus, .design-settings-page .theme-additional-colors .input-group > input:focus, .design-settings-page .input-group > div.input:focus,
    .input-group > .custom-select:focus,
    .input-group > .custom-file:focus {
      z-index: 3; }
    .input-group > .form-control + .form-control, .contact-widget-message-form .data-block .element-container .input-group > textarea + .form-control, .templates-page .notifications-settings .field .input-group > select + .form-control, .design-settings-page .theme-additional-colors .input-group > input + .form-control, .design-settings-page .input-group > div.input + .form-control, .contact-widget-message-form .data-block .element-container .input-group > .form-control + textarea, .contact-widget-message-form .data-block .element-container .input-group > textarea + textarea, .templates-page .notifications-settings .field .contact-widget-message-form .data-block .element-container .input-group > select + textarea, .contact-widget-message-form .data-block .element-container .templates-page .notifications-settings .field .input-group > select + textarea, .design-settings-page .theme-additional-colors .contact-widget-message-form .data-block .element-container .input-group > input + textarea, .contact-widget-message-form .data-block .element-container .design-settings-page .theme-additional-colors .input-group > input + textarea, .design-settings-page .contact-widget-message-form .data-block .element-container .input-group > div.input + textarea, .contact-widget-message-form .data-block .element-container .design-settings-page .input-group > div.input + textarea, .templates-page .notifications-settings .field .input-group > .form-control + select, .contact-widget-message-form .data-block .element-container .templates-page .notifications-settings .field .input-group > textarea + select, .templates-page .notifications-settings .field .contact-widget-message-form .data-block .element-container .input-group > textarea + select, .templates-page .notifications-settings .field .input-group > select + select, .design-settings-page .theme-additional-colors .templates-page .notifications-settings .field .input-group > input + select, .templates-page .notifications-settings .field .design-settings-page .theme-additional-colors .input-group > input + select, .design-settings-page .templates-page .notifications-settings .field .input-group > div.input + select, .templates-page .notifications-settings .field .design-settings-page .input-group > div.input + select, .design-settings-page .theme-additional-colors .input-group > .form-control + input, .contact-widget-message-form .data-block .element-container .design-settings-page .theme-additional-colors .input-group > textarea + input, .design-settings-page .theme-additional-colors .contact-widget-message-form .data-block .element-container .input-group > textarea + input, .templates-page .notifications-settings .field .design-settings-page .theme-additional-colors .input-group > select + input, .design-settings-page .theme-additional-colors .templates-page .notifications-settings .field .input-group > select + input, .design-settings-page .theme-additional-colors .input-group > input + input, .design-settings-page .theme-additional-colors .input-group > div.input + input, .design-settings-page .input-group > .form-control + div.input, .contact-widget-message-form .data-block .element-container .design-settings-page .input-group > textarea + div.input, .design-settings-page .contact-widget-message-form .data-block .element-container .input-group > textarea + div.input, .templates-page .notifications-settings .field .design-settings-page .input-group > select + div.input, .design-settings-page .templates-page .notifications-settings .field .input-group > select + div.input, .design-settings-page .theme-additional-colors .input-group > input + div.input, .design-settings-page .input-group > div.input + div.input,
    .input-group > .form-control + .custom-select,
    .contact-widget-message-form .data-block .element-container .input-group > textarea + .custom-select,
    .templates-page .notifications-settings .field .input-group > select + .custom-select,
    .design-settings-page .theme-additional-colors .input-group > input + .custom-select,
    .design-settings-page .input-group > div.input + .custom-select,
    .input-group > .form-control + .custom-file,
    .contact-widget-message-form .data-block .element-container .input-group > textarea + .custom-file,
    .templates-page .notifications-settings .field .input-group > select + .custom-file,
    .design-settings-page .theme-additional-colors .input-group > input + .custom-file,
    .design-settings-page .input-group > div.input + .custom-file,
    .input-group > .custom-select + .form-control,
    .contact-widget-message-form .data-block .element-container .input-group > .custom-select + textarea,
    .templates-page .notifications-settings .field .input-group > .custom-select + select,
    .design-settings-page .theme-additional-colors .input-group > .custom-select + input,
    .design-settings-page .input-group > .custom-select + div.input,
    .input-group > .custom-select + .custom-select,
    .input-group > .custom-select + .custom-file,
    .input-group > .custom-file + .form-control,
    .contact-widget-message-form .data-block .element-container .input-group > .custom-file + textarea,
    .templates-page .notifications-settings .field .input-group > .custom-file + select,
    .design-settings-page .theme-additional-colors .input-group > .custom-file + input,
    .design-settings-page .input-group > .custom-file + div.input,
    .input-group > .custom-file + .custom-select,
    .input-group > .custom-file + .custom-file {
      margin-left: -1px; }
  .input-group > .form-control:not(:last-child), .contact-widget-message-form .data-block .element-container .input-group > textarea:not(:last-child), .templates-page .notifications-settings .field .input-group > select:not(:last-child), .design-settings-page .theme-additional-colors .input-group > input:not(:last-child), .design-settings-page .input-group > div.input:not(:last-child),
  .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .input-group > .form-control:not(:first-child), .contact-widget-message-form .data-block .element-container .input-group > textarea:not(:first-child), .templates-page .notifications-settings .field .input-group > select:not(:first-child), .design-settings-page .theme-additional-colors .input-group > input:not(:first-child), .design-settings-page .input-group > div.input:not(:first-child),
  .input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .input-group > .custom-file {
    display: flex;
    align-items: center; }
    .input-group > .custom-file:not(:last-child) .custom-file-label,
    .input-group > .custom-file:not(:last-child) .custom-file-label::before {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .input-group > .custom-file:not(:first-child) .custom-file-label,
    .input-group > .custom-file:not(:first-child) .custom-file-label::before {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }

.input-group-prepend,
.input-group-append {
  display: flex; }
  .input-group-prepend .btn,
  .input-group-append .btn {
    position: relative;
    z-index: 2; }
  .input-group-prepend .btn + .btn,
  .input-group-prepend .btn + .input-group-text,
  .input-group-prepend .input-group-text + .input-group-text,
  .input-group-prepend .input-group-text + .btn,
  .input-group-append .btn + .btn,
  .input-group-append .btn + .input-group-text,
  .input-group-append .input-group-text + .input-group-text,
  .input-group-append .input-group-text + .btn {
    margin-left: -1px; }

.input-group-prepend {
  margin-right: -1px; }

.input-group-append {
  margin-left: -1px; }

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem; }
  .input-group-text input[type="radio"],
  .input-group-text input[type="checkbox"] {
    margin-top: 0; }

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem; }

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem; }

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0; }
  .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: #06adef; }
  .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(6, 173, 239, 0.25); }
  .custom-control-input:active ~ .custom-control-label::before {
    color: #fff;
    background-color: #abe6fd; }
  .custom-control-input:disabled ~ .custom-control-label {
    color: #6c757d; }
    .custom-control-input:disabled ~ .custom-control-label::before {
      background-color: #e9ecef; }

.custom-control-label {
  margin-bottom: 0; }
  .custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    user-select: none;
    background-color: #dee2e6; }
  .custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%; }

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #06adef; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  background-color: #06adef; }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); }

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(6, 173, 239, 0.5); }

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(6, 173, 239, 0.5); }

.custom-radio .custom-control-label::before {
  border-radius: 50%; }

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #06adef; }

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); }

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(6, 173, 239, 0.5); }

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  appearance: none; }
  .custom-select:focus {
    border-color: #79d7fc;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(121, 215, 252, 0.5); }
    .custom-select:focus::-ms-value {
      color: #495057;
      background-color: #fff; }
  .custom-select[multiple], .custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: 0.75rem;
    background-image: none; }
  .custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef; }
  .custom-select::-ms-expand {
    opacity: 0; }

.custom-select-sm {
  height: calc(1.8125rem + 2px);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 75%; }

.custom-select-lg {
  height: calc(2.875rem + 2px);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 125%; }

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin-bottom: 0; }

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin: 0;
  opacity: 0; }
  .custom-file-input:focus ~ .custom-file-control {
    border-color: #79d7fc;
    box-shadow: 0 0 0 0.2rem rgba(6, 173, 239, 0.25); }
    .custom-file-input:focus ~ .custom-file-control::before {
      border-color: #79d7fc; }
  .custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse"; }

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem; }
  .custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(calc(2.25rem + 2px) - 1px * 2);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: 1px solid #ced4da;
    border-radius: 0 0.25rem 0.25rem 0; }

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.nav-link, ul.nav-tabs > li > a {
  display: block;
  padding: 0.5rem 1rem; }
  .nav-link:hover, ul.nav-tabs > li > a:hover, .nav-link:focus, ul.nav-tabs > li > a:focus {
    text-decoration: none; }
  .nav-link.disabled, ul.nav-tabs > li > a.disabled {
    color: #6c757d; }

.nav-tabs {
  border-bottom: 1px solid #dee2e6; }
  .nav-tabs .nav-item, ul.nav-tabs > li {
    margin-bottom: -1px; }
  .nav-tabs .nav-link, ul.nav-tabs > li > a {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
    .nav-tabs .nav-link:hover, ul.nav-tabs > li > a:hover, .nav-tabs .nav-link:focus, ul.nav-tabs > li > a:focus {
      border-color: #e9ecef #e9ecef #dee2e6; }
    .nav-tabs .nav-link.disabled, ul.nav-tabs > li > a.disabled {
      color: #6c757d;
      background-color: transparent;
      border-color: transparent; }
  .nav-tabs .nav-link.active, ul.nav-tabs > li > a.active,
  .nav-tabs .nav-item.show .nav-link,
  ul.nav-tabs > li.show .nav-link,
  .nav-tabs .nav-item.show ul.nav-tabs > li > a,
  ul.nav-tabs > li.show ul.nav-tabs > li > a {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff; }
  .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.nav-pills .nav-link, .nav-pills ul.nav-tabs > li > a {
  border-radius: 0.25rem; }

.nav-pills .nav-link.active, .nav-pills ul.nav-tabs > li > a.active,
.nav-pills .show > .nav-link,
.nav-pills ul.nav-tabs > li.show > a {
  color: #fff;
  background-color: #06adef; }

.nav-fill .nav-item, .nav-fill ul.nav-tabs > li {
  flex: 1 1 auto;
  text-align: center; }

.nav-justified .nav-item, .nav-justified ul.nav-tabs > li {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center; }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem; }
  .navbar > .container,
  .navbar > .container-fluid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  .navbar-nav .nav-link, .navbar-nav ul.nav-tabs > li > a {
    padding-right: 0;
    padding-left: 0; }
  .navbar-nav .dropdown-menu {
    position: static;
    float: none; }

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center; }

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem; }
  .navbar-toggler:hover, .navbar-toggler:focus {
    text-decoration: none; }
  .navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer; }

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%; }

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-sm .navbar-nav {
      flex-direction: row; }
      .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-sm .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto; }
      .navbar-expand-sm .navbar-nav .nav-link, .navbar-expand-sm .navbar-nav ul.nav-tabs > li > a {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-sm .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-sm .navbar-toggler {
      display: none; }
    .navbar-expand-sm .dropup .dropdown-menu {
      top: auto;
      bottom: 100%; } }

@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-md .navbar-nav {
      flex-direction: row; }
      .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-md .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto; }
      .navbar-expand-md .navbar-nav .nav-link, .navbar-expand-md .navbar-nav ul.nav-tabs > li > a {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-md .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-md .navbar-toggler {
      display: none; }
    .navbar-expand-md .dropup .dropdown-menu {
      top: auto;
      bottom: 100%; } }

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-lg .navbar-nav {
      flex-direction: row; }
      .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-lg .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto; }
      .navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav ul.nav-tabs > li > a {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-lg .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-lg .navbar-toggler {
      display: none; }
    .navbar-expand-lg .dropup .dropdown-menu {
      top: auto;
      bottom: 100%; } }

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-xl .navbar-nav {
      flex-direction: row; }
      .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-xl .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto; }
      .navbar-expand-xl .navbar-nav .nav-link, .navbar-expand-xl .navbar-nav ul.nav-tabs > li > a {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-xl .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-xl .navbar-toggler {
      display: none; }
    .navbar-expand-xl .dropup .dropdown-menu {
      top: auto;
      bottom: 100%; } }

.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start; }
  .navbar-expand > .container,
  .navbar-expand > .container-fluid {
    padding-right: 0;
    padding-left: 0; }
  .navbar-expand .navbar-nav {
    flex-direction: row; }
    .navbar-expand .navbar-nav .dropdown-menu {
      position: absolute; }
    .navbar-expand .navbar-nav .dropdown-menu-right {
      right: 0;
      left: auto; }
    .navbar-expand .navbar-nav .nav-link, .navbar-expand .navbar-nav ul.nav-tabs > li > a {
      padding-right: 0.5rem;
      padding-left: 0.5rem; }
  .navbar-expand > .container,
  .navbar-expand > .container-fluid {
    flex-wrap: nowrap; }
  .navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto; }
  .navbar-expand .navbar-toggler {
    display: none; }
  .navbar-expand .dropup .dropdown-menu {
    top: auto;
    bottom: 100%; }

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9); }
  .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav ul.nav-tabs > li > a {
  color: rgba(0, 0, 0, 0.5); }
  .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav ul.nav-tabs > li > a:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav ul.nav-tabs > li > a:focus {
    color: rgba(0, 0, 0, 0.7); }
  .navbar-light .navbar-nav .nav-link.disabled, .navbar-light .navbar-nav ul.nav-tabs > li > a.disabled {
    color: rgba(0, 0, 0, 0.3); }

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav ul.nav-tabs > li.show > a,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav ul.nav-tabs > li.active > a,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav ul.nav-tabs > li > a.show,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav ul.nav-tabs > li > a.active {
  color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1); }

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5); }
  .navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9); }
    .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
      color: rgba(0, 0, 0, 0.9); }

.navbar-dark .navbar-brand {
  color: #fff; }
  .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
    color: #fff; }

.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav ul.nav-tabs > li > a {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav ul.nav-tabs > li > a:hover, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav ul.nav-tabs > li > a:focus {
    color: rgba(255, 255, 255, 0.75); }
  .navbar-dark .navbar-nav .nav-link.disabled, .navbar-dark .navbar-nav ul.nav-tabs > li > a.disabled {
    color: rgba(255, 255, 255, 0.25); }

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav ul.nav-tabs > li.show > a,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav ul.nav-tabs > li.active > a,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav ul.nav-tabs > li > a.show,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav ul.nav-tabs > li > a.active {
  color: #fff; }

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1); }

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-dark .navbar-text a {
    color: #fff; }
    .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
      color: #fff; }

.card, .panel {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }
  .card > hr, .panel > hr {
    margin-right: 0;
    margin-left: 0; }
  .card > .list-group:first-child .list-group-item:first-child, .panel > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  .card > .list-group:last-child .list-group-item:last-child, .panel > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }

.card-body, .panel .panel-body {
  flex: 1 1 auto;
  padding: 1.25rem; }

.card-title, .panel .panel-title {
  margin-bottom: 0.75rem; }

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0; }

.card-text:last-child {
  margin-bottom: 0; }

.card-link:hover {
  text-decoration: none; }

.card-link + .card-link {
  margin-left: 1.25rem; }

.card-header, .panel .panel-heading {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
  .card-header:first-child, .panel .panel-heading:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }
  .card-header + .list-group .list-group-item:first-child, .panel .panel-heading + .list-group .list-group-item:first-child {
    border-top: 0; }

.card-footer, .panel .panel-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125); }
  .card-footer:last-child, .panel .panel-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0; }

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem; }

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px); }

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px); }

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px); }

.card-deck {
  display: flex;
  flex-direction: column; }
  .card-deck .card, .card-deck .panel {
    margin-bottom: 15px; }
  @media (min-width: 576px) {
    .card-deck {
      flex-flow: row wrap;
      margin-right: -15px;
      margin-left: -15px; }
      .card-deck .card, .card-deck .panel {
        display: flex;
        flex: 1 0 0%;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px; } }

.card-group {
  display: flex;
  flex-direction: column; }
  .card-group > .card, .card-group > .panel {
    margin-bottom: 15px; }
  @media (min-width: 576px) {
    .card-group {
      flex-flow: row wrap; }
      .card-group > .card, .card-group > .panel {
        flex: 1 0 0%;
        margin-bottom: 0; }
        .card-group > .card + .card, .card-group > .panel + .card, .card-group > .card + .panel, .card-group > .panel + .panel {
          margin-left: 0;
          border-left: 0; }
        .card-group > .card:first-child, .card-group > .panel:first-child {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
          .card-group > .card:first-child .card-img-top, .card-group > .panel:first-child .card-img-top,
          .card-group > .card:first-child .card-header,
          .card-group > .panel:first-child .card-header,
          .card-group > .card:first-child .panel .panel-heading,
          .panel .card-group > .card:first-child .panel-heading,
          .card-group > .panel:first-child .panel-heading {
            border-top-right-radius: 0; }
          .card-group > .card:first-child .card-img-bottom, .card-group > .panel:first-child .card-img-bottom,
          .card-group > .card:first-child .card-footer,
          .card-group > .panel:first-child .card-footer,
          .card-group > .card:first-child .panel .panel-footer,
          .panel .card-group > .card:first-child .panel-footer,
          .card-group > .panel:first-child .panel-footer {
            border-bottom-right-radius: 0; }
        .card-group > .card:last-child, .card-group > .panel:last-child {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
          .card-group > .card:last-child .card-img-top, .card-group > .panel:last-child .card-img-top,
          .card-group > .card:last-child .card-header,
          .card-group > .panel:last-child .card-header,
          .card-group > .card:last-child .panel .panel-heading,
          .panel .card-group > .card:last-child .panel-heading,
          .card-group > .panel:last-child .panel-heading {
            border-top-left-radius: 0; }
          .card-group > .card:last-child .card-img-bottom, .card-group > .panel:last-child .card-img-bottom,
          .card-group > .card:last-child .card-footer,
          .card-group > .panel:last-child .card-footer,
          .card-group > .card:last-child .panel .panel-footer,
          .panel .card-group > .card:last-child .panel-footer,
          .card-group > .panel:last-child .panel-footer {
            border-bottom-left-radius: 0; }
        .card-group > .card:only-child, .card-group > .panel:only-child {
          border-radius: 0.25rem; }
          .card-group > .card:only-child .card-img-top, .card-group > .panel:only-child .card-img-top,
          .card-group > .card:only-child .card-header,
          .card-group > .panel:only-child .card-header,
          .card-group > .card:only-child .panel .panel-heading,
          .panel .card-group > .card:only-child .panel-heading,
          .card-group > .panel:only-child .panel-heading {
            border-top-left-radius: 0.25rem;
            border-top-right-radius: 0.25rem; }
          .card-group > .card:only-child .card-img-bottom, .card-group > .panel:only-child .card-img-bottom,
          .card-group > .card:only-child .card-footer,
          .card-group > .panel:only-child .card-footer,
          .card-group > .card:only-child .panel .panel-footer,
          .panel .card-group > .card:only-child .panel-footer,
          .card-group > .panel:only-child .panel-footer {
            border-bottom-right-radius: 0.25rem;
            border-bottom-left-radius: 0.25rem; }
        .card-group > .card:not(:first-child):not(:last-child):not(:only-child), .card-group > .panel:not(:first-child):not(:last-child):not(:only-child) {
          border-radius: 0; }
          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .card-group > .panel:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
          .card-group > .panel:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
          .card-group > .panel:not(:first-child):not(:last-child):not(:only-child) .card-header,
          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .panel .panel-heading,
          .panel .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .panel-heading,
          .card-group > .panel:not(:first-child):not(:last-child):not(:only-child) .panel-heading,
          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer,
          .card-group > .panel:not(:first-child):not(:last-child):not(:only-child) .card-footer,
          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .panel .panel-footer,
          .panel .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .panel-footer,
          .card-group > .panel:not(:first-child):not(:last-child):not(:only-child) .panel-footer {
            border-radius: 0; } }

.card-columns .card, .card-columns .panel {
  margin-bottom: 0.75rem; }

@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem; }
    .card-columns .card, .card-columns .panel {
      display: inline-block;
      width: 100%; } }

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem; }

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  color: #6c757d;
  content: "/"; }

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline; }

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none; }

.breadcrumb-item.active {
  color: #6c757d; }

.pagination, .dataTables_paginate ul {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem; }

.page-link, .dataTables_paginate ul li a, .pagination li a {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #06adef;
  background-color: #fff;
  border: 1px solid #dee2e6; }
  .page-link:hover, .dataTables_paginate ul li a:hover, .pagination li a:hover {
    color: #0477a4;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6; }
  .page-link:focus, .dataTables_paginate ul li a:focus, .pagination li a:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(6, 173, 239, 0.25); }
  .page-link:not(:disabled):not(.disabled), .dataTables_paginate ul li a:not(:disabled):not(.disabled), .pagination li a:not(:disabled):not(.disabled) {
    cursor: pointer; }

.page-item:first-child .page-link, .dataTables_paginate ul li:first-child .page-link, .pagination li:first-child .page-link, .page-item:first-child .dataTables_paginate ul li a, .dataTables_paginate ul li .page-item:first-child a, .dataTables_paginate ul li:first-child a, .page-item:first-child .pagination li a, .pagination li .page-item:first-child a, .pagination li:first-child a {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem; }

.page-item:last-child .page-link, .dataTables_paginate ul li:last-child .page-link, .pagination li:last-child .page-link, .page-item:last-child .dataTables_paginate ul li a, .dataTables_paginate ul li .page-item:last-child a, .dataTables_paginate ul li:last-child a, .page-item:last-child .pagination li a, .pagination li .page-item:last-child a, .pagination li:last-child a {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

.page-item.active .page-link, .dataTables_paginate ul li.active .page-link, .pagination li.active .page-link, .page-item.active .dataTables_paginate ul li a, .dataTables_paginate ul li .page-item.active a, .dataTables_paginate ul li.active a, .page-item.active .pagination li a, .pagination li .page-item.active a, .pagination li.active a {
  z-index: 1;
  color: #fff;
  background-color: #06adef;
  border-color: #06adef; }

.page-item.disabled .page-link, .dataTables_paginate ul li.disabled .page-link, .pagination li.disabled .page-link, .page-item.disabled .dataTables_paginate ul li a, .dataTables_paginate ul li .page-item.disabled a, .dataTables_paginate ul li.disabled a, .page-item.disabled .pagination li a, .pagination li .page-item.disabled a, .pagination li.disabled a {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6; }

.pagination-lg .page-link, .pagination-lg .dataTables_paginate ul li a, .dataTables_paginate ul li .pagination-lg a, .pagination-lg .pagination li a, .pagination li .pagination-lg a {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5; }

.pagination-lg .page-item:first-child .page-link, .pagination-lg .dataTables_paginate ul li:first-child .page-link, .dataTables_paginate ul .pagination-lg li:first-child .page-link, .pagination-lg .pagination li:first-child .page-link, .pagination .pagination-lg li:first-child .page-link, .pagination-lg .page-item:first-child .dataTables_paginate ul li a, .dataTables_paginate ul li .pagination-lg .page-item:first-child a, .pagination-lg .dataTables_paginate ul li:first-child a, .dataTables_paginate ul .pagination-lg li:first-child a, .pagination-lg .pagination .dataTables_paginate ul li:first-child a, .dataTables_paginate ul .pagination .pagination-lg li:first-child a, .pagination-lg .page-item:first-child .pagination li a, .pagination li .pagination-lg .page-item:first-child a, .pagination-lg .dataTables_paginate ul .pagination li:first-child a, .pagination .pagination-lg .dataTables_paginate ul li:first-child a, .dataTables_paginate ul .pagination-lg .pagination li:first-child a, .pagination .dataTables_paginate ul .pagination-lg li:first-child a, .pagination-lg .pagination li:first-child a, .pagination .pagination-lg li:first-child a {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem; }

.pagination-lg .page-item:last-child .page-link, .pagination-lg .dataTables_paginate ul li:last-child .page-link, .dataTables_paginate ul .pagination-lg li:last-child .page-link, .pagination-lg .pagination li:last-child .page-link, .pagination .pagination-lg li:last-child .page-link, .pagination-lg .page-item:last-child .dataTables_paginate ul li a, .dataTables_paginate ul li .pagination-lg .page-item:last-child a, .pagination-lg .dataTables_paginate ul li:last-child a, .dataTables_paginate ul .pagination-lg li:last-child a, .pagination-lg .pagination .dataTables_paginate ul li:last-child a, .dataTables_paginate ul .pagination .pagination-lg li:last-child a, .pagination-lg .page-item:last-child .pagination li a, .pagination li .pagination-lg .page-item:last-child a, .pagination-lg .dataTables_paginate ul .pagination li:last-child a, .pagination .pagination-lg .dataTables_paginate ul li:last-child a, .dataTables_paginate ul .pagination-lg .pagination li:last-child a, .pagination .dataTables_paginate ul .pagination-lg li:last-child a, .pagination-lg .pagination li:last-child a, .pagination .pagination-lg li:last-child a {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem; }

.pagination-sm .page-link, .pagination-sm .dataTables_paginate ul li a, .dataTables_paginate ul li .pagination-sm a, .pagination-sm .pagination li a, .pagination li .pagination-sm a {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5; }

.pagination-sm .page-item:first-child .page-link, .pagination-sm .dataTables_paginate ul li:first-child .page-link, .dataTables_paginate ul .pagination-sm li:first-child .page-link, .pagination-sm .pagination li:first-child .page-link, .pagination .pagination-sm li:first-child .page-link, .pagination-sm .page-item:first-child .dataTables_paginate ul li a, .dataTables_paginate ul li .pagination-sm .page-item:first-child a, .pagination-sm .dataTables_paginate ul li:first-child a, .dataTables_paginate ul .pagination-sm li:first-child a, .pagination-sm .pagination .dataTables_paginate ul li:first-child a, .dataTables_paginate ul .pagination .pagination-sm li:first-child a, .pagination-sm .page-item:first-child .pagination li a, .pagination li .pagination-sm .page-item:first-child a, .pagination-sm .dataTables_paginate ul .pagination li:first-child a, .pagination .pagination-sm .dataTables_paginate ul li:first-child a, .dataTables_paginate ul .pagination-sm .pagination li:first-child a, .pagination .dataTables_paginate ul .pagination-sm li:first-child a, .pagination-sm .pagination li:first-child a, .pagination .pagination-sm li:first-child a {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem; }

.pagination-sm .page-item:last-child .page-link, .pagination-sm .dataTables_paginate ul li:last-child .page-link, .dataTables_paginate ul .pagination-sm li:last-child .page-link, .pagination-sm .pagination li:last-child .page-link, .pagination .pagination-sm li:last-child .page-link, .pagination-sm .page-item:last-child .dataTables_paginate ul li a, .dataTables_paginate ul li .pagination-sm .page-item:last-child a, .pagination-sm .dataTables_paginate ul li:last-child a, .dataTables_paginate ul .pagination-sm li:last-child a, .pagination-sm .pagination .dataTables_paginate ul li:last-child a, .dataTables_paginate ul .pagination .pagination-sm li:last-child a, .pagination-sm .page-item:last-child .pagination li a, .pagination li .pagination-sm .page-item:last-child a, .pagination-sm .dataTables_paginate ul .pagination li:last-child a, .pagination .pagination-sm .dataTables_paginate ul li:last-child a, .dataTables_paginate ul .pagination-sm .pagination li:last-child a, .pagination .dataTables_paginate ul .pagination-sm li:last-child a, .pagination-sm .pagination li:last-child a, .pagination .pagination-sm li:last-child a {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem; }

.badge, .label {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem; }
  .badge:empty, .label:empty {
    display: none; }

.btn .badge, .btn .label {
  position: relative;
  top: -1px; }

.badge-pill, .table .label, .header .nav-notify .badge, .header .nav-notify .label, .schedule-interface .top-info .top-info-toggle-badge {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem; }

.badge-primary, .label-primary {
  color: #fff;
  background-color: #06adef; }
  .badge-primary[href]:hover, .label-primary[href]:hover, .badge-primary[href]:focus, .label-primary[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #0589bd; }

.badge-secondary, .label-default {
  color: #fff;
  background-color: #6c757d; }
  .badge-secondary[href]:hover, .label-default[href]:hover, .badge-secondary[href]:focus, .label-default[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #545b62; }

.badge-success, .label-success {
  color: #fff;
  background-color: #26dd7d; }
  .badge-success[href]:hover, .label-success[href]:hover, .badge-success[href]:focus, .label-success[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #1cb464; }

.badge-info, .label-info {
  color: #fff;
  background-color: #06acee; }
  .badge-info[href]:hover, .label-info[href]:hover, .badge-info[href]:focus, .label-info[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #0588bc; }

.badge-warning, .dark-mode .label.label-warning, .label-warning {
  color: #fff;
  background-color: #fcc558; }
  .badge-warning[href]:hover, .label-warning[href]:hover, .badge-warning[href]:focus, .label-warning[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #fbb426; }

.badge-danger, .label-danger {
  color: #fff;
  background-color: #ff9292; }
  .badge-danger[href]:hover, .label-danger[href]:hover, .badge-danger[href]:focus, .label-danger[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #ff5f5f; }

.badge-light {
  color: #212529;
  background-color: #f8f9fa; }
  .badge-light[href]:hover, .badge-light[href]:focus {
    color: #212529;
    text-decoration: none;
    background-color: #dae0e5; }

.badge-dark {
  color: #fff;
  background-color: #343a40; }
  .badge-dark[href]:hover, .badge-dark[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #1d2124; }

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem; }
  @media (min-width: 576px) {
    .jumbotron {
      padding: 4rem 2rem; } }

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0; }

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem; }

.alert-heading {
  color: inherit; }

.alert-link {
  font-weight: 700; }

.alert-dismissible {
  padding-right: 4rem; }
  .alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: inherit; }

.alert-primary, .templates-page .phone-group.has-info .alert {
  color: #035a7c;
  background-color: #cdeffc;
  border-color: #b9e8fb; }
  .alert-primary hr, .templates-page .phone-group.has-info .alert hr {
    border-top-color: #a1e0fa; }
  .alert-primary .alert-link, .templates-page .phone-group.has-info .alert .alert-link {
    color: #02364a; }

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db; }
  .alert-secondary hr {
    border-top-color: #c8cbcf; }
  .alert-secondary .alert-link {
    color: #202326; }

.alert-success {
  color: #147341;
  background-color: #d4f8e5;
  border-color: #c2f5db; }
  .alert-success hr {
    border-top-color: #acf1ce; }
  .alert-success .alert-link {
    color: #0c4828; }

.alert-info {
  color: #03597c;
  background-color: #cdeefc;
  border-color: #b9e8fa; }
  .alert-info hr {
    border-top-color: #a1e0f8; }
  .alert-info .alert-link {
    color: #02354a; }

.alert-warning {
  color: #83662e;
  background-color: #fef3de;
  border-color: #feefd0; }
  .alert-warning hr {
    border-top-color: #fde7b7; }
  .alert-warning .alert-link {
    color: #5d4921; }

.alert-danger {
  color: #854c4c;
  background-color: #ffe9e9;
  border-color: #ffe0e0; }
  .alert-danger hr {
    border-top-color: #ffc7c7; }
  .alert-danger .alert-link {
    color: #653939; }

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe; }
  .alert-light hr {
    border-top-color: #ececf6; }
  .alert-light .alert-link {
    color: #686868; }

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca; }
  .alert-dark hr {
    border-top-color: #b9bbbe; }
  .alert-dark .alert-link {
    color: #040505; }

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem; }

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  background-color: #06adef;
  transition: width 0.6s ease; }

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem; }

.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite; }

.media {
  display: flex;
  align-items: flex-start; }

.media-body {
  flex: 1; }

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0; }

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit; }
  .list-group-item-action:hover, .list-group-item-action:focus {
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa; }
  .list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef; }

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125); }
  .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  .list-group-item:hover, .list-group-item:focus {
    z-index: 1;
    text-decoration: none; }
  .list-group-item.disabled, .list-group-item:disabled {
    color: #6c757d;
    background-color: #fff; }
  .list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #06adef;
    border-color: #06adef; }

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0; }

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0; }

.list-group-flush:last-child .list-group-item:last-child {
  border-bottom: 0; }

.list-group-item-primary {
  color: #035a7c;
  background-color: #b9e8fb; }
  .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #035a7c;
    background-color: #a1e0fa; }
  .list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #035a7c;
    border-color: #035a7c; }

.list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db; }
  .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
    color: #383d41;
    background-color: #c8cbcf; }
  .list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41; }

.list-group-item-success {
  color: #147341;
  background-color: #c2f5db; }
  .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
    color: #147341;
    background-color: #acf1ce; }
  .list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #147341;
    border-color: #147341; }

.list-group-item-info {
  color: #03597c;
  background-color: #b9e8fa; }
  .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
    color: #03597c;
    background-color: #a1e0f8; }
  .list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #03597c;
    border-color: #03597c; }

.list-group-item-warning {
  color: #83662e;
  background-color: #feefd0; }
  .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
    color: #83662e;
    background-color: #fde7b7; }
  .list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #83662e;
    border-color: #83662e; }

.list-group-item-danger {
  color: #854c4c;
  background-color: #ffe0e0; }
  .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
    color: #854c4c;
    background-color: #ffc7c7; }
  .list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #854c4c;
    border-color: #854c4c; }

.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe; }
  .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
    color: #818182;
    background-color: #ececf6; }
  .list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182; }

.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca; }
  .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
    color: #1b1e21;
    background-color: #b9bbbe; }
  .list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21; }

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5; }
  .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    opacity: .75; }
  .close:not(:disabled):not(.disabled) {
    cursor: pointer; }

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none; }

.modal-open {
  overflow: hidden; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0; }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none; }
  .modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -25%); }
  .modal.show .modal-dialog {
    transform: translate(0, 0); }

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2)); }

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show {
    opacity: 0.5; }

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem; }
  .modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto; }

.modal-title {
  margin-bottom: 0;
  line-height: 1.5; }

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem; }

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef; }
  .modal-footer > :not(:first-child) {
    margin-left: .25rem; }
  .modal-footer > :not(:last-child) {
    margin-right: .25rem; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto; }
  .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2)); }
  .modal-sm {
    max-width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0; }
  .tooltip.show {
    opacity: 0.9; }
  .tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem; }
    .tooltip .arrow::before {
      position: absolute;
      content: "";
      border-color: transparent;
      border-style: solid; }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0; }
  .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0; }
    .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
      top: 0;
      border-width: 0.4rem 0.4rem 0;
      border-top-color: #06adef; }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem; }
  .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem; }
    .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
      right: 0;
      border-width: 0.4rem 0.4rem 0.4rem 0;
      border-right-color: #06adef; }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0; }
  .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0; }
    .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
      bottom: 0;
      border-width: 0 0.4rem 0.4rem;
      border-bottom-color: #06adef; }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem; }
  .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem; }
    .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
      left: 0;
      border-width: 0.4rem 0 0.4rem 0.4rem;
      border-left-color: #06adef; }

.tooltip-inner, .hasTooltip.top:before {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #313e54;
  text-align: center;
  background-color: #06adef;
  border-radius: 0.25rem; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem; }
  .popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem; }
    .popover .arrow::before, .popover .arrow::after {
      position: absolute;
      display: block;
      content: "";
      border-color: transparent;
      border-style: solid; }

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem; }
  .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow {
    bottom: calc((0.5rem + 1px) * -1); }
  .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before,
  .bs-popover-top .arrow::after,
  .bs-popover-auto[x-placement^="top"] .arrow::after {
    border-width: 0.5rem 0.5rem 0; }
  .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before {
    bottom: 0;
    border-top-color: rgba(0, 0, 0, 0.25); }
  
  .bs-popover-top .arrow::after,
  .bs-popover-auto[x-placement^="top"] .arrow::after {
    bottom: 1px;
    border-top-color: #fff; }

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem; }
  .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow {
    left: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0; }
  .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before,
  .bs-popover-right .arrow::after,
  .bs-popover-auto[x-placement^="right"] .arrow::after {
    border-width: 0.5rem 0.5rem 0.5rem 0; }
  .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {
    left: 0;
    border-right-color: rgba(0, 0, 0, 0.25); }
  
  .bs-popover-right .arrow::after,
  .bs-popover-auto[x-placement^="right"] .arrow::after {
    left: 1px;
    border-right-color: #fff; }

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem; }
  .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow {
    top: calc((0.5rem + 1px) * -1); }
  .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before,
  .bs-popover-bottom .arrow::after,
  .bs-popover-auto[x-placement^="bottom"] .arrow::after {
    border-width: 0 0.5rem 0.5rem 0.5rem; }
  .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before {
    top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.25); }
  
  .bs-popover-bottom .arrow::after,
  .bs-popover-auto[x-placement^="bottom"] .arrow::after {
    top: 1px;
    border-bottom-color: #fff; }
  .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7; }

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem; }
  .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow {
    right: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0; }
  .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before,
  .bs-popover-left .arrow::after,
  .bs-popover-auto[x-placement^="left"] .arrow::after {
    border-width: 0.5rem 0 0.5rem 0.5rem; }
  .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before {
    right: 0;
    border-left-color: rgba(0, 0, 0, 0.25); }
  
  .bs-popover-left .arrow::after,
  .bs-popover-auto[x-placement^="left"] .arrow::after {
    right: 1px;
    border-left-color: #fff; }

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: inherit;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px); }
  .popover-header:empty {
    display: none; }

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }

.carousel-item {
  position: relative;
  display: none;
  align-items: center;
  width: 100%;
  transition: transform 0.6s ease;
  backface-visibility: hidden;
  perspective: 1000px; }

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block; }

.carousel-item-next,
.carousel-item-prev {
  position: absolute;
  top: 0; }

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
  transform: translateX(0); }
  @supports (transform-style: preserve-3d) {
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
      transform: translate3d(0, 0, 0); } }

.carousel-item-next,
.active.carousel-item-right {
  transform: translateX(100%); }
  @supports (transform-style: preserve-3d) {
    .carousel-item-next,
    .active.carousel-item-right {
      transform: translate3d(100%, 0, 0); } }

.carousel-item-prev,
.active.carousel-item-left {
  transform: translateX(-100%); }
  @supports (transform-style: preserve-3d) {
    .carousel-item-prev,
    .active.carousel-item-left {
      transform: translate3d(-100%, 0, 0); } }

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5; }
  .carousel-control-prev:hover, .carousel-control-prev:focus,
  .carousel-control-next:hover,
  .carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9; }

.carousel-control-prev {
  left: 0; }

.carousel-control-next {
  right: 0; }

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  background-size: 100% 100%; }

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none; }
  .carousel-indicators li {
    position: relative;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, 0.5); }
    .carousel-indicators li::before {
      position: absolute;
      top: -10px;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 10px;
      content: ""; }
    .carousel-indicators li::after {
      position: absolute;
      bottom: -10px;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 10px;
      content: ""; }
  .carousel-indicators .active {
    background-color: #fff; }

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center; }

.align-baseline {
  vertical-align: baseline !important; }

.align-top {
  vertical-align: top !important; }

.align-middle {
  vertical-align: middle !important; }

.align-bottom {
  vertical-align: bottom !important; }

.align-text-bottom {
  vertical-align: text-bottom !important; }

.align-text-top {
  vertical-align: text-top !important; }

.bg-primary, .panel.panel-primary {
  background-color: #06adef !important; }

a.bg-primary:hover, a.panel.panel-primary:hover, a.bg-primary:focus, a.panel.panel-primary:focus,
button.bg-primary:hover,
button.panel.panel-primary:hover,
button.bg-primary:focus,
button.panel.panel-primary:focus {
  background-color: #0589bd !important; }

.bg-secondary {
  background-color: #6c757d !important; }

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important; }

.bg-success, .panel.panel-success {
  background-color: #26dd7d !important; }

a.bg-success:hover, a.panel.panel-success:hover, a.bg-success:focus, a.panel.panel-success:focus,
button.bg-success:hover,
button.panel.panel-success:hover,
button.bg-success:focus,
button.panel.panel-success:focus {
  background-color: #1cb464 !important; }

.bg-info, .panel.panel-info {
  background-color: #06acee !important; }

a.bg-info:hover, a.panel.panel-info:hover, a.bg-info:focus, a.panel.panel-info:focus,
button.bg-info:hover,
button.panel.panel-info:hover,
button.bg-info:focus,
button.panel.panel-info:focus {
  background-color: #0588bc !important; }

.bg-warning, .panel.panel-warning {
  background-color: #fcc558 !important; }

a.bg-warning:hover, a.panel.panel-warning:hover, a.bg-warning:focus, a.panel.panel-warning:focus,
button.bg-warning:hover,
button.panel.panel-warning:hover,
button.bg-warning:focus,
button.panel.panel-warning:focus {
  background-color: #fbb426 !important; }

.bg-danger, .panel.panel-danger {
  background-color: #ff9292 !important; }

a.bg-danger:hover, a.panel.panel-danger:hover, a.bg-danger:focus, a.panel.panel-danger:focus,
button.bg-danger:hover,
button.panel.panel-danger:hover,
button.bg-danger:focus,
button.panel.panel-danger:focus {
  background-color: #ff5f5f !important; }

.bg-light {
  background-color: #f8f9fa !important; }

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important; }

.bg-dark {
  background-color: #343a40 !important; }

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important; }

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

.bg-transparent {
  background-color: transparent !important; }

.border {
  border: 1px solid #dee2e6 !important; }

.border-top {
  border-top: 1px solid #dee2e6 !important; }

.border-right {
  border-right: 1px solid #dee2e6 !important; }

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important; }

.border-left {
  border-left: 1px solid #dee2e6 !important; }

.border-0 {
  border: 0 !important; }

.border-top-0 {
  border-top: 0 !important; }

.border-right-0 {
  border-right: 0 !important; }

.border-bottom-0 {
  border-bottom: 0 !important; }

.border-left-0 {
  border-left: 0 !important; }

.border-primary {
  border-color: #06adef !important; }

.border-secondary {
  border-color: #6c757d !important; }

.border-success {
  border-color: #26dd7d !important; }

.border-info {
  border-color: #06acee !important; }

.border-warning {
  border-color: #fcc558 !important; }

.border-danger {
  border-color: #ff9292 !important; }

.border-light {
  border-color: #f8f9fa !important; }

.border-dark {
  border-color: #343a40 !important; }

.border-white {
  border-color: #fff !important; }

.rounded {
  border-radius: 0.25rem !important; }

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important; }

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important; }

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important; }

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important; }

.rounded-circle {
  border-radius: 50% !important; }

.rounded-0 {
  border-radius: 0 !important; }

.clearfix::after {
  display: block;
  clear: both;
  content: ""; }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: flex !important; }
  .d-print-inline-flex {
    display: inline-flex !important; } }

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }
  .embed-responsive::before {
    display: block;
    content: ""; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive-21by9::before {
  padding-top: 42.85714%; }

.embed-responsive-16by9::before {
  padding-top: 56.25%; }

.embed-responsive-4by3::before {
  padding-top: 75%; }

.embed-responsive-1by1::before {
  padding-top: 100%; }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-between {
  justify-content: space-between !important; }

.justify-content-around {
  justify-content: space-around !important; }

.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

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

.align-items-baseline {
  align-items: baseline !important; }

.align-items-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

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

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

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

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important; }
  .flex-sm-column {
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-sm-start {
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    justify-content: center !important; }
  .justify-content-sm-between {
    justify-content: space-between !important; }
  .justify-content-sm-around {
    justify-content: space-around !important; }
  .align-items-sm-start {
    align-items: flex-start !important; }
  .align-items-sm-end {
    align-items: flex-end !important; }
  .align-items-sm-center {
    align-items: center !important; }
  .align-items-sm-baseline {
    align-items: baseline !important; }
  .align-items-sm-stretch {
    align-items: stretch !important; }
  .align-content-sm-start {
    align-content: flex-start !important; }
  .align-content-sm-end {
    align-content: flex-end !important; }
  .align-content-sm-center {
    align-content: center !important; }
  .align-content-sm-between {
    align-content: space-between !important; }
  .align-content-sm-around {
    align-content: space-around !important; }
  .align-content-sm-stretch {
    align-content: stretch !important; }
  .align-self-sm-auto {
    align-self: auto !important; }
  .align-self-sm-start {
    align-self: flex-start !important; }
  .align-self-sm-end {
    align-self: flex-end !important; }
  .align-self-sm-center {
    align-self: center !important; }
  .align-self-sm-baseline {
    align-self: baseline !important; }
  .align-self-sm-stretch {
    align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important; }
  .flex-md-column {
    flex-direction: column !important; }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-md-start {
    justify-content: flex-start !important; }
  .justify-content-md-end {
    justify-content: flex-end !important; }
  .justify-content-md-center {
    justify-content: center !important; }
  .justify-content-md-between {
    justify-content: space-between !important; }
  .justify-content-md-around {
    justify-content: space-around !important; }
  .align-items-md-start {
    align-items: flex-start !important; }
  .align-items-md-end {
    align-items: flex-end !important; }
  .align-items-md-center {
    align-items: center !important; }
  .align-items-md-baseline {
    align-items: baseline !important; }
  .align-items-md-stretch {
    align-items: stretch !important; }
  .align-content-md-start {
    align-content: flex-start !important; }
  .align-content-md-end {
    align-content: flex-end !important; }
  .align-content-md-center {
    align-content: center !important; }
  .align-content-md-between {
    align-content: space-between !important; }
  .align-content-md-around {
    align-content: space-around !important; }
  .align-content-md-stretch {
    align-content: stretch !important; }
  .align-self-md-auto {
    align-self: auto !important; }
  .align-self-md-start {
    align-self: flex-start !important; }
  .align-self-md-end {
    align-self: flex-end !important; }
  .align-self-md-center {
    align-self: center !important; }
  .align-self-md-baseline {
    align-self: baseline !important; }
  .align-self-md-stretch {
    align-self: stretch !important; } }

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important; }
  .flex-lg-column {
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-lg-start {
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    justify-content: center !important; }
  .justify-content-lg-between {
    justify-content: space-between !important; }
  .justify-content-lg-around {
    justify-content: space-around !important; }
  .align-items-lg-start {
    align-items: flex-start !important; }
  .align-items-lg-end {
    align-items: flex-end !important; }
  .align-items-lg-center {
    align-items: center !important; }
  .align-items-lg-baseline {
    align-items: baseline !important; }
  .align-items-lg-stretch {
    align-items: stretch !important; }
  .align-content-lg-start {
    align-content: flex-start !important; }
  .align-content-lg-end {
    align-content: flex-end !important; }
  .align-content-lg-center {
    align-content: center !important; }
  .align-content-lg-between {
    align-content: space-between !important; }
  .align-content-lg-around {
    align-content: space-around !important; }
  .align-content-lg-stretch {
    align-content: stretch !important; }
  .align-self-lg-auto {
    align-self: auto !important; }
  .align-self-lg-start {
    align-self: flex-start !important; }
  .align-self-lg-end {
    align-self: flex-end !important; }
  .align-self-lg-center {
    align-self: center !important; }
  .align-self-lg-baseline {
    align-self: baseline !important; }
  .align-self-lg-stretch {
    align-self: stretch !important; } }

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important; }
  .flex-xl-column {
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-xl-start {
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    justify-content: center !important; }
  .justify-content-xl-between {
    justify-content: space-between !important; }
  .justify-content-xl-around {
    justify-content: space-around !important; }
  .align-items-xl-start {
    align-items: flex-start !important; }
  .align-items-xl-end {
    align-items: flex-end !important; }
  .align-items-xl-center {
    align-items: center !important; }
  .align-items-xl-baseline {
    align-items: baseline !important; }
  .align-items-xl-stretch {
    align-items: stretch !important; }
  .align-content-xl-start {
    align-content: flex-start !important; }
  .align-content-xl-end {
    align-content: flex-end !important; }
  .align-content-xl-center {
    align-content: center !important; }
  .align-content-xl-between {
    align-content: space-between !important; }
  .align-content-xl-around {
    align-content: space-around !important; }
  .align-content-xl-stretch {
    align-content: stretch !important; }
  .align-self-xl-auto {
    align-self: auto !important; }
  .align-self-xl-start {
    align-self: flex-start !important; }
  .align-self-xl-end {
    align-self: flex-end !important; }
  .align-self-xl-center {
    align-self: center !important; }
  .align-self-xl-baseline {
    align-self: baseline !important; }
  .align-self-xl-stretch {
    align-self: stretch !important; } }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-none {
  float: none !important; }

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important; }
  .float-sm-right {
    float: right !important; }
  .float-sm-none {
    float: none !important; } }

@media (min-width: 768px) {
  .float-md-left {
    float: left !important; }
  .float-md-right {
    float: right !important; }
  .float-md-none {
    float: none !important; } }

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important; }
  .float-lg-right {
    float: right !important; }
  .float-lg-none {
    float: none !important; } }

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important; }
  .float-xl-right {
    float: right !important; }
  .float-xl-none {
    float: none !important; } }

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

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

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

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

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

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030; }

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020; } }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  clip-path: none; }

.w-25 {
  width: 25% !important; }

.w-50 {
  width: 50% !important; }

.w-75 {
  width: 75% !important; }

.w-100 {
  width: 100% !important; }

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

.mw-100 {
  max-width: 100% !important; }

.mh-100 {
  max-height: 100% !important; }

.m-0 {
  margin: 0 !important; }

.mt-0,
.my-0 {
  margin-top: 0 !important; }

.mr-0,
.mx-0 {
  margin-right: 0 !important; }

.mb-0,
.my-0 {
  margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
  margin-left: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.mt-1,
.my-1 {
  margin-top: 0.25rem !important; }

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important; }

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important; }

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.mt-2,
.my-2 {
  margin-top: 0.5rem !important; }

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important; }

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important; }

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.mt-3,
.my-3 {
  margin-top: 1rem !important; }

.mr-3,
.mx-3 {
  margin-right: 1rem !important; }

.mb-3,
.my-3 {
  margin-bottom: 1rem !important; }

.ml-3,
.mx-3 {
  margin-left: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.mt-4,
.my-4 {
  margin-top: 1.5rem !important; }

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important; }

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important; }

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.mt-5,
.my-5 {
  margin-top: 3rem !important; }

.mr-5,
.mx-5 {
  margin-right: 3rem !important; }

.mb-5,
.my-5 {
  margin-bottom: 3rem !important; }

.ml-5,
.mx-5 {
  margin-left: 3rem !important; }

.p-0 {
  padding: 0 !important; }

.pt-0,
.py-0 {
  padding-top: 0 !important; }

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

.pb-0,
.py-0 {
  padding-bottom: 0 !important; }

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

.p-1 {
  padding: 0.25rem !important; }

.pt-1,
.py-1 {
  padding-top: 0.25rem !important; }

.pr-1,
.px-1 {
  padding-right: 0.25rem !important; }

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important; }

.pl-1,
.px-1 {
  padding-left: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.pt-2,
.py-2 {
  padding-top: 0.5rem !important; }

.pr-2,
.px-2 {
  padding-right: 0.5rem !important; }

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important; }

.pl-2,
.px-2 {
  padding-left: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.pt-3,
.py-3 {
  padding-top: 1rem !important; }

.pr-3,
.px-3 {
  padding-right: 1rem !important; }

.pb-3,
.py-3 {
  padding-bottom: 1rem !important; }

.pl-3,
.px-3 {
  padding-left: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pt-4,
.py-4 {
  padding-top: 1.5rem !important; }

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

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important; }

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

.p-5 {
  padding: 3rem !important; }

.pt-5,
.py-5 {
  padding-top: 3rem !important; }

.pr-5,
.px-5 {
  padding-right: 3rem !important; }

.pb-5,
.py-5 {
  padding-bottom: 3rem !important; }

.pl-5,
.px-5 {
  padding-left: 3rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-right: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
  margin-left: auto !important; }

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important; }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important; }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem !important; }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important; }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important; }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important; }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem !important; }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important; }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important; }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important; }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem !important; }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important; }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important; }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important; }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important; }
  .m-sm-4 {
    margin: 1.5rem !important; }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important; }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important; }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important; }
  .m-sm-5 {
    margin: 3rem !important; }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important; }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important; }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important; }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important; }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem !important; }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important; }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important; }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem !important; }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important; }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important; }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem !important; }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important; }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important; }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important; }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important; }
  .p-sm-4 {
    padding: 1.5rem !important; }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important; }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important; }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important; }
  .p-sm-5 {
    padding: 3rem !important; }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important; }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important; }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important; }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important; }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important; } }

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important; }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important; }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important; }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important; }
  .m-md-1 {
    margin: 0.25rem !important; }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important; }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important; }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important; }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem !important; }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important; }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important; }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important; }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem !important; }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important; }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important; }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important; }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important; }
  .m-md-4 {
    margin: 1.5rem !important; }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important; }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important; }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important; }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important; }
  .m-md-5 {
    margin: 3rem !important; }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important; }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important; }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important; }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important; }
  .p-md-0 {
    padding: 0 !important; }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important; }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important; }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important; }
  .p-md-1 {
    padding: 0.25rem !important; }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important; }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important; }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important; }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem !important; }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important; }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important; }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important; }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem !important; }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important; }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important; }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important; }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important; }
  .p-md-4 {
    padding: 1.5rem !important; }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important; }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important; }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important; }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important; }
  .p-md-5 {
    padding: 3rem !important; }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important; }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important; }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important; }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important; }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important; }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important; } }

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important; }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important; }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important; }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem !important; }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important; }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important; }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important; }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem !important; }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important; }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important; }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important; }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem !important; }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important; }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important; }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important; }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important; }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important; }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important; }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important; }
  .m-lg-5 {
    margin: 3rem !important; }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important; }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important; }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important; }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important; }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important; }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem !important; }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important; }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important; }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem !important; }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important; }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important; }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem !important; }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important; }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important; }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important; }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important; }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important; }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important; }
  .p-lg-5 {
    padding: 3rem !important; }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important; }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important; }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important; }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important; }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important; } }

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important; }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important; }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important; }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem !important; }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important; }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important; }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem !important; }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important; }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important; }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem !important; }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important; }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important; }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important; }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important; }
  .m-xl-4 {
    margin: 1.5rem !important; }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important; }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important; }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important; }
  .m-xl-5 {
    margin: 3rem !important; }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important; }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important; }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important; }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important; }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important; }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem !important; }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important; }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important; }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem !important; }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important; }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important; }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem !important; }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important; }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important; }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important; }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important; }
  .p-xl-4 {
    padding: 1.5rem !important; }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important; }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important; }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important; }
  .p-xl-5 {
    padding: 3rem !important; }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important; }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important; }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important; }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important; }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important; }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important; } }

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

.text-nowrap {
  white-space: nowrap !important; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

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

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

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

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important; }
  .text-sm-right {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important; }
  .text-md-right {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important; }
  .text-lg-right {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important; }
  .text-xl-right {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.font-weight-light {
  font-weight: 300 !important; }

.font-weight-normal {
  font-weight: 400 !important; }

.font-weight-bold {
  font-weight: 700 !important; }

.font-italic {
  font-style: italic !important; }

.text-white {
  color: #fff !important; }

.text-primary {
  color: #06adef !important; }

a.text-primary:hover, a.text-primary:focus {
  color: #0589bd !important; }

.text-secondary {
  color: #6c757d !important; }

a.text-secondary:hover, a.text-secondary:focus {
  color: #545b62 !important; }

.text-success {
  color: #26dd7d !important; }

a.text-success:hover, a.text-success:focus {
  color: #1cb464 !important; }

.text-info {
  color: #06acee !important; }

a.text-info:hover, a.text-info:focus {
  color: #0588bc !important; }

.text-warning {
  color: #fcc558 !important; }

a.text-warning:hover, a.text-warning:focus {
  color: #fbb426 !important; }

.text-danger {
  color: #ff9292 !important; }

a.text-danger:hover, a.text-danger:focus {
  color: #ff5f5f !important; }

.text-light {
  color: #f8f9fa !important; }

a.text-light:hover, a.text-light:focus {
  color: #dae0e5 !important; }

.text-dark {
  color: #343a40 !important; }

a.text-dark:hover, a.text-dark:focus {
  color: #1d2124 !important; }

.text-muted {
  color: #6c757d !important; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.visible {
  visibility: visible !important; }

.invisible {
  visibility: hidden !important; }

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important; }
  a:not(.btn) {
    text-decoration: underline; }
  abbr[title]::after {
    content: " (" attr(title) ")"; }
  pre {
    white-space: pre-wrap !important; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  @page {
    size: a3; }
  body {
    min-width: 992px !important; }
  .container {
    min-width: 992px !important; }
  .navbar {
    display: none; }
  .badge, .label {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("../../fonts/glyphicons-halflings-regular.eot");
  src: url("../../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon-asterisk:before {
  content: "\002a"; }

.glyphicon-plus:before {
  content: "\002b"; }

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-lock:before {
  content: "\e033"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-bookmark:before {
  content: "\e044"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-camera:before {
  content: "\e046"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-fire:before {
  content: "\e104"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-calendar:before {
  content: "\e109"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-bell:before {
  content: "\e123"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-wrench:before {
  content: "\e136"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-briefcase:before {
  content: "\e139"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-paperclip:before {
  content: "\e142"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-pushpin:before {
  content: "\e146"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.glyphicon-cd:before {
  content: "\e201"; }

.glyphicon-save-file:before {
  content: "\e202"; }

.glyphicon-open-file:before {
  content: "\e203"; }

.glyphicon-level-up:before {
  content: "\e204"; }

.glyphicon-copy:before {
  content: "\e205"; }

.glyphicon-paste:before {
  content: "\e206"; }

.glyphicon-alert:before {
  content: "\e209"; }

.glyphicon-equalizer:before {
  content: "\e210"; }

.glyphicon-king:before {
  content: "\e211"; }

.glyphicon-queen:before {
  content: "\e212"; }

.glyphicon-pawn:before {
  content: "\e213"; }

.glyphicon-bishop:before {
  content: "\e214"; }

.glyphicon-knight:before {
  content: "\e215"; }

.glyphicon-baby-formula:before {
  content: "\e216"; }

.glyphicon-tent:before {
  content: "\26fa"; }

.glyphicon-blackboard:before {
  content: "\e218"; }

.glyphicon-bed:before {
  content: "\e219"; }

.glyphicon-apple:before {
  content: "\f8ff"; }

.glyphicon-erase:before {
  content: "\e221"; }

.glyphicon-hourglass:before {
  content: "\231b"; }

.glyphicon-lamp:before {
  content: "\e223"; }

.glyphicon-duplicate:before {
  content: "\e224"; }

.glyphicon-piggy-bank:before {
  content: "\e225"; }

.glyphicon-scissors:before {
  content: "\e226"; }

.glyphicon-bitcoin:before {
  content: "\e227"; }

.glyphicon-btc:before {
  content: "\e227"; }

.glyphicon-xbt:before {
  content: "\e227"; }

.glyphicon-yen:before {
  content: "\00a5"; }

.glyphicon-jpy:before {
  content: "\00a5"; }

.glyphicon-ruble:before {
  content: "\20bd"; }

.glyphicon-rub:before {
  content: "\20bd"; }

.glyphicon-scale:before {
  content: "\e230"; }

.glyphicon-ice-lolly:before {
  content: "\e231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"; }

.glyphicon-education:before {
  content: "\e233"; }

.glyphicon-option-horizontal:before {
  content: "\e234"; }

.glyphicon-option-vertical:before {
  content: "\e235"; }

.glyphicon-menu-hamburger:before {
  content: "\e236"; }

.glyphicon-modal-window:before {
  content: "\e237"; }

.glyphicon-oil:before {
  content: "\e238"; }

.glyphicon-grain:before {
  content: "\e239"; }

.glyphicon-sunglasses:before {
  content: "\e240"; }

.glyphicon-text-size:before {
  content: "\e241"; }

.glyphicon-text-color:before {
  content: "\e242"; }

.glyphicon-text-background:before {
  content: "\e243"; }

.glyphicon-object-align-top:before {
  content: "\e244"; }

.glyphicon-object-align-bottom:before {
  content: "\e245"; }

.glyphicon-object-align-horizontal:before {
  content: "\e246"; }

.glyphicon-object-align-left:before {
  content: "\e247"; }

.glyphicon-object-align-vertical:before {
  content: "\e248"; }

.glyphicon-object-align-right:before {
  content: "\e249"; }

.glyphicon-triangle-right:before {
  content: "\e250"; }

.glyphicon-triangle-left:before {
  content: "\e251"; }

.glyphicon-triangle-bottom:before {
  content: "\e252"; }

.glyphicon-triangle-top:before {
  content: "\e253"; }

.glyphicon-console:before {
  content: "\e254"; }

.glyphicon-superscript:before {
  content: "\e255"; }

.glyphicon-subscript:before {
  content: "\e256"; }

.glyphicon-menu-left:before {
  content: "\e257"; }

.glyphicon-menu-right:before {
  content: "\e258"; }

.glyphicon-menu-down:before {
  content: "\e259"; }

.glyphicon-menu-up:before {
  content: "\e260"; }

/*!
 * Font Awesome Pro 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
.fa,
.fas,
[class~='fas']:not(.fab),
.far,
[class~='far']:not(.fab),
.fal,
[class*='fa-']:not(.fab),
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fa-xs {
  font-size: .75em; }

.fa-sm {
  font-size: .875em; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit; }

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em; }

.fa-pull-left {
  float: left; }

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

.fa.fa-pull-left,
.fas.fa-pull-left,
.fa-pull-left[class~='fas']:not(.fab),
.far.fa-pull-left,
.fa-pull-left[class~='far']:not(.fab),
.fal.fa-pull-left,
.fa-pull-left[class*='fa-']:not(.fab),
.fab.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right,
.fas.fa-pull-right,
.fa-pull-right[class~='fas']:not(.fab),
.far.fa-pull-right,
.fa-pull-right[class~='far']:not(.fab),
.fal.fa-pull-right,
.fa-pull-right[class*='fa-']:not(.fab),
.fab.fa-pull-right {
  margin-left: .3em; }

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

.fa-pulse {
  animation: fa-spin 1s infinite steps(8); }

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

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1); }

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  filter: none; }

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: ""; }

.fa-abacus:before {
  content: ""; }

.fa-accessible-icon:before {
  content: ""; }

.fa-accusoft:before {
  content: ""; }

.fa-acorn:before {
  content: ""; }

.fa-acquisitions-incorporated:before {
  content: ""; }

.fa-ad:before {
  content: ""; }

.fa-address-book:before {
  content: ""; }

.fa-address-card:before {
  content: ""; }

.fa-adjust:before {
  content: ""; }

.fa-adn:before {
  content: ""; }

.fa-adobe:before {
  content: ""; }

.fa-adversal:before {
  content: ""; }

.fa-affiliatetheme:before {
  content: ""; }

.fa-air-conditioner:before {
  content: ""; }

.fa-air-freshener:before {
  content: ""; }

.fa-airbnb:before {
  content: ""; }

.fa-alarm-clock:before {
  content: ""; }

.fa-alarm-exclamation:before {
  content: ""; }

.fa-alarm-plus:before {
  content: ""; }

.fa-alarm-snooze:before {
  content: ""; }

.fa-album:before {
  content: ""; }

.fa-album-collection:before {
  content: ""; }

.fa-algolia:before {
  content: ""; }

.fa-alicorn:before {
  content: ""; }

.fa-alien:before {
  content: ""; }

.fa-alien-monster:before {
  content: ""; }

.fa-align-center:before {
  content: ""; }

.fa-align-justify:before {
  content: ""; }

.fa-align-left:before {
  content: ""; }

.fa-align-right:before {
  content: ""; }

.fa-align-slash:before {
  content: ""; }

.fa-alipay:before {
  content: ""; }

.fa-allergies:before {
  content: ""; }

.fa-amazon:before {
  content: ""; }

.fa-amazon-pay:before {
  content: ""; }

.fa-ambulance:before {
  content: ""; }

.fa-american-sign-language-interpreting:before {
  content: ""; }

.fa-amilia:before {
  content: ""; }

.fa-amp-guitar:before {
  content: ""; }

.fa-analytics:before {
  content: ""; }

.fa-anchor:before {
  content: ""; }

.fa-android:before {
  content: ""; }

.fa-angel:before {
  content: ""; }

.fa-angellist:before {
  content: ""; }

.fa-angle-double-down:before {
  content: ""; }

.fa-angle-double-left:before {
  content: ""; }

.fa-angle-double-right:before {
  content: ""; }

.fa-angle-double-up:before {
  content: ""; }

.fa-angle-down:before {
  content: ""; }

.fa-angle-left:before {
  content: ""; }

.fa-angle-right:before {
  content: ""; }

.fa-angle-up:before {
  content: ""; }

.fa-angry:before {
  content: ""; }

.fa-angrycreative:before {
  content: ""; }

.fa-angular:before {
  content: ""; }

.fa-ankh:before {
  content: ""; }

.fa-app-store:before {
  content: ""; }

.fa-app-store-ios:before {
  content: ""; }

.fa-apper:before {
  content: ""; }

.fa-apple:before {
  content: ""; }

.fa-apple-alt:before {
  content: ""; }

.fa-apple-crate:before {
  content: ""; }

.fa-apple-pay:before {
  content: ""; }

.fa-archive:before {
  content: ""; }

.fa-archway:before {
  content: ""; }

.fa-arrow-alt-circle-down:before {
  content: ""; }

.fa-arrow-alt-circle-left:before {
  content: ""; }

.fa-arrow-alt-circle-right:before {
  content: ""; }

.fa-arrow-alt-circle-up:before {
  content: ""; }

.fa-arrow-alt-down:before {
  content: ""; }

.fa-arrow-alt-from-bottom:before {
  content: ""; }

.fa-arrow-alt-from-left:before {
  content: ""; }

.fa-arrow-alt-from-right:before {
  content: ""; }

.fa-arrow-alt-from-top:before {
  content: ""; }

.fa-arrow-alt-left:before {
  content: ""; }

.fa-arrow-alt-right:before {
  content: ""; }

.fa-arrow-alt-square-down:before {
  content: ""; }

.fa-arrow-alt-square-left:before {
  content: ""; }

.fa-arrow-alt-square-right:before {
  content: ""; }

.fa-arrow-alt-square-up:before {
  content: ""; }

.fa-arrow-alt-to-bottom:before {
  content: ""; }

.fa-arrow-alt-to-left:before {
  content: ""; }

.fa-arrow-alt-to-right:before {
  content: ""; }

.fa-arrow-alt-to-top:before {
  content: ""; }

.fa-arrow-alt-up:before {
  content: ""; }

.fa-arrow-circle-down:before {
  content: ""; }

.fa-arrow-circle-left:before {
  content: ""; }

.fa-arrow-circle-right:before {
  content: ""; }

.fa-arrow-circle-up:before {
  content: ""; }

.fa-arrow-down:before {
  content: ""; }

.fa-arrow-from-bottom:before {
  content: ""; }

.fa-arrow-from-left:before {
  content: ""; }

.fa-arrow-from-right:before {
  content: ""; }

.fa-arrow-from-top:before {
  content: ""; }

.fa-arrow-left:before {
  content: ""; }

.fa-arrow-right:before {
  content: ""; }

.fa-arrow-square-down:before {
  content: ""; }

.fa-arrow-square-left:before {
  content: ""; }

.fa-arrow-square-right:before {
  content: ""; }

.fa-arrow-square-up:before {
  content: ""; }

.fa-arrow-to-bottom:before {
  content: ""; }

.fa-arrow-to-left:before {
  content: ""; }

.fa-arrow-to-right:before {
  content: ""; }

.fa-arrow-to-top:before {
  content: ""; }

.fa-arrow-up:before {
  content: ""; }

.fa-arrows:before {
  content: ""; }

.fa-arrows-alt:before {
  content: ""; }

.fa-arrows-alt-h:before {
  content: ""; }

.fa-arrows-alt-v:before {
  content: ""; }

.fa-arrows-h:before {
  content: ""; }

.fa-arrows-v:before {
  content: ""; }

.fa-artstation:before {
  content: ""; }

.fa-assistive-listening-systems:before {
  content: ""; }

.fa-asterisk:before {
  content: ""; }

.fa-asymmetrik:before {
  content: ""; }

.fa-at:before {
  content: ""; }

.fa-atlas:before {
  content: ""; }

.fa-atlassian:before {
  content: ""; }

.fa-atom:before {
  content: ""; }

.fa-atom-alt:before {
  content: ""; }

.fa-audible:before {
  content: ""; }

.fa-audio-description:before {
  content: ""; }

.fa-autoprefixer:before {
  content: ""; }

.fa-avianex:before {
  content: ""; }

.fa-aviato:before {
  content: ""; }

.fa-award:before {
  content: ""; }

.fa-aws:before {
  content: ""; }

.fa-axe:before {
  content: ""; }

.fa-axe-battle:before {
  content: ""; }

.fa-baby:before {
  content: ""; }

.fa-baby-carriage:before {
  content: ""; }

.fa-backpack:before {
  content: ""; }

.fa-backspace:before {
  content: ""; }

.fa-backward:before {
  content: ""; }

.fa-bacon:before {
  content: ""; }

.fa-bacteria:before {
  content: "陵"; }

.fa-bacterium:before {
  content: "讀"; }

.fa-badge:before {
  content: ""; }

.fa-badge-check:before {
  content: ""; }

.fa-badge-dollar:before {
  content: ""; }

.fa-badge-percent:before {
  content: ""; }

.fa-badge-sheriff:before {
  content: ""; }

.fa-badger-honey:before {
  content: ""; }

.fa-bags-shopping:before {
  content: ""; }

.fa-bahai:before {
  content: ""; }

.fa-balance-scale:before {
  content: ""; }

.fa-balance-scale-left:before {
  content: ""; }

.fa-balance-scale-right:before {
  content: ""; }

.fa-ball-pile:before {
  content: ""; }

.fa-ballot:before {
  content: ""; }

.fa-ballot-check:before {
  content: ""; }

.fa-ban:before {
  content: ""; }

.fa-band-aid:before {
  content: ""; }

.fa-bandcamp:before {
  content: ""; }

.fa-banjo:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

.fa-barcode-alt:before {
  content: ""; }

.fa-barcode-read:before {
  content: ""; }

.fa-barcode-scan:before {
  content: ""; }

.fa-bars:before {
  content: ""; }

.fa-baseball:before {
  content: ""; }

.fa-baseball-ball:before {
  content: ""; }

.fa-basketball-ball:before {
  content: ""; }

.fa-basketball-hoop:before {
  content: ""; }

.fa-bat:before {
  content: ""; }

.fa-bath:before {
  content: ""; }

.fa-battery-bolt:before {
  content: ""; }

.fa-battery-empty:before {
  content: ""; }

.fa-battery-full:before {
  content: ""; }

.fa-battery-half:before {
  content: ""; }

.fa-battery-quarter:before {
  content: ""; }

.fa-battery-slash:before {
  content: ""; }

.fa-battery-three-quarters:before {
  content: ""; }

.fa-battle-net:before {
  content: ""; }

.fa-bed:before {
  content: ""; }

.fa-bed-alt:before {
  content: ""; }

.fa-bed-bunk:before {
  content: ""; }

.fa-bed-empty:before {
  content: ""; }

.fa-beer:before {
  content: ""; }

.fa-behance:before {
  content: ""; }

.fa-behance-square:before {
  content: ""; }

.fa-bell:before {
  content: ""; }

.fa-bell-exclamation:before {
  content: ""; }

.fa-bell-on:before {
  content: ""; }

.fa-bell-plus:before {
  content: ""; }

.fa-bell-school:before {
  content: ""; }

.fa-bell-school-slash:before {
  content: ""; }

.fa-bell-slash:before {
  content: ""; }

.fa-bells:before {
  content: ""; }

.fa-betamax:before {
  content: ""; }

.fa-bezier-curve:before {
  content: ""; }

.fa-bible:before {
  content: ""; }

.fa-bicycle:before {
  content: ""; }

.fa-biking:before {
  content: ""; }

.fa-biking-mountain:before {
  content: ""; }

.fa-bimobject:before {
  content: ""; }

.fa-binoculars:before {
  content: ""; }

.fa-biohazard:before {
  content: ""; }

.fa-birthday-cake:before {
  content: ""; }

.fa-bitbucket:before {
  content: ""; }

.fa-bitcoin:before {
  content: ""; }

.fa-bity:before {
  content: ""; }

.fa-black-tie:before {
  content: ""; }

.fa-blackberry:before {
  content: ""; }

.fa-blanket:before {
  content: ""; }

.fa-blender:before {
  content: ""; }

.fa-blender-phone:before {
  content: ""; }

.fa-blind:before {
  content: ""; }

.fa-blinds:before {
  content: ""; }

.fa-blinds-open:before {
  content: ""; }

.fa-blinds-raised:before {
  content: ""; }

.fa-blog:before {
  content: ""; }

.fa-blogger:before {
  content: ""; }

.fa-blogger-b:before {
  content: ""; }

.fa-bluetooth:before {
  content: ""; }

.fa-bluetooth-b:before {
  content: ""; }

.fa-bold:before {
  content: ""; }

.fa-bolt:before {
  content: ""; }

.fa-bomb:before {
  content: ""; }

.fa-bone:before {
  content: ""; }

.fa-bone-break:before {
  content: ""; }

.fa-bong:before {
  content: ""; }

.fa-book:before {
  content: ""; }

.fa-book-alt:before {
  content: ""; }

.fa-book-dead:before {
  content: ""; }

.fa-book-heart:before {
  content: ""; }

.fa-book-medical:before {
  content: ""; }

.fa-book-open:before {
  content: ""; }

.fa-book-reader:before {
  content: ""; }

.fa-book-spells:before {
  content: ""; }

.fa-book-user:before {
  content: ""; }

.fa-bookmark:before {
  content: ""; }

.fa-books:before {
  content: ""; }

.fa-books-medical:before {
  content: ""; }

.fa-boombox:before {
  content: ""; }

.fa-boot:before {
  content: ""; }

.fa-booth-curtain:before {
  content: ""; }

.fa-bootstrap:before {
  content: ""; }

.fa-border-all:before {
  content: ""; }

.fa-border-bottom:before {
  content: ""; }

.fa-border-center-h:before {
  content: ""; }

.fa-border-center-v:before {
  content: ""; }

.fa-border-inner:before {
  content: ""; }

.fa-border-left:before {
  content: ""; }

.fa-border-none:before {
  content: ""; }

.fa-border-outer:before {
  content: ""; }

.fa-border-right:before {
  content: ""; }

.fa-border-style:before {
  content: ""; }

.fa-border-style-alt:before {
  content: ""; }

.fa-border-top:before {
  content: ""; }

.fa-bow-arrow:before {
  content: ""; }

.fa-bowling-ball:before {
  content: ""; }

.fa-bowling-pins:before {
  content: ""; }

.fa-box:before {
  content: ""; }

.fa-box-alt:before {
  content: ""; }

.fa-box-ballot:before {
  content: ""; }

.fa-box-check:before {
  content: ""; }

.fa-box-fragile:before {
  content: ""; }

.fa-box-full:before {
  content: ""; }

.fa-box-heart:before {
  content: ""; }

.fa-box-open:before {
  content: ""; }

.fa-box-tissue:before {
  content: "拏"; }

.fa-box-up:before {
  content: ""; }

.fa-box-usd:before {
  content: ""; }

.fa-boxes:before {
  content: ""; }

.fa-boxes-alt:before {
  content: ""; }

.fa-boxing-glove:before {
  content: ""; }

.fa-brackets:before {
  content: ""; }

.fa-brackets-curly:before {
  content: ""; }

.fa-braille:before {
  content: ""; }

.fa-brain:before {
  content: ""; }

.fa-bread-loaf:before {
  content: ""; }

.fa-bread-slice:before {
  content: ""; }

.fa-briefcase:before {
  content: ""; }

.fa-briefcase-medical:before {
  content: ""; }

.fa-bring-forward:before {
  content: ""; }

.fa-bring-front:before {
  content: ""; }

.fa-broadcast-tower:before {
  content: ""; }

.fa-broom:before {
  content: ""; }

.fa-browser:before {
  content: ""; }

.fa-brush:before {
  content: ""; }

.fa-btc:before {
  content: ""; }

.fa-buffer:before {
  content: ""; }

.fa-bug:before {
  content: ""; }

.fa-building:before {
  content: ""; }

.fa-bullhorn:before {
  content: ""; }

.fa-bullseye:before {
  content: ""; }

.fa-bullseye-arrow:before {
  content: ""; }

.fa-bullseye-pointer:before {
  content: ""; }

.fa-burger-soda:before {
  content: ""; }

.fa-burn:before {
  content: ""; }

.fa-buromobelexperte:before {
  content: ""; }

.fa-burrito:before {
  content: ""; }

.fa-bus:before {
  content: ""; }

.fa-bus-alt:before {
  content: ""; }

.fa-bus-school:before {
  content: ""; }

.fa-business-time:before {
  content: ""; }

.fa-buy-n-large:before {
  content: ""; }

.fa-buysellads:before {
  content: ""; }

.fa-cabinet-filing:before {
  content: ""; }

.fa-cactus:before {
  content: ""; }

.fa-calculator:before {
  content: ""; }

.fa-calculator-alt:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-calendar-alt:before {
  content: ""; }

.fa-calendar-check:before {
  content: ""; }

.fa-calendar-day:before {
  content: ""; }

.fa-calendar-edit:before {
  content: ""; }

.fa-calendar-exclamation:before {
  content: ""; }

.fa-calendar-minus:before {
  content: ""; }

.fa-calendar-plus:before {
  content: ""; }

.fa-calendar-star:before {
  content: ""; }

.fa-calendar-times:before {
  content: ""; }

.fa-calendar-week:before {
  content: ""; }

.fa-camcorder:before {
  content: ""; }

.fa-camera:before {
  content: ""; }

.fa-camera-alt:before {
  content: ""; }

.fa-camera-home:before {
  content: ""; }

.fa-camera-movie:before {
  content: ""; }

.fa-camera-polaroid:before {
  content: ""; }

.fa-camera-retro:before {
  content: ""; }

.fa-campfire:before {
  content: ""; }

.fa-campground:before {
  content: ""; }

.fa-canadian-maple-leaf:before {
  content: ""; }

.fa-candle-holder:before {
  content: ""; }

.fa-candy-cane:before {
  content: ""; }

.fa-candy-corn:before {
  content: ""; }

.fa-cannabis:before {
  content: ""; }

.fa-capsules:before {
  content: ""; }

.fa-car:before {
  content: ""; }

.fa-car-alt:before {
  content: ""; }

.fa-car-battery:before {
  content: ""; }

.fa-car-building:before {
  content: ""; }

.fa-car-bump:before {
  content: ""; }

.fa-car-bus:before {
  content: ""; }

.fa-car-crash:before {
  content: ""; }

.fa-car-garage:before {
  content: ""; }

.fa-car-mechanic:before {
  content: ""; }

.fa-car-side:before {
  content: ""; }

.fa-car-tilt:before {
  content: ""; }

.fa-car-wash:before {
  content: ""; }

.fa-caravan:before {
  content: ""; }

.fa-caravan-alt:before {
  content: "豈"; }

.fa-caret-circle-down:before {
  content: ""; }

.fa-caret-circle-left:before {
  content: ""; }

.fa-caret-circle-right:before {
  content: ""; }

.fa-caret-circle-up:before {
  content: ""; }

.fa-caret-down:before {
  content: ""; }

.fa-caret-left:before {
  content: ""; }

.fa-caret-right:before {
  content: ""; }

.fa-caret-square-down:before {
  content: ""; }

.fa-caret-square-left:before {
  content: ""; }

.fa-caret-square-right:before {
  content: ""; }

.fa-caret-square-up:before {
  content: ""; }

.fa-caret-up:before {
  content: ""; }

.fa-carrot:before {
  content: ""; }

.fa-cars:before {
  content: ""; }

.fa-cart-arrow-down:before {
  content: ""; }

.fa-cart-plus:before {
  content: ""; }

.fa-cash-register:before {
  content: ""; }

.fa-cassette-tape:before {
  content: ""; }

.fa-cat:before {
  content: ""; }

.fa-cat-space:before {
  content: "更"; }

.fa-cauldron:before {
  content: ""; }

.fa-cc-amazon-pay:before {
  content: ""; }

.fa-cc-amex:before {
  content: ""; }

.fa-cc-apple-pay:before {
  content: ""; }

.fa-cc-diners-club:before {
  content: ""; }

.fa-cc-discover:before {
  content: ""; }

.fa-cc-jcb:before {
  content: ""; }

.fa-cc-mastercard:before {
  content: ""; }

.fa-cc-paypal:before {
  content: ""; }

.fa-cc-stripe:before {
  content: ""; }

.fa-cc-visa:before {
  content: ""; }

.fa-cctv:before {
  content: ""; }

.fa-centercode:before {
  content: ""; }

.fa-centos:before {
  content: ""; }

.fa-certificate:before {
  content: ""; }

.fa-chair:before {
  content: ""; }

.fa-chair-office:before {
  content: ""; }

.fa-chalkboard:before {
  content: ""; }

.fa-chalkboard-teacher:before {
  content: ""; }

.fa-charging-station:before {
  content: ""; }

.fa-chart-area:before {
  content: ""; }

.fa-chart-bar:before {
  content: ""; }

.fa-chart-line:before {
  content: ""; }

.fa-chart-line-down:before {
  content: ""; }

.fa-chart-network:before {
  content: ""; }

.fa-chart-pie:before {
  content: ""; }

.fa-chart-pie-alt:before {
  content: ""; }

.fa-chart-scatter:before {
  content: ""; }

.fa-check:before {
  content: ""; }

.fa-check-circle:before {
  content: ""; }

.fa-check-double:before {
  content: ""; }

.fa-check-square:before {
  content: ""; }

.fa-cheese:before {
  content: ""; }

.fa-cheese-swiss:before {
  content: ""; }

.fa-cheeseburger:before {
  content: ""; }

.fa-chess:before {
  content: ""; }

.fa-chess-bishop:before {
  content: ""; }

.fa-chess-bishop-alt:before {
  content: ""; }

.fa-chess-board:before {
  content: ""; }

.fa-chess-clock:before {
  content: ""; }

.fa-chess-clock-alt:before {
  content: ""; }

.fa-chess-king:before {
  content: ""; }

.fa-chess-king-alt:before {
  content: ""; }

.fa-chess-knight:before {
  content: ""; }

.fa-chess-knight-alt:before {
  content: ""; }

.fa-chess-pawn:before {
  content: ""; }

.fa-chess-pawn-alt:before {
  content: ""; }

.fa-chess-queen:before {
  content: ""; }

.fa-chess-queen-alt:before {
  content: ""; }

.fa-chess-rook:before {
  content: ""; }

.fa-chess-rook-alt:before {
  content: ""; }

.fa-chevron-circle-down:before {
  content: ""; }

.fa-chevron-circle-left:before {
  content: ""; }

.fa-chevron-circle-right:before {
  content: ""; }

.fa-chevron-circle-up:before {
  content: ""; }

.fa-chevron-double-down:before {
  content: ""; }

.fa-chevron-double-left:before {
  content: ""; }

.fa-chevron-double-right:before {
  content: ""; }

.fa-chevron-double-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-chevron-left:before {
  content: ""; }

.fa-chevron-right:before {
  content: ""; }

.fa-chevron-square-down:before {
  content: ""; }

.fa-chevron-square-left:before {
  content: ""; }

.fa-chevron-square-right:before {
  content: ""; }

.fa-chevron-square-up:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-child:before {
  content: ""; }

.fa-chimney:before {
  content: ""; }

.fa-chrome:before {
  content: ""; }

.fa-chromecast:before {
  content: ""; }

.fa-church:before {
  content: ""; }

.fa-circle:before {
  content: ""; }

.fa-circle-notch:before {
  content: ""; }

.fa-city:before {
  content: ""; }

.fa-clarinet:before {
  content: ""; }

.fa-claw-marks:before {
  content: ""; }

.fa-clinic-medical:before {
  content: ""; }

.fa-clipboard:before {
  content: ""; }

.fa-clipboard-check:before {
  content: ""; }

.fa-clipboard-list:before {
  content: ""; }

.fa-clipboard-list-check:before {
  content: ""; }

.fa-clipboard-prescription:before {
  content: ""; }

.fa-clipboard-user:before {
  content: ""; }

.fa-clock:before {
  content: ""; }

.fa-clone:before {
  content: ""; }

.fa-closed-captioning:before {
  content: ""; }

.fa-cloud:before {
  content: ""; }

.fa-cloud-download:before {
  content: ""; }

.fa-cloud-download-alt:before {
  content: ""; }

.fa-cloud-drizzle:before {
  content: ""; }

.fa-cloud-hail:before {
  content: ""; }

.fa-cloud-hail-mixed:before {
  content: ""; }

.fa-cloud-meatball:before {
  content: ""; }

.fa-cloud-moon:before {
  content: ""; }

.fa-cloud-moon-rain:before {
  content: ""; }

.fa-cloud-music:before {
  content: ""; }

.fa-cloud-rain:before {
  content: ""; }

.fa-cloud-rainbow:before {
  content: ""; }

.fa-cloud-showers:before {
  content: ""; }

.fa-cloud-showers-heavy:before {
  content: ""; }

.fa-cloud-sleet:before {
  content: ""; }

.fa-cloud-snow:before {
  content: ""; }

.fa-cloud-sun:before {
  content: ""; }

.fa-cloud-sun-rain:before {
  content: ""; }

.fa-cloud-upload:before {
  content: ""; }

.fa-cloud-upload-alt:before {
  content: ""; }

.fa-clouds:before {
  content: ""; }

.fa-clouds-moon:before {
  content: ""; }

.fa-clouds-sun:before {
  content: ""; }

.fa-cloudscale:before {
  content: ""; }

.fa-cloudsmith:before {
  content: ""; }

.fa-cloudversify:before {
  content: ""; }

.fa-club:before {
  content: ""; }

.fa-cocktail:before {
  content: ""; }

.fa-code:before {
  content: ""; }

.fa-code-branch:before {
  content: ""; }

.fa-code-commit:before {
  content: ""; }

.fa-code-merge:before {
  content: ""; }

.fa-codepen:before {
  content: ""; }

.fa-codiepie:before {
  content: ""; }

.fa-coffee:before {
  content: ""; }

.fa-coffee-pot:before {
  content: "車"; }

.fa-coffee-togo:before {
  content: ""; }

.fa-coffin:before {
  content: ""; }

.fa-coffin-cross:before {
  content: "陋"; }

.fa-cog:before {
  content: ""; }

.fa-cogs:before {
  content: ""; }

.fa-coin:before {
  content: ""; }

.fa-coins:before {
  content: ""; }

.fa-columns:before {
  content: ""; }

.fa-comet:before {
  content: "賈"; }

.fa-comment:before {
  content: ""; }

.fa-comment-alt:before {
  content: ""; }

.fa-comment-alt-check:before {
  content: ""; }

.fa-comment-alt-dollar:before {
  content: ""; }

.fa-comment-alt-dots:before {
  content: ""; }

.fa-comment-alt-edit:before {
  content: ""; }

.fa-comment-alt-exclamation:before {
  content: ""; }

.fa-comment-alt-lines:before {
  content: ""; }

.fa-comment-alt-medical:before {
  content: ""; }

.fa-comment-alt-minus:before {
  content: ""; }

.fa-comment-alt-music:before {
  content: ""; }

.fa-comment-alt-plus:before {
  content: ""; }

.fa-comment-alt-slash:before {
  content: ""; }

.fa-comment-alt-smile:before {
  content: ""; }

.fa-comment-alt-times:before {
  content: ""; }

.fa-comment-check:before {
  content: ""; }

.fa-comment-dollar:before {
  content: ""; }

.fa-comment-dots:before {
  content: ""; }

.fa-comment-edit:before {
  content: ""; }

.fa-comment-exclamation:before {
  content: ""; }

.fa-comment-lines:before {
  content: ""; }

.fa-comment-medical:before {
  content: ""; }

.fa-comment-minus:before {
  content: ""; }

.fa-comment-music:before {
  content: ""; }

.fa-comment-plus:before {
  content: ""; }

.fa-comment-slash:before {
  content: ""; }

.fa-comment-smile:before {
  content: ""; }

.fa-comment-times:before {
  content: ""; }

.fa-comments:before {
  content: ""; }

.fa-comments-alt:before {
  content: ""; }

.fa-comments-alt-dollar:before {
  content: ""; }

.fa-comments-dollar:before {
  content: ""; }

.fa-compact-disc:before {
  content: ""; }

.fa-compass:before {
  content: ""; }

.fa-compass-slash:before {
  content: ""; }

.fa-compress:before {
  content: ""; }

.fa-compress-alt:before {
  content: ""; }

.fa-compress-arrows-alt:before {
  content: ""; }

.fa-compress-wide:before {
  content: ""; }

.fa-computer-classic:before {
  content: ""; }

.fa-computer-speaker:before {
  content: ""; }

.fa-concierge-bell:before {
  content: ""; }

.fa-confluence:before {
  content: ""; }

.fa-connectdevelop:before {
  content: ""; }

.fa-construction:before {
  content: ""; }

.fa-container-storage:before {
  content: ""; }

.fa-contao:before {
  content: ""; }

.fa-conveyor-belt:before {
  content: ""; }

.fa-conveyor-belt-alt:before {
  content: ""; }

.fa-cookie:before {
  content: ""; }

.fa-cookie-bite:before {
  content: ""; }

.fa-copy:before {
  content: ""; }

.fa-copyright:before {
  content: ""; }

.fa-corn:before {
  content: ""; }

.fa-cotton-bureau:before {
  content: ""; }

.fa-couch:before {
  content: ""; }

.fa-cow:before {
  content: ""; }

.fa-cowbell:before {
  content: ""; }

.fa-cowbell-more:before {
  content: ""; }

.fa-cpanel:before {
  content: ""; }

.fa-creative-commons:before {
  content: ""; }

.fa-creative-commons-by:before {
  content: ""; }

.fa-creative-commons-nc:before {
  content: ""; }

.fa-creative-commons-nc-eu:before {
  content: ""; }

.fa-creative-commons-nc-jp:before {
  content: ""; }

.fa-creative-commons-nd:before {
  content: ""; }

.fa-creative-commons-pd:before {
  content: ""; }

.fa-creative-commons-pd-alt:before {
  content: ""; }

.fa-creative-commons-remix:before {
  content: ""; }

.fa-creative-commons-sa:before {
  content: ""; }

.fa-creative-commons-sampling:before {
  content: ""; }

.fa-creative-commons-sampling-plus:before {
  content: ""; }

.fa-creative-commons-share:before {
  content: ""; }

.fa-creative-commons-zero:before {
  content: ""; }

.fa-credit-card:before {
  content: ""; }

.fa-credit-card-blank:before {
  content: ""; }

.fa-credit-card-front:before {
  content: ""; }

.fa-cricket:before {
  content: ""; }

.fa-critical-role:before {
  content: ""; }

.fa-croissant:before {
  content: ""; }

.fa-crop:before {
  content: ""; }

.fa-crop-alt:before {
  content: ""; }

.fa-cross:before {
  content: ""; }

.fa-crosshairs:before {
  content: ""; }

.fa-crow:before {
  content: ""; }

.fa-crown:before {
  content: ""; }

.fa-crutch:before {
  content: ""; }

.fa-crutches:before {
  content: ""; }

.fa-css3:before {
  content: ""; }

.fa-css3-alt:before {
  content: ""; }

.fa-cube:before {
  content: ""; }

.fa-cubes:before {
  content: ""; }

.fa-curling:before {
  content: ""; }

.fa-cut:before {
  content: ""; }

.fa-cuttlefish:before {
  content: ""; }

.fa-d-and-d:before {
  content: ""; }

.fa-d-and-d-beyond:before {
  content: ""; }

.fa-dagger:before {
  content: ""; }

.fa-dailymotion:before {
  content: "勒"; }

.fa-dashcube:before {
  content: ""; }

.fa-database:before {
  content: ""; }

.fa-deaf:before {
  content: ""; }

.fa-debug:before {
  content: ""; }

.fa-deer:before {
  content: ""; }

.fa-deer-rudolph:before {
  content: ""; }

.fa-delicious:before {
  content: ""; }

.fa-democrat:before {
  content: ""; }

.fa-deploydog:before {
  content: ""; }

.fa-deskpro:before {
  content: ""; }

.fa-desktop:before {
  content: ""; }

.fa-desktop-alt:before {
  content: ""; }

.fa-dev:before {
  content: ""; }

.fa-deviantart:before {
  content: ""; }

.fa-dewpoint:before {
  content: ""; }

.fa-dharmachakra:before {
  content: ""; }

.fa-dhl:before {
  content: ""; }

.fa-diagnoses:before {
  content: ""; }

.fa-diamond:before {
  content: ""; }

.fa-diaspora:before {
  content: ""; }

.fa-dice:before {
  content: ""; }

.fa-dice-d10:before {
  content: ""; }

.fa-dice-d12:before {
  content: ""; }

.fa-dice-d20:before {
  content: ""; }

.fa-dice-d4:before {
  content: ""; }

.fa-dice-d6:before {
  content: ""; }

.fa-dice-d8:before {
  content: ""; }

.fa-dice-five:before {
  content: ""; }

.fa-dice-four:before {
  content: ""; }

.fa-dice-one:before {
  content: ""; }

.fa-dice-six:before {
  content: ""; }

.fa-dice-three:before {
  content: ""; }

.fa-dice-two:before {
  content: ""; }

.fa-digg:before {
  content: ""; }

.fa-digging:before {
  content: ""; }

.fa-digital-ocean:before {
  content: ""; }

.fa-digital-tachograph:before {
  content: ""; }

.fa-diploma:before {
  content: ""; }

.fa-directions:before {
  content: ""; }

.fa-disc-drive:before {
  content: ""; }

.fa-discord:before {
  content: ""; }

.fa-discourse:before {
  content: ""; }

.fa-disease:before {
  content: ""; }

.fa-divide:before {
  content: ""; }

.fa-dizzy:before {
  content: ""; }

.fa-dna:before {
  content: ""; }

.fa-do-not-enter:before {
  content: ""; }

.fa-dochub:before {
  content: ""; }

.fa-docker:before {
  content: ""; }

.fa-dog:before {
  content: ""; }

.fa-dog-leashed:before {
  content: ""; }

.fa-dollar-sign:before {
  content: ""; }

.fa-dolly:before {
  content: ""; }

.fa-dolly-empty:before {
  content: ""; }

.fa-dolly-flatbed:before {
  content: ""; }

.fa-dolly-flatbed-alt:before {
  content: ""; }

.fa-dolly-flatbed-empty:before {
  content: ""; }

.fa-donate:before {
  content: ""; }

.fa-door-closed:before {
  content: ""; }

.fa-door-open:before {
  content: ""; }

.fa-dot-circle:before {
  content: ""; }

.fa-dove:before {
  content: ""; }

.fa-download:before {
  content: ""; }

.fa-draft2digital:before {
  content: ""; }

.fa-drafting-compass:before {
  content: ""; }

.fa-dragon:before {
  content: ""; }

.fa-draw-circle:before {
  content: ""; }

.fa-draw-polygon:before {
  content: ""; }

.fa-draw-square:before {
  content: ""; }

.fa-dreidel:before {
  content: ""; }

.fa-dribbble:before {
  content: ""; }

.fa-dribbble-square:before {
  content: ""; }

.fa-drone:before {
  content: ""; }

.fa-drone-alt:before {
  content: ""; }

.fa-dropbox:before {
  content: ""; }

.fa-drum:before {
  content: ""; }

.fa-drum-steelpan:before {
  content: ""; }

.fa-drumstick:before {
  content: ""; }

.fa-drumstick-bite:before {
  content: ""; }

.fa-drupal:before {
  content: ""; }

.fa-dryer:before {
  content: ""; }

.fa-dryer-alt:before {
  content: ""; }

.fa-duck:before {
  content: ""; }

.fa-dumbbell:before {
  content: ""; }

.fa-dumpster:before {
  content: ""; }

.fa-dumpster-fire:before {
  content: ""; }

.fa-dungeon:before {
  content: ""; }

.fa-dyalog:before {
  content: ""; }

.fa-ear:before {
  content: ""; }

.fa-ear-muffs:before {
  content: ""; }

.fa-earlybirds:before {
  content: ""; }

.fa-ebay:before {
  content: ""; }

.fa-eclipse:before {
  content: ""; }

.fa-eclipse-alt:before {
  content: ""; }

.fa-edge:before {
  content: ""; }

.fa-edit:before {
  content: ""; }

.fa-egg:before {
  content: ""; }

.fa-egg-fried:before {
  content: ""; }

.fa-eject:before {
  content: ""; }

.fa-elementor:before {
  content: ""; }

.fa-elephant:before {
  content: ""; }

.fa-ellipsis-h:before {
  content: ""; }

.fa-ellipsis-h-alt:before {
  content: ""; }

.fa-ellipsis-v:before {
  content: ""; }

.fa-ellipsis-v-alt:before {
  content: ""; }

.fa-ello:before {
  content: ""; }

.fa-ember:before {
  content: ""; }

.fa-empire:before {
  content: ""; }

.fa-empty-set:before {
  content: ""; }

.fa-engine-warning:before {
  content: ""; }

.fa-envelope:before {
  content: ""; }

.fa-envelope-open:before {
  content: ""; }

.fa-envelope-open-dollar:before {
  content: ""; }

.fa-envelope-open-text:before {
  content: ""; }

.fa-envelope-square:before {
  content: ""; }

.fa-envira:before {
  content: ""; }

.fa-equals:before {
  content: ""; }

.fa-eraser:before {
  content: ""; }

.fa-erlang:before {
  content: ""; }

.fa-ethereum:before {
  content: ""; }

.fa-ethernet:before {
  content: ""; }

.fa-etsy:before {
  content: ""; }

.fa-euro-sign:before {
  content: ""; }

.fa-evernote:before {
  content: ""; }

.fa-exchange:before {
  content: ""; }

.fa-exchange-alt:before {
  content: ""; }

.fa-exclamation:before {
  content: ""; }

.fa-exclamation-circle:before {
  content: ""; }

.fa-exclamation-square:before {
  content: ""; }

.fa-exclamation-triangle:before {
  content: ""; }

.fa-expand:before {
  content: ""; }

.fa-expand-alt:before {
  content: ""; }

.fa-expand-arrows:before {
  content: ""; }

.fa-expand-arrows-alt:before {
  content: ""; }

.fa-expand-wide:before {
  content: ""; }

.fa-expeditedssl:before {
  content: ""; }

.fa-external-link:before {
  content: ""; }

.fa-external-link-alt:before {
  content: ""; }

.fa-external-link-square:before {
  content: ""; }

.fa-external-link-square-alt:before {
  content: ""; }

.fa-eye:before {
  content: ""; }

.fa-eye-dropper:before {
  content: ""; }

.fa-eye-evil:before {
  content: ""; }

.fa-eye-slash:before {
  content: ""; }

.fa-facebook:before {
  content: ""; }

.fa-facebook-f:before {
  content: ""; }

.fa-facebook-messenger:before {
  content: ""; }

.fa-facebook-square:before {
  content: ""; }

.fa-fan:before {
  content: ""; }

.fa-fan-table:before {
  content: "滑"; }

.fa-fantasy-flight-games:before {
  content: ""; }

.fa-farm:before {
  content: ""; }

.fa-fast-backward:before {
  content: ""; }

.fa-fast-forward:before {
  content: ""; }

.fa-faucet:before {
  content: "串"; }

.fa-faucet-drip:before {
  content: "句"; }

.fa-fax:before {
  content: ""; }

.fa-feather:before {
  content: ""; }

.fa-feather-alt:before {
  content: ""; }

.fa-fedex:before {
  content: ""; }

.fa-fedora:before {
  content: ""; }

.fa-female:before {
  content: ""; }

.fa-field-hockey:before {
  content: ""; }

.fa-fighter-jet:before {
  content: ""; }

.fa-figma:before {
  content: ""; }

.fa-file:before {
  content: ""; }

.fa-file-alt:before {
  content: ""; }

.fa-file-archive:before {
  content: ""; }

.fa-file-audio:before {
  content: ""; }

.fa-file-certificate:before {
  content: ""; }

.fa-file-chart-line:before {
  content: ""; }

.fa-file-chart-pie:before {
  content: ""; }

.fa-file-check:before {
  content: ""; }

.fa-file-code:before {
  content: ""; }

.fa-file-contract:before {
  content: ""; }

.fa-file-csv:before {
  content: ""; }

.fa-file-download:before {
  content: ""; }

.fa-file-edit:before {
  content: ""; }

.fa-file-excel:before {
  content: ""; }

.fa-file-exclamation:before {
  content: ""; }

.fa-file-export:before {
  content: ""; }

.fa-file-image:before {
  content: ""; }

.fa-file-import:before {
  content: ""; }

.fa-file-invoice:before {
  content: ""; }

.fa-file-invoice-dollar:before {
  content: ""; }

.fa-file-medical:before {
  content: ""; }

.fa-file-medical-alt:before {
  content: ""; }

.fa-file-minus:before {
  content: ""; }

.fa-file-music:before {
  content: ""; }

.fa-file-pdf:before {
  content: ""; }

.fa-file-plus:before {
  content: ""; }

.fa-file-powerpoint:before {
  content: ""; }

.fa-file-prescription:before {
  content: ""; }

.fa-file-search:before {
  content: ""; }

.fa-file-signature:before {
  content: ""; }

.fa-file-spreadsheet:before {
  content: ""; }

.fa-file-times:before {
  content: ""; }

.fa-file-upload:before {
  content: ""; }

.fa-file-user:before {
  content: ""; }

.fa-file-video:before {
  content: ""; }

.fa-file-word:before {
  content: ""; }

.fa-files-medical:before {
  content: ""; }

.fa-fill:before {
  content: ""; }

.fa-fill-drip:before {
  content: ""; }

.fa-film:before {
  content: ""; }

.fa-film-alt:before {
  content: ""; }

.fa-film-canister:before {
  content: ""; }

.fa-filter:before {
  content: ""; }

.fa-fingerprint:before {
  content: ""; }

.fa-fire:before {
  content: ""; }

.fa-fire-alt:before {
  content: ""; }

.fa-fire-extinguisher:before {
  content: ""; }

.fa-fire-smoke:before {
  content: ""; }

.fa-firefox:before {
  content: ""; }

.fa-firefox-browser:before {
  content: "龜"; }

.fa-fireplace:before {
  content: ""; }

.fa-first-aid:before {
  content: ""; }

.fa-first-order:before {
  content: ""; }

.fa-first-order-alt:before {
  content: ""; }

.fa-firstdraft:before {
  content: ""; }

.fa-fish:before {
  content: ""; }

.fa-fish-cooked:before {
  content: ""; }

.fa-fist-raised:before {
  content: ""; }

.fa-flag:before {
  content: ""; }

.fa-flag-alt:before {
  content: ""; }

.fa-flag-checkered:before {
  content: ""; }

.fa-flag-usa:before {
  content: ""; }

.fa-flame:before {
  content: ""; }

.fa-flashlight:before {
  content: ""; }

.fa-flask:before {
  content: ""; }

.fa-flask-poison:before {
  content: ""; }

.fa-flask-potion:before {
  content: ""; }

.fa-flickr:before {
  content: ""; }

.fa-flipboard:before {
  content: ""; }

.fa-flower:before {
  content: ""; }

.fa-flower-daffodil:before {
  content: ""; }

.fa-flower-tulip:before {
  content: ""; }

.fa-flushed:before {
  content: ""; }

.fa-flute:before {
  content: ""; }

.fa-flux-capacitor:before {
  content: ""; }

.fa-fly:before {
  content: ""; }

.fa-fog:before {
  content: ""; }

.fa-folder:before {
  content: ""; }

.fa-folder-download:before {
  content: "肋"; }

.fa-folder-minus:before {
  content: ""; }

.fa-folder-open:before {
  content: ""; }

.fa-folder-plus:before {
  content: ""; }

.fa-folder-times:before {
  content: ""; }

.fa-folder-tree:before {
  content: ""; }

.fa-folder-upload:before {
  content: "凜"; }

.fa-folders:before {
  content: ""; }

.fa-font:before {
  content: ""; }

.fa-font-awesome:before {
  content: ""; }

.fa-font-awesome-alt:before {
  content: ""; }

.fa-font-awesome-flag:before {
  content: ""; }

.fa-font-awesome-logo-full:before {
  content: ""; }

.fa-font-case:before {
  content: ""; }

.fa-fonticons:before {
  content: ""; }

.fa-fonticons-fi:before {
  content: ""; }

.fa-football-ball:before {
  content: ""; }

.fa-football-helmet:before {
  content: ""; }

.fa-forklift:before {
  content: ""; }

.fa-fort-awesome:before {
  content: ""; }

.fa-fort-awesome-alt:before {
  content: ""; }

.fa-forumbee:before {
  content: ""; }

.fa-forward:before {
  content: ""; }

.fa-foursquare:before {
  content: ""; }

.fa-fragile:before {
  content: ""; }

.fa-free-code-camp:before {
  content: ""; }

.fa-freebsd:before {
  content: ""; }

.fa-french-fries:before {
  content: ""; }

.fa-frog:before {
  content: ""; }

.fa-frosty-head:before {
  content: ""; }

.fa-frown:before {
  content: ""; }

.fa-frown-open:before {
  content: ""; }

.fa-fulcrum:before {
  content: ""; }

.fa-function:before {
  content: ""; }

.fa-funnel-dollar:before {
  content: ""; }

.fa-futbol:before {
  content: ""; }

.fa-galactic-republic:before {
  content: ""; }

.fa-galactic-senate:before {
  content: ""; }

.fa-galaxy:before {
  content: "龜"; }

.fa-game-board:before {
  content: ""; }

.fa-game-board-alt:before {
  content: ""; }

.fa-game-console-handheld:before {
  content: ""; }

.fa-gamepad:before {
  content: ""; }

.fa-gamepad-alt:before {
  content: ""; }

.fa-garage:before {
  content: "契"; }

.fa-garage-car:before {
  content: "金"; }

.fa-garage-open:before {
  content: "喇"; }

.fa-gas-pump:before {
  content: ""; }

.fa-gas-pump-slash:before {
  content: ""; }

.fa-gavel:before {
  content: ""; }

.fa-gem:before {
  content: ""; }

.fa-genderless:before {
  content: ""; }

.fa-get-pocket:before {
  content: ""; }

.fa-gg:before {
  content: ""; }

.fa-gg-circle:before {
  content: ""; }

.fa-ghost:before {
  content: ""; }

.fa-gift:before {
  content: ""; }

.fa-gift-card:before {
  content: ""; }

.fa-gifts:before {
  content: ""; }

.fa-gingerbread-man:before {
  content: ""; }

.fa-git:before {
  content: ""; }

.fa-git-alt:before {
  content: ""; }

.fa-git-square:before {
  content: ""; }

.fa-github:before {
  content: ""; }

.fa-github-alt:before {
  content: ""; }

.fa-github-square:before {
  content: ""; }

.fa-gitkraken:before {
  content: ""; }

.fa-gitlab:before {
  content: ""; }

.fa-gitter:before {
  content: ""; }

.fa-glass:before {
  content: ""; }

.fa-glass-champagne:before {
  content: ""; }

.fa-glass-cheers:before {
  content: ""; }

.fa-glass-citrus:before {
  content: ""; }

.fa-glass-martini:before {
  content: ""; }

.fa-glass-martini-alt:before {
  content: ""; }

.fa-glass-whiskey:before {
  content: ""; }

.fa-glass-whiskey-rocks:before {
  content: ""; }

.fa-glasses:before {
  content: ""; }

.fa-glasses-alt:before {
  content: ""; }

.fa-glide:before {
  content: ""; }

.fa-glide-g:before {
  content: ""; }

.fa-globe:before {
  content: ""; }

.fa-globe-africa:before {
  content: ""; }

.fa-globe-americas:before {
  content: ""; }

.fa-globe-asia:before {
  content: ""; }

.fa-globe-europe:before {
  content: ""; }

.fa-globe-snow:before {
  content: ""; }

.fa-globe-stand:before {
  content: ""; }

.fa-gofore:before {
  content: ""; }

.fa-golf-ball:before {
  content: ""; }

.fa-golf-club:before {
  content: ""; }

.fa-goodreads:before {
  content: ""; }

.fa-goodreads-g:before {
  content: ""; }

.fa-google:before {
  content: ""; }

.fa-google-drive:before {
  content: ""; }

.fa-google-play:before {
  content: ""; }

.fa-google-plus:before {
  content: ""; }

.fa-google-plus-g:before {
  content: ""; }

.fa-google-plus-square:before {
  content: ""; }

.fa-google-wallet:before {
  content: ""; }

.fa-gopuram:before {
  content: ""; }

.fa-graduation-cap:before {
  content: ""; }

.fa-gramophone:before {
  content: ""; }

.fa-gratipay:before {
  content: ""; }

.fa-grav:before {
  content: ""; }

.fa-greater-than:before {
  content: ""; }

.fa-greater-than-equal:before {
  content: ""; }

.fa-grimace:before {
  content: ""; }

.fa-grin:before {
  content: ""; }

.fa-grin-alt:before {
  content: ""; }

.fa-grin-beam:before {
  content: ""; }

.fa-grin-beam-sweat:before {
  content: ""; }

.fa-grin-hearts:before {
  content: ""; }

.fa-grin-squint:before {
  content: ""; }

.fa-grin-squint-tears:before {
  content: ""; }

.fa-grin-stars:before {
  content: ""; }

.fa-grin-tears:before {
  content: ""; }

.fa-grin-tongue:before {
  content: ""; }

.fa-grin-tongue-squint:before {
  content: ""; }

.fa-grin-tongue-wink:before {
  content: ""; }

.fa-grin-wink:before {
  content: ""; }

.fa-grip-horizontal:before {
  content: ""; }

.fa-grip-lines:before {
  content: ""; }

.fa-grip-lines-vertical:before {
  content: ""; }

.fa-grip-vertical:before {
  content: ""; }

.fa-gripfire:before {
  content: ""; }

.fa-grunt:before {
  content: ""; }

.fa-guitar:before {
  content: ""; }

.fa-guitar-electric:before {
  content: ""; }

.fa-guitars:before {
  content: ""; }

.fa-gulp:before {
  content: ""; }

.fa-h-square:before {
  content: ""; }

.fa-h1:before {
  content: ""; }

.fa-h2:before {
  content: ""; }

.fa-h3:before {
  content: ""; }

.fa-h4:before {
  content: ""; }

.fa-hacker-news:before {
  content: ""; }

.fa-hacker-news-square:before {
  content: ""; }

.fa-hackerrank:before {
  content: ""; }

.fa-hamburger:before {
  content: ""; }

.fa-hammer:before {
  content: ""; }

.fa-hammer-war:before {
  content: ""; }

.fa-hamsa:before {
  content: ""; }

.fa-hand-heart:before {
  content: ""; }

.fa-hand-holding:before {
  content: ""; }

.fa-hand-holding-box:before {
  content: ""; }

.fa-hand-holding-heart:before {
  content: ""; }

.fa-hand-holding-magic:before {
  content: ""; }

.fa-hand-holding-medical:before {
  content: "樂"; }

.fa-hand-holding-seedling:before {
  content: ""; }

.fa-hand-holding-usd:before {
  content: ""; }

.fa-hand-holding-water:before {
  content: ""; }

.fa-hand-lizard:before {
  content: ""; }

.fa-hand-middle-finger:before {
  content: ""; }

.fa-hand-paper:before {
  content: ""; }

.fa-hand-peace:before {
  content: ""; }

.fa-hand-point-down:before {
  content: ""; }

.fa-hand-point-left:before {
  content: ""; }

.fa-hand-point-right:before {
  content: ""; }

.fa-hand-point-up:before {
  content: ""; }

.fa-hand-pointer:before {
  content: ""; }

.fa-hand-receiving:before {
  content: ""; }

.fa-hand-rock:before {
  content: ""; }

.fa-hand-scissors:before {
  content: ""; }

.fa-hand-sparkles:before {
  content: "諾"; }

.fa-hand-spock:before {
  content: ""; }

.fa-hands:before {
  content: ""; }

.fa-hands-heart:before {
  content: ""; }

.fa-hands-helping:before {
  content: ""; }

.fa-hands-usd:before {
  content: ""; }

.fa-hands-wash:before {
  content: "丹"; }

.fa-handshake:before {
  content: ""; }

.fa-handshake-alt:before {
  content: ""; }

.fa-handshake-alt-slash:before {
  content: "寧"; }

.fa-handshake-slash:before {
  content: "怒"; }

.fa-hanukiah:before {
  content: ""; }

.fa-hard-hat:before {
  content: ""; }

.fa-hashtag:before {
  content: ""; }

.fa-hat-chef:before {
  content: ""; }

.fa-hat-cowboy:before {
  content: ""; }

.fa-hat-cowboy-side:before {
  content: ""; }

.fa-hat-santa:before {
  content: ""; }

.fa-hat-winter:before {
  content: ""; }

.fa-hat-witch:before {
  content: ""; }

.fa-hat-wizard:before {
  content: ""; }

.fa-hdd:before {
  content: ""; }

.fa-head-side:before {
  content: ""; }

.fa-head-side-brain:before {
  content: ""; }

.fa-head-side-cough:before {
  content: "率"; }

.fa-head-side-cough-slash:before {
  content: "異"; }

.fa-head-side-headphones:before {
  content: ""; }

.fa-head-side-mask:before {
  content: "北"; }

.fa-head-side-medical:before {
  content: ""; }

.fa-head-side-virus:before {
  content: "磻"; }

.fa-head-vr:before {
  content: ""; }

.fa-heading:before {
  content: ""; }

.fa-headphones:before {
  content: ""; }

.fa-headphones-alt:before {
  content: ""; }

.fa-headset:before {
  content: ""; }

.fa-heart:before {
  content: ""; }

.fa-heart-broken:before {
  content: ""; }

.fa-heart-circle:before {
  content: ""; }

.fa-heart-rate:before {
  content: ""; }

.fa-heart-square:before {
  content: ""; }

.fa-heartbeat:before {
  content: ""; }

.fa-heat:before {
  content: "奈"; }

.fa-helicopter:before {
  content: ""; }

.fa-helmet-battle:before {
  content: ""; }

.fa-hexagon:before {
  content: ""; }

.fa-highlighter:before {
  content: ""; }

.fa-hiking:before {
  content: ""; }

.fa-hippo:before {
  content: ""; }

.fa-hips:before {
  content: ""; }

.fa-hire-a-helper:before {
  content: ""; }

.fa-history:before {
  content: ""; }

.fa-hockey-mask:before {
  content: ""; }

.fa-hockey-puck:before {
  content: ""; }

.fa-hockey-sticks:before {
  content: ""; }

.fa-holly-berry:before {
  content: ""; }

.fa-home:before {
  content: ""; }

.fa-home-alt:before {
  content: ""; }

.fa-home-heart:before {
  content: ""; }

.fa-home-lg:before {
  content: ""; }

.fa-home-lg-alt:before {
  content: ""; }

.fa-hood-cloak:before {
  content: ""; }

.fa-hooli:before {
  content: ""; }

.fa-horizontal-rule:before {
  content: ""; }

.fa-hornbill:before {
  content: ""; }

.fa-horse:before {
  content: ""; }

.fa-horse-head:before {
  content: ""; }

.fa-horse-saddle:before {
  content: ""; }

.fa-hospital:before {
  content: ""; }

.fa-hospital-alt:before {
  content: ""; }

.fa-hospital-symbol:before {
  content: ""; }

.fa-hospital-user:before {
  content: ""; }

.fa-hospitals:before {
  content: ""; }

.fa-hot-tub:before {
  content: ""; }

.fa-hotdog:before {
  content: ""; }

.fa-hotel:before {
  content: ""; }

.fa-hotjar:before {
  content: ""; }

.fa-hourglass:before {
  content: ""; }

.fa-hourglass-end:before {
  content: ""; }

.fa-hourglass-half:before {
  content: ""; }

.fa-hourglass-start:before {
  content: ""; }

.fa-house:before {
  content: "懶"; }

.fa-house-damage:before {
  content: ""; }

.fa-house-day:before {
  content: "癩"; }

.fa-house-flood:before {
  content: ""; }

.fa-house-leave:before {
  content: "羅"; }

.fa-house-night:before {
  content: "蘿"; }

.fa-house-return:before {
  content: "螺"; }

.fa-house-signal:before {
  content: "裸"; }

.fa-house-user:before {
  content: "便"; }

.fa-houzz:before {
  content: ""; }

.fa-hryvnia:before {
  content: ""; }

.fa-html5:before {
  content: ""; }

.fa-hubspot:before {
  content: ""; }

.fa-humidity:before {
  content: ""; }

.fa-hurricane:before {
  content: ""; }

.fa-i-cursor:before {
  content: ""; }

.fa-ice-cream:before {
  content: ""; }

.fa-ice-skate:before {
  content: ""; }

.fa-icicles:before {
  content: ""; }

.fa-icons:before {
  content: ""; }

.fa-icons-alt:before {
  content: ""; }

.fa-id-badge:before {
  content: ""; }

.fa-id-card:before {
  content: ""; }

.fa-id-card-alt:before {
  content: ""; }

.fa-ideal:before {
  content: "邏"; }

.fa-igloo:before {
  content: ""; }

.fa-image:before {
  content: ""; }

.fa-image-polaroid:before {
  content: ""; }

.fa-images:before {
  content: ""; }

.fa-imdb:before {
  content: ""; }

.fa-inbox:before {
  content: ""; }

.fa-inbox-in:before {
  content: ""; }

.fa-inbox-out:before {
  content: ""; }

.fa-indent:before {
  content: ""; }

.fa-industry:before {
  content: ""; }

.fa-industry-alt:before {
  content: ""; }

.fa-infinity:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-info-circle:before {
  content: ""; }

.fa-info-square:before {
  content: ""; }

.fa-inhaler:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }

.fa-instagram-square:before {
  content: "凌"; }

.fa-integral:before {
  content: ""; }

.fa-intercom:before {
  content: ""; }

.fa-internet-explorer:before {
  content: ""; }

.fa-intersection:before {
  content: ""; }

.fa-inventory:before {
  content: ""; }

.fa-invision:before {
  content: ""; }

.fa-ioxhost:before {
  content: ""; }

.fa-island-tropical:before {
  content: ""; }

.fa-italic:before {
  content: ""; }

.fa-itch-io:before {
  content: ""; }

.fa-itunes:before {
  content: ""; }

.fa-itunes-note:before {
  content: ""; }

.fa-jack-o-lantern:before {
  content: ""; }

.fa-java:before {
  content: ""; }

.fa-jedi:before {
  content: ""; }

.fa-jedi-order:before {
  content: ""; }

.fa-jenkins:before {
  content: ""; }

.fa-jira:before {
  content: ""; }

.fa-joget:before {
  content: ""; }

.fa-joint:before {
  content: ""; }

.fa-joomla:before {
  content: ""; }

.fa-journal-whills:before {
  content: ""; }

.fa-joystick:before {
  content: ""; }

.fa-js:before {
  content: ""; }

.fa-js-square:before {
  content: ""; }

.fa-jsfiddle:before {
  content: ""; }

.fa-jug:before {
  content: ""; }

.fa-kaaba:before {
  content: ""; }

.fa-kaggle:before {
  content: ""; }

.fa-kazoo:before {
  content: ""; }

.fa-kerning:before {
  content: ""; }

.fa-key:before {
  content: ""; }

.fa-key-skeleton:before {
  content: ""; }

.fa-keybase:before {
  content: ""; }

.fa-keyboard:before {
  content: ""; }

.fa-keycdn:before {
  content: ""; }

.fa-keynote:before {
  content: ""; }

.fa-khanda:before {
  content: ""; }

.fa-kickstarter:before {
  content: ""; }

.fa-kickstarter-k:before {
  content: ""; }

.fa-kidneys:before {
  content: ""; }

.fa-kiss:before {
  content: ""; }

.fa-kiss-beam:before {
  content: ""; }

.fa-kiss-wink-heart:before {
  content: ""; }

.fa-kite:before {
  content: ""; }

.fa-kiwi-bird:before {
  content: ""; }

.fa-knife-kitchen:before {
  content: ""; }

.fa-korvue:before {
  content: ""; }

.fa-lambda:before {
  content: ""; }

.fa-lamp:before {
  content: ""; }

.fa-lamp-desk:before {
  content: "樂"; }

.fa-lamp-floor:before {
  content: "洛"; }

.fa-landmark:before {
  content: ""; }

.fa-landmark-alt:before {
  content: ""; }

.fa-language:before {
  content: ""; }

.fa-laptop:before {
  content: ""; }

.fa-laptop-code:before {
  content: ""; }

.fa-laptop-house:before {
  content: "復"; }

.fa-laptop-medical:before {
  content: ""; }

.fa-laravel:before {
  content: ""; }

.fa-lasso:before {
  content: ""; }

.fa-lastfm:before {
  content: ""; }

.fa-lastfm-square:before {
  content: ""; }

.fa-laugh:before {
  content: ""; }

.fa-laugh-beam:before {
  content: ""; }

.fa-laugh-squint:before {
  content: ""; }

.fa-laugh-wink:before {
  content: ""; }

.fa-layer-group:before {
  content: ""; }

.fa-layer-minus:before {
  content: ""; }

.fa-layer-plus:before {
  content: ""; }

.fa-leaf:before {
  content: ""; }

.fa-leaf-heart:before {
  content: ""; }

.fa-leaf-maple:before {
  content: ""; }

.fa-leaf-oak:before {
  content: ""; }

.fa-leanpub:before {
  content: ""; }

.fa-lemon:before {
  content: ""; }

.fa-less:before {
  content: ""; }

.fa-less-than:before {
  content: ""; }

.fa-less-than-equal:before {
  content: ""; }

.fa-level-down:before {
  content: ""; }

.fa-level-down-alt:before {
  content: ""; }

.fa-level-up:before {
  content: ""; }

.fa-level-up-alt:before {
  content: ""; }

.fa-life-ring:before {
  content: ""; }

.fa-light-ceiling:before {
  content: "烙"; }

.fa-light-switch:before {
  content: "珞"; }

.fa-light-switch-off:before {
  content: "落"; }

.fa-light-switch-on:before {
  content: "酪"; }

.fa-lightbulb:before {
  content: ""; }

.fa-lightbulb-dollar:before {
  content: ""; }

.fa-lightbulb-exclamation:before {
  content: ""; }

.fa-lightbulb-on:before {
  content: ""; }

.fa-lightbulb-slash:before {
  content: ""; }

.fa-lights-holiday:before {
  content: ""; }

.fa-line:before {
  content: ""; }

.fa-line-columns:before {
  content: ""; }

.fa-line-height:before {
  content: ""; }

.fa-link:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

.fa-linkedin-in:before {
  content: ""; }

.fa-linode:before {
  content: ""; }

.fa-linux:before {
  content: ""; }

.fa-lips:before {
  content: ""; }

.fa-lira-sign:before {
  content: ""; }

.fa-list:before {
  content: ""; }

.fa-list-alt:before {
  content: ""; }

.fa-list-music:before {
  content: ""; }

.fa-list-ol:before {
  content: ""; }

.fa-list-ul:before {
  content: ""; }

.fa-location:before {
  content: ""; }

.fa-location-arrow:before {
  content: ""; }

.fa-location-circle:before {
  content: ""; }

.fa-location-slash:before {
  content: ""; }

.fa-lock:before {
  content: ""; }

.fa-lock-alt:before {
  content: ""; }

.fa-lock-open:before {
  content: ""; }

.fa-lock-open-alt:before {
  content: ""; }

.fa-long-arrow-alt-down:before {
  content: ""; }

.fa-long-arrow-alt-left:before {
  content: ""; }

.fa-long-arrow-alt-right:before {
  content: ""; }

.fa-long-arrow-alt-up:before {
  content: ""; }

.fa-long-arrow-down:before {
  content: ""; }

.fa-long-arrow-left:before {
  content: ""; }

.fa-long-arrow-right:before {
  content: ""; }

.fa-long-arrow-up:before {
  content: ""; }

.fa-loveseat:before {
  content: ""; }

.fa-low-vision:before {
  content: ""; }

.fa-luchador:before {
  content: ""; }

.fa-luggage-cart:before {
  content: ""; }

.fa-lungs:before {
  content: ""; }

.fa-lungs-virus:before {
  content: "不"; }

.fa-lyft:before {
  content: ""; }

.fa-mace:before {
  content: ""; }

.fa-magento:before {
  content: ""; }

.fa-magic:before {
  content: ""; }

.fa-magnet:before {
  content: ""; }

.fa-mail-bulk:before {
  content: ""; }

.fa-mailbox:before {
  content: ""; }

.fa-mailchimp:before {
  content: ""; }

.fa-male:before {
  content: ""; }

.fa-mandalorian:before {
  content: ""; }

.fa-mandolin:before {
  content: ""; }

.fa-map:before {
  content: ""; }

.fa-map-marked:before {
  content: ""; }

.fa-map-marked-alt:before {
  content: ""; }

.fa-map-marker:before {
  content: ""; }

.fa-map-marker-alt:before {
  content: ""; }

.fa-map-marker-alt-slash:before {
  content: ""; }

.fa-map-marker-check:before {
  content: ""; }

.fa-map-marker-edit:before {
  content: ""; }

.fa-map-marker-exclamation:before {
  content: ""; }

.fa-map-marker-minus:before {
  content: ""; }

.fa-map-marker-plus:before {
  content: ""; }

.fa-map-marker-question:before {
  content: ""; }

.fa-map-marker-slash:before {
  content: ""; }

.fa-map-marker-smile:before {
  content: ""; }

.fa-map-marker-times:before {
  content: ""; }

.fa-map-pin:before {
  content: ""; }

.fa-map-signs:before {
  content: ""; }

.fa-markdown:before {
  content: ""; }

.fa-marker:before {
  content: ""; }

.fa-mars:before {
  content: ""; }

.fa-mars-double:before {
  content: ""; }

.fa-mars-stroke:before {
  content: ""; }

.fa-mars-stroke-h:before {
  content: ""; }

.fa-mars-stroke-v:before {
  content: ""; }

.fa-mask:before {
  content: ""; }

.fa-mastodon:before {
  content: ""; }

.fa-maxcdn:before {
  content: ""; }

.fa-mdb:before {
  content: ""; }

.fa-meat:before {
  content: ""; }

.fa-medal:before {
  content: ""; }

.fa-medapps:before {
  content: ""; }

.fa-medium:before {
  content: ""; }

.fa-medium-m:before {
  content: ""; }

.fa-medkit:before {
  content: ""; }

.fa-medrt:before {
  content: ""; }

.fa-meetup:before {
  content: ""; }

.fa-megaphone:before {
  content: ""; }

.fa-megaport:before {
  content: ""; }

.fa-meh:before {
  content: ""; }

.fa-meh-blank:before {
  content: ""; }

.fa-meh-rolling-eyes:before {
  content: ""; }

.fa-memory:before {
  content: ""; }

.fa-mendeley:before {
  content: ""; }

.fa-menorah:before {
  content: ""; }

.fa-mercury:before {
  content: ""; }

.fa-meteor:before {
  content: ""; }

.fa-microblog:before {
  content: "駱"; }

.fa-microchip:before {
  content: ""; }

.fa-microphone:before {
  content: ""; }

.fa-microphone-alt:before {
  content: ""; }

.fa-microphone-alt-slash:before {
  content: ""; }

.fa-microphone-slash:before {
  content: ""; }

.fa-microphone-stand:before {
  content: ""; }

.fa-microscope:before {
  content: ""; }

.fa-microsoft:before {
  content: ""; }

.fa-microwave:before {
  content: "亂"; }

.fa-mind-share:before {
  content: ""; }

.fa-minus:before {
  content: ""; }

.fa-minus-circle:before {
  content: ""; }

.fa-minus-hexagon:before {
  content: ""; }

.fa-minus-octagon:before {
  content: ""; }

.fa-minus-square:before {
  content: ""; }

.fa-mistletoe:before {
  content: ""; }

.fa-mitten:before {
  content: ""; }

.fa-mix:before {
  content: ""; }

.fa-mixcloud:before {
  content: ""; }

.fa-mixer:before {
  content: "稜"; }

.fa-mizuni:before {
  content: ""; }

.fa-mobile:before {
  content: ""; }

.fa-mobile-alt:before {
  content: ""; }

.fa-mobile-android:before {
  content: ""; }

.fa-mobile-android-alt:before {
  content: ""; }

.fa-modx:before {
  content: ""; }

.fa-monero:before {
  content: ""; }

.fa-money-bill:before {
  content: ""; }

.fa-money-bill-alt:before {
  content: ""; }

.fa-money-bill-wave:before {
  content: ""; }

.fa-money-bill-wave-alt:before {
  content: ""; }

.fa-money-check:before {
  content: ""; }

.fa-money-check-alt:before {
  content: ""; }

.fa-money-check-edit:before {
  content: ""; }

.fa-money-check-edit-alt:before {
  content: ""; }

.fa-monitor-heart-rate:before {
  content: ""; }

.fa-monkey:before {
  content: ""; }

.fa-monument:before {
  content: ""; }

.fa-moon:before {
  content: ""; }

.fa-moon-cloud:before {
  content: ""; }

.fa-moon-stars:before {
  content: ""; }

.fa-mortar-pestle:before {
  content: ""; }

.fa-mosque:before {
  content: ""; }

.fa-motorcycle:before {
  content: ""; }

.fa-mountain:before {
  content: ""; }

.fa-mountains:before {
  content: ""; }

.fa-mouse:before {
  content: ""; }

.fa-mouse-alt:before {
  content: ""; }

.fa-mouse-pointer:before {
  content: ""; }

.fa-mp3-player:before {
  content: ""; }

.fa-mug:before {
  content: ""; }

.fa-mug-hot:before {
  content: ""; }

.fa-mug-marshmallows:before {
  content: ""; }

.fa-mug-tea:before {
  content: ""; }

.fa-music:before {
  content: ""; }

.fa-music-alt:before {
  content: ""; }

.fa-music-alt-slash:before {
  content: ""; }

.fa-music-slash:before {
  content: ""; }

.fa-napster:before {
  content: ""; }

.fa-narwhal:before {
  content: ""; }

.fa-neos:before {
  content: ""; }

.fa-network-wired:before {
  content: ""; }

.fa-neuter:before {
  content: ""; }

.fa-newspaper:before {
  content: ""; }

.fa-nimblr:before {
  content: ""; }

.fa-node:before {
  content: ""; }

.fa-node-js:before {
  content: ""; }

.fa-not-equal:before {
  content: ""; }

.fa-notes-medical:before {
  content: ""; }

.fa-npm:before {
  content: ""; }

.fa-ns8:before {
  content: ""; }

.fa-nutritionix:before {
  content: ""; }

.fa-object-group:before {
  content: ""; }

.fa-object-ungroup:before {
  content: ""; }

.fa-octagon:before {
  content: ""; }

.fa-odnoklassniki:before {
  content: ""; }

.fa-odnoklassniki-square:before {
  content: ""; }

.fa-oil-can:before {
  content: ""; }

.fa-oil-temp:before {
  content: ""; }

.fa-old-republic:before {
  content: ""; }

.fa-om:before {
  content: ""; }

.fa-omega:before {
  content: ""; }

.fa-opencart:before {
  content: ""; }

.fa-openid:before {
  content: ""; }

.fa-opera:before {
  content: ""; }

.fa-optin-monster:before {
  content: ""; }

.fa-orcid:before {
  content: ""; }

.fa-ornament:before {
  content: ""; }

.fa-osi:before {
  content: ""; }

.fa-otter:before {
  content: ""; }

.fa-outdent:before {
  content: ""; }

.fa-outlet:before {
  content: "卵"; }

.fa-oven:before {
  content: "欄"; }

.fa-overline:before {
  content: ""; }

.fa-page-break:before {
  content: ""; }

.fa-page4:before {
  content: ""; }

.fa-pagelines:before {
  content: ""; }

.fa-pager:before {
  content: ""; }

.fa-paint-brush:before {
  content: ""; }

.fa-paint-brush-alt:before {
  content: ""; }

.fa-paint-roller:before {
  content: ""; }

.fa-palette:before {
  content: ""; }

.fa-palfed:before {
  content: ""; }

.fa-pallet:before {
  content: ""; }

.fa-pallet-alt:before {
  content: ""; }

.fa-paper-plane:before {
  content: ""; }

.fa-paperclip:before {
  content: ""; }

.fa-parachute-box:before {
  content: ""; }

.fa-paragraph:before {
  content: ""; }

.fa-paragraph-rtl:before {
  content: ""; }

.fa-parking:before {
  content: ""; }

.fa-parking-circle:before {
  content: ""; }

.fa-parking-circle-slash:before {
  content: ""; }

.fa-parking-slash:before {
  content: ""; }

.fa-passport:before {
  content: ""; }

.fa-pastafarianism:before {
  content: ""; }

.fa-paste:before {
  content: ""; }

.fa-patreon:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-pause-circle:before {
  content: ""; }

.fa-paw:before {
  content: ""; }

.fa-paw-alt:before {
  content: ""; }

.fa-paw-claws:before {
  content: ""; }

.fa-paypal:before {
  content: ""; }

.fa-peace:before {
  content: ""; }

.fa-pegasus:before {
  content: ""; }

.fa-pen:before {
  content: ""; }

.fa-pen-alt:before {
  content: ""; }

.fa-pen-fancy:before {
  content: ""; }

.fa-pen-nib:before {
  content: ""; }

.fa-pen-square:before {
  content: ""; }

.fa-pencil:before {
  content: ""; }

.fa-pencil-alt:before {
  content: ""; }

.fa-pencil-paintbrush:before {
  content: ""; }

.fa-pencil-ruler:before {
  content: ""; }

.fa-pennant:before {
  content: ""; }

.fa-penny-arcade:before {
  content: ""; }

.fa-people-arrows:before {
  content: "泌"; }

.fa-people-carry:before {
  content: ""; }

.fa-pepper-hot:before {
  content: ""; }

.fa-percent:before {
  content: ""; }

.fa-percentage:before {
  content: ""; }

.fa-periscope:before {
  content: ""; }

.fa-person-booth:before {
  content: ""; }

.fa-person-carry:before {
  content: ""; }

.fa-person-dolly:before {
  content: ""; }

.fa-person-dolly-empty:before {
  content: ""; }

.fa-person-sign:before {
  content: ""; }

.fa-phabricator:before {
  content: ""; }

.fa-phoenix-framework:before {
  content: ""; }

.fa-phoenix-squadron:before {
  content: ""; }

.fa-phone:before {
  content: ""; }

.fa-phone-alt:before {
  content: ""; }

.fa-phone-laptop:before {
  content: ""; }

.fa-phone-office:before {
  content: ""; }

.fa-phone-plus:before {
  content: ""; }

.fa-phone-rotary:before {
  content: ""; }

.fa-phone-slash:before {
  content: ""; }

.fa-phone-square:before {
  content: ""; }

.fa-phone-square-alt:before {
  content: ""; }

.fa-phone-volume:before {
  content: ""; }

.fa-photo-video:before {
  content: ""; }

.fa-php:before {
  content: ""; }

.fa-pi:before {
  content: ""; }

.fa-piano:before {
  content: ""; }

.fa-piano-keyboard:before {
  content: ""; }

.fa-pie:before {
  content: ""; }

.fa-pied-piper:before {
  content: ""; }

.fa-pied-piper-alt:before {
  content: ""; }

.fa-pied-piper-hat:before {
  content: ""; }

.fa-pied-piper-pp:before {
  content: ""; }

.fa-pied-piper-square:before {
  content: "爛"; }

.fa-pig:before {
  content: ""; }

.fa-piggy-bank:before {
  content: ""; }

.fa-pills:before {
  content: ""; }

.fa-pinterest:before {
  content: ""; }

.fa-pinterest-p:before {
  content: ""; }

.fa-pinterest-square:before {
  content: ""; }

.fa-pizza:before {
  content: ""; }

.fa-pizza-slice:before {
  content: ""; }

.fa-place-of-worship:before {
  content: ""; }

.fa-plane:before {
  content: ""; }

.fa-plane-alt:before {
  content: ""; }

.fa-plane-arrival:before {
  content: ""; }

.fa-plane-departure:before {
  content: ""; }

.fa-plane-slash:before {
  content: "數"; }

.fa-planet-moon:before {
  content: "蘭"; }

.fa-planet-ringed:before {
  content: "鸞"; }

.fa-play:before {
  content: ""; }

.fa-play-circle:before {
  content: ""; }

.fa-playstation:before {
  content: ""; }

.fa-plug:before {
  content: ""; }

.fa-plus:before {
  content: ""; }

.fa-plus-circle:before {
  content: ""; }

.fa-plus-hexagon:before {
  content: ""; }

.fa-plus-octagon:before {
  content: ""; }

.fa-plus-square:before {
  content: ""; }

.fa-podcast:before {
  content: ""; }

.fa-podium:before {
  content: ""; }

.fa-podium-star:before {
  content: ""; }

.fa-police-box:before {
  content: "嵐"; }

.fa-poll:before {
  content: ""; }

.fa-poll-h:before {
  content: ""; }

.fa-poll-people:before {
  content: ""; }

.fa-poo:before {
  content: ""; }

.fa-poo-storm:before {
  content: ""; }

.fa-poop:before {
  content: ""; }

.fa-popcorn:before {
  content: ""; }

.fa-portal-enter:before {
  content: "濫"; }

.fa-portal-exit:before {
  content: "藍"; }

.fa-portrait:before {
  content: ""; }

.fa-pound-sign:before {
  content: ""; }

.fa-power-off:before {
  content: ""; }

.fa-pray:before {
  content: ""; }

.fa-praying-hands:before {
  content: ""; }

.fa-prescription:before {
  content: ""; }

.fa-prescription-bottle:before {
  content: ""; }

.fa-prescription-bottle-alt:before {
  content: ""; }

.fa-presentation:before {
  content: ""; }

.fa-print:before {
  content: ""; }

.fa-print-search:before {
  content: ""; }

.fa-print-slash:before {
  content: ""; }

.fa-procedures:before {
  content: ""; }

.fa-product-hunt:before {
  content: ""; }

.fa-project-diagram:before {
  content: ""; }

.fa-projector:before {
  content: ""; }

.fa-pump-medical:before {
  content: "索"; }

.fa-pump-soap:before {
  content: "參"; }

.fa-pumpkin:before {
  content: ""; }

.fa-pushed:before {
  content: ""; }

.fa-puzzle-piece:before {
  content: ""; }

.fa-python:before {
  content: ""; }

.fa-qq:before {
  content: ""; }

.fa-qrcode:before {
  content: ""; }

.fa-question:before {
  content: ""; }

.fa-question-circle:before {
  content: ""; }

.fa-question-square:before {
  content: ""; }

.fa-quidditch:before {
  content: ""; }

.fa-quinscape:before {
  content: ""; }

.fa-quora:before {
  content: ""; }

.fa-quote-left:before {
  content: ""; }

.fa-quote-right:before {
  content: ""; }

.fa-quran:before {
  content: ""; }

.fa-r-project:before {
  content: ""; }

.fa-rabbit:before {
  content: ""; }

.fa-rabbit-fast:before {
  content: ""; }

.fa-racquet:before {
  content: ""; }

.fa-radar:before {
  content: "襤"; }

.fa-radiation:before {
  content: ""; }

.fa-radiation-alt:before {
  content: ""; }

.fa-radio:before {
  content: ""; }

.fa-radio-alt:before {
  content: ""; }

.fa-rainbow:before {
  content: ""; }

.fa-raindrops:before {
  content: ""; }

.fa-ram:before {
  content: ""; }

.fa-ramp-loading:before {
  content: ""; }

.fa-random:before {
  content: ""; }

.fa-raspberry-pi:before {
  content: ""; }

.fa-ravelry:before {
  content: ""; }

.fa-raygun:before {
  content: "拉"; }

.fa-react:before {
  content: ""; }

.fa-reacteurope:before {
  content: ""; }

.fa-readme:before {
  content: ""; }

.fa-rebel:before {
  content: ""; }

.fa-receipt:before {
  content: ""; }

.fa-record-vinyl:before {
  content: ""; }

.fa-rectangle-landscape:before {
  content: ""; }

.fa-rectangle-portrait:before {
  content: ""; }

.fa-rectangle-wide:before {
  content: ""; }

.fa-recycle:before {
  content: ""; }

.fa-red-river:before {
  content: ""; }

.fa-reddit:before {
  content: ""; }

.fa-reddit-alien:before {
  content: ""; }

.fa-reddit-square:before {
  content: ""; }

.fa-redhat:before {
  content: ""; }

.fa-redo:before {
  content: ""; }

.fa-redo-alt:before {
  content: ""; }

.fa-refrigerator:before {
  content: "臘"; }

.fa-registered:before {
  content: ""; }

.fa-remove-format:before {
  content: ""; }

.fa-renren:before {
  content: ""; }

.fa-repeat:before {
  content: ""; }

.fa-repeat-1:before {
  content: ""; }

.fa-repeat-1-alt:before {
  content: ""; }

.fa-repeat-alt:before {
  content: ""; }

.fa-reply:before {
  content: ""; }

.fa-reply-all:before {
  content: ""; }

.fa-replyd:before {
  content: ""; }

.fa-republican:before {
  content: ""; }

.fa-researchgate:before {
  content: ""; }

.fa-resolving:before {
  content: ""; }

.fa-restroom:before {
  content: ""; }

.fa-retweet:before {
  content: ""; }

.fa-retweet-alt:before {
  content: ""; }

.fa-rev:before {
  content: ""; }

.fa-ribbon:before {
  content: ""; }

.fa-ring:before {
  content: ""; }

.fa-rings-wedding:before {
  content: ""; }

.fa-road:before {
  content: ""; }

.fa-robot:before {
  content: ""; }

.fa-rocket:before {
  content: ""; }

.fa-rocket-launch:before {
  content: "蠟"; }

.fa-rocketchat:before {
  content: ""; }

.fa-rockrms:before {
  content: ""; }

.fa-route:before {
  content: ""; }

.fa-route-highway:before {
  content: ""; }

.fa-route-interstate:before {
  content: ""; }

.fa-router:before {
  content: ""; }

.fa-rss:before {
  content: ""; }

.fa-rss-square:before {
  content: ""; }

.fa-ruble-sign:before {
  content: ""; }

.fa-ruler:before {
  content: ""; }

.fa-ruler-combined:before {
  content: ""; }

.fa-ruler-horizontal:before {
  content: ""; }

.fa-ruler-triangle:before {
  content: ""; }

.fa-ruler-vertical:before {
  content: ""; }

.fa-running:before {
  content: ""; }

.fa-rupee-sign:before {
  content: ""; }

.fa-rv:before {
  content: ""; }

.fa-sack:before {
  content: ""; }

.fa-sack-dollar:before {
  content: ""; }

.fa-sad-cry:before {
  content: ""; }

.fa-sad-tear:before {
  content: ""; }

.fa-safari:before {
  content: ""; }

.fa-salad:before {
  content: ""; }

.fa-salesforce:before {
  content: ""; }

.fa-sandwich:before {
  content: ""; }

.fa-sass:before {
  content: ""; }

.fa-satellite:before {
  content: ""; }

.fa-satellite-dish:before {
  content: ""; }

.fa-sausage:before {
  content: ""; }

.fa-save:before {
  content: ""; }

.fa-sax-hot:before {
  content: ""; }

.fa-saxophone:before {
  content: ""; }

.fa-scalpel:before {
  content: ""; }

.fa-scalpel-path:before {
  content: ""; }

.fa-scanner:before {
  content: ""; }

.fa-scanner-image:before {
  content: ""; }

.fa-scanner-keyboard:before {
  content: ""; }

.fa-scanner-touchscreen:before {
  content: ""; }

.fa-scarecrow:before {
  content: ""; }

.fa-scarf:before {
  content: ""; }

.fa-schlix:before {
  content: ""; }

.fa-school:before {
  content: ""; }

.fa-screwdriver:before {
  content: ""; }

.fa-scribd:before {
  content: ""; }

.fa-scroll:before {
  content: ""; }

.fa-scroll-old:before {
  content: ""; }

.fa-scrubber:before {
  content: ""; }

.fa-scythe:before {
  content: ""; }

.fa-sd-card:before {
  content: ""; }

.fa-search:before {
  content: ""; }

.fa-search-dollar:before {
  content: ""; }

.fa-search-location:before {
  content: ""; }

.fa-search-minus:before {
  content: ""; }

.fa-search-plus:before {
  content: ""; }

.fa-searchengin:before {
  content: ""; }

.fa-seedling:before {
  content: ""; }

.fa-sellcast:before {
  content: ""; }

.fa-sellsy:before {
  content: ""; }

.fa-send-back:before {
  content: ""; }

.fa-send-backward:before {
  content: ""; }

.fa-sensor:before {
  content: "廊"; }

.fa-sensor-alert:before {
  content: "朗"; }

.fa-sensor-fire:before {
  content: "浪"; }

.fa-sensor-on:before {
  content: "狼"; }

.fa-sensor-smoke:before {
  content: "郎"; }

.fa-server:before {
  content: ""; }

.fa-servicestack:before {
  content: ""; }

.fa-shapes:before {
  content: ""; }

.fa-share:before {
  content: ""; }

.fa-share-all:before {
  content: ""; }

.fa-share-alt:before {
  content: ""; }

.fa-share-alt-square:before {
  content: ""; }

.fa-share-square:before {
  content: ""; }

.fa-sheep:before {
  content: ""; }

.fa-shekel-sign:before {
  content: ""; }

.fa-shield:before {
  content: ""; }

.fa-shield-alt:before {
  content: ""; }

.fa-shield-check:before {
  content: ""; }

.fa-shield-cross:before {
  content: ""; }

.fa-shield-virus:before {
  content: "塞"; }

.fa-ship:before {
  content: ""; }

.fa-shipping-fast:before {
  content: ""; }

.fa-shipping-timed:before {
  content: ""; }

.fa-shirtsinbulk:before {
  content: ""; }

.fa-shish-kebab:before {
  content: ""; }

.fa-shoe-prints:before {
  content: ""; }

.fa-shopify:before {
  content: "綾"; }

.fa-shopping-bag:before {
  content: ""; }

.fa-shopping-basket:before {
  content: ""; }

.fa-shopping-cart:before {
  content: ""; }

.fa-shopware:before {
  content: ""; }

.fa-shovel:before {
  content: ""; }

.fa-shovel-snow:before {
  content: ""; }

.fa-shower:before {
  content: ""; }

.fa-shredder:before {
  content: ""; }

.fa-shuttle-van:before {
  content: ""; }

.fa-shuttlecock:before {
  content: ""; }

.fa-sickle:before {
  content: ""; }

.fa-sigma:before {
  content: ""; }

.fa-sign:before {
  content: ""; }

.fa-sign-in:before {
  content: ""; }

.fa-sign-in-alt:before {
  content: ""; }

.fa-sign-language:before {
  content: ""; }

.fa-sign-out:before {
  content: ""; }

.fa-sign-out-alt:before {
  content: ""; }

.fa-signal:before {
  content: ""; }

.fa-signal-1:before {
  content: ""; }

.fa-signal-2:before {
  content: ""; }

.fa-signal-3:before {
  content: ""; }

.fa-signal-4:before {
  content: ""; }

.fa-signal-alt:before {
  content: ""; }

.fa-signal-alt-1:before {
  content: ""; }

.fa-signal-alt-2:before {
  content: ""; }

.fa-signal-alt-3:before {
  content: ""; }

.fa-signal-alt-slash:before {
  content: ""; }

.fa-signal-slash:before {
  content: ""; }

.fa-signal-stream:before {
  content: ""; }

.fa-signature:before {
  content: ""; }

.fa-sim-card:before {
  content: ""; }

.fa-simplybuilt:before {
  content: ""; }

.fa-sink:before {
  content: "省"; }

.fa-siren:before {
  content: "來"; }

.fa-siren-on:before {
  content: "冷"; }

.fa-sistrix:before {
  content: ""; }

.fa-sitemap:before {
  content: ""; }

.fa-sith:before {
  content: ""; }

.fa-skating:before {
  content: ""; }

.fa-skeleton:before {
  content: ""; }

.fa-sketch:before {
  content: ""; }

.fa-ski-jump:before {
  content: ""; }

.fa-ski-lift:before {
  content: ""; }

.fa-skiing:before {
  content: ""; }

.fa-skiing-nordic:before {
  content: ""; }

.fa-skull:before {
  content: ""; }

.fa-skull-cow:before {
  content: ""; }

.fa-skull-crossbones:before {
  content: ""; }

.fa-skyatlas:before {
  content: ""; }

.fa-skype:before {
  content: ""; }

.fa-slack:before {
  content: ""; }

.fa-slack-hash:before {
  content: ""; }

.fa-slash:before {
  content: ""; }

.fa-sledding:before {
  content: ""; }

.fa-sleigh:before {
  content: ""; }

.fa-sliders-h:before {
  content: ""; }

.fa-sliders-h-square:before {
  content: ""; }

.fa-sliders-v:before {
  content: ""; }

.fa-sliders-v-square:before {
  content: ""; }

.fa-slideshare:before {
  content: ""; }

.fa-smile:before {
  content: ""; }

.fa-smile-beam:before {
  content: ""; }

.fa-smile-plus:before {
  content: ""; }

.fa-smile-wink:before {
  content: ""; }

.fa-smog:before {
  content: ""; }

.fa-smoke:before {
  content: ""; }

.fa-smoking:before {
  content: ""; }

.fa-smoking-ban:before {
  content: ""; }

.fa-sms:before {
  content: ""; }

.fa-snake:before {
  content: ""; }

.fa-snapchat:before {
  content: ""; }

.fa-snapchat-ghost:before {
  content: ""; }

.fa-snapchat-square:before {
  content: ""; }

.fa-snooze:before {
  content: ""; }

.fa-snow-blowing:before {
  content: ""; }

.fa-snowboarding:before {
  content: ""; }

.fa-snowflake:before {
  content: ""; }

.fa-snowflakes:before {
  content: ""; }

.fa-snowman:before {
  content: ""; }

.fa-snowmobile:before {
  content: ""; }

.fa-snowplow:before {
  content: ""; }

.fa-soap:before {
  content: "葉"; }

.fa-socks:before {
  content: ""; }

.fa-solar-panel:before {
  content: ""; }

.fa-solar-system:before {
  content: "勞"; }

.fa-sort:before {
  content: ""; }

.fa-sort-alpha-down:before {
  content: ""; }

.fa-sort-alpha-down-alt:before {
  content: ""; }

.fa-sort-alpha-up:before {
  content: ""; }

.fa-sort-alpha-up-alt:before {
  content: ""; }

.fa-sort-alt:before {
  content: ""; }

.fa-sort-amount-down:before {
  content: ""; }

.fa-sort-amount-down-alt:before {
  content: ""; }

.fa-sort-amount-up:before {
  content: ""; }

.fa-sort-amount-up-alt:before {
  content: ""; }

.fa-sort-circle:before {
  content: "擄"; }

.fa-sort-circle-down:before {
  content: "櫓"; }

.fa-sort-circle-up:before {
  content: "爐"; }

.fa-sort-down:before {
  content: ""; }

.fa-sort-numeric-down:before {
  content: ""; }

.fa-sort-numeric-down-alt:before {
  content: ""; }

.fa-sort-numeric-up:before {
  content: ""; }

.fa-sort-numeric-up-alt:before {
  content: ""; }

.fa-sort-shapes-down:before {
  content: ""; }

.fa-sort-shapes-down-alt:before {
  content: ""; }

.fa-sort-shapes-up:before {
  content: ""; }

.fa-sort-shapes-up-alt:before {
  content: ""; }

.fa-sort-size-down:before {
  content: ""; }

.fa-sort-size-down-alt:before {
  content: ""; }

.fa-sort-size-up:before {
  content: ""; }

.fa-sort-size-up-alt:before {
  content: ""; }

.fa-sort-up:before {
  content: ""; }

.fa-soundcloud:before {
  content: ""; }

.fa-soup:before {
  content: ""; }

.fa-sourcetree:before {
  content: ""; }

.fa-spa:before {
  content: ""; }

.fa-space-shuttle:before {
  content: ""; }

.fa-space-station-moon:before {
  content: "盧"; }

.fa-space-station-moon-alt:before {
  content: "老"; }

.fa-spade:before {
  content: ""; }

.fa-sparkles:before {
  content: ""; }

.fa-speakap:before {
  content: ""; }

.fa-speaker:before {
  content: ""; }

.fa-speaker-deck:before {
  content: ""; }

.fa-speakers:before {
  content: ""; }

.fa-spell-check:before {
  content: ""; }

.fa-spider:before {
  content: ""; }

.fa-spider-black-widow:before {
  content: ""; }

.fa-spider-web:before {
  content: ""; }

.fa-spinner:before {
  content: ""; }

.fa-spinner-third:before {
  content: ""; }

.fa-splotch:before {
  content: ""; }

.fa-spotify:before {
  content: ""; }

.fa-spray-can:before {
  content: ""; }

.fa-sprinkler:before {
  content: "蘆"; }

.fa-square:before {
  content: ""; }

.fa-square-full:before {
  content: ""; }

.fa-square-root:before {
  content: ""; }

.fa-square-root-alt:before {
  content: ""; }

.fa-squarespace:before {
  content: ""; }

.fa-squirrel:before {
  content: ""; }

.fa-stack-exchange:before {
  content: ""; }

.fa-stack-overflow:before {
  content: ""; }

.fa-stackpath:before {
  content: ""; }

.fa-staff:before {
  content: ""; }

.fa-stamp:before {
  content: ""; }

.fa-star:before {
  content: ""; }

.fa-star-and-crescent:before {
  content: ""; }

.fa-star-christmas:before {
  content: ""; }

.fa-star-exclamation:before {
  content: ""; }

.fa-star-half:before {
  content: ""; }

.fa-star-half-alt:before {
  content: ""; }

.fa-star-of-david:before {
  content: ""; }

.fa-star-of-life:before {
  content: ""; }

.fa-star-shooting:before {
  content: "虜"; }

.fa-starfighter:before {
  content: "路"; }

.fa-starfighter-alt:before {
  content: "露"; }

.fa-stars:before {
  content: ""; }

.fa-starship:before {
  content: "魯"; }

.fa-starship-freighter:before {
  content: "鷺"; }

.fa-staylinked:before {
  content: ""; }

.fa-steak:before {
  content: ""; }

.fa-steam:before {
  content: ""; }

.fa-steam-square:before {
  content: ""; }

.fa-steam-symbol:before {
  content: ""; }

.fa-steering-wheel:before {
  content: ""; }

.fa-step-backward:before {
  content: ""; }

.fa-step-forward:before {
  content: ""; }

.fa-stethoscope:before {
  content: ""; }

.fa-sticker-mule:before {
  content: ""; }

.fa-sticky-note:before {
  content: ""; }

.fa-stocking:before {
  content: ""; }

.fa-stomach:before {
  content: ""; }

.fa-stop:before {
  content: ""; }

.fa-stop-circle:before {
  content: ""; }

.fa-stopwatch:before {
  content: ""; }

.fa-stopwatch-20:before {
  content: "說"; }

.fa-store:before {
  content: ""; }

.fa-store-alt:before {
  content: ""; }

.fa-store-alt-slash:before {
  content: "殺"; }

.fa-store-slash:before {
  content: "辰"; }

.fa-strava:before {
  content: ""; }

.fa-stream:before {
  content: ""; }

.fa-street-view:before {
  content: ""; }

.fa-stretcher:before {
  content: ""; }

.fa-strikethrough:before {
  content: ""; }

.fa-stripe:before {
  content: ""; }

.fa-stripe-s:before {
  content: ""; }

.fa-stroopwafel:before {
  content: ""; }

.fa-studiovinari:before {
  content: ""; }

.fa-stumbleupon:before {
  content: ""; }

.fa-stumbleupon-circle:before {
  content: ""; }

.fa-subscript:before {
  content: ""; }

.fa-subway:before {
  content: ""; }

.fa-suitcase:before {
  content: ""; }

.fa-suitcase-rolling:before {
  content: ""; }

.fa-sun:before {
  content: ""; }

.fa-sun-cloud:before {
  content: ""; }

.fa-sun-dust:before {
  content: ""; }

.fa-sun-haze:before {
  content: ""; }

.fa-sunglasses:before {
  content: ""; }

.fa-sunrise:before {
  content: ""; }

.fa-sunset:before {
  content: ""; }

.fa-superpowers:before {
  content: ""; }

.fa-superscript:before {
  content: ""; }

.fa-supple:before {
  content: ""; }

.fa-surprise:before {
  content: ""; }

.fa-suse:before {
  content: ""; }

.fa-swatchbook:before {
  content: ""; }

.fa-swift:before {
  content: ""; }

.fa-swimmer:before {
  content: ""; }

.fa-swimming-pool:before {
  content: ""; }

.fa-sword:before {
  content: ""; }

.fa-sword-laser:before {
  content: "碌"; }

.fa-sword-laser-alt:before {
  content: "祿"; }

.fa-swords:before {
  content: ""; }

.fa-swords-laser:before {
  content: "綠"; }

.fa-symfony:before {
  content: ""; }

.fa-synagogue:before {
  content: ""; }

.fa-sync:before {
  content: ""; }

.fa-sync-alt:before {
  content: ""; }

.fa-syringe:before {
  content: ""; }

.fa-table:before {
  content: ""; }

.fa-table-tennis:before {
  content: ""; }

.fa-tablet:before {
  content: ""; }

.fa-tablet-alt:before {
  content: ""; }

.fa-tablet-android:before {
  content: ""; }

.fa-tablet-android-alt:before {
  content: ""; }

.fa-tablet-rugged:before {
  content: ""; }

.fa-tablets:before {
  content: ""; }

.fa-tachometer:before {
  content: ""; }

.fa-tachometer-alt:before {
  content: ""; }

.fa-tachometer-alt-average:before {
  content: ""; }

.fa-tachometer-alt-fast:before {
  content: ""; }

.fa-tachometer-alt-fastest:before {
  content: ""; }

.fa-tachometer-alt-slow:before {
  content: ""; }

.fa-tachometer-alt-slowest:before {
  content: ""; }

.fa-tachometer-average:before {
  content: ""; }

.fa-tachometer-fast:before {
  content: ""; }

.fa-tachometer-fastest:before {
  content: ""; }

.fa-tachometer-slow:before {
  content: ""; }

.fa-tachometer-slowest:before {
  content: ""; }

.fa-taco:before {
  content: ""; }

.fa-tag:before {
  content: ""; }

.fa-tags:before {
  content: ""; }

.fa-tally:before {
  content: ""; }

.fa-tanakh:before {
  content: ""; }

.fa-tape:before {
  content: ""; }

.fa-tasks:before {
  content: ""; }

.fa-tasks-alt:before {
  content: ""; }

.fa-taxi:before {
  content: ""; }

.fa-teamspeak:before {
  content: ""; }

.fa-teeth:before {
  content: ""; }

.fa-teeth-open:before {
  content: ""; }

.fa-telegram:before {
  content: ""; }

.fa-telegram-plane:before {
  content: ""; }

.fa-telescope:before {
  content: "菉"; }

.fa-temperature-down:before {
  content: "錄"; }

.fa-temperature-frigid:before {
  content: ""; }

.fa-temperature-high:before {
  content: ""; }

.fa-temperature-hot:before {
  content: ""; }

.fa-temperature-low:before {
  content: ""; }

.fa-temperature-up:before {
  content: "鹿"; }

.fa-tencent-weibo:before {
  content: ""; }

.fa-tenge:before {
  content: ""; }

.fa-tennis-ball:before {
  content: ""; }

.fa-terminal:before {
  content: ""; }

.fa-text:before {
  content: ""; }

.fa-text-height:before {
  content: ""; }

.fa-text-size:before {
  content: ""; }

.fa-text-width:before {
  content: ""; }

.fa-th:before {
  content: ""; }

.fa-th-large:before {
  content: ""; }

.fa-th-list:before {
  content: ""; }

.fa-the-red-yeti:before {
  content: ""; }

.fa-theater-masks:before {
  content: ""; }

.fa-themeco:before {
  content: ""; }

.fa-themeisle:before {
  content: ""; }

.fa-thermometer:before {
  content: ""; }

.fa-thermometer-empty:before {
  content: ""; }

.fa-thermometer-full:before {
  content: ""; }

.fa-thermometer-half:before {
  content: ""; }

.fa-thermometer-quarter:before {
  content: ""; }

.fa-thermometer-three-quarters:before {
  content: ""; }

.fa-theta:before {
  content: ""; }

.fa-think-peaks:before {
  content: ""; }

.fa-thumbs-down:before {
  content: ""; }

.fa-thumbs-up:before {
  content: ""; }

.fa-thumbtack:before {
  content: ""; }

.fa-thunderstorm:before {
  content: ""; }

.fa-thunderstorm-moon:before {
  content: ""; }

.fa-thunderstorm-sun:before {
  content: ""; }

.fa-ticket:before {
  content: ""; }

.fa-ticket-alt:before {
  content: ""; }

.fa-tilde:before {
  content: ""; }

.fa-times:before {
  content: ""; }

.fa-times-circle:before {
  content: ""; }

.fa-times-hexagon:before {
  content: ""; }

.fa-times-octagon:before {
  content: ""; }

.fa-times-square:before {
  content: ""; }

.fa-tint:before {
  content: ""; }

.fa-tint-slash:before {
  content: ""; }

.fa-tire:before {
  content: ""; }

.fa-tire-flat:before {
  content: ""; }

.fa-tire-pressure-warning:before {
  content: ""; }

.fa-tire-rugged:before {
  content: ""; }

.fa-tired:before {
  content: ""; }

.fa-toggle-off:before {
  content: ""; }

.fa-toggle-on:before {
  content: ""; }

.fa-toilet:before {
  content: ""; }

.fa-toilet-paper:before {
  content: ""; }

.fa-toilet-paper-alt:before {
  content: ""; }

.fa-toilet-paper-slash:before {
  content: "沈"; }

.fa-tombstone:before {
  content: ""; }

.fa-tombstone-alt:before {
  content: ""; }

.fa-toolbox:before {
  content: ""; }

.fa-tools:before {
  content: ""; }

.fa-tooth:before {
  content: ""; }

.fa-toothbrush:before {
  content: ""; }

.fa-torah:before {
  content: ""; }

.fa-torii-gate:before {
  content: ""; }

.fa-tornado:before {
  content: ""; }

.fa-tractor:before {
  content: ""; }

.fa-trade-federation:before {
  content: ""; }

.fa-trademark:before {
  content: ""; }

.fa-traffic-cone:before {
  content: ""; }

.fa-traffic-light:before {
  content: ""; }

.fa-traffic-light-go:before {
  content: ""; }

.fa-traffic-light-slow:before {
  content: ""; }

.fa-traffic-light-stop:before {
  content: ""; }

.fa-trailer:before {
  content: "論"; }

.fa-train:before {
  content: ""; }

.fa-tram:before {
  content: ""; }

.fa-transgender:before {
  content: ""; }

.fa-transgender-alt:before {
  content: ""; }

.fa-transporter:before {
  content: "壟"; }

.fa-transporter-1:before {
  content: "弄"; }

.fa-transporter-2:before {
  content: "籠"; }

.fa-transporter-3:before {
  content: "聾"; }

.fa-transporter-empty:before {
  content: "牢"; }

.fa-trash:before {
  content: ""; }

.fa-trash-alt:before {
  content: ""; }

.fa-trash-restore:before {
  content: ""; }

.fa-trash-restore-alt:before {
  content: ""; }

.fa-trash-undo:before {
  content: ""; }

.fa-trash-undo-alt:before {
  content: ""; }

.fa-treasure-chest:before {
  content: ""; }

.fa-tree:before {
  content: ""; }

.fa-tree-alt:before {
  content: ""; }

.fa-tree-christmas:before {
  content: ""; }

.fa-tree-decorated:before {
  content: ""; }

.fa-tree-large:before {
  content: ""; }

.fa-tree-palm:before {
  content: ""; }

.fa-trees:before {
  content: ""; }

.fa-trello:before {
  content: ""; }

.fa-triangle:before {
  content: ""; }

.fa-triangle-music:before {
  content: ""; }

.fa-tripadvisor:before {
  content: ""; }

.fa-trophy:before {
  content: ""; }

.fa-trophy-alt:before {
  content: ""; }

.fa-truck:before {
  content: ""; }

.fa-truck-container:before {
  content: ""; }

.fa-truck-couch:before {
  content: ""; }

.fa-truck-loading:before {
  content: ""; }

.fa-truck-monster:before {
  content: ""; }

.fa-truck-moving:before {
  content: ""; }

.fa-truck-pickup:before {
  content: ""; }

.fa-truck-plow:before {
  content: ""; }

.fa-truck-ramp:before {
  content: ""; }

.fa-trumpet:before {
  content: ""; }

.fa-tshirt:before {
  content: ""; }

.fa-tty:before {
  content: ""; }

.fa-tumblr:before {
  content: ""; }

.fa-tumblr-square:before {
  content: ""; }

.fa-turkey:before {
  content: ""; }

.fa-turntable:before {
  content: ""; }

.fa-turtle:before {
  content: ""; }

.fa-tv:before {
  content: ""; }

.fa-tv-alt:before {
  content: ""; }

.fa-tv-music:before {
  content: ""; }

.fa-tv-retro:before {
  content: ""; }

.fa-twitch:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-typewriter:before {
  content: ""; }

.fa-typo3:before {
  content: ""; }

.fa-uber:before {
  content: ""; }

.fa-ubuntu:before {
  content: ""; }

.fa-ufo:before {
  content: "磊"; }

.fa-ufo-beam:before {
  content: "賂"; }

.fa-uikit:before {
  content: ""; }

.fa-umbraco:before {
  content: ""; }

.fa-umbrella:before {
  content: ""; }

.fa-umbrella-beach:before {
  content: ""; }

.fa-underline:before {
  content: ""; }

.fa-undo:before {
  content: ""; }

.fa-undo-alt:before {
  content: ""; }

.fa-unicorn:before {
  content: ""; }

.fa-union:before {
  content: ""; }

.fa-uniregistry:before {
  content: ""; }

.fa-unity:before {
  content: "雷"; }

.fa-universal-access:before {
  content: ""; }

.fa-university:before {
  content: ""; }

.fa-unlink:before {
  content: ""; }

.fa-unlock:before {
  content: ""; }

.fa-unlock-alt:before {
  content: ""; }

.fa-untappd:before {
  content: ""; }

.fa-upload:before {
  content: ""; }

.fa-ups:before {
  content: ""; }

.fa-usb:before {
  content: ""; }

.fa-usb-drive:before {
  content: ""; }

.fa-usd-circle:before {
  content: ""; }

.fa-usd-square:before {
  content: ""; }

.fa-user:before {
  content: ""; }

.fa-user-alien:before {
  content: "壘"; }

.fa-user-alt:before {
  content: ""; }

.fa-user-alt-slash:before {
  content: ""; }

.fa-user-astronaut:before {
  content: ""; }

.fa-user-chart:before {
  content: ""; }

.fa-user-check:before {
  content: ""; }

.fa-user-circle:before {
  content: ""; }

.fa-user-clock:before {
  content: ""; }

.fa-user-cog:before {
  content: ""; }

.fa-user-cowboy:before {
  content: ""; }

.fa-user-crown:before {
  content: ""; }

.fa-user-edit:before {
  content: ""; }

.fa-user-friends:before {
  content: ""; }

.fa-user-graduate:before {
  content: ""; }

.fa-user-hard-hat:before {
  content: ""; }

.fa-user-headset:before {
  content: ""; }

.fa-user-injured:before {
  content: ""; }

.fa-user-lock:before {
  content: ""; }

.fa-user-md:before {
  content: ""; }

.fa-user-md-chat:before {
  content: ""; }

.fa-user-minus:before {
  content: ""; }

.fa-user-music:before {
  content: ""; }

.fa-user-ninja:before {
  content: ""; }

.fa-user-nurse:before {
  content: ""; }

.fa-user-plus:before {
  content: ""; }

.fa-user-robot:before {
  content: "屢"; }

.fa-user-secret:before {
  content: ""; }

.fa-user-shield:before {
  content: ""; }

.fa-user-slash:before {
  content: ""; }

.fa-user-tag:before {
  content: ""; }

.fa-user-tie:before {
  content: ""; }

.fa-user-times:before {
  content: ""; }

.fa-user-unlock:before {
  content: "菱"; }

.fa-user-visor:before {
  content: "樓"; }

.fa-users:before {
  content: ""; }

.fa-users-class:before {
  content: ""; }

.fa-users-cog:before {
  content: ""; }

.fa-users-crown:before {
  content: ""; }

.fa-users-medical:before {
  content: ""; }

.fa-users-slash:before {
  content: "拾"; }

.fa-usps:before {
  content: ""; }

.fa-ussunnah:before {
  content: ""; }

.fa-utensil-fork:before {
  content: ""; }

.fa-utensil-knife:before {
  content: ""; }

.fa-utensil-spoon:before {
  content: ""; }

.fa-utensils:before {
  content: ""; }

.fa-utensils-alt:before {
  content: ""; }

.fa-vaadin:before {
  content: ""; }

.fa-vacuum:before {
  content: "淚"; }

.fa-vacuum-robot:before {
  content: "漏"; }

.fa-value-absolute:before {
  content: ""; }

.fa-vector-square:before {
  content: ""; }

.fa-venus:before {
  content: ""; }

.fa-venus-double:before {
  content: ""; }

.fa-venus-mars:before {
  content: ""; }

.fa-vhs:before {
  content: ""; }

.fa-viacoin:before {
  content: ""; }

.fa-viadeo:before {
  content: ""; }

.fa-viadeo-square:before {
  content: ""; }

.fa-vial:before {
  content: ""; }

.fa-vials:before {
  content: ""; }

.fa-viber:before {
  content: ""; }

.fa-video:before {
  content: ""; }

.fa-video-plus:before {
  content: ""; }

.fa-video-slash:before {
  content: ""; }

.fa-vihara:before {
  content: ""; }

.fa-vimeo:before {
  content: ""; }

.fa-vimeo-square:before {
  content: ""; }

.fa-vimeo-v:before {
  content: ""; }

.fa-vine:before {
  content: ""; }

.fa-violin:before {
  content: ""; }

.fa-virus:before {
  content: "若"; }

.fa-virus-slash:before {
  content: "掠"; }

.fa-viruses:before {
  content: "略"; }

.fa-vk:before {
  content: ""; }

.fa-vnv:before {
  content: ""; }

.fa-voicemail:before {
  content: ""; }

.fa-volcano:before {
  content: ""; }

.fa-volleyball-ball:before {
  content: ""; }

.fa-volume:before {
  content: ""; }

.fa-volume-down:before {
  content: ""; }

.fa-volume-mute:before {
  content: ""; }

.fa-volume-off:before {
  content: ""; }

.fa-volume-slash:before {
  content: ""; }

.fa-volume-up:before {
  content: ""; }

.fa-vote-nay:before {
  content: ""; }

.fa-vote-yea:before {
  content: ""; }

.fa-vr-cardboard:before {
  content: ""; }

.fa-vuejs:before {
  content: ""; }

.fa-wagon-covered:before {
  content: ""; }

.fa-walker:before {
  content: ""; }

.fa-walkie-talkie:before {
  content: ""; }

.fa-walking:before {
  content: ""; }

.fa-wallet:before {
  content: ""; }

.fa-wand:before {
  content: ""; }

.fa-wand-magic:before {
  content: ""; }

.fa-warehouse:before {
  content: ""; }

.fa-warehouse-alt:before {
  content: ""; }

.fa-washer:before {
  content: ""; }

.fa-watch:before {
  content: ""; }

.fa-watch-calculator:before {
  content: ""; }

.fa-watch-fitness:before {
  content: ""; }

.fa-water:before {
  content: ""; }

.fa-water-lower:before {
  content: ""; }

.fa-water-rise:before {
  content: ""; }

.fa-wave-sine:before {
  content: ""; }

.fa-wave-square:before {
  content: ""; }

.fa-wave-triangle:before {
  content: ""; }

.fa-waveform:before {
  content: ""; }

.fa-waveform-path:before {
  content: ""; }

.fa-waze:before {
  content: ""; }

.fa-webcam:before {
  content: ""; }

.fa-webcam-slash:before {
  content: ""; }

.fa-weebly:before {
  content: ""; }

.fa-weibo:before {
  content: ""; }

.fa-weight:before {
  content: ""; }

.fa-weight-hanging:before {
  content: ""; }

.fa-weixin:before {
  content: ""; }

.fa-whale:before {
  content: ""; }

.fa-whatsapp:before {
  content: ""; }

.fa-whatsapp-square:before {
  content: ""; }

.fa-wheat:before {
  content: ""; }

.fa-wheelchair:before {
  content: ""; }

.fa-whistle:before {
  content: ""; }

.fa-whmcs:before {
  content: ""; }

.fa-wifi:before {
  content: ""; }

.fa-wifi-1:before {
  content: ""; }

.fa-wifi-2:before {
  content: ""; }

.fa-wifi-slash:before {
  content: ""; }

.fa-wikipedia-w:before {
  content: ""; }

.fa-wind:before {
  content: ""; }

.fa-wind-turbine:before {
  content: ""; }

.fa-wind-warning:before {
  content: ""; }

.fa-window:before {
  content: ""; }

.fa-window-alt:before {
  content: ""; }

.fa-window-close:before {
  content: ""; }

.fa-window-frame:before {
  content: "累"; }

.fa-window-frame-open:before {
  content: "縷"; }

.fa-window-maximize:before {
  content: ""; }

.fa-window-minimize:before {
  content: ""; }

.fa-window-restore:before {
  content: ""; }

.fa-windows:before {
  content: ""; }

.fa-windsock:before {
  content: ""; }

.fa-wine-bottle:before {
  content: ""; }

.fa-wine-glass:before {
  content: ""; }

.fa-wine-glass-alt:before {
  content: ""; }

.fa-wix:before {
  content: ""; }

.fa-wizards-of-the-coast:before {
  content: ""; }

.fa-wolf-pack-battalion:before {
  content: ""; }

.fa-won-sign:before {
  content: ""; }

.fa-wordpress:before {
  content: ""; }

.fa-wordpress-simple:before {
  content: ""; }

.fa-wpbeginner:before {
  content: ""; }

.fa-wpexplorer:before {
  content: ""; }

.fa-wpforms:before {
  content: ""; }

.fa-wpressr:before {
  content: ""; }

.fa-wreath:before {
  content: ""; }

.fa-wrench:before {
  content: ""; }

.fa-x-ray:before {
  content: ""; }

.fa-xbox:before {
  content: ""; }

.fa-xing:before {
  content: ""; }

.fa-xing-square:before {
  content: ""; }

.fa-y-combinator:before {
  content: ""; }

.fa-yahoo:before {
  content: ""; }

.fa-yammer:before {
  content: ""; }

.fa-yandex:before {
  content: ""; }

.fa-yandex-international:before {
  content: ""; }

.fa-yarn:before {
  content: ""; }

.fa-yelp:before {
  content: ""; }

.fa-yen-sign:before {
  content: ""; }

.fa-yin-yang:before {
  content: ""; }

.fa-yoast:before {
  content: ""; }

.fa-youtube:before {
  content: ""; }

.fa-youtube-square:before {
  content: ""; }

.fa-zhihu:before {
  content: ""; }

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*!
 * Font Awesome Pro 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../../lib/font-awesome-5.13.0/webfonts/fa-brands-400.eot");
  src: url("../../lib/font-awesome-5.13.0/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../../lib/font-awesome-5.13.0/webfonts/fa-brands-400.woff2") format("woff2"), url("../../lib/font-awesome-5.13.0/webfonts/fa-brands-400.woff") format("woff"), url("../../lib/font-awesome-5.13.0/webfonts/fa-brands-400.ttf") format("truetype"), url("../../lib/font-awesome-5.13.0/webfonts/fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

/*!
 * Font Awesome Pro 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("../../lib/font-awesome-5.13.0/webfonts/fa-light-300.eot");
  src: url("../../lib/font-awesome-5.13.0/webfonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../../lib/font-awesome-5.13.0/webfonts/fa-light-300.woff2") format("woff2"), url("../../lib/font-awesome-5.13.0/webfonts/fa-light-300.woff") format("woff"), url("../../lib/font-awesome-5.13.0/webfonts/fa-light-300.ttf") format("truetype"), url("../../lib/font-awesome-5.13.0/webfonts/fa-light-300.svg#fontawesome") format("svg"); }


.fal,
[class*='fa-']:not(.fab) {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300; }

/*!
 * Font Awesome Pro 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../../lib/font-awesome-5.13.0/webfonts/fa-regular-400.eot");
  src: url("../../lib/font-awesome-5.13.0/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../../lib/font-awesome-5.13.0/webfonts/fa-regular-400.woff2") format("woff2"), url("../../lib/font-awesome-5.13.0/webfonts/fa-regular-400.woff") format("woff"), url("../../lib/font-awesome-5.13.0/webfonts/fa-regular-400.ttf") format("truetype"), url("../../lib/font-awesome-5.13.0/webfonts/fa-regular-400.svg#fontawesome") format("svg"); }


.far,
[class~='far']:not(.fab) {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

/*!
 * Font Awesome Pro 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../../lib/font-awesome-5.13.0/webfonts/fa-solid-900.eot");
  src: url("../../lib/font-awesome-5.13.0/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../../lib/font-awesome-5.13.0/webfonts/fa-solid-900.woff2") format("woff2"), url("../../lib/font-awesome-5.13.0/webfonts/fa-solid-900.woff") format("woff"), url("../../lib/font-awesome-5.13.0/webfonts/fa-solid-900.ttf") format("truetype"), url("../../lib/font-awesome-5.13.0/webfonts/fa-solid-900.svg#fontawesome") format("svg"); }

.fa,
.fas,
[class~='fas']:not(.fab) {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900; }

/*!
 * Font Awesome Pro 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
  font-family: 'Font Awesome 5 Duotone';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../../lib/font-awesome-5.13.0/webfonts/fa-duotone-900.eot");
  src: url("../../lib/font-awesome-5.13.0/webfonts/fa-duotone-900.eot?#iefix") format("embedded-opentype"), url("../../lib/font-awesome-5.13.0/webfonts/fa-duotone-900.woff2") format("woff2"), url("../../lib/font-awesome-5.13.0/webfonts/fa-duotone-900.woff") format("woff"), url("../../lib/font-awesome-5.13.0/webfonts/fa-duotone-900.ttf") format("truetype"), url("../../lib/font-awesome-5.13.0/webfonts/fa-duotone-900.svg#fontawesome") format("svg"); }

.fad {
  position: relative;
  font-family: 'Font Awesome 5 Duotone';
  font-weight: 900; }

.fad:before {
  position: absolute;
  color: var(--fa-primary-color, inherit);
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1); }

.fad:after {
  color: var(--fa-secondary-color, inherit);
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4); }

.fa-swap-opacity .fad:before,
.fad.fa-swap-opacity:before {
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4); }

.fa-swap-opacity .fad:after,
.fad.fa-swap-opacity:after {
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1); }

.fad.fa-inverse {
  color: #fff; }

.fad.fa-stack-1x, .fad.fa-stack-2x {
  position: absolute; }

.fad.fa-stack-1x:before,
.fad.fa-stack-2x:before,
.fad.fa-fw:before {
  left: 50%;
  transform: translateX(-50%); }

.fad.fa-abacus:after {
  content: "\10f640"; }

.fad.fa-acorn:after {
  content: "\10f6ae"; }

.fad.fa-ad:after {
  content: "\10f641"; }

.fad.fa-address-book:after {
  content: "\10f2b9"; }

.fad.fa-address-card:after {
  content: "\10f2bb"; }

.fad.fa-adjust:after {
  content: "\10f042"; }

.fad.fa-air-conditioner:after {
  content: "\10f8f4"; }

.fad.fa-air-freshener:after {
  content: "\10f5d0"; }

.fad.fa-alarm-clock:after {
  content: "\10f34e"; }

.fad.fa-alarm-exclamation:after {
  content: "\10f843"; }

.fad.fa-alarm-plus:after {
  content: "\10f844"; }

.fad.fa-alarm-snooze:after {
  content: "\10f845"; }

.fad.fa-album:after {
  content: "\10f89f"; }

.fad.fa-album-collection:after {
  content: "\10f8a0"; }

.fad.fa-alicorn:after {
  content: "\10f6b0"; }

.fad.fa-alien:after {
  content: "\10f8f5"; }

.fad.fa-alien-monster:after {
  content: "\10f8f6"; }

.fad.fa-align-center:after {
  content: "\10f037"; }

.fad.fa-align-justify:after {
  content: "\10f039"; }

.fad.fa-align-left:after {
  content: "\10f036"; }

.fad.fa-align-right:after {
  content: "\10f038"; }

.fad.fa-align-slash:after {
  content: "\10f846"; }

.fad.fa-allergies:after {
  content: "\10f461"; }

.fad.fa-ambulance:after {
  content: "\10f0f9"; }

.fad.fa-american-sign-language-interpreting:after {
  content: "\10f2a3"; }

.fad.fa-amp-guitar:after {
  content: "\10f8a1"; }

.fad.fa-analytics:after {
  content: "\10f643"; }

.fad.fa-anchor:after {
  content: "\10f13d"; }

.fad.fa-angel:after {
  content: "\10f779"; }

.fad.fa-angle-double-down:after {
  content: "\10f103"; }

.fad.fa-angle-double-left:after {
  content: "\10f100"; }

.fad.fa-angle-double-right:after {
  content: "\10f101"; }

.fad.fa-angle-double-up:after {
  content: "\10f102"; }

.fad.fa-angle-down:after {
  content: "\10f107"; }

.fad.fa-angle-left:after {
  content: "\10f104"; }

.fad.fa-angle-right:after {
  content: "\10f105"; }

.fad.fa-angle-up:after {
  content: "\10f106"; }

.fad.fa-angry:after {
  content: "\10f556"; }

.fad.fa-ankh:after {
  content: "\10f644"; }

.fad.fa-apple-alt:after {
  content: "\10f5d1"; }

.fad.fa-apple-crate:after {
  content: "\10f6b1"; }

.fad.fa-archive:after {
  content: "\10f187"; }

.fad.fa-archway:after {
  content: "\10f557"; }

.fad.fa-arrow-alt-circle-down:after {
  content: "\10f358"; }

.fad.fa-arrow-alt-circle-left:after {
  content: "\10f359"; }

.fad.fa-arrow-alt-circle-right:after {
  content: "\10f35a"; }

.fad.fa-arrow-alt-circle-up:after {
  content: "\10f35b"; }

.fad.fa-arrow-alt-down:after {
  content: "\10f354"; }

.fad.fa-arrow-alt-from-bottom:after {
  content: "\10f346"; }

.fad.fa-arrow-alt-from-left:after {
  content: "\10f347"; }

.fad.fa-arrow-alt-from-right:after {
  content: "\10f348"; }

.fad.fa-arrow-alt-from-top:after {
  content: "\10f349"; }

.fad.fa-arrow-alt-left:after {
  content: "\10f355"; }

.fad.fa-arrow-alt-right:after {
  content: "\10f356"; }

.fad.fa-arrow-alt-square-down:after {
  content: "\10f350"; }

.fad.fa-arrow-alt-square-left:after {
  content: "\10f351"; }

.fad.fa-arrow-alt-square-right:after {
  content: "\10f352"; }

.fad.fa-arrow-alt-square-up:after {
  content: "\10f353"; }

.fad.fa-arrow-alt-to-bottom:after {
  content: "\10f34a"; }

.fad.fa-arrow-alt-to-left:after {
  content: "\10f34b"; }

.fad.fa-arrow-alt-to-right:after {
  content: "\10f34c"; }

.fad.fa-arrow-alt-to-top:after {
  content: "\10f34d"; }

.fad.fa-arrow-alt-up:after {
  content: "\10f357"; }

.fad.fa-arrow-circle-down:after {
  content: "\10f0ab"; }

.fad.fa-arrow-circle-left:after {
  content: "\10f0a8"; }

.fad.fa-arrow-circle-right:after {
  content: "\10f0a9"; }

.fad.fa-arrow-circle-up:after {
  content: "\10f0aa"; }

.fad.fa-arrow-down:after {
  content: "\10f063"; }

.fad.fa-arrow-from-bottom:after {
  content: "\10f342"; }

.fad.fa-arrow-from-left:after {
  content: "\10f343"; }

.fad.fa-arrow-from-right:after {
  content: "\10f344"; }

.fad.fa-arrow-from-top:after {
  content: "\10f345"; }

.fad.fa-arrow-left:after {
  content: "\10f060"; }

.fad.fa-arrow-right:after {
  content: "\10f061"; }

.fad.fa-arrow-square-down:after {
  content: "\10f339"; }

.fad.fa-arrow-square-left:after {
  content: "\10f33a"; }

.fad.fa-arrow-square-right:after {
  content: "\10f33b"; }

.fad.fa-arrow-square-up:after {
  content: "\10f33c"; }

.fad.fa-arrow-to-bottom:after {
  content: "\10f33d"; }

.fad.fa-arrow-to-left:after {
  content: "\10f33e"; }

.fad.fa-arrow-to-right:after {
  content: "\10f340"; }

.fad.fa-arrow-to-top:after {
  content: "\10f341"; }

.fad.fa-arrow-up:after {
  content: "\10f062"; }

.fad.fa-arrows:after {
  content: "\10f047"; }

.fad.fa-arrows-alt:after {
  content: "\10f0b2"; }

.fad.fa-arrows-alt-h:after {
  content: "\10f337"; }

.fad.fa-arrows-alt-v:after {
  content: "\10f338"; }

.fad.fa-arrows-h:after {
  content: "\10f07e"; }

.fad.fa-arrows-v:after {
  content: "\10f07d"; }

.fad.fa-assistive-listening-systems:after {
  content: "\10f2a2"; }

.fad.fa-asterisk:after {
  content: "\10f069"; }

.fad.fa-at:after {
  content: "\10f1fa"; }

.fad.fa-atlas:after {
  content: "\10f558"; }

.fad.fa-atom:after {
  content: "\10f5d2"; }

.fad.fa-atom-alt:after {
  content: "\10f5d3"; }

.fad.fa-audio-description:after {
  content: "\10f29e"; }

.fad.fa-award:after {
  content: "\10f559"; }

.fad.fa-axe:after {
  content: "\10f6b2"; }

.fad.fa-axe-battle:after {
  content: "\10f6b3"; }

.fad.fa-baby:after {
  content: "\10f77c"; }

.fad.fa-baby-carriage:after {
  content: "\10f77d"; }

.fad.fa-backpack:after {
  content: "\10f5d4"; }

.fad.fa-backspace:after {
  content: "\10f55a"; }

.fad.fa-backward:after {
  content: "\10f04a"; }

.fad.fa-bacon:after {
  content: "\10f7e5"; }

.fad.fa-bacteria:after {
  content: "\10f959"; }

.fad.fa-bacterium:after {
  content: "\10f95a"; }

.fad.fa-badge:after {
  content: "\10f335"; }

.fad.fa-badge-check:after {
  content: "\10f336"; }

.fad.fa-badge-dollar:after {
  content: "\10f645"; }

.fad.fa-badge-percent:after {
  content: "\10f646"; }

.fad.fa-badge-sheriff:after {
  content: "\10f8a2"; }

.fad.fa-badger-honey:after {
  content: "\10f6b4"; }

.fad.fa-bags-shopping:after {
  content: "\10f847"; }

.fad.fa-bahai:after {
  content: "\10f666"; }

.fad.fa-balance-scale:after {
  content: "\10f24e"; }

.fad.fa-balance-scale-left:after {
  content: "\10f515"; }

.fad.fa-balance-scale-right:after {
  content: "\10f516"; }

.fad.fa-ball-pile:after {
  content: "\10f77e"; }

.fad.fa-ballot:after {
  content: "\10f732"; }

.fad.fa-ballot-check:after {
  content: "\10f733"; }

.fad.fa-ban:after {
  content: "\10f05e"; }

.fad.fa-band-aid:after {
  content: "\10f462"; }

.fad.fa-banjo:after {
  content: "\10f8a3"; }

.fad.fa-barcode:after {
  content: "\10f02a"; }

.fad.fa-barcode-alt:after {
  content: "\10f463"; }

.fad.fa-barcode-read:after {
  content: "\10f464"; }

.fad.fa-barcode-scan:after {
  content: "\10f465"; }

.fad.fa-bars:after {
  content: "\10f0c9"; }

.fad.fa-baseball:after {
  content: "\10f432"; }

.fad.fa-baseball-ball:after {
  content: "\10f433"; }

.fad.fa-basketball-ball:after {
  content: "\10f434"; }

.fad.fa-basketball-hoop:after {
  content: "\10f435"; }

.fad.fa-bat:after {
  content: "\10f6b5"; }

.fad.fa-bath:after {
  content: "\10f2cd"; }

.fad.fa-battery-bolt:after {
  content: "\10f376"; }

.fad.fa-battery-empty:after {
  content: "\10f244"; }

.fad.fa-battery-full:after {
  content: "\10f240"; }

.fad.fa-battery-half:after {
  content: "\10f242"; }

.fad.fa-battery-quarter:after {
  content: "\10f243"; }

.fad.fa-battery-slash:after {
  content: "\10f377"; }

.fad.fa-battery-three-quarters:after {
  content: "\10f241"; }

.fad.fa-bed:after {
  content: "\10f236"; }

.fad.fa-bed-alt:after {
  content: "\10f8f7"; }

.fad.fa-bed-bunk:after {
  content: "\10f8f8"; }

.fad.fa-bed-empty:after {
  content: "\10f8f9"; }

.fad.fa-beer:after {
  content: "\10f0fc"; }

.fad.fa-bell:after {
  content: "\10f0f3"; }

.fad.fa-bell-exclamation:after {
  content: "\10f848"; }

.fad.fa-bell-on:after {
  content: "\10f8fa"; }

.fad.fa-bell-plus:after {
  content: "\10f849"; }

.fad.fa-bell-school:after {
  content: "\10f5d5"; }

.fad.fa-bell-school-slash:after {
  content: "\10f5d6"; }

.fad.fa-bell-slash:after {
  content: "\10f1f6"; }

.fad.fa-bells:after {
  content: "\10f77f"; }

.fad.fa-betamax:after {
  content: "\10f8a4"; }

.fad.fa-bezier-curve:after {
  content: "\10f55b"; }

.fad.fa-bible:after {
  content: "\10f647"; }

.fad.fa-bicycle:after {
  content: "\10f206"; }

.fad.fa-biking:after {
  content: "\10f84a"; }

.fad.fa-biking-mountain:after {
  content: "\10f84b"; }

.fad.fa-binoculars:after {
  content: "\10f1e5"; }

.fad.fa-biohazard:after {
  content: "\10f780"; }

.fad.fa-birthday-cake:after {
  content: "\10f1fd"; }

.fad.fa-blanket:after {
  content: "\10f498"; }

.fad.fa-blender:after {
  content: "\10f517"; }

.fad.fa-blender-phone:after {
  content: "\10f6b6"; }

.fad.fa-blind:after {
  content: "\10f29d"; }

.fad.fa-blinds:after {
  content: "\10f8fb"; }

.fad.fa-blinds-open:after {
  content: "\10f8fc"; }

.fad.fa-blinds-raised:after {
  content: "\10f8fd"; }

.fad.fa-blog:after {
  content: "\10f781"; }

.fad.fa-bold:after {
  content: "\10f032"; }

.fad.fa-bolt:after {
  content: "\10f0e7"; }

.fad.fa-bomb:after {
  content: "\10f1e2"; }

.fad.fa-bone:after {
  content: "\10f5d7"; }

.fad.fa-bone-break:after {
  content: "\10f5d8"; }

.fad.fa-bong:after {
  content: "\10f55c"; }

.fad.fa-book:after {
  content: "\10f02d"; }

.fad.fa-book-alt:after {
  content: "\10f5d9"; }

.fad.fa-book-dead:after {
  content: "\10f6b7"; }

.fad.fa-book-heart:after {
  content: "\10f499"; }

.fad.fa-book-medical:after {
  content: "\10f7e6"; }

.fad.fa-book-open:after {
  content: "\10f518"; }

.fad.fa-book-reader:after {
  content: "\10f5da"; }

.fad.fa-book-spells:after {
  content: "\10f6b8"; }

.fad.fa-book-user:after {
  content: "\10f7e7"; }

.fad.fa-bookmark:after {
  content: "\10f02e"; }

.fad.fa-books:after {
  content: "\10f5db"; }

.fad.fa-books-medical:after {
  content: "\10f7e8"; }

.fad.fa-boombox:after {
  content: "\10f8a5"; }

.fad.fa-boot:after {
  content: "\10f782"; }

.fad.fa-booth-curtain:after {
  content: "\10f734"; }

.fad.fa-border-all:after {
  content: "\10f84c"; }

.fad.fa-border-bottom:after {
  content: "\10f84d"; }

.fad.fa-border-center-h:after {
  content: "\10f89c"; }

.fad.fa-border-center-v:after {
  content: "\10f89d"; }

.fad.fa-border-inner:after {
  content: "\10f84e"; }

.fad.fa-border-left:after {
  content: "\10f84f"; }

.fad.fa-border-none:after {
  content: "\10f850"; }

.fad.fa-border-outer:after {
  content: "\10f851"; }

.fad.fa-border-right:after {
  content: "\10f852"; }

.fad.fa-border-style:after {
  content: "\10f853"; }

.fad.fa-border-style-alt:after {
  content: "\10f854"; }

.fad.fa-border-top:after {
  content: "\10f855"; }

.fad.fa-bow-arrow:after {
  content: "\10f6b9"; }

.fad.fa-bowling-ball:after {
  content: "\10f436"; }

.fad.fa-bowling-pins:after {
  content: "\10f437"; }

.fad.fa-box:after {
  content: "\10f466"; }

.fad.fa-box-alt:after {
  content: "\10f49a"; }

.fad.fa-box-ballot:after {
  content: "\10f735"; }

.fad.fa-box-check:after {
  content: "\10f467"; }

.fad.fa-box-fragile:after {
  content: "\10f49b"; }

.fad.fa-box-full:after {
  content: "\10f49c"; }

.fad.fa-box-heart:after {
  content: "\10f49d"; }

.fad.fa-box-open:after {
  content: "\10f49e"; }

.fad.fa-box-tissue:after {
  content: "\10f95b"; }

.fad.fa-box-up:after {
  content: "\10f49f"; }

.fad.fa-box-usd:after {
  content: "\10f4a0"; }

.fad.fa-boxes:after {
  content: "\10f468"; }

.fad.fa-boxes-alt:after {
  content: "\10f4a1"; }

.fad.fa-boxing-glove:after {
  content: "\10f438"; }

.fad.fa-brackets:after {
  content: "\10f7e9"; }

.fad.fa-brackets-curly:after {
  content: "\10f7ea"; }

.fad.fa-braille:after {
  content: "\10f2a1"; }

.fad.fa-brain:after {
  content: "\10f5dc"; }

.fad.fa-bread-loaf:after {
  content: "\10f7eb"; }

.fad.fa-bread-slice:after {
  content: "\10f7ec"; }

.fad.fa-briefcase:after {
  content: "\10f0b1"; }

.fad.fa-briefcase-medical:after {
  content: "\10f469"; }

.fad.fa-bring-forward:after {
  content: "\10f856"; }

.fad.fa-bring-front:after {
  content: "\10f857"; }

.fad.fa-broadcast-tower:after {
  content: "\10f519"; }

.fad.fa-broom:after {
  content: "\10f51a"; }

.fad.fa-browser:after {
  content: "\10f37e"; }

.fad.fa-brush:after {
  content: "\10f55d"; }

.fad.fa-bug:after {
  content: "\10f188"; }

.fad.fa-building:after {
  content: "\10f1ad"; }

.fad.fa-bullhorn:after {
  content: "\10f0a1"; }

.fad.fa-bullseye:after {
  content: "\10f140"; }

.fad.fa-bullseye-arrow:after {
  content: "\10f648"; }

.fad.fa-bullseye-pointer:after {
  content: "\10f649"; }

.fad.fa-burger-soda:after {
  content: "\10f858"; }

.fad.fa-burn:after {
  content: "\10f46a"; }

.fad.fa-burrito:after {
  content: "\10f7ed"; }

.fad.fa-bus:after {
  content: "\10f207"; }

.fad.fa-bus-alt:after {
  content: "\10f55e"; }

.fad.fa-bus-school:after {
  content: "\10f5dd"; }

.fad.fa-business-time:after {
  content: "\10f64a"; }

.fad.fa-cabinet-filing:after {
  content: "\10f64b"; }

.fad.fa-cactus:after {
  content: "\10f8a7"; }

.fad.fa-calculator:after {
  content: "\10f1ec"; }

.fad.fa-calculator-alt:after {
  content: "\10f64c"; }

.fad.fa-calendar:after {
  content: "\10f133"; }

.fad.fa-calendar-alt:after {
  content: "\10f073"; }

.fad.fa-calendar-check:after {
  content: "\10f274"; }

.fad.fa-calendar-day:after {
  content: "\10f783"; }

.fad.fa-calendar-edit:after {
  content: "\10f333"; }

.fad.fa-calendar-exclamation:after {
  content: "\10f334"; }

.fad.fa-calendar-minus:after {
  content: "\10f272"; }

.fad.fa-calendar-plus:after {
  content: "\10f271"; }

.fad.fa-calendar-star:after {
  content: "\10f736"; }

.fad.fa-calendar-times:after {
  content: "\10f273"; }

.fad.fa-calendar-week:after {
  content: "\10f784"; }

.fad.fa-camcorder:after {
  content: "\10f8a8"; }

.fad.fa-camera:after {
  content: "\10f030"; }

.fad.fa-camera-alt:after {
  content: "\10f332"; }

.fad.fa-camera-home:after {
  content: "\10f8fe"; }

.fad.fa-camera-movie:after {
  content: "\10f8a9"; }

.fad.fa-camera-polaroid:after {
  content: "\10f8aa"; }

.fad.fa-camera-retro:after {
  content: "\10f083"; }

.fad.fa-campfire:after {
  content: "\10f6ba"; }

.fad.fa-campground:after {
  content: "\10f6bb"; }

.fad.fa-candle-holder:after {
  content: "\10f6bc"; }

.fad.fa-candy-cane:after {
  content: "\10f786"; }

.fad.fa-candy-corn:after {
  content: "\10f6bd"; }

.fad.fa-cannabis:after {
  content: "\10f55f"; }

.fad.fa-capsules:after {
  content: "\10f46b"; }

.fad.fa-car:after {
  content: "\10f1b9"; }

.fad.fa-car-alt:after {
  content: "\10f5de"; }

.fad.fa-car-battery:after {
  content: "\10f5df"; }

.fad.fa-car-building:after {
  content: "\10f859"; }

.fad.fa-car-bump:after {
  content: "\10f5e0"; }

.fad.fa-car-bus:after {
  content: "\10f85a"; }

.fad.fa-car-crash:after {
  content: "\10f5e1"; }

.fad.fa-car-garage:after {
  content: "\10f5e2"; }

.fad.fa-car-mechanic:after {
  content: "\10f5e3"; }

.fad.fa-car-side:after {
  content: "\10f5e4"; }

.fad.fa-car-tilt:after {
  content: "\10f5e5"; }

.fad.fa-car-wash:after {
  content: "\10f5e6"; }

.fad.fa-caravan:after {
  content: "\10f8ff"; }

.fad.fa-caravan-alt:after {
  content: "\10f900"; }

.fad.fa-caret-circle-down:after {
  content: "\10f32d"; }

.fad.fa-caret-circle-left:after {
  content: "\10f32e"; }

.fad.fa-caret-circle-right:after {
  content: "\10f330"; }

.fad.fa-caret-circle-up:after {
  content: "\10f331"; }

.fad.fa-caret-down:after {
  content: "\10f0d7"; }

.fad.fa-caret-left:after {
  content: "\10f0d9"; }

.fad.fa-caret-right:after {
  content: "\10f0da"; }

.fad.fa-caret-square-down:after {
  content: "\10f150"; }

.fad.fa-caret-square-left:after {
  content: "\10f191"; }

.fad.fa-caret-square-right:after {
  content: "\10f152"; }

.fad.fa-caret-square-up:after {
  content: "\10f151"; }

.fad.fa-caret-up:after {
  content: "\10f0d8"; }

.fad.fa-carrot:after {
  content: "\10f787"; }

.fad.fa-cars:after {
  content: "\10f85b"; }

.fad.fa-cart-arrow-down:after {
  content: "\10f218"; }

.fad.fa-cart-plus:after {
  content: "\10f217"; }

.fad.fa-cash-register:after {
  content: "\10f788"; }

.fad.fa-cassette-tape:after {
  content: "\10f8ab"; }

.fad.fa-cat:after {
  content: "\10f6be"; }

.fad.fa-cat-space:after {
  content: "\10f901"; }

.fad.fa-cauldron:after {
  content: "\10f6bf"; }

.fad.fa-cctv:after {
  content: "\10f8ac"; }

.fad.fa-certificate:after {
  content: "\10f0a3"; }

.fad.fa-chair:after {
  content: "\10f6c0"; }

.fad.fa-chair-office:after {
  content: "\10f6c1"; }

.fad.fa-chalkboard:after {
  content: "\10f51b"; }

.fad.fa-chalkboard-teacher:after {
  content: "\10f51c"; }

.fad.fa-charging-station:after {
  content: "\10f5e7"; }

.fad.fa-chart-area:after {
  content: "\10f1fe"; }

.fad.fa-chart-bar:after {
  content: "\10f080"; }

.fad.fa-chart-line:after {
  content: "\10f201"; }

.fad.fa-chart-line-down:after {
  content: "\10f64d"; }

.fad.fa-chart-network:after {
  content: "\10f78a"; }

.fad.fa-chart-pie:after {
  content: "\10f200"; }

.fad.fa-chart-pie-alt:after {
  content: "\10f64e"; }

.fad.fa-chart-scatter:after {
  content: "\10f7ee"; }

.fad.fa-check:after {
  content: "\10f00c"; }

.fad.fa-check-circle:after {
  content: "\10f058"; }

.fad.fa-check-double:after {
  content: "\10f560"; }

.fad.fa-check-square:after {
  content: "\10f14a"; }

.fad.fa-cheese:after {
  content: "\10f7ef"; }

.fad.fa-cheese-swiss:after {
  content: "\10f7f0"; }

.fad.fa-cheeseburger:after {
  content: "\10f7f1"; }

.fad.fa-chess:after {
  content: "\10f439"; }

.fad.fa-chess-bishop:after {
  content: "\10f43a"; }

.fad.fa-chess-bishop-alt:after {
  content: "\10f43b"; }

.fad.fa-chess-board:after {
  content: "\10f43c"; }

.fad.fa-chess-clock:after {
  content: "\10f43d"; }

.fad.fa-chess-clock-alt:after {
  content: "\10f43e"; }

.fad.fa-chess-king:after {
  content: "\10f43f"; }

.fad.fa-chess-king-alt:after {
  content: "\10f440"; }

.fad.fa-chess-knight:after {
  content: "\10f441"; }

.fad.fa-chess-knight-alt:after {
  content: "\10f442"; }

.fad.fa-chess-pawn:after {
  content: "\10f443"; }

.fad.fa-chess-pawn-alt:after {
  content: "\10f444"; }

.fad.fa-chess-queen:after {
  content: "\10f445"; }

.fad.fa-chess-queen-alt:after {
  content: "\10f446"; }

.fad.fa-chess-rook:after {
  content: "\10f447"; }

.fad.fa-chess-rook-alt:after {
  content: "\10f448"; }

.fad.fa-chevron-circle-down:after {
  content: "\10f13a"; }

.fad.fa-chevron-circle-left:after {
  content: "\10f137"; }

.fad.fa-chevron-circle-right:after {
  content: "\10f138"; }

.fad.fa-chevron-circle-up:after {
  content: "\10f139"; }

.fad.fa-chevron-double-down:after {
  content: "\10f322"; }

.fad.fa-chevron-double-left:after {
  content: "\10f323"; }

.fad.fa-chevron-double-right:after {
  content: "\10f324"; }

.fad.fa-chevron-double-up:after {
  content: "\10f325"; }

.fad.fa-chevron-down:after {
  content: "\10f078"; }

.fad.fa-chevron-left:after {
  content: "\10f053"; }

.fad.fa-chevron-right:after {
  content: "\10f054"; }

.fad.fa-chevron-square-down:after {
  content: "\10f329"; }

.fad.fa-chevron-square-left:after {
  content: "\10f32a"; }

.fad.fa-chevron-square-right:after {
  content: "\10f32b"; }

.fad.fa-chevron-square-up:after {
  content: "\10f32c"; }

.fad.fa-chevron-up:after {
  content: "\10f077"; }

.fad.fa-child:after {
  content: "\10f1ae"; }

.fad.fa-chimney:after {
  content: "\10f78b"; }

.fad.fa-church:after {
  content: "\10f51d"; }

.fad.fa-circle:after {
  content: "\10f111"; }

.fad.fa-circle-notch:after {
  content: "\10f1ce"; }

.fad.fa-city:after {
  content: "\10f64f"; }

.fad.fa-clarinet:after {
  content: "\10f8ad"; }

.fad.fa-claw-marks:after {
  content: "\10f6c2"; }

.fad.fa-clinic-medical:after {
  content: "\10f7f2"; }

.fad.fa-clipboard:after {
  content: "\10f328"; }

.fad.fa-clipboard-check:after {
  content: "\10f46c"; }

.fad.fa-clipboard-list:after {
  content: "\10f46d"; }

.fad.fa-clipboard-list-check:after {
  content: "\10f737"; }

.fad.fa-clipboard-prescription:after {
  content: "\10f5e8"; }

.fad.fa-clipboard-user:after {
  content: "\10f7f3"; }

.fad.fa-clock:after {
  content: "\10f017"; }

.fad.fa-clone:after {
  content: "\10f24d"; }

.fad.fa-closed-captioning:after {
  content: "\10f20a"; }

.fad.fa-cloud:after {
  content: "\10f0c2"; }

.fad.fa-cloud-download:after {
  content: "\10f0ed"; }

.fad.fa-cloud-download-alt:after {
  content: "\10f381"; }

.fad.fa-cloud-drizzle:after {
  content: "\10f738"; }

.fad.fa-cloud-hail:after {
  content: "\10f739"; }

.fad.fa-cloud-hail-mixed:after {
  content: "\10f73a"; }

.fad.fa-cloud-meatball:after {
  content: "\10f73b"; }

.fad.fa-cloud-moon:after {
  content: "\10f6c3"; }

.fad.fa-cloud-moon-rain:after {
  content: "\10f73c"; }

.fad.fa-cloud-music:after {
  content: "\10f8ae"; }

.fad.fa-cloud-rain:after {
  content: "\10f73d"; }

.fad.fa-cloud-rainbow:after {
  content: "\10f73e"; }

.fad.fa-cloud-showers:after {
  content: "\10f73f"; }

.fad.fa-cloud-showers-heavy:after {
  content: "\10f740"; }

.fad.fa-cloud-sleet:after {
  content: "\10f741"; }

.fad.fa-cloud-snow:after {
  content: "\10f742"; }

.fad.fa-cloud-sun:after {
  content: "\10f6c4"; }

.fad.fa-cloud-sun-rain:after {
  content: "\10f743"; }

.fad.fa-cloud-upload:after {
  content: "\10f0ee"; }

.fad.fa-cloud-upload-alt:after {
  content: "\10f382"; }

.fad.fa-clouds:after {
  content: "\10f744"; }

.fad.fa-clouds-moon:after {
  content: "\10f745"; }

.fad.fa-clouds-sun:after {
  content: "\10f746"; }

.fad.fa-club:after {
  content: "\10f327"; }

.fad.fa-cocktail:after {
  content: "\10f561"; }

.fad.fa-code:after {
  content: "\10f121"; }

.fad.fa-code-branch:after {
  content: "\10f126"; }

.fad.fa-code-commit:after {
  content: "\10f386"; }

.fad.fa-code-merge:after {
  content: "\10f387"; }

.fad.fa-coffee:after {
  content: "\10f0f4"; }

.fad.fa-coffee-pot:after {
  content: "\10f902"; }

.fad.fa-coffee-togo:after {
  content: "\10f6c5"; }

.fad.fa-coffin:after {
  content: "\10f6c6"; }

.fad.fa-coffin-cross:after {
  content: "\10f951"; }

.fad.fa-cog:after {
  content: "\10f013"; }

.fad.fa-cogs:after {
  content: "\10f085"; }

.fad.fa-coin:after {
  content: "\10f85c"; }

.fad.fa-coins:after {
  content: "\10f51e"; }

.fad.fa-columns:after {
  content: "\10f0db"; }

.fad.fa-comet:after {
  content: "\10f903"; }

.fad.fa-comment:after {
  content: "\10f075"; }

.fad.fa-comment-alt:after {
  content: "\10f27a"; }

.fad.fa-comment-alt-check:after {
  content: "\10f4a2"; }

.fad.fa-comment-alt-dollar:after {
  content: "\10f650"; }

.fad.fa-comment-alt-dots:after {
  content: "\10f4a3"; }

.fad.fa-comment-alt-edit:after {
  content: "\10f4a4"; }

.fad.fa-comment-alt-exclamation:after {
  content: "\10f4a5"; }

.fad.fa-comment-alt-lines:after {
  content: "\10f4a6"; }

.fad.fa-comment-alt-medical:after {
  content: "\10f7f4"; }

.fad.fa-comment-alt-minus:after {
  content: "\10f4a7"; }

.fad.fa-comment-alt-music:after {
  content: "\10f8af"; }

.fad.fa-comment-alt-plus:after {
  content: "\10f4a8"; }

.fad.fa-comment-alt-slash:after {
  content: "\10f4a9"; }

.fad.fa-comment-alt-smile:after {
  content: "\10f4aa"; }

.fad.fa-comment-alt-times:after {
  content: "\10f4ab"; }

.fad.fa-comment-check:after {
  content: "\10f4ac"; }

.fad.fa-comment-dollar:after {
  content: "\10f651"; }

.fad.fa-comment-dots:after {
  content: "\10f4ad"; }

.fad.fa-comment-edit:after {
  content: "\10f4ae"; }

.fad.fa-comment-exclamation:after {
  content: "\10f4af"; }

.fad.fa-comment-lines:after {
  content: "\10f4b0"; }

.fad.fa-comment-medical:after {
  content: "\10f7f5"; }

.fad.fa-comment-minus:after {
  content: "\10f4b1"; }

.fad.fa-comment-music:after {
  content: "\10f8b0"; }

.fad.fa-comment-plus:after {
  content: "\10f4b2"; }

.fad.fa-comment-slash:after {
  content: "\10f4b3"; }

.fad.fa-comment-smile:after {
  content: "\10f4b4"; }

.fad.fa-comment-times:after {
  content: "\10f4b5"; }

.fad.fa-comments:after {
  content: "\10f086"; }

.fad.fa-comments-alt:after {
  content: "\10f4b6"; }

.fad.fa-comments-alt-dollar:after {
  content: "\10f652"; }

.fad.fa-comments-dollar:after {
  content: "\10f653"; }

.fad.fa-compact-disc:after {
  content: "\10f51f"; }

.fad.fa-compass:after {
  content: "\10f14e"; }

.fad.fa-compass-slash:after {
  content: "\10f5e9"; }

.fad.fa-compress:after {
  content: "\10f066"; }

.fad.fa-compress-alt:after {
  content: "\10f422"; }

.fad.fa-compress-arrows-alt:after {
  content: "\10f78c"; }

.fad.fa-compress-wide:after {
  content: "\10f326"; }

.fad.fa-computer-classic:after {
  content: "\10f8b1"; }

.fad.fa-computer-speaker:after {
  content: "\10f8b2"; }

.fad.fa-concierge-bell:after {
  content: "\10f562"; }

.fad.fa-construction:after {
  content: "\10f85d"; }

.fad.fa-container-storage:after {
  content: "\10f4b7"; }

.fad.fa-conveyor-belt:after {
  content: "\10f46e"; }

.fad.fa-conveyor-belt-alt:after {
  content: "\10f46f"; }

.fad.fa-cookie:after {
  content: "\10f563"; }

.fad.fa-cookie-bite:after {
  content: "\10f564"; }

.fad.fa-copy:after {
  content: "\10f0c5"; }

.fad.fa-copyright:after {
  content: "\10f1f9"; }

.fad.fa-corn:after {
  content: "\10f6c7"; }

.fad.fa-couch:after {
  content: "\10f4b8"; }

.fad.fa-cow:after {
  content: "\10f6c8"; }

.fad.fa-cowbell:after {
  content: "\10f8b3"; }

.fad.fa-cowbell-more:after {
  content: "\10f8b4"; }

.fad.fa-credit-card:after {
  content: "\10f09d"; }

.fad.fa-credit-card-blank:after {
  content: "\10f389"; }

.fad.fa-credit-card-front:after {
  content: "\10f38a"; }

.fad.fa-cricket:after {
  content: "\10f449"; }

.fad.fa-croissant:after {
  content: "\10f7f6"; }

.fad.fa-crop:after {
  content: "\10f125"; }

.fad.fa-crop-alt:after {
  content: "\10f565"; }

.fad.fa-cross:after {
  content: "\10f654"; }

.fad.fa-crosshairs:after {
  content: "\10f05b"; }

.fad.fa-crow:after {
  content: "\10f520"; }

.fad.fa-crown:after {
  content: "\10f521"; }

.fad.fa-crutch:after {
  content: "\10f7f7"; }

.fad.fa-crutches:after {
  content: "\10f7f8"; }

.fad.fa-cube:after {
  content: "\10f1b2"; }

.fad.fa-cubes:after {
  content: "\10f1b3"; }

.fad.fa-curling:after {
  content: "\10f44a"; }

.fad.fa-cut:after {
  content: "\10f0c4"; }

.fad.fa-dagger:after {
  content: "\10f6cb"; }

.fad.fa-database:after {
  content: "\10f1c0"; }

.fad.fa-deaf:after {
  content: "\10f2a4"; }

.fad.fa-debug:after {
  content: "\10f7f9"; }

.fad.fa-deer:after {
  content: "\10f78e"; }

.fad.fa-deer-rudolph:after {
  content: "\10f78f"; }

.fad.fa-democrat:after {
  content: "\10f747"; }

.fad.fa-desktop:after {
  content: "\10f108"; }

.fad.fa-desktop-alt:after {
  content: "\10f390"; }

.fad.fa-dewpoint:after {
  content: "\10f748"; }

.fad.fa-dharmachakra:after {
  content: "\10f655"; }

.fad.fa-diagnoses:after {
  content: "\10f470"; }

.fad.fa-diamond:after {
  content: "\10f219"; }

.fad.fa-dice:after {
  content: "\10f522"; }

.fad.fa-dice-d10:after {
  content: "\10f6cd"; }

.fad.fa-dice-d12:after {
  content: "\10f6ce"; }

.fad.fa-dice-d20:after {
  content: "\10f6cf"; }

.fad.fa-dice-d4:after {
  content: "\10f6d0"; }

.fad.fa-dice-d6:after {
  content: "\10f6d1"; }

.fad.fa-dice-d8:after {
  content: "\10f6d2"; }

.fad.fa-dice-five:after {
  content: "\10f523"; }

.fad.fa-dice-four:after {
  content: "\10f524"; }

.fad.fa-dice-one:after {
  content: "\10f525"; }

.fad.fa-dice-six:after {
  content: "\10f526"; }

.fad.fa-dice-three:after {
  content: "\10f527"; }

.fad.fa-dice-two:after {
  content: "\10f528"; }

.fad.fa-digging:after {
  content: "\10f85e"; }

.fad.fa-digital-tachograph:after {
  content: "\10f566"; }

.fad.fa-diploma:after {
  content: "\10f5ea"; }

.fad.fa-directions:after {
  content: "\10f5eb"; }

.fad.fa-disc-drive:after {
  content: "\10f8b5"; }

.fad.fa-disease:after {
  content: "\10f7fa"; }

.fad.fa-divide:after {
  content: "\10f529"; }

.fad.fa-dizzy:after {
  content: "\10f567"; }

.fad.fa-dna:after {
  content: "\10f471"; }

.fad.fa-do-not-enter:after {
  content: "\10f5ec"; }

.fad.fa-dog:after {
  content: "\10f6d3"; }

.fad.fa-dog-leashed:after {
  content: "\10f6d4"; }

.fad.fa-dollar-sign:after {
  content: "\10f155"; }

.fad.fa-dolly:after {
  content: "\10f472"; }

.fad.fa-dolly-empty:after {
  content: "\10f473"; }

.fad.fa-dolly-flatbed:after {
  content: "\10f474"; }

.fad.fa-dolly-flatbed-alt:after {
  content: "\10f475"; }

.fad.fa-dolly-flatbed-empty:after {
  content: "\10f476"; }

.fad.fa-donate:after {
  content: "\10f4b9"; }

.fad.fa-door-closed:after {
  content: "\10f52a"; }

.fad.fa-door-open:after {
  content: "\10f52b"; }

.fad.fa-dot-circle:after {
  content: "\10f192"; }

.fad.fa-dove:after {
  content: "\10f4ba"; }

.fad.fa-download:after {
  content: "\10f019"; }

.fad.fa-drafting-compass:after {
  content: "\10f568"; }

.fad.fa-dragon:after {
  content: "\10f6d5"; }

.fad.fa-draw-circle:after {
  content: "\10f5ed"; }

.fad.fa-draw-polygon:after {
  content: "\10f5ee"; }

.fad.fa-draw-square:after {
  content: "\10f5ef"; }

.fad.fa-dreidel:after {
  content: "\10f792"; }

.fad.fa-drone:after {
  content: "\10f85f"; }

.fad.fa-drone-alt:after {
  content: "\10f860"; }

.fad.fa-drum:after {
  content: "\10f569"; }

.fad.fa-drum-steelpan:after {
  content: "\10f56a"; }

.fad.fa-drumstick:after {
  content: "\10f6d6"; }

.fad.fa-drumstick-bite:after {
  content: "\10f6d7"; }

.fad.fa-dryer:after {
  content: "\10f861"; }

.fad.fa-dryer-alt:after {
  content: "\10f862"; }

.fad.fa-duck:after {
  content: "\10f6d8"; }

.fad.fa-dumbbell:after {
  content: "\10f44b"; }

.fad.fa-dumpster:after {
  content: "\10f793"; }

.fad.fa-dumpster-fire:after {
  content: "\10f794"; }

.fad.fa-dungeon:after {
  content: "\10f6d9"; }

.fad.fa-ear:after {
  content: "\10f5f0"; }

.fad.fa-ear-muffs:after {
  content: "\10f795"; }

.fad.fa-eclipse:after {
  content: "\10f749"; }

.fad.fa-eclipse-alt:after {
  content: "\10f74a"; }

.fad.fa-edit:after {
  content: "\10f044"; }

.fad.fa-egg:after {
  content: "\10f7fb"; }

.fad.fa-egg-fried:after {
  content: "\10f7fc"; }

.fad.fa-eject:after {
  content: "\10f052"; }

.fad.fa-elephant:after {
  content: "\10f6da"; }

.fad.fa-ellipsis-h:after {
  content: "\10f141"; }

.fad.fa-ellipsis-h-alt:after {
  content: "\10f39b"; }

.fad.fa-ellipsis-v:after {
  content: "\10f142"; }

.fad.fa-ellipsis-v-alt:after {
  content: "\10f39c"; }

.fad.fa-empty-set:after {
  content: "\10f656"; }

.fad.fa-engine-warning:after {
  content: "\10f5f2"; }

.fad.fa-envelope:after {
  content: "\10f0e0"; }

.fad.fa-envelope-open:after {
  content: "\10f2b6"; }

.fad.fa-envelope-open-dollar:after {
  content: "\10f657"; }

.fad.fa-envelope-open-text:after {
  content: "\10f658"; }

.fad.fa-envelope-square:after {
  content: "\10f199"; }

.fad.fa-equals:after {
  content: "\10f52c"; }

.fad.fa-eraser:after {
  content: "\10f12d"; }

.fad.fa-ethernet:after {
  content: "\10f796"; }

.fad.fa-euro-sign:after {
  content: "\10f153"; }

.fad.fa-exchange:after {
  content: "\10f0ec"; }

.fad.fa-exchange-alt:after {
  content: "\10f362"; }

.fad.fa-exclamation:after {
  content: "\10f12a"; }

.fad.fa-exclamation-circle:after {
  content: "\10f06a"; }

.fad.fa-exclamation-square:after {
  content: "\10f321"; }

.fad.fa-exclamation-triangle:after {
  content: "\10f071"; }

.fad.fa-expand:after {
  content: "\10f065"; }

.fad.fa-expand-alt:after {
  content: "\10f424"; }

.fad.fa-expand-arrows:after {
  content: "\10f31d"; }

.fad.fa-expand-arrows-alt:after {
  content: "\10f31e"; }

.fad.fa-expand-wide:after {
  content: "\10f320"; }

.fad.fa-external-link:after {
  content: "\10f08e"; }

.fad.fa-external-link-alt:after {
  content: "\10f35d"; }

.fad.fa-external-link-square:after {
  content: "\10f14c"; }

.fad.fa-external-link-square-alt:after {
  content: "\10f360"; }

.fad.fa-eye:after {
  content: "\10f06e"; }

.fad.fa-eye-dropper:after {
  content: "\10f1fb"; }

.fad.fa-eye-evil:after {
  content: "\10f6db"; }

.fad.fa-eye-slash:after {
  content: "\10f070"; }

.fad.fa-fan:after {
  content: "\10f863"; }

.fad.fa-fan-table:after {
  content: "\10f904"; }

.fad.fa-farm:after {
  content: "\10f864"; }

.fad.fa-fast-backward:after {
  content: "\10f049"; }

.fad.fa-fast-forward:after {
  content: "\10f050"; }

.fad.fa-faucet:after {
  content: "\10f905"; }

.fad.fa-faucet-drip:after {
  content: "\10f906"; }

.fad.fa-fax:after {
  content: "\10f1ac"; }

.fad.fa-feather:after {
  content: "\10f52d"; }

.fad.fa-feather-alt:after {
  content: "\10f56b"; }

.fad.fa-female:after {
  content: "\10f182"; }

.fad.fa-field-hockey:after {
  content: "\10f44c"; }

.fad.fa-fighter-jet:after {
  content: "\10f0fb"; }

.fad.fa-file:after {
  content: "\10f15b"; }

.fad.fa-file-alt:after {
  content: "\10f15c"; }

.fad.fa-file-archive:after {
  content: "\10f1c6"; }

.fad.fa-file-audio:after {
  content: "\10f1c7"; }

.fad.fa-file-certificate:after {
  content: "\10f5f3"; }

.fad.fa-file-chart-line:after {
  content: "\10f659"; }

.fad.fa-file-chart-pie:after {
  content: "\10f65a"; }

.fad.fa-file-check:after {
  content: "\10f316"; }

.fad.fa-file-code:after {
  content: "\10f1c9"; }

.fad.fa-file-contract:after {
  content: "\10f56c"; }

.fad.fa-file-csv:after {
  content: "\10f6dd"; }

.fad.fa-file-download:after {
  content: "\10f56d"; }

.fad.fa-file-edit:after {
  content: "\10f31c"; }

.fad.fa-file-excel:after {
  content: "\10f1c3"; }

.fad.fa-file-exclamation:after {
  content: "\10f31a"; }

.fad.fa-file-export:after {
  content: "\10f56e"; }

.fad.fa-file-image:after {
  content: "\10f1c5"; }

.fad.fa-file-import:after {
  content: "\10f56f"; }

.fad.fa-file-invoice:after {
  content: "\10f570"; }

.fad.fa-file-invoice-dollar:after {
  content: "\10f571"; }

.fad.fa-file-medical:after {
  content: "\10f477"; }

.fad.fa-file-medical-alt:after {
  content: "\10f478"; }

.fad.fa-file-minus:after {
  content: "\10f318"; }

.fad.fa-file-music:after {
  content: "\10f8b6"; }

.fad.fa-file-pdf:after {
  content: "\10f1c1"; }

.fad.fa-file-plus:after {
  content: "\10f319"; }

.fad.fa-file-powerpoint:after {
  content: "\10f1c4"; }

.fad.fa-file-prescription:after {
  content: "\10f572"; }

.fad.fa-file-search:after {
  content: "\10f865"; }

.fad.fa-file-signature:after {
  content: "\10f573"; }

.fad.fa-file-spreadsheet:after {
  content: "\10f65b"; }

.fad.fa-file-times:after {
  content: "\10f317"; }

.fad.fa-file-upload:after {
  content: "\10f574"; }

.fad.fa-file-user:after {
  content: "\10f65c"; }

.fad.fa-file-video:after {
  content: "\10f1c8"; }

.fad.fa-file-word:after {
  content: "\10f1c2"; }

.fad.fa-files-medical:after {
  content: "\10f7fd"; }

.fad.fa-fill:after {
  content: "\10f575"; }

.fad.fa-fill-drip:after {
  content: "\10f576"; }

.fad.fa-film:after {
  content: "\10f008"; }

.fad.fa-film-alt:after {
  content: "\10f3a0"; }

.fad.fa-film-canister:after {
  content: "\10f8b7"; }

.fad.fa-filter:after {
  content: "\10f0b0"; }

.fad.fa-fingerprint:after {
  content: "\10f577"; }

.fad.fa-fire:after {
  content: "\10f06d"; }

.fad.fa-fire-alt:after {
  content: "\10f7e4"; }

.fad.fa-fire-extinguisher:after {
  content: "\10f134"; }

.fad.fa-fire-smoke:after {
  content: "\10f74b"; }

.fad.fa-fireplace:after {
  content: "\10f79a"; }

.fad.fa-first-aid:after {
  content: "\10f479"; }

.fad.fa-fish:after {
  content: "\10f578"; }

.fad.fa-fish-cooked:after {
  content: "\10f7fe"; }

.fad.fa-fist-raised:after {
  content: "\10f6de"; }

.fad.fa-flag:after {
  content: "\10f024"; }

.fad.fa-flag-alt:after {
  content: "\10f74c"; }

.fad.fa-flag-checkered:after {
  content: "\10f11e"; }

.fad.fa-flag-usa:after {
  content: "\10f74d"; }

.fad.fa-flame:after {
  content: "\10f6df"; }

.fad.fa-flashlight:after {
  content: "\10f8b8"; }

.fad.fa-flask:after {
  content: "\10f0c3"; }

.fad.fa-flask-poison:after {
  content: "\10f6e0"; }

.fad.fa-flask-potion:after {
  content: "\10f6e1"; }

.fad.fa-flower:after {
  content: "\10f7ff"; }

.fad.fa-flower-daffodil:after {
  content: "\10f800"; }

.fad.fa-flower-tulip:after {
  content: "\10f801"; }

.fad.fa-flushed:after {
  content: "\10f579"; }

.fad.fa-flute:after {
  content: "\10f8b9"; }

.fad.fa-flux-capacitor:after {
  content: "\10f8ba"; }

.fad.fa-fog:after {
  content: "\10f74e"; }

.fad.fa-folder:after {
  content: "\10f07b"; }

.fad.fa-folder-download:after {
  content: "\10f953"; }

.fad.fa-folder-minus:after {
  content: "\10f65d"; }

.fad.fa-folder-open:after {
  content: "\10f07c"; }

.fad.fa-folder-plus:after {
  content: "\10f65e"; }

.fad.fa-folder-times:after {
  content: "\10f65f"; }

.fad.fa-folder-tree:after {
  content: "\10f802"; }

.fad.fa-folder-upload:after {
  content: "\10f954"; }

.fad.fa-folders:after {
  content: "\10f660"; }

.fad.fa-font:after {
  content: "\10f031"; }

.fad.fa-font-awesome-logo-full:after {
  content: "\10f4e6"; }

.fad.fa-font-case:after {
  content: "\10f866"; }

.fad.fa-football-ball:after {
  content: "\10f44e"; }

.fad.fa-football-helmet:after {
  content: "\10f44f"; }

.fad.fa-forklift:after {
  content: "\10f47a"; }

.fad.fa-forward:after {
  content: "\10f04e"; }

.fad.fa-fragile:after {
  content: "\10f4bb"; }

.fad.fa-french-fries:after {
  content: "\10f803"; }

.fad.fa-frog:after {
  content: "\10f52e"; }

.fad.fa-frosty-head:after {
  content: "\10f79b"; }

.fad.fa-frown:after {
  content: "\10f119"; }

.fad.fa-frown-open:after {
  content: "\10f57a"; }

.fad.fa-function:after {
  content: "\10f661"; }

.fad.fa-funnel-dollar:after {
  content: "\10f662"; }

.fad.fa-futbol:after {
  content: "\10f1e3"; }

.fad.fa-galaxy:after {
  content: "\10f908"; }

.fad.fa-game-board:after {
  content: "\10f867"; }

.fad.fa-game-board-alt:after {
  content: "\10f868"; }

.fad.fa-game-console-handheld:after {
  content: "\10f8bb"; }

.fad.fa-gamepad:after {
  content: "\10f11b"; }

.fad.fa-gamepad-alt:after {
  content: "\10f8bc"; }

.fad.fa-garage:after {
  content: "\10f909"; }

.fad.fa-garage-car:after {
  content: "\10f90a"; }

.fad.fa-garage-open:after {
  content: "\10f90b"; }

.fad.fa-gas-pump:after {
  content: "\10f52f"; }

.fad.fa-gas-pump-slash:after {
  content: "\10f5f4"; }

.fad.fa-gavel:after {
  content: "\10f0e3"; }

.fad.fa-gem:after {
  content: "\10f3a5"; }

.fad.fa-genderless:after {
  content: "\10f22d"; }

.fad.fa-ghost:after {
  content: "\10f6e2"; }

.fad.fa-gift:after {
  content: "\10f06b"; }

.fad.fa-gift-card:after {
  content: "\10f663"; }

.fad.fa-gifts:after {
  content: "\10f79c"; }

.fad.fa-gingerbread-man:after {
  content: "\10f79d"; }

.fad.fa-glass:after {
  content: "\10f804"; }

.fad.fa-glass-champagne:after {
  content: "\10f79e"; }

.fad.fa-glass-cheers:after {
  content: "\10f79f"; }

.fad.fa-glass-citrus:after {
  content: "\10f869"; }

.fad.fa-glass-martini:after {
  content: "\10f000"; }

.fad.fa-glass-martini-alt:after {
  content: "\10f57b"; }

.fad.fa-glass-whiskey:after {
  content: "\10f7a0"; }

.fad.fa-glass-whiskey-rocks:after {
  content: "\10f7a1"; }

.fad.fa-glasses:after {
  content: "\10f530"; }

.fad.fa-glasses-alt:after {
  content: "\10f5f5"; }

.fad.fa-globe:after {
  content: "\10f0ac"; }

.fad.fa-globe-africa:after {
  content: "\10f57c"; }

.fad.fa-globe-americas:after {
  content: "\10f57d"; }

.fad.fa-globe-asia:after {
  content: "\10f57e"; }

.fad.fa-globe-europe:after {
  content: "\10f7a2"; }

.fad.fa-globe-snow:after {
  content: "\10f7a3"; }

.fad.fa-globe-stand:after {
  content: "\10f5f6"; }

.fad.fa-golf-ball:after {
  content: "\10f450"; }

.fad.fa-golf-club:after {
  content: "\10f451"; }

.fad.fa-gopuram:after {
  content: "\10f664"; }

.fad.fa-graduation-cap:after {
  content: "\10f19d"; }

.fad.fa-gramophone:after {
  content: "\10f8bd"; }

.fad.fa-greater-than:after {
  content: "\10f531"; }

.fad.fa-greater-than-equal:after {
  content: "\10f532"; }

.fad.fa-grimace:after {
  content: "\10f57f"; }

.fad.fa-grin:after {
  content: "\10f580"; }

.fad.fa-grin-alt:after {
  content: "\10f581"; }

.fad.fa-grin-beam:after {
  content: "\10f582"; }

.fad.fa-grin-beam-sweat:after {
  content: "\10f583"; }

.fad.fa-grin-hearts:after {
  content: "\10f584"; }

.fad.fa-grin-squint:after {
  content: "\10f585"; }

.fad.fa-grin-squint-tears:after {
  content: "\10f586"; }

.fad.fa-grin-stars:after {
  content: "\10f587"; }

.fad.fa-grin-tears:after {
  content: "\10f588"; }

.fad.fa-grin-tongue:after {
  content: "\10f589"; }

.fad.fa-grin-tongue-squint:after {
  content: "\10f58a"; }

.fad.fa-grin-tongue-wink:after {
  content: "\10f58b"; }

.fad.fa-grin-wink:after {
  content: "\10f58c"; }

.fad.fa-grip-horizontal:after {
  content: "\10f58d"; }

.fad.fa-grip-lines:after {
  content: "\10f7a4"; }

.fad.fa-grip-lines-vertical:after {
  content: "\10f7a5"; }

.fad.fa-grip-vertical:after {
  content: "\10f58e"; }

.fad.fa-guitar:after {
  content: "\10f7a6"; }

.fad.fa-guitar-electric:after {
  content: "\10f8be"; }

.fad.fa-guitars:after {
  content: "\10f8bf"; }

.fad.fa-h-square:after {
  content: "\10f0fd"; }

.fad.fa-h1:after {
  content: "\10f313"; }

.fad.fa-h2:after {
  content: "\10f314"; }

.fad.fa-h3:after {
  content: "\10f315"; }

.fad.fa-h4:after {
  content: "\10f86a"; }

.fad.fa-hamburger:after {
  content: "\10f805"; }

.fad.fa-hammer:after {
  content: "\10f6e3"; }

.fad.fa-hammer-war:after {
  content: "\10f6e4"; }

.fad.fa-hamsa:after {
  content: "\10f665"; }

.fad.fa-hand-heart:after {
  content: "\10f4bc"; }

.fad.fa-hand-holding:after {
  content: "\10f4bd"; }

.fad.fa-hand-holding-box:after {
  content: "\10f47b"; }

.fad.fa-hand-holding-heart:after {
  content: "\10f4be"; }

.fad.fa-hand-holding-magic:after {
  content: "\10f6e5"; }

.fad.fa-hand-holding-medical:after {
  content: "\10f95c"; }

.fad.fa-hand-holding-seedling:after {
  content: "\10f4bf"; }

.fad.fa-hand-holding-usd:after {
  content: "\10f4c0"; }

.fad.fa-hand-holding-water:after {
  content: "\10f4c1"; }

.fad.fa-hand-lizard:after {
  content: "\10f258"; }

.fad.fa-hand-middle-finger:after {
  content: "\10f806"; }

.fad.fa-hand-paper:after {
  content: "\10f256"; }

.fad.fa-hand-peace:after {
  content: "\10f25b"; }

.fad.fa-hand-point-down:after {
  content: "\10f0a7"; }

.fad.fa-hand-point-left:after {
  content: "\10f0a5"; }

.fad.fa-hand-point-right:after {
  content: "\10f0a4"; }

.fad.fa-hand-point-up:after {
  content: "\10f0a6"; }

.fad.fa-hand-pointer:after {
  content: "\10f25a"; }

.fad.fa-hand-receiving:after {
  content: "\10f47c"; }

.fad.fa-hand-rock:after {
  content: "\10f255"; }

.fad.fa-hand-scissors:after {
  content: "\10f257"; }

.fad.fa-hand-sparkles:after {
  content: "\10f95d"; }

.fad.fa-hand-spock:after {
  content: "\10f259"; }

.fad.fa-hands:after {
  content: "\10f4c2"; }

.fad.fa-hands-heart:after {
  content: "\10f4c3"; }

.fad.fa-hands-helping:after {
  content: "\10f4c4"; }

.fad.fa-hands-usd:after {
  content: "\10f4c5"; }

.fad.fa-hands-wash:after {
  content: "\10f95e"; }

.fad.fa-handshake:after {
  content: "\10f2b5"; }

.fad.fa-handshake-alt:after {
  content: "\10f4c6"; }

.fad.fa-handshake-alt-slash:after {
  content: "\10f95f"; }

.fad.fa-handshake-slash:after {
  content: "\10f960"; }

.fad.fa-hanukiah:after {
  content: "\10f6e6"; }

.fad.fa-hard-hat:after {
  content: "\10f807"; }

.fad.fa-hashtag:after {
  content: "\10f292"; }

.fad.fa-hat-chef:after {
  content: "\10f86b"; }

.fad.fa-hat-cowboy:after {
  content: "\10f8c0"; }

.fad.fa-hat-cowboy-side:after {
  content: "\10f8c1"; }

.fad.fa-hat-santa:after {
  content: "\10f7a7"; }

.fad.fa-hat-winter:after {
  content: "\10f7a8"; }

.fad.fa-hat-witch:after {
  content: "\10f6e7"; }

.fad.fa-hat-wizard:after {
  content: "\10f6e8"; }

.fad.fa-hdd:after {
  content: "\10f0a0"; }

.fad.fa-head-side:after {
  content: "\10f6e9"; }

.fad.fa-head-side-brain:after {
  content: "\10f808"; }

.fad.fa-head-side-cough:after {
  content: "\10f961"; }

.fad.fa-head-side-cough-slash:after {
  content: "\10f962"; }

.fad.fa-head-side-headphones:after {
  content: "\10f8c2"; }

.fad.fa-head-side-mask:after {
  content: "\10f963"; }

.fad.fa-head-side-medical:after {
  content: "\10f809"; }

.fad.fa-head-side-virus:after {
  content: "\10f964"; }

.fad.fa-head-vr:after {
  content: "\10f6ea"; }

.fad.fa-heading:after {
  content: "\10f1dc"; }

.fad.fa-headphones:after {
  content: "\10f025"; }

.fad.fa-headphones-alt:after {
  content: "\10f58f"; }

.fad.fa-headset:after {
  content: "\10f590"; }

.fad.fa-heart:after {
  content: "\10f004"; }

.fad.fa-heart-broken:after {
  content: "\10f7a9"; }

.fad.fa-heart-circle:after {
  content: "\10f4c7"; }

.fad.fa-heart-rate:after {
  content: "\10f5f8"; }

.fad.fa-heart-square:after {
  content: "\10f4c8"; }

.fad.fa-heartbeat:after {
  content: "\10f21e"; }

.fad.fa-heat:after {
  content: "\10f90c"; }

.fad.fa-helicopter:after {
  content: "\10f533"; }

.fad.fa-helmet-battle:after {
  content: "\10f6eb"; }

.fad.fa-hexagon:after {
  content: "\10f312"; }

.fad.fa-highlighter:after {
  content: "\10f591"; }

.fad.fa-hiking:after {
  content: "\10f6ec"; }

.fad.fa-hippo:after {
  content: "\10f6ed"; }

.fad.fa-history:after {
  content: "\10f1da"; }

.fad.fa-hockey-mask:after {
  content: "\10f6ee"; }

.fad.fa-hockey-puck:after {
  content: "\10f453"; }

.fad.fa-hockey-sticks:after {
  content: "\10f454"; }

.fad.fa-holly-berry:after {
  content: "\10f7aa"; }

.fad.fa-home:after {
  content: "\10f015"; }

.fad.fa-home-alt:after {
  content: "\10f80a"; }

.fad.fa-home-heart:after {
  content: "\10f4c9"; }

.fad.fa-home-lg:after {
  content: "\10f80b"; }

.fad.fa-home-lg-alt:after {
  content: "\10f80c"; }

.fad.fa-hood-cloak:after {
  content: "\10f6ef"; }

.fad.fa-horizontal-rule:after {
  content: "\10f86c"; }

.fad.fa-horse:after {
  content: "\10f6f0"; }

.fad.fa-horse-head:after {
  content: "\10f7ab"; }

.fad.fa-horse-saddle:after {
  content: "\10f8c3"; }

.fad.fa-hospital:after {
  content: "\10f0f8"; }

.fad.fa-hospital-alt:after {
  content: "\10f47d"; }

.fad.fa-hospital-symbol:after {
  content: "\10f47e"; }

.fad.fa-hospital-user:after {
  content: "\10f80d"; }

.fad.fa-hospitals:after {
  content: "\10f80e"; }

.fad.fa-hot-tub:after {
  content: "\10f593"; }

.fad.fa-hotdog:after {
  content: "\10f80f"; }

.fad.fa-hotel:after {
  content: "\10f594"; }

.fad.fa-hourglass:after {
  content: "\10f254"; }

.fad.fa-hourglass-end:after {
  content: "\10f253"; }

.fad.fa-hourglass-half:after {
  content: "\10f252"; }

.fad.fa-hourglass-start:after {
  content: "\10f251"; }

.fad.fa-house:after {
  content: "\10f90d"; }

.fad.fa-house-damage:after {
  content: "\10f6f1"; }

.fad.fa-house-day:after {
  content: "\10f90e"; }

.fad.fa-house-flood:after {
  content: "\10f74f"; }

.fad.fa-house-leave:after {
  content: "\10f90f"; }

.fad.fa-house-night:after {
  content: "\10f910"; }

.fad.fa-house-return:after {
  content: "\10f911"; }

.fad.fa-house-signal:after {
  content: "\10f912"; }

.fad.fa-house-user:after {
  content: "\10f965"; }

.fad.fa-hryvnia:after {
  content: "\10f6f2"; }

.fad.fa-humidity:after {
  content: "\10f750"; }

.fad.fa-hurricane:after {
  content: "\10f751"; }

.fad.fa-i-cursor:after {
  content: "\10f246"; }

.fad.fa-ice-cream:after {
  content: "\10f810"; }

.fad.fa-ice-skate:after {
  content: "\10f7ac"; }

.fad.fa-icicles:after {
  content: "\10f7ad"; }

.fad.fa-icons:after {
  content: "\10f86d"; }

.fad.fa-icons-alt:after {
  content: "\10f86e"; }

.fad.fa-id-badge:after {
  content: "\10f2c1"; }

.fad.fa-id-card:after {
  content: "\10f2c2"; }

.fad.fa-id-card-alt:after {
  content: "\10f47f"; }

.fad.fa-igloo:after {
  content: "\10f7ae"; }

.fad.fa-image:after {
  content: "\10f03e"; }

.fad.fa-image-polaroid:after {
  content: "\10f8c4"; }

.fad.fa-images:after {
  content: "\10f302"; }

.fad.fa-inbox:after {
  content: "\10f01c"; }

.fad.fa-inbox-in:after {
  content: "\10f310"; }

.fad.fa-inbox-out:after {
  content: "\10f311"; }

.fad.fa-indent:after {
  content: "\10f03c"; }

.fad.fa-industry:after {
  content: "\10f275"; }

.fad.fa-industry-alt:after {
  content: "\10f3b3"; }

.fad.fa-infinity:after {
  content: "\10f534"; }

.fad.fa-info:after {
  content: "\10f129"; }

.fad.fa-info-circle:after {
  content: "\10f05a"; }

.fad.fa-info-square:after {
  content: "\10f30f"; }

.fad.fa-inhaler:after {
  content: "\10f5f9"; }

.fad.fa-integral:after {
  content: "\10f667"; }

.fad.fa-intersection:after {
  content: "\10f668"; }

.fad.fa-inventory:after {
  content: "\10f480"; }

.fad.fa-island-tropical:after {
  content: "\10f811"; }

.fad.fa-italic:after {
  content: "\10f033"; }

.fad.fa-jack-o-lantern:after {
  content: "\10f30e"; }

.fad.fa-jedi:after {
  content: "\10f669"; }

.fad.fa-joint:after {
  content: "\10f595"; }

.fad.fa-journal-whills:after {
  content: "\10f66a"; }

.fad.fa-joystick:after {
  content: "\10f8c5"; }

.fad.fa-jug:after {
  content: "\10f8c6"; }

.fad.fa-kaaba:after {
  content: "\10f66b"; }

.fad.fa-kazoo:after {
  content: "\10f8c7"; }

.fad.fa-kerning:after {
  content: "\10f86f"; }

.fad.fa-key:after {
  content: "\10f084"; }

.fad.fa-key-skeleton:after {
  content: "\10f6f3"; }

.fad.fa-keyboard:after {
  content: "\10f11c"; }

.fad.fa-keynote:after {
  content: "\10f66c"; }

.fad.fa-khanda:after {
  content: "\10f66d"; }

.fad.fa-kidneys:after {
  content: "\10f5fb"; }

.fad.fa-kiss:after {
  content: "\10f596"; }

.fad.fa-kiss-beam:after {
  content: "\10f597"; }

.fad.fa-kiss-wink-heart:after {
  content: "\10f598"; }

.fad.fa-kite:after {
  content: "\10f6f4"; }

.fad.fa-kiwi-bird:after {
  content: "\10f535"; }

.fad.fa-knife-kitchen:after {
  content: "\10f6f5"; }

.fad.fa-lambda:after {
  content: "\10f66e"; }

.fad.fa-lamp:after {
  content: "\10f4ca"; }

.fad.fa-lamp-desk:after {
  content: "\10f914"; }

.fad.fa-lamp-floor:after {
  content: "\10f915"; }

.fad.fa-landmark:after {
  content: "\10f66f"; }

.fad.fa-landmark-alt:after {
  content: "\10f752"; }

.fad.fa-language:after {
  content: "\10f1ab"; }

.fad.fa-laptop:after {
  content: "\10f109"; }

.fad.fa-laptop-code:after {
  content: "\10f5fc"; }

.fad.fa-laptop-house:after {
  content: "\10f966"; }

.fad.fa-laptop-medical:after {
  content: "\10f812"; }

.fad.fa-lasso:after {
  content: "\10f8c8"; }

.fad.fa-laugh:after {
  content: "\10f599"; }

.fad.fa-laugh-beam:after {
  content: "\10f59a"; }

.fad.fa-laugh-squint:after {
  content: "\10f59b"; }

.fad.fa-laugh-wink:after {
  content: "\10f59c"; }

.fad.fa-layer-group:after {
  content: "\10f5fd"; }

.fad.fa-layer-minus:after {
  content: "\10f5fe"; }

.fad.fa-layer-plus:after {
  content: "\10f5ff"; }

.fad.fa-leaf:after {
  content: "\10f06c"; }

.fad.fa-leaf-heart:after {
  content: "\10f4cb"; }

.fad.fa-leaf-maple:after {
  content: "\10f6f6"; }

.fad.fa-leaf-oak:after {
  content: "\10f6f7"; }

.fad.fa-lemon:after {
  content: "\10f094"; }

.fad.fa-less-than:after {
  content: "\10f536"; }

.fad.fa-less-than-equal:after {
  content: "\10f537"; }

.fad.fa-level-down:after {
  content: "\10f149"; }

.fad.fa-level-down-alt:after {
  content: "\10f3be"; }

.fad.fa-level-up:after {
  content: "\10f148"; }

.fad.fa-level-up-alt:after {
  content: "\10f3bf"; }

.fad.fa-life-ring:after {
  content: "\10f1cd"; }

.fad.fa-light-ceiling:after {
  content: "\10f916"; }

.fad.fa-light-switch:after {
  content: "\10f917"; }

.fad.fa-light-switch-off:after {
  content: "\10f918"; }

.fad.fa-light-switch-on:after {
  content: "\10f919"; }

.fad.fa-lightbulb:after {
  content: "\10f0eb"; }

.fad.fa-lightbulb-dollar:after {
  content: "\10f670"; }

.fad.fa-lightbulb-exclamation:after {
  content: "\10f671"; }

.fad.fa-lightbulb-on:after {
  content: "\10f672"; }

.fad.fa-lightbulb-slash:after {
  content: "\10f673"; }

.fad.fa-lights-holiday:after {
  content: "\10f7b2"; }

.fad.fa-line-columns:after {
  content: "\10f870"; }

.fad.fa-line-height:after {
  content: "\10f871"; }

.fad.fa-link:after {
  content: "\10f0c1"; }

.fad.fa-lips:after {
  content: "\10f600"; }

.fad.fa-lira-sign:after {
  content: "\10f195"; }

.fad.fa-list:after {
  content: "\10f03a"; }

.fad.fa-list-alt:after {
  content: "\10f022"; }

.fad.fa-list-music:after {
  content: "\10f8c9"; }

.fad.fa-list-ol:after {
  content: "\10f0cb"; }

.fad.fa-list-ul:after {
  content: "\10f0ca"; }

.fad.fa-location:after {
  content: "\10f601"; }

.fad.fa-location-arrow:after {
  content: "\10f124"; }

.fad.fa-location-circle:after {
  content: "\10f602"; }

.fad.fa-location-slash:after {
  content: "\10f603"; }

.fad.fa-lock:after {
  content: "\10f023"; }

.fad.fa-lock-alt:after {
  content: "\10f30d"; }

.fad.fa-lock-open:after {
  content: "\10f3c1"; }

.fad.fa-lock-open-alt:after {
  content: "\10f3c2"; }

.fad.fa-long-arrow-alt-down:after {
  content: "\10f309"; }

.fad.fa-long-arrow-alt-left:after {
  content: "\10f30a"; }

.fad.fa-long-arrow-alt-right:after {
  content: "\10f30b"; }

.fad.fa-long-arrow-alt-up:after {
  content: "\10f30c"; }

.fad.fa-long-arrow-down:after {
  content: "\10f175"; }

.fad.fa-long-arrow-left:after {
  content: "\10f177"; }

.fad.fa-long-arrow-right:after {
  content: "\10f178"; }

.fad.fa-long-arrow-up:after {
  content: "\10f176"; }

.fad.fa-loveseat:after {
  content: "\10f4cc"; }

.fad.fa-low-vision:after {
  content: "\10f2a8"; }

.fad.fa-luchador:after {
  content: "\10f455"; }

.fad.fa-luggage-cart:after {
  content: "\10f59d"; }

.fad.fa-lungs:after {
  content: "\10f604"; }

.fad.fa-lungs-virus:after {
  content: "\10f967"; }

.fad.fa-mace:after {
  content: "\10f6f8"; }

.fad.fa-magic:after {
  content: "\10f0d0"; }

.fad.fa-magnet:after {
  content: "\10f076"; }

.fad.fa-mail-bulk:after {
  content: "\10f674"; }

.fad.fa-mailbox:after {
  content: "\10f813"; }

.fad.fa-male:after {
  content: "\10f183"; }

.fad.fa-mandolin:after {
  content: "\10f6f9"; }

.fad.fa-map:after {
  content: "\10f279"; }

.fad.fa-map-marked:after {
  content: "\10f59f"; }

.fad.fa-map-marked-alt:after {
  content: "\10f5a0"; }

.fad.fa-map-marker:after {
  content: "\10f041"; }

.fad.fa-map-marker-alt:after {
  content: "\10f3c5"; }

.fad.fa-map-marker-alt-slash:after {
  content: "\10f605"; }

.fad.fa-map-marker-check:after {
  content: "\10f606"; }

.fad.fa-map-marker-edit:after {
  content: "\10f607"; }

.fad.fa-map-marker-exclamation:after {
  content: "\10f608"; }

.fad.fa-map-marker-minus:after {
  content: "\10f609"; }

.fad.fa-map-marker-plus:after {
  content: "\10f60a"; }

.fad.fa-map-marker-question:after {
  content: "\10f60b"; }

.fad.fa-map-marker-slash:after {
  content: "\10f60c"; }

.fad.fa-map-marker-smile:after {
  content: "\10f60d"; }

.fad.fa-map-marker-times:after {
  content: "\10f60e"; }

.fad.fa-map-pin:after {
  content: "\10f276"; }

.fad.fa-map-signs:after {
  content: "\10f277"; }

.fad.fa-marker:after {
  content: "\10f5a1"; }

.fad.fa-mars:after {
  content: "\10f222"; }

.fad.fa-mars-double:after {
  content: "\10f227"; }

.fad.fa-mars-stroke:after {
  content: "\10f229"; }

.fad.fa-mars-stroke-h:after {
  content: "\10f22b"; }

.fad.fa-mars-stroke-v:after {
  content: "\10f22a"; }

.fad.fa-mask:after {
  content: "\10f6fa"; }

.fad.fa-meat:after {
  content: "\10f814"; }

.fad.fa-medal:after {
  content: "\10f5a2"; }

.fad.fa-medkit:after {
  content: "\10f0fa"; }

.fad.fa-megaphone:after {
  content: "\10f675"; }

.fad.fa-meh:after {
  content: "\10f11a"; }

.fad.fa-meh-blank:after {
  content: "\10f5a4"; }

.fad.fa-meh-rolling-eyes:after {
  content: "\10f5a5"; }

.fad.fa-memory:after {
  content: "\10f538"; }

.fad.fa-menorah:after {
  content: "\10f676"; }

.fad.fa-mercury:after {
  content: "\10f223"; }

.fad.fa-meteor:after {
  content: "\10f753"; }

.fad.fa-microchip:after {
  content: "\10f2db"; }

.fad.fa-microphone:after {
  content: "\10f130"; }

.fad.fa-microphone-alt:after {
  content: "\10f3c9"; }

.fad.fa-microphone-alt-slash:after {
  content: "\10f539"; }

.fad.fa-microphone-slash:after {
  content: "\10f131"; }

.fad.fa-microphone-stand:after {
  content: "\10f8cb"; }

.fad.fa-microscope:after {
  content: "\10f610"; }

.fad.fa-microwave:after {
  content: "\10f91b"; }

.fad.fa-mind-share:after {
  content: "\10f677"; }

.fad.fa-minus:after {
  content: "\10f068"; }

.fad.fa-minus-circle:after {
  content: "\10f056"; }

.fad.fa-minus-hexagon:after {
  content: "\10f307"; }

.fad.fa-minus-octagon:after {
  content: "\10f308"; }

.fad.fa-minus-square:after {
  content: "\10f146"; }

.fad.fa-mistletoe:after {
  content: "\10f7b4"; }

.fad.fa-mitten:after {
  content: "\10f7b5"; }

.fad.fa-mobile:after {
  content: "\10f10b"; }

.fad.fa-mobile-alt:after {
  content: "\10f3cd"; }

.fad.fa-mobile-android:after {
  content: "\10f3ce"; }

.fad.fa-mobile-android-alt:after {
  content: "\10f3cf"; }

.fad.fa-money-bill:after {
  content: "\10f0d6"; }

.fad.fa-money-bill-alt:after {
  content: "\10f3d1"; }

.fad.fa-money-bill-wave:after {
  content: "\10f53a"; }

.fad.fa-money-bill-wave-alt:after {
  content: "\10f53b"; }

.fad.fa-money-check:after {
  content: "\10f53c"; }

.fad.fa-money-check-alt:after {
  content: "\10f53d"; }

.fad.fa-money-check-edit:after {
  content: "\10f872"; }

.fad.fa-money-check-edit-alt:after {
  content: "\10f873"; }

.fad.fa-monitor-heart-rate:after {
  content: "\10f611"; }

.fad.fa-monkey:after {
  content: "\10f6fb"; }

.fad.fa-monument:after {
  content: "\10f5a6"; }

.fad.fa-moon:after {
  content: "\10f186"; }

.fad.fa-moon-cloud:after {
  content: "\10f754"; }

.fad.fa-moon-stars:after {
  content: "\10f755"; }

.fad.fa-mortar-pestle:after {
  content: "\10f5a7"; }

.fad.fa-mosque:after {
  content: "\10f678"; }

.fad.fa-motorcycle:after {
  content: "\10f21c"; }

.fad.fa-mountain:after {
  content: "\10f6fc"; }

.fad.fa-mountains:after {
  content: "\10f6fd"; }

.fad.fa-mouse:after {
  content: "\10f8cc"; }

.fad.fa-mouse-alt:after {
  content: "\10f8cd"; }

.fad.fa-mouse-pointer:after {
  content: "\10f245"; }

.fad.fa-mp3-player:after {
  content: "\10f8ce"; }

.fad.fa-mug:after {
  content: "\10f874"; }

.fad.fa-mug-hot:after {
  content: "\10f7b6"; }

.fad.fa-mug-marshmallows:after {
  content: "\10f7b7"; }

.fad.fa-mug-tea:after {
  content: "\10f875"; }

.fad.fa-music:after {
  content: "\10f001"; }

.fad.fa-music-alt:after {
  content: "\10f8cf"; }

.fad.fa-music-alt-slash:after {
  content: "\10f8d0"; }

.fad.fa-music-slash:after {
  content: "\10f8d1"; }

.fad.fa-narwhal:after {
  content: "\10f6fe"; }

.fad.fa-network-wired:after {
  content: "\10f6ff"; }

.fad.fa-neuter:after {
  content: "\10f22c"; }

.fad.fa-newspaper:after {
  content: "\10f1ea"; }

.fad.fa-not-equal:after {
  content: "\10f53e"; }

.fad.fa-notes-medical:after {
  content: "\10f481"; }

.fad.fa-object-group:after {
  content: "\10f247"; }

.fad.fa-object-ungroup:after {
  content: "\10f248"; }

.fad.fa-octagon:after {
  content: "\10f306"; }

.fad.fa-oil-can:after {
  content: "\10f613"; }

.fad.fa-oil-temp:after {
  content: "\10f614"; }

.fad.fa-om:after {
  content: "\10f679"; }

.fad.fa-omega:after {
  content: "\10f67a"; }

.fad.fa-ornament:after {
  content: "\10f7b8"; }

.fad.fa-otter:after {
  content: "\10f700"; }

.fad.fa-outdent:after {
  content: "\10f03b"; }

.fad.fa-outlet:after {
  content: "\10f91c"; }

.fad.fa-oven:after {
  content: "\10f91d"; }

.fad.fa-overline:after {
  content: "\10f876"; }

.fad.fa-page-break:after {
  content: "\10f877"; }

.fad.fa-pager:after {
  content: "\10f815"; }

.fad.fa-paint-brush:after {
  content: "\10f1fc"; }

.fad.fa-paint-brush-alt:after {
  content: "\10f5a9"; }

.fad.fa-paint-roller:after {
  content: "\10f5aa"; }

.fad.fa-palette:after {
  content: "\10f53f"; }

.fad.fa-pallet:after {
  content: "\10f482"; }

.fad.fa-pallet-alt:after {
  content: "\10f483"; }

.fad.fa-paper-plane:after {
  content: "\10f1d8"; }

.fad.fa-paperclip:after {
  content: "\10f0c6"; }

.fad.fa-parachute-box:after {
  content: "\10f4cd"; }

.fad.fa-paragraph:after {
  content: "\10f1dd"; }

.fad.fa-paragraph-rtl:after {
  content: "\10f878"; }

.fad.fa-parking:after {
  content: "\10f540"; }

.fad.fa-parking-circle:after {
  content: "\10f615"; }

.fad.fa-parking-circle-slash:after {
  content: "\10f616"; }

.fad.fa-parking-slash:after {
  content: "\10f617"; }

.fad.fa-passport:after {
  content: "\10f5ab"; }

.fad.fa-pastafarianism:after {
  content: "\10f67b"; }

.fad.fa-paste:after {
  content: "\10f0ea"; }

.fad.fa-pause:after {
  content: "\10f04c"; }

.fad.fa-pause-circle:after {
  content: "\10f28b"; }

.fad.fa-paw:after {
  content: "\10f1b0"; }

.fad.fa-paw-alt:after {
  content: "\10f701"; }

.fad.fa-paw-claws:after {
  content: "\10f702"; }

.fad.fa-peace:after {
  content: "\10f67c"; }

.fad.fa-pegasus:after {
  content: "\10f703"; }

.fad.fa-pen:after {
  content: "\10f304"; }

.fad.fa-pen-alt:after {
  content: "\10f305"; }

.fad.fa-pen-fancy:after {
  content: "\10f5ac"; }

.fad.fa-pen-nib:after {
  content: "\10f5ad"; }

.fad.fa-pen-square:after {
  content: "\10f14b"; }

.fad.fa-pencil:after {
  content: "\10f040"; }

.fad.fa-pencil-alt:after {
  content: "\10f303"; }

.fad.fa-pencil-paintbrush:after {
  content: "\10f618"; }

.fad.fa-pencil-ruler:after {
  content: "\10f5ae"; }

.fad.fa-pennant:after {
  content: "\10f456"; }

.fad.fa-people-arrows:after {
  content: "\10f968"; }

.fad.fa-people-carry:after {
  content: "\10f4ce"; }

.fad.fa-pepper-hot:after {
  content: "\10f816"; }

.fad.fa-percent:after {
  content: "\10f295"; }

.fad.fa-percentage:after {
  content: "\10f541"; }

.fad.fa-person-booth:after {
  content: "\10f756"; }

.fad.fa-person-carry:after {
  content: "\10f4cf"; }

.fad.fa-person-dolly:after {
  content: "\10f4d0"; }

.fad.fa-person-dolly-empty:after {
  content: "\10f4d1"; }

.fad.fa-person-sign:after {
  content: "\10f757"; }

.fad.fa-phone:after {
  content: "\10f095"; }

.fad.fa-phone-alt:after {
  content: "\10f879"; }

.fad.fa-phone-laptop:after {
  content: "\10f87a"; }

.fad.fa-phone-office:after {
  content: "\10f67d"; }

.fad.fa-phone-plus:after {
  content: "\10f4d2"; }

.fad.fa-phone-rotary:after {
  content: "\10f8d3"; }

.fad.fa-phone-slash:after {
  content: "\10f3dd"; }

.fad.fa-phone-square:after {
  content: "\10f098"; }

.fad.fa-phone-square-alt:after {
  content: "\10f87b"; }

.fad.fa-phone-volume:after {
  content: "\10f2a0"; }

.fad.fa-photo-video:after {
  content: "\10f87c"; }

.fad.fa-pi:after {
  content: "\10f67e"; }

.fad.fa-piano:after {
  content: "\10f8d4"; }

.fad.fa-piano-keyboard:after {
  content: "\10f8d5"; }

.fad.fa-pie:after {
  content: "\10f705"; }

.fad.fa-pig:after {
  content: "\10f706"; }

.fad.fa-piggy-bank:after {
  content: "\10f4d3"; }

.fad.fa-pills:after {
  content: "\10f484"; }

.fad.fa-pizza:after {
  content: "\10f817"; }

.fad.fa-pizza-slice:after {
  content: "\10f818"; }

.fad.fa-place-of-worship:after {
  content: "\10f67f"; }

.fad.fa-plane:after {
  content: "\10f072"; }

.fad.fa-plane-alt:after {
  content: "\10f3de"; }

.fad.fa-plane-arrival:after {
  content: "\10f5af"; }

.fad.fa-plane-departure:after {
  content: "\10f5b0"; }

.fad.fa-plane-slash:after {
  content: "\10f969"; }

.fad.fa-planet-moon:after {
  content: "\10f91f"; }

.fad.fa-planet-ringed:after {
  content: "\10f920"; }

.fad.fa-play:after {
  content: "\10f04b"; }

.fad.fa-play-circle:after {
  content: "\10f144"; }

.fad.fa-plug:after {
  content: "\10f1e6"; }

.fad.fa-plus:after {
  content: "\10f067"; }

.fad.fa-plus-circle:after {
  content: "\10f055"; }

.fad.fa-plus-hexagon:after {
  content: "\10f300"; }

.fad.fa-plus-octagon:after {
  content: "\10f301"; }

.fad.fa-plus-square:after {
  content: "\10f0fe"; }

.fad.fa-podcast:after {
  content: "\10f2ce"; }

.fad.fa-podium:after {
  content: "\10f680"; }

.fad.fa-podium-star:after {
  content: "\10f758"; }

.fad.fa-police-box:after {
  content: "\10f921"; }

.fad.fa-poll:after {
  content: "\10f681"; }

.fad.fa-poll-h:after {
  content: "\10f682"; }

.fad.fa-poll-people:after {
  content: "\10f759"; }

.fad.fa-poo:after {
  content: "\10f2fe"; }

.fad.fa-poo-storm:after {
  content: "\10f75a"; }

.fad.fa-poop:after {
  content: "\10f619"; }

.fad.fa-popcorn:after {
  content: "\10f819"; }

.fad.fa-portal-enter:after {
  content: "\10f922"; }

.fad.fa-portal-exit:after {
  content: "\10f923"; }

.fad.fa-portrait:after {
  content: "\10f3e0"; }

.fad.fa-pound-sign:after {
  content: "\10f154"; }

.fad.fa-power-off:after {
  content: "\10f011"; }

.fad.fa-pray:after {
  content: "\10f683"; }

.fad.fa-praying-hands:after {
  content: "\10f684"; }

.fad.fa-prescription:after {
  content: "\10f5b1"; }

.fad.fa-prescription-bottle:after {
  content: "\10f485"; }

.fad.fa-prescription-bottle-alt:after {
  content: "\10f486"; }

.fad.fa-presentation:after {
  content: "\10f685"; }

.fad.fa-print:after {
  content: "\10f02f"; }

.fad.fa-print-search:after {
  content: "\10f81a"; }

.fad.fa-print-slash:after {
  content: "\10f686"; }

.fad.fa-procedures:after {
  content: "\10f487"; }

.fad.fa-project-diagram:after {
  content: "\10f542"; }

.fad.fa-projector:after {
  content: "\10f8d6"; }

.fad.fa-pump-medical:after {
  content: "\10f96a"; }

.fad.fa-pump-soap:after {
  content: "\10f96b"; }

.fad.fa-pumpkin:after {
  content: "\10f707"; }

.fad.fa-puzzle-piece:after {
  content: "\10f12e"; }

.fad.fa-qrcode:after {
  content: "\10f029"; }

.fad.fa-question:after {
  content: "\10f128"; }

.fad.fa-question-circle:after {
  content: "\10f059"; }

.fad.fa-question-square:after {
  content: "\10f2fd"; }

.fad.fa-quidditch:after {
  content: "\10f458"; }

.fad.fa-quote-left:after {
  content: "\10f10d"; }

.fad.fa-quote-right:after {
  content: "\10f10e"; }

.fad.fa-quran:after {
  content: "\10f687"; }

.fad.fa-rabbit:after {
  content: "\10f708"; }

.fad.fa-rabbit-fast:after {
  content: "\10f709"; }

.fad.fa-racquet:after {
  content: "\10f45a"; }

.fad.fa-radar:after {
  content: "\10f924"; }

.fad.fa-radiation:after {
  content: "\10f7b9"; }

.fad.fa-radiation-alt:after {
  content: "\10f7ba"; }

.fad.fa-radio:after {
  content: "\10f8d7"; }

.fad.fa-radio-alt:after {
  content: "\10f8d8"; }

.fad.fa-rainbow:after {
  content: "\10f75b"; }

.fad.fa-raindrops:after {
  content: "\10f75c"; }

.fad.fa-ram:after {
  content: "\10f70a"; }

.fad.fa-ramp-loading:after {
  content: "\10f4d4"; }

.fad.fa-random:after {
  content: "\10f074"; }

.fad.fa-raygun:after {
  content: "\10f925"; }

.fad.fa-receipt:after {
  content: "\10f543"; }

.fad.fa-record-vinyl:after {
  content: "\10f8d9"; }

.fad.fa-rectangle-landscape:after {
  content: "\10f2fa"; }

.fad.fa-rectangle-portrait:after {
  content: "\10f2fb"; }

.fad.fa-rectangle-wide:after {
  content: "\10f2fc"; }

.fad.fa-recycle:after {
  content: "\10f1b8"; }

.fad.fa-redo:after {
  content: "\10f01e"; }

.fad.fa-redo-alt:after {
  content: "\10f2f9"; }

.fad.fa-refrigerator:after {
  content: "\10f926"; }

.fad.fa-registered:after {
  content: "\10f25d"; }

.fad.fa-remove-format:after {
  content: "\10f87d"; }

.fad.fa-repeat:after {
  content: "\10f363"; }

.fad.fa-repeat-1:after {
  content: "\10f365"; }

.fad.fa-repeat-1-alt:after {
  content: "\10f366"; }

.fad.fa-repeat-alt:after {
  content: "\10f364"; }

.fad.fa-reply:after {
  content: "\10f3e5"; }

.fad.fa-reply-all:after {
  content: "\10f122"; }

.fad.fa-republican:after {
  content: "\10f75e"; }

.fad.fa-restroom:after {
  content: "\10f7bd"; }

.fad.fa-retweet:after {
  content: "\10f079"; }

.fad.fa-retweet-alt:after {
  content: "\10f361"; }

.fad.fa-ribbon:after {
  content: "\10f4d6"; }

.fad.fa-ring:after {
  content: "\10f70b"; }

.fad.fa-rings-wedding:after {
  content: "\10f81b"; }

.fad.fa-road:after {
  content: "\10f018"; }

.fad.fa-robot:after {
  content: "\10f544"; }

.fad.fa-rocket:after {
  content: "\10f135"; }

.fad.fa-rocket-launch:after {
  content: "\10f927"; }

.fad.fa-route:after {
  content: "\10f4d7"; }

.fad.fa-route-highway:after {
  content: "\10f61a"; }

.fad.fa-route-interstate:after {
  content: "\10f61b"; }

.fad.fa-router:after {
  content: "\10f8da"; }

.fad.fa-rss:after {
  content: "\10f09e"; }

.fad.fa-rss-square:after {
  content: "\10f143"; }

.fad.fa-ruble-sign:after {
  content: "\10f158"; }

.fad.fa-ruler:after {
  content: "\10f545"; }

.fad.fa-ruler-combined:after {
  content: "\10f546"; }

.fad.fa-ruler-horizontal:after {
  content: "\10f547"; }

.fad.fa-ruler-triangle:after {
  content: "\10f61c"; }

.fad.fa-ruler-vertical:after {
  content: "\10f548"; }

.fad.fa-running:after {
  content: "\10f70c"; }

.fad.fa-rupee-sign:after {
  content: "\10f156"; }

.fad.fa-rv:after {
  content: "\10f7be"; }

.fad.fa-sack:after {
  content: "\10f81c"; }

.fad.fa-sack-dollar:after {
  content: "\10f81d"; }

.fad.fa-sad-cry:after {
  content: "\10f5b3"; }

.fad.fa-sad-tear:after {
  content: "\10f5b4"; }

.fad.fa-salad:after {
  content: "\10f81e"; }

.fad.fa-sandwich:after {
  content: "\10f81f"; }

.fad.fa-satellite:after {
  content: "\10f7bf"; }

.fad.fa-satellite-dish:after {
  content: "\10f7c0"; }

.fad.fa-sausage:after {
  content: "\10f820"; }

.fad.fa-save:after {
  content: "\10f0c7"; }

.fad.fa-sax-hot:after {
  content: "\10f8db"; }

.fad.fa-saxophone:after {
  content: "\10f8dc"; }

.fad.fa-scalpel:after {
  content: "\10f61d"; }

.fad.fa-scalpel-path:after {
  content: "\10f61e"; }

.fad.fa-scanner:after {
  content: "\10f488"; }

.fad.fa-scanner-image:after {
  content: "\10f8f3"; }

.fad.fa-scanner-keyboard:after {
  content: "\10f489"; }

.fad.fa-scanner-touchscreen:after {
  content: "\10f48a"; }

.fad.fa-scarecrow:after {
  content: "\10f70d"; }

.fad.fa-scarf:after {
  content: "\10f7c1"; }

.fad.fa-school:after {
  content: "\10f549"; }

.fad.fa-screwdriver:after {
  content: "\10f54a"; }

.fad.fa-scroll:after {
  content: "\10f70e"; }

.fad.fa-scroll-old:after {
  content: "\10f70f"; }

.fad.fa-scrubber:after {
  content: "\10f2f8"; }

.fad.fa-scythe:after {
  content: "\10f710"; }

.fad.fa-sd-card:after {
  content: "\10f7c2"; }

.fad.fa-search:after {
  content: "\10f002"; }

.fad.fa-search-dollar:after {
  content: "\10f688"; }

.fad.fa-search-location:after {
  content: "\10f689"; }

.fad.fa-search-minus:after {
  content: "\10f010"; }

.fad.fa-search-plus:after {
  content: "\10f00e"; }

.fad.fa-seedling:after {
  content: "\10f4d8"; }

.fad.fa-send-back:after {
  content: "\10f87e"; }

.fad.fa-send-backward:after {
  content: "\10f87f"; }

.fad.fa-sensor:after {
  content: "\10f928"; }

.fad.fa-sensor-alert:after {
  content: "\10f929"; }

.fad.fa-sensor-fire:after {
  content: "\10f92a"; }

.fad.fa-sensor-on:after {
  content: "\10f92b"; }

.fad.fa-sensor-smoke:after {
  content: "\10f92c"; }

.fad.fa-server:after {
  content: "\10f233"; }

.fad.fa-shapes:after {
  content: "\10f61f"; }

.fad.fa-share:after {
  content: "\10f064"; }

.fad.fa-share-all:after {
  content: "\10f367"; }

.fad.fa-share-alt:after {
  content: "\10f1e0"; }

.fad.fa-share-alt-square:after {
  content: "\10f1e1"; }

.fad.fa-share-square:after {
  content: "\10f14d"; }

.fad.fa-sheep:after {
  content: "\10f711"; }

.fad.fa-shekel-sign:after {
  content: "\10f20b"; }

.fad.fa-shield:after {
  content: "\10f132"; }

.fad.fa-shield-alt:after {
  content: "\10f3ed"; }

.fad.fa-shield-check:after {
  content: "\10f2f7"; }

.fad.fa-shield-cross:after {
  content: "\10f712"; }

.fad.fa-shield-virus:after {
  content: "\10f96c"; }

.fad.fa-ship:after {
  content: "\10f21a"; }

.fad.fa-shipping-fast:after {
  content: "\10f48b"; }

.fad.fa-shipping-timed:after {
  content: "\10f48c"; }

.fad.fa-shish-kebab:after {
  content: "\10f821"; }

.fad.fa-shoe-prints:after {
  content: "\10f54b"; }

.fad.fa-shopping-bag:after {
  content: "\10f290"; }

.fad.fa-shopping-basket:after {
  content: "\10f291"; }

.fad.fa-shopping-cart:after {
  content: "\10f07a"; }

.fad.fa-shovel:after {
  content: "\10f713"; }

.fad.fa-shovel-snow:after {
  content: "\10f7c3"; }

.fad.fa-shower:after {
  content: "\10f2cc"; }

.fad.fa-shredder:after {
  content: "\10f68a"; }

.fad.fa-shuttle-van:after {
  content: "\10f5b6"; }

.fad.fa-shuttlecock:after {
  content: "\10f45b"; }

.fad.fa-sickle:after {
  content: "\10f822"; }

.fad.fa-sigma:after {
  content: "\10f68b"; }

.fad.fa-sign:after {
  content: "\10f4d9"; }

.fad.fa-sign-in:after {
  content: "\10f090"; }

.fad.fa-sign-in-alt:after {
  content: "\10f2f6"; }

.fad.fa-sign-language:after {
  content: "\10f2a7"; }

.fad.fa-sign-out:after {
  content: "\10f08b"; }

.fad.fa-sign-out-alt:after {
  content: "\10f2f5"; }

.fad.fa-signal:after {
  content: "\10f012"; }

.fad.fa-signal-1:after {
  content: "\10f68c"; }

.fad.fa-signal-2:after {
  content: "\10f68d"; }

.fad.fa-signal-3:after {
  content: "\10f68e"; }

.fad.fa-signal-4:after {
  content: "\10f68f"; }

.fad.fa-signal-alt:after {
  content: "\10f690"; }

.fad.fa-signal-alt-1:after {
  content: "\10f691"; }

.fad.fa-signal-alt-2:after {
  content: "\10f692"; }

.fad.fa-signal-alt-3:after {
  content: "\10f693"; }

.fad.fa-signal-alt-slash:after {
  content: "\10f694"; }

.fad.fa-signal-slash:after {
  content: "\10f695"; }

.fad.fa-signal-stream:after {
  content: "\10f8dd"; }

.fad.fa-signature:after {
  content: "\10f5b7"; }

.fad.fa-sim-card:after {
  content: "\10f7c4"; }

.fad.fa-sink:after {
  content: "\10f96d"; }

.fad.fa-siren:after {
  content: "\10f92d"; }

.fad.fa-siren-on:after {
  content: "\10f92e"; }

.fad.fa-sitemap:after {
  content: "\10f0e8"; }

.fad.fa-skating:after {
  content: "\10f7c5"; }

.fad.fa-skeleton:after {
  content: "\10f620"; }

.fad.fa-ski-jump:after {
  content: "\10f7c7"; }

.fad.fa-ski-lift:after {
  content: "\10f7c8"; }

.fad.fa-skiing:after {
  content: "\10f7c9"; }

.fad.fa-skiing-nordic:after {
  content: "\10f7ca"; }

.fad.fa-skull:after {
  content: "\10f54c"; }

.fad.fa-skull-cow:after {
  content: "\10f8de"; }

.fad.fa-skull-crossbones:after {
  content: "\10f714"; }

.fad.fa-slash:after {
  content: "\10f715"; }

.fad.fa-sledding:after {
  content: "\10f7cb"; }

.fad.fa-sleigh:after {
  content: "\10f7cc"; }

.fad.fa-sliders-h:after {
  content: "\10f1de"; }

.fad.fa-sliders-h-square:after {
  content: "\10f3f0"; }

.fad.fa-sliders-v:after {
  content: "\10f3f1"; }

.fad.fa-sliders-v-square:after {
  content: "\10f3f2"; }

.fad.fa-smile:after {
  content: "\10f118"; }

.fad.fa-smile-beam:after {
  content: "\10f5b8"; }

.fad.fa-smile-plus:after {
  content: "\10f5b9"; }

.fad.fa-smile-wink:after {
  content: "\10f4da"; }

.fad.fa-smog:after {
  content: "\10f75f"; }

.fad.fa-smoke:after {
  content: "\10f760"; }

.fad.fa-smoking:after {
  content: "\10f48d"; }

.fad.fa-smoking-ban:after {
  content: "\10f54d"; }

.fad.fa-sms:after {
  content: "\10f7cd"; }

.fad.fa-snake:after {
  content: "\10f716"; }

.fad.fa-snooze:after {
  content: "\10f880"; }

.fad.fa-snow-blowing:after {
  content: "\10f761"; }

.fad.fa-snowboarding:after {
  content: "\10f7ce"; }

.fad.fa-snowflake:after {
  content: "\10f2dc"; }

.fad.fa-snowflakes:after {
  content: "\10f7cf"; }

.fad.fa-snowman:after {
  content: "\10f7d0"; }

.fad.fa-snowmobile:after {
  content: "\10f7d1"; }

.fad.fa-snowplow:after {
  content: "\10f7d2"; }

.fad.fa-soap:after {
  content: "\10f96e"; }

.fad.fa-socks:after {
  content: "\10f696"; }

.fad.fa-solar-panel:after {
  content: "\10f5ba"; }

.fad.fa-solar-system:after {
  content: "\10f92f"; }

.fad.fa-sort:after {
  content: "\10f0dc"; }

.fad.fa-sort-alpha-down:after {
  content: "\10f15d"; }

.fad.fa-sort-alpha-down-alt:after {
  content: "\10f881"; }

.fad.fa-sort-alpha-up:after {
  content: "\10f15e"; }

.fad.fa-sort-alpha-up-alt:after {
  content: "\10f882"; }

.fad.fa-sort-alt:after {
  content: "\10f883"; }

.fad.fa-sort-amount-down:after {
  content: "\10f160"; }

.fad.fa-sort-amount-down-alt:after {
  content: "\10f884"; }

.fad.fa-sort-amount-up:after {
  content: "\10f161"; }

.fad.fa-sort-amount-up-alt:after {
  content: "\10f885"; }

.fad.fa-sort-circle:after {
  content: "\10f930"; }

.fad.fa-sort-circle-down:after {
  content: "\10f931"; }

.fad.fa-sort-circle-up:after {
  content: "\10f932"; }

.fad.fa-sort-down:after {
  content: "\10f0dd"; }

.fad.fa-sort-numeric-down:after {
  content: "\10f162"; }

.fad.fa-sort-numeric-down-alt:after {
  content: "\10f886"; }

.fad.fa-sort-numeric-up:after {
  content: "\10f163"; }

.fad.fa-sort-numeric-up-alt:after {
  content: "\10f887"; }

.fad.fa-sort-shapes-down:after {
  content: "\10f888"; }

.fad.fa-sort-shapes-down-alt:after {
  content: "\10f889"; }

.fad.fa-sort-shapes-up:after {
  content: "\10f88a"; }

.fad.fa-sort-shapes-up-alt:after {
  content: "\10f88b"; }

.fad.fa-sort-size-down:after {
  content: "\10f88c"; }

.fad.fa-sort-size-down-alt:after {
  content: "\10f88d"; }

.fad.fa-sort-size-up:after {
  content: "\10f88e"; }

.fad.fa-sort-size-up-alt:after {
  content: "\10f88f"; }

.fad.fa-sort-up:after {
  content: "\10f0de"; }

.fad.fa-soup:after {
  content: "\10f823"; }

.fad.fa-spa:after {
  content: "\10f5bb"; }

.fad.fa-space-shuttle:after {
  content: "\10f197"; }

.fad.fa-space-station-moon:after {
  content: "\10f933"; }

.fad.fa-space-station-moon-alt:after {
  content: "\10f934"; }

.fad.fa-spade:after {
  content: "\10f2f4"; }

.fad.fa-sparkles:after {
  content: "\10f890"; }

.fad.fa-speaker:after {
  content: "\10f8df"; }

.fad.fa-speakers:after {
  content: "\10f8e0"; }

.fad.fa-spell-check:after {
  content: "\10f891"; }

.fad.fa-spider:after {
  content: "\10f717"; }

.fad.fa-spider-black-widow:after {
  content: "\10f718"; }

.fad.fa-spider-web:after {
  content: "\10f719"; }

.fad.fa-spinner:after {
  content: "\10f110"; }

.fad.fa-spinner-third:after {
  content: "\10f3f4"; }

.fad.fa-splotch:after {
  content: "\10f5bc"; }

.fad.fa-spray-can:after {
  content: "\10f5bd"; }

.fad.fa-sprinkler:after {
  content: "\10f935"; }

.fad.fa-square:after {
  content: "\10f0c8"; }

.fad.fa-square-full:after {
  content: "\10f45c"; }

.fad.fa-square-root:after {
  content: "\10f697"; }

.fad.fa-square-root-alt:after {
  content: "\10f698"; }

.fad.fa-squirrel:after {
  content: "\10f71a"; }

.fad.fa-staff:after {
  content: "\10f71b"; }

.fad.fa-stamp:after {
  content: "\10f5bf"; }

.fad.fa-star:after {
  content: "\10f005"; }

.fad.fa-star-and-crescent:after {
  content: "\10f699"; }

.fad.fa-star-christmas:after {
  content: "\10f7d4"; }

.fad.fa-star-exclamation:after {
  content: "\10f2f3"; }

.fad.fa-star-half:after {
  content: "\10f089"; }

.fad.fa-star-half-alt:after {
  content: "\10f5c0"; }

.fad.fa-star-of-david:after {
  content: "\10f69a"; }

.fad.fa-star-of-life:after {
  content: "\10f621"; }

.fad.fa-star-shooting:after {
  content: "\10f936"; }

.fad.fa-starfighter:after {
  content: "\10f937"; }

.fad.fa-starfighter-alt:after {
  content: "\10f938"; }

.fad.fa-stars:after {
  content: "\10f762"; }

.fad.fa-starship:after {
  content: "\10f939"; }

.fad.fa-starship-freighter:after {
  content: "\10f93a"; }

.fad.fa-steak:after {
  content: "\10f824"; }

.fad.fa-steering-wheel:after {
  content: "\10f622"; }

.fad.fa-step-backward:after {
  content: "\10f048"; }

.fad.fa-step-forward:after {
  content: "\10f051"; }

.fad.fa-stethoscope:after {
  content: "\10f0f1"; }

.fad.fa-sticky-note:after {
  content: "\10f249"; }

.fad.fa-stocking:after {
  content: "\10f7d5"; }

.fad.fa-stomach:after {
  content: "\10f623"; }

.fad.fa-stop:after {
  content: "\10f04d"; }

.fad.fa-stop-circle:after {
  content: "\10f28d"; }

.fad.fa-stopwatch:after {
  content: "\10f2f2"; }

.fad.fa-stopwatch-20:after {
  content: "\10f96f"; }

.fad.fa-store:after {
  content: "\10f54e"; }

.fad.fa-store-alt:after {
  content: "\10f54f"; }

.fad.fa-store-alt-slash:after {
  content: "\10f970"; }

.fad.fa-store-slash:after {
  content: "\10f971"; }

.fad.fa-stream:after {
  content: "\10f550"; }

.fad.fa-street-view:after {
  content: "\10f21d"; }

.fad.fa-stretcher:after {
  content: "\10f825"; }

.fad.fa-strikethrough:after {
  content: "\10f0cc"; }

.fad.fa-stroopwafel:after {
  content: "\10f551"; }

.fad.fa-subscript:after {
  content: "\10f12c"; }

.fad.fa-subway:after {
  content: "\10f239"; }

.fad.fa-suitcase:after {
  content: "\10f0f2"; }

.fad.fa-suitcase-rolling:after {
  content: "\10f5c1"; }

.fad.fa-sun:after {
  content: "\10f185"; }

.fad.fa-sun-cloud:after {
  content: "\10f763"; }

.fad.fa-sun-dust:after {
  content: "\10f764"; }

.fad.fa-sun-haze:after {
  content: "\10f765"; }

.fad.fa-sunglasses:after {
  content: "\10f892"; }

.fad.fa-sunrise:after {
  content: "\10f766"; }

.fad.fa-sunset:after {
  content: "\10f767"; }

.fad.fa-superscript:after {
  content: "\10f12b"; }

.fad.fa-surprise:after {
  content: "\10f5c2"; }

.fad.fa-swatchbook:after {
  content: "\10f5c3"; }

.fad.fa-swimmer:after {
  content: "\10f5c4"; }

.fad.fa-swimming-pool:after {
  content: "\10f5c5"; }

.fad.fa-sword:after {
  content: "\10f71c"; }

.fad.fa-sword-laser:after {
  content: "\10f93b"; }

.fad.fa-sword-laser-alt:after {
  content: "\10f93c"; }

.fad.fa-swords:after {
  content: "\10f71d"; }

.fad.fa-swords-laser:after {
  content: "\10f93d"; }

.fad.fa-synagogue:after {
  content: "\10f69b"; }

.fad.fa-sync:after {
  content: "\10f021"; }

.fad.fa-sync-alt:after {
  content: "\10f2f1"; }

.fad.fa-syringe:after {
  content: "\10f48e"; }

.fad.fa-table:after {
  content: "\10f0ce"; }

.fad.fa-table-tennis:after {
  content: "\10f45d"; }

.fad.fa-tablet:after {
  content: "\10f10a"; }

.fad.fa-tablet-alt:after {
  content: "\10f3fa"; }

.fad.fa-tablet-android:after {
  content: "\10f3fb"; }

.fad.fa-tablet-android-alt:after {
  content: "\10f3fc"; }

.fad.fa-tablet-rugged:after {
  content: "\10f48f"; }

.fad.fa-tablets:after {
  content: "\10f490"; }

.fad.fa-tachometer:after {
  content: "\10f0e4"; }

.fad.fa-tachometer-alt:after {
  content: "\10f3fd"; }

.fad.fa-tachometer-alt-average:after {
  content: "\10f624"; }

.fad.fa-tachometer-alt-fast:after {
  content: "\10f625"; }

.fad.fa-tachometer-alt-fastest:after {
  content: "\10f626"; }

.fad.fa-tachometer-alt-slow:after {
  content: "\10f627"; }

.fad.fa-tachometer-alt-slowest:after {
  content: "\10f628"; }

.fad.fa-tachometer-average:after {
  content: "\10f629"; }

.fad.fa-tachometer-fast:after {
  content: "\10f62a"; }

.fad.fa-tachometer-fastest:after {
  content: "\10f62b"; }

.fad.fa-tachometer-slow:after {
  content: "\10f62c"; }

.fad.fa-tachometer-slowest:after {
  content: "\10f62d"; }

.fad.fa-taco:after {
  content: "\10f826"; }

.fad.fa-tag:after {
  content: "\10f02b"; }

.fad.fa-tags:after {
  content: "\10f02c"; }

.fad.fa-tally:after {
  content: "\10f69c"; }

.fad.fa-tanakh:after {
  content: "\10f827"; }

.fad.fa-tape:after {
  content: "\10f4db"; }

.fad.fa-tasks:after {
  content: "\10f0ae"; }

.fad.fa-tasks-alt:after {
  content: "\10f828"; }

.fad.fa-taxi:after {
  content: "\10f1ba"; }

.fad.fa-teeth:after {
  content: "\10f62e"; }

.fad.fa-teeth-open:after {
  content: "\10f62f"; }

.fad.fa-telescope:after {
  content: "\10f93e"; }

.fad.fa-temperature-down:after {
  content: "\10f93f"; }

.fad.fa-temperature-frigid:after {
  content: "\10f768"; }

.fad.fa-temperature-high:after {
  content: "\10f769"; }

.fad.fa-temperature-hot:after {
  content: "\10f76a"; }

.fad.fa-temperature-low:after {
  content: "\10f76b"; }

.fad.fa-temperature-up:after {
  content: "\10f940"; }

.fad.fa-tenge:after {
  content: "\10f7d7"; }

.fad.fa-tennis-ball:after {
  content: "\10f45e"; }

.fad.fa-terminal:after {
  content: "\10f120"; }

.fad.fa-text:after {
  content: "\10f893"; }

.fad.fa-text-height:after {
  content: "\10f034"; }

.fad.fa-text-size:after {
  content: "\10f894"; }

.fad.fa-text-width:after {
  content: "\10f035"; }

.fad.fa-th:after {
  content: "\10f00a"; }

.fad.fa-th-large:after {
  content: "\10f009"; }

.fad.fa-th-list:after {
  content: "\10f00b"; }

.fad.fa-theater-masks:after {
  content: "\10f630"; }

.fad.fa-thermometer:after {
  content: "\10f491"; }

.fad.fa-thermometer-empty:after {
  content: "\10f2cb"; }

.fad.fa-thermometer-full:after {
  content: "\10f2c7"; }

.fad.fa-thermometer-half:after {
  content: "\10f2c9"; }

.fad.fa-thermometer-quarter:after {
  content: "\10f2ca"; }

.fad.fa-thermometer-three-quarters:after {
  content: "\10f2c8"; }

.fad.fa-theta:after {
  content: "\10f69e"; }

.fad.fa-thumbs-down:after {
  content: "\10f165"; }

.fad.fa-thumbs-up:after {
  content: "\10f164"; }

.fad.fa-thumbtack:after {
  content: "\10f08d"; }

.fad.fa-thunderstorm:after {
  content: "\10f76c"; }

.fad.fa-thunderstorm-moon:after {
  content: "\10f76d"; }

.fad.fa-thunderstorm-sun:after {
  content: "\10f76e"; }

.fad.fa-ticket:after {
  content: "\10f145"; }

.fad.fa-ticket-alt:after {
  content: "\10f3ff"; }

.fad.fa-tilde:after {
  content: "\10f69f"; }

.fad.fa-times:after {
  content: "\10f00d"; }

.fad.fa-times-circle:after {
  content: "\10f057"; }

.fad.fa-times-hexagon:after {
  content: "\10f2ee"; }

.fad.fa-times-octagon:after {
  content: "\10f2f0"; }

.fad.fa-times-square:after {
  content: "\10f2d3"; }

.fad.fa-tint:after {
  content: "\10f043"; }

.fad.fa-tint-slash:after {
  content: "\10f5c7"; }

.fad.fa-tire:after {
  content: "\10f631"; }

.fad.fa-tire-flat:after {
  content: "\10f632"; }

.fad.fa-tire-pressure-warning:after {
  content: "\10f633"; }

.fad.fa-tire-rugged:after {
  content: "\10f634"; }

.fad.fa-tired:after {
  content: "\10f5c8"; }

.fad.fa-toggle-off:after {
  content: "\10f204"; }

.fad.fa-toggle-on:after {
  content: "\10f205"; }

.fad.fa-toilet:after {
  content: "\10f7d8"; }

.fad.fa-toilet-paper:after {
  content: "\10f71e"; }

.fad.fa-toilet-paper-alt:after {
  content: "\10f71f"; }

.fad.fa-toilet-paper-slash:after {
  content: "\10f972"; }

.fad.fa-tombstone:after {
  content: "\10f720"; }

.fad.fa-tombstone-alt:after {
  content: "\10f721"; }

.fad.fa-toolbox:after {
  content: "\10f552"; }

.fad.fa-tools:after {
  content: "\10f7d9"; }

.fad.fa-tooth:after {
  content: "\10f5c9"; }

.fad.fa-toothbrush:after {
  content: "\10f635"; }

.fad.fa-torah:after {
  content: "\10f6a0"; }

.fad.fa-torii-gate:after {
  content: "\10f6a1"; }

.fad.fa-tornado:after {
  content: "\10f76f"; }

.fad.fa-tractor:after {
  content: "\10f722"; }

.fad.fa-trademark:after {
  content: "\10f25c"; }

.fad.fa-traffic-cone:after {
  content: "\10f636"; }

.fad.fa-traffic-light:after {
  content: "\10f637"; }

.fad.fa-traffic-light-go:after {
  content: "\10f638"; }

.fad.fa-traffic-light-slow:after {
  content: "\10f639"; }

.fad.fa-traffic-light-stop:after {
  content: "\10f63a"; }

.fad.fa-trailer:after {
  content: "\10f941"; }

.fad.fa-train:after {
  content: "\10f238"; }

.fad.fa-tram:after {
  content: "\10f7da"; }

.fad.fa-transgender:after {
  content: "\10f224"; }

.fad.fa-transgender-alt:after {
  content: "\10f225"; }

.fad.fa-transporter:after {
  content: "\10f942"; }

.fad.fa-transporter-1:after {
  content: "\10f943"; }

.fad.fa-transporter-2:after {
  content: "\10f944"; }

.fad.fa-transporter-3:after {
  content: "\10f945"; }

.fad.fa-transporter-empty:after {
  content: "\10f946"; }

.fad.fa-trash:after {
  content: "\10f1f8"; }

.fad.fa-trash-alt:after {
  content: "\10f2ed"; }

.fad.fa-trash-restore:after {
  content: "\10f829"; }

.fad.fa-trash-restore-alt:after {
  content: "\10f82a"; }

.fad.fa-trash-undo:after {
  content: "\10f895"; }

.fad.fa-trash-undo-alt:after {
  content: "\10f896"; }

.fad.fa-treasure-chest:after {
  content: "\10f723"; }

.fad.fa-tree:after {
  content: "\10f1bb"; }

.fad.fa-tree-alt:after {
  content: "\10f400"; }

.fad.fa-tree-christmas:after {
  content: "\10f7db"; }

.fad.fa-tree-decorated:after {
  content: "\10f7dc"; }

.fad.fa-tree-large:after {
  content: "\10f7dd"; }

.fad.fa-tree-palm:after {
  content: "\10f82b"; }

.fad.fa-trees:after {
  content: "\10f724"; }

.fad.fa-triangle:after {
  content: "\10f2ec"; }

.fad.fa-triangle-music:after {
  content: "\10f8e2"; }

.fad.fa-trophy:after {
  content: "\10f091"; }

.fad.fa-trophy-alt:after {
  content: "\10f2eb"; }

.fad.fa-truck:after {
  content: "\10f0d1"; }

.fad.fa-truck-container:after {
  content: "\10f4dc"; }

.fad.fa-truck-couch:after {
  content: "\10f4dd"; }

.fad.fa-truck-loading:after {
  content: "\10f4de"; }

.fad.fa-truck-monster:after {
  content: "\10f63b"; }

.fad.fa-truck-moving:after {
  content: "\10f4df"; }

.fad.fa-truck-pickup:after {
  content: "\10f63c"; }

.fad.fa-truck-plow:after {
  content: "\10f7de"; }

.fad.fa-truck-ramp:after {
  content: "\10f4e0"; }

.fad.fa-trumpet:after {
  content: "\10f8e3"; }

.fad.fa-tshirt:after {
  content: "\10f553"; }

.fad.fa-tty:after {
  content: "\10f1e4"; }

.fad.fa-turkey:after {
  content: "\10f725"; }

.fad.fa-turntable:after {
  content: "\10f8e4"; }

.fad.fa-turtle:after {
  content: "\10f726"; }

.fad.fa-tv:after {
  content: "\10f26c"; }

.fad.fa-tv-alt:after {
  content: "\10f8e5"; }

.fad.fa-tv-music:after {
  content: "\10f8e6"; }

.fad.fa-tv-retro:after {
  content: "\10f401"; }

.fad.fa-typewriter:after {
  content: "\10f8e7"; }

.fad.fa-ufo:after {
  content: "\10f947"; }

.fad.fa-ufo-beam:after {
  content: "\10f948"; }

.fad.fa-umbrella:after {
  content: "\10f0e9"; }

.fad.fa-umbrella-beach:after {
  content: "\10f5ca"; }

.fad.fa-underline:after {
  content: "\10f0cd"; }

.fad.fa-undo:after {
  content: "\10f0e2"; }

.fad.fa-undo-alt:after {
  content: "\10f2ea"; }

.fad.fa-unicorn:after {
  content: "\10f727"; }

.fad.fa-union:after {
  content: "\10f6a2"; }

.fad.fa-universal-access:after {
  content: "\10f29a"; }

.fad.fa-university:after {
  content: "\10f19c"; }

.fad.fa-unlink:after {
  content: "\10f127"; }

.fad.fa-unlock:after {
  content: "\10f09c"; }

.fad.fa-unlock-alt:after {
  content: "\10f13e"; }

.fad.fa-upload:after {
  content: "\10f093"; }

.fad.fa-usb-drive:after {
  content: "\10f8e9"; }

.fad.fa-usd-circle:after {
  content: "\10f2e8"; }

.fad.fa-usd-square:after {
  content: "\10f2e9"; }

.fad.fa-user:after {
  content: "\10f007"; }

.fad.fa-user-alien:after {
  content: "\10f94a"; }

.fad.fa-user-alt:after {
  content: "\10f406"; }

.fad.fa-user-alt-slash:after {
  content: "\10f4fa"; }

.fad.fa-user-astronaut:after {
  content: "\10f4fb"; }

.fad.fa-user-chart:after {
  content: "\10f6a3"; }

.fad.fa-user-check:after {
  content: "\10f4fc"; }

.fad.fa-user-circle:after {
  content: "\10f2bd"; }

.fad.fa-user-clock:after {
  content: "\10f4fd"; }

.fad.fa-user-cog:after {
  content: "\10f4fe"; }

.fad.fa-user-cowboy:after {
  content: "\10f8ea"; }

.fad.fa-user-crown:after {
  content: "\10f6a4"; }

.fad.fa-user-edit:after {
  content: "\10f4ff"; }

.fad.fa-user-friends:after {
  content: "\10f500"; }

.fad.fa-user-graduate:after {
  content: "\10f501"; }

.fad.fa-user-hard-hat:after {
  content: "\10f82c"; }

.fad.fa-user-headset:after {
  content: "\10f82d"; }

.fad.fa-user-injured:after {
  content: "\10f728"; }

.fad.fa-user-lock:after {
  content: "\10f502"; }

.fad.fa-user-md:after {
  content: "\10f0f0"; }

.fad.fa-user-md-chat:after {
  content: "\10f82e"; }

.fad.fa-user-minus:after {
  content: "\10f503"; }

.fad.fa-user-music:after {
  content: "\10f8eb"; }

.fad.fa-user-ninja:after {
  content: "\10f504"; }

.fad.fa-user-nurse:after {
  content: "\10f82f"; }

.fad.fa-user-plus:after {
  content: "\10f234"; }

.fad.fa-user-robot:after {
  content: "\10f94b"; }

.fad.fa-user-secret:after {
  content: "\10f21b"; }

.fad.fa-user-shield:after {
  content: "\10f505"; }

.fad.fa-user-slash:after {
  content: "\10f506"; }

.fad.fa-user-tag:after {
  content: "\10f507"; }

.fad.fa-user-tie:after {
  content: "\10f508"; }

.fad.fa-user-times:after {
  content: "\10f235"; }

.fad.fa-user-unlock:after {
  content: "\10f958"; }

.fad.fa-user-visor:after {
  content: "\10f94c"; }

.fad.fa-users:after {
  content: "\10f0c0"; }

.fad.fa-users-class:after {
  content: "\10f63d"; }

.fad.fa-users-cog:after {
  content: "\10f509"; }

.fad.fa-users-crown:after {
  content: "\10f6a5"; }

.fad.fa-users-medical:after {
  content: "\10f830"; }

.fad.fa-users-slash:after {
  content: "\10f973"; }

.fad.fa-utensil-fork:after {
  content: "\10f2e3"; }

.fad.fa-utensil-knife:after {
  content: "\10f2e4"; }

.fad.fa-utensil-spoon:after {
  content: "\10f2e5"; }

.fad.fa-utensils:after {
  content: "\10f2e7"; }

.fad.fa-utensils-alt:after {
  content: "\10f2e6"; }

.fad.fa-vacuum:after {
  content: "\10f94d"; }

.fad.fa-vacuum-robot:after {
  content: "\10f94e"; }

.fad.fa-value-absolute:after {
  content: "\10f6a6"; }

.fad.fa-vector-square:after {
  content: "\10f5cb"; }

.fad.fa-venus:after {
  content: "\10f221"; }

.fad.fa-venus-double:after {
  content: "\10f226"; }

.fad.fa-venus-mars:after {
  content: "\10f228"; }

.fad.fa-vhs:after {
  content: "\10f8ec"; }

.fad.fa-vial:after {
  content: "\10f492"; }

.fad.fa-vials:after {
  content: "\10f493"; }

.fad.fa-video:after {
  content: "\10f03d"; }

.fad.fa-video-plus:after {
  content: "\10f4e1"; }

.fad.fa-video-slash:after {
  content: "\10f4e2"; }

.fad.fa-vihara:after {
  content: "\10f6a7"; }

.fad.fa-violin:after {
  content: "\10f8ed"; }

.fad.fa-virus:after {
  content: "\10f974"; }

.fad.fa-virus-slash:after {
  content: "\10f975"; }

.fad.fa-viruses:after {
  content: "\10f976"; }

.fad.fa-voicemail:after {
  content: "\10f897"; }

.fad.fa-volcano:after {
  content: "\10f770"; }

.fad.fa-volleyball-ball:after {
  content: "\10f45f"; }

.fad.fa-volume:after {
  content: "\10f6a8"; }

.fad.fa-volume-down:after {
  content: "\10f027"; }

.fad.fa-volume-mute:after {
  content: "\10f6a9"; }

.fad.fa-volume-off:after {
  content: "\10f026"; }

.fad.fa-volume-slash:after {
  content: "\10f2e2"; }

.fad.fa-volume-up:after {
  content: "\10f028"; }

.fad.fa-vote-nay:after {
  content: "\10f771"; }

.fad.fa-vote-yea:after {
  content: "\10f772"; }

.fad.fa-vr-cardboard:after {
  content: "\10f729"; }

.fad.fa-wagon-covered:after {
  content: "\10f8ee"; }

.fad.fa-walker:after {
  content: "\10f831"; }

.fad.fa-walkie-talkie:after {
  content: "\10f8ef"; }

.fad.fa-walking:after {
  content: "\10f554"; }

.fad.fa-wallet:after {
  content: "\10f555"; }

.fad.fa-wand:after {
  content: "\10f72a"; }

.fad.fa-wand-magic:after {
  content: "\10f72b"; }

.fad.fa-warehouse:after {
  content: "\10f494"; }

.fad.fa-warehouse-alt:after {
  content: "\10f495"; }

.fad.fa-washer:after {
  content: "\10f898"; }

.fad.fa-watch:after {
  content: "\10f2e1"; }

.fad.fa-watch-calculator:after {
  content: "\10f8f0"; }

.fad.fa-watch-fitness:after {
  content: "\10f63e"; }

.fad.fa-water:after {
  content: "\10f773"; }

.fad.fa-water-lower:after {
  content: "\10f774"; }

.fad.fa-water-rise:after {
  content: "\10f775"; }

.fad.fa-wave-sine:after {
  content: "\10f899"; }

.fad.fa-wave-square:after {
  content: "\10f83e"; }

.fad.fa-wave-triangle:after {
  content: "\10f89a"; }

.fad.fa-waveform:after {
  content: "\10f8f1"; }

.fad.fa-waveform-path:after {
  content: "\10f8f2"; }

.fad.fa-webcam:after {
  content: "\10f832"; }

.fad.fa-webcam-slash:after {
  content: "\10f833"; }

.fad.fa-weight:after {
  content: "\10f496"; }

.fad.fa-weight-hanging:after {
  content: "\10f5cd"; }

.fad.fa-whale:after {
  content: "\10f72c"; }

.fad.fa-wheat:after {
  content: "\10f72d"; }

.fad.fa-wheelchair:after {
  content: "\10f193"; }

.fad.fa-whistle:after {
  content: "\10f460"; }

.fad.fa-wifi:after {
  content: "\10f1eb"; }

.fad.fa-wifi-1:after {
  content: "\10f6aa"; }

.fad.fa-wifi-2:after {
  content: "\10f6ab"; }

.fad.fa-wifi-slash:after {
  content: "\10f6ac"; }

.fad.fa-wind:after {
  content: "\10f72e"; }

.fad.fa-wind-turbine:after {
  content: "\10f89b"; }

.fad.fa-wind-warning:after {
  content: "\10f776"; }

.fad.fa-window:after {
  content: "\10f40e"; }

.fad.fa-window-alt:after {
  content: "\10f40f"; }

.fad.fa-window-close:after {
  content: "\10f410"; }

.fad.fa-window-frame:after {
  content: "\10f94f"; }

.fad.fa-window-frame-open:after {
  content: "\10f950"; }

.fad.fa-window-maximize:after {
  content: "\10f2d0"; }

.fad.fa-window-minimize:after {
  content: "\10f2d1"; }

.fad.fa-window-restore:after {
  content: "\10f2d2"; }

.fad.fa-windsock:after {
  content: "\10f777"; }

.fad.fa-wine-bottle:after {
  content: "\10f72f"; }

.fad.fa-wine-glass:after {
  content: "\10f4e3"; }

.fad.fa-wine-glass-alt:after {
  content: "\10f5ce"; }

.fad.fa-won-sign:after {
  content: "\10f159"; }

.fad.fa-wreath:after {
  content: "\10f7e2"; }

.fad.fa-wrench:after {
  content: "\10f0ad"; }

.fad.fa-x-ray:after {
  content: "\10f497"; }

.fad.fa-yen-sign:after {
  content: "\10f157"; }

.fad.fa-yin-yang:after {
  content: "\10f6ad"; }

.note-group-select-from-files {
  display: none; }

.note-toolbar {
  z-index: 40; }

.dark-mode .client-tags-form-wrapper .bootstrap-tagsinput {
  border-color: #555555; }

.dark-mode .client-tags-form-wrapper .dropdown-menu {
  top: auto !important;
  bottom: 100%; }

.client-tags-form-wrapper {
  position: relative; }
  .client-tags-form-wrapper .bootstrap-tagsinput {
    width: 100%;
    display: inline-flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 4px; }
    .client-tags-form-wrapper .bootstrap-tagsinput > .tag-item {
      margin: 0 !important; }
    .client-tags-form-wrapper .bootstrap-tagsinput > input[type="text"] {
      height: 28px;
      line-height: 28px; }
    .client-tags-form-wrapper .bootstrap-tagsinput.empty-tags-input input {
      width: 100%;
      border: none; }
  .client-tags-form-wrapper .dropdown-menu {
    top: auto !important;
    bottom: 100%; }

.bootstrap-tagsinput .tag.label.tag-item,
.tag-item {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 12px;
  line-height: 10px;
  font-weight: normal;
  padding: 4px 12px;
  gap: 8px;
  min-height: 24px;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  color: #fff;
  border-radius: 5px;
  font-family: "Noto Sans", sans-serif;
  overflow: hidden;
  text-overflow: ellipsis; }
  .bootstrap-tagsinput .tag.label.tag-item:not(:first-child),
  .tag-item:not(:first-child) {
    margin-left: 2px; }
  .bootstrap-tagsinput .tag.label.tag-item:not(:last-child),
  .tag-item:not(:last-child) {
    margin-right: 2px; }
  .bootstrap-tagsinput .tag.label.tag-item span[data-role='remove'],
  .tag-item span[data-role='remove'] {
    -webkit-backdrop-filter: blur(5px);
    /* Add this line first, it fixes blur for Safari*/
    backdrop-filter: blur(5px);
    /* This line activates blur*/
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    min-width: 24px;
    width: 24px;
    cursor: pointer;
    border-radius: 5px;
    font-size: 14px;
    margin: -3px -11px -3px 0;
    background: rgba(255, 255, 255, 0.5);
    color: #ff3259;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-out; }
    .bootstrap-tagsinput .tag.label.tag-item span[data-role='remove']:after,
    .tag-item span[data-role='remove']:after {
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      font-family: "Font Awesome 5 Pro";
      font-weight: 300;
      content: "\f00d"; }
    .bootstrap-tagsinput .tag.label.tag-item span[data-role='remove']:hover, .bootstrap-tagsinput .tag.label.tag-item span[data-role='remove']:focus, .bootstrap-tagsinput .tag.label.tag-item span[data-role='remove']:active,
    .tag-item span[data-role='remove']:hover,
    .tag-item span[data-role='remove']:focus,
    .tag-item span[data-role='remove']:active {
      background: rgba(255, 255, 255, 0.7); }
  .bootstrap-tagsinput .tag.label.tag-item--list,
  .tag-item--list {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    gap: 4px 0;
    flex-wrap: wrap;
    max-width: 360px; }
    .bootstrap-tagsinput .tag.label.tag-item--list .tag-item,
    .tag-item--list .tag-item {
      cursor: pointer; }
    .bootstrap-tagsinput .tag.label.tag-item--list_report,
    .tag-item--list_report {
      max-height: 54px;
      overflow: hidden;
      transition: max-height 0.35s ease-out; }
      .bootstrap-tagsinput .tag.label.tag-item--list_report .tag-item,
      .tag-item--list_report .tag-item {
        display: inline-block;
        padding: 0; }
        .bootstrap-tagsinput .tag.label.tag-item--list_report .tag-item .badge, .bootstrap-tagsinput .tag.label.tag-item--list_report .tag-item .label,
        .tag-item--list_report .tag-item .badge,
        .tag-item--list_report .tag-item .label {
          position: relative; }
          .bootstrap-tagsinput .tag.label.tag-item--list_report .tag-item .badge:first-letter, .bootstrap-tagsinput .tag.label.tag-item--list_report .tag-item .label:first-letter,
          .tag-item--list_report .tag-item .badge:first-letter,
          .tag-item--list_report .tag-item .label:first-letter {
            text-transform: unset !important; }
          .bootstrap-tagsinput .tag.label.tag-item--list_report .tag-item .badge__txt:first-letter,
          .tag-item--list_report .tag-item .badge__txt:first-letter {
            text-transform: unset !important; }
      @media screen and (min-width: 1200px) {
        .bootstrap-tagsinput .tag.label.tag-item--list_report:hover,
        .tag-item--list_report:hover {
          max-height: 400px;
          transition: max-height 0.45s ease-in; } }

.table__row--collapsible .tag-item--list_report {
  max-height: 100%; }

.grid__tags-list .grid__item .tag-item {
  padding: 0;
  margin: 0; }
  .grid__tags-list .grid__item .tag-item .badge, .grid__tags-list .grid__item .tag-item .label {
    position: relative; }
    .grid__tags-list .grid__item .tag-item .badge:first-letter, .grid__tags-list .grid__item .tag-item .label:first-letter {
      text-transform: unset !important; }
    .grid__tags-list .grid__item .tag-item .badge__txt:first-letter {
      text-transform: unset !important; }

.client-tags-form-wrapper .bootstrap-tagsinput input {
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 220px; }
  .client-tags-form-wrapper .bootstrap-tagsinput input::placeholder {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }

.tags-container .tag-list--header {
  font-weight: 500; }

.tags-container .tag-list--item-color {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 4px 18px;
  min-height: 28px;
  border-radius: 4px;
  color: #fff;
  text-shadow: 0 0 6px rgba(37, 50, 70, 0.2);
  line-height: 1;
  font-weight: 500;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis; }

.tags-container .tag-list--item {
  position: relative;
  max-width: 600px;
  margin: 2px 0; }
  .tags-container .tag-list--item:after {
    display: block;
    content: '';
    height: 1px;
    background: #ABBCCC;
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    opacity: 0.3; }
  .tags-container .tag-list--item:last-child:after {
    display: none; }
  .tags-container .tag-list--item .btn-bar {
    display: block;
    padding: 0 !important;
    margin: 0;
    border: none; }
    .tags-container .tag-list--item .btn-bar--raw {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px; }
  .tags-container .tag-list--item .btn--no-text {
    position: relative;
    min-width: 36px;
    padding: 4px 10px;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    min-height: 36px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    justify-content: center;
    background: transparent;
    border: none; }
    .tags-container .tag-list--item .btn--no-text .icon {
      font-weight: 400; }
    .tags-container .tag-list--item .btn--no-text .hint-txt {
      position: absolute;
      right: 0;
      left: auto;
      padding: 6px 8px;
      border-radius: 8px;
      min-width: 90px;
      max-width: 120px;
      font-size: 12px;
      line-height: 1.2;
      background: #fff;
      font-style: italic;
      color: #253246;
      overflow: hidden;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      min-height: 28px;
      transition: all 0.2s ease-out;
      bottom: -36px;
      opacity: 0;
      visibility: hidden;
      box-shadow: 2px 2px 15px rgba(45, 51, 72, 0.1);
      transform: scale(0.7);
      z-index: 10; }
    .tags-container .tag-list--item .btn--no-text.btn--secondary {
      color: #788291;
      border: none; }
      .tags-container .tag-list--item .btn--no-text.btn--secondary:hover {
        background: #f1f6ff; }
    .tags-container .tag-list--item .btn--no-text.btn--danger {
      color: #ff3259;
      border: none; }
      .tags-container .tag-list--item .btn--no-text.btn--danger:hover {
        background: #FDEAEE; }
    .tags-container .tag-list--item .btn--no-text.disabled, .tags-container .tag-list--item .btn--no-text:disabled {
      opacity: unset !important;
      color: rgba(120, 130, 145, 0.6);
      background: rgba(241, 246, 255, 0.12); }
    .tags-container .tag-list--item .btn--no-text:hover .hint-txt {
      visibility: visible;
      opacity: 1;
      bottom: -30px;
      transform: scale(1); }

@keyframes bs-notify-fadeOut {
  0% {
    opacity: 0.9; }
  100% {
    opacity: 0; } }

select.bs-select-hidden,
.bootstrap-select > select.bs-select-hidden,
select.selectpicker {
  display: none !important; }

.bootstrap-select {
  width: 220px \0;
  /*IE9 and below*/
  vertical-align: middle; }
  .bootstrap-select > .dropdown-toggle {
    position: relative;
    width: 100%;
    text-align: right;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: space-between; }
    .bootstrap-select > .dropdown-toggle:after {
      margin-top: -1px; }
    .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
      color: #999; }
    .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary, .btn-group .bootstrap-select > .dropdown-toggle.bs-placeholder.btn.active:not(:disabled):not(.disabled):not([disabled]), .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover, .btn-group .bootstrap-select > .dropdown-toggle.bs-placeholder.btn.active:hover:not(:disabled):not(.disabled):not([disabled]), .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus, .btn-group .bootstrap-select > .dropdown-toggle.bs-placeholder.btn.active:focus:not(:disabled):not(.disabled):not([disabled]), .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active, .btn-group .bootstrap-select > .dropdown-toggle.bs-placeholder.btn.active:active:not(:disabled):not(.disabled):not([disabled]), .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-default, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-default:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-default:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-default:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active {
      color: rgba(255, 255, 255, 0.5); }
  .bootstrap-select > select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: 0.5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
    z-index: 0 !important; }
    .bootstrap-select > select.mobile-device {
      top: 0;
      left: 0;
      display: block !important;
      width: 100% !important;
      z-index: 2 !important; }
  .has-error .bootstrap-select .dropdown-toggle, .element-container.error-field .bootstrap-select .dropdown-toggle,
  .error .bootstrap-select .dropdown-toggle,
  .bootstrap-select.is-invalid .dropdown-toggle,
  .was-validated .bootstrap-select select:invalid + .dropdown-toggle {
    border-color: #b94a48; }
  .bootstrap-select.is-valid .dropdown-toggle,
  .was-validated .bootstrap-select select:valid + .dropdown-toggle {
    border-color: #28a745; }
  .bootstrap-select.fit-width {
    width: auto !important; }
  .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 220px; }
  .bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
  .bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted #333333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px; }

.bootstrap-select.form-control, .contact-widget-message-form .data-block .element-container textarea.bootstrap-select, .templates-page .notifications-settings .field select.bootstrap-select, .design-settings-page .theme-additional-colors input.bootstrap-select, .design-settings-page div.bootstrap-select.input {
  margin-bottom: 0;
  padding: 0;
  border: none;
  height: auto; }
  :not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]), .contact-widget-message-form .data-block .element-container :not(.input-group) > textarea.bootstrap-select:not([class*="col-"]), .templates-page .notifications-settings .field :not(.input-group) > select.bootstrap-select:not([class*="col-"]), .design-settings-page .theme-additional-colors :not(.input-group) > input.bootstrap-select:not([class*="col-"]), .design-settings-page :not(.input-group) > div.bootstrap-select.input:not([class*="col-"]) {
    width: 100%; }
  .bootstrap-select.form-control.input-group-btn, .contact-widget-message-form .data-block .element-container textarea.bootstrap-select.input-group-btn, .templates-page .notifications-settings .field select.bootstrap-select.input-group-btn, .design-settings-page .theme-additional-colors input.bootstrap-select.input-group-btn, .design-settings-page div.bootstrap-select.input-group-btn.input {
    float: none;
    z-index: auto; }

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*="col-"]),
.form-inline .contact-widget-message-form .data-block .element-container textarea.bootstrap-select:not([class*="col-"]),
.contact-widget-message-form .data-block .element-container .form-inline textarea.bootstrap-select:not([class*="col-"]),
.form-inline .templates-page .notifications-settings .field select.bootstrap-select:not([class*="col-"]),
.templates-page .notifications-settings .field .form-inline select.bootstrap-select:not([class*="col-"]),
.form-inline .design-settings-page .theme-additional-colors input.bootstrap-select:not([class*="col-"]),
.design-settings-page .theme-additional-colors .form-inline input.bootstrap-select:not([class*="col-"]),
.form-inline .design-settings-page div.bootstrap-select.input:not([class*="col-"]),
.design-settings-page .form-inline div.bootstrap-select.input:not([class*="col-"]) {
  width: auto; }

.bootstrap-select:not(.input-group-btn), .bootstrap-select[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0; }

.bootstrap-select.dropdown-menu-right, .bootstrap-select[class*="col-"].dropdown-menu-right,
.row .bootstrap-select[class*="col-"].dropdown-menu-right,
.zend_form .form-group .bootstrap-select[class*="col-"].dropdown-menu-right,
.zend_form .element-container .bootstrap-select[class*="col-"].dropdown-menu-right,
.form-container .form-horizontal .form-group .bootstrap-select[class*="col-"].dropdown-menu-right,
.form-container .form-horizontal .element-container .bootstrap-select[class*="col-"].dropdown-menu-right,
#booking_tabs .form-group .bootstrap-select[class*="col-"].dropdown-menu-right,
#booking_tabs .element-container .bootstrap-select[class*="col-"].dropdown-menu-right {
  float: right; }

.form-inline .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-group .bootstrap-select,
.element-container .bootstrap-select {
  margin-bottom: 0; }

.form-group-lg .bootstrap-select.form-control, .form-group-lg .contact-widget-message-form .data-block .element-container textarea.bootstrap-select, .contact-widget-message-form .data-block .element-container .form-group-lg textarea.bootstrap-select, .form-group-lg .templates-page .notifications-settings .field select.bootstrap-select, .templates-page .notifications-settings .field .form-group-lg select.bootstrap-select, .form-group-lg .design-settings-page .theme-additional-colors input.bootstrap-select, .design-settings-page .theme-additional-colors .form-group-lg input.bootstrap-select, .form-group-lg .design-settings-page div.bootstrap-select.input, .design-settings-page .form-group-lg div.bootstrap-select.input,
.form-group-sm .bootstrap-select.form-control,
.form-group-sm .contact-widget-message-form .data-block .element-container textarea.bootstrap-select,
.contact-widget-message-form .data-block .element-container .form-group-sm textarea.bootstrap-select,
.form-group-sm .templates-page .notifications-settings .field select.bootstrap-select,
.templates-page .notifications-settings .field .form-group-sm select.bootstrap-select,
.form-group-sm .design-settings-page .theme-additional-colors input.bootstrap-select,
.design-settings-page .theme-additional-colors .form-group-sm input.bootstrap-select,
.form-group-sm .design-settings-page div.bootstrap-select.input,
.design-settings-page .form-group-sm div.bootstrap-select.input {
  padding: 0; }
  .form-group-lg .bootstrap-select.form-control .dropdown-toggle, .form-group-lg .contact-widget-message-form .data-block .element-container textarea.bootstrap-select .dropdown-toggle, .contact-widget-message-form .data-block .element-container .form-group-lg textarea.bootstrap-select .dropdown-toggle, .form-group-lg .templates-page .notifications-settings .field select.bootstrap-select .dropdown-toggle, .templates-page .notifications-settings .field .form-group-lg select.bootstrap-select .dropdown-toggle, .form-group-lg .design-settings-page .theme-additional-colors input.bootstrap-select .dropdown-toggle, .design-settings-page .theme-additional-colors .form-group-lg input.bootstrap-select .dropdown-toggle, .form-group-lg .design-settings-page div.bootstrap-select.input .dropdown-toggle, .design-settings-page .form-group-lg div.bootstrap-select.input .dropdown-toggle,
  .form-group-sm .bootstrap-select.form-control .dropdown-toggle,
  .form-group-sm .contact-widget-message-form .data-block .element-container textarea.bootstrap-select .dropdown-toggle,
  .contact-widget-message-form .data-block .element-container .form-group-sm textarea.bootstrap-select .dropdown-toggle,
  .form-group-sm .templates-page .notifications-settings .field select.bootstrap-select .dropdown-toggle,
  .templates-page .notifications-settings .field .form-group-sm select.bootstrap-select .dropdown-toggle,
  .form-group-sm .design-settings-page .theme-additional-colors input.bootstrap-select .dropdown-toggle,
  .design-settings-page .theme-additional-colors .form-group-sm input.bootstrap-select .dropdown-toggle,
  .form-group-sm .design-settings-page div.bootstrap-select.input .dropdown-toggle,
  .design-settings-page .form-group-sm div.bootstrap-select.input .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit; }

.bootstrap-select.form-control-sm .dropdown-toggle, .input-group-sm > .bootstrap-select.form-control .dropdown-toggle, .contact-widget-message-form .data-block .element-container .input-group-sm > textarea.bootstrap-select .dropdown-toggle, .templates-page .notifications-settings .field .input-group-sm > select.bootstrap-select .dropdown-toggle, .design-settings-page .theme-additional-colors .input-group-sm > input.bootstrap-select .dropdown-toggle, .design-settings-page .input-group-sm > div.bootstrap-select.input .dropdown-toggle, .input-group-sm > .input-group-prepend > .bootstrap-select.input-group-text .dropdown-toggle, .input-group-sm > .input-group-append > .bootstrap-select.input-group-text .dropdown-toggle, .input-group-sm > .input-group-prepend > .bootstrap-select.btn .dropdown-toggle, .input-group-sm > .input-group-append > .bootstrap-select.btn .dropdown-toggle,
.bootstrap-select.form-control-lg .dropdown-toggle,
.input-group-lg > .bootstrap-select.form-control .dropdown-toggle,
.contact-widget-message-form .data-block .element-container .input-group-lg > textarea.bootstrap-select .dropdown-toggle,
.templates-page .notifications-settings .field .input-group-lg > select.bootstrap-select .dropdown-toggle,
.design-settings-page .theme-additional-colors .input-group-lg > input.bootstrap-select .dropdown-toggle,
.design-settings-page .input-group-lg > div.bootstrap-select.input .dropdown-toggle,
.input-group-lg > .input-group-prepend > .bootstrap-select.input-group-text .dropdown-toggle,
.input-group-lg > .input-group-append > .bootstrap-select.input-group-text .dropdown-toggle,
.input-group-lg > .input-group-prepend > .bootstrap-select.btn .dropdown-toggle,
.input-group-lg > .input-group-append > .bootstrap-select.btn .dropdown-toggle {
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit; }

.bootstrap-select.form-control-sm .dropdown-toggle, .input-group-sm > .bootstrap-select.form-control .dropdown-toggle, .contact-widget-message-form .data-block .element-container .input-group-sm > textarea.bootstrap-select .dropdown-toggle, .templates-page .notifications-settings .field .input-group-sm > select.bootstrap-select .dropdown-toggle, .design-settings-page .theme-additional-colors .input-group-sm > input.bootstrap-select .dropdown-toggle, .design-settings-page .input-group-sm > div.bootstrap-select.input .dropdown-toggle, .input-group-sm > .input-group-prepend > .bootstrap-select.input-group-text .dropdown-toggle, .input-group-sm > .input-group-append > .bootstrap-select.input-group-text .dropdown-toggle, .input-group-sm > .input-group-prepend > .bootstrap-select.btn .dropdown-toggle, .input-group-sm > .input-group-append > .bootstrap-select.btn .dropdown-toggle {
  padding: 0.25rem 0.5rem; }


.bootstrap-select.form-control-lg .dropdown-toggle,
.input-group-lg > .bootstrap-select.form-control .dropdown-toggle,
.contact-widget-message-form .data-block .element-container .input-group-lg > textarea.bootstrap-select .dropdown-toggle,
.templates-page .notifications-settings .field .input-group-lg > select.bootstrap-select .dropdown-toggle,
.design-settings-page .theme-additional-colors .input-group-lg > input.bootstrap-select .dropdown-toggle,
.design-settings-page .input-group-lg > div.bootstrap-select.input .dropdown-toggle,
.input-group-lg > .input-group-prepend > .bootstrap-select.input-group-text .dropdown-toggle,
.input-group-lg > .input-group-append > .bootstrap-select.input-group-text .dropdown-toggle,
.input-group-lg > .input-group-prepend > .bootstrap-select.btn .dropdown-toggle,
.input-group-lg > .input-group-append > .bootstrap-select.btn .dropdown-toggle {
  padding: 0.5rem 1rem; }

.form-inline .bootstrap-select .form-control, .form-inline .bootstrap-select .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container .form-inline .bootstrap-select textarea, .form-inline .bootstrap-select .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .form-inline .bootstrap-select select, .form-inline .bootstrap-select .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors .form-inline .bootstrap-select input, .form-inline .bootstrap-select .design-settings-page div.input, .design-settings-page .form-inline .bootstrap-select div.input {
  width: 100%; }

.bootstrap-select.disabled,
.bootstrap-select > .disabled {
  cursor: not-allowed; }
  .bootstrap-select.disabled:focus,
  .bootstrap-select > .disabled:focus {
    outline: none !important; }

.bootstrap-select.bs-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 0 !important;
  padding: 0 !important; }
  .bootstrap-select.bs-container .dropdown-menu {
    z-index: 1060; }

.bootstrap-select .dropdown-toggle .filter-option {
  position: static;
  top: 0;
  left: 0;
  float: left;
  height: 100%;
  width: 100%;
  text-align: left;
  overflow: hidden;
  flex: 0 1 auto; }
  .bs3.bootstrap-select .dropdown-toggle .filter-option {
    padding-right: inherit; }
  .input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    padding-top: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    float: none; }
    .input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
      padding-right: inherit; }

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  overflow: hidden; }

.bootstrap-select .dropdown-toggle .filter-expand {
  width: 0 !important;
  float: left;
  opacity: 0 !important;
  overflow: hidden; }

.bootstrap-select .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle; }

.input-group .bootstrap-select.form-control .dropdown-toggle, .input-group .contact-widget-message-form .data-block .element-container textarea.bootstrap-select .dropdown-toggle, .contact-widget-message-form .data-block .element-container .input-group textarea.bootstrap-select .dropdown-toggle, .input-group .templates-page .notifications-settings .field select.bootstrap-select .dropdown-toggle, .templates-page .notifications-settings .field .input-group select.bootstrap-select .dropdown-toggle, .input-group .design-settings-page .theme-additional-colors input.bootstrap-select .dropdown-toggle, .design-settings-page .theme-additional-colors .input-group input.bootstrap-select .dropdown-toggle, .input-group .design-settings-page div.bootstrap-select.input .dropdown-toggle, .design-settings-page .input-group div.bootstrap-select.input .dropdown-toggle {
  border-radius: inherit; }

.bootstrap-select[class*="col-"] .dropdown-toggle {
  width: 100%; }

.bootstrap-select .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .bootstrap-select .dropdown-menu > .inner:focus {
    outline: none !important; }
  .bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none; }
  .bootstrap-select .dropdown-menu li {
    position: relative; }
    .bootstrap-select .dropdown-menu li.active small {
      color: rgba(255, 255, 255, 0.5) !important; }
    .bootstrap-select .dropdown-menu li.disabled a {
      cursor: not-allowed; }
    .bootstrap-select .dropdown-menu li a {
      cursor: pointer;
      user-select: none; }
      .bootstrap-select .dropdown-menu li a.opt {
        position: relative;
        padding-left: 2.25em; }
      .bootstrap-select .dropdown-menu li a span.check-mark {
        display: none; }
      .bootstrap-select .dropdown-menu li a span.text {
        display: inline-block; }
    .bootstrap-select .dropdown-menu li small {
      padding-left: 0.5em; }
  .bootstrap-select .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: whitesmoke;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    opacity: 0.9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .bootstrap-select .dropdown-menu .notify.fadeOut {
      animation: 300ms linear 750ms forwards bs-notify-fadeOut; }

.bootstrap-select .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap; }

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
  position: static;
  display: inline;
  padding: 0; }

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
  display: inline; }

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
  content: '\00a0'; }

.bootstrap-select.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px; }

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  top: 5px; }

.bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-right: 34px; }

.bootstrap-select .bs-ok-default:after {
  content: '';
  display: block;
  width: 0.5em;
  height: 1em;
  border-style: solid;
  border-width: 0 0.26em 0.26em 0;
  transform: rotate(45deg); }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
  z-index: 1061; }

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none; }

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none; }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
  bottom: auto;
  top: -4px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0; }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
  bottom: auto;
  top: -4px;
  border-top: 6px solid white;
  border-bottom: 0; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
  right: 12px;
  left: auto; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
  right: 13px;
  left: auto; }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after {
  display: block; }

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px; }

.bs-actionsbox {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .bs-actionsbox .btn-group button {
    width: 50%; }

.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .bs-donebutton .btn-group button {
    width: 100%; }

.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px; }

.bs-searchbox .form-control, .bs-searchbox .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container .bs-searchbox textarea, .bs-searchbox .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .bs-searchbox select, .bs-searchbox .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors .bs-searchbox input, .bs-searchbox .design-settings-page div.input, .design-settings-page .bs-searchbox div.input {
  margin-bottom: 0;
  width: 100%;
  float: none; }

/**
 VARIABLES
 */
@keyframes shadow-pulse {
  0% {
    box-shadow: 0px 0px 0 2px rgba(11, 48, 82, 0.1); }
  100% {
    box-shadow: 0px 0px 0px 14px rgba(11, 48, 82, 0); } }

.title {
  margin: 0;
  font-family: "Mulish", sans-serif; }
  .title--h1 {
    font-size: 34px;
    line-height: 42px;
    font-weight: 400; }
    @media (max-width: 767px) {
      .title--h1 {
        font-size: 22px;
        line-height: 30px; } }
  .title--h2 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600; }
    @media (max-width: 767px) {
      .title--h2 {
        font-size: 18px;
        line-height: 26px; } }
  .title--h3 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600; }
    @media (max-width: 767px) {
      .title--h3 {
        font-size: 16px;
        line-height: 24px; } }

.heading {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400; }
  .heading--small {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600; }

.p {
  display: block;
  margin-bottom: 0;
  font-family: "Noto Sans", sans-serif;
  font-size: 14px; }
  .p--primary {
    color: #0B3052; }
  .p--secondary {
    color: #575c69; }
  .p--accent-primary {
    color: #06ADEF; }
  .p--accent-secondary {
    color: #06ADEF; }
  .p--heading {
    font-size: 16px; }
  .p--default {
    font-size: 16px; }
  .p--small {
    font-size: 12px;
    line-height: 20px; }
  .p--tiny {
    font-size: 10px;
    line-height: 18px; }
  .p em, .p--italic {
    font-style: italic; }

.light {
  font-weight: 300; }

.normal {
  font-weight: 400; }

.bold {
  font-weight: 600; }

.bolder {
  font-weight: 700; }

.medium {
  font-weight: 500; }

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

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

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

.text-darker {
  color: #0B3052; }

.text-secondary {
  color: #575c69; }

.text-warning {
  color: #FEC439; }

.text-danger {
  color: #FF3259; }

.text-success {
  color: #00D38B; }

.text-accent {
  color: #06ADEF; }

.text-icon {
  color: #ABBCCC; }

.nowrap {
  white-space: nowrap; }

.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.line-clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden; }

em {
  font-style: italic; }

@keyframes shadow-pulse {
  0% {
    box-shadow: 0px 0px 0 2px rgba(11, 48, 82, 0.1); }
  100% {
    box-shadow: 0px 0px 0px 14px rgba(11, 48, 82, 0); } }

.grid-type-flex {
  display: flex;
  flex-wrap: wrap; }
  .grid-type-flex.__no-wrap {
    flex-wrap: nowrap; }
  .grid-type-flex.mb-0 {
    margin-bottom: 0 !important; }
  .grid-type-flex.mb-m {
    margin-bottom: 4px !important; }
  .grid-type-flex.mb-s {
    margin-bottom: 8px !important; }
  .grid-type-flex.mb-l {
    margin-bottom: 16px !important; }
  .grid-type-flex.mb-xl {
    margin-bottom: 22px !important; }
  .grid-type-flex.direction--row {
    flex-direction: row; }
  .grid-type-flex.direction--column {
    flex-direction: column;
    align-items: stretch; }
    .grid-type-flex.direction--column.align--start {
      align-items: flex-start; }
  .grid-type-flex .grid-item {
    flex: 1; }
    .grid-type-flex .grid-item--fit-by-content {
      width: auto;
      flex: unset; }
    .grid-type-flex .grid-item--full-width {
      flex: unset;
      width: 100%; }

.grid-gap-x-8 {
  column-gap: 8px; }

.grid-gap-x-10 {
  column-gap: 10px; }

.grid-gap-x-16 {
  column-gap: 16px; }

.grid-gap-x-24 {
  column-gap: 24px; }

.grid-gap-x-30 {
  column-gap: 30px; }

.grid-gap-x-40 {
  column-gap: 40px; }

.grid-gap-x-50 {
  column-gap: 50px; }

.grid-gap-x-60 {
  column-gap: 60px; }

.grid-gap-y-0 {
  row-gap: 0; }

.grid-gap-y-4 {
  row-gap: 4px; }

.grid-gap-y-8 {
  row-gap: 8px; }

.grid-gap-y-10 {
  row-gap: 10px; }

.grid-gap-y-16 {
  row-gap: 16px; }

.grid-gap-y-24 {
  row-gap: 24px; }

.grid-gap-y-30 {
  row-gap: 30px; }

.grid-gap-y-40 {
  row-gap: 40px; }

.grid-gap-y-50 {
  row-gap: 50px; }

.grid-gap-y-60 {
  row-gap: 60px; }

.grid-justify-center {
  justify-content: center; }

.grid-justify-space-between {
  justify-content: space-between; }

.grid-justify-end {
  justify-content: end; }

.grid-align-baseline {
  align-items: baseline; }

.grid-align-stretch {
  align-items: stretch; }

.grid-align-start {
  align-items: start; }

.grid-align-center {
  align-items: center; }

.grid-align-end {
  align-items: end; }

@media (max-width: 1366px) {
  .grid-break-laptop.grid-type-grid.grid-even-cols {
    grid-auto-flow: row; }
  .grid-break-laptop.grid-type-flex {
    flex-direction: column; }
  .grid-break-laptop.grid-mob-align-start {
    align-items: start;
    justify-items: start; }
  .grid-break-laptop.grid-mob-align-end {
    align-items: end;
    justify-items: end; }
  .grid-break-laptop.grid-mob-align-center {
    align-items: center;
    justify-items: center; }
  .grid-break-laptop.grid-type-grid.grid-mob-justify-start {
    justify-items: start; }
  .grid-break-laptop.grid-type-grid.grid-mob-justify-end {
    justify-items: end; }
  .grid-break-laptop.grid-type-grid.grid-mob-justify-center {
    justify-items: center; }
  .grid-break-laptop.grid-type-flex.grid-mob-justify-start {
    justify-content: start; }
  .grid-break-laptop.grid-type-flex.grid-mob-justify-end {
    justify-content: end; }
  .grid-break-laptop.grid-type-flex.grid-mob-justify-center {
    justify-content: center; }
  .grid-break-laptop.grid-type-flex.grid-mob-justify-space-between {
    justify-content: space-between; }
  .grid-break-laptop.grid-type-flex.reverse-on-mob {
    flex-direction: column-reverse; } }

@media (max-width: 1023px) {
  .grid-break-tab.grid-type-grid.grid-even-cols {
    grid-auto-flow: row; }
  .grid-break-tab.grid-type-flex {
    flex-direction: column; }
  .grid-break-tab.grid-mob-align-start {
    align-items: start;
    justify-items: start; }
  .grid-break-tab.grid-mob-align-end {
    align-items: end;
    justify-items: end; }
  .grid-break-tab.grid-mob-align-center {
    align-items: center;
    justify-items: center; }
  .grid-break-tab.grid-type-grid.grid-mob-justify-start {
    justify-items: start; }
  .grid-break-tab.grid-type-grid.grid-mob-justify-end {
    justify-items: end; }
  .grid-break-tab.grid-type-grid.grid-mob-justify-center {
    justify-items: center; }
  .grid-break-tab.grid-type-flex.grid-mob-justify-start {
    justify-content: start; }
  .grid-break-tab.grid-type-flex.grid-mob-justify-end {
    justify-content: end; }
  .grid-break-tab.grid-type-flex.grid-mob-justify-center {
    justify-content: center; }
  .grid-break-tab.grid-type-flex.grid-mob-justify-space-between {
    justify-content: space-between; }
  .grid-break-tab.grid-type-flex.reverse-on-mob {
    flex-direction: column-reverse; } }

@media (max-width: 767px) {
  .grid-break-mob.grid-type-grid.grid-even-cols {
    grid-auto-flow: row; }
  .grid-break-mob.grid-type-flex {
    flex-direction: column; }
  .grid-break-mob.grid-mob-align-start {
    align-items: start; }
  .grid-break-mob.grid-mob-align-end {
    align-items: end; }
  .grid-break-mob.grid-mob-align-center {
    align-items: center; }
  .grid-break-mob.grid-type-grid.grid-mob-justify-start {
    justify-items: start; }
  .grid-break-mob.grid-type-grid.grid-mob-justify-end {
    justify-items: end; }
  .grid-break-mob.grid-type-grid.grid-mob-justify-center {
    justify-items: center; }
  .grid-break-mob.grid-type-flex.grid-mob-justify-start {
    justify-content: start; }
  .grid-break-mob.grid-type-flex.grid-mob-justify-end {
    justify-content: end; }
  .grid-break-mob.grid-type-flex.grid-mob-justify-center {
    justify-content: center; }
  .grid-break-mob.grid-type-flex.grid-mob-justify-space-between {
    justify-content: space-between; }
  .grid-break-mob.grid-type-flex.reverse-on-mob {
    flex-direction: column-reverse; } }

.grid-item {
  width: 100%;
  min-width: 0; }

@media (max-width: 1023px) {
  .grid-break-tab .grid-item:not(.grid-item-mob-shrinked) {
    max-width: 100% !important; } }

@media (max-width: 1200px) {
  .grid-break-mob-xl .grid-item:not(.grid-item-mob-shrinked) {
    flex: unset;
    width: 100%;
    max-width: 100% !important; } }

@media (max-width: 980px) {
  .grid-break-mob-l .grid-item:not(.grid-item-mob-shrinked) {
    flex: unset;
    width: 100%;
    max-width: 100% !important; } }

@media (max-width: 767px) {
  .grid-break-mob .grid-item:not(.grid-item-mob-shrinked) {
    max-width: 100% !important; } }

.slide-grid {
  min-height: 80vh; }
  @media (min-width: 1023px) {
    .slide-grid.grid-break-tab .grid-item--front {
      position: sticky;
      top: 80px; } }
  @media (min-width: 767px) {
    .slide-grid.grid-break-mob .grid-item--front {
      position: sticky;
      top: 80px; } }

.management-app .field-container,
.plugins-form .field-container {
  display: flex;
  justify-content: flex-start; }
  .management-app .field-container.grid-x-gap-4,
  .plugins-form .field-container.grid-x-gap-4 {
    column-gap: 4px; }
  .management-app .field-container.grid-x-gap-8,
  .plugins-form .field-container.grid-x-gap-8 {
    column-gap: 8px; }
  .management-app .field-container.grid-x-gap-16,
  .plugins-form .field-container.grid-x-gap-16 {
    column-gap: 16px; }
  .management-app .field-container.grid-x-gap-24,
  .plugins-form .field-container.grid-x-gap-24 {
    column-gap: 24px; }
  .management-app .field-container.grid-y-gap-4,
  .plugins-form .field-container.grid-y-gap-4 {
    row-gap: 4px; }
  .management-app .field-container.grid-y-gap-8,
  .plugins-form .field-container.grid-y-gap-8 {
    row-gap: 8px; }
  .management-app .field-container.grid-y-gap-16,
  .plugins-form .field-container.grid-y-gap-16 {
    row-gap: 16px; }
  .management-app .field-container.grid-y-gap-24,
  .plugins-form .field-container.grid-y-gap-24 {
    row-gap: 24px; }
  .management-app .field-container.align--baseline,
  .plugins-form .field-container.align--baseline {
    align-items: baseline; }
  .management-app .field-container.align--bottom,
  .plugins-form .field-container.align--bottom {
    align-items: flex-end; }
  .management-app .field-container.align--center,
  .plugins-form .field-container.align--center {
    align-items: center; }
  .management-app .field-container.align--start,
  .plugins-form .field-container.align--start {
    align-items: start; }
  .management-app .field-container.direction--row,
  .plugins-form .field-container.direction--row {
    flex-direction: row; }
  .management-app .field-container.direction--column,
  .plugins-form .field-container.direction--column {
    flex-direction: column;
    align-items: stretch; }
  @media (max-width: 370px) {
    .management-app .field-container.direction--row.to-col-on-mob_xs,
    .plugins-form .field-container.direction--row.to-col-on-mob_xs {
      flex-direction: column;
      align-items: stretch; } }
  @media (max-width: 767px) {
    .management-app .field-container.direction--row.to-col-on-mob,
    .plugins-form .field-container.direction--row.to-col-on-mob {
      flex-direction: column;
      align-items: stretch; } }
  .management-app .field-container.wrap,
  .plugins-form .field-container.wrap {
    flex-wrap: wrap; }
  .management-app .field-container .control-label,
  .plugins-form .field-container .control-label {
    padding: 0;
    word-break: break-word; }
  .management-app .field-container .input-group,
  .management-app .field-container .form-group,
  .management-app .field-container .element-container,
  .plugins-form .field-container .input-group,
  .plugins-form .field-container .form-group,
  .plugins-form .field-container .element-container {
    flex: 1;
    margin: 0;
    margin-bottom: 0 !important; }
  .management-app .field-container .--flex-1,
  .plugins-form .field-container .--flex-1 {
    flex: 1; }

.cap {
  color: #253246; }

.title {
  color: #253246;
  letter-spacing: 0.01em;
  font-weight: 700;
  font-family: "Mulish", sans-serif; }
  .title--h1 {
    font-size: 34px;
    font-weight: 400;
    margin-bottom: 30px; }
    @media (max-width: 1200px) {
      .title--h1 {
        line-height: 30px;
        font-size: 28px; } }
    @media (max-width: 767px) {
      .title--h1 {
        font-size: 22px; } }
  .title--h2 {
    font-size: 30px;
    line-height: 1.2; }
    @media (max-width: 1023px) {
      .title--h2 {
        font-size: 22px; } }
    .title--h2.has-subtitle {
      margin-bottom: 10px; }
  .title--h3 {
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 0; }
    .title--h3.has-subtitle {
      margin-bottom: 7px; }
  .title--h4 {
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0; }
  .title--light {
    color: #ffffff; }

.p {
  color: #253246;
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  letter-spacing: 0; }
  .p--neutral-lite, .p--secondary {
    color: #788291; }
  .p--small {
    font-size: 14px;
    line-height: 1.45; }
  .p--light {
    color: #ffffff; }
  .p--bold {
    font-weight: 700; }
  .p.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .p--hint {
    padding: 2px 0 2px 6px;
    border-left: 3px solid #06ADEF;
    font-size: 14px; }

label.subtitle,
.subtitle {
  font-weight: 700;
  color: #253246;
  font-family: "Mulish", sans-serif; }

.text-success {
  color: #00D38B; }

.dark-mode .cap,
.dark-mode .title {
  color: #f9f9f9; }

.dark-mode .p {
  color: #f9f9f9; }
  .dark-mode .p--neutral-lite, .dark-mode .p--secondary {
    color: #bcbcbc; }

.dark-mode label.subtitle,
.dark-mode .subtitle {
  color: #bfbfbf; }

.dark-mode a {
  color: #1d9ed1; }

::-webkit-input-placeholder {
  font-size: 14px;
  font-family: "Noto Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #ABBCCC; }

::-moz-placeholder {
  font-size: 14px;
  font-family: "Noto Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #ABBCCC; }

:-ms-input-placeholder {
  font-size: 14px;
  font-family: "Noto Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #ABBCCC; }

input:-moz-placeholder {
  font-size: 14px;
  font-family: "Noto Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #ABBCCC; }

.iti__search-input:-webkit-autofill,
.iti__search-input:-webkit-autofill:hover,
.iti__search-input:-webkit-autofill:focus,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #0B3052;
  -webkit-text-fill-color: #0B3052;
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s; }

.k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select {
  height: 36px; }

.iti__search-input,
.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input,
input,
textarea,
select,
.react-select__value-container,
.react-datepicker__fake-input, select.form-control:not([size]):not([multiple]), .templates-page .notifications-settings .field select:not([size]):not([multiple]),
.templates-page .notifications-settings .field select:not([size]):not([multiple]) {
  height: 36px;
  box-sizing: border-box; }

textarea {
  min-height: 86px;
  height: auto;
  padding-block: 10px;
  line-height: inherit;
  font-weight: 400; }
  textarea[readonly], textarea:disabled {
    background-color: #F6F6F6; }

.control-label,
.label {
  display: inline-flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 4px 8px;
  color: #0B3052;
  margin-bottom: 4px;
  padding: 0;
  font-size: 14px;
  font-weight: 400; }
  .control-label__caption,
  .label__caption {
    color: #0B3052; }
  .control-label .badge, .control-label .label, .control-label__hint,
  .label .badge,
  .label .label,
  .label__hint {
    order: 10;
    margin: 0; }
    .control-label .badge .icon, .control-label .label .icon, .control-label .badge i, .control-label .label i, .control-label__hint .icon, .control-label__hint i,
    .label .badge .icon,
    .label .label .icon,
    .label .badge i,
    .label .label i,
    .label__hint .icon,
    .label__hint i {
      position: relative;
      color: #ABBCCC;
      font-size: 16px;
      line-height: 1;
      bottom: -0.1em; }
      .control-label .badge .icon:before, .control-label .label .icon:before, .control-label .badge i:before, .control-label .label i:before, .control-label__hint .icon:before, .control-label__hint i:before,
      .label .badge .icon:before,
      .label .label .icon:before,
      .label .badge i:before,
      .label .label i:before,
      .label__hint .icon:before,
      .label__hint i:before {
        content: '\f30f';
        font-weight: bold; }

.zend_form .form-group, .zend_form .element-container {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 16px; }
  .zend_form .form-group .control-label, .zend_form .element-container .control-label {
    display: flex;
    align-items: baseline;
    gap: 4px 8px;
    max-width: unset;
    flex: unset;
    padding: 0;
    margin: 0 0 4px 0;
    color: #788291;
    font-size: 14px;
    font-weight: 400; }
  .zend_form .form-group [class^="col-"], .zend_form .element-container [class^="col-"] {
    padding-left: 0;
    padding-right: 0;
    max-width: unset;
    flex: unset; }

[class^="col-"] > .form-group, [class^="col-"] > .element-container {
  margin-left: -15px;
  margin-right: -15px; }
  [class^="col-"] > .form-group .control-label, [class^="col-"] > .element-container .control-label,
  [class^="col-"] > .form-group [class^="col-"],
  [class^="col-"] > .element-container [class^="col-"] {
    padding-right: 15px;
    padding-left: 15px; }

.form-group .badge .icon, .element-container .badge .icon, .form-group .label .icon, .element-container .label .icon, .form-group .badge i, .element-container .badge i, .form-group .label i, .element-container .label i,
.form-group .help-info .icon,
.element-container .help-info .icon,
.form-group .help-info i,
.element-container .help-info i {
  position: relative;
  color: #ABBCCC;
  font-size: 16px;
  line-height: 1;
  bottom: -0.1em; }

.form-group.row .control-label, .row.element-container .control-label, .zend_form .form-group .control-label, .zend_form .element-container .control-label, .form-container .form-horizontal .form-group .control-label, .form-container .form-horizontal .element-container .control-label, #booking_tabs .form-group .control-label, #booking_tabs .element-container .control-label, .form-group.row label, .row.element-container label, .zend_form .form-group label, .zend_form .element-container label, .form-container .form-horizontal .form-group label, .form-container .form-horizontal .element-container label, #booking_tabs .form-group label, #booking_tabs .element-container label {
  padding-right: 15px;
  padding-left: 15px; }

.form-group--checkbox {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 4px 8px;
  padding: 0; }
  .form-group--checkbox .control-label,
  .form-group--checkbox .label {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex: 1;
    gap: 4px 8px;
    margin: 0;
    padding: 0; }
    .form-group--checkbox .control-label > input[type="checkbox"],
    .form-group--checkbox .label > input[type="checkbox"] {
      position: relative;
      bottom: -0.01em; }
  .form-group--checkbox > input[type="checkbox"] {
    position: relative;
    margin: -0.1em 0 0 0;
    bottom: -0.4em; }

.form-check {
  padding-left: 2.3rem; }
  .form-check > label,
  .form-check .control-label {
    margin: 0;
    min-height: 24px; }
  .form-check .form-check-input {
    margin-left: -2.3rem; }
  .form-check--radio {
    padding-left: 2rem; }
    .form-check--radio .form-check-input {
      margin-left: -2rem; }

.form-group--switcher,
.form-group__switcher {
  position: relative;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 4px 8px; }
  .form-group--switcher.--no-wrap,
  .form-group__switcher.--no-wrap {
    flex-wrap: nowrap; }
  .form-group--switcher .label,
  .form-group__switcher .label {
    margin: 0;
    flex: 1; }
  .form-group--switcher .material-switch label,
  .form-group__switcher .material-switch label {
    padding: 0 !important; }
  .form-group--switcher .material-switch + label,
  .form-group__switcher .material-switch + label {
    margin-left: 0 !important;
    padding-right: 0 !important;
    line-height: 22px; }
  .form-group--switcher .alert,
  .form-group--switcher .errors,
  .form-group__switcher .alert,
  .form-group__switcher .errors {
    width: 100%; }

.iti__search-input, .form-control, .contact-widget-message-form .data-block .element-container textarea, .templates-page .notifications-settings .field select, .design-settings-page .theme-additional-colors input, .design-settings-page div.input {
  border: 1px solid #E7ECF7; }
  .iti__search-input:focus, .iti__search-input:focus-within, .form-control:focus, .contact-widget-message-form .data-block .element-container textarea:focus, .templates-page .notifications-settings .field select:focus, .design-settings-page .theme-additional-colors input:focus, .design-settings-page div.input:focus,
  .form-control:focus-within,
  .contact-widget-message-form .data-block .element-container textarea:focus-within,
  .templates-page .notifications-settings .field select:focus-within,
  .design-settings-page .theme-additional-colors input:focus-within,
  .design-settings-page div.input:focus-within {
    border: 1px solid #0B3052;
    box-shadow: none;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none; }

.input-group.searcher .combobox_wrapper {
  width: 100%; }
  .input-group.searcher .combobox_wrapper .form-control, .input-group.searcher .combobox_wrapper .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container .input-group.searcher .combobox_wrapper textarea, .input-group.searcher .combobox_wrapper .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .input-group.searcher .combobox_wrapper select, .input-group.searcher .combobox_wrapper .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors .input-group.searcher .combobox_wrapper input, .input-group.searcher .combobox_wrapper .design-settings-page div.input, .design-settings-page .input-group.searcher .combobox_wrapper div.input {
    height: 36px !important;
    border-radius: 4px; }
    .input-group.searcher .combobox_wrapper .form-control input[type="text"], .input-group.searcher .combobox_wrapper .contact-widget-message-form .data-block .element-container textarea input[type="text"], .contact-widget-message-form .data-block .element-container .input-group.searcher .combobox_wrapper textarea input[type="text"], .input-group.searcher .combobox_wrapper .templates-page .notifications-settings .field select input[type="text"], .templates-page .notifications-settings .field .input-group.searcher .combobox_wrapper select input[type="text"], .input-group.searcher .combobox_wrapper .design-settings-page .theme-additional-colors input input[type="text"], .design-settings-page .theme-additional-colors .input-group.searcher .combobox_wrapper input input[type="text"], .input-group.searcher .combobox_wrapper .design-settings-page div.input input[type="text"], .design-settings-page .input-group.searcher .combobox_wrapper div.input input[type="text"] {
      height: 34px !important;
      width: 99% !important;
      padding: 2px 50px 2px 18px !important;
      top: 0px !important;
      left: 0px !important;
      border: none !important;
      outline: none !important;
      border-radius: 4px;
      text-align: left;
      text-overflow: ellipsis;
      overflow: hidden; }
  .input-group.searcher .combobox_wrapper .dropdown-toggle {
    border-radius: 0 4px 4px 0;
    min-width: 46px;
    width: 46px;
    min-height: 36px;
    padding: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center; }

.input-group.searcher .dropdown-menu {
  scrollbar-width: thin;
  scrollbar-color: #788291 #ABBCCC; }
  .input-group.searcher .dropdown-menu::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
    .input-group.searcher .dropdown-menu::-webkit-scrollbar-track {
      background-clip: content-box;
      border: 1.5px solid transparent; }
    .input-group.searcher .dropdown-menu::-webkit-scrollbar-thumb {
      background-color: #788291;
      cursor: pointer; }
      .input-group.searcher .dropdown-menu::-webkit-scrollbar-thumb:hover {
        background-color: #6c7583; }
    .input-group.searcher .dropdown-menu::-webkit-scrollbar-corner, .input-group.searcher .dropdown-menu::-webkit-scrollbar-track {
      background-color: #ABBCCC; }
  .input-group.searcher .dropdown-menu li {
    background: transparent !important;
    line-height: 1.2 !important;
    display: block !important;
    align-items: center;
    justify-content: flex-start;
    min-height: 34px;
    padding: 8px 16px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #788291 !important;
    cursor: pointer; }
    .input-group.searcher .dropdown-menu li:hover {
      background: #f8faff !important;
      color: #0B3052 !important; }

.form-group__radio-list {
  display: flex;
  flex-direction: column;
  gap: 6px; }

.form-group__radio-list_item-caption {
  padding: 0;
  margin: 0; }

.input-file-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px 8px; }
  .input-file-container .input-file {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 4px;
    padding-right: 44px;
    border-radius: 4px;
    border: 1px solid #E7ECF7;
    min-height: 36px;
    height: 38px; }
  .input-file-container .icon {
    position: absolute;
    right: 18px;
    color: #ABBCCC;
    font-size: 16px;
    user-select: none;
    pointer-events: none; }

.minicolors {
  max-width: 110px; }

.form-group .minicolors, .element-container .minicolors, .form-group.color .minicolors, .color.element-container .minicolors {
  position: relative;
  background: #f8faff;
  border-radius: 4px; }
  .form-group .minicolors input, .element-container .minicolors input, .form-group.color .minicolors input, .color.element-container .minicolors input {
    height: 33px;
    padding-left: 24px;
    border: none;
    text-transform: uppercase;
    color: #788291;
    background: transparent;
    min-width: 95px; }
    .form-group .minicolors input:focus, .element-container .minicolors input:focus, .form-group.color .minicolors input:focus, .color.element-container .minicolors input:focus {
      box-shadow: none; }

.form-group .minicolors-swatch, .element-container .minicolors-swatch, .form-group.color .minicolors-swatch, .color.element-container .minicolors-swatch {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 18px;
  border-radius: 4px;
  border: 1px solid #E7ECF7;
  overflow: hidden;
  z-index: 0; }

.combobox-container .dropdown-toggle .icon {
  background-image: url(../../images/admin/drop_select.svg);
  background-size: 10px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center; }

.form-group .ui-multiselect, .element-container .ui-multiselect {
  font-family: "Noto Sans", sans-serif;
  display: flex;
  min-height: 36px;
  width: 100% !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  outline: none !important; }
  .form-group .ui-multiselect:focus, .element-container .ui-multiselect:focus {
    border-color: #79d7fc;
    box-shadow: 0 0 0 0.2rem rgba(6, 173, 239, 0.25); }
  .form-group .ui-multiselect span, .element-container .ui-multiselect span {
    display: block;
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    font-weight: normal;
    font-family: "Noto Sans", sans-serif; }
  .form-group .ui-multiselect .ui-multiselect-open, .element-container .ui-multiselect .ui-multiselect-open {
    order: 100;
    margin-left: auto;
    margin-right: 0;
    width: 16px;
    flex: unset; }
  .form-group .ui-multiselect .ui-icon, .element-container .ui-multiselect .ui-icon {
    background-image: url(../../images/admin/drop_select.svg);
    background-size: 10px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    height: 21px; }

.uploader-popup .uploader-header .error-container:not(:empty) {
  padding-top: 4px;
  padding-bottom: 6px; }

.invalid-feedback, .form-group.has-error .help-block, .has-error.element-container .help-block, .element-container.error-field .help-block, .element-container .error-message,
.invalid-feedback.err,
.form-group.has-error .err.help-block,
.has-error.element-container .err.help-block,
.element-container.error-field .err.help-block,
.element-container .err.error-message,
.uploader-popup .uploader-header .error-container,
.input-error,
.form-container .input-error,
.zend_form ul.errors li {
  color: #FF3259;
  font-size: 12px; }

.image-settings .form-check {
  margin: 3px 0; }
  .image-settings .form-check .ml-2.pt-1 {
    margin: 0 !important; }

@media (min-width: 700px) {
  .custom-email--params .field-container {
    flex-basis: 190px; } }

.input-group--price .input-group--price {
  flex-wrap: nowrap; }

.input-group--price .form-control, .input-group--price .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container .input-group--price textarea, .input-group--price .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .input-group--price select, .input-group--price .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors .input-group--price input, .input-group--price .design-settings-page div.input, .design-settings-page .input-group--price div.input {
  flex-basis: 130px;
  min-width: 130px; }

.bootstrap-tagsinput input {
  border: none;
  border-color: transparent !important; }

/**************************************************/
.dark-mode .iti__search-input:-webkit-autofill,
.dark-mode .iti__search-input:-webkit-autofill:hover,
.dark-mode .iti__search-input:-webkit-autofill:focus,
.dark-mode input:-webkit-autofill,
.dark-mode input:-webkit-autofill:hover,
.dark-mode input:-webkit-autofill:focus,
.dark-mode textarea:-webkit-autofill,
.dark-mode textarea:-webkit-autofill:hover,
.dark-mode textarea:-webkit-autofill:focus,
.dark-mode select:-webkit-autofill,
.dark-mode select:-webkit-autofill:hover,
.dark-mode select:-webkit-autofill:focus {
  border: 1px solid #777777;
  -webkit-text-fill-color: #f9f9f9;
  -webkit-box-shadow: 0 0 0 1000px #404040 inset;
  transition: background-color 5000s ease-in-out 0s; }

.dark-mode .form-control::placeholder, .dark-mode .contact-widget-message-form .data-block .element-container textarea::placeholder, .contact-widget-message-form .data-block .element-container .dark-mode textarea::placeholder, .dark-mode .templates-page .notifications-settings .field select::placeholder, .templates-page .notifications-settings .field .dark-mode select::placeholder, .dark-mode .design-settings-page .theme-additional-colors input::placeholder, .design-settings-page .theme-additional-colors .dark-mode input::placeholder, .dark-mode .design-settings-page div.input::placeholder, .design-settings-page .dark-mode div.input::placeholder,
.dark-mode .contact-widget-message-form .data-block .element-container textarea::placeholder,
.dark-mode .templates-page .notifications-settings .field select::placeholder,
.dark-mode .design-settings-page .theme-additional-colors input::placeholder,
.dark-mode .design-settings-page div.input::placeholder,
.dark-mode .iti input::-webkit-input-placeholder,
.dark-mode .iti input[type="tel"]::-webkit-input-placeholder,
.dark-mode .iti input[type="text"]::-webkit-input-placeholder {
  color: #838383; }

.dark-mode textarea[readonly]::placeholder,
.dark-mode textarea[disabled]::placeholder,
.dark-mode textarea:disabled::placeholder,
.dark-mode .form-control[readonly]::placeholder,
.dark-mode .contact-widget-message-form .data-block .element-container textarea[readonly]::placeholder,
.contact-widget-message-form .data-block .element-container .dark-mode textarea[readonly]::placeholder,
.dark-mode .templates-page .notifications-settings .field select[readonly]::placeholder,
.templates-page .notifications-settings .field .dark-mode select[readonly]::placeholder,
.dark-mode .design-settings-page .theme-additional-colors input[readonly]::placeholder,
.design-settings-page .theme-additional-colors .dark-mode input[readonly]::placeholder,
.dark-mode .design-settings-page div.input[readonly]::placeholder,
.design-settings-page .dark-mode div.input[readonly]::placeholder,
.dark-mode .form-control[disabled]::placeholder,
.dark-mode .contact-widget-message-form .data-block .element-container textarea[disabled]::placeholder,
.contact-widget-message-form .data-block .element-container .dark-mode textarea[disabled]::placeholder,
.dark-mode .templates-page .notifications-settings .field select[disabled]::placeholder,
.templates-page .notifications-settings .field .dark-mode select[disabled]::placeholder,
.dark-mode .design-settings-page .theme-additional-colors input[disabled]::placeholder,
.design-settings-page .theme-additional-colors .dark-mode input[disabled]::placeholder,
.dark-mode .design-settings-page div.input[disabled]::placeholder,
.design-settings-page .dark-mode div.input[disabled]::placeholder,
.dark-mode .form-control:disabled::placeholder,
.dark-mode .contact-widget-message-form .data-block .element-container textarea:disabled::placeholder,
.contact-widget-message-form .data-block .element-container .dark-mode textarea:disabled::placeholder,
.dark-mode .templates-page .notifications-settings .field select:disabled::placeholder,
.templates-page .notifications-settings .field .dark-mode select:disabled::placeholder,
.dark-mode .design-settings-page .theme-additional-colors input:disabled::placeholder,
.design-settings-page .theme-additional-colors .dark-mode input:disabled::placeholder,
.dark-mode .design-settings-page div.input:disabled::placeholder,
.design-settings-page .dark-mode div.input:disabled::placeholder,
.dark-mode input[type="text"][readonly]::placeholder,
.dark-mode input[type="text"][disabled]::placeholder,
.dark-mode input[type="text"]:disabled::placeholder {
  color: #d2d2d2 !important; }

.dark-mode .label,
.dark-mode .control-label,
.dark-mode .label__caption,
.dark-mode .zend_form .form-group .control-label,
.dark-mode .zend_form .element-container .control-label,
.dark-mode .zend_form .element-container .control-label {
  color: #bfbfbf; }

.dark-mode input[type="radio"],
.dark-mode input[type="checkbox"] {
  color: #f9f9f9;
  background-color: #404040; }
  .dark-mode input[type="radio"]:hover, .dark-mode input[type="radio"]:focus,
  .dark-mode input[type="checkbox"]:hover,
  .dark-mode input[type="checkbox"]:focus {
    border-color: #777777;
    background-color: #282828; }
  .dark-mode input[type="radio"]:checked, .dark-mode .management-app input.implicit-checked[type="radio"], .management-app .dark-mode input.implicit-checked[type="radio"],
  .dark-mode input[type="checkbox"]:checked,
  .dark-mode .management-app input.implicit-checked[type="checkbox"],
  .management-app .dark-mode input.implicit-checked[type="checkbox"] {
    border-color: #777777;
    background-color: #f1f6ff; }
    .dark-mode input[type="radio"]:checked:hover, .dark-mode .management-app input.implicit-checked[type="radio"]:hover, .management-app .dark-mode input.implicit-checked[type="radio"]:hover, .dark-mode input[type="radio"]:checked:focus, .dark-mode .management-app input.implicit-checked[type="radio"]:focus, .management-app .dark-mode input.implicit-checked[type="radio"]:focus,
    .dark-mode input[type="checkbox"]:checked:hover,
    .dark-mode .management-app input.implicit-checked[type="checkbox"]:hover,
    .management-app .dark-mode input.implicit-checked[type="checkbox"]:hover,
    .dark-mode input[type="checkbox"]:checked:focus,
    .dark-mode .management-app input.implicit-checked[type="checkbox"]:focus,
    .management-app .dark-mode input.implicit-checked[type="checkbox"]:focus {
      border-color: #777777;
      background-color: #f1f6ff; }

.dark-mode .material-switch-container .material-switch label::before {
  background-color: #282828;
  border-color: #555555; }

.dark-mode .material-switch-container .material-switch input[type="checkbox"]:checked + label::before, .dark-mode .material-switch-container .material-switch .management-app input.implicit-checked[type="checkbox"] + label::before, .management-app .dark-mode .material-switch-container .material-switch input.implicit-checked[type="checkbox"] + label::before {
  background-color: #282828;
  border-color: #967100; }

.dark-mode .material-switch-container .material-switch label::after {
  background: #bfbfbf; }

.dark-mode .material-switch-container .material-switch input[type="checkbox"]:checked + label::after, .dark-mode .material-switch-container .material-switch .management-app input.implicit-checked[type="checkbox"] + label::after, .management-app .dark-mode .material-switch-container .material-switch input.implicit-checked[type="checkbox"] + label::after {
  background: #06ADEF; }

.dark-mode .material-switch-container.danger input[type="checkbox"]:checked + label::before, .dark-mode .material-switch-container.danger .management-app input.implicit-checked[type="checkbox"] + label::before, .management-app .dark-mode .material-switch-container.danger input.implicit-checked[type="checkbox"] + label::before {
  background: #ffe4e4; }

.dark-mode .input-file-container .input-file,
.dark-mode .form-control,
.dark-mode .contact-widget-message-form .data-block .element-container textarea,
.contact-widget-message-form .data-block .element-container .dark-mode textarea,
.dark-mode .templates-page .notifications-settings .field select,
.templates-page .notifications-settings .field .dark-mode select,
.dark-mode .design-settings-page .theme-additional-colors input,
.design-settings-page .theme-additional-colors .dark-mode input,
.dark-mode .design-settings-page div.input,
.design-settings-page .dark-mode div.input,
.dark-mode textarea,
.dark-mode select,
.dark-mode input {
  color: #f9f9f9;
  border: 1px solid #555555;
  background-color: #404040; }
  .dark-mode .input-file-container .input-file:focus, .dark-mode .input-file-container .input-file:focus-within,
  .dark-mode .form-control:focus,
  .dark-mode .contact-widget-message-form .data-block .element-container textarea:focus,
  .contact-widget-message-form .data-block .element-container .dark-mode textarea:focus,
  .dark-mode .templates-page .notifications-settings .field select:focus,
  .templates-page .notifications-settings .field .dark-mode select:focus,
  .dark-mode .design-settings-page .theme-additional-colors input:focus,
  .design-settings-page .theme-additional-colors .dark-mode input:focus,
  .dark-mode .design-settings-page div.input:focus,
  .design-settings-page .dark-mode div.input:focus,
  .dark-mode .form-control:focus-within,
  .dark-mode .contact-widget-message-form .data-block .element-container textarea:focus-within,
  .contact-widget-message-form .data-block .element-container .dark-mode textarea:focus-within,
  .dark-mode .templates-page .notifications-settings .field select:focus-within,
  .templates-page .notifications-settings .field .dark-mode select:focus-within,
  .dark-mode .design-settings-page .theme-additional-colors input:focus-within,
  .design-settings-page .theme-additional-colors .dark-mode input:focus-within,
  .dark-mode .design-settings-page div.input:focus-within,
  .design-settings-page .dark-mode div.input:focus-within,
  .dark-mode textarea:focus,
  .dark-mode textarea:focus-within,
  .dark-mode select:focus,
  .dark-mode select:focus-within,
  .dark-mode input:focus,
  .dark-mode input:focus-within {
    border: 1px solid #777777; }
  .dark-mode .input-file-container .input-file[readonly], .dark-mode .input-file-container .input-file:disabled, .dark-mode .input-file-container .input-file.disabled,
  .dark-mode .form-control[readonly],
  .dark-mode .contact-widget-message-form .data-block .element-container textarea[readonly],
  .contact-widget-message-form .data-block .element-container .dark-mode textarea[readonly],
  .dark-mode .templates-page .notifications-settings .field select[readonly],
  .templates-page .notifications-settings .field .dark-mode select[readonly],
  .dark-mode .design-settings-page .theme-additional-colors input[readonly],
  .design-settings-page .theme-additional-colors .dark-mode input[readonly],
  .dark-mode .design-settings-page div.input[readonly],
  .design-settings-page .dark-mode div.input[readonly],
  .dark-mode .form-control:disabled,
  .dark-mode .contact-widget-message-form .data-block .element-container textarea:disabled,
  .contact-widget-message-form .data-block .element-container .dark-mode textarea:disabled,
  .dark-mode .templates-page .notifications-settings .field select:disabled,
  .templates-page .notifications-settings .field .dark-mode select:disabled,
  .dark-mode .design-settings-page .theme-additional-colors input:disabled,
  .design-settings-page .theme-additional-colors .dark-mode input:disabled,
  .dark-mode .design-settings-page div.input:disabled,
  .design-settings-page .dark-mode div.input:disabled,
  .dark-mode .form-control.disabled,
  .dark-mode .contact-widget-message-form .data-block .element-container textarea.disabled,
  .contact-widget-message-form .data-block .element-container .dark-mode textarea.disabled,
  .dark-mode .templates-page .notifications-settings .field select.disabled,
  .templates-page .notifications-settings .field .dark-mode select.disabled,
  .dark-mode .design-settings-page .theme-additional-colors input.disabled,
  .design-settings-page .theme-additional-colors .dark-mode input.disabled,
  .dark-mode .design-settings-page div.disabled.input,
  .design-settings-page .dark-mode div.disabled.input,
  .dark-mode textarea[readonly],
  .dark-mode textarea:disabled,
  .dark-mode textarea.disabled,
  .dark-mode select[readonly],
  .dark-mode select:disabled,
  .dark-mode select.disabled,
  .dark-mode input[readonly],
  .dark-mode input:disabled,
  .dark-mode input.disabled {
    background-color: #818181;
    border-color: #707070;
    color: #efefef; }

.dark-mode input.form-control[readonly], .dark-mode .design-settings-page .theme-additional-colors input[readonly], .design-settings-page .theme-additional-colors .dark-mode input[readonly],
.dark-mode textarea.form-control[readonly],
.dark-mode .contact-widget-message-form .data-block .element-container textarea[readonly],
.contact-widget-message-form .data-block .element-container .dark-mode textarea[readonly],
.dark-mode .form-control[readonly],
.dark-mode .contact-widget-message-form .data-block .element-container textarea[readonly],
.contact-widget-message-form .data-block .element-container .dark-mode textarea[readonly],
.dark-mode .templates-page .notifications-settings .field select[readonly],
.templates-page .notifications-settings .field .dark-mode select[readonly],
.dark-mode .design-settings-page .theme-additional-colors input[readonly],
.design-settings-page .theme-additional-colors .dark-mode input[readonly],
.dark-mode .design-settings-page div.input[readonly],
.design-settings-page .dark-mode div.input[readonly] {
  background-color: #818181 !important;
  border-color: #707070 !important;
  color: #efefef; }

.dark-mode .form-group .ui-multiselect, .dark-mode .element-container .ui-multiselect,
.dark-mode .element-container .ui-multiselect {
  background-color: #404040;
  border-color: #555555; }

.dark-mode .form-group .ui-multiselect .ui-icon, .dark-mode .element-container .ui-multiselect .ui-icon,
.dark-mode .element-container .ui-multiselect .ui-icon {
  background-color: #404040;
  background-image: url("/react-admin/assets/images/select--arrow-dark-mode.svg"); }

.dark-mode select,
.dark-mode select.form-control,
.dark-mode .templates-page .notifications-settings .field select,
.templates-page .notifications-settings .field .dark-mode select {
  background-image: url("/react-admin/assets/images/select--arrow-dark-mode.svg");
  background-color: #404040; }
  .dark-mode select:disabled, .dark-mode select.disabled,
  .dark-mode select.form-control:disabled,
  .dark-mode .templates-page .notifications-settings .field select:disabled,
  .templates-page .notifications-settings .field .dark-mode select:disabled,
  .dark-mode select.form-control.disabled,
  .dark-mode .templates-page .notifications-settings .field select.disabled,
  .templates-page .notifications-settings .field .dark-mode select.disabled {
    background-color: #818181;
    border-color: #707070;
    color: #ccc; }

.dark-mode .react-select__control .react-select__input-container {
  color: #f9f9f9; }
  .dark-mode .react-select__control .react-select__input-container input[type='text'] {
    color: #f9f9f9; }
    .dark-mode .react-select__control .react-select__input-container input[type='text']:focus, .dark-mode .react-select__control .react-select__input-container input[type='text']:focus-within {
      color: #f9f9f9; }

.dark-mode .zend_form ul.errors li {
  color: #ff6666;
  font-size: 13px; }

.dark-mode .form-group.has-error .form-control, .dark-mode .has-error.element-container .form-control, .dark-mode .element-container.error-field .form-control, .dark-mode .form-group.has-error .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container .dark-mode .form-group.has-error textarea, .dark-mode .contact-widget-message-form .data-block .has-error.element-container textarea, .contact-widget-message-form .data-block .dark-mode .has-error.element-container textarea, .dark-mode .contact-widget-message-form .data-block .element-container.error-field textarea, .contact-widget-message-form .data-block .dark-mode .element-container.error-field textarea, .dark-mode .form-group.has-error .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .dark-mode .form-group.has-error select, .dark-mode .has-error.element-container .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .dark-mode .has-error.element-container select, .dark-mode .element-container.error-field .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .dark-mode .element-container.error-field select, .dark-mode .form-group.has-error .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors .dark-mode .form-group.has-error input, .dark-mode .has-error.element-container .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors .dark-mode .has-error.element-container input, .dark-mode .element-container.error-field .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors .dark-mode .element-container.error-field input, .dark-mode .form-group.has-error .design-settings-page div.input, .design-settings-page .dark-mode .form-group.has-error div.input, .dark-mode .has-error.element-container .design-settings-page div.input, .design-settings-page .dark-mode .has-error.element-container div.input, .dark-mode .element-container.error-field .design-settings-page div.input, .design-settings-page .dark-mode .element-container.error-field div.input {
  border-color: #cf6679;
  box-shadow: none; }

.dark-mode input[readonly] {
  background-color: #404040 !important; }

.dark-mode .note-editor.note-frame .note-editing-area .note-editable,
.dark-mode .bootstrap-tagsinput {
  background-color: #404040;
  color: #f9f9f9; }

.dark-mode .form-group .minicolors, .dark-mode .element-container .minicolors, .dark-mode .form-group.color .minicolors, .dark-mode .color.element-container .minicolors {
  background: rgba(64, 64, 64, 0.2); }
  .dark-mode .form-group .minicolors input, .dark-mode .element-container .minicolors input, .dark-mode .form-group.color .minicolors input, .dark-mode .color.element-container .minicolors input {
    color: #f9f9f9;
    opacity: 1; }

.dark-mode .form-group .minicolors-swatch, .dark-mode .element-container .minicolors-swatch, .dark-mode .form-group.color .minicolors-swatch, .dark-mode .color.element-container .minicolors-swatch {
  border-color: #777777; }

.dark-mode .iti__arrow {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 4px solid #fff; }

.dark-mode .iti__arrow--up {
  border-bottom: 4px solid #fff; }

.dark-mode .k-datepicker .k-picker-wrap.k-state-focused {
  border-color: #777777 !important; }

.dark-mode .k-widget.form-control .k-picker-wrap.k-state-focused, .dark-mode .contact-widget-message-form .data-block .element-container textarea.k-widget .k-picker-wrap.k-state-focused, .contact-widget-message-form .data-block .element-container .dark-mode textarea.k-widget .k-picker-wrap.k-state-focused, .dark-mode .templates-page .notifications-settings .field select.k-widget .k-picker-wrap.k-state-focused, .templates-page .notifications-settings .field .dark-mode select.k-widget .k-picker-wrap.k-state-focused, .dark-mode .design-settings-page .theme-additional-colors input.k-widget .k-picker-wrap.k-state-focused, .design-settings-page .theme-additional-colors .dark-mode input.k-widget .k-picker-wrap.k-state-focused, .dark-mode .design-settings-page div.k-widget.input .k-picker-wrap.k-state-focused, .design-settings-page .dark-mode div.k-widget.input .k-picker-wrap.k-state-focused, .dark-mode .contact-widget-message-form .data-block .element-container textarea.k-widget .k-picker-wrap.k-state-focused, .dark-mode .templates-page .notifications-settings .field select.k-widget .k-picker-wrap.k-state-focused, .dark-mode .design-settings-page .theme-additional-colors input.k-widget .k-picker-wrap.k-state-focused, .dark-mode .design-settings-page div.k-widget.input .k-picker-wrap.k-state-focused {
  border-color: #777777; }

.dark-mode .form-group .ui-multiselect span, .dark-mode .element-container .ui-multiselect span {
  color: #f9f9f9; }

.partner-whitelabel #preloader-overlay #preloader,
.partner-whitelabel #preloader-overlay .ajax-loader-image,
.partner-whitelabel .ajax-loader #preloader,
.partner-whitelabel .ajax-loader .ajax-loader-image {
  width: 220px;
  height: 220px;
  background: rgba(216, 244, 255, 0.2);
  border-radius: 50%;
  background-image: none !important;
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-content: center;
  align-items: center; }
  .partner-whitelabel #preloader-overlay #preloader:before, .partner-whitelabel #preloader-overlay #preloader:after,
  .partner-whitelabel #preloader-overlay .ajax-loader-image:before,
  .partner-whitelabel #preloader-overlay .ajax-loader-image:after,
  .partner-whitelabel .ajax-loader #preloader:before,
  .partner-whitelabel .ajax-loader #preloader:after,
  .partner-whitelabel .ajax-loader .ajax-loader-image:before,
  .partner-whitelabel .ajax-loader .ajax-loader-image:after {
    content: '';
    position: absolute;
    box-sizing: border-box;
    display: block;
    margin: auto;
    border: 3px solid transparent;
    border-radius: 50%; }
  .partner-whitelabel #preloader-overlay #preloader:before,
  .partner-whitelabel #preloader-overlay .ajax-loader-image:before,
  .partner-whitelabel .ajax-loader #preloader:before,
  .partner-whitelabel .ajax-loader .ajax-loader-image:before {
    height: 80px;
    width: 80px;
    border-top: 2px solid #3a8aaa;
    border-left: 2px solid #3a8aaa;
    animation: loader-4-dblspin 1.8s linear infinite; }
  .partner-whitelabel #preloader-overlay #preloader:after,
  .partner-whitelabel #preloader-overlay .ajax-loader-image:after,
  .partner-whitelabel .ajax-loader #preloader:after,
  .partner-whitelabel .ajax-loader .ajax-loader-image:after {
    height: 112px;
    width: 112px;
    border-bottom: 2px solid #1d9ed1;
    border-left: 2px solid #1d9ed1;
    animation: loader-4-dblspin2 1.2s linear infinite; }

.partner-whitelabel .loader--block .loader--block-picture {
  background: rgba(216, 244, 255, 0.2);
  border-radius: 50%;
  background-image: none !important;
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-content: center;
  align-items: center; }
  .partner-whitelabel .loader--block .loader--block-picture:before, .partner-whitelabel .loader--block .loader--block-picture:after {
    content: '';
    position: absolute;
    box-sizing: border-box;
    display: block;
    margin: auto;
    border: 3px solid transparent;
    border-radius: 50%; }
  .partner-whitelabel .loader--block .loader--block-picture:before {
    height: 80px;
    width: 80px;
    border-top: 2px solid #3a8aaa;
    border-left: 2px solid #3a8aaa;
    animation: loader-4-dblspin 1.8s linear infinite; }
  .partner-whitelabel .loader--block .loader--block-picture:after {
    height: 112px;
    width: 112px;
    border-bottom: 2px solid #1d9ed1;
    border-left: 2px solid #1d9ed1;
    animation: loader-4-dblspin2 1.2s linear infinite; }

.partner-whitelabel .no-data__picture-wrapper img,
.partner-whitelabel .app-content .no-data__picture-wrapper img,
.partner-whitelabel #modal_root .no-data__picture-wrapper img,
.partner-whitelabel #app_root .no-data__picture-wrapper img {
  max-height: 120px; }

.partner-whitelabel .react-confirm-alert-body-element .sbpay-no-data__picture svg, .partner-whitelabel .sbpay-widget .sbpay-no-data__picture svg .sbpay-bird_body,
.partner-whitelabel .react-confirm-alert-body-element .sbpay--plan-item__picture svg .sbpay-bird-color,
.partner-whitelabel .react-confirm-alert-body-element .sbpay-result-page-picture svg .sbpay-bird-color,
.partner-whitelabel .sbpay-widget .sbpay--plan-item__picture svg .sbpay-bird-color,
.partner-whitelabel .sbpay-widget .sbpay-result-page-picture svg .sbpay-bird-color {
  fill: #d5e0ef; }

.partner-whitelabel .sbpay-widget.theme-sb .sbpay-section-header .sbpay-help-center {
  display: none;
  visibility: hidden; }

.partner-whitelabel .payment-status .no-data__picture-wrapper {
  height: 90px;
  min-height: 90px;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 88px !important; }
  .partner-whitelabel .payment-status .no-data__picture-wrapper img {
    display: none; }

.partner-whitelabel .payment-status.payment-status--wire-transfer .no-data__picture-wrapper {
  background-image: url(/react-admin/assets/images/payment-result/payment--wire-transfer_wl.svg); }

.partner-whitelabel .payment-status.payment-status--free-wait.payment-status--cancelled .no-data__picture-wrapper {
  background-image: url(/react-admin/assets/images/payment-result/payment--cancelled_wl.svg); }

.partner-whitelabel .payment-status.payment-status--free .no-data__picture-wrapper {
  background-image: url(/react-admin/assets/images/payment-result/payment--free_wl.svg); }

.partner-whitelabel .payment-status.paid .no-data__picture-wrapper {
  background-image: url(/react-admin/assets/images/payment-result/payment--success_wl.svg); }

.partner-whitelabel .company-dashboard .empty-chart .chart-container,
.partner-whitelabel .company-dashboard .panel-dashboard-block.dashboard-popular-providers .chart-table .chart-container .no-chart {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/v2/images/admin/white-label/chart-pie-sharp-thin.svg);
  background-size: 100px; }

.partner-whitelabel #invoice-sales-report .no-chart, .partner-whitelabel #invoice-sales-report .vovason-block {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/v2/images/admin/white-label/chart-pie-sharp-thin.svg);
  background-size: 100px; }

.partner-whitelabel .page-billings .page-header #help {
  display: none; }

.partner-whitelabel .delete-company-page .delete-company--alert_picture-sb {
  display: none; }

.partner-whitelabel .delete-company-page .delete-company--alert_picture-wl {
  display: block; }

.partner-whitelabel .delete-company-page .sad-image-container .sad-image-sb {
  display: none; }

.partner-whitelabel .delete-company-page .sad-image-container .sad-image-wl {
  display: block; }

.partner-whitelabel .--campaign-list .campaign-statistic__wrapper-empty picture {
  display: inline-block;
  height: 70px;
  width: 70px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/v2/images/admin/white-label/chart-pie-sharp-thin.svg);
  background-size: 70px;
  margin-bottom: 14px; }
  .partner-whitelabel .--campaign-list .campaign-statistic__wrapper-empty picture img {
    display: none; }

.partner-whitelabel .--campaign-list .campaign--settings-block .preview-block .preview-block--body .sb-push-body-text:before {
  display: none; }

.partner-whitelabel .company-blocked__image img.image_block-sb {
  display: none; }

.partner-whitelabel .company-blocked__image img.image_block-wl {
  display: inline-block; }

@keyframes loader-4-dblspin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(-720deg); } }

@keyframes loader-4-dblspin2 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.help-info .icon.fa-info-square {
  font-size: 16px;
  color: #ABBCCC; }

.page-header.__has-action .page-header__item-title {
  flex: unset;
  text-align: left;
  padding: 0;
  line-height: 34px; }

.page-header.__has-action.__wrap .page-header__row {
  flex-wrap: wrap; }

@media (max-width: 767px) {
  .page-header.__has-action.__wrap .page-header__item-title {
    width: 100%;
    text-align: center; } }

.page-header.__has-back-btn {
  padding-top: 40px; }
  .page-header.__has-back-btn .btn--secondary-outline.btn--back,
  .page-header.__has-back-btn .btn-secondary--outline.btn--back {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 0;
    border: none;
    background: transparent; }
    .page-header.__has-back-btn .btn--secondary-outline.btn--back .icon,
    .page-header.__has-back-btn .btn-secondary--outline.btn--back .icon {
      font-size: 18px; }

.page-header.__no-action .page-header__row .page-header__item.page-header__item-title {
  padding: 0; }

.page-header .btn-bar__sticky {
  transition: all 0.25s ease-out; }

.page-header .btn-bar.btn-bar--simple {
  flex: 1; }

.page-header .btn-bar .btn--save,
.page-header .btn-bar .save-button,
.page-header .btn-bar input[type=submit] {
  transition: all 0.25s ease-out; }

.page-header.--sticky .btn-bar__sticky {
  position: fixed;
  bottom: 26px;
  min-width: 150px;
  justify-content: center;
  left: 50%;
  transform: translateX(-50%);
  z-index: 50; }
  .page-header.--sticky .btn-bar__sticky .btn {
    box-shadow: 0px 0px 16px 3px rgba(4, 16, 28, 0.37) !important; }

.page-header.--sticky .btn-bar .btn--save,
.page-header.--sticky .btn-bar .save-button,
.page-header.--sticky .btn-bar input[type=submit] {
  position: fixed;
  bottom: 26px;
  min-width: 150px;
  justify-content: center;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0px 0px 16px 3px rgba(4, 16, 28, 0.37) !important;
  z-index: 50; }

.page-header.--sticky .btn-bar__sticky .btn--save {
  position: relative;
  left: unset;
  bottom: unset;
  transform: none;
  z-index: auto; }

.page-header.__has-subtitle.__wrap .page-header__row {
  flex-wrap: wrap; }

.page-header.__has-subtitle.__wrap .page-header__item-title,
.page-header.__has-subtitle.__wrap .page-header__item-subtitle {
  width: 100%; }

.page-header.buttons-container {
  margin-bottom: 12px; }
  @media (max-width: 1023px) {
    .page-header.buttons-container {
      padding-left: 46px; } }
  .page-header.buttons-container .dynamic-menu .btn {
    margin: 0; }

.btn-bar__adaptive-wrapper {
  flex: 1; }
  .btn-bar__adaptive-wrapper .dynamic-menu {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px 5px; }
    @media (max-width: 980px) {
      .btn-bar__adaptive-wrapper .dynamic-menu .sb-button-outside-submenu .btn-tutorial {
        padding: 4px;
        width: 36px;
        min-width: 36px;
        justify-content: center; }
        .btn-bar__adaptive-wrapper .dynamic-menu .sb-button-outside-submenu .btn-tutorial .btn__txt {
          display: none; } }
    .btn-bar__adaptive-wrapper .dynamic-menu .dropdown {
      order: 10;
      margin-right: 0 !important; }
    .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu {
      padding: 16px 0;
      min-width: 140px;
      min-width: 10rem;
      text-align: left;
      font-size: 14px;
      color: #788291;
      border-radius: 5px;
      margin: 0.125rem 0 0;
      list-style: none;
      background-color: #fff;
      background-clip: padding-box;
      border: none;
      box-shadow: 2px 2px 15px rgba(45, 51, 72, 0.1); }
      .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu .btn {
        display: flex;
        width: 100%;
        margin: 0;
        padding: 6px 24px;
        font-size: 14px;
        color: #788291;
        font-weight: 400;
        border: none;
        background: transparent;
        border-radius: 0;
        white-space: nowrap; }
        .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu .btn:hover, .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu .btn:focus, .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu .btn:active {
          color: #0B3052;
          background: #f8faff;
          border: none;
          filter: unset; }
        .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu .btn .icon, .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu .btn i {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          min-width: 26px; }
        .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu .btn .btn__txt {
          display: inline-block; }
        .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu .btn.btn--danger-high {
          color: #FF3259; }
          .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu .btn.btn--danger-high:hover, .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu .btn.btn--danger-high:focus, .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu .btn.btn--danger-high:active {
            color: #FF3259;
            background: #f8faff;
            border: none; }

.combobox-container .dropdown-menu li a {
  white-space: normal; }

#scheduler-page .scheduler-container #scheduler-nav .scheduler-mode-wrap .scheduler-mode,
.dropdown-menu {
  background-color: #fff;
  border: none;
  box-shadow: 2px 2px 18px rgba(45, 51, 72, 0.12); }

#scheduler-page .scheduler-container #scheduler-nav .scheduler-mode-wrap .scheduler-mode .mode-item, .dropdown-item, .combobox-container .dropdown-menu li a,
.combobox-container .dropdown-menu li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 36px;
  padding: 5px 24px;
  font-size: 14px;
  color: #788291;
  font-weight: 400; }
  #scheduler-page .scheduler-container #scheduler-nav .scheduler-mode-wrap .scheduler-mode .mode-item:empty,
  .dropdown-item:empty,
  .combobox-container .dropdown-menu li a:empty,
  .combobox-container .dropdown-menu li a:empty {
    padding-top: 0;
    padding-bottom: 0;
    min-height: unset;
    line-height: 6px; }

.combobox-container .dropdown-menu li.empty a {
  padding-top: 0;
  padding-bottom: 0;
  min-height: unset;
  line-height: 6px; }

.plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn,
.dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn,
.dropdown .dropdown-menu .btn,
.dropdown-menu .btn {
  display: flex;
  width: 100%;
  margin: 0 !important;
  padding: 6px 24px;
  font-size: 14px;
  color: #788291;
  font-weight: 400;
  border: none;
  background: transparent;
  border-radius: 0;
  white-space: nowrap;
  text-align: left !important;
  justify-content: flex-start !important; }
  .plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn:hover, .plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn:focus, .plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn:active,
  .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn:hover,
  .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn:focus,
  .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn:active,
  .dropdown .dropdown-menu .btn:hover,
  .dropdown .dropdown-menu .btn:focus,
  .dropdown .dropdown-menu .btn:active,
  .dropdown-menu .btn:hover,
  .dropdown-menu .btn:focus,
  .dropdown-menu .btn:active {
    color: #0B3052;
    background: #f8faff;
    border: none;
    filter: unset; }
  .plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn .icon, .plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn i, .plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn .fal, .plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn [class*='fa-']:not(.fab), .plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn .far, .plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn [class~='far']:not(.fab), .plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn .fab,
  .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn .icon,
  .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn i,
  .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn .fal,
  .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn [class*='fa-']:not(.fab),
  .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn .far,
  .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn [class~='far']:not(.fab),
  .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn .fab,
  .dropdown .dropdown-menu .btn .icon,
  .dropdown .dropdown-menu .btn i,
  .dropdown .dropdown-menu .btn .fal,
  .dropdown .dropdown-menu .btn [class*='fa-']:not(.fab),
  .dropdown .dropdown-menu .btn .far,
  .dropdown .dropdown-menu .btn [class~='far']:not(.fab),
  .dropdown .dropdown-menu .btn .fab,
  .dropdown-menu .btn .icon,
  .dropdown-menu .btn i,
  .dropdown-menu .btn .fal,
  .dropdown-menu .btn [class*='fa-']:not(.fab),
  .dropdown-menu .btn .far,
  .dropdown-menu .btn [class~='far']:not(.fab),
  .dropdown-menu .btn .fab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px; }
  .plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn.btn--danger-high,
  .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn.btn--danger-high,
  .dropdown .dropdown-menu .btn.btn--danger-high,
  .dropdown-menu .btn.btn--danger-high {
    color: #FF3259; }
    .plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn.btn--danger-high:hover, .plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn.btn--danger-high:focus, .plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn.btn--danger-high:active,
    .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn.btn--danger-high:hover,
    .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn.btn--danger-high:focus,
    .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn.btn--danger-high:active,
    .dropdown .dropdown-menu .btn.btn--danger-high:hover,
    .dropdown .dropdown-menu .btn.btn--danger-high:focus,
    .dropdown .dropdown-menu .btn.btn--danger-high:active,
    .dropdown-menu .btn.btn--danger-high:hover,
    .dropdown-menu .btn.btn--danger-high:focus,
    .dropdown-menu .btn.btn--danger-high:active {
      color: #FF3259;
      background: #f8faff;
      border: none; }

.notifications-settings {
  scrollbar-width: thin;
  scrollbar-color: #788291 #ABBCCC; }
  .notifications-settings::-webkit-scrollbar {
    width: 12px;
    height: 12px; }
    .notifications-settings::-webkit-scrollbar-track {
      background-clip: content-box;
      border: 3px solid transparent; }
    .notifications-settings::-webkit-scrollbar-thumb {
      background-color: #788291;
      cursor: pointer; }
      .notifications-settings::-webkit-scrollbar-thumb:hover {
        background-color: #6c7583; }
    .notifications-settings::-webkit-scrollbar-corner, .notifications-settings::-webkit-scrollbar-track {
      background-color: #ABBCCC; }

body .mb-xs {
  margin-bottom: 4px; }

body .mb-s {
  margin-bottom: 8px; }

body .mb-m {
  margin-bottom: 12px; }

body .mb-l {
  margin-bottom: 16px; }

body .mb-xl {
  margin-bottom: 20px; }

body .mb-xxl {
  margin-bottom: 30px; }

body.body-full-height .content-wrapper {
  min-height: calc(100vh - 41px); }

body.body-full-height .metric-frame {
  min-height: calc(100vh - 110px); }

body.body-full-height .messages-container {
  display: none; }

body.without-chat #supportChat {
  display: none; }

.popover-tour,
.popover {
  border-radius: 5px;
  box-shadow: 2px 2px 15px rgba(11, 48, 82, 0.16);
  font-size: 12px;
  background: #fff;
  color: #788291;
  border: none;
  white-space: normal;
  position: absolute;
  display: block;
  max-width: 276px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  line-break: auto;
  word-wrap: break-word;
  background-clip: padding-box;
  z-index: 1060; }
  .popover-tour .popover-header,
  .popover .popover-header {
    font-size: 14px;
    color: #0B3052;
    background-color: #f8faff;
    padding-left: 12px;
    padding-right: 12px;
    border-top-left-radius: calc(5px - 1px);
    border-top-right-radius: calc(5px - 1px);
    white-space: normal; }
  .popover-tour .popover-body,
  .popover .popover-body {
    min-width: 120px;
    color: #0B3052;
    font-family: "Noto Sans", sans-serif;
    padding: 8px 12px;
    font-size: 12px;
    white-space: normal; }

.popper-content .popper-body {
  white-space: normal; }

.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before, .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before, .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before, .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before,
.bs-popover-auto[x-placement^="left"] .arrow::before,
.bs-popover-auto[x-placement^="top"] .arrow::before,
.bs-popover-auto[x-placement^="bottom"] .arrow::before,
.bs-popover-auto[x-placement^="right"] .arrow::before {
  border-color: transparent !important; }

.feature--settings-page {
  padding: 20px; }
  @media (min-width: 1023px) {
    .feature--settings-page {
      max-width: 1520px; } }
  .feature--settings-page .page-header {
    padding-bottom: 14px; }
    .feature--settings-page .page-header.__has-border {
      padding-bottom: 14px; }
  .feature--settings-page .enable-or-activate-feature__row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px; }
    .feature--settings-page .enable-or-activate-feature__row .arrow {
      position: relative;
      display: inline-block;
      min-height: 20px; }
      .feature--settings-page .enable-or-activate-feature__row .arrow .icon {
        background: url("/v2/images/admin/arrow--long.svg") no-repeat;
        display: inline-block;
        position: absolute;
        bottom: -48px;
        height: 82px;
        left: -22px;
        width: 46px;
        background-size: 56px;
        transform: scale(1, -1) rotate(-92deg);
        background-position: -15px -30px; }
    .feature--settings-page .enable-or-activate-feature__row .p--heading {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px; }
    .feature--settings-page .enable-or-activate-feature__row .item--enable-or-activate-feature {
      width: 100%;
      max-width: 320px;
      border-radius: 5px; }
      .feature--settings-page .enable-or-activate-feature__row .item--enable-or-activate-feature .item-container {
        position: relative;
        padding: 20px 25px 25px;
        text-align: center; }
      .feature--settings-page .enable-or-activate-feature__row .item--enable-or-activate-feature .item-row {
        display: flex;
        flex-direction: column;
        gap: 16px;
        align-items: center; }
      .feature--settings-page .enable-or-activate-feature__row .item--enable-or-activate-feature .item-col__picture {
        position: relative;
        width: 100%; }
        .feature--settings-page .enable-or-activate-feature__row .item--enable-or-activate-feature .item-col__picture img {
          display: inline-block;
          height: 80px; }

.popper-content {
  line-height: 1.36; }

.note-editor.note-disabled {
  pointer-events: none;
  user-select: none;
  filter: invert(0.2) sepia(1) hue-rotate(180deg) saturate(0.1) brightness(1); }

.--variables .common_var,
.variables-list .common-var,
.variables-list .new-user-var,
.variables-list .event-var,
.variables-list .feedback-var,
.plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 6px; }
  .--variables .common_var .val-of-field,
  .variables-list .common-var .val-of-field,
  .variables-list .new-user-var .val-of-field,
  .variables-list .event-var .val-of-field,
  .variables-list .feedback-var .val-of-field,
  .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .val-of-field {
    display: none; }
  .--variables .common_var .sb-insert-code,
  .--variables .common_var .sb-insert-var,
  .--variables .common_var .insert-code,
  .variables-list .common-var .sb-insert-code,
  .variables-list .common-var .sb-insert-var,
  .variables-list .common-var .insert-code,
  .variables-list .new-user-var .sb-insert-code,
  .variables-list .new-user-var .sb-insert-var,
  .variables-list .new-user-var .insert-code,
  .variables-list .event-var .sb-insert-code,
  .variables-list .event-var .sb-insert-var,
  .variables-list .event-var .insert-code,
  .variables-list .feedback-var .sb-insert-code,
  .variables-list .feedback-var .sb-insert-var,
  .variables-list .feedback-var .insert-code,
  .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .sb-insert-code,
  .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .sb-insert-var,
  .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .insert-code {
    overflow: visible !important;
    text-overflow: unset !important;
    justify-content: flex-start;
    text-align: left;
    width: auto;
    white-space: normal;
    word-break: break-word;
    line-height: 1.68;
    text-wrap: balance;
    margin-left: 0 !important;
    margin-right: auto !important; }
    @media (min-width: 1023px) {
      .--variables .common_var .sb-insert-code,
      .--variables .common_var .sb-insert-var,
      .--variables .common_var .insert-code,
      .variables-list .common-var .sb-insert-code,
      .variables-list .common-var .sb-insert-var,
      .variables-list .common-var .insert-code,
      .variables-list .new-user-var .sb-insert-code,
      .variables-list .new-user-var .sb-insert-var,
      .variables-list .new-user-var .insert-code,
      .variables-list .event-var .sb-insert-code,
      .variables-list .event-var .sb-insert-var,
      .variables-list .event-var .insert-code,
      .variables-list .feedback-var .sb-insert-code,
      .variables-list .feedback-var .sb-insert-var,
      .variables-list .feedback-var .insert-code,
      .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .sb-insert-code,
      .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .sb-insert-var,
      .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .insert-code {
        max-width: 206px !important;
        width: fit-content !important;
        block-size: fit-content; }
        .--variables .common_var .sb-insert-code.min-max__200,
        .--variables .common_var .sb-insert-var.min-max__200,
        .--variables .common_var .insert-code.min-max__200,
        .variables-list .common-var .sb-insert-code.min-max__200,
        .variables-list .common-var .sb-insert-var.min-max__200,
        .variables-list .common-var .insert-code.min-max__200,
        .variables-list .new-user-var .sb-insert-code.min-max__200,
        .variables-list .new-user-var .sb-insert-var.min-max__200,
        .variables-list .new-user-var .insert-code.min-max__200,
        .variables-list .event-var .sb-insert-code.min-max__200,
        .variables-list .event-var .sb-insert-var.min-max__200,
        .variables-list .event-var .insert-code.min-max__200,
        .variables-list .feedback-var .sb-insert-code.min-max__200,
        .variables-list .feedback-var .sb-insert-var.min-max__200,
        .variables-list .feedback-var .insert-code.min-max__200,
        .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .sb-insert-code.min-max__200,
        .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .sb-insert-var.min-max__200,
        .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .insert-code.min-max__200 {
          max-width: 190px !important; } }
  .--variables .common_var .sb-insert-code:hover + .common-var_descr,
  .--variables .common_var .sb-insert-var:hover + .common-var_descr,
  .--variables .common_var .insert-code:hover + .common-var_descr,
  .variables-list .common-var .sb-insert-code:hover + .common-var_descr,
  .variables-list .common-var .sb-insert-var:hover + .common-var_descr,
  .variables-list .common-var .insert-code:hover + .common-var_descr,
  .variables-list .new-user-var .sb-insert-code:hover + .common-var_descr,
  .variables-list .new-user-var .sb-insert-var:hover + .common-var_descr,
  .variables-list .new-user-var .insert-code:hover + .common-var_descr,
  .variables-list .event-var .sb-insert-code:hover + .common-var_descr,
  .variables-list .event-var .sb-insert-var:hover + .common-var_descr,
  .variables-list .event-var .insert-code:hover + .common-var_descr,
  .variables-list .feedback-var .sb-insert-code:hover + .common-var_descr,
  .variables-list .feedback-var .sb-insert-var:hover + .common-var_descr,
  .variables-list .feedback-var .insert-code:hover + .common-var_descr,
  .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .sb-insert-code:hover + .common-var_descr,
  .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .sb-insert-var:hover + .common-var_descr,
  .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .insert-code:hover + .common-var_descr {
    color: #1d9ed1; }
  .--variables .common_var .common-var_descr,
  .variables-list .common-var .common-var_descr,
  .variables-list .new-user-var .common-var_descr,
  .variables-list .event-var .common-var_descr,
  .variables-list .feedback-var .common-var_descr,
  .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .common-var_descr {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    gap: 4px;
    margin-left: auto;
    text-align: right;
    flex: 1;
    min-width: 160px;
    word-break: break-word; }
    .--variables .common_var .common-var_descr:before,
    .variables-list .common-var .common-var_descr:before,
    .variables-list .new-user-var .common-var_descr:before,
    .variables-list .event-var .common-var_descr:before,
    .variables-list .feedback-var .common-var_descr:before,
    .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .common-var_descr:before {
      position: relative;
      top: -0.22em;
      content: '';
      display: block;
      flex: 1;
      min-width: 22px;
      height: 1px;
      border-bottom: 1px dashed rgba(171, 188, 204, 0.8); }

.vars-list .my-2.d-flex {
  align-items: center;
  gap: 4px 8px; }

/*---  Black menu  ---*/
.dark-mode .page-header.__has-border {
  border-color: #555555; }

.dark-mode .page-header.__has-border-danger {
  border-bottom: 1px solid #FF3259; }

.dark-mode .header,
.dark-mode #sidebar {
  background: #242424;
  border-color: #303030; }
  .dark-mode .header .logo .img img,
  .dark-mode #sidebar .logo .img img {
    filter: invert(0.5) sepia(1) hue-rotate(180deg) saturate(0.6) brightness(1); }
    .dark-mode .header .logo .img img.logo__image--mob,
    .dark-mode #sidebar .logo .img img.logo__image--mob {
      filter: invert(1) sepia(1) hue-rotate(180deg) saturate(0.6) brightness(1); }
  .dark-mode .header .sidebar-menu .nav-item .sub, .dark-mode .header .sidebar-menu ul.nav-tabs > li .sub,
  .dark-mode .header .sidebar-menu .sub,
  .dark-mode #sidebar .sidebar-menu .nav-item .sub,
  .dark-mode #sidebar .sidebar-menu ul.nav-tabs > li .sub,
  .dark-mode #sidebar .sidebar-menu .sub {
    background: #242424; }
    @media (min-width: 1367px) {
      .dark-mode .header .sidebar-menu .nav-item .sub, .dark-mode .header .sidebar-menu ul.nav-tabs > li .sub,
      .dark-mode .header .sidebar-menu .sub,
      .dark-mode #sidebar .sidebar-menu .nav-item .sub,
      .dark-mode #sidebar .sidebar-menu ul.nav-tabs > li .sub,
      .dark-mode #sidebar .sidebar-menu .sub {
        box-shadow: 12px 0px 26px -6px rgba(0, 0, 0, 0.6); } }


.dark-mode #sidebar .sidebar-menu .nav-item .sub,
.dark-mode #sidebar .sidebar-menu ul.nav-tabs > li .sub,
.dark-mode #sidebar .sidebar-menu ul.nav-tabs > li .sub {
  border-color: #303030; }

.dark-mode .account-info--hinter {
  background: #242424;
  box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.9); }

.dark-mode .account-info--hinter:before {
  border-right: 10px solid #242424; }

.dark-mode .footer, .dark-mode .site-footer {
  background: #282828; }

.dark-mode .bg-white {
  background-color: #282828 !important; }

.dark-mode .global-search--block {
  border-color: #555555;
  color: #bcbcbc; }
  @media (max-width: 440px) {
    .dark-mode .global-search--block {
      border-color: transparent; }
      .dark-mode .global-search--block .global-search--icon {
        color: #f9f9f9; } }

.dark-mode .iti__country-list {
  border-color: #555555;
  color: #bcbcbc;
  background: #1a1a1a;
  scrollbar-width: thin;
  scrollbar-color: #788291 #ABBCCC; }
  .dark-mode .iti__country-list li {
    color: #bcbcbc; }
  .dark-mode .iti__country-list::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
    .dark-mode .iti__country-list::-webkit-scrollbar-track {
      background-clip: content-box;
      border: 1.5px solid transparent; }
    .dark-mode .iti__country-list::-webkit-scrollbar-thumb {
      background-color: #788291;
      cursor: pointer; }
      .dark-mode .iti__country-list::-webkit-scrollbar-thumb:hover {
        background-color: #6c7583; }
    .dark-mode .iti__country-list::-webkit-scrollbar-corner, .dark-mode .iti__country-list::-webkit-scrollbar-track {
      background-color: #ABBCCC; }

.dark-mode .iti__dial-code {
  color: #f9f9f9; }

.dark-mode .sb-url-wrap a:after {
  color: #1d9ed1; }

.dark-mode #sidebar .sidebar-menu .nav-item.active > a, .dark-mode #sidebar .sidebar-menu ul.nav-tabs > li.active > a, .dark-mode #sidebar .sidebar-menu ul.nav-tabs > li.active > a {
  background: #1d9ed1; }

.dark-mode .plugins-page .plugins-form .block-of-recommended-plugins .plugin-recommended-item,
.dark-mode .plugins-page .plugins-form .plugins-form-body,
.dark-mode .plugins-page .plugins-page-row .plugins-page-col.plugins-form {
  background: #1a1a1a;
  border-color: #555555; }

.dark-mode .page--main-configuration.configuration-page .col-xs-12.default .box-content,
.dark-mode .plugins-page .plugins-form .plugins-page--client-company .plugins-page--client-company-tarif {
  background: #282828; }

.dark-mode .plugins-page .plugins-form .plugins-page--client-company .plugins-page--client-company-tarif .content-row .title {
  border-color: #303030; }

.dark-mode .sb__propose_plugin_container .propose-plugin {
  background: #242424;
  border-color: #303030; }
  .dark-mode .sb__propose_plugin_container .propose-plugin .propose-plugin--image img {
    filter: invert(1) sepia(1) hue-rotate(180deg) saturate(0.6) brightness(1); }

.dark-mode #scheduler-page .scheduler-container #scheduler-nav .scheduler-mode-wrap .scheduler-mode,
.dark-mode .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu,
.dark-mode .dropdown-menu {
  border: none;
  background-color: #242424;
  color: #bcbcbc;
  box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.9);
  scrollbar-width: thin;
  scrollbar-color: #788291 #ABBCCC; }
  .dark-mode #scheduler-page .scheduler-container #scheduler-nav .scheduler-mode-wrap .scheduler-mode::-webkit-scrollbar,
  .dark-mode .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu::-webkit-scrollbar,
  .dark-mode .dropdown-menu::-webkit-scrollbar {
    width: 5px;
    height: 5px; }
    .dark-mode #scheduler-page .scheduler-container #scheduler-nav .scheduler-mode-wrap .scheduler-mode::-webkit-scrollbar-track,
    .dark-mode .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu::-webkit-scrollbar-track,
    .dark-mode .dropdown-menu::-webkit-scrollbar-track {
      background-clip: content-box;
      border: 1.25px solid transparent; }
    .dark-mode #scheduler-page .scheduler-container #scheduler-nav .scheduler-mode-wrap .scheduler-mode::-webkit-scrollbar-thumb,
    .dark-mode .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu::-webkit-scrollbar-thumb,
    .dark-mode .dropdown-menu::-webkit-scrollbar-thumb {
      background-color: #788291;
      cursor: pointer; }
      .dark-mode #scheduler-page .scheduler-container #scheduler-nav .scheduler-mode-wrap .scheduler-mode::-webkit-scrollbar-thumb:hover,
      .dark-mode .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu::-webkit-scrollbar-thumb:hover,
      .dark-mode .dropdown-menu::-webkit-scrollbar-thumb:hover {
        background-color: #6c7583; }
    .dark-mode #scheduler-page .scheduler-container #scheduler-nav .scheduler-mode-wrap .scheduler-mode::-webkit-scrollbar-corner, .dark-mode #scheduler-page .scheduler-container #scheduler-nav .scheduler-mode-wrap .scheduler-mode::-webkit-scrollbar-track,
    .dark-mode .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu::-webkit-scrollbar-corner,
    .dark-mode .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu::-webkit-scrollbar-track,
    .dark-mode .dropdown-menu::-webkit-scrollbar-corner,
    .dark-mode .dropdown-menu::-webkit-scrollbar-track {
      background-color: #ABBCCC; }

.dark-mode .dropdown-item, .dark-mode .combobox-container .dropdown-menu li a, .combobox-container .dropdown-menu li .dark-mode a, .dark-mode .combobox-container .dropdown-menu li a {
  color: #bcbcbc; }

.dark-mode .dropdown-item:hover, .dark-mode .combobox-container .dropdown-menu li a:hover, .combobox-container .dropdown-menu li .dark-mode a:hover, .dark-mode .dropdown-item:focus, .dark-mode .combobox-container .dropdown-menu li a:focus, .combobox-container .dropdown-menu li .dark-mode a:focus,
.dark-mode .combobox-container .dropdown-menu li a:hover,
.dark-mode .combobox-container .dropdown-menu li a:focus {
  background-color: #282828;
  color: #bcbcbc; }

.dark-mode .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn.text-secondary,
.dark-mode .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn,
.dark-mode .dropdown .dropdown-menu .btn.text-secondary,
.dark-mode .dropdown .dropdown-menu .btn,
.dark-mode .dropdown-menu .btn.text-secondary,
.dark-mode .dropdown-menu .btn {
  color: #bcbcbc; }
  .dark-mode .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn.text-secondary:hover, .dark-mode .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn.text-secondary:focus, .dark-mode .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn.text-secondary:active,
  .dark-mode .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn:hover,
  .dark-mode .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn:focus,
  .dark-mode .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn:active,
  .dark-mode .dropdown .dropdown-menu .btn.text-secondary:hover,
  .dark-mode .dropdown .dropdown-menu .btn.text-secondary:focus,
  .dark-mode .dropdown .dropdown-menu .btn.text-secondary:active,
  .dark-mode .dropdown .dropdown-menu .btn:hover,
  .dark-mode .dropdown .dropdown-menu .btn:focus,
  .dark-mode .dropdown .dropdown-menu .btn:active,
  .dark-mode .dropdown-menu .btn.text-secondary:hover,
  .dark-mode .dropdown-menu .btn.text-secondary:focus,
  .dark-mode .dropdown-menu .btn.text-secondary:active,
  .dark-mode .dropdown-menu .btn:hover,
  .dark-mode .dropdown-menu .btn:focus,
  .dark-mode .dropdown-menu .btn:active {
    background-color: #282828;
    color: #f9f9f9; }
  .dark-mode .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn.text-secondary.text-secondary:hover, .dark-mode .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn.text-secondary.text-secondary:focus, .dark-mode .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn.text-secondary.text-secondary:active,
  .dark-mode .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn.text-secondary:hover,
  .dark-mode .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn.text-secondary:focus,
  .dark-mode .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn.text-secondary:active,
  .dark-mode .dropdown .dropdown-menu .btn.text-secondary.text-secondary:hover,
  .dark-mode .dropdown .dropdown-menu .btn.text-secondary.text-secondary:focus,
  .dark-mode .dropdown .dropdown-menu .btn.text-secondary.text-secondary:active,
  .dark-mode .dropdown .dropdown-menu .btn.text-secondary:hover,
  .dark-mode .dropdown .dropdown-menu .btn.text-secondary:focus,
  .dark-mode .dropdown .dropdown-menu .btn.text-secondary:active,
  .dark-mode .dropdown-menu .btn.text-secondary.text-secondary:hover,
  .dark-mode .dropdown-menu .btn.text-secondary.text-secondary:focus,
  .dark-mode .dropdown-menu .btn.text-secondary.text-secondary:active,
  .dark-mode .dropdown-menu .btn.text-secondary:hover,
  .dark-mode .dropdown-menu .btn.text-secondary:focus,
  .dark-mode .dropdown-menu .btn.text-secondary:active {
    color: #f9f9f9 !important; }
  .dark-mode .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn.text-secondary.btn--danger-high,
  .dark-mode .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn.btn--danger-high,
  .dark-mode .dropdown .dropdown-menu .btn.text-secondary.btn--danger-high,
  .dark-mode .dropdown .dropdown-menu .btn.btn--danger-high,
  .dark-mode .dropdown-menu .btn.text-secondary.btn--danger-high,
  .dark-mode .dropdown-menu .btn.btn--danger-high {
    color: #FF3259; }
    .dark-mode .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn.text-secondary.btn--danger-high:hover, .dark-mode .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn.text-secondary.btn--danger-high:focus, .dark-mode .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn.text-secondary.btn--danger-high:active,
    .dark-mode .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn.btn--danger-high:hover,
    .dark-mode .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn.btn--danger-high:focus,
    .dark-mode .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn.btn--danger-high:active,
    .dark-mode .dropdown .dropdown-menu .btn.text-secondary.btn--danger-high:hover,
    .dark-mode .dropdown .dropdown-menu .btn.text-secondary.btn--danger-high:focus,
    .dark-mode .dropdown .dropdown-menu .btn.text-secondary.btn--danger-high:active,
    .dark-mode .dropdown .dropdown-menu .btn.btn--danger-high:hover,
    .dark-mode .dropdown .dropdown-menu .btn.btn--danger-high:focus,
    .dark-mode .dropdown .dropdown-menu .btn.btn--danger-high:active,
    .dark-mode .dropdown-menu .btn.text-secondary.btn--danger-high:hover,
    .dark-mode .dropdown-menu .btn.text-secondary.btn--danger-high:focus,
    .dark-mode .dropdown-menu .btn.text-secondary.btn--danger-high:active,
    .dark-mode .dropdown-menu .btn.btn--danger-high:hover,
    .dark-mode .dropdown-menu .btn.btn--danger-high:focus,
    .dark-mode .dropdown-menu .btn.btn--danger-high:active {
      color: #FF3259;
      background: #282828;
      border: none; }

.dark-mode hr {
  border-color: rgba(255, 255, 255, 0.1); }

.dark-mode .sb-url-wrap a {
  color: #bcbcbc; }

.dark-mode .badge--primary {
  color: #06ADEF;
  background: rgba(225, 247, 255, 0.2); }

.dark-mode .badge--success {
  background: rgba(229, 251, 243, 0.2);
  color: #00bf7e; }

.dark-mode .badge--danger {
  background: rgba(255, 234, 238, 0.2);
  color: #FF3259; }

.dark-mode .badge--secondary {
  background: rgba(241, 246, 255, 0.2);
  color: #788291; }

.dark-mode .badge--warning {
  background: rgba(255, 252, 245, 0.2);
  color: #ff9800; }

.dark-mode .badge--info {
  background: rgba(241, 246, 255, 0.2);
  color: #06ADEF; }

.dark-mode table th, .dark-mode table td {
  border-color: #303030; }

.dark-mode .card, .dark-mode .panel, .dark-mode .panel {
  background-color: #242424;
  border: 1px solid rgba(0, 0, 0, 0.125);
  box-shadow: none;
  color: #f9f9f9; }

.dark-mode .section__cover-content.lighter {
  background: rgba(40, 40, 40, 0.4); }

.dark-mode .section__cover-content.darker {
  background: #282828; }

.dark-mode .section__cover-content.white {
  background: #1a1a1a; }

.dark-mode .popper-content,
.dark-mode .popover {
  box-shadow: 2px 2px 15px rgba(249, 249, 249, 0.16);
  background: #1a1a1a;
  color: #f9f9f9;
  border-color: #303030; }
  .dark-mode .popper-content .popover-header,
  .dark-mode .popover .popover-header {
    color: #f9f9f9;
    background-color: #282828; }
  .dark-mode .popper-content .popover-body,
  .dark-mode .popover .popover-body {
    color: #f9f9f9; }

.dark-mode .popper-content .popper__arrow {
  border-color: #303030;
  background: #1a1a1a; }

.dark-mode .bs-popover-left .arrow::after, .dark-mode .bs-popover-auto[x-placement^="left"] .arrow::after, .dark-mode .bs-popover-auto[x-placement^="left"] .arrow::after {
  border-left-color: #1a1a1a; }

.dark-mode .bs-popover-right .arrow::after, .dark-mode .bs-popover-auto[x-placement^="right"] .arrow::after, .dark-mode .bs-popover-auto[x-placement^="right"] .arrow::after {
  border-right-color: #1a1a1a; }

.dark-mode .bs-popover-top .arrow::after, .dark-mode .bs-popover-auto[x-placement^="top"] .arrow::after, .dark-mode .bs-popover-auto[x-placement^="top"] .arrow::after {
  border-top-color: #1a1a1a; }

.dark-mode .bs-popover-bottom .arrow::after, .dark-mode .bs-popover-auto[x-placement^="bottom"] .arrow::after, .dark-mode .bs-popover-auto[x-placement^="bottom"] .arrow::after {
  border-bottom-color: #1a1a1a; }

.dark-mode .alert {
  color: #0B3052; }
  .dark-mode .alert .control-label, .dark-mode .alert .label {
    color: #727d8c; }

.dark-mode .list-group-item {
  border-color: #303030;
  background: transparent; }

.dark-mode .default-confirm-modal .list-group-item {
  background: #242424; }

.dark-mode .CodeMirror {
  background: #e5e5e5; }

.dark-mode .feature--settings-page .page-header {
  border-color: #555555; }

.dark-mode .--make-soft-on-dark {
  filter: grayscale(0.7) invert(88%); }

.dark-mode .feature--settings-page .item-col__picture img {
  filter: grayscale(0.7) invert(88%); }

.dark-mode .sbpay-widget {
  background: #1a1a1a;
  color: #bcbcbc; }

.dark-mode .react-confirm-alert-body-element .sbpay-p--secondary, .dark-mode .sbpay-widget .sbpay-p--secondary {
  color: #bcbcbc; }

.dark-mode .react-confirm-alert-body-element .sbpay-p--primary, .dark-mode .sbpay-widget .sbpay-p--primary,
.dark-mode .react-confirm-alert-body-element .sbpay-title--primary, .dark-mode .sbpay-widget .sbpay-title--primary,
.dark-mode .sbpay-section-header__title,
.dark-mode .sbpay-widget .sbpay-section-header__title {
  color: #f9f9f9; }

.dark-mode .sbpay-wrapper-block.--has-border, .dark-mode .sbpay-widget .sbpay-wrapper-block.--has-border,
.dark-mode .sbpay-wrapper-block--bg-white, .dark-mode .sbpay-widget .sbpay-wrapper-block--bg-white,
.dark-mode .sbpay-widget.theme-sb .sbpay--grid-item.current-subscription .sbpay-current-subscription-info__wrapper {
  background: transparent;
  border-color: #555555; }

.dark-mode .sbpay-table--body tr td, .dark-mode .sbpay-widget .sbpay-table--body tr td {
  color: #bcbcbc; }

.dark-mode .sbpay-table--header th, .dark-mode .sbpay-widget .sbpay-table--header th {
  color: #f9f9f9; }

.dark-mode .sbpay-wrapper-block--bg-lighter, .dark-mode .sbpay-widget .sbpay-wrapper-block--bg-lighter {
  background: #282828; }

.dark-mode .sbpay-list--columns .sbpay-list-item__caption,
.dark-mode .sbpay-widget .sbpay-list--columns .sbpay-list-item__caption {
  color: #bcbcbc; }

.dark-mode .sbpay-widget.theme-sb .sbpay--plan-item,
.dark-mode .sbpay--plan-item, .dark-mode .sbpay-widget .sbpay--plan-item {
  background: #1a1a1a;
  border-color: #555555; }
  .dark-mode .sbpay-widget.theme-sb .sbpay--plan-item.sbpay--plan-item-current,
  .dark-mode .sbpay--plan-item.sbpay--plan-item-current, .dark-mode .sbpay-widget .sbpay--plan-item.sbpay--plan-item-current {
    border-color: #00bf7e; }

.dark-mode .react-confirm-alert-body-element .sbpay--plan-item .sbpay-tariff__advantages .sbpay-list-item:first-child,
.dark-mode .sbpay-widget .sbpay--plan-item .sbpay-tariff__advantages .sbpay-list-item:first-child {
  border-color: #555555; }

.dark-mode .react-confirm-alert-body-element .sbpay-hint-component__body, .dark-mode .sbpay-widget .sbpay-hint-component__body {
  background: #1a1a1a;
  border-color: #555555;
  color: #bcbcbc;
  box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.9); }

.dark-mode .react-confirm-alert-body-element .sbpay-title--accent, .dark-mode .sbpay-widget .sbpay-title--accent {
  color: #1d9ed1; }

.dark-mode .react-confirm-alert-body-element .sbpay-nav-tabs, .dark-mode .sbpay-widget .sbpay-nav-tabs {
  background: #242424;
  border-color: #303030; }

.dark-mode .react-confirm-alert-body-element .sbpay-nav-tabs__item:hover,
.dark-mode .react-confirm-alert-body-element .sbpay-nav-tabs__item:focus,
.dark-mode .react-confirm-alert-body-element .sbpay-nav-tabs__item:active,
.dark-mode .sbpay-widget .sbpay-nav-tabs__item:hover,
.dark-mode .sbpay-widget .sbpay-nav-tabs__item:focus,
.dark-mode .sbpay-widget .sbpay-nav-tabs__item:active {
  background: #282828;
  color: #f9f9f9; }

.dark-mode .react-confirm-alert-body-element .sbpay-nav-tabs__item.sbpay--active, .dark-mode .sbpay-widget .sbpay-nav-tabs__item.sbpay--active {
  background: #1d9ed1; }

.dark-mode .react-confirm-alert-body-element .sbpay-divider.sbpay-divider-color-secondary, .dark-mode .sbpay-widget .sbpay-divider.sbpay-divider-color-secondary {
  background: #555555;
  color: #f9f9f9; }

.dark-mode .react-confirm-alert-body-element .sbpay-alert__info, .dark-mode .sbpay-widget .sbpay-alert__info,
.dark-mode .sbpay-widget.theme-sb .sbpay--sbpay-payment-form .sbpay--billing-details__checkout-item {
  background: #282828; }

.dark-mode .react-confirm-alert-body-element .sbpay-btn.sbpay-btn--back, .dark-mode .sbpay-widget .sbpay-btn.sbpay-btn--back {
  color: #bcbcbc; }

.dark-mode .react-confirm-alert-body-element .sbpay-field__label, .dark-mode .sbpay-widget .sbpay-field__label {
  color: #bfbfbf; }

.dark-mode .react-confirm-alert-body-element .react-tel-input .form-control, .dark-mode .react-confirm-alert-body-element .react-tel-input .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container .dark-mode .react-confirm-alert-body-element .react-tel-input textarea, .dark-mode .react-confirm-alert-body-element .react-tel-input .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .dark-mode .react-confirm-alert-body-element .react-tel-input select, .dark-mode .react-confirm-alert-body-element .react-tel-input .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors .dark-mode .react-confirm-alert-body-element .react-tel-input input, .dark-mode .react-confirm-alert-body-element .react-tel-input .design-settings-page div.input, .design-settings-page .dark-mode .react-confirm-alert-body-element .react-tel-input div.input, .dark-mode .react-confirm-alert-body-element .sbpay-field__field-select, .dark-mode .react-confirm-alert-body-element .sbpay-field__field-input, .dark-mode .sbpay-widget .react-tel-input .form-control, .dark-mode .sbpay-widget .react-tel-input .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container .dark-mode .sbpay-widget .react-tel-input textarea, .dark-mode .sbpay-widget .react-tel-input .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .dark-mode .sbpay-widget .react-tel-input select, .dark-mode .sbpay-widget .react-tel-input .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors .dark-mode .sbpay-widget .react-tel-input input, .dark-mode .sbpay-widget .react-tel-input .design-settings-page div.input, .design-settings-page .dark-mode .sbpay-widget .react-tel-input div.input, .dark-mode .sbpay-widget .sbpay-field__field-select, .dark-mode .sbpay-widget .sbpay-field__field-input {
  border-color: #555555;
  background-color: #404040;
  color: #f9f9f9; }
  .dark-mode .react-confirm-alert-body-element .react-tel-input .form-control:focus, .dark-mode .react-confirm-alert-body-element .react-tel-input .contact-widget-message-form .data-block .element-container textarea:focus, .contact-widget-message-form .data-block .element-container .dark-mode .react-confirm-alert-body-element .react-tel-input textarea:focus, .dark-mode .react-confirm-alert-body-element .react-tel-input .templates-page .notifications-settings .field select:focus, .templates-page .notifications-settings .field .dark-mode .react-confirm-alert-body-element .react-tel-input select:focus, .dark-mode .react-confirm-alert-body-element .react-tel-input .design-settings-page .theme-additional-colors input:focus, .design-settings-page .theme-additional-colors .dark-mode .react-confirm-alert-body-element .react-tel-input input:focus, .dark-mode .react-confirm-alert-body-element .react-tel-input .design-settings-page div.input:focus, .design-settings-page .dark-mode .react-confirm-alert-body-element .react-tel-input div.input:focus, .dark-mode .react-confirm-alert-body-element .sbpay-field__field-select:focus, .dark-mode .react-confirm-alert-body-element .sbpay-field__field-input:focus, .dark-mode .sbpay-widget .react-tel-input .form-control:focus, .dark-mode .sbpay-widget .react-tel-input .contact-widget-message-form .data-block .element-container textarea:focus, .contact-widget-message-form .data-block .element-container .dark-mode .sbpay-widget .react-tel-input textarea:focus, .dark-mode .sbpay-widget .react-tel-input .templates-page .notifications-settings .field select:focus, .templates-page .notifications-settings .field .dark-mode .sbpay-widget .react-tel-input select:focus, .dark-mode .sbpay-widget .react-tel-input .design-settings-page .theme-additional-colors input:focus, .design-settings-page .theme-additional-colors .dark-mode .sbpay-widget .react-tel-input input:focus, .dark-mode .sbpay-widget .react-tel-input .design-settings-page div.input:focus, .design-settings-page .dark-mode .sbpay-widget .react-tel-input div.input:focus, .dark-mode .sbpay-widget .sbpay-field__field-select:focus, .dark-mode .sbpay-widget .sbpay-field__field-input:focus {
    border-color: #777777; }

.dark-mode .react-confirm-alert-body-element .sbpay-field__field-select,
.dark-mode .sbpay-widget .sbpay-field__field-select {
  background-image: url("/react-admin/assets/images/select--arrow-dark-mode.svg") !important;
  background-color: #404040 !important; }
  .dark-mode .react-confirm-alert-body-element .sbpay-field__field-select:disabled, .dark-mode .react-confirm-alert-body-element .sbpay-field__field-select.disabled,
  .dark-mode .sbpay-widget .sbpay-field__field-select:disabled,
  .dark-mode .sbpay-widget .sbpay-field__field-select.disabled {
    background-color: #818181;
    border-color: #707070;
    color: #ccc; }

.dark-mode .react-confirm-alert-body-element .sbpay-field__checkbox .sbpay-field__field-custom-checkbox .sbpay-field__checkbox-label, .dark-mode .sbpay-widget .sbpay-field__checkbox .sbpay-field__field-custom-checkbox .sbpay-field__checkbox-label {
  color: #f9f9f9; }

.dark-mode .sbpay-widget.theme-sb .sbpay--sbpay-payment-form .sbpay--billing-details__checkout-item .sbpay-wrapper-block.sbpay-wrapper-block--bg-second-brand-color {
  background: #242424; }

.dark-mode .sbpay-widget.theme-sb .sbpay-addon, .dark-mode .sbpay-widget.theme-sb .sbpay-product {
  background: #282828; }

.dark-mode .react-confirm-alert-body-element .sbpay-btn:disabled, .dark-mode .sbpay-widget .sbpay-btn:disabled {
  color: #354d63 !important;
  background: #8d8d8d !important;
  border-color: #707070 !important;
  cursor: not-allowed; }

.dark-mode .sbpay-widget.theme-sb .sbpay--customer-info .sbpay-customer-details__toggler {
  color: #f9f9f9; }

.dark-mode .react-confirm-alert-body-element .sbpay-payment-method-item, .dark-mode .sbpay-widget .sbpay-payment-method-item {
  border-color: #555555;
  color: #bcbcbc; }
  .dark-mode .react-confirm-alert-body-element .sbpay-payment-method-item:hover, .dark-mode .sbpay-widget .sbpay-payment-method-item:hover {
    background: #242424; }

.dark-mode .sbpay-widget.theme-sb .sbpay--recurring-info-alert {
  border-color: #645014;
  background: #484421;
  color: #bcbcbc; }

.dark-mode .react-tel-input .flag-dropdown.open,
.dark-mode .react-tel-input .flag-dropdown.open .selected-flag,
.dark-mode .react-tel-input .flag-dropdown {
  background: #242424;
  border-color: #555555; }

.dark-mode .react-tel-input .selected-flag:hover, .dark-mode .react-tel-input .selected-flag:focus {
  background: #282828; }

.dark-mode .react-tel-input .country-list {
  box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.9);
  background: #242424;
  border-color: #555555;
  color: #bcbcbc; }

.dark-mode .react-tel-input .country-list .country.highlight,
.dark-mode .react-tel-input .country-list .country:hover {
  background: #282828; }

.dark-mode .react-tel-input .country-list .country .dial-code {
  color: #f9f9f9; }

.dark-mode .react-confirm-alert-body-element .sbpay-period-tabs .sbpay-field-container, .dark-mode .sbpay-widget .sbpay-period-tabs .sbpay-field-container {
  background: #282828; }

.dark-mode .react-confirm-alert-body-element .sbpay-nav-tabs__item, .dark-mode .sbpay-widget .sbpay-nav-tabs__item,
.dark-mode .react-confirm-alert-body-element .sbpay-period-tabs .sbpay-period-switcher--item, .dark-mode .sbpay-widget .sbpay-period-tabs .sbpay-period-switcher--item {
  color: #bcbcbc; }

.dark-mode .react-confirm-alert-body-element .sbpay-period-tabs .sbpay-period-switcher--item__selected, .dark-mode .sbpay-widget .sbpay-period-tabs .sbpay-period-switcher--item__selected {
  background: #171717;
  color: #f9f9f9; }

.dark-mode .react-confirm-alert-body-element .sbpay-badge--paid, .dark-mode .react-confirm-alert-body-element .sbpay-badge--active, .dark-mode .react-confirm-alert-body-element .sbpay-badge--received, .dark-mode .react-confirm-alert-body-element .sbpay-badge--success, .dark-mode .sbpay-widget .sbpay-badge--paid, .dark-mode .sbpay-widget .sbpay-badge--active, .dark-mode .sbpay-widget .sbpay-badge--received, .dark-mode .sbpay-widget .sbpay-badge--success,
.dark-mode .sbpay-widget.theme-sb .sbpay--plan-item__is-selected {
  background: rgba(229, 251, 243, 0.2);
  color: #00bf7e; }

.dark-mode .react-confirm-alert-body-element .sbpay-dropdown-menu, .dark-mode .sbpay-widget .sbpay-dropdown-menu {
  box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.9);
  background: #242424;
  border-color: #555555;
  color: #bcbcbc; }

.dark-mode .react-confirm-alert-body-element .sbpay--payment-system .sbpay-payment-system-item.sbpay-selected .sbpay-payment-system-item__picture,
.dark-mode .sbpay-widget .sbpay--payment-system .sbpay-payment-system-item.sbpay-selected .sbpay-payment-system-item__picture {
  background: #adc5cf; }

.dark-mode .react-confirm-alert-body-element .sbpay--payment-system .sbpay-payment-system-item.sbpay-selected.sbpay-ps-item__delay .sbpay-ps-item-image,
.dark-mode .sbpay-widget .sbpay--payment-system .sbpay-payment-system-item.sbpay-selected.sbpay-ps-item__delay .sbpay-ps-item-image {
  filter: none !important; }

.dark-mode .react-confirm-alert-body-element .sbpay--payment-system .sbpay-payment-system-item__picture,
.dark-mode .sbpay-widget .sbpay--payment-system .sbpay-payment-system-item__picture {
  border-color: #555555;
  background: rgba(255, 255, 255, 0.56); }

.dark-mode .react-confirm-alert-body-element .sbpay--payment-system .sbpay-payment-system-item__picture .sbpay-sub-systems--list,
.dark-mode .sbpay-widget .sbpay--payment-system .sbpay-payment-system-item__picture .sbpay-sub-systems--list {
  opacity: 0.8; }

.dark-mode .react-confirm-alert-body-element .sbpay-payment-method-item.sbpay-selected, .dark-mode .sbpay-widget .sbpay-payment-method-item.sbpay-selected {
  background: #242424;
  color: #bcbcbc; }

.dark-mode .react-confirm-alert-body-element .sbpay--payment-system .sbpay-payment-system-item:hover .sbpay-payment-system-item__picture,
.dark-mode .sbpay-widget .sbpay--payment-system .sbpay-payment-system-item:hover .sbpay-payment-system-item__picture {
  background: #adc5cf; }

.dark-mode .react-confirm-alert-body-element .sbpay--payment-system .sbpay-payment-system-item.sbpay-ps-item__delay:hover .sbpay-payment-system-item__picture .sbpay-ps-item-image,
.dark-mode .sbpay-widget .sbpay--payment-system .sbpay-payment-system-item.sbpay-ps-item__delay:hover .sbpay-payment-system-item__picture .sbpay-ps-item-image {
  filter: none !important; }

.dark-mode .react-confirm-alert-body-element .sbpay-result-page-picture,
.dark-mode .sbpay-widget .sbpay-result-page-picture {
  position: relative;
  backdrop-filter: blur(10px);
  padding: 22px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.3); }
  .dark-mode .react-confirm-alert-body-element .sbpay-result-page-picture .currencyCircle,
  .dark-mode .sbpay-widget .sbpay-result-page-picture .currencyCircle {
    opacity: 0.3; }

.dark-mode.react-confirm-alert-body-element .sbpay-modal__content, .dark-mode .sbpay-widget .sbpay-modal__content {
  color: #bcbcbc;
  background: #1a1a1a;
  box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.9); }

.dark-mode.react-confirm-alert-body-element .sbpay-modal__header .sbpay-title,
.dark-mode .sbpay-widget .sbpay-modal__header .sbpay-title {
  color: #bcbcbc; }

.dark-mode.react-confirm-alert-body-element .sbpay-p--primary,
.dark-mode .sbpay-widget .sbpay-p--primary {
  color: #f9f9f9; }

.dark-mode.react-confirm-alert-body-element .sbpay-btn.sbpay-btn--secondary,
.dark-mode .sbpay-widget .sbpay-btn.sbpay-btn--secondary {
  color: #f9f9f9;
  border-color: #555555; }
  .dark-mode.react-confirm-alert-body-element .sbpay-btn.sbpay-btn--secondary:hover, .dark-mode.react-confirm-alert-body-element .sbpay-btn.sbpay-btn--secondary:active,
  .dark-mode .sbpay-widget .sbpay-btn.sbpay-btn--secondary:hover,
  .dark-mode .sbpay-widget .sbpay-btn.sbpay-btn--secondary:active {
    color: #0B3052;
    border: 1px solid #555555;
    background: rgba(241, 246, 255, 0.8); }

.dark-mode .react-confirm-alert-body-element .sbpay--result-page .sbpay-payment-company-info:not(:empty),
.dark-mode .sbpay-widget .sbpay--result-page .sbpay-payment-company-info:not(:empty) {
  background: #242424;
  color: #bcbcbc; }

.dark-mode .react-confirm-alert-body-element .sbpay--result-page .sbpay-payment-company-info .pci-list > div > span,
.dark-mode .sbpay-widget .sbpay--result-page .sbpay-payment-company-info .pci-list > div > span {
  color: #bcbcbc; }

.dark-mode .react-confirm-alert-body-element .sbpay--result-page .sbpay-payment-company-info .pci-list > div > p,
.dark-mode .sbpay-widget .sbpay--result-page .sbpay-payment-company-info .pci-list > div > p {
  color: #f9f9f9; }

.dark-mode .react-confirm-alert-body-element .sbpay--result-page .sbpay-payment-company-info .pci-list_alert > div > span,
.dark-mode .react-confirm-alert-body-element .sbpay--result-page .sbpay-payment-company-info .pci-list_alert > div p,
.dark-mode .sbpay-widget .sbpay--result-page .sbpay-payment-company-info .pci-list_alert > div > span,
.dark-mode .sbpay-widget .sbpay--result-page .sbpay-payment-company-info .pci-list_alert > div p {
  color: #0B3052; }

.dark-mode .mod-worktime-day .ui-slider .ui-slider-handle .ui-slider-handle-label {
  background: #8b8b8b;
  color: #0B3052; }

.dark-mode .mod-worktime-day .ui-slider .ui-slider-handle .ui-slider-handle-label:after {
  border-top: 8px solid #8b8b8b; }

.dark-mode .grid--qr-code .--qr-code {
  padding: 8px;
  border-radius: 5px;
  background: #ccc; }

/**
HELPER
 */
ul,
li {
  list-style: none;
  margin: 0;
  padding: 0; }

img,
iframe {
  max-width: 100%;
  height: auto; }

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col-xs-5ths {
  width: 20%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left; } }

@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left; } }

@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left; } }

.row.no-gutter, .zend_form .no-gutter.form-group, .zend_form .no-gutter.element-container, .form-container .form-horizontal .no-gutter.form-group, .form-container .form-horizontal .no-gutter.element-container, #booking_tabs .no-gutter.form-group, #booking_tabs .no-gutter.element-container {
  margin-left: 0;
  margin-right: 0; }
  .row.no-gutter [class*='col-'], .zend_form .no-gutter.form-group [class*='col-'], .zend_form .no-gutter.element-container [class*='col-'], .form-container .form-horizontal .no-gutter.form-group [class*='col-'], .form-container .form-horizontal .no-gutter.element-container [class*='col-'], #booking_tabs .no-gutter.form-group [class*='col-'], #booking_tabs .no-gutter.element-container [class*='col-'] {
    padding-right: 0;
    padding-left: 0; }

@media only screen and (max-width: 767px) {
  .row.no-gutter-xs, .zend_form .no-gutter-xs.form-group, .zend_form .no-gutter-xs.element-container, .form-container .form-horizontal .no-gutter-xs.form-group, .form-container .form-horizontal .no-gutter-xs.element-container, #booking_tabs .no-gutter-xs.form-group, #booking_tabs .no-gutter-xs.element-container {
    margin-left: 0;
    margin-right: 0; }
    .row.no-gutter-xs [class*='col-'], .zend_form .no-gutter-xs.form-group [class*='col-'], .zend_form .no-gutter-xs.element-container [class*='col-'], .form-container .form-horizontal .no-gutter-xs.form-group [class*='col-'], .form-container .form-horizontal .no-gutter-xs.element-container [class*='col-'], #booking_tabs .no-gutter-xs.form-group [class*='col-'], #booking_tabs .no-gutter-xs.element-container [class*='col-'] {
      padding-right: 0;
      padding-left: 0; } }

.row.vcenter > [class*='col-'], .zend_form .vcenter.form-group > [class*='col-'], .zend_form .vcenter.element-container > [class*='col-'], .form-container .form-horizontal .vcenter.form-group > [class*='col-'], .form-container .form-horizontal .vcenter.element-container > [class*='col-'], #booking_tabs .vcenter.form-group > [class*='col-'], #booking_tabs .vcenter.element-container > [class*='col-'] {
  display: inline-block;
  vertical-align: middle;
  float: none; }

.row-eq-height {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .row-eq-height:after, .row-eq-height:before {
    display: flex; }
  .row-eq-height > [class*="col-"] {
    display: flex;
    flex-direction: column; }
    .row-eq-height > [class*="col-"] > .flex-wrapper {
      display: flex;
      flex: 1 0 auto;
      flex-direction: column; }

.row-eq-height-xs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .row-eq-height-xs:after, .row-eq-height-xs:before {
    display: flex; }
  .row-eq-height-xs > [class*="col-"] {
    display: flex;
    flex-direction: column; }
    .row-eq-height-xs > [class*="col-"] > .flex-wrapper {
      display: flex;
      flex: 1 0 auto;
      flex-direction: column; }
      @media only screen and (max-width: 767px) {
        .row-eq-height-xs > [class*="col-"] > .flex-wrapper {
          display: block; } }
  @media only screen and (max-width: 767px) {
    .row-eq-height-xs {
      display: block; }
      .row-eq-height-xs > [class*="col-"] {
        display: block; } }

.flex {
  display: flex; }

.inline {
  display: inline-block; }

#text-content .text > ul {
  list-style-type: disc;
  margin-left: 20px; }

.half-left {
  width: 50%;
  float: left;
  position: relative; }

.half-right {
  width: 50%;
  float: right;
  position: relative; }

.left {
  float: left; }

.right {
  float: right; }

.center {
  display: inline-block;
  margin: 0 auto; }

.txt-right {
  text-align: right; }

.txt-left {
  text-align: left; }

.txt-center {
  text-align: center; }

.btn.custom {
  border-radius: 0;
  padding: 0; }
  .btn.custom a {
    text-decoration: none; }

.row-no-padding > [class*="col-"] {
  padding-left: 0;
  padding-right: 0; }

/*
  Long Shadow Mixin
  @link http://codepen.io/awesomephant/pen/mAxHz
  @usage @include long-shadow($type: text, $color: indigo, $length: 50, $fadeout: false, $skew: true, $direction: right);
*/
/*
  column-count
*/
@keyframes fadeInDelay {
  0% {
    opacity: 0; }
  66% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/**
COMPONENTS
 */
.list {
  padding: 0;
  margin: 0;
  text-align: left; }
  .list--disc .list-item, .list--checked .list-item {
    padding-left: 15px; }
  .list--disc .list-item:before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #06ADEF;
    position: absolute;
    top: 7px;
    left: 0; }
  .list--checked .list-item:before {
    position: absolute;
    left: 10px;
    top: 2px;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    color: #06ADEF;
    content: '\f00c'; }
  .list--columns .list-item, .list--columns-narrow .list-item {
    margin-bottom: 4px; }
    .list--columns .list-item:last-child, .list--columns-narrow .list-item:last-child {
      margin-bottom: 0; }
  .list--columns .list-item__caption,
  .list--columns .list-item__info, .list--columns-narrow .list-item__caption,
  .list--columns-narrow .list-item__info {
    width: 100%;
    max-width: 50%; }
  .list--columns-narrow {
    max-width: 70%; }
  .list--fixed-caption .list-item__caption {
    flex-shrink: 0; }
    @media (min-width: 767px) {
      .list--fixed-caption .list-item__caption {
        min-width: 100px; } }
  .list--fixed-caption .list-item__info {
    width: 100%;
    flex: 1; }
  .list--rows {
    display: grid;
    grid-gap: 8px; }
    .list--rows .list-item {
      flex-direction: column;
      gap: 0; }
    .list--rows .list-item__caption,
    .list--rows .list-item__info {
      width: 100%; }
  .list--inline .list-item, .list--inline-report .list-item {
    display: block; }
  .list--inline .list-item__info,
  .list--inline .list-item__info > *, .list--inline-report .list-item__info,
  .list--inline-report .list-item__info > * {
    display: inline; }
  .list--inline .list-item__info > *, .list--inline-report .list-item__info > * {
    display: inline; }
  .list--inline .list-item__caption, .list--inline-report .list-item__caption {
    display: inline-flex;
    padding-right: 12px; }
  .list--inline .list-item__caption:after, .list--inline-report .list-item__caption:after {
    content: ':'; }
  .list--inline .list-item {
    line-height: 1.6; }
    @media (max-width: 767px) {
      .list--inline .list-item {
        display: flex; } }
  @media (max-width: 767px) {
    .list--inline .list-item__info {
      max-width: 50%;
      width: 50%; } }
  @media (max-width: 767px) {
    .list--inline .list-item__caption {
      max-width: 50%;
      width: 50%;
      padding-right: 0; } }
  @media (max-width: 767px) {
    .list--inline .list-item__caption:after {
      display: none; } }

.list-item {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 10px; }
  .list-item--heading {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 500; }
    @media (max-width: 767px) {
      .list-item--heading {
        font-size: 14px; } }
  .list-item--border-bottom {
    padding-bottom: 8px;
    border-bottom: 1px solid #E7ECF7; }
  .list-item--with-icon {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 3px; }
    .list-item--with-icon:last-child {
      margin-bottom: 0; }
  .list-item__caption-hint {
    margin-right: 15px; }
  .list-item__info {
    word-break: break-all; }
  .list-item__caption-hint-behind {
    margin-left: 15px; }
  .list-item .p, .list-item .list-item__info {
    word-break: break-word; }

.modal-backdrop {
  z-index: 1030; }

.modal.fade .modal__dialog {
  transition: transform .3s ease-out;
  transform: translate(0, -50px); }

.modal.show .modal__dialog {
  transform: none; }

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 50px);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #788291 #ABBCCC; }
  .modal-dialog-scrollable .modal-content::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
    .modal-dialog-scrollable .modal-content::-webkit-scrollbar-track {
      background-clip: content-box;
      border: 1.5px solid transparent; }
    .modal-dialog-scrollable .modal-content::-webkit-scrollbar-thumb {
      background-color: #788291;
      cursor: pointer; }
      .modal-dialog-scrollable .modal-content::-webkit-scrollbar-thumb:hover {
        background-color: #6c7583; }
    .modal-dialog-scrollable .modal-content::-webkit-scrollbar-corner, .modal-dialog-scrollable .modal-content::-webkit-scrollbar-track {
      background-color: #ABBCCC; }
  @media (min-width: 767px) {
    .modal-dialog-scrollable .modal-content {
      max-height: calc(100vh - 70px); } }
  .modal-dialog-scrollable .modal-content .modal__body {
    overflow-y: auto; }

.modal__dialog {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 2rem auto;
  border-radius: 15px;
  box-shadow: 2px 2px 15px rgba(45, 51, 72, 0.1);
  background-color: #fff;
  background-clip: padding-box;
  pointer-events: auto;
  outline: 0; }
  @media (max-width: 767px) {
    .modal__dialog {
      max-width: 100%;
      margin: 0;
      padding: 16px 0;
      border-radius: 0; } }

.modal__close {
  position: absolute;
  right: 30px;
  z-index: 1; }
  @media (max-width: 767px) {
    .modal__close {
      position: static;
      width: 100%;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      padding: 0 20px;
      margin-bottom: 15px; } }
  .modal__close-btn {
    font-size: 24px; }
    @media (max-width: 767px) {
      .modal__close-btn {
        background: none; } }

.modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 15px;
  padding-right: 40px;
  gap: 20px; }
  @media (max-width: 767px) {
    .modal__header {
      padding: 15px 20px 0;
      margin-bottom: 25px; } }

.modal__header-title {
  display: flex;
  align-items: center;
  flex: 1;
  margin-bottom: 0;
  word-break: break-all; }
  @media (max-width: 767px) {
    .modal__header-title {
      justify-content: center; } }
  .modal__header-title--with-status .badge, .modal__header-title--with-status .label {
    margin-left: 20px; }
    @media (max-width: 767px) {
      .modal__header-title--with-status .badge, .modal__header-title--with-status .label {
        margin-left: auto; } }
  .modal__header-title--with-dot .modal__header-title-dot {
    margin-right: 10px; }

.modal__body {
  position: relative;
  flex: 1 1 auto;
  scrollbar-width: thin;
  scrollbar-color: #788291 #ABBCCC; }
  .modal__body::-webkit-scrollbar {
    width: 5px;
    height: 5px; }
    .modal__body::-webkit-scrollbar-track {
      background-clip: content-box;
      border: 1.25px solid transparent; }
    .modal__body::-webkit-scrollbar-thumb {
      background-color: #788291;
      cursor: pointer; }
      .modal__body::-webkit-scrollbar-thumb:hover {
        background-color: #6c7583; }
    .modal__body::-webkit-scrollbar-corner, .modal__body::-webkit-scrollbar-track {
      background-color: #ABBCCC; }
  @media (max-width: 767px) {
    .modal__body {
      padding: 0 20px; } }
  .modal__body .modal__body-scroll-box {
    display: flex;
    flex-direction: column;
    gap: 24px 0; }
    .modal__body .modal__body-scroll-box > .table-wrapper {
      margin: 0 -18px; }
      .modal__body .modal__body-scroll-box > .table-wrapper:not(:first-child) {
        margin-top: 24px; }
      .modal__body .modal__body-scroll-box > .table-wrapper:not(:last-child) {
        margin-bottom: 36px; }
      @media (max-width: 767px) {
        .modal__body .modal__body-scroll-box > .table-wrapper {
          margin: 0 -16px; }
          .modal__body .modal__body-scroll-box > .table-wrapper:not(:first-child) {
            margin-top: 24px; } }
    .modal__body .modal__body-scroll-box > *:last-child {
      margin-bottom: 0; }
    .modal__body .modal__body-scroll-box picture {
      display: block;
      text-align: center;
      margin: 15px 0 20px; }
    .modal__body .modal__body-scroll-box .collapsible__content .table .table__col:first-child {
      padding-left: 0; }
    .modal__body .modal__body-scroll-box .collapsible__content .table .table__col:last-child {
      padding-right: 0; }

.modal__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 40px;
  padding: 0 16px; }

.modal__footer-right-col .btn-bar__row {
  justify-content: flex-end; }

.modal__dialog--small {
  max-width: 480px; }
  @media (min-width: 767px) {
    .modal__dialog--small .modal__header {
      margin-bottom: 25px; } }

.modal__dialog--medium {
  max-width: 530px; }
  @media (min-width: 767px) {
    .modal__dialog--medium .modal__header {
      margin-bottom: 35px; } }

.modal__dialog--large {
  max-width: 630px; }

.modal__dialog--extra-large {
  max-width: 800px; }

@media (min-width: 767px) {
  .modal__dialog--small, .modal__dialog--medium {
    padding: 25px 0 40px; }
    .modal__dialog--small .modal__close, .modal__dialog--medium .modal__close {
      top: 15px; }
    .modal__dialog--small .modal__header, .modal__dialog--medium .modal__header {
      margin-left: 30px;
      margin-right: 30px; }
    .modal__dialog--small .modal__body, .modal__dialog--medium .modal__body {
      padding: 1px 30px; }
      .modal__dialog--small .modal__body .modal__body-scroll-box > .collapsible, .modal__dialog--medium .modal__body .modal__body-scroll-box > .collapsible {
        margin-inline: -30px; }
    .modal__dialog--small .modal__footer, .modal__dialog--medium .modal__footer {
      padding: 0 24px; } }

@media (min-width: 767px) {
  .modal__dialog--large, .modal__dialog--extra-large {
    padding: 35px 0; }
    .modal__dialog--large .modal__close, .modal__dialog--extra-large .modal__close {
      top: 25px; }
    .modal__dialog--large .modal__header, .modal__dialog--extra-large .modal__header {
      padding-bottom: 15px;
      margin-left: 36px;
      margin-right: 36px;
      margin-bottom: 35px; }
    .modal__dialog--large .modal__body, .modal__dialog--extra-large .modal__body {
      padding: 0 40px; }
      .modal__dialog--large .modal__body .modal__body-scroll-box > .collapsible, .modal__dialog--extra-large .modal__body .modal__body-scroll-box > .collapsible {
        margin-inline: -40px; }
    .modal__dialog--large .modal__footer, .modal__dialog--extra-large .modal__footer {
      padding: 0 24px; } }

.modal__dialog--default .modal__header {
  border-bottom: 1px solid #06ADEF; }
  @media (max-width: 767px) {
    .modal__dialog--default .modal__header {
      border-top: 1px solid #06ADEF;
      border-bottom: none; } }

.modal__dialog--error .modal__header {
  border-bottom: 1px solid #FF3259; }
  @media (max-width: 767px) {
    .modal__dialog--error .modal__header {
      border-top: 1px solid #FF3259;
      border-bottom: none; } }

.modal__dialog-custom-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(11, 48, 82, 0.7);
  transition: all .25s ease;
  z-index: -1; }

.page-header {
  position: relative;
  margin-bottom: 30px; }
  .page-header.__has-border {
    padding-bottom: 8px;
    border-bottom: 1px solid #06ADEF; }
    @media (min-width: 1024px) {
      .page-header.__has-border {
        padding-bottom: 16px; } }
  .page-header.__has-border-danger {
    border-bottom: 1px solid #FF3259; }
  @media (min-width: 767px) {
    .page-header.__has-back-button {
      padding-top: 46px; } }
  @media (max-width: 767px) {
    .page-header.__has-back-button .page-header__row {
      flex-wrap: wrap;
      justify-content: space-between; }
    .page-header.__has-back-button .page-header__item-title {
      flex: unset;
      width: 100%;
      text-align: center;
      order: 10; }
      .page-header.__has-back-button .page-header__item-title .title {
        margin: 0; } }
  .page-header__row {
    display: flex;
    align-items: flex-start;
    gap: 10px; }
    @media (max-width: 767px) {
      .page-header__row .dropdown .btn--dropdown.btn--action {
        position: absolute;
        right: 0;
        top: 0; } }
  .page-header__item-title {
    flex: 1;
    margin-bottom: 0; }
    @media (max-width: 767px) {
      .page-header__item-title {
        text-align: center;
        padding: 0 40px; } }
  .page-header .btn--back {
    order: -4; }
    @media (min-width: 767px) {
      .page-header .btn--back {
        margin-bottom: 16px;
        margin-left: 0;
        position: absolute;
        left: 0;
        top: 0; } }
    @media (max-width: 767px) {
      .page-header .btn--back {
        font-size: 0; } }
  .page-header .btn-bar .dropdown,
  .page-header .btn-bar .app-tooltip__icon {
    margin: 2px 5px; }
  .page-header .btn-bar .app-tooltip__icon {
    display: inline-flex;
    align-items: center;
    padding-top: 4px;
    padding-bottom: 4px;
    min-height: 30px; }
  .page-header .btn-bar__adaptive-wrapper .btn-bar__row {
    justify-content: flex-end; }

.btn--back + .page-header {
  margin-top: 24px; }

.sticky-block {
  z-index: 1004; }
  .sticky-block .page-header {
    background: #fff;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    transition: all 0.3s ease-out; }
    .sticky-block .page-header .btn--back {
      position: relative; }
    .sticky-block .page-header.__has-back-button {
      padding-top: 5px; }
      .sticky-block .page-header.__has-back-button .page-header__row {
        flex-wrap: nowrap; }
      .sticky-block .page-header.__has-back-button .page-header__item-title {
        order: -1; }
    .sticky-block .page-header__row {
      height: 50px;
      align-items: center;
      justify-content: space-between; }
    .sticky-block .page-header__item-title {
      display: block;
      width: 100%;
      text-align: center;
      font-size: 16px;
      padding: 0;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      transition: all 0.3s ease-out; }

.block-header {
  margin-bottom: 20px; }
  .block-header.--has-actions {
    padding-bottom: 5px;
    border-bottom: 1px solid #06ADEF; }
    .block-header.--has-actions .title {
      display: flex;
      align-items: flex-start;
      gap: 0 15px;
      justify-content: space-between; }
  .block-header--report-modal {
    margin-bottom: 5px; }
  .block-header .title {
    margin: 0; }

.page-header {
  position: relative;
  margin-bottom: 30px; }
  .page-header.__has-border {
    padding-bottom: 8px;
    border-bottom: 1px solid #06ADEF; }
    @media (min-width: 1024px) {
      .page-header.__has-border {
        padding-bottom: 16px; } }
  .page-header.__has-border-danger {
    border-bottom: 1px solid #FF3259; }
  @media (min-width: 767px) {
    .page-header.__has-back-button {
      padding-top: 46px; } }
  @media (max-width: 767px) {
    .page-header.__has-back-button .page-header__row {
      flex-wrap: wrap;
      justify-content: space-between; }
    .page-header.__has-back-button .page-header__item-title {
      flex: unset;
      width: 100%;
      text-align: center;
      order: 10; }
      .page-header.__has-back-button .page-header__item-title .title {
        margin: 0; } }
  .page-header__row {
    display: flex;
    align-items: flex-start;
    gap: 10px; }
    @media (max-width: 767px) {
      .page-header__row .dropdown .btn--dropdown.btn--action {
        position: absolute;
        right: 0;
        top: 0; } }
  .page-header__item-title {
    flex: 1;
    margin-bottom: 0; }
    @media (max-width: 767px) {
      .page-header__item-title {
        text-align: center;
        padding: 0 40px; } }
  .page-header .btn--back {
    order: -4; }
    @media (min-width: 767px) {
      .page-header .btn--back {
        margin-bottom: 16px;
        margin-left: 0;
        position: absolute;
        left: 0;
        top: 0; } }
    @media (max-width: 767px) {
      .page-header .btn--back {
        font-size: 0; } }
  .page-header .btn-bar .dropdown,
  .page-header .btn-bar .app-tooltip__icon {
    margin: 2px 5px; }
  .page-header .btn-bar .app-tooltip__icon {
    display: inline-flex;
    align-items: center;
    padding-top: 4px;
    padding-bottom: 4px;
    min-height: 30px; }
  .page-header .btn-bar__adaptive-wrapper .btn-bar__row {
    justify-content: flex-end; }

.btn--back + .page-header {
  margin-top: 24px; }

.sticky-block {
  z-index: 1004; }
  .sticky-block .page-header {
    background: #fff;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    transition: all 0.3s ease-out; }
    .sticky-block .page-header .btn--back {
      position: relative; }
    .sticky-block .page-header.__has-back-button {
      padding-top: 5px; }
      .sticky-block .page-header.__has-back-button .page-header__row {
        flex-wrap: nowrap; }
      .sticky-block .page-header.__has-back-button .page-header__item-title {
        order: -1; }
    .sticky-block .page-header__row {
      height: 50px;
      align-items: center;
      justify-content: space-between; }
    .sticky-block .page-header__item-title {
      display: block;
      width: 100%;
      text-align: center;
      font-size: 16px;
      padding: 0;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      transition: all 0.3s ease-out; }

.block-header {
  margin-bottom: 20px; }
  .block-header.--has-actions {
    padding-bottom: 5px;
    border-bottom: 1px solid #06ADEF; }
    .block-header.--has-actions .title {
      display: flex;
      align-items: flex-start;
      gap: 0 15px;
      justify-content: space-between; }
  .block-header--report-modal {
    margin-bottom: 5px; }
  .block-header .title {
    margin: 0; }

.alert {
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 3px; }
  .alert .icon {
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 16px; }
    .alert .icon.fa-exclamation-triangle {
      font-size: 15px; }
  .alert__content {
    position: relative;
    padding-left: 26px;
    color: #788291; }
    .alert__content.italic {
      font-style: italic; }
    .alert__content .block-header {
      margin-bottom: 5px; }
    .alert__content .title--h3 {
      font-size: 16px; }
  .alert__success {
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    background: #e5fbf3;
    color: #0B3052; }
    .alert__success .icon {
      color: #00D38B; }
  .alert__danger .icon {
    color: #FF3259; }
  .alert__danger-filled {
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    background: #FEF4F6;
    color: #0B3052; }
    .alert__danger-filled .icon {
      color: #FF3259; }
    .alert__danger-filled p, .alert__danger-filled .p {
      margin-bottom: 4px;
      width: 100%; }
      .alert__danger-filled p:last-child, .alert__danger-filled .p:last-child {
        margin-bottom: 0; }
  .alert__info-filled {
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    background: #f8faff;
    color: #0B3052; }
    .alert__info-filled .icon {
      color: #0B3052; }
    .alert__info-filled p, .alert__info-filled .p {
      margin-bottom: 4px; }
      .alert__info-filled p:last-child, .alert__info-filled .p:last-child {
        margin-bottom: 0; }
  .alert__warning-filled {
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    background: #FFFCF5;
    color: #0B3052; }
    .alert__warning-filled .icon {
      color: #0B3052; }
    .alert__warning-filled p, .alert__warning-filled .p {
      margin-bottom: 4px; }
      .alert__warning-filled p:last-child, .alert__warning-filled .p:last-child {
        margin-bottom: 0; }
  .alert__warning .icon {
    color: #FEC439; }
  .alert__info {
    padding-left: 0;
    padding-top: 1px;
    padding-bottom: 1px;
    border-left: 2px solid #06ADEF;
    border-radius: 0; }
    .alert__info .alert__content {
      padding-left: 10px; }
  .alert__secondary-filled {
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    background: #f8faff;
    color: #0B3052; }
    .alert__secondary-filled .icon {
      color: #06ADEF; }
    .alert__secondary-filled p, .alert__secondary-filled .p {
      margin-bottom: 4px; }
      .alert__secondary-filled p:last-child, .alert__secondary-filled .p:last-child {
        margin-bottom: 0; }
  .alert.alert-dismissible .alert__content {
    padding-right: 30px; }
    .alert.alert-dismissible .alert__content .close {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: -5px;
      width: 34px;
      height: 34px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0;
      padding: 0; }
      .alert.alert-dismissible .alert__content .close .icon {
        position: static;
        font-size: 17px;
        color: #FF3259; }
  .alert-danger, .alert-info, .alert-light {
    padding: 0.75rem 1.25rem;
    border-radius: 0.25rem; }
    .alert-danger.alert-dismissible, .alert-info.alert-dismissible, .alert-light.alert-dismissible {
      padding-right: 45px; }
      .alert-danger.alert-dismissible .close, .alert-info.alert-dismissible .close, .alert-light.alert-dismissible .close {
        padding: 0.75rem 14px;
        color: inherit; }

.fade.show, .fade.in, .fade.in {
  opacity: 1; }

.Toastify__toast-container {
  width: 300px; }
  .Toastify__toast-container--top-center {
    top: 64px !important; }

.Toastify__toast {
  padding: 12px 16px;
  font-family: "Noto Sans", sans-serif;
  border-left: 8px solid;
  border-radius: 8px;
  box-shadow: 0 4px 4px rgba(0, 32, 51, 0.04), 0 8px 24px rgba(0, 32, 51, 0.12); }
  .Toastify__toast--success {
    border-color: #00D38B;
    background-color: #E6FBF3; }
  .Toastify__toast--error {
    border-color: #FF3259;
    background-color: #FDEAEE; }
  .Toastify__toast--warning {
    border-color: #FEC439;
    background-color: #FFF8EA; }

.Toastify__toast-body {
  padding: 0;
  color: #0B3052; }

.Toastify__close-button {
  display: none; }

.section__cover-content {
  border-radius: 5px;
  padding: 22px 20px;
  background: #F1F6FF; }
  .section__cover-content.lighter {
    background: rgba(241, 246, 255, 0.5); }
  .section__cover-content.darker {
    background: #F1F6FF; }
  .section__cover-content.white {
    background: #fff; }
  @media (max-width: 767px) {
    .section__cover-content.--full-width-on-mob {
      margin-left: -20px;
      margin-right: -20px;
      max-width: unset;
      width: unset; } }
  @media (max-width: 1024px) {
    .section__cover-content.--full-width-on-tab {
      margin-left: -20px;
      margin-right: -20px;
      max-width: unset;
      width: unset; } }
  .section__cover-content.--full-width-on-desk {
    margin-left: -20px;
    margin-right: -20px;
    max-width: unset;
    width: unset; }
  .section__cover-content.-p-20 {
    padding: 22px 20px; }
  .section__cover-content.-p-30 {
    padding: 25px 32px; }
  .section__cover-content.-p-0 {
    padding: 0; }
  @media (min-width: 767px) {
    .section__cover-content {
      padding: 25px 32px; }
      .section__cover-content.-p-20 {
        padding: 22px 20px; }
      .section__cover-content.-p-30 {
        padding: 25px 32px; }
      .section__cover-content.-p-0 {
        padding: 0; } }

.btn-bar__row {
  display: flex;
  gap: 8px 10px;
  margin-left: 0;
  margin-right: 0; }
  .btn-bar__row .btn,
  .btn-bar__row .form-group,
  .btn-bar__row .element-container,
  .btn-bar__row .form-group__radio-switcher,
  .btn-bar__row .btn-bar__adaptive-wrapper {
    margin: 0; }
  .btn-bar__row .form-group__custom-checkbox {
    display: inline-flex;
    align-items: center; }

.btn-bar--center .btn-bar__row {
  align-items: center; }

.btn-bar--baseline .btn-bar__row {
  align-items: baseline; }

.btn-bar.wrap .btn-bar__row, .btn-bar--wrap .btn-bar__row {
  flex-wrap: wrap; }

.btn-bar--justify-left {
  justify-content: left; }
  .btn-bar--justify-left .btn-bar__row {
    justify-content: left; }

.btn-bar--justify-center {
  justify-content: center; }
  .btn-bar--justify-center .btn-bar__row {
    justify-content: center; }

.btn-bar--justify-end, .btn-bar--justify-right {
  justify-content: right; }
  .btn-bar--justify-end .btn-bar__row, .btn-bar--justify-right .btn-bar__row {
    justify-content: right; }

.btn-bar--columns-1 {
  flex-wrap: wrap; }
  .btn-bar--columns-1 > .btn {
    width: 100%; }

.btn-bar--columns-2 {
  flex-wrap: wrap; }
  .btn-bar--columns-2 > .btn {
    width: calc(((100% / 2) - 10px) + (10px / 2)); }

.btn-bar--columns-3 {
  flex-wrap: wrap; }
  .btn-bar--columns-3 > .btn {
    width: calc(((100% / 2) - 10px) + (10px / 2)); }

.btn-bar__adaptive-wrapper {
  flex: 1;
  width: 100%;
  display: block; }
  .btn-bar__adaptive-wrapper .btn-bar__row .btn {
    overflow: visible; }
    .btn-bar__adaptive-wrapper .btn-bar__row .btn.btn--dropdown.btn--link {
      padding-left: 10px;
      padding-right: 0; }
    .btn-bar__adaptive-wrapper .btn-bar__row .btn--action.sb-button-outside-submenu .btn__txt {
      display: none; }

.dark-mode .alert .close {
  opacity: unset;
  color: #bcbcbc;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.12);
  font-weight: 300; }
  .dark-mode .alert .close:hover, .dark-mode .alert .close:focus, .dark-mode .alert .close:active {
    color: #f9f9f9; }

.dark-mode .alert__content {
  color: #bcbcbc; }

.dark-mode .alert.alert-success.alert-danger, .dark-mode .alert.alert__danger-filled, .dark-mode .alert.alert-danger, .dark-mode .alert.alert--danger {
  border-color: #cf6679;
  background: #3e292d;
  color: #bcbcbc; }

.dark-mode .alert.alert__secondary-filled, .dark-mode .alert.alert-info, .dark-mode .alert.alert-primary, .dark-mode .templates-page .phone-group.has-info .alert, .templates-page .phone-group.has-info .dark-mode .alert {
  border-color: #3a8aaa;
  background: #1a323b;
  color: #bcbcbc; }

.dark-mode .alert.alert__success, .dark-mode .alert.alert-success {
  border-color: #224324;
  background: #1f3220;
  color: #bcbcbc; }

.dark-mode .alert.alert-warning {
  border-color: #645014;
  background: #484421;
  color: #bcbcbc; }

.dark-mode .intro-banner--install {
  background: #242424 !important;
  box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.9); }
  .dark-mode .intro-banner--install .highlighted {
    color: #1d9ed1; }
  .dark-mode .intro-banner--install .alert__content:before {
    background: #1a1a1a; }
  .dark-mode .intro-banner--install .btn-bar--close-actions .close--btn {
    color: #bcbcbc; }

.dark-mode .intro-banner .close {
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); }

.dark-mode .intro-banner__row .intro-banner__txt {
  color: #bcbcbc; }

.dark-mode .intro-banner__txt {
  color: #bfbfbf; }

.dark-mode .intro-banner__btn-bar .btn.btn-danger {
  color: #fff; }

.alert {
  color: #2c3547;
  margin-bottom: 12px; }
  .alert:empty {
    display: none !important;
    visibility: hidden; }
  .alert .close {
    outline: none; }
    .alert .close:hover, .alert .close:focus, .alert .close:active {
      outline: none; }
  .alert.alert-dismissible {
    padding-right: 52px; }
  .alert .alert--content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 5px 8px; }
  .alert.fade:not(.in) {
    opacity: 0; }
  .alert.fade.in {
    opacity: 1; }
  .alert a {
    display: inline-block; }
    .alert a.btn {
      display: inline-flex; }
  .alert.alert-info {
    background: #c1eafb; }
  .alert.alert-success {
    background: #c9f7df; }
  .alert.alert-warning {
    background: #fef1d5; }
  .alert.alert-danger {
    background: #ffccd6; }
  .alert.alert-light {
    color: #969aa3; }
  .alert.alert-note, .alert.alert-notify {
    color: #0B3052;
    background: #F1F6FF; }
  .alert .btn .icon {
    position: static;
    color: inherit; }

@media (max-width: 575px) {
  .alert .interface-switcher {
    display: block;
    margin-bottom: 5px; } }

.sm-banner__mob-toggler {
  text-align: center;
  margin: 14px 0;
  display: none; }
  @media (max-width: 900px) {
    .sm-banner__mob-toggler {
      display: block; } }
  .sm-banner__mob-toggler .btn {
    width: 100%;
    max-width: 300px;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    background: #FEC439;
    color: #2d3547;
    border-radius: 25px; }

@media (max-width: 767px) {
  #simplybook-help-call-banner,
  .sidebar--sm-banner {
    display: none !important; } }

.intro-banner,
.sidebar--sm-banner {
  position: relative;
  background: #fff;
  box-shadow: 2px 2px 15px rgba(45, 51, 72, 0.1);
  margin-bottom: 12px !important; }
  @media (max-width: 900px) {
    .intro-banner,
    .sidebar--sm-banner {
      padding-right: 1.25rem; } }
  @media (min-width: 900px) {
    .intro-banner .close,
    .sidebar--sm-banner .close {
      top: 50%;
      transform: translateY(-50%); } }
  .intro-banner .modal-close-button,
  .sidebar--sm-banner .modal-close-button {
    color: #FF3259;
    font-weight: 300;
    font-size: 24px;
    opacity: 1;
    line-height: 1; }
    .intro-banner .modal-close-button.fa-times,
    .sidebar--sm-banner .modal-close-button.fa-times {
      font-size: 17px; }

.sidebar--sm-banner .sidebar--sm-banner-row {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -10px;
  margin-right: -10px; }
  @media (max-width: 900px) {
    .sidebar--sm-banner .sidebar--sm-banner-row {
      flex-wrap: wrap;
      flex-direction: column; } }

.sidebar--sm-banner .sidebar--sm-banner-body {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -10px;
  margin-right: -10px; }
  @media (max-width: 900px) {
    .sidebar--sm-banner .sidebar--sm-banner-body {
      text-align: center;
      flex-wrap: wrap;
      flex-direction: column; } }

.sidebar--sm-banner .sidebar--sm-banner-body-item {
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none; }

.sidebar--sm-banner .sidebar--sm-banner-txt, .sidebar--sm-banner .sidebar--sm-banner-logo, .sidebar--sm-banner .sidebar--sm-banner-banner {
  min-width: 30px;
  margin: 0 10px; }

@media (max-width: 900px) {
  .sidebar--sm-banner .sidebar--sm-banner-logo {
    margin-bottom: 15px;
    order: -3; } }

@media (min-width: 1024px) {
  .sidebar--sm-banner .sidebar--sm-banner-logo .logo__short {
    display: none; } }

@media (max-width: 900px) {
  .sidebar--sm-banner .sidebar--sm-banner-logo .logo__short {
    display: none; } }

@media (max-width: 1024px) {
  .sidebar--sm-banner .sidebar--sm-banner-logo .logo__full {
    display: none; } }

@media (max-width: 900px) {
  .sidebar--sm-banner .sidebar--sm-banner-logo .logo__full {
    display: block; } }

.sidebar--sm-banner .sidebar--sm-banner-banner {
  position: relative; }
  @media (min-width: 767px) {
    .sidebar--sm-banner .sidebar--sm-banner-banner {
      bottom: -5px; } }
  @media (max-width: 1024px) {
    .sidebar--sm-banner .sidebar--sm-banner-banner {
      display: none; } }
  @media (max-width: 900px) {
    .sidebar--sm-banner .sidebar--sm-banner-banner {
      display: block;
      margin-bottom: 10px; } }

.sidebar--sm-banner .sidebar--sm-banner-txt {
  color: #788291;
  font-size: 14px;
  font-weight: 300;
  min-width: 150px; }
  @media (min-width: 767px) {
    .sidebar--sm-banner .sidebar--sm-banner-txt {
      max-width: 170px; } }
  @media (max-width: 900px) {
    .sidebar--sm-banner .sidebar--sm-banner-txt {
      margin-bottom: 15px; } }

.sidebar--sm-banner .sidebar--sm-banner-btn-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -5px;
  margin-right: -5px; }
  @media (max-width: 900px) {
    .sidebar--sm-banner .sidebar--sm-banner-btn-bar {
      flex-wrap: wrap; } }
  .sidebar--sm-banner .sidebar--sm-banner-btn-bar .btn {
    margin: 5px;
    border-radius: 25px;
    display: inline-flex;
    min-height: 30px;
    padding: 5px 25px;
    min-width: 150px; }
    .sidebar--sm-banner .sidebar--sm-banner-btn-bar .btn.sidebar--sm-banner-btn-try {
      font-weight: 600;
      align-items: center;
      justify-content: center;
      background: #FEC439;
      color: #2d3547;
      border-radius: 25px; }
    .sidebar--sm-banner .sidebar--sm-banner-btn-bar .btn.sidebar--sm-banner-btn-compare {
      font-weight: 400;
      color: #2d3547;
      background: #F1F6FF; }

@media (min-width: 1366px) {
  .intro-banner {
    padding-left: 4rem; } }

.intro-banner .btn, .intro-banner__btn {
  border-radius: 25px;
  padding: 6px 25px;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  min-height: 34px;
  line-height: 1; }
  .intro-banner .btn .add-info, .intro-banner__btn .add-info {
    display: inline-block;
    width: 100%;
    padding-top: 4px;
    font-size: 12px;
    font-weight: 400; }

.intro-banner__row {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -5px;
  margin-right: -5px; }
  .intro-banner__row .intro-banner__txt {
    color: #2c3547;
    font-weight: bold;
    margin: 0 6px;
    font-size: 18px;
    line-height: 1;
    white-space: nowrap; }
    @media (max-width: 1366px) {
      .intro-banner__row .intro-banner__txt {
        margin-right: 20px; } }
    @media (max-width: 900px) {
      .intro-banner__row .intro-banner__txt {
        margin: 0 0 10px 0; } }

.intro-banner__banner {
  margin: 0 6px;
  display: inline-block; }
  @media (max-width: 1366px) {
    .intro-banner__banner {
      display: none; } }
  .intro-banner__banner img {
    height: 50px; }

.intro-banner__txt {
  color: #788291;
  font-size: 14px;
  margin: 0; }

.intro-banner__btn-bar {
  display: flex;
  align-items: center;
  gap: 5px 15px; }
  .intro-banner__btn-bar-item {
    display: flex;
    align-items: center; }
    .intro-banner__btn-bar-item p {
      margin: 0 5px;
      line-height: 1.2; }
  .intro-banner__btn-bar .btn {
    margin: 2px 5px; }
    .intro-banner__btn-bar .btn.btn-danger {
      background: #FF3259; }

.intro-banner__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: -5px;
  margin-right: -5px; }
  @media (max-width: 900px) {
    .intro-banner__body {
      flex-direction: column;
      justify-content: center; } }
  .intro-banner__body-item {
    padding-left: 5px;
    padding-right: 5px; }

body .intro-banner--install {
  background: #F1F6FF !important;
  overflow: hidden; }
  body .intro-banner--install .highlighted {
    color: #06adef; }
  body .intro-banner--install .alert__content:before {
    content: "";
    display: block;
    width: 1300px;
    height: 900px;
    background: #fff;
    border-radius: 35% 35% 35% 0;
    position: absolute;
    bottom: 68px;
    right: 0;
    transform: rotate(11deg);
    z-index: 0; }
  body .intro-banner--install .intro-banner__body {
    position: relative;
    z-index: 2;
    align-items: stretch;
    justify-content: flex-start;
    margin-left: 0;
    margin-right: 0;
    width: 100%; }
    @media (max-width: 900px) {
      body .intro-banner--install .intro-banner__body {
        padding-top: 30px;
        padding-bottom: 25px; } }
    @media (max-width: 767px) {
      body .intro-banner--install .intro-banner__body {
        padding-top: 34px;
        padding-bottom: 34px; } }
    body .intro-banner--install .intro-banner__body .intro-banner__body-item {
      text-align: left; }
      body .intro-banner--install .intro-banner__body .intro-banner__body-item .title {
        font-size: 18px;
        line-height: 1.3; }
      body .intro-banner--install .intro-banner__body .intro-banner__body-item-content {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        gap: 25px; }
        @media (min-width: 900px) {
          body .intro-banner--install .intro-banner__body .intro-banner__body-item-content {
            max-width: 490px; } }
  body .intro-banner--install .btn-bar--close-actions {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    z-index: 10; }
    body .intro-banner--install .btn-bar--close-actions .close--btn {
      padding: 10px 0;
      margin: 0;
      font-size: 12px;
      border: none;
      min-height: unset;
      color: #788291;
      background: transparent;
      background-color: transparent;
      outline: none;
      opacity: 1;
      cursor: pointer; }
    body .intro-banner--install .btn-bar--close-actions .close {
      position: relative !important;
      top: 0 !important;
      left: 0 !important;
      right: unset !important;
      bottom: unset;
      margin: 0 !important;
      transform: none !important;
      font-weight: normal;
      padding: 10px 20px !important;
      width: auto !important;
      height: auto;
      outline: none; }
      body .intro-banner--install .btn-bar--close-actions .close--btn {
        padding-right: 0 !important; }

.alert-dismissible.intro-banner.intro-banner--install-app .intro-banner__body .intro-banner__body-item {
  text-align: left; }
  .alert-dismissible.intro-banner.intro-banner--install-app .intro-banner__body .intro-banner__body-item .title {
    font-size: 18px;
    line-height: 1.3; }
  .alert-dismissible.intro-banner.intro-banner--install-app .intro-banner__body .intro-banner__body-item-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 25px; }
    @media (min-width: 900px) {
      .alert-dismissible.intro-banner.intro-banner--install-app .intro-banner__body .intro-banner__body-item-content {
        max-width: 490px; } }
    .alert-dismissible.intro-banner.intro-banner--install-app .intro-banner__body .intro-banner__body-item-content .intro-banner__txt {
      font-size: 20px;
      color: #0B3052;
      font-weight: bold; }
      .alert-dismissible.intro-banner.intro-banner--install-app .intro-banner__body .intro-banner__body-item-content .intro-banner__txt .highlighted {
        color: #06adef; }
      @media (max-width: 1024px) {
        .alert-dismissible.intro-banner.intro-banner--install-app .intro-banner__body .intro-banner__body-item-content .intro-banner__txt {
          font-size: 16px; } }
    .alert-dismissible.intro-banner.intro-banner--install-app .intro-banner__body .intro-banner__body-item-content .intro-banner__btn-bar {
      margin: 0;
      flex-wrap: wrap;
      gap: 6px;
      justify-content: center; }
      @media (min-width: 500px) {
        .alert-dismissible.intro-banner.intro-banner--install-app .intro-banner__body .intro-banner__body-item-content .intro-banner__btn-bar {
          flex-wrap: nowrap;
          justify-content: flex-start;
          gap: 20px; } }
      .alert-dismissible.intro-banner.intro-banner--install-app .intro-banner__body .intro-banner__body-item-content .intro-banner__btn-bar .intro-banner__btn-bar-item {
        margin: 0;
        padding: 0; }
      .alert-dismissible.intro-banner.intro-banner--install-app .intro-banner__body .intro-banner__body-item-content .intro-banner__btn-bar .btn {
        min-height: 36px;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 8px;
        border-radius: 0.25rem;
        margin: 0; }
        .alert-dismissible.intro-banner.intro-banner--install-app .intro-banner__body .intro-banner__body-item-content .intro-banner__btn-bar .btn--secondary {
          color: #0B3052;
          background: #fff;
          border: 1px solid #E7ECF7; }
          .alert-dismissible.intro-banner.intro-banner--install-app .intro-banner__body .intro-banner__body-item-content .intro-banner__btn-bar .btn--secondary i {
            color: #ABBCCC; }
  .alert-dismissible.intro-banner.intro-banner--install-app .intro-banner__body .intro-banner__body-item-picture {
    text-align: center;
    min-width: 140px;
    margin-top: -0.8rem;
    margin-bottom: -0.8rem;
    max-width: 500px; }
    .alert-dismissible.intro-banner.intro-banner--install-app .intro-banner__body .intro-banner__body-item-picture .intro-banner__banner {
      display: block;
      margin: 0;
      padding: 0; }
    @media (min-width: 900px) {
      .alert-dismissible.intro-banner.intro-banner--install-app .intro-banner__body .intro-banner__body-item-picture {
        flex: 1;
        min-width: 412px; } }
    @media (max-width: 900px) {
      .alert-dismissible.intro-banner.intro-banner--install-app .intro-banner__body .intro-banner__body-item-picture {
        display: none; } }
    .alert-dismissible.intro-banner.intro-banner--install-app .intro-banner__body .intro-banner__body-item-picture img {
      display: inline-block;
      height: auto;
      max-height: 197px; }

.alert-dismissible.intro-banner.intro-banner--install-app .close--btn {
  padding: 10px 0;
  margin: 0;
  font-size: 12px;
  border: none;
  min-height: unset;
  color: #788291;
  background: transparent;
  background-color: transparent;
  outline: none;
  opacity: 1;
  cursor: pointer; }
  .alert-dismissible.intro-banner.intro-banner--install-app .close--btn.not-show-again {
    position: absolute;
    bottom: 0;
    right: 0;
    top: auto;
    left: auto;
    margin: 0;
    z-index: 2;
    padding-right: 1.25rem; }

@media (min-width: 1024px) {
  .intro-banner--install-enable-sbpay .intro-banner__body {
    align-items: center;
    gap: 5px 45px; } }

@media (min-width: 1024px) {
  .intro-banner--install-enable-sbpay .intro-banner__banner {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem; } }

.intro-banner--install-enable-sbpay .intro-banner__banner img {
  height: auto;
  max-height: 181px; }

.modal-dialog .messages-container .sm-banner__mob-toggler,
.modal-dialog .messages-container .sidebar--sm-banner,
.modal-dialog .messages-container .modal__delete-company_v2 {
  display: none !important; }

.trial-bar {
  display: none;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 3px 3px 3px 15px;
  border-radius: 160px;
  line-height: 1.36;
  font-size: 14px;
  color: #ffffff;
  text-shadow: 0px 0px 4px rgba(37, 50, 70, 0.2); }
  @media (min-width: 1090px) {
    .trial-bar {
      display: flex; } }
  .trial-bar--success {
    background: linear-gradient(275deg, #8436FF 2.48%, #2494F3 94.59%); }
  .trial-bar--warning {
    background: linear-gradient(275deg, #F9E50A 2.46%, #FE8141 97.04%); }
  .trial-bar--danger {
    background: linear-gradient(275deg, #FF2A26 2.46%, #BC0704 97.04%); }
  .trial-bar .p {
    color: inherit !important;
    opacity: 0.85; }
  .trial-bar .btn {
    padding-left: 12px;
    padding-right: 12px;
    min-height: 30px !important;
    text-shadow: unset !important;
    background: #ffffff;
    color: #253246; }

.form-group.required label.control-label:after, .required.element-container label.control-label:after {
  content: "*";
  color: #FF3259;
  margin-left: -0.12em; }

.dark-mode .ajax-loader {
  background-color: rgba(255, 255, 255, 0.16); }
  .dark-mode .ajax-loader .ajax-loader-image {
    background-image: url("../../images/admin/birdLoader--dark.gif"); }

.dark-mode #preloader-overlay {
  background: rgba(255, 255, 255, 0.16); }
  .dark-mode #preloader-overlay #preloader {
    background-image: url("../../images/admin/birdLoader--dark.gif"); }

.ajax-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s all linear;
  display: flex; }
  .ajax-loader.loader-active {
    opacity: 1;
    visibility: visible;
    z-index: 2000; }
  .ajax-loader .ajax-loader-image {
    background-image: url("../../images/admin/birdLoader.gif");
    background-size: contain;
    background-repeat: no-repeat;
    width: 280px;
    height: 280px;
    position: relative;
    margin: auto; }

.ajax-loading:after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='200px' height='200px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' class='lds-infinity' style='background: none;'%3e%3cpath fill='none' ng-attr-stroke='%7b%7bconfig.stroke%7d%7d' ng-attr-stroke-width='%7b%7bconfig.width%7d%7d' ng-attr-stroke-dasharray='%7b%7bconfig.dasharray%7d%7d' d='M24.3, 30C11.4, 30, 5, 43.3, 5, 50s6.4, 20, 19.3, 20c19.3, 0, 32.1-40, 51.4-40 C88.6, 30, 95, 43.3, 95, 50s-6.4, 20-19.3, 20C56.4, 70, 43.6, 30, 24.3, 30z' stroke='%2307aded' stroke-width='7' stroke-dasharray='179.61224975585938 76.97667846679687'%3e%3canimate attributeName='stroke-dashoffset' calcMode='linear' values='0;256.58892822265625' keyTimes='0;1' dur='2.7' begin='0s' repeatCount='indefinite'%3e%3c/animate%3e%3c/path%3e%3c/svg%3e");
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-color: rgba(255, 255, 255, 0.4);
  animation: 450ms fadeInDelay;
  animation-fill-mode: forwards; }

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1); }
  50% {
    transform: scale3d(0.99, 0.99, 0.99); }
  to {
    transform: scale3d(1, 1, 1); } }

#preloader-overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.15);
  z-index: 9999;
  top: 0;
  left: 0; }
  #preloader-overlay.active {
    display: block; }
  #preloader-overlay #preloader {
    background-image: url("../../images/admin/birdLoader.gif");
    background-size: contain;
    background-repeat: no-repeat;
    width: 280px;
    height: 280px;
    position: relative;
    top: 50%;
    margin: -140px auto 0; }

#preloader-overlay.active #preloader {
  opacity: 0;
  animation: toVisible 1s linear forwards;
  animation-delay: 0.68s; }

@keyframes toVisible {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.btn {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  border-radius: 50px;
  padding-left: 22px;
  padding-right: 22px;
  min-height: 36px;
  gap: 8px;
  font-weight: normal;
  font-family: "Noto Sans", sans-serif;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  line-height: 1.2;
  -webkit-tap-highlight-color: transparent;
  transition: all .25s ease; }
  .btn.btn-xs {
    padding-left: 18px;
    padding-right: 18px;
    min-height: 30px; }
  .btn.btn--no-text {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    min-width: 36px;
    padding: 4px;
    justify-content: center;
    align-items: center;
    text-align: center; }
    .btn.btn--no-text .icon,
    .btn.btn--no-text .fa-ellipsis-v {
      font-size: 16px; }
      .btn.btn--no-text .icon[class*="fa-angle-"],
      .btn.btn--no-text .fa-ellipsis-v[class*="fa-angle-"] {
        font-size: 18px; }
    .btn.btn--no-text .btn__txt {
      display: none; }
  .btn i, .btn .fa, .btn .icon {
    margin: 0 !important; }
  .btn__txt {
    font-style: normal; }
    @media (min-width: 767px) {
      .btn__txt-mob {
        display: none; } }
    @media (max-width: 767px) {
      .btn__txt-mob--hide {
        display: none; } }
  .btn.glyphicon {
    font-family: Glyphicons Halflings; }
  .btn.btn-info, .btn.btn--primary, .btn.btn-primary, .btn-group .btn.active:not(:disabled):not(.disabled):not([disabled]) {
    background-color: #06ADEF;
    border-color: #06ADEF;
    color: #fff; }
    .btn.btn-info:hover, .btn.btn--primary:hover, .btn.btn-primary:hover, .btn-group .btn.active:hover:not(:disabled):not(.disabled):not([disabled]) {
      background-color: #38bdf2;
      border-color: #38bdf2; }
    .btn.btn-info:disabled, .btn.btn-info.disabled, .btn.btn--primary:disabled, .btn.btn--primary.disabled, .btn.btn-primary:disabled, .btn-group .btn.active:disabled:not(:disabled):not(.disabled):not([disabled]), .btn.btn-primary.disabled, .btn-group .btn.disabled.active:not(:disabled):not(.disabled):not([disabled]) {
      background-color: #83d6f7;
      border-color: #83d6f7; }
  .btn.btn-info {
    background-color: #06acee;
    border-color: #06acee; }
    .btn.btn-info:hover {
      background-color: #38bdf1;
      border-color: #38bdf1; }
    .btn.btn-info:disabled, .btn.btn-info.disabled {
      background-color: #83d6f7;
      border-color: #83d6f7; }
  .btn.btn-success {
    background-color: #26dd7d;
    border-color: #26dd7d;
    color: #fff;
    font-weight: 500; }
    .btn.btn-success:hover {
      background-color: #51e497;
      border-color: #51e497; }
    .btn.btn-success:disabled, .btn.btn-success.disabled {
      background-color: #93eebe;
      border-color: #93eebe; }
  .btn.btn-warning {
    background-color: #fcc558;
    border-color: #fcc558;
    font-weight: 500; }
    .btn.btn-warning:hover {
      background-color: #fdd179;
      border-color: #fdd179; }
    .btn.btn-warning:disabled, .btn.btn-warning.disabled {
      background-color: #fee2ac;
      border-color: #fee2ac; }
  .btn.btn-danger {
    background-color: #FF3259;
    border-color: #FF3259;
    font-weight: 500; }
    .btn.btn-danger:hover {
      background-color: #ff5b7a;
      border-color: #ff5b7a; }
    .btn.btn-danger:disabled, .btn.btn-danger.disabled {
      background-color: #ff99ac;
      border-color: #ff99ac; }
  .btn.btn-outline-light:hover, .btn.btn-outline-light:active {
    color: #06ADEF; }
  .btn.btn-disabled {
    background-color: #989faa;
    border-color: #989faa;
    color: #e5e6e8; }
    .btn.btn-disabled:hover, .btn.btn-disabled:active {
      background-color: #989faa;
      border-color: #989faa;
      opacity: .9; }
  .btn.btn--primary-sm {
    background-color: #FEC439;
    border-color: #FEC439;
    color: #0B3052;
    border-radius: 25px;
    padding-left: 22px;
    padding-right: 22px; }
    .btn.btn--primary-sm:hover, .btn.btn--primary-sm:active {
      background-color: #FEC439;
      border-color: #FEC439;
      opacity: .9; }
  .btn.btn--cta, .btn.btn-success, .btn.btn--accent, .btn.btn--secondary, .btn.btn--danger-high, .btn.btn--danger-highest, .btn.btn--secondary-outline, .btn.btn-secondary--outline, .btn.btn--tertiary, .btn.btn--primary, .btn.btn--primary-outline {
    border-radius: 50px;
    padding-left: 22px;
    padding-right: 22px;
    min-height: 36px; }
    .btn.btn--cta.btn--no-text, .btn.btn-success.btn--no-text, .btn.btn--accent.btn--no-text, .btn.btn--secondary.btn--no-text, .btn.btn--danger-high.btn--no-text, .btn.btn--danger-highest.btn--no-text, .btn.btn--secondary-outline.btn--no-text, .btn.btn-secondary--outline.btn--no-text, .btn.btn--tertiary.btn--no-text, .btn.btn--primary.btn--no-text, .btn.btn--primary-outline.btn--no-text {
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      background: transparent;
      border-color: transparent;
      color: #788291;
      padding: 4px; }
      .btn.btn--cta.btn--no-text .icon,
      .btn.btn--cta.btn--no-text .fa-ellipsis-v, .btn.btn-success.btn--no-text .icon,
      .btn.btn-success.btn--no-text .fa-ellipsis-v, .btn.btn--accent.btn--no-text .icon,
      .btn.btn--accent.btn--no-text .fa-ellipsis-v, .btn.btn--secondary.btn--no-text .icon,
      .btn.btn--secondary.btn--no-text .fa-ellipsis-v, .btn.btn--danger-high.btn--no-text .icon,
      .btn.btn--danger-high.btn--no-text .fa-ellipsis-v, .btn.btn--danger-highest.btn--no-text .icon,
      .btn.btn--danger-highest.btn--no-text .fa-ellipsis-v, .btn.btn--secondary-outline.btn--no-text .icon,
      .btn.btn--secondary-outline.btn--no-text .fa-ellipsis-v, .btn.btn-secondary--outline.btn--no-text .icon,
      .btn.btn-secondary--outline.btn--no-text .fa-ellipsis-v, .btn.btn--tertiary.btn--no-text .icon,
      .btn.btn--tertiary.btn--no-text .fa-ellipsis-v, .btn.btn--primary.btn--no-text .icon,
      .btn.btn--primary.btn--no-text .fa-ellipsis-v, .btn.btn--primary-outline.btn--no-text .icon,
      .btn.btn--primary-outline.btn--no-text .fa-ellipsis-v {
        font-size: 16px; }
        .btn.btn--cta.btn--no-text .icon[class*="fa-angle-"],
        .btn.btn--cta.btn--no-text .fa-ellipsis-v[class*="fa-angle-"], .btn.btn-success.btn--no-text .icon[class*="fa-angle-"],
        .btn.btn-success.btn--no-text .fa-ellipsis-v[class*="fa-angle-"], .btn.btn--accent.btn--no-text .icon[class*="fa-angle-"],
        .btn.btn--accent.btn--no-text .fa-ellipsis-v[class*="fa-angle-"], .btn.btn--secondary.btn--no-text .icon[class*="fa-angle-"],
        .btn.btn--secondary.btn--no-text .fa-ellipsis-v[class*="fa-angle-"], .btn.btn--danger-high.btn--no-text .icon[class*="fa-angle-"],
        .btn.btn--danger-high.btn--no-text .fa-ellipsis-v[class*="fa-angle-"], .btn.btn--danger-highest.btn--no-text .icon[class*="fa-angle-"],
        .btn.btn--danger-highest.btn--no-text .fa-ellipsis-v[class*="fa-angle-"], .btn.btn--secondary-outline.btn--no-text .icon[class*="fa-angle-"],
        .btn.btn--secondary-outline.btn--no-text .fa-ellipsis-v[class*="fa-angle-"], .btn.btn-secondary--outline.btn--no-text .icon[class*="fa-angle-"],
        .btn.btn-secondary--outline.btn--no-text .fa-ellipsis-v[class*="fa-angle-"], .btn.btn--tertiary.btn--no-text .icon[class*="fa-angle-"],
        .btn.btn--tertiary.btn--no-text .fa-ellipsis-v[class*="fa-angle-"], .btn.btn--primary.btn--no-text .icon[class*="fa-angle-"],
        .btn.btn--primary.btn--no-text .fa-ellipsis-v[class*="fa-angle-"], .btn.btn--primary-outline.btn--no-text .icon[class*="fa-angle-"],
        .btn.btn--primary-outline.btn--no-text .fa-ellipsis-v[class*="fa-angle-"] {
          font-size: 18px; }
      .btn.btn--cta.btn--no-text .fa-play, .btn.btn-success.btn--no-text .fa-play, .btn.btn--accent.btn--no-text .fa-play, .btn.btn--secondary.btn--no-text .fa-play, .btn.btn--danger-high.btn--no-text .fa-play, .btn.btn--danger-highest.btn--no-text .fa-play, .btn.btn--secondary-outline.btn--no-text .fa-play, .btn.btn-secondary--outline.btn--no-text .fa-play, .btn.btn--tertiary.btn--no-text .fa-play, .btn.btn--primary.btn--no-text .fa-play, .btn.btn--primary-outline.btn--no-text .fa-play {
        margin-left: 0.2em !important; }
      .btn.btn--cta.btn--no-text .btn__txt, .btn.btn-success.btn--no-text .btn__txt, .btn.btn--accent.btn--no-text .btn__txt, .btn.btn--secondary.btn--no-text .btn__txt, .btn.btn--danger-high.btn--no-text .btn__txt, .btn.btn--danger-highest.btn--no-text .btn__txt, .btn.btn--secondary-outline.btn--no-text .btn__txt, .btn.btn-secondary--outline.btn--no-text .btn__txt, .btn.btn--tertiary.btn--no-text .btn__txt, .btn.btn--primary.btn--no-text .btn__txt, .btn.btn--primary-outline.btn--no-text .btn__txt {
        display: none; }
      .btn.btn--cta.btn--no-text:hover, .btn.btn-success.btn--no-text:hover, .btn.btn--accent.btn--no-text:hover, .btn.btn--secondary.btn--no-text:hover, .btn.btn--danger-high.btn--no-text:hover, .btn.btn--danger-highest.btn--no-text:hover, .btn.btn--secondary-outline.btn--no-text:hover, .btn.btn-secondary--outline.btn--no-text:hover, .btn.btn--tertiary.btn--no-text:hover, .btn.btn--primary.btn--no-text:hover, .btn.btn--primary-outline.btn--no-text:hover {
        background: #F1F6FF;
        border: 1px solid #dcdddf;
        color: #0B3052; }
      .btn.btn--cta.btn--no-text.small, .btn.btn-success.btn--no-text.small, .btn.btn--accent.btn--no-text.small, .btn.btn--secondary.btn--no-text.small, .btn.btn--danger-high.btn--no-text.small, .btn.btn--danger-highest.btn--no-text.small, .btn.btn--secondary-outline.btn--no-text.small, .btn.btn-secondary--outline.btn--no-text.small, .btn.btn--tertiary.btn--no-text.small, .btn.btn--primary.btn--no-text.small, .btn.btn--primary-outline.btn--no-text.small {
        padding: 2px;
        min-height: 30px;
        width: 30px;
        min-width: 30px; }
        .btn.btn--cta.btn--no-text.small .icon, .btn.btn-success.btn--no-text.small .icon, .btn.btn--accent.btn--no-text.small .icon, .btn.btn--secondary.btn--no-text.small .icon, .btn.btn--danger-high.btn--no-text.small .icon, .btn.btn--danger-highest.btn--no-text.small .icon, .btn.btn--secondary-outline.btn--no-text.small .icon, .btn.btn-secondary--outline.btn--no-text.small .icon, .btn.btn--tertiary.btn--no-text.small .icon, .btn.btn--primary.btn--no-text.small .icon, .btn.btn--primary-outline.btn--no-text.small .icon {
          font-size: 14px; }
    @media (max-width: 1024px) {
      .btn.btn--cta.btn--no-text-on_tab, .btn.btn-success.btn--no-text-on_tab, .btn.btn--accent.btn--no-text-on_tab, .btn.btn--secondary.btn--no-text-on_tab, .btn.btn--danger-high.btn--no-text-on_tab, .btn.btn--danger-highest.btn--no-text-on_tab, .btn.btn--secondary-outline.btn--no-text-on_tab, .btn.btn-secondary--outline.btn--no-text-on_tab, .btn.btn--tertiary.btn--no-text-on_tab, .btn.btn--primary.btn--no-text-on_tab, .btn.btn--primary-outline.btn--no-text-on_tab {
        min-width: 36px;
        width: 36px;
        padding: 4px;
        justify-content: center;
        align-items: center; }
        .btn.btn--cta.btn--no-text-on_tab .icon,
        .btn.btn--cta.btn--no-text-on_tab .fa-ellipsis-v, .btn.btn-success.btn--no-text-on_tab .icon,
        .btn.btn-success.btn--no-text-on_tab .fa-ellipsis-v, .btn.btn--accent.btn--no-text-on_tab .icon,
        .btn.btn--accent.btn--no-text-on_tab .fa-ellipsis-v, .btn.btn--secondary.btn--no-text-on_tab .icon,
        .btn.btn--secondary.btn--no-text-on_tab .fa-ellipsis-v, .btn.btn--danger-high.btn--no-text-on_tab .icon,
        .btn.btn--danger-high.btn--no-text-on_tab .fa-ellipsis-v, .btn.btn--danger-highest.btn--no-text-on_tab .icon,
        .btn.btn--danger-highest.btn--no-text-on_tab .fa-ellipsis-v, .btn.btn--secondary-outline.btn--no-text-on_tab .icon,
        .btn.btn--secondary-outline.btn--no-text-on_tab .fa-ellipsis-v, .btn.btn-secondary--outline.btn--no-text-on_tab .icon,
        .btn.btn-secondary--outline.btn--no-text-on_tab .fa-ellipsis-v, .btn.btn--tertiary.btn--no-text-on_tab .icon,
        .btn.btn--tertiary.btn--no-text-on_tab .fa-ellipsis-v, .btn.btn--primary.btn--no-text-on_tab .icon,
        .btn.btn--primary.btn--no-text-on_tab .fa-ellipsis-v, .btn.btn--primary-outline.btn--no-text-on_tab .icon,
        .btn.btn--primary-outline.btn--no-text-on_tab .fa-ellipsis-v {
          font-size: 16px; }
          .btn.btn--cta.btn--no-text-on_tab .icon[class*="fa-angle-"],
          .btn.btn--cta.btn--no-text-on_tab .fa-ellipsis-v[class*="fa-angle-"], .btn.btn-success.btn--no-text-on_tab .icon[class*="fa-angle-"],
          .btn.btn-success.btn--no-text-on_tab .fa-ellipsis-v[class*="fa-angle-"], .btn.btn--accent.btn--no-text-on_tab .icon[class*="fa-angle-"],
          .btn.btn--accent.btn--no-text-on_tab .fa-ellipsis-v[class*="fa-angle-"], .btn.btn--secondary.btn--no-text-on_tab .icon[class*="fa-angle-"],
          .btn.btn--secondary.btn--no-text-on_tab .fa-ellipsis-v[class*="fa-angle-"], .btn.btn--danger-high.btn--no-text-on_tab .icon[class*="fa-angle-"],
          .btn.btn--danger-high.btn--no-text-on_tab .fa-ellipsis-v[class*="fa-angle-"], .btn.btn--danger-highest.btn--no-text-on_tab .icon[class*="fa-angle-"],
          .btn.btn--danger-highest.btn--no-text-on_tab .fa-ellipsis-v[class*="fa-angle-"], .btn.btn--secondary-outline.btn--no-text-on_tab .icon[class*="fa-angle-"],
          .btn.btn--secondary-outline.btn--no-text-on_tab .fa-ellipsis-v[class*="fa-angle-"], .btn.btn-secondary--outline.btn--no-text-on_tab .icon[class*="fa-angle-"],
          .btn.btn-secondary--outline.btn--no-text-on_tab .fa-ellipsis-v[class*="fa-angle-"], .btn.btn--tertiary.btn--no-text-on_tab .icon[class*="fa-angle-"],
          .btn.btn--tertiary.btn--no-text-on_tab .fa-ellipsis-v[class*="fa-angle-"], .btn.btn--primary.btn--no-text-on_tab .icon[class*="fa-angle-"],
          .btn.btn--primary.btn--no-text-on_tab .fa-ellipsis-v[class*="fa-angle-"], .btn.btn--primary-outline.btn--no-text-on_tab .icon[class*="fa-angle-"],
          .btn.btn--primary-outline.btn--no-text-on_tab .fa-ellipsis-v[class*="fa-angle-"] {
            font-size: 18px; }
        .btn.btn--cta.btn--no-text-on_tab .fa-play, .btn.btn-success.btn--no-text-on_tab .fa-play, .btn.btn--accent.btn--no-text-on_tab .fa-play, .btn.btn--secondary.btn--no-text-on_tab .fa-play, .btn.btn--danger-high.btn--no-text-on_tab .fa-play, .btn.btn--danger-highest.btn--no-text-on_tab .fa-play, .btn.btn--secondary-outline.btn--no-text-on_tab .fa-play, .btn.btn-secondary--outline.btn--no-text-on_tab .fa-play, .btn.btn--tertiary.btn--no-text-on_tab .fa-play, .btn.btn--primary.btn--no-text-on_tab .fa-play, .btn.btn--primary-outline.btn--no-text-on_tab .fa-play {
          margin-left: 0.2em !important; }
        .btn.btn--cta.btn--no-text-on_tab .btn__txt, .btn.btn-success.btn--no-text-on_tab .btn__txt, .btn.btn--accent.btn--no-text-on_tab .btn__txt, .btn.btn--secondary.btn--no-text-on_tab .btn__txt, .btn.btn--danger-high.btn--no-text-on_tab .btn__txt, .btn.btn--danger-highest.btn--no-text-on_tab .btn__txt, .btn.btn--secondary-outline.btn--no-text-on_tab .btn__txt, .btn.btn-secondary--outline.btn--no-text-on_tab .btn__txt, .btn.btn--tertiary.btn--no-text-on_tab .btn__txt, .btn.btn--primary.btn--no-text-on_tab .btn__txt, .btn.btn--primary-outline.btn--no-text-on_tab .btn__txt {
          display: none; } }
    @media (max-width: 767px) {
      .btn.btn--cta.btn--no-text-on_mob, .btn.btn-success.btn--no-text-on_mob, .btn.btn--accent.btn--no-text-on_mob, .btn.btn--secondary.btn--no-text-on_mob, .btn.btn--danger-high.btn--no-text-on_mob, .btn.btn--danger-highest.btn--no-text-on_mob, .btn.btn--secondary-outline.btn--no-text-on_mob, .btn.btn-secondary--outline.btn--no-text-on_mob, .btn.btn--tertiary.btn--no-text-on_mob, .btn.btn--primary.btn--no-text-on_mob, .btn.btn--primary-outline.btn--no-text-on_mob {
        min-width: 36px;
        width: 36px;
        padding: 4px;
        justify-content: center;
        align-items: center; }
        .btn.btn--cta.btn--no-text-on_mob .icon,
        .btn.btn--cta.btn--no-text-on_mob .fa-ellipsis-v, .btn.btn-success.btn--no-text-on_mob .icon,
        .btn.btn-success.btn--no-text-on_mob .fa-ellipsis-v, .btn.btn--accent.btn--no-text-on_mob .icon,
        .btn.btn--accent.btn--no-text-on_mob .fa-ellipsis-v, .btn.btn--secondary.btn--no-text-on_mob .icon,
        .btn.btn--secondary.btn--no-text-on_mob .fa-ellipsis-v, .btn.btn--danger-high.btn--no-text-on_mob .icon,
        .btn.btn--danger-high.btn--no-text-on_mob .fa-ellipsis-v, .btn.btn--danger-highest.btn--no-text-on_mob .icon,
        .btn.btn--danger-highest.btn--no-text-on_mob .fa-ellipsis-v, .btn.btn--secondary-outline.btn--no-text-on_mob .icon,
        .btn.btn--secondary-outline.btn--no-text-on_mob .fa-ellipsis-v, .btn.btn-secondary--outline.btn--no-text-on_mob .icon,
        .btn.btn-secondary--outline.btn--no-text-on_mob .fa-ellipsis-v, .btn.btn--tertiary.btn--no-text-on_mob .icon,
        .btn.btn--tertiary.btn--no-text-on_mob .fa-ellipsis-v, .btn.btn--primary.btn--no-text-on_mob .icon,
        .btn.btn--primary.btn--no-text-on_mob .fa-ellipsis-v, .btn.btn--primary-outline.btn--no-text-on_mob .icon,
        .btn.btn--primary-outline.btn--no-text-on_mob .fa-ellipsis-v {
          font-size: 16px; }
          .btn.btn--cta.btn--no-text-on_mob .icon[class*="fa-angle-"],
          .btn.btn--cta.btn--no-text-on_mob .fa-ellipsis-v[class*="fa-angle-"], .btn.btn-success.btn--no-text-on_mob .icon[class*="fa-angle-"],
          .btn.btn-success.btn--no-text-on_mob .fa-ellipsis-v[class*="fa-angle-"], .btn.btn--accent.btn--no-text-on_mob .icon[class*="fa-angle-"],
          .btn.btn--accent.btn--no-text-on_mob .fa-ellipsis-v[class*="fa-angle-"], .btn.btn--secondary.btn--no-text-on_mob .icon[class*="fa-angle-"],
          .btn.btn--secondary.btn--no-text-on_mob .fa-ellipsis-v[class*="fa-angle-"], .btn.btn--danger-high.btn--no-text-on_mob .icon[class*="fa-angle-"],
          .btn.btn--danger-high.btn--no-text-on_mob .fa-ellipsis-v[class*="fa-angle-"], .btn.btn--danger-highest.btn--no-text-on_mob .icon[class*="fa-angle-"],
          .btn.btn--danger-highest.btn--no-text-on_mob .fa-ellipsis-v[class*="fa-angle-"], .btn.btn--secondary-outline.btn--no-text-on_mob .icon[class*="fa-angle-"],
          .btn.btn--secondary-outline.btn--no-text-on_mob .fa-ellipsis-v[class*="fa-angle-"], .btn.btn-secondary--outline.btn--no-text-on_mob .icon[class*="fa-angle-"],
          .btn.btn-secondary--outline.btn--no-text-on_mob .fa-ellipsis-v[class*="fa-angle-"], .btn.btn--tertiary.btn--no-text-on_mob .icon[class*="fa-angle-"],
          .btn.btn--tertiary.btn--no-text-on_mob .fa-ellipsis-v[class*="fa-angle-"], .btn.btn--primary.btn--no-text-on_mob .icon[class*="fa-angle-"],
          .btn.btn--primary.btn--no-text-on_mob .fa-ellipsis-v[class*="fa-angle-"], .btn.btn--primary-outline.btn--no-text-on_mob .icon[class*="fa-angle-"],
          .btn.btn--primary-outline.btn--no-text-on_mob .fa-ellipsis-v[class*="fa-angle-"] {
            font-size: 18px; }
        .btn.btn--cta.btn--no-text-on_mob .fa-play, .btn.btn-success.btn--no-text-on_mob .fa-play, .btn.btn--accent.btn--no-text-on_mob .fa-play, .btn.btn--secondary.btn--no-text-on_mob .fa-play, .btn.btn--danger-high.btn--no-text-on_mob .fa-play, .btn.btn--danger-highest.btn--no-text-on_mob .fa-play, .btn.btn--secondary-outline.btn--no-text-on_mob .fa-play, .btn.btn-secondary--outline.btn--no-text-on_mob .fa-play, .btn.btn--tertiary.btn--no-text-on_mob .fa-play, .btn.btn--primary.btn--no-text-on_mob .fa-play, .btn.btn--primary-outline.btn--no-text-on_mob .fa-play {
          margin-left: 0.2em !important; }
        .btn.btn--cta.btn--no-text-on_mob .btn__txt, .btn.btn-success.btn--no-text-on_mob .btn__txt, .btn.btn--accent.btn--no-text-on_mob .btn__txt, .btn.btn--secondary.btn--no-text-on_mob .btn__txt, .btn.btn--danger-high.btn--no-text-on_mob .btn__txt, .btn.btn--danger-highest.btn--no-text-on_mob .btn__txt, .btn.btn--secondary-outline.btn--no-text-on_mob .btn__txt, .btn.btn-secondary--outline.btn--no-text-on_mob .btn__txt, .btn.btn--tertiary.btn--no-text-on_mob .btn__txt, .btn.btn--primary.btn--no-text-on_mob .btn__txt, .btn.btn--primary-outline.btn--no-text-on_mob .btn__txt {
          display: none; } }
    .btn.btn--cta.small, .btn.btn-success.small, .btn.btn--accent.small, .btn.btn--secondary.small, .btn.btn--danger-high.small, .btn.btn--danger-highest.small, .btn.btn--secondary-outline.small, .btn.btn-secondary--outline.small, .btn.btn--tertiary.small, .btn.btn--primary.small, .btn.btn--primary-outline.small {
      padding-left: 12px;
      padding-right: 12px;
      min-height: 30px;
      font-size: 13px; }
    .btn.btn--cta .lang-icon, .btn.btn-success .lang-icon, .btn.btn--accent .lang-icon, .btn.btn--secondary .lang-icon, .btn.btn--danger-high .lang-icon, .btn.btn--danger-highest .lang-icon, .btn.btn--secondary-outline .lang-icon, .btn.btn-secondary--outline .lang-icon, .btn.btn--tertiary .lang-icon, .btn.btn--primary .lang-icon, .btn.btn--primary-outline .lang-icon {
      display: inline-flex;
      width: 16px;
      min-width: 16px;
      height: 12px;
      border-radius: 4px; }
    .btn.btn--cta .icon[class*="fa-angle-"], .btn.btn-success .icon[class*="fa-angle-"], .btn.btn--accent .icon[class*="fa-angle-"], .btn.btn--secondary .icon[class*="fa-angle-"], .btn.btn--danger-high .icon[class*="fa-angle-"], .btn.btn--danger-highest .icon[class*="fa-angle-"], .btn.btn--secondary-outline .icon[class*="fa-angle-"], .btn.btn-secondary--outline .icon[class*="fa-angle-"], .btn.btn--tertiary .icon[class*="fa-angle-"], .btn.btn--primary .icon[class*="fa-angle-"], .btn.btn--primary-outline .icon[class*="fa-angle-"] {
      font-size: 18px; }
    .btn.btn--cta .icon[class*="fa-map-marker-"], .btn.btn-success .icon[class*="fa-map-marker-"], .btn.btn--accent .icon[class*="fa-map-marker-"], .btn.btn--secondary .icon[class*="fa-map-marker-"], .btn.btn--danger-high .icon[class*="fa-map-marker-"], .btn.btn--danger-highest .icon[class*="fa-map-marker-"], .btn.btn--secondary-outline .icon[class*="fa-map-marker-"], .btn.btn-secondary--outline .icon[class*="fa-map-marker-"], .btn.btn--tertiary .icon[class*="fa-map-marker-"], .btn.btn--primary .icon[class*="fa-map-marker-"], .btn.btn--primary-outline .icon[class*="fa-map-marker-"] {
      font-size: 16px; }
  .btn.btn--secondary-outline, .btn.btn-secondary--outline {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid #dcdddf;
    color: #0B3052; }
    .btn.btn--secondary-outline:hover, .btn.btn--secondary-outline:active, .btn.btn-secondary--outline:hover, .btn.btn-secondary--outline:active {
      color: #0B3052;
      border: 1px solid #dcdddf;
      background: #F1F6FF; }
    .btn.btn--secondary-outline.disabled, .btn.btn-secondary--outline.disabled {
      color: #ABBCCC; }
  .btn.btn-outline-primary, .btn.btn--primary-outline {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid #06ADEF;
    color: #06ADEF; }
    .btn.btn-outline-primary:hover, .btn.btn-outline-primary:active, .btn.btn--primary-outline:hover, .btn.btn--primary-outline:active {
      color: #0B3052;
      border: 1px solid #06ADEF;
      background: #F1F6FF; }
    .btn.btn-outline-primary.btn--no-text, .btn.btn--primary-outline.btn--no-text {
      color: #06ADEF;
      border: 1px solid #06ADEF; }
      .btn.btn-outline-primary.btn--no-text:hover, .btn.btn--primary-outline.btn--no-text:hover {
        background: #F1F6FF;
        border: 1px solid #06ADEF;
        color: #0B3052; }
  .btn.btn--accent, .btn.btn-accent {
    position: relative;
    background-color: #0B3052;
    border-color: #0B3052;
    color: #ffffff;
    flex-direction: row;
    flex-wrap: nowrap; }
    .btn.btn--accent:hover, .btn.btn-accent:hover {
      color: #ffffff;
      background-color: #0B3052;
      border-color: #0B3052; }
  .btn.btn--tertiary {
    color: #0B3052;
    background: #F1F6FF; }
    .btn.btn--tertiary .ico, .btn.btn--tertiary:before {
      color: #0B3052; }
    .btn.btn--tertiary:hover, .btn.btn--tertiary:focus {
      filter: brightness(90%); }
    .btn.btn--tertiary.btn--no-text {
      color: #0B3052;
      background: #F1F6FF; }
  .btn.btn--grey {
    color: #788291;
    background: #f8faff; }
    .btn.btn--grey:hover, .btn.btn--grey:active {
      color: #0B3052;
      border: 1px solid #dcdddf;
      background: #F1F6FF; }
  .btn.btn--secondary-danger, .btn.btn--danger-high {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid #dcdddf;
    color: #FF3259; }
    .btn.btn--secondary-danger .fa, .btn.btn--secondary-danger .far, .btn.btn--secondary-danger [class~='far']:not(.fab), .btn.btn--secondary-danger .fal, .btn.btn--secondary-danger [class*='fa-']:not(.fab), .btn.btn--secondary-danger .fab, .btn.btn--danger-high .fa, .btn.btn--danger-high .far, .btn.btn--danger-high [class~='far']:not(.fab), .btn.btn--danger-high .fal, .btn.btn--danger-high [class*='fa-']:not(.fab), .btn.btn--danger-high .fab {
      color: #FF3259;
      text-shadow: none; }
    .btn.btn--secondary-danger:focus, .btn.btn--secondary-danger:active, .btn.btn--secondary-danger:hover, .btn.btn--danger-high:focus, .btn.btn--danger-high:active, .btn.btn--danger-high:hover {
      color: #FF3259;
      background: #F1F6FF;
      border: 1px solid #dcdddf; }
      .btn.btn--secondary-danger:focus .fa, .btn.btn--secondary-danger:focus .far, .btn.btn--secondary-danger:focus [class~='far']:not(.fab), .btn.btn--secondary-danger:focus .fal, .btn.btn--secondary-danger:focus [class*='fa-']:not(.fab), .btn.btn--secondary-danger:focus .fab, .btn.btn--secondary-danger:active .fa, .btn.btn--secondary-danger:active .far, .btn.btn--secondary-danger:active [class~='far']:not(.fab), .btn.btn--secondary-danger:active .fal, .btn.btn--secondary-danger:active [class*='fa-']:not(.fab), .btn.btn--secondary-danger:active .fab, .btn.btn--secondary-danger:hover .fa, .btn.btn--secondary-danger:hover .far, .btn.btn--secondary-danger:hover [class~='far']:not(.fab), .btn.btn--secondary-danger:hover .fal, .btn.btn--secondary-danger:hover [class*='fa-']:not(.fab), .btn.btn--secondary-danger:hover .fab, .btn.btn--danger-high:focus .fa, .btn.btn--danger-high:focus .far, .btn.btn--danger-high:focus [class~='far']:not(.fab), .btn.btn--danger-high:focus .fal, .btn.btn--danger-high:focus [class*='fa-']:not(.fab), .btn.btn--danger-high:focus .fab, .btn.btn--danger-high:active .fa, .btn.btn--danger-high:active .far, .btn.btn--danger-high:active [class~='far']:not(.fab), .btn.btn--danger-high:active .fal, .btn.btn--danger-high:active [class*='fa-']:not(.fab), .btn.btn--danger-high:active .fab, .btn.btn--danger-high:hover .fa, .btn.btn--danger-high:hover .far, .btn.btn--danger-high:hover [class~='far']:not(.fab), .btn.btn--danger-high:hover .fal, .btn.btn--danger-high:hover [class*='fa-']:not(.fab), .btn.btn--danger-high:hover .fab {
        color: #FF3259; }
  .btn.btn--danger-highest {
    color: #fff;
    background: #FF3259;
    border: none; }
    .btn.btn--danger-highest:hover, .btn.btn--danger-highest:focus {
      color: #fff;
      background: #fe0030;
      border: none; }
    .btn.btn--danger-highest:disabled, .btn.btn--danger-highest.disabled {
      background-color: #ff99ac;
      border-color: #ff99ac;
      color: #788291;
      opacity: 0.9;
      cursor: not-allowed; }
  @media (max-width: 1024px) {
    .btn.btn--secondary.btn--no-text {
      border: 1px solid #dcdddf;
      background: #f8faff; } }
  .btn.btn--secondary.btn--no-text:hover {
    background: #F1F6FF;
    border: 1px solid #dcdddf;
    color: #0B3052; }
  .btn.btn--tooltip {
    position: relative;
    opacity: unset !important;
    filter: unset !important; }
    .btn.btn--tooltip .btn__txt {
      display: none;
      position: absolute;
      top: 122%;
      left: -22px;
      right: auto;
      background: #fff;
      color: #0B3052;
      border-radius: 5px;
      min-height: 30px;
      align-items: center;
      justify-content: flex-start;
      padding: 5px 10px;
      text-align: left;
      min-width: 140px;
      white-space: normal;
      font-size: 14px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important;
      opacity: 0;
      visibility: hidden;
      transition: all 0.22s ease-out;
      z-index: 10; }
    .btn.btn--tooltip_from-right .btn__txt {
      right: -12px;
      left: auto; }
    .btn.btn--tooltip:hover {
      opacity: unset !important; }
      .btn.btn--tooltip:hover .btn__txt {
        display: flex;
        visibility: visible;
        opacity: 1;
        top: calc(100% + 4px); }
  .btn.btn-cta {
    position: relative;
    background-color: #ffffff;
    border-color: #ffffff;
    color: #0B3052;
    flex-direction: row;
    flex-wrap: nowrap; }
    .btn.btn-cta:hover {
      background-color: #ffffff;
      border-color: #ffffff;
      color: #0B3052; }
  .btn.btn--link {
    padding-left: 0;
    padding-right: 0;
    background: transparent;
    color: #06ADEF; }
  .btn.btn--link-danger {
    padding-left: 0;
    padding-right: 0;
    background: transparent;
    color: #FF3259;
    min-height: 20px; }
  .btn.sb-insert-code, .btn.sb-insert-var, .btn.insert-code {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    min-height: 28px;
    border-radius: 4px;
    padding: 0.25rem 0.5rem;
    font-family: monospace, serif;
    font-size: 0.875rem;
    line-height: 1;
    border: 1px solid transparent; }
    .btn.sb-insert-code.btn-sm, .btn-group-sm > .btn.sb-insert-code, .btn.sb-insert-var.btn-sm, .btn-group-sm > .btn.sb-insert-var, .btn.insert-code.btn-sm, .btn-group-sm > .btn.insert-code {
      width: auto;
      max-width: unset; }
    .btn.sb-insert-code:hover, .btn.sb-insert-code:focus, .btn.sb-insert-code:active, .btn.sb-insert-var:hover, .btn.sb-insert-var:focus, .btn.sb-insert-var:active, .btn.insert-code:hover, .btn.insert-code:focus, .btn.insert-code:active {
      color: #1d9ed1;
      border: 1px solid #1d9ed1;
      background: rgba(29, 158, 209, 0.2); }
  .btn.btn--time-slot {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    min-width: 84px;
    justify-content: center;
    color: #788291;
    border: 1px solid #E7ECF7; }
    .btn.btn--time-slot:hover {
      color: #0B3052; }
  .btn.btn--phantom-primary_sbpay {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: rgba(6, 173, 239, 0.07);
    border: 1px solid #06ADEF;
    color: #06ADEF;
    cursor: default !important;
    min-height: 30px; }
    .btn.btn--phantom-primary_sbpay:hover, .btn.btn--phantom-primary_sbpay:active {
      color: #06ADEF;
      border: 1px solid #06ADEF;
      background: rgba(6, 173, 239, 0.07); }
  .btn.btn--phantom-success_sbpay {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: rgba(38, 221, 125, 0.07);
    border: 1px solid #26dd7d;
    color: #26dd7d;
    cursor: default !important;
    min-height: 30px; }
    .btn.btn--phantom-success_sbpay:hover, .btn.btn--phantom-success_sbpay:active {
      color: #26dd7d;
      border: 1px solid #26dd7d;
      background: rgba(38, 221, 125, 0.07); }
  .btn.tutorial-video__big.btn-tutorial {
    font-size: 24px;
    border-radius: 50%;
    padding: 4px;
    cursor: pointer;
    height: 76px;
    width: 76px;
    background: rgba(11, 48, 82, 0.22);
    border-color: rgba(11, 48, 82, 0.34);
    color: #fff; }
    .btn.tutorial-video__big.btn-tutorial i,
    .btn.tutorial-video__big.btn-tutorial .icon {
      font-weight: 700;
      font-size: 25px; }
    .btn.tutorial-video__big.btn-tutorial:hover {
      background: rgba(11, 48, 82, 0.36);
      border-color: rgba(11, 48, 82, 0.45); }
  .btn.btn--app-markets {
    font-family: "Mulish", sans-serif;
    min-height: 40px;
    padding: 7px 12px;
    border-radius: 8px;
    border: 2px solid;
    border-color: #ABBCCC;
    color: #ABBCCC;
    background: transparent;
    text-align: left;
    font-weight: bold;
    font-size: 14px; }
    .btn.btn--app-markets .btn__txt {
      flex: 1; }
    .btn.btn--app-markets .icon {
      line-height: 0.6; }
      .btn.btn--app-markets .icon svg {
        height: 19px; }
    .btn.btn--app-markets:hover, .btn.btn--app-markets:focus {
      color: #fff; }
      .btn.btn--app-markets:hover .icon svg, .btn.btn--app-markets:focus .icon svg {
        fill: #fff; }

.btn-skip {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  font-size: 16px;
  padding: 15px 25px;
  text-decoration: none;
  position: absolute;
  top: 0;
  right: 0;
  opacity: .85;
  z-index: 9999;
  transition: all .3s ease;
  color: #313e54; }
  .btn-skip .mobile-tag {
    display: none; }
  @media (max-width: 767px) {
    .btn-skip {
      padding: 15px;
      font-size: 14px;
      top: 2px; }
      .btn-skip .desktop-tag {
        display: none; }
      .btn-skip .mobile-tag {
        display: inline; } }
  .btn-skip:hover {
    text-decoration: none;
    color: #06ADEF;
    background-color: rgba(6, 173, 239, 0.05); }
  .btn-skip .fa {
    font-size: 24px;
    margin-left: 15px; }
    @media (max-width: 767px) {
      .btn-skip .fa {
        font-size: 19px;
        margin-left: 8px; } }

.btn-link.disabled:hover {
  text-decoration: none;
  pointer-events: none; }

.btn:not(.disabled) {
  cursor: pointer; }

.btn[class*="btn-outline-"]:not([disabled]):not(.disabled):active, .btn[class*="btn-outline-"]:not([disabled]):not(.disabled).active,
.show > .btn[class*="btn-outline-"].dropdown-toggle {
  color: #fff; }

.btn.outline-facebook {
  color: #5193ea;
  background-color: transparent;
  background-image: none;
  border-color: #5193ea; }
  .btn.outline-facebook:hover {
    color: #fff;
    background-color: #5193ea;
    border-color: #5193ea; }
  .btn.outline-facebook:focus, .btn.outline-facebook.focus {
    box-shadow: 0 0 0 0.2rem rgba(81, 147, 234, 0.5); }
  .btn.outline-facebook.disabled, .btn.outline-facebook:disabled {
    color: #5193ea;
    background-color: transparent; }
  .btn.outline-facebook:not(:disabled):not(.disabled):active, .btn.outline-facebook:not(:disabled):not(.disabled).active,
  .show > .btn.outline-facebook.dropdown-toggle {
    color: #fff;
    background-color: #5193ea;
    border-color: #5193ea; }
    .btn.outline-facebook:not(:disabled):not(.disabled):active:focus, .btn.outline-facebook:not(:disabled):not(.disabled).active:focus,
    .show > .btn.outline-facebook.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(81, 147, 234, 0.5); }

.btn.outline-google {
  color: #f67a6e;
  background-color: transparent;
  background-image: none;
  border-color: #f67a6e; }
  .btn.outline-google:hover {
    color: #fff;
    background-color: #f67a6e;
    border-color: #f67a6e; }
  .btn.outline-google:focus, .btn.outline-google.focus {
    box-shadow: 0 0 0 0.2rem rgba(246, 122, 110, 0.5); }
  .btn.outline-google.disabled, .btn.outline-google:disabled {
    color: #f67a6e;
    background-color: transparent; }
  .btn.outline-google:not(:disabled):not(.disabled):active, .btn.outline-google:not(:disabled):not(.disabled).active,
  .show > .btn.outline-google.dropdown-toggle {
    color: #fff;
    background-color: #f67a6e;
    border-color: #f67a6e; }
    .btn.outline-google:not(:disabled):not(.disabled):active:focus, .btn.outline-google:not(:disabled):not(.disabled).active:focus,
    .show > .btn.outline-google.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(246, 122, 110, 0.5); }

.btn.outline-twitter {
  color: #44ccfe;
  background-color: transparent;
  background-image: none;
  border-color: #44ccfe; }
  .btn.outline-twitter:hover {
    color: #fff;
    background-color: #44ccfe;
    border-color: #44ccfe; }
  .btn.outline-twitter:focus, .btn.outline-twitter.focus {
    box-shadow: 0 0 0 0.2rem rgba(68, 204, 254, 0.5); }
  .btn.outline-twitter.disabled, .btn.outline-twitter:disabled {
    color: #44ccfe;
    background-color: transparent; }
  .btn.outline-twitter:not(:disabled):not(.disabled):active, .btn.outline-twitter:not(:disabled):not(.disabled).active,
  .show > .btn.outline-twitter.dropdown-toggle {
    color: #fff;
    background-color: #44ccfe;
    border-color: #44ccfe; }
    .btn.outline-twitter:not(:disabled):not(.disabled):active:focus, .btn.outline-twitter:not(:disabled):not(.disabled).active:focus,
    .show > .btn.outline-twitter.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(68, 204, 254, 0.5); }

.link-btn {
  background: transparent;
  border: none;
  color: #06ADEF;
  text-decoration: none;
  cursor: pointer; }
  .link-btn:hover {
    text-decoration: underline; }

.btn-group > .btn {
  padding-left: 12px;
  padding-right: 12px;
  justify-content: center; }
  .btn-group > .btn.btn--no-text {
    padding: 4px; }

.btn-group--switcher {
  display: inline-flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 5px 0; }
  .btn-group--switcher .btn {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    margin: 0;
    padding-left: 16px;
    padding-right: 16px;
    min-width: 50px; }
    .btn-group--switcher .btn.active {
      background-color: #06ADEF;
      border-color: #06ADEF;
      color: #fff; }
  .btn-group--switcher.btn-group > .btn:first-child {
    margin-left: 0; }
  .btn-group--switcher.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
  .btn-group--switcher.btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .btn-group--switcher.btn-group > .btn:not(:first-child),
  .btn-group--switcher.btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

.link a:hover {
  text-decoration: none; }

.dark-mode .btn:not(.disabled) {
  cursor: pointer; }

.dark-mode .btn[class*="btn-outline-"]:not([disabled]):not(.disabled):active, .dark-mode .btn[class*="btn-outline-"]:not([disabled]):not(.disabled).active,
.show > .dark-mode .btn[class*="btn-outline-"].dropdown-toggle {
  color: #0B3052; }

.dark-mode .btn.btn-outline-light {
  color: #f9f9f9; }

.dark-mode .btn.btn--primary, .dark-mode .btn.btn-primary, .dark-mode .btn-group .btn.active:not(:disabled):not(.disabled):not([disabled]), .btn-group .dark-mode .btn.active:not(:disabled):not(.disabled):not([disabled]) {
  background-color: #1d9ed1;
  border-color: #1d9ed1;
  color: #f9f9f9; }
  .dark-mode .btn.btn--primary:hover, .dark-mode .btn.btn-primary:hover, .dark-mode .btn-group .btn.active:hover:not(:disabled):not(.disabled):not([disabled]), .btn-group .dark-mode .btn.active:hover:not(:disabled):not(.disabled):not([disabled]) {
    background-color: #38bdf2;
    border-color: #38bdf2; }
  .dark-mode .btn.btn--primary:disabled, .dark-mode .btn.btn--primary.disabled, .dark-mode .btn.btn-primary:disabled, .dark-mode .btn-group .btn.active:disabled:not(:disabled):not(.disabled):not([disabled]), .btn-group .dark-mode .btn.active:disabled:not(:disabled):not(.disabled):not([disabled]), .dark-mode .btn.btn-primary.disabled, .dark-mode .btn-group .btn.disabled.active:not(:disabled):not(.disabled):not([disabled]), .btn-group .dark-mode .btn.disabled.active:not(:disabled):not(.disabled):not([disabled]) {
    background-color: #83d6f7;
    border-color: #83d6f7; }

.dark-mode .btn.btn-info {
  background-color: #1d9ed1;
  border-color: #1d9ed1;
  color: #f9f9f9; }
  .dark-mode .btn.btn-info:hover {
    background-color: #38bdf1;
    border-color: #38bdf1; }
  .dark-mode .btn.btn-info:disabled, .dark-mode .btn.btn-info.disabled {
    background-color: #83d6f7;
    border-color: #83d6f7; }

.dark-mode .btn.btn--secondary-outline, .dark-mode .btn.btn-secondary--outline {
  color: #f9f9f9;
  border-color: #555555; }
  .dark-mode .btn.btn--secondary-outline:hover, .dark-mode .btn.btn--secondary-outline:active, .dark-mode .btn.btn-secondary--outline:hover, .dark-mode .btn.btn-secondary--outline:active {
    color: #0B3052;
    border: 1px solid #555555;
    background: rgba(241, 246, 255, 0.8); }
  .dark-mode .btn.btn--secondary-outline.btn--back:hover, .dark-mode .btn.btn--secondary-outline.btn--back:active, .dark-mode .btn.btn-secondary--outline.btn--back:hover, .dark-mode .btn.btn-secondary--outline.btn--back:active {
    color: #1d9ed1;
    border: none;
    background: transparent; }

.dark-mode .btn.btn-outline-primary, .dark-mode .btn.btn--primary-outline {
  border: 1px solid #1d9ed1;
  color: #f9f9f9; }
  .dark-mode .btn.btn-outline-primary:hover, .dark-mode .btn.btn-outline-primary:focus, .dark-mode .btn.btn-outline-primary:active, .dark-mode .btn.btn--primary-outline:hover, .dark-mode .btn.btn--primary-outline:focus, .dark-mode .btn.btn--primary-outline:active {
    color: #0B3052;
    border: 1px solid #555555;
    background: rgba(241, 246, 255, 0.8); }
  .dark-mode .btn.btn-outline-primary.btn--no-text, .dark-mode .btn.btn--primary-outline.btn--no-text {
    color: #1d9ed1;
    border: 1px solid #1d9ed1; }
    .dark-mode .btn.btn-outline-primary.btn--no-text:hover, .dark-mode .btn.btn--primary-outline.btn--no-text:hover {
      background: rgba(241, 246, 255, 0.82);
      border: 1px solid #06ADEF;
      color: #0B3052; }

.dark-mode .btn.btn--tertiary {
  background: rgba(241, 246, 255, 0.8); }
  .dark-mode .btn.btn--tertiary.btn--no-text-on_tab, .dark-mode .btn.btn--tertiary.btn--no-text-on_mob, .dark-mode .btn.btn--tertiary.btn--no-text {
    border-color: transparent;
    background: rgba(255, 255, 255, 0.2);
    color: #fff; }
    .dark-mode .btn.btn--tertiary.btn--no-text-on_tab:hover, .dark-mode .btn.btn--tertiary.btn--no-text-on_tab:focus, .dark-mode .btn.btn--tertiary.btn--no-text-on_mob:hover, .dark-mode .btn.btn--tertiary.btn--no-text-on_mob:focus, .dark-mode .btn.btn--tertiary.btn--no-text:hover, .dark-mode .btn.btn--tertiary.btn--no-text:focus {
      color: #0B3052;
      background: rgba(255, 255, 255, 0.82);
      border-color: #555555; }

.dark-mode .btn.btn--secondary-danger, .dark-mode .btn.btn--danger-high {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #FF3259;
  border-color: #555555; }
  .dark-mode .btn.btn--secondary-danger .fa, .dark-mode .btn.btn--secondary-danger .far, .dark-mode .btn.btn--secondary-danger [class~='far']:not(.fab), .dark-mode .btn.btn--secondary-danger .fal, .dark-mode .btn.btn--secondary-danger [class*='fa-']:not(.fab), .dark-mode .btn.btn--secondary-danger .fab, .dark-mode .btn.btn--danger-high .fa, .dark-mode .btn.btn--danger-high .far, .dark-mode .btn.btn--danger-high [class~='far']:not(.fab), .dark-mode .btn.btn--danger-high .fal, .dark-mode .btn.btn--danger-high [class*='fa-']:not(.fab), .dark-mode .btn.btn--danger-high .fab {
    color: #FF3259; }
  .dark-mode .btn.btn--secondary-danger:focus, .dark-mode .btn.btn--secondary-danger:active, .dark-mode .btn.btn--secondary-danger:hover, .dark-mode .btn.btn--danger-high:focus, .dark-mode .btn.btn--danger-high:active, .dark-mode .btn.btn--danger-high:hover {
    color: #FF3259;
    background: rgba(241, 246, 255, 0.3);
    border-color: #555555; }
    .dark-mode .btn.btn--secondary-danger:focus .fa, .dark-mode .btn.btn--secondary-danger:focus .far, .dark-mode .btn.btn--secondary-danger:focus [class~='far']:not(.fab), .dark-mode .btn.btn--secondary-danger:focus .fal, .dark-mode .btn.btn--secondary-danger:focus [class*='fa-']:not(.fab), .dark-mode .btn.btn--secondary-danger:focus .fab, .dark-mode .btn.btn--secondary-danger:active .fa, .dark-mode .btn.btn--secondary-danger:active .far, .dark-mode .btn.btn--secondary-danger:active [class~='far']:not(.fab), .dark-mode .btn.btn--secondary-danger:active .fal, .dark-mode .btn.btn--secondary-danger:active [class*='fa-']:not(.fab), .dark-mode .btn.btn--secondary-danger:active .fab, .dark-mode .btn.btn--secondary-danger:hover .fa, .dark-mode .btn.btn--secondary-danger:hover .far, .dark-mode .btn.btn--secondary-danger:hover [class~='far']:not(.fab), .dark-mode .btn.btn--secondary-danger:hover .fal, .dark-mode .btn.btn--secondary-danger:hover [class*='fa-']:not(.fab), .dark-mode .btn.btn--secondary-danger:hover .fab, .dark-mode .btn.btn--danger-high:focus .fa, .dark-mode .btn.btn--danger-high:focus .far, .dark-mode .btn.btn--danger-high:focus [class~='far']:not(.fab), .dark-mode .btn.btn--danger-high:focus .fal, .dark-mode .btn.btn--danger-high:focus [class*='fa-']:not(.fab), .dark-mode .btn.btn--danger-high:focus .fab, .dark-mode .btn.btn--danger-high:active .fa, .dark-mode .btn.btn--danger-high:active .far, .dark-mode .btn.btn--danger-high:active [class~='far']:not(.fab), .dark-mode .btn.btn--danger-high:active .fal, .dark-mode .btn.btn--danger-high:active [class*='fa-']:not(.fab), .dark-mode .btn.btn--danger-high:active .fab, .dark-mode .btn.btn--danger-high:hover .fa, .dark-mode .btn.btn--danger-high:hover .far, .dark-mode .btn.btn--danger-high:hover [class~='far']:not(.fab), .dark-mode .btn.btn--danger-high:hover .fal, .dark-mode .btn.btn--danger-high:hover [class*='fa-']:not(.fab), .dark-mode .btn.btn--danger-high:hover .fab {
      color: #FF3259; }

.dark-mode .btn.btn--tooltip .btn__txt {
  background: #242424;
  color: #bcbcbc; }

.dark-mode .btn.btn--time-slot {
  color: #bcbcbc;
  border: 1px solid #555555; }
  .dark-mode .btn.btn--time-slot:hover {
    color: #f9f9f9; }

.dark-mode .btn.btn--secondary.btn--no-text {
  border-color: #555555; }
  @media (max-width: 1024px) {
    .dark-mode .btn.btn--secondary.btn--no-text {
      color: #f9f9f9;
      border-color: #555555;
      background: rgba(255, 255, 255, 0.2); } }
  .dark-mode .btn.btn--secondary.btn--no-text:hover {
    color: #0B3052;
    border: 1px solid #555555;
    background: rgba(241, 246, 255, 0.8); }

.dark-mode .btn.btn--no-text {
  backdrop-filter: none !important; }

.dark-mode .btn.btn-success {
  background-color: #19a25a;
  border-color: #19a25a; }
  .dark-mode .btn.btn-success:hover {
    background-color: #1dbc69;
    border-color: #1dbc69; }
  .dark-mode .btn.btn-success:disabled, .dark-mode .btn.btn-success.disabled {
    background-color: #63e6a1;
    border-color: #63e6a1; }

.dark-mode .btn.tutorial-video__big.btn-tutorial {
  background: rgba(11, 48, 82, 0.22);
  border-color: rgba(11, 48, 82, 0.34);
  color: #fff; }
  .dark-mode .btn.tutorial-video__big.btn-tutorial:hover {
    background: rgba(11, 48, 82, 0.36);
    border-color: rgba(11, 48, 82, 0.45); }

.dark-mode .sbpay-widget.theme-sb .sbpay--plan-item .sbpay--btn_change-plan + .sbpay--btn_buy-plan,
.dark-mode .sbpay-widget.theme-sb .sbpay--plan-item .sbpay--btn_edit-your-current-plan,
.dark-mode .react-confirm-alert-body-element .sbpay-btn.sbpay-btn--secondary,
.dark-mode .sbpay-widget .sbpay-btn.sbpay-btn--secondary,
.dark-mode .sbpay-widget .sbpay-btn--secondary.sbpay-help-center.sbpay-btn--no-text {
  color: #f9f9f9;
  border-color: #555555; }
  .dark-mode .sbpay-widget.theme-sb .sbpay--plan-item .sbpay--btn_change-plan + .sbpay--btn_buy-plan:hover, .dark-mode .sbpay-widget.theme-sb .sbpay--plan-item .sbpay--btn_change-plan + .sbpay--btn_buy-plan:active,
  .dark-mode .sbpay-widget.theme-sb .sbpay--plan-item .sbpay--btn_edit-your-current-plan:hover,
  .dark-mode .sbpay-widget.theme-sb .sbpay--plan-item .sbpay--btn_edit-your-current-plan:active,
  .dark-mode .react-confirm-alert-body-element .sbpay-btn.sbpay-btn--secondary:hover,
  .dark-mode .react-confirm-alert-body-element .sbpay-btn.sbpay-btn--secondary:active,
  .dark-mode .sbpay-widget .sbpay-btn.sbpay-btn--secondary:hover,
  .dark-mode .sbpay-widget .sbpay-btn.sbpay-btn--secondary:active,
  .dark-mode .sbpay-widget .sbpay-btn--secondary.sbpay-help-center.sbpay-btn--no-text:hover,
  .dark-mode .sbpay-widget .sbpay-btn--secondary.sbpay-help-center.sbpay-btn--no-text:active {
    color: #0B3052;
    border: 1px solid #555555;
    background: rgba(241, 246, 255, 0.7); }
  .dark-mode .sbpay-widget.theme-sb .sbpay--plan-item .sbpay--btn_change-plan + .sbpay--btn_buy-plan.btn--back:hover, .dark-mode .sbpay-widget.theme-sb .sbpay--plan-item .sbpay--btn_change-plan + .sbpay--btn_buy-plan.btn--back:active,
  .dark-mode .sbpay-widget.theme-sb .sbpay--plan-item .sbpay--btn_edit-your-current-plan.btn--back:hover,
  .dark-mode .sbpay-widget.theme-sb .sbpay--plan-item .sbpay--btn_edit-your-current-plan.btn--back:active,
  .dark-mode .react-confirm-alert-body-element .sbpay-btn.sbpay-btn--secondary.btn--back:hover,
  .dark-mode .react-confirm-alert-body-element .sbpay-btn.sbpay-btn--secondary.btn--back:active,
  .dark-mode .sbpay-widget .sbpay-btn.sbpay-btn--secondary.btn--back:hover,
  .dark-mode .sbpay-widget .sbpay-btn.sbpay-btn--secondary.btn--back:active,
  .dark-mode .sbpay-widget .sbpay-btn--secondary.sbpay-help-center.sbpay-btn--no-text.btn--back:hover,
  .dark-mode .sbpay-widget .sbpay-btn--secondary.sbpay-help-center.sbpay-btn--no-text.btn--back:active {
    color: #1d9ed1;
    border: none;
    background: transparent; }

.dark-mode .sbpay-widget.theme-sb .sbpay-section-header .sbpay-help-center {
  color: #0B3052;
  background: rgba(241, 246, 255, 0.8); }
  .dark-mode .sbpay-widget.theme-sb .sbpay-section-header .sbpay-help-center .ico, .dark-mode .sbpay-widget.theme-sb .sbpay-section-header .sbpay-help-center:before {
    color: #0B3052; }
  .dark-mode .sbpay-widget.theme-sb .sbpay-section-header .sbpay-help-center:hover, .dark-mode .sbpay-widget.theme-sb .sbpay-section-header .sbpay-help-center:focus {
    filter: brightness(90%); }
  .dark-mode .sbpay-widget.theme-sb .sbpay-section-header .sbpay-help-center.sbpay-btn--no-text {
    color: #f9f9f9;
    border: 1px solid #555555;
    background: transparent; }
    .dark-mode .sbpay-widget.theme-sb .sbpay-section-header .sbpay-help-center.sbpay-btn--no-text:hover, .dark-mode .sbpay-widget.theme-sb .sbpay-section-header .sbpay-help-center.sbpay-btn--no-text:active {
      color: #0B3052;
      border: 1px solid #555555;
      background: rgba(241, 246, 255, 0.7); }

.note-toolbar .btn {
  border-radius: 4px;
  padding: 4px 8px;
  min-height: 30px; }

body.dark-mode .modal-dialog {
  box-shadow: 2px 2px 15px rgba(45, 51, 72, 0.5);
  background-color: #1a1a1a; }

body.dark-mode .modal-content {
  background: #1a1a1a;
  color: #bcbcbc; }
  body.dark-mode .modal-content .custom-tabs {
    border-top: 1px solid #555555;
    border-bottom: 1px solid #555555; }
    @media (max-width: 700px) {
      body.dark-mode .modal-content .custom-tabs {
        border: 1px solid #555555; } }
    body.dark-mode .modal-content .custom-tabs > a {
      color: #caccd1; }
      body.dark-mode .modal-content .custom-tabs > a:first-child {
        border-left: 1px solid #555555; }
      body.dark-mode .modal-content .custom-tabs > a:last-child {
        border-right: 1px solid #555555; }
      body.dark-mode .modal-content .custom-tabs > a.active {
        border-right: 1px solid #555555;
        border-left: 1px solid #555555;
        background: #282828;
        color: #f9f9f9; }
      body.dark-mode .modal-content .custom-tabs > a:hover {
        color: #f9f9f9;
        background: transparent; }
        body.dark-mode .modal-content .custom-tabs > a:hover.active {
          border-color: #555555;
          background: #282828;
          color: #f9f9f9; }
      body.dark-mode .modal-content .custom-tabs > a.has-error, body.dark-mode .modal-content .custom-tabs > a.element-container.error-field, body.dark-mode .modal-content .custom-tabs > a.active.has-error, body.dark-mode .modal-content .custom-tabs > a.active.element-container.error-field {
        color: #ff3259;
        background-color: #FDEAEE; }
        body.dark-mode .modal-content .custom-tabs > a.has-error:hover, body.dark-mode .modal-content .custom-tabs > a.element-container.error-field:hover, body.dark-mode .modal-content .custom-tabs > a.has-error:focus, body.dark-mode .modal-content .custom-tabs > a.element-container.error-field:focus, body.dark-mode .modal-content .custom-tabs > a.active.has-error:hover, body.dark-mode .modal-content .custom-tabs > a.active.element-container.error-field:hover, body.dark-mode .modal-content .custom-tabs > a.active.has-error:focus, body.dark-mode .modal-content .custom-tabs > a.active.element-container.error-field:focus {
          color: #ff3259;
          background-color: #FDEAEE; }
    body.dark-mode .modal-content .custom-tabs li:first-child a {
      border-left: 1px solid #555555; }
      body.dark-mode .modal-content .custom-tabs li:first-child a.active {
        border: 1px solid #555555;
        background: #282828;
        color: #f9f9f9; }
    body.dark-mode .modal-content .custom-tabs li:last-child a {
      border-right: 1px solid #555555; }
      body.dark-mode .modal-content .custom-tabs li:last-child a.active {
        border: 1px solid #555555;
        background: #282828;
        color: #f9f9f9; }
    body.dark-mode .modal-content .custom-tabs li a {
      color: #caccd1;
      border-top: 1px solid #555555;
      border-bottom: 1px solid #555555; }
      body.dark-mode .modal-content .custom-tabs li a.active {
        border: 1px solid #555555;
        background: #282828;
        color: #f9f9f9; }
      body.dark-mode .modal-content .custom-tabs li a:hover {
        color: #f9f9f9; }
        body.dark-mode .modal-content .custom-tabs li a:hover.active {
          border: 1px solid #555555;
          background: #282828;
          color: #f9f9f9; }
      body.dark-mode .modal-content .custom-tabs li a.has-error, body.dark-mode .modal-content .custom-tabs li a.element-container.error-field, body.dark-mode .modal-content .custom-tabs li a.active.has-error, body.dark-mode .modal-content .custom-tabs li a.active.element-container.error-field {
        color: #ff3259;
        background-color: #FDEAEE; }
        body.dark-mode .modal-content .custom-tabs li a.has-error:hover, body.dark-mode .modal-content .custom-tabs li a.element-container.error-field:hover, body.dark-mode .modal-content .custom-tabs li a.has-error:focus, body.dark-mode .modal-content .custom-tabs li a.element-container.error-field:focus, body.dark-mode .modal-content .custom-tabs li a.active.has-error:hover, body.dark-mode .modal-content .custom-tabs li a.active.element-container.error-field:hover, body.dark-mode .modal-content .custom-tabs li a.active.has-error:focus, body.dark-mode .modal-content .custom-tabs li a.active.element-container.error-field:focus {
          color: #ff3259;
          background-color: #FDEAEE; }
  body.dark-mode .modal-content .custom-tabs li:last-child a.active.has-error, body.dark-mode .modal-content .custom-tabs li:last-child a.active.element-container.error-field,
  body.dark-mode .modal-content .custom-tabs li:first-child a.active.has-error,
  body.dark-mode .modal-content .custom-tabs li:first-child a.active.element-container.error-field {
    color: #ff3259;
    background-color: #FDEAEE; }
  body.dark-mode .modal-content .tab-content .alert-danger > div:before {
    color: #ff3259; }

body.dark-mode .modal-header {
  border-color: #06adef; }
  body.dark-mode .modal-header h3, body.dark-mode .modal-header h4, body.dark-mode .modal-header .modal-title {
    color: #f9f9f9; }

body.dark-mode .modal-footer .btn.btn-link.sb-back {
  background-color: #FF3259;
  border-color: #FF3259;
  font-weight: 500;
  color: #fff; }
  body.dark-mode .modal-footer .btn.btn-link.sb-back:hover {
    background-color: #ff5b7a;
    border-color: #ff5b7a;
    color: #fff; }
  body.dark-mode .modal-footer .btn.btn-link.sb-back:disabled, body.dark-mode .modal-footer .btn.btn-link.sb-back.disabled {
    background-color: #ff99ac;
    border-color: #ff99ac;
    color: #fff; }

body.dark-mode .modal-backdrop {
  background-color: rgba(11, 48, 82, 0.44) !important; }

body.dark-mode .modal .btn-group.dropup .dropdown-toggle {
  border-left: 1px solid #fff; }

body.dark-mode .modal .btn-group.dropup .btn-primary:disabled + .btn-primary.dropdown-toggle, body.dark-mode .modal .btn-group.dropup .btn.active:disabled:not(:disabled):not(.disabled):not([disabled]) + .btn-primary.dropdown-toggle, body.dark-mode .modal .btn-group.dropup .btn-primary:disabled + .dropdown-toggle.btn.active:not(:disabled):not(.disabled):not([disabled]), body.dark-mode .modal .btn-group.dropup .btn.active:disabled:not(:disabled):not(.disabled):not([disabled]) + .dropdown-toggle.btn.active:not(:disabled):not(.disabled):not([disabled]) {
  background-color: #83d6f7;
  border-color: #83d6f7; }

body.dark-mode .popup--promote-admin-app--shape {
  background: #242424; }

.modal-backdrop {
  background-color: rgba(11, 48, 82, 0.2);
  opacity: 1; }
  .modal-backdrop.fade.show, .modal-backdrop.fade.in {
    background-color: rgba(11, 48, 82, 0.2);
    opacity: 1; }

.modal-content {
  color: #0B3052;
  font-size: 14px; }
  .modal-content > .modal-body--scroll-box {
    padding: 0;
    flex: 1 1 auto;
    margin-bottom: 20px;
    margin-left: -10px;
    margin-right: -10px; }
    .modal-content > .modal-body--scroll-box .modal-body {
      padding: 2px 15px;
      margin: 0;
      overflow: auto;
      max-height: calc(99vh - 268px);
      scrollbar-width: thin;
      scrollbar-color: #788291 #ABBCCC; }
      .modal-content > .modal-body--scroll-box .modal-body::-webkit-scrollbar {
        width: 4px;
        height: 4px; }
        .modal-content > .modal-body--scroll-box .modal-body::-webkit-scrollbar-track {
          background-clip: content-box;
          border: 1px solid transparent; }
        .modal-content > .modal-body--scroll-box .modal-body::-webkit-scrollbar-thumb {
          background-color: #788291;
          cursor: pointer; }
          .modal-content > .modal-body--scroll-box .modal-body::-webkit-scrollbar-thumb:hover {
            background-color: #6c7583; }
        .modal-content > .modal-body--scroll-box .modal-body::-webkit-scrollbar-corner, .modal-content > .modal-body--scroll-box .modal-body::-webkit-scrollbar-track {
          background-color: #ABBCCC; }
      .modal-content > .modal-body--scroll-box .modal-body .iti__dropdown-content {
        position: fixed; }

.modal-body .alert-note {
  font-style: italic;
  border-radius: 5px;
  padding: 12px !important;
  margin-bottom: 20px; }

.modal-body .p, .modal-body .list-item {
  font-size: 14px;
  margin-bottom: 6px; }

.modal-body .list {
  margin-bottom: 12px;
  width: 100%; }
  .modal-body .list .list-item {
    margin-bottom: 5px;
    padding-left: 25px !important; }
    .modal-body .list .list-item:before {
      left: 1px !important; }

.modal-body .scrolled-data-list {
  max-height: unset; }

.modal-footer .btn-bar {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px 8px; }
  @media (min-width: 767px) {
    .modal-footer .btn-bar {
      justify-content: flex-end; } }

.modal-footer .btn {
  margin: 0 !important;
  padding: 4px 25px;
  font-size: 14px;
  font-weight: normal;
  border-radius: 30px; }

@media (min-width: 767px) {
  .modal-footer {
    justify-content: flex-end; } }

.modal .modal-header .close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-shadow: none;
  opacity: 1;
  transition: all .3s ease;
  font-size: 0;
  height: 36px;
  width: 36px;
  min-height: 36px;
  min-width: 36px;
  position: relative;
  margin: 0 0 0 auto;
  padding: 0;
  order: 10; }
  .modal .modal-header .close:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    color: #caccd1;
    font-size: 16px;
    content: "\f00d"; }
  .modal .modal-header .close .icon,
  .modal .modal-header .close .btn--txt {
    display: none; }
  .modal .modal-header .close:hover, .modal .modal-header .close:focus {
    color: #0B3052;
    outline: none; }
    .modal .modal-header .close:hover:before, .modal .modal-header .close:hover:after, .modal .modal-header .close:focus:before, .modal .modal-header .close:focus:after {
      color: #FF3259; }

.modal .modal-footer .btn-link:hover {
  text-decoration: none;
  background-color: rgba(6, 173, 239, 0.22);
  opacity: 1;
  color: #06ADEF; }

.modal .modal-footer .btn-link:focus {
  text-decoration: none; }

.modal .custom-modal-title .modal-header {
  position: relative;
  min-height: 53px;
  background-color: #fff;
  border-bottom: none;
  text-align: center; }
  .modal .custom-modal-title .modal-header .close {
    color: #2c3547;
    position: absolute;
    top: 1rem;
    right: 1rem; }
    .modal .custom-modal-title .modal-header .close:after, .modal .custom-modal-title .modal-header .close:before {
      background: #2c3547; }
  .modal .custom-modal-title .modal-header .modal-title {
    font-size: 30px;
    text-align: center;
    color: #06acee;
    font-family: "Caveat", cursive;
    width: 100%;
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 30px; }

.modal .default-confirm-modal .btn-link {
  padding-left: 32px;
  padding-right: 32px; }

.modal .default-confirm-modal .btn-primary, .modal .default-confirm-modal .btn-group .btn.active:not(:disabled):not(.disabled):not([disabled]), .btn-group .modal .default-confirm-modal .btn.active:not(:disabled):not(.disabled):not([disabled]) {
  padding-left: 43px;
  padding-right: 43px; }

.modal .jcrop-holder {
  margin: 0 auto; }

.modal .nav-pills .nav-item, .modal .nav-pills ul.nav-tabs > li {
  margin-right: 4px;
  margin-bottom: 4px; }
  .modal .nav-pills .nav-item .nav-link, .modal .nav-pills ul.nav-tabs > li .nav-link, .modal .nav-pills .nav-item ul.nav-tabs > li > a, .modal .nav-pills ul.nav-tabs > li > a {
    transition: all .3s ease; }
    .modal .nav-pills .nav-item .nav-link:hover, .modal .nav-pills ul.nav-tabs > li .nav-link:hover, .modal .nav-pills .nav-item ul.nav-tabs > li > a:hover, .modal .nav-pills ul.nav-tabs > li > a:hover {
      color: #06ADEF;
      background-color: rgba(6, 173, 239, 0.22); }
    .modal .nav-pills .nav-item .nav-link.active:hover, .modal .nav-pills ul.nav-tabs > li .nav-link.active:hover, .modal .nav-pills .nav-item ul.nav-tabs > li > a.active:hover, .modal .nav-pills ul.nav-tabs > li > a.active:hover {
      background-color: #06ADEF;
      color: #fff; }

.modal-backdrop {
  background-color: rgba(11, 48, 82, 0.2) !important; }

.cyber-monday-popup-overlay, .taiwan-marketing-popup-overlay {
  padding: 15px;
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9999; }
  .cyber-monday-popup-overlay .cyber-popup, .cyber-monday-popup-overlay .taiwan-promo-popup, .taiwan-marketing-popup-overlay .cyber-popup, .taiwan-marketing-popup-overlay .taiwan-promo-popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 640px;
    min-height: 250px;
    background: url("/v2/images/simplybook/cyber-monday/cyber-monday-bg.svg") no-repeat;
    background-size: cover;
    animation-delay: 0.3s;
    animation: cyberPopup 1s ease-in-out; }
    @media (max-width: 767px) {
      .cyber-monday-popup-overlay .cyber-popup, .cyber-monday-popup-overlay .taiwan-promo-popup, .taiwan-marketing-popup-overlay .cyber-popup, .taiwan-marketing-popup-overlay .taiwan-promo-popup {
        top: 15px;
        transform: translate(0, 0);
        left: 0;
        right: 0;
        margin: 15px;
        width: auto;
        max-width: 100%; } }
    .cyber-monday-popup-overlay .cyber-popup .cyber-popup--body, .cyber-monday-popup-overlay .cyber-popup .taiwan-promo-popup-body, .cyber-monday-popup-overlay .taiwan-promo-popup .cyber-popup--body, .cyber-monday-popup-overlay .taiwan-promo-popup .taiwan-promo-popup-body, .taiwan-marketing-popup-overlay .cyber-popup .cyber-popup--body, .taiwan-marketing-popup-overlay .cyber-popup .taiwan-promo-popup-body, .taiwan-marketing-popup-overlay .taiwan-promo-popup .cyber-popup--body, .taiwan-marketing-popup-overlay .taiwan-promo-popup .taiwan-promo-popup-body {
      text-align: center; }
      .cyber-monday-popup-overlay .cyber-popup .cyber-popup--body .cyber-popup--header, .cyber-monday-popup-overlay .cyber-popup .cyber-popup--body .taiwan-promo-popup-header, .cyber-monday-popup-overlay .cyber-popup .taiwan-promo-popup-body .cyber-popup--header, .cyber-monday-popup-overlay .cyber-popup .taiwan-promo-popup-body .taiwan-promo-popup-header, .cyber-monday-popup-overlay .taiwan-promo-popup .cyber-popup--body .cyber-popup--header, .cyber-monday-popup-overlay .taiwan-promo-popup .cyber-popup--body .taiwan-promo-popup-header, .cyber-monday-popup-overlay .taiwan-promo-popup .taiwan-promo-popup-body .cyber-popup--header, .cyber-monday-popup-overlay .taiwan-promo-popup .taiwan-promo-popup-body .taiwan-promo-popup-header, .taiwan-marketing-popup-overlay .cyber-popup .cyber-popup--body .cyber-popup--header, .taiwan-marketing-popup-overlay .cyber-popup .cyber-popup--body .taiwan-promo-popup-header, .taiwan-marketing-popup-overlay .cyber-popup .taiwan-promo-popup-body .cyber-popup--header, .taiwan-marketing-popup-overlay .cyber-popup .taiwan-promo-popup-body .taiwan-promo-popup-header, .taiwan-marketing-popup-overlay .taiwan-promo-popup .cyber-popup--body .cyber-popup--header, .taiwan-marketing-popup-overlay .taiwan-promo-popup .cyber-popup--body .taiwan-promo-popup-header, .taiwan-marketing-popup-overlay .taiwan-promo-popup .taiwan-promo-popup-body .cyber-popup--header, .taiwan-marketing-popup-overlay .taiwan-promo-popup .taiwan-promo-popup-body .taiwan-promo-popup-header {
        position: relative; }
        .cyber-monday-popup-overlay .cyber-popup .cyber-popup--body .cyber-popup--header .close-popup, .cyber-monday-popup-overlay .cyber-popup .cyber-popup--body .taiwan-promo-popup-header .close-popup, .cyber-monday-popup-overlay .cyber-popup .taiwan-promo-popup-body .cyber-popup--header .close-popup, .cyber-monday-popup-overlay .cyber-popup .taiwan-promo-popup-body .taiwan-promo-popup-header .close-popup, .cyber-monday-popup-overlay .taiwan-promo-popup .cyber-popup--body .cyber-popup--header .close-popup, .cyber-monday-popup-overlay .taiwan-promo-popup .cyber-popup--body .taiwan-promo-popup-header .close-popup, .cyber-monday-popup-overlay .taiwan-promo-popup .taiwan-promo-popup-body .cyber-popup--header .close-popup, .cyber-monday-popup-overlay .taiwan-promo-popup .taiwan-promo-popup-body .taiwan-promo-popup-header .close-popup, .taiwan-marketing-popup-overlay .cyber-popup .cyber-popup--body .cyber-popup--header .close-popup, .taiwan-marketing-popup-overlay .cyber-popup .cyber-popup--body .taiwan-promo-popup-header .close-popup, .taiwan-marketing-popup-overlay .cyber-popup .taiwan-promo-popup-body .cyber-popup--header .close-popup, .taiwan-marketing-popup-overlay .cyber-popup .taiwan-promo-popup-body .taiwan-promo-popup-header .close-popup, .taiwan-marketing-popup-overlay .taiwan-promo-popup .cyber-popup--body .cyber-popup--header .close-popup, .taiwan-marketing-popup-overlay .taiwan-promo-popup .cyber-popup--body .taiwan-promo-popup-header .close-popup, .taiwan-marketing-popup-overlay .taiwan-promo-popup .taiwan-promo-popup-body .cyber-popup--header .close-popup, .taiwan-marketing-popup-overlay .taiwan-promo-popup .taiwan-promo-popup-body .taiwan-promo-popup-header .close-popup {
          position: absolute;
          top: 15px;
          right: 15px;
          background: transparent;
          outline: none !important;
          border: none;
          height: 50px;
          width: 50px;
          line-height: 1;
          color: #ef3558;
          text-shadow: 0 0 10px #9C27B0, 0 0 10px #e89caa;
          font-size: 40px; }
          .cyber-monday-popup-overlay .cyber-popup .cyber-popup--body .cyber-popup--header .close-popup .ico, .cyber-monday-popup-overlay .cyber-popup .cyber-popup--body .taiwan-promo-popup-header .close-popup .ico, .cyber-monday-popup-overlay .cyber-popup .taiwan-promo-popup-body .cyber-popup--header .close-popup .ico, .cyber-monday-popup-overlay .cyber-popup .taiwan-promo-popup-body .taiwan-promo-popup-header .close-popup .ico, .cyber-monday-popup-overlay .taiwan-promo-popup .cyber-popup--body .cyber-popup--header .close-popup .ico, .cyber-monday-popup-overlay .taiwan-promo-popup .cyber-popup--body .taiwan-promo-popup-header .close-popup .ico, .cyber-monday-popup-overlay .taiwan-promo-popup .taiwan-promo-popup-body .cyber-popup--header .close-popup .ico, .cyber-monday-popup-overlay .taiwan-promo-popup .taiwan-promo-popup-body .taiwan-promo-popup-header .close-popup .ico, .taiwan-marketing-popup-overlay .cyber-popup .cyber-popup--body .cyber-popup--header .close-popup .ico, .taiwan-marketing-popup-overlay .cyber-popup .cyber-popup--body .taiwan-promo-popup-header .close-popup .ico, .taiwan-marketing-popup-overlay .cyber-popup .taiwan-promo-popup-body .cyber-popup--header .close-popup .ico, .taiwan-marketing-popup-overlay .cyber-popup .taiwan-promo-popup-body .taiwan-promo-popup-header .close-popup .ico, .taiwan-marketing-popup-overlay .taiwan-promo-popup .cyber-popup--body .cyber-popup--header .close-popup .ico, .taiwan-marketing-popup-overlay .taiwan-promo-popup .cyber-popup--body .taiwan-promo-popup-header .close-popup .ico, .taiwan-marketing-popup-overlay .taiwan-promo-popup .taiwan-promo-popup-body .cyber-popup--header .close-popup .ico, .taiwan-marketing-popup-overlay .taiwan-promo-popup .taiwan-promo-popup-body .taiwan-promo-popup-header .close-popup .ico {
            font-weight: 400; }
      .cyber-monday-popup-overlay .cyber-popup .cyber-popup--body .cyber-popup--content, .cyber-monday-popup-overlay .cyber-popup .cyber-popup--body .taiwan-promo-popup-content, .cyber-monday-popup-overlay .cyber-popup .taiwan-promo-popup-body .cyber-popup--content, .cyber-monday-popup-overlay .cyber-popup .taiwan-promo-popup-body .taiwan-promo-popup-content, .cyber-monday-popup-overlay .taiwan-promo-popup .cyber-popup--body .cyber-popup--content, .cyber-monday-popup-overlay .taiwan-promo-popup .cyber-popup--body .taiwan-promo-popup-content, .cyber-monday-popup-overlay .taiwan-promo-popup .taiwan-promo-popup-body .cyber-popup--content, .cyber-monday-popup-overlay .taiwan-promo-popup .taiwan-promo-popup-body .taiwan-promo-popup-content, .taiwan-marketing-popup-overlay .cyber-popup .cyber-popup--body .cyber-popup--content, .taiwan-marketing-popup-overlay .cyber-popup .cyber-popup--body .taiwan-promo-popup-content, .taiwan-marketing-popup-overlay .cyber-popup .taiwan-promo-popup-body .cyber-popup--content, .taiwan-marketing-popup-overlay .cyber-popup .taiwan-promo-popup-body .taiwan-promo-popup-content, .taiwan-marketing-popup-overlay .taiwan-promo-popup .cyber-popup--body .cyber-popup--content, .taiwan-marketing-popup-overlay .taiwan-promo-popup .cyber-popup--body .taiwan-promo-popup-content, .taiwan-marketing-popup-overlay .taiwan-promo-popup .taiwan-promo-popup-body .cyber-popup--content, .taiwan-marketing-popup-overlay .taiwan-promo-popup .taiwan-promo-popup-body .taiwan-promo-popup-content {
        padding: 50px 20px;
        text-align: center; }
        .cyber-monday-popup-overlay .cyber-popup .cyber-popup--body .cyber-popup--content .cyber-monday-logo, .cyber-monday-popup-overlay .cyber-popup .cyber-popup--body .taiwan-promo-popup-content .cyber-monday-logo, .cyber-monday-popup-overlay .cyber-popup .taiwan-promo-popup-body .cyber-popup--content .cyber-monday-logo, .cyber-monday-popup-overlay .cyber-popup .taiwan-promo-popup-body .taiwan-promo-popup-content .cyber-monday-logo, .cyber-monday-popup-overlay .taiwan-promo-popup .cyber-popup--body .cyber-popup--content .cyber-monday-logo, .cyber-monday-popup-overlay .taiwan-promo-popup .cyber-popup--body .taiwan-promo-popup-content .cyber-monday-logo, .cyber-monday-popup-overlay .taiwan-promo-popup .taiwan-promo-popup-body .cyber-popup--content .cyber-monday-logo, .cyber-monday-popup-overlay .taiwan-promo-popup .taiwan-promo-popup-body .taiwan-promo-popup-content .cyber-monday-logo, .taiwan-marketing-popup-overlay .cyber-popup .cyber-popup--body .cyber-popup--content .cyber-monday-logo, .taiwan-marketing-popup-overlay .cyber-popup .cyber-popup--body .taiwan-promo-popup-content .cyber-monday-logo, .taiwan-marketing-popup-overlay .cyber-popup .taiwan-promo-popup-body .cyber-popup--content .cyber-monday-logo, .taiwan-marketing-popup-overlay .cyber-popup .taiwan-promo-popup-body .taiwan-promo-popup-content .cyber-monday-logo, .taiwan-marketing-popup-overlay .taiwan-promo-popup .cyber-popup--body .cyber-popup--content .cyber-monday-logo, .taiwan-marketing-popup-overlay .taiwan-promo-popup .cyber-popup--body .taiwan-promo-popup-content .cyber-monday-logo, .taiwan-marketing-popup-overlay .taiwan-promo-popup .taiwan-promo-popup-body .cyber-popup--content .cyber-monday-logo, .taiwan-marketing-popup-overlay .taiwan-promo-popup .taiwan-promo-popup-body .taiwan-promo-popup-content .cyber-monday-logo {
          margin-bottom: 30px;
          max-width: 360px; }
        .cyber-monday-popup-overlay .cyber-popup .cyber-popup--body .cyber-popup--content .taiwan-marketing-logo, .cyber-monday-popup-overlay .cyber-popup .cyber-popup--body .taiwan-promo-popup-content .taiwan-marketing-logo, .cyber-monday-popup-overlay .cyber-popup .taiwan-promo-popup-body .cyber-popup--content .taiwan-marketing-logo, .cyber-monday-popup-overlay .cyber-popup .taiwan-promo-popup-body .taiwan-promo-popup-content .taiwan-marketing-logo, .cyber-monday-popup-overlay .taiwan-promo-popup .cyber-popup--body .cyber-popup--content .taiwan-marketing-logo, .cyber-monday-popup-overlay .taiwan-promo-popup .cyber-popup--body .taiwan-promo-popup-content .taiwan-marketing-logo, .cyber-monday-popup-overlay .taiwan-promo-popup .taiwan-promo-popup-body .cyber-popup--content .taiwan-marketing-logo, .cyber-monday-popup-overlay .taiwan-promo-popup .taiwan-promo-popup-body .taiwan-promo-popup-content .taiwan-marketing-logo, .taiwan-marketing-popup-overlay .cyber-popup .cyber-popup--body .cyber-popup--content .taiwan-marketing-logo, .taiwan-marketing-popup-overlay .cyber-popup .cyber-popup--body .taiwan-promo-popup-content .taiwan-marketing-logo, .taiwan-marketing-popup-overlay .cyber-popup .taiwan-promo-popup-body .cyber-popup--content .taiwan-marketing-logo, .taiwan-marketing-popup-overlay .cyber-popup .taiwan-promo-popup-body .taiwan-promo-popup-content .taiwan-marketing-logo, .taiwan-marketing-popup-overlay .taiwan-promo-popup .cyber-popup--body .cyber-popup--content .taiwan-marketing-logo, .taiwan-marketing-popup-overlay .taiwan-promo-popup .cyber-popup--body .taiwan-promo-popup-content .taiwan-marketing-logo, .taiwan-marketing-popup-overlay .taiwan-promo-popup .taiwan-promo-popup-body .cyber-popup--content .taiwan-marketing-logo, .taiwan-marketing-popup-overlay .taiwan-promo-popup .taiwan-promo-popup-body .taiwan-promo-popup-content .taiwan-marketing-logo {
          margin-bottom: 30px;
          width: 500px; }
  .cyber-monday-popup-overlay .taiwan-promo-popup, .taiwan-marketing-popup-overlay .taiwan-promo-popup {
    background: #ffffff; }
  .cyber-monday-popup-overlay .taiwan-promo-popup-header button.close-popup, .taiwan-marketing-popup-overlay .taiwan-promo-popup-header button.close-popup {
    text-shadow: none !important;
    color: rgba(255, 64, 99, 0.77) !important;
    transition: all .3s ease;
    cursor: pointer; }
    .cyber-monday-popup-overlay .taiwan-promo-popup-header button.close-popup:hover, .taiwan-marketing-popup-overlay .taiwan-promo-popup-header button.close-popup:hover {
      color: #ff3d61 !important;
      opacity: 1; }
  .cyber-monday-popup-overlay .cyber-button, .cyber-monday-popup-overlay .taiwan-promo-button, .taiwan-marketing-popup-overlay .cyber-button, .taiwan-marketing-popup-overlay .taiwan-promo-button {
    position: relative;
    background: rgba(206, 50, 232, 0.66);
    border: 1px solid #c832e2;
    box-shadow: 0 0 70px 0 rgba(236, 128, 255, 0.5), inset 0 0 24px 0 #df23ff !important;
    text-shadow: 0 0 20px #9C27B0, 0 0 10px #e89caa;
    text-align: center;
    padding: 17px 45px;
    border-radius: 30px;
    font-weight: 700;
    color: #fff;
    font-size: 22px;
    line-height: 25px;
    display: inline-block;
    transition: all .3s ease;
    cursor: pointer; }
    .cyber-monday-popup-overlay .cyber-button:hover, .cyber-monday-popup-overlay .taiwan-promo-button:hover, .taiwan-marketing-popup-overlay .cyber-button:hover, .taiwan-marketing-popup-overlay .taiwan-promo-button:hover {
      background: rgba(206, 50, 232, 0.8);
      opacity: 1; }
    @media (max-width: 767px) {
      .cyber-monday-popup-overlay .cyber-button, .cyber-monday-popup-overlay .taiwan-promo-button, .taiwan-marketing-popup-overlay .cyber-button, .taiwan-marketing-popup-overlay .taiwan-promo-button {
        font-size: 18px; } }
  .cyber-monday-popup-overlay .taiwan-promo-button, .taiwan-marketing-popup-overlay .taiwan-promo-button {
    background: rgba(255, 64, 99, 0.77);
    border: none;
    box-shadow: none !important;
    text-shadow: none; }
    .cyber-monday-popup-overlay .taiwan-promo-button:hover, .taiwan-marketing-popup-overlay .taiwan-promo-button:hover {
      background: #ff3d61;
      opacity: 1; }

.upsell-modal {
  max-width: 650px; }
  @media (max-width: 767px) {
    .upsell-modal {
      max-width: 90%;
      margin: 15px auto; } }
  .upsell-modal__body {
    padding: 0 40px; }
    @media (max-width: 767px) {
      .upsell-modal__body {
        padding: 0 20px; } }
  .upsell-modal__header {
    max-width: 300px;
    margin: 0 auto 25px; }
    .upsell-modal__header--wide {
      max-width: 360px; }
    @media (max-width: 767px) {
      .upsell-modal__header {
        margin-bottom: 20px; } }
  .upsell-modal__title {
    margin-bottom: 5px;
    font-family: 'Mulish', sans-serif;
    font-size: 30px;
    font-weight: 700;
    text-align: center; }
    @media (max-width: 767px) {
      .upsell-modal__title {
        font-size: 24px; } }
  .upsell-modal__subtitle {
    margin-bottom: 0;
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;
    text-align: center; }
    .upsell-modal__subtitle--green {
      color: #61D48D; }
  .upsell-modal__image img {
    margin: 0 auto; }
  .upsell-modal__image-mob {
    display: none; }
    @media (max-width: 767px) {
      .upsell-modal__image-mob {
        display: block; } }
  .upsell-modal__image-desktop {
    display: block; }
    @media (max-width: 767px) {
      .upsell-modal__image-desktop {
        display: none; } }
  .upsell-modal__btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px; }
    @media (max-width: 767px) {
      .upsell-modal__btn-wrapper {
        flex-direction: column-reverse;
        margin-top: 25px; } }
  .upsell-modal__btn {
    position: relative;
    overflow: hidden;
    font-size: 16px;
    min-height: 45px;
    line-height: 1;
    letter-spacing: .01em;
    font-family: 'Mulish',sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    display: inline-flex;
    align-items: center;
    padding: 12px 35px;
    border-radius: 50px;
    outline: 0;
    border: none;
    color: #253246;
    cursor: pointer;
    text-decoration: none;
    transition: all .22s ease; }
    @media (max-width: 767px) {
      .upsell-modal__btn {
        margin: 5px 0; } }
    .upsell-modal__btn:hover {
      color: inherit;
      text-decoration: none; }
    .upsell-modal__btn--primary {
      color: #fff;
      background: #06adef; }
      .upsell-modal__btn--primary:hover {
        color: #fff; }
  .upsell-modal .modal-header {
    border-radius: 20px 20px 0 0; }
    .upsell-modal .modal-header .close {
      top: 30px !important;
      right: 25px !important;
      transform: scale(1.4) !important; }
      @media (max-width: 767px) {
        .upsell-modal .modal-header .close {
          transform: scale(1.6) !important; } }
      .upsell-modal .modal-header .close:before, .upsell-modal .modal-header .close:after {
        background: #ff3259 !important; }
  .upsell-modal .modal-content {
    border-radius: 20px; }

@keyframes cyberPopup {
  0% {
    top: -50%;
    opacity: .4;
    zoom: .8; }
  100% {
    opacity: 1;
    zoom: 1;
    top: 50%; } }

@media (max-width: 767px) {
  @keyframes cyberPopup {
    0% {
      top: -50%;
      opacity: .4;
      zoom: .8; }
    100% {
      opacity: 1;
      zoom: 1;
      top: 15px; } } }

.modal--preview-selected-image .uploader-crop-block {
  display: block;
  text-align: center; }
  .modal--preview-selected-image .uploader-crop-block img {
    min-height: 130px; }

.export-settings-modal .dropdown-group {
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 480px) {
    .export-settings-modal .dropdown-group {
      flex-direction: column; } }
  .export-settings-modal .dropdown-group .dropdown-item, .export-settings-modal .dropdown-group .combobox-container .dropdown-menu li a, .combobox-container .dropdown-menu li .export-settings-modal .dropdown-group a {
    display: flex;
    width: 100%;
    max-width: 50%;
    margin-bottom: 10px;
    text-align: left;
    white-space: normal; }
    .export-settings-modal .dropdown-group .dropdown-item input, .export-settings-modal .dropdown-group .combobox-container .dropdown-menu li a input, .combobox-container .dropdown-menu li .export-settings-modal .dropdown-group a input {
      margin-right: 5px; }

.modal.form-container .modal-content > .modal-body--scroll-box .modal-body .tab-content .tab-pane,
.modal-dialog.booking-info .modal-content > .modal-body--scroll-box .modal-body .tab-content .tab-pane {
  padding-left: 15px;
  padding-right: 15px; }
  .modal.form-container .modal-content > .modal-body--scroll-box .modal-body .tab-content .tab-pane.client-tab .client-combobox-container,
  .modal-dialog.booking-info .modal-content > .modal-body--scroll-box .modal-body .tab-content .tab-pane.client-tab .client-combobox-container {
    min-height: 310px; }
    .modal.form-container .modal-content > .modal-body--scroll-box .modal-body .tab-content .tab-pane.client-tab .client-combobox-container.--has-value,
    .modal-dialog.booking-info .modal-content > .modal-body--scroll-box .modal-body .tab-content .tab-pane.client-tab .client-combobox-container.--has-value {
      min-height: auto; }

.popup--promote-admin-app .modal-dialog {
  position: relative;
  overflow: hidden;
  background: #fff; }
  .popup--promote-admin-app .modal-dialog .modal-content {
    position: relative;
    z-index: 2;
    background: transparent; }
    .popup--promote-admin-app .modal-dialog .modal-content .modal-body {
      max-height: calc(99vh - 140px); }

.popup--promote-admin-app .modal-dialog .modal-content .modal-header {
  border-bottom: none;
  margin: 0; }
  .popup--promote-admin-app .modal-dialog .modal-content .modal-header .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10; }

.popup--promote-admin-app--shape {
  position: absolute;
  border-radius: 50%;
  background: #f1f6ff;
  aspect-ratio: 1/1;
  z-index: 1; }
  .popup--promote-admin-app--shape-one {
    width: 150px;
    left: 20%;
    top: -8%; }
    @media (max-width: 820px) {
      .popup--promote-admin-app--shape-one {
        right: -8%;
        left: auto; } }
  .popup--promote-admin-app--shape-second {
    display: none; }
    @media (min-width: 820px) {
      .popup--promote-admin-app--shape-second {
        display: block;
        width: 660px;
        top: 50%;
        right: 0;
        transform: translate(25%, -50%); } }
  .popup--promote-admin-app--shape-third {
    width: 235px;
    left: -10%;
    bottom: -10%; }

.popup--promote-admin-app-grid {
  display: flex;
  gap: 30px;
  align-items: center; }
  @media (max-width: 820px) {
    .popup--promote-admin-app-grid {
      flex-direction: column;
      align-items: center;
      justify-content: center; } }

.popup--promote-admin-app-content {
  flex: 1; }
  .popup--promote-admin-app-content .title {
    margin-bottom: 10px;
    font-size: 20px; }
    @media (max-width: 767px) {
      .popup--promote-admin-app-content .title {
        padding-right: 50px; } }
  .popup--promote-admin-app-content .p {
    margin-bottom: 12px; }
    .popup--promote-admin-app-content .p.bold {
      font-weight: 500; }
    @media (max-width: 820px) {
      .popup--promote-admin-app-content .p.hide-on-mob {
        display: none; } }
  .popup--promote-admin-app-content .popup--promote-admin-app-qrs {
    display: none; }
    @media (min-width: 820px) {
      .popup--promote-admin-app-content .popup--promote-admin-app-qrs {
        display: flex; } }

.popup--promote-admin-app-preview {
  max-width: 364px;
  text-align: center; }
  .popup--promote-admin-app-preview img {
    max-height: 415px; }
  .popup--promote-admin-app-preview .shove-on-mob {
    display: none; }
    @media (max-width: 820px) {
      .popup--promote-admin-app-preview .shove-on-mob {
        display: block; } }
  .popup--promote-admin-app-preview .popup--promote-admin-app-qrs {
    display: flex;
    padding-top: 12px; }
    @media (min-width: 820px) {
      .popup--promote-admin-app-preview .popup--promote-admin-app-qrs {
        display: none; } }

.popup--promote-admin-app-picture {
  display: inline-block; }
  .popup--promote-admin-app-picture img {
    max-width: 100%;
    height: auto; }

.popup--promote-admin-app-qrs {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 20px; }
  @media (min-width: 767px) {
    .popup--promote-admin-app-qrs {
      justify-content: flex-start; } }
  .popup--promote-admin-app-qrs-item {
    flex: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 16px; }
    @media (min-width: 767px) {
      .popup--promote-admin-app-qrs-item {
        flex: unset; } }
    .popup--promote-admin-app-qrs-item picture {
      padding: 8px;
      border-radius: 5px;
      background: #fff; }
      .popup--promote-admin-app-qrs-item picture img {
        max-height: 156px; }
    .popup--promote-admin-app-qrs-item .app-links__link {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1px;
      border-radius: 5px;
      background: #10151e; }
      .popup--promote-admin-app-qrs-item .app-links__link:hover {
        background: #253246; }
      .popup--promote-admin-app-qrs-item .app-links__link img {
        height: 45px; }

.popup--promote-admin-app .wp-connect-logo {
  width: 35%;
  display: block;
  margin: 0 auto;
  margin-bottom: 20px; }
  .popup--promote-admin-app .wp-connect-logo img {
    max-width: 100%;
    height: auto; }

.modal-dialog #modal--widget-code .tab-pane > .title--h3 {
  margin-bottom: 14px; }

.modal-dialog #modal--widget-code .hljs-copy-button {
  background-color: #06adef;
  border-radius: 50%;
  height: 36px;
  min-width: 36px;
  padding: 4px 8px;
  text-align: center;
  border: none;
  outline: none !important;
  top: 2px !important;
  right: 6px !important;
  transform: none !important;
  background-image: none !important;
  cursor: pointer; }
  .modal-dialog #modal--widget-code .hljs-copy-button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 16px;
    content: "\f0c5"; }

.modal-dialog #modal--widget-code .hljs-copy-button[data-copied="true"] {
  border-radius: 8px; }
  .modal-dialog #modal--widget-code .hljs-copy-button[data-copied="true"]:before {
    opacity: 0; }

.modal-dialog #modal--widget-code .hljs-copy-wrapper {
  white-space: normal;
  word-break: break-word; }

.modal-dialog #modal--widget-code .hljs-ln {
  min-width: 480px; }
  .modal-dialog #modal--widget-code .hljs-ln .hljs-string {
    display: inline-block; }

.modal-dialog #modal--widget-code .hljs {
  background: #f8faff;
  word-break: break-word; }

.modal-dialog #modal--widget-code .section__cover-content {
  border-radius: 8px; }
  .modal-dialog #modal--widget-code .section__cover-content.lighter {
    background: #f8faff; }
  .modal-dialog #modal--widget-code .section__cover-content.-p-10 {
    padding: 10px; }

.modal-dialog #modal--widget-code pre code.hljs {
  scrollbar-width: thin;
  scrollbar-color: #788291 #ABBCCC; }
  .modal-dialog #modal--widget-code pre code.hljs::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
    .modal-dialog #modal--widget-code pre code.hljs::-webkit-scrollbar-track {
      background-clip: content-box;
      border: 1.5px solid transparent; }
    .modal-dialog #modal--widget-code pre code.hljs::-webkit-scrollbar-thumb {
      background-color: #788291;
      cursor: pointer; }
      .modal-dialog #modal--widget-code pre code.hljs::-webkit-scrollbar-thumb:hover {
        background-color: #6c7583; }
    .modal-dialog #modal--widget-code pre code.hljs::-webkit-scrollbar-corner, .modal-dialog #modal--widget-code pre code.hljs::-webkit-scrollbar-track {
      background-color: #ABBCCC; }

.modal-dialog #modal--widget-code .hljs-ln-numbers {
  padding-right: 12px;
  opacity: 0.4;
  white-space: nowrap; }

body .modal-dialog {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 2rem auto;
  max-height: calc(99vh - 4rem);
  padding: 25px 22px;
  border-radius: 15px;
  box-shadow: 2px 2px 15px rgba(45, 51, 72, 0.1);
  background-color: #fff;
  background-clip: padding-box;
  pointer-events: auto;
  outline: 0; }
  @media (min-width: 767px) {
    body .modal-dialog {
      max-width: 680px; }
      body .modal-dialog.modal-lg, body .modal-dialog.modal-xl {
        max-width: 880px; }
      body .modal-dialog.modal-m {
        max-width: 500px; } }
  @media (max-width: 767px) {
    body .modal-dialog {
      padding: 20px;
      margin: 0;
      max-width: 100%;
      border-radius: 0;
      width: 100%;
      max-height: 99.9vh; } }

body .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  padding: 0;
  margin: 0;
  background: #fff;
  color: #0B3052;
  border-radius: 0;
  border: none;
  box-shadow: none;
  container-type: inline-size; }
  body .modal-content .nav-tabs--wrapper {
    width: 100%;
    display: flex;
    overflow-x: auto;
    padding-bottom: 6px;
    margin-bottom: 16px;
    scrollbar-width: thin;
    scrollbar-color: #788291 #ABBCCC; }
    body .modal-content .nav-tabs--wrapper::-webkit-scrollbar {
      width: 2px;
      height: 2px; }
      body .modal-content .nav-tabs--wrapper::-webkit-scrollbar-track {
        background-clip: content-box;
        border: 0.5px solid transparent; }
      body .modal-content .nav-tabs--wrapper::-webkit-scrollbar-thumb {
        background-color: #788291;
        cursor: pointer; }
        body .modal-content .nav-tabs--wrapper::-webkit-scrollbar-thumb:hover {
          background-color: #6c7583; }
      body .modal-content .nav-tabs--wrapper::-webkit-scrollbar-corner, body .modal-content .nav-tabs--wrapper::-webkit-scrollbar-track {
        background-color: #ABBCCC; }
    @media (min-width: 1024px) {
      body .modal-content .nav-tabs--wrapper {
        scrollbar-width: thin;
        scrollbar-color: #788291 #ABBCCC; }
        body .modal-content .nav-tabs--wrapper::-webkit-scrollbar {
          width: 6px;
          height: 6px; }
          body .modal-content .nav-tabs--wrapper::-webkit-scrollbar-track {
            background-clip: content-box;
            border: 1.5px solid transparent; }
          body .modal-content .nav-tabs--wrapper::-webkit-scrollbar-thumb {
            background-color: #788291;
            cursor: pointer; }
            body .modal-content .nav-tabs--wrapper::-webkit-scrollbar-thumb:hover {
              background-color: #6c7583; }
          body .modal-content .nav-tabs--wrapper::-webkit-scrollbar-corner, body .modal-content .nav-tabs--wrapper::-webkit-scrollbar-track {
            background-color: #ABBCCC; } }
    @media (max-width: 700px) {
      body .modal-content .nav-tabs--wrapper {
        overflow: visible; } }
    body .modal-content .nav-tabs--wrapper .custom-tabs {
      margin: 0; }
  body .modal-content .custom-tabs {
    width: 100%;
    max-width: 100%;
    display: inline-flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: stretch;
    margin: 0 0 1rem;
    background: transparent;
    gap: 0;
    padding: 0;
    line-height: 1;
    border-top: 1px solid #dcdddf;
    border-bottom: 1px solid #dcdddf;
    border-radius: 50px; }
    @media (max-width: 700px) {
      body .modal-content .custom-tabs {
        flex-wrap: wrap;
        border-radius: 8px;
        border: 1px solid #dcdddf;
        box-sizing: border-box; } }
    body .modal-content .custom-tabs > a {
      position: relative;
      flex: 1;
      display: block;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 9px 10px 4px 10px;
      min-height: 38px;
      height: 100%;
      margin: 0 0;
      line-height: 1.2;
      font-size: 14px;
      font-weight: normal;
      text-decoration: none;
      color: #caccd1;
      border: none;
      background: transparent;
      border-radius: 0;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      z-index: 2; }
      body .modal-content .custom-tabs > a:first-child {
        border-left: 1px solid #dcdddf;
        border-radius: 50px 0 0 50px; }
        body .modal-content .custom-tabs > a:first-child.has-error, body .modal-content .custom-tabs > a.element-container.error-field:first-child {
          margin-left: 0; }
      body .modal-content .custom-tabs > a:last-child {
        border-right: 1px solid #dcdddf;
        border-radius: 0 50px 50px 0; }
        body .modal-content .custom-tabs > a:last-child.has-error, body .modal-content .custom-tabs > a.element-container.error-field:last-child {
          margin-right: 0; }
      body .modal-content .custom-tabs > a.active {
        border: none;
        border-right: 1px solid #dcdddf;
        border-left: 1px solid #dcdddf;
        background: #f8faff;
        color: #253246;
        border-radius: 50px;
        display: flex;
        padding: 4px 16px; }
      body .modal-content .custom-tabs > a:hover {
        color: #253246;
        border-width: 1px;
        background: transparent; }
        body .modal-content .custom-tabs > a:hover.active {
          border-color: #dcdddf;
          background: #f8faff;
          color: #253246;
          border-radius: 50px; }
      body .modal-content .custom-tabs > a.has-error, body .modal-content .custom-tabs > a.element-container.error-field, body .modal-content .custom-tabs > a.active.has-error, body .modal-content .custom-tabs > a.active.element-container.error-field {
        color: #ff3259;
        background-color: #FDEAEE; }
        body .modal-content .custom-tabs > a.has-error:hover, body .modal-content .custom-tabs > a.element-container.error-field:hover, body .modal-content .custom-tabs > a.has-error:focus, body .modal-content .custom-tabs > a.element-container.error-field:focus, body .modal-content .custom-tabs > a.active.has-error:hover, body .modal-content .custom-tabs > a.active.element-container.error-field:hover, body .modal-content .custom-tabs > a.active.has-error:focus, body .modal-content .custom-tabs > a.active.element-container.error-field:focus {
          color: #ff3259;
          background-color: #FDEAEE; }
      body .modal-content .custom-tabs > a.has-error, body .modal-content .custom-tabs > a.element-container.error-field {
        z-index: 1; }
        @media (min-width: 700px) {
          body .modal-content .custom-tabs > a.has-error, body .modal-content .custom-tabs > a.element-container.error-field {
            margin-left: -10px;
            margin-right: -10px; } }
      @media (max-width: 700px) {
        body .modal-content .custom-tabs > a {
          padding: 5px 14px !important;
          border-radius: 8px !important;
          display: flex !important;
          height: auto;
          max-height: 40px;
          margin: 0 !important;
          border: none !important;
          overflow: visible; }
          body .modal-content .custom-tabs > a:first-child {
            border-radius: 8px 0 0 8px; }
          body .modal-content .custom-tabs > a:last-child {
            border-radius: 0 8px 8px 0; } }
      @media (max-width: 400px) {
        body .modal-content .custom-tabs > a {
          white-space: normal !important; } }
    body .modal-content .custom-tabs li {
      position: relative;
      flex: 1;
      display: block;
      margin: 0;
      padding: 0px 0;
      line-height: 1;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      z-index: 2; }
      body .modal-content .custom-tabs li.has-error, body .modal-content .custom-tabs li.element-container.error-field {
        z-index: 1; }
        @media (min-width: 700px) {
          body .modal-content .custom-tabs li.has-error, body .modal-content .custom-tabs li.element-container.error-field {
            margin: 0 -10px; } }
      @media (min-width: 700px) {
        body .modal-content .custom-tabs li:first-child.has-error, body .modal-content .custom-tabs li.element-container.error-field:first-child {
          margin-left: 0; } }
      body .modal-content .custom-tabs li:first-child a {
        border-left: 1px solid #dcdddf;
        border-radius: 50px 0 0 50px; }
        body .modal-content .custom-tabs li:first-child a.active {
          border: 1px solid #dcdddf;
          background: #f8faff;
          color: #253246;
          border-radius: 50px; }
      @media (min-width: 700px) {
        body .modal-content .custom-tabs li:last-child.has-error, body .modal-content .custom-tabs li.element-container.error-field:last-child {
          margin-right: 0; } }
      body .modal-content .custom-tabs li:last-child a {
        border-right: 1px solid #dcdddf;
        border-radius: 0 50px 50px 0; }
        body .modal-content .custom-tabs li:last-child a.active {
          border: 1px solid #dcdddf;
          background: #f8faff;
          color: #253246;
          border-radius: 50px; }
      body .modal-content .custom-tabs li a {
        display: block;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 9px 12px 4px 12px;
        min-height: 38px;
        height: 100%;
        margin: -1px 0;
        line-height: 1.2;
        font-size: 14px;
        font-weight: normal;
        text-decoration: none;
        color: #caccd1;
        border: none;
        border-top: 1px solid #dcdddf;
        border-bottom: 1px solid #dcdddf;
        background: transparent;
        border-radius: 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
        body .modal-content .custom-tabs li a.active {
          border: 1px solid #dcdddf;
          background: #f8faff;
          color: #253246;
          border-radius: 50px;
          display: flex;
          padding: 4px 16px;
          white-space: normal; }
        body .modal-content .custom-tabs li a:hover {
          color: #253246;
          border-width: 1px; }
          body .modal-content .custom-tabs li a:hover.active {
            border: 1px solid #dcdddf;
            background: #f8faff;
            color: #253246;
            border-radius: 50px; }
        body .modal-content .custom-tabs li a.has-error, body .modal-content .custom-tabs li a.element-container.error-field, body .modal-content .custom-tabs li a.active.has-error, body .modal-content .custom-tabs li a.active.element-container.error-field {
          color: #ff3259;
          background-color: #FDEAEE; }
          body .modal-content .custom-tabs li a.has-error:hover, body .modal-content .custom-tabs li a.element-container.error-field:hover, body .modal-content .custom-tabs li a.has-error:focus, body .modal-content .custom-tabs li a.element-container.error-field:focus, body .modal-content .custom-tabs li a.active.has-error:hover, body .modal-content .custom-tabs li a.active.element-container.error-field:hover, body .modal-content .custom-tabs li a.active.has-error:focus, body .modal-content .custom-tabs li a.active.element-container.error-field:focus {
            color: #ff3259;
            background-color: #FDEAEE; }
      body .modal-content .custom-tabs li.active-child {
        flex: unset;
        flex-grow: 1; }
        @media (max-width: 700px) {
          body .modal-content .custom-tabs li.active-child {
            flex: 1; } }
      @media (max-width: 700px) {
        body .modal-content .custom-tabs li {
          overflow: visible !important;
          padding: 0 !important; }
          body .modal-content .custom-tabs li:first-child a {
            border-radius: 8px 0 0 8px; }
            body .modal-content .custom-tabs li:first-child a.active {
              border-radius: 8px; }
          body .modal-content .custom-tabs li:last-child a {
            border-radius: 0 8px 8px 0; }
            body .modal-content .custom-tabs li:last-child a.active {
              border-radius: 8px; }
          body .modal-content .custom-tabs li a {
            padding: 5px 14px !important;
            border-radius: 8px !important;
            display: flex !important;
            height: auto;
            max-height: 40px;
            white-space: nowrap !important;
            margin: 0 !important;
            border: none !important; } }
      @media (max-width: 400px) {
        body .modal-content .custom-tabs li a {
          white-space: normal !important; } }
  body .modal-content .custom-tabs li:last-child a.active.has-error, body .modal-content .custom-tabs li:last-child a.active.element-container.error-field,
  body .modal-content .custom-tabs li:first-child a.active.has-error,
  body .modal-content .custom-tabs li:first-child a.active.element-container.error-field {
    color: #ff3259;
    background-color: #FDEAEE; }
  body .modal-content .tab-content .alert-danger > div {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px; }
    body .modal-content .tab-content .alert-danger > div:before {
      position: relative;
      color: #ff3259;
      font-size: 14px;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      font-family: "Font Awesome 5 Pro";
      font-weight: 300;
      content: "\f071"; }
  body .modal-content .tab-content .sb-message-container .alert {
    margin-bottom: 14px; }
  body .modal-content > .modal-body {
    margin-left: -10px;
    margin-right: -10px; }
    body .modal-content > .modal-body > .modal-body--scrollbox {
      padding-left: 15px;
      padding-right: 15px; }
      body .modal-content > .modal-body > .modal-body--scrollbox .table-responsive, body .modal-content > .modal-body > .modal-body--scrollbox .dataTables_wrapper, body .modal-content > .modal-body > .modal-body--scrollbox .plugin-status-page #status_div, .plugin-status-page body .modal-content > .modal-body > .modal-body--scrollbox #status_div {
        min-height: 40px; }
        body .modal-content > .modal-body > .modal-body--scrollbox .table-responsive thead tr, body .modal-content > .modal-body > .modal-body--scrollbox .dataTables_wrapper thead tr, body .modal-content > .modal-body > .modal-body--scrollbox .plugin-status-page #status_div thead tr, .plugin-status-page body .modal-content > .modal-body > .modal-body--scrollbox #status_div thead tr {
          white-space: nowrap; }

body .modal-header {
  padding: 0 5px 5px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid;
  border-color: #06adef; }
  body .modal-header h3, body .modal-header h4, body .modal-header .modal-title {
    line-height: 1.2;
    flex: 1;
    color: #0B3052;
    font-family: "Mulish", sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-weight: bold; }

body .modal-body {
  padding: 0;
  flex: 1 1 auto;
  margin-bottom: 20px;
  font-size: 14px; }
  body .modal-body .modal-body--scrollbox {
    padding: 2px 5px;
    overflow: auto;
    max-height: calc(99vh - 264px);
    scrollbar-width: thin;
    scrollbar-color: #788291 #ABBCCC; }
    body .modal-body .modal-body--scrollbox::-webkit-scrollbar {
      width: 4px;
      height: 4px; }
      body .modal-body .modal-body--scrollbox::-webkit-scrollbar-track {
        background-clip: content-box;
        border: 1px solid transparent; }
      body .modal-body .modal-body--scrollbox::-webkit-scrollbar-thumb {
        background-color: #788291;
        cursor: pointer; }
        body .modal-body .modal-body--scrollbox::-webkit-scrollbar-thumb:hover {
          background-color: #6c7583; }
      body .modal-body .modal-body--scrollbox::-webkit-scrollbar-corner, body .modal-body .modal-body--scrollbox::-webkit-scrollbar-track {
        background-color: #ABBCCC; }
  body .modal-body .status-container .dropdown-menu {
    top: auto;
    bottom: 100%; }

body .modal-footer {
  padding: 0 5px;
  margin: 0;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px; }
  @media (min-width: 767px) {
    body .modal-footer {
      justify-content: flex-end; } }
  body .modal-footer .btn.btn-link.sb-back {
    background-color: #FF3259;
    border-color: #FF3259;
    font-weight: 500;
    color: #fff; }
    body .modal-footer .btn.btn-link.sb-back:hover {
      background-color: #ff5b7a;
      border-color: #ff5b7a;
      color: #fff; }
    body .modal-footer .btn.btn-link.sb-back:disabled, body .modal-footer .btn.btn-link.sb-back.disabled {
      background-color: #ff99ac;
      border-color: #ff99ac;
      color: #fff; }
  body .modal-footer > * {
    margin: 0; }
  @media (max-width: 767px) {
    body .modal-footer .btn {
      padding-left: 20px;
      padding-right: 20px;
      font-size: 14px;
      line-height: 1.1;
      min-height: 30px;
      margin: 0 !important; } }

body .modal-danger .modal-header {
  border-color: #FF3259; }

body .modal .dropdown-menu li a, body .modal .dropdown-menu li button, body .modal .dropdown-menu li .dropdown-item, body .modal .combobox-container .dropdown-menu li a, .combobox-container body .modal .dropdown-menu li a {
  cursor: pointer; }

body .modal .dropdown-menu--from-right {
  top: auto !important;
  bottom: 100%;
  left: auto !important;
  right: 0 !important;
  transform: none !important; }

body .modal .btn-group.dropup .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
  width: 44px;
  min-width: 44px;
  border-left: 1px solid #fff;
  text-align: center;
  justify-content: center; }

body .modal .btn-group.dropup .btn-primary:disabled + .btn-primary.dropdown-toggle, body .modal .btn-group.dropup .btn.active:disabled:not(:disabled):not(.disabled):not([disabled]) + .btn-primary.dropdown-toggle, body .modal .btn-group.dropup .btn-primary:disabled + .dropdown-toggle.btn.active:not(:disabled):not(.disabled):not([disabled]), body .modal .btn-group.dropup .btn.active:disabled:not(:disabled):not(.disabled):not([disabled]) + .dropdown-toggle.btn.active:not(:disabled):not(.disabled):not([disabled]) {
  background-color: #83d6f7;
  border-color: #83d6f7; }

@media (min-width: 767px) {
  body .modal.carousel--video-modal .modal-dialog, body .modal.video-modal .modal-dialog {
    max-width: 1000px; }
    body .modal.carousel--video-modal .modal-dialog.modal-lg, body .modal.carousel--video-modal .modal-dialog.modal-xl, body .modal.video-modal .modal-dialog.modal-lg, body .modal.video-modal .modal-dialog.modal-xl {
      max-width: 1000px; } }

@media (max-width: 767px) {
  body .modal.carousel--video-modal .modal-dialog, body .modal.video-modal .modal-dialog {
    max-width: 100%;
    width: 100%; } }

@media (min-width: 767px) {
  .popup--wp-plugin-connect p {
    flex-grow: 10;
    flex-basis: 360px; } }

@media (min-width: 767px) {
  .popup--wp-plugin-connect .wp-connect-logo {
    flex-grow: 1;
    flex-basis: 160px; } }

@media (min-width: 767px) {
  .popup--wp-plugin-connect .popup--wp-plugin-connect-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px 22px;
    flex-wrap: wrap; } }

@media (min-width: 500px) {
  .tags-merge-dialog .form-group .color-items-container .sb-color-container.color, .tags-merge-dialog .element-container .color-items-container .sb-color-container.color {
    max-width: 118px; } }

@media screen and (max-height: 824px) and (max-width: 1600px) {
  body.modal-open .timepicker-container.k-popup,
  body.modal-open .datepicker-container.k-popup {
    position: fixed;
    top: auto !important;
    bottom: 30px !important; } }

.modal-tc .modal-header {
  text-align: left; }

.modal-tc .modal-body {
  text-align: left; }
  .modal-tc .modal-body .modal-body--scrollbox {
    text-align: left; }

.modal-tc .list--num.list--columns {
  padding-left: 30px; }
  .modal-tc .list--num.list--columns .list-item {
    position: relative;
    width: 100%;
    display: block;
    list-style-type: decimal;
    list-style-position: outside;
    padding: 0 !important;
    text-align: left; }
    .modal-tc .list--num.list--columns .list-item_id {
      position: absolute;
      top: 0;
      left: -30px;
      width: 30px;
      text-align: center;
      font-weight: bolder; }

.nav.custom-tabs {
  background-color: #F1F6FF;
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) calc(0.25rem - 1px) calc(0.25rem - 1px);
  border-bottom: 0; }
  .nav.custom-tabs > li {
    margin: 0;
    display: flex; }
    .nav.custom-tabs > li a {
      flex: 1; }
      .nav.custom-tabs > li a:hover {
        color: #0B3052;
        background: transparent; }
  .nav.custom-tabs a {
    display: inline-flex;
    gap: 4px 6px;
    min-height: 50px;
    align-items: center;
    color: #788291;
    font-size: 14px;
    border: 0;
    padding-left: 22px;
    padding-right: 22px;
    border-bottom: 1px solid transparent; }
    .nav.custom-tabs a .title {
      font-weight: inherit;
      font-family: inherit;
      font-size: inherit;
      letter-spacing: normal; }
    .nav.custom-tabs a .fa {
      display: block;
      text-align: center; }
    .nav.custom-tabs a:hover {
      text-decoration: none;
      border-bottom: 1px solid transparent;
      opacity: 1;
      color: #0B3052;
      background: #e7efff; }
    .nav.custom-tabs a.active {
      opacity: 1;
      color: #0B3052;
      border: 0;
      background-color: transparent;
      border-bottom: 1px solid #06ADEF; }
  @media (max-width: 767px) {
    .nav.custom-tabs > * {
      flex-grow: 1;
      text-align: center; } }
  .nav.custom-tabs.type--2 {
    background: transparent;
    border-bottom: 1px solid #E7ECF7; }
    .nav.custom-tabs.type--2 li {
      margin-bottom: -1px; }
    .nav.custom-tabs.type--2 li a {
      font-weight: 400;
      color: #788291; }
      .nav.custom-tabs.type--2 li a .title {
        font-weight: 400;
        font-family: "Noto Sans", sans-serif;
        color: #788291; }
      .nav.custom-tabs.type--2 li a:hover {
        color: #0B3052; }
        .nav.custom-tabs.type--2 li a:hover .title {
          color: #0B3052; }
      .nav.custom-tabs.type--2 li a.active, .nav.custom-tabs.type--2 li a.show {
        color: #0B3052; }
        .nav.custom-tabs.type--2 li a.active .title, .nav.custom-tabs.type--2 li a.show .title {
          color: #0B3052; }

.panel .panel-heading > .custom-tabs,
.card .card-header > .custom-tabs,
.panel .card-header > .custom-tabs,
.panel .card .panel-heading > .custom-tabs,
.panel .panel-heading > .custom-tabs {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }

.panel-heading > .custom-tabs,
.card-header > .custom-tabs,
.panel .panel-heading > .custom-tabs {
  margin: -0.75rem -1.25rem; }
  .panel-heading > .custom-tabs a,
  .card-header > .custom-tabs a,
  .panel .panel-heading > .custom-tabs a {
    padding: 0.75rem 1.25rem; }

.modal-body .custom-tabs {
  margin: calc(-1rem - 1px) -1rem 1rem; }

.nav-tabs--wrapper_switcher {
  width: 100%;
  display: flex;
  overflow-x: auto;
  padding-top: 1px;
  padding-bottom: 6px;
  margin-bottom: 16px;
  background: transparent;
  background-color: transparent;
  border: none;
  box-shadow: none;
  scrollbar-width: thin;
  scrollbar-color: #788291 #ABBCCC; }
  .nav-tabs--wrapper_switcher::-webkit-scrollbar {
    width: 2px;
    height: 2px; }
    .nav-tabs--wrapper_switcher::-webkit-scrollbar-track {
      background-clip: content-box;
      border: 0.5px solid transparent; }
    .nav-tabs--wrapper_switcher::-webkit-scrollbar-thumb {
      background-color: #788291;
      cursor: pointer; }
      .nav-tabs--wrapper_switcher::-webkit-scrollbar-thumb:hover {
        background-color: #6c7583; }
    .nav-tabs--wrapper_switcher::-webkit-scrollbar-corner, .nav-tabs--wrapper_switcher::-webkit-scrollbar-track {
      background-color: #ABBCCC; }
  @media (min-width: 1024px) {
    .nav-tabs--wrapper_switcher {
      scrollbar-width: thin;
      scrollbar-color: #788291 #ABBCCC; }
      .nav-tabs--wrapper_switcher::-webkit-scrollbar {
        width: 6px;
        height: 6px; }
        .nav-tabs--wrapper_switcher::-webkit-scrollbar-track {
          background-clip: content-box;
          border: 1.5px solid transparent; }
        .nav-tabs--wrapper_switcher::-webkit-scrollbar-thumb {
          background-color: #788291;
          cursor: pointer; }
          .nav-tabs--wrapper_switcher::-webkit-scrollbar-thumb:hover {
            background-color: #6c7583; }
        .nav-tabs--wrapper_switcher::-webkit-scrollbar-corner, .nav-tabs--wrapper_switcher::-webkit-scrollbar-track {
          background-color: #ABBCCC; } }
  @media (max-width: 700px) {
    .nav-tabs--wrapper_switcher {
      overflow: visible; } }
  .nav-tabs--wrapper_switcher .custom-tabs,
  .nav-tabs--wrapper_switcher .custom-tabs__switcher {
    margin: 0;
    background: transparent;
    background-color: transparent; }

.custom-tabs__switcher {
  max-width: 100%;
  display: inline-flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: stretch;
  margin: 0 0 1rem;
  background: transparent;
  gap: 0;
  padding: 0;
  line-height: 1;
  border-top: 1px solid #dcdddf;
  border-bottom: 1px solid #dcdddf;
  border-radius: 50px; }
  @media (max-width: 700px) {
    .custom-tabs__switcher {
      flex-wrap: wrap;
      border-radius: 8px;
      border: 1px solid #dcdddf;
      box-sizing: border-box; } }
  .custom-tabs__switcher > a.nav-item,
  .custom-tabs__switcher > span.nav-item {
    position: relative;
    display: block;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 9px 20px 4px 20px;
    min-height: 38px;
    height: 100%;
    margin: 0 0;
    line-height: 1.2;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    color: #788291;
    border: none;
    background: transparent;
    border-radius: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    z-index: 2; }
    .custom-tabs__switcher > a.nav-item:first-child,
    .custom-tabs__switcher > span.nav-item:first-child {
      border-left: 1px solid #dcdddf;
      border-radius: 50px 0 0 50px; }
      .custom-tabs__switcher > a.nav-item:first-child.has-error, .custom-tabs__switcher > a.nav-item.element-container.error-field:first-child,
      .custom-tabs__switcher > span.nav-item:first-child.has-error,
      .custom-tabs__switcher > span.nav-item.element-container.error-field:first-child {
        margin-left: 0; }
    .custom-tabs__switcher > a.nav-item:last-child,
    .custom-tabs__switcher > span.nav-item:last-child {
      border-right: 1px solid #dcdddf;
      border-radius: 0 50px 50px 0; }
      .custom-tabs__switcher > a.nav-item:last-child.has-error, .custom-tabs__switcher > a.nav-item.element-container.error-field:last-child,
      .custom-tabs__switcher > span.nav-item:last-child.has-error,
      .custom-tabs__switcher > span.nav-item.element-container.error-field:last-child {
        margin-right: 0; }
    .custom-tabs__switcher > a.nav-item.active,
    .custom-tabs__switcher > span.nav-item.active {
      border: none;
      border-right: 1px solid #dcdddf;
      border-left: 1px solid #dcdddf;
      background: #f8faff;
      color: #253246;
      border-radius: 50px;
      display: flex;
      padding: 4px 18px; }
    .custom-tabs__switcher > a.nav-item:hover,
    .custom-tabs__switcher > span.nav-item:hover {
      color: #253246;
      border-width: 1px; }
      .custom-tabs__switcher > a.nav-item:hover.active,
      .custom-tabs__switcher > span.nav-item:hover.active {
        border-color: #dcdddf;
        background: #f8faff;
        color: #253246;
        border-radius: 50px; }
    .custom-tabs__switcher > a.nav-item.has-error, .custom-tabs__switcher > a.nav-item.element-container.error-field, .custom-tabs__switcher > a.nav-item.active.has-error, .custom-tabs__switcher > a.nav-item.active.element-container.error-field,
    .custom-tabs__switcher > span.nav-item.has-error,
    .custom-tabs__switcher > span.nav-item.element-container.error-field,
    .custom-tabs__switcher > span.nav-item.active.has-error,
    .custom-tabs__switcher > span.nav-item.active.element-container.error-field {
      color: #ff3259;
      background-color: #FDEAEE; }
      .custom-tabs__switcher > a.nav-item.has-error:hover, .custom-tabs__switcher > a.nav-item.element-container.error-field:hover, .custom-tabs__switcher > a.nav-item.has-error:focus, .custom-tabs__switcher > a.nav-item.element-container.error-field:focus, .custom-tabs__switcher > a.nav-item.active.has-error:hover, .custom-tabs__switcher > a.nav-item.active.element-container.error-field:hover, .custom-tabs__switcher > a.nav-item.active.has-error:focus, .custom-tabs__switcher > a.nav-item.active.element-container.error-field:focus,
      .custom-tabs__switcher > span.nav-item.has-error:hover,
      .custom-tabs__switcher > span.nav-item.element-container.error-field:hover,
      .custom-tabs__switcher > span.nav-item.has-error:focus,
      .custom-tabs__switcher > span.nav-item.element-container.error-field:focus,
      .custom-tabs__switcher > span.nav-item.active.has-error:hover,
      .custom-tabs__switcher > span.nav-item.active.element-container.error-field:hover,
      .custom-tabs__switcher > span.nav-item.active.has-error:focus,
      .custom-tabs__switcher > span.nav-item.active.element-container.error-field:focus {
        color: #ff3259;
        background-color: #FDEAEE; }
    .custom-tabs__switcher > a.nav-item.has-error, .custom-tabs__switcher > a.nav-item.element-container.error-field,
    .custom-tabs__switcher > span.nav-item.has-error,
    .custom-tabs__switcher > span.nav-item.element-container.error-field {
      z-index: 1; }
      @media (min-width: 700px) {
        .custom-tabs__switcher > a.nav-item.has-error, .custom-tabs__switcher > a.nav-item.element-container.error-field,
        .custom-tabs__switcher > span.nav-item.has-error,
        .custom-tabs__switcher > span.nav-item.element-container.error-field {
          margin-left: -10px;
          margin-right: -10px; } }
    @media (max-width: 700px) {
      .custom-tabs__switcher > a.nav-item,
      .custom-tabs__switcher > span.nav-item {
        padding: 5px 14px !important;
        border-radius: 8px !important;
        display: flex !important;
        height: auto;
        max-height: 40px;
        margin: 0 !important;
        border: none !important;
        overflow: visible; }
        .custom-tabs__switcher > a.nav-item:first-child,
        .custom-tabs__switcher > span.nav-item:first-child {
          border-radius: 8px 0 0 8px; }
        .custom-tabs__switcher > a.nav-item:last-child,
        .custom-tabs__switcher > span.nav-item:last-child {
          border-radius: 0 8px 8px 0; } }
    @media (max-width: 400px) {
      .custom-tabs__switcher > a.nav-item,
      .custom-tabs__switcher > span.nav-item {
        white-space: normal !important; } }
  .custom-tabs__switcher li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0px 0;
    line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    z-index: 2; }
    .custom-tabs__switcher li.has-error, .custom-tabs__switcher li.element-container.error-field {
      z-index: 1; }
      @media (min-width: 700px) {
        .custom-tabs__switcher li.has-error, .custom-tabs__switcher li.element-container.error-field {
          margin: 0 -10px; } }
    @media (min-width: 700px) {
      .custom-tabs__switcher li:first-child.has-error, .custom-tabs__switcher li.element-container.error-field:first-child {
        margin-left: 0; } }
    .custom-tabs__switcher li:first-child a {
      border-left: 1px solid #dcdddf;
      border-radius: 50px 0 0 50px; }
      .custom-tabs__switcher li:first-child a.active {
        border: 1px solid #dcdddf;
        background: #f8faff;
        color: #253246;
        border-radius: 50px; }
    @media (min-width: 700px) {
      .custom-tabs__switcher li:last-child.has-error, .custom-tabs__switcher li.element-container.error-field:last-child {
        margin-right: 0; } }
    .custom-tabs__switcher li:last-child a {
      border-right: 1px solid #dcdddf;
      border-radius: 0 50px 50px 0; }
      .custom-tabs__switcher li:last-child a.active {
        border: 1px solid #dcdddf;
        background: #f8faff;
        color: #253246;
        border-radius: 50px; }
    .custom-tabs__switcher li a {
      display: block;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 9px 12px 4px 12px;
      min-height: 38px;
      height: 100%;
      margin: -1px 0;
      line-height: 1.2;
      font-size: 14px;
      font-weight: normal;
      text-decoration: none;
      color: #788291;
      border: none;
      border-top: 1px solid #dcdddf;
      border-bottom: 1px solid #dcdddf;
      background: transparent;
      border-radius: 0;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
      .custom-tabs__switcher li a.active {
        border: 1px solid #dcdddf;
        background: #f8faff;
        color: #253246;
        border-radius: 50px;
        display: flex;
        padding: 4px 16px;
        white-space: normal; }
      .custom-tabs__switcher li a:hover {
        color: #253246;
        border-width: 1px; }
        .custom-tabs__switcher li a:hover.active {
          border: 1px solid #dcdddf;
          background: #f8faff;
          color: #253246;
          border-radius: 50px; }
      .custom-tabs__switcher li a.has-error, .custom-tabs__switcher li a.element-container.error-field, .custom-tabs__switcher li a.active.has-error, .custom-tabs__switcher li a.active.element-container.error-field {
        color: #ff3259;
        background-color: #FDEAEE; }
        .custom-tabs__switcher li a.has-error:hover, .custom-tabs__switcher li a.element-container.error-field:hover, .custom-tabs__switcher li a.has-error:focus, .custom-tabs__switcher li a.element-container.error-field:focus, .custom-tabs__switcher li a.active.has-error:hover, .custom-tabs__switcher li a.active.element-container.error-field:hover, .custom-tabs__switcher li a.active.has-error:focus, .custom-tabs__switcher li a.active.element-container.error-field:focus {
          color: #ff3259;
          background-color: #FDEAEE; }
    .custom-tabs__switcher li.active-child {
      flex: unset;
      flex-grow: 1; }
      @media (max-width: 700px) {
        .custom-tabs__switcher li.active-child {
          flex: 1; } }
    @media (max-width: 700px) {
      .custom-tabs__switcher li {
        overflow: visible !important;
        padding: 0 !important; }
        .custom-tabs__switcher li:first-child a {
          border-radius: 8px 0 0 8px; }
          .custom-tabs__switcher li:first-child a.active {
            border-radius: 8px; }
        .custom-tabs__switcher li:last-child a {
          border-radius: 0 8px 8px 0; }
          .custom-tabs__switcher li:last-child a.active {
            border-radius: 8px; }
        .custom-tabs__switcher li a {
          padding: 5px 14px !important;
          border-radius: 8px !important;
          display: flex !important;
          height: auto;
          max-height: 40px;
          white-space: nowrap !important;
          margin: 0 !important;
          border: none !important; } }
    @media (max-width: 400px) {
      .custom-tabs__switcher li a {
        white-space: normal !important; } }

.dark-mode .nav.custom-tabs {
  background-color: #282828; }
  .dark-mode .nav.custom-tabs > li a:hover {
    color: #f9f9f9; }
  .dark-mode .nav.custom-tabs a {
    color: #bcbcbc; }
    .dark-mode .nav.custom-tabs a:hover {
      color: #f9f9f9;
      background: #232323; }
    .dark-mode .nav.custom-tabs a.active {
      color: #f9f9f9; }
  .dark-mode .nav.custom-tabs.type--2 {
    border-bottom: 1px solid #777777; }
    .dark-mode .nav.custom-tabs.type--2 li a {
      color: #bcbcbc; }
      .dark-mode .nav.custom-tabs.type--2 li a .title {
        color: #bcbcbc; }
      .dark-mode .nav.custom-tabs.type--2 li a:hover {
        color: #f9f9f9; }
        .dark-mode .nav.custom-tabs.type--2 li a:hover .title {
          color: #f9f9f9; }
      .dark-mode .nav.custom-tabs.type--2 li a.active, .dark-mode .nav.custom-tabs.type--2 li a.show {
        color: #f9f9f9; }
        .dark-mode .nav.custom-tabs.type--2 li a.active .title, .dark-mode .nav.custom-tabs.type--2 li a.show .title {
          color: #f9f9f9; }

.dark-mode .custom-tabs__switcher {
  border-top: 1px solid #555555;
  border-bottom: 1px solid #555555; }
  @media (max-width: 700px) {
    .dark-mode .custom-tabs__switcher {
      border: 1px solid #555555; } }
  .dark-mode .custom-tabs__switcher > a.nav-item,
  .dark-mode .custom-tabs__switcher > span.nav-item {
    color: #788291; }
    .dark-mode .custom-tabs__switcher > a.nav-item:first-child,
    .dark-mode .custom-tabs__switcher > span.nav-item:first-child {
      border-left: 1px solid #555555; }
    .dark-mode .custom-tabs__switcher > a.nav-item:last-child,
    .dark-mode .custom-tabs__switcher > span.nav-item:last-child {
      border-right: 1px solid #555555; }
    .dark-mode .custom-tabs__switcher > a.nav-item.active,
    .dark-mode .custom-tabs__switcher > span.nav-item.active {
      border-right: 1px solid #555555;
      border-left: 1px solid #555555;
      background: #242424;
      color: #f9f9f9; }
    .dark-mode .custom-tabs__switcher > a.nav-item:hover,
    .dark-mode .custom-tabs__switcher > span.nav-item:hover {
      color: #f9f9f9; }
      .dark-mode .custom-tabs__switcher > a.nav-item:hover.active,
      .dark-mode .custom-tabs__switcher > span.nav-item:hover.active {
        border-color: #dcdddf;
        background: #242424;
        color: #f9f9f9; }
    .dark-mode .custom-tabs__switcher > a.nav-item.has-error, .dark-mode .custom-tabs__switcher > a.nav-item.element-container.error-field, .dark-mode .custom-tabs__switcher > a.nav-item.active.has-error, .dark-mode .custom-tabs__switcher > a.nav-item.active.element-container.error-field,
    .dark-mode .custom-tabs__switcher > span.nav-item.has-error,
    .dark-mode .custom-tabs__switcher > span.nav-item.element-container.error-field,
    .dark-mode .custom-tabs__switcher > span.nav-item.active.has-error,
    .dark-mode .custom-tabs__switcher > span.nav-item.active.element-container.error-field {
      color: #ff6666;
      background-color: #3e292d; }
      .dark-mode .custom-tabs__switcher > a.nav-item.has-error:hover, .dark-mode .custom-tabs__switcher > a.nav-item.element-container.error-field:hover, .dark-mode .custom-tabs__switcher > a.nav-item.has-error:focus, .dark-mode .custom-tabs__switcher > a.nav-item.element-container.error-field:focus, .dark-mode .custom-tabs__switcher > a.nav-item.active.has-error:hover, .dark-mode .custom-tabs__switcher > a.nav-item.active.element-container.error-field:hover, .dark-mode .custom-tabs__switcher > a.nav-item.active.has-error:focus, .dark-mode .custom-tabs__switcher > a.nav-item.active.element-container.error-field:focus,
      .dark-mode .custom-tabs__switcher > span.nav-item.has-error:hover,
      .dark-mode .custom-tabs__switcher > span.nav-item.element-container.error-field:hover,
      .dark-mode .custom-tabs__switcher > span.nav-item.has-error:focus,
      .dark-mode .custom-tabs__switcher > span.nav-item.element-container.error-field:focus,
      .dark-mode .custom-tabs__switcher > span.nav-item.active.has-error:hover,
      .dark-mode .custom-tabs__switcher > span.nav-item.active.element-container.error-field:hover,
      .dark-mode .custom-tabs__switcher > span.nav-item.active.has-error:focus,
      .dark-mode .custom-tabs__switcher > span.nav-item.active.element-container.error-field:focus {
        color: #ff6666;
        background-color: #3e292d; }
    @media (max-width: 700px) {
      .dark-mode .custom-tabs__switcher > a.nav-item,
      .dark-mode .custom-tabs__switcher > span.nav-item {
        border: none !important; } }
  .dark-mode .custom-tabs__switcher li:first-child a {
    border-left: 1px solid #555555; }
    .dark-mode .custom-tabs__switcher li:first-child a.active {
      border: 1px solid #555555;
      background: #242424;
      color: #f9f9f9; }
  .dark-mode .custom-tabs__switcher li:last-child a {
    border-right: 1px solid #555555; }
    .dark-mode .custom-tabs__switcher li:last-child a.active {
      border: 1px solid #dcdddf;
      background: #242424;
      color: #f9f9f9; }
  .dark-mode .custom-tabs__switcher li a {
    color: #caccd1;
    border-top: 1px solid #555555;
    border-bottom: 1px solid #555555;
    background: transparent; }
    .dark-mode .custom-tabs__switcher li a.active {
      border: 1px solid #555555;
      background: #242424;
      color: #f9f9f9; }
    .dark-mode .custom-tabs__switcher li a:hover {
      color: #f9f9f9; }
      .dark-mode .custom-tabs__switcher li a:hover.active {
        border: 1px solid #555555;
        background: #242424;
        color: #f9f9f9; }
    .dark-mode .custom-tabs__switcher li a.has-error, .dark-mode .custom-tabs__switcher li a.element-container.error-field, .dark-mode .custom-tabs__switcher li a.active.has-error, .dark-mode .custom-tabs__switcher li a.active.element-container.error-field {
      color: #ff6666;
      background-color: #3e292d; }
      .dark-mode .custom-tabs__switcher li a.has-error:hover, .dark-mode .custom-tabs__switcher li a.element-container.error-field:hover, .dark-mode .custom-tabs__switcher li a.has-error:focus, .dark-mode .custom-tabs__switcher li a.element-container.error-field:focus, .dark-mode .custom-tabs__switcher li a.active.has-error:hover, .dark-mode .custom-tabs__switcher li a.active.element-container.error-field:hover, .dark-mode .custom-tabs__switcher li a.active.has-error:focus, .dark-mode .custom-tabs__switcher li a.active.element-container.error-field:focus {
        color: #ff6666;
        background-color: #3e292d; }
  @media (max-width: 700px) {
    .dark-mode .custom-tabs__switcher li a {
      border: none !important; } }

.card, .panel {
  border: 0;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25); }
  .card .card-header, .panel .card-header, .panel .panel-heading {
    border-radius: 0.25rem 0.25rem 0 0;
    border-bottom: 0;
    color: #0B3052;
    background: #F1F6FF;
    font-family: "Mulish", sans-serif;
    font-weight: 400;
    font-size: 16px; }
  .card.bg-transparent, .bg-transparent.panel {
    box-shadow: none; }

.card .card, .panel .card, .card .panel, .panel .panel {
  box-shadow: none; }
  .card .card > .card-header, .panel .card > .card-header, .card .panel > .card-header, .panel .panel > .card-header, .panel .card .card > .panel-heading, .panel .card > .panel-heading, .card .panel > .panel-heading, .panel .panel > .panel-heading {
    box-shadow: none;
    border-radius: 0;
    background-color: transparent;
    color: #313e54; }
    .card .card > .card-header a, .panel .card > .card-header a, .card .panel > .card-header a, .panel .panel > .card-header a, .panel .card .card > .panel-heading a, .panel .card > .panel-heading a, .card .panel > .panel-heading a, .panel .panel > .panel-heading a {
      color: #313e54; }

.dark-mode .card .card-header, .dark-mode .panel .card-header, .panel .dark-mode .card .panel-heading, .dark-mode .panel .panel-heading {
  color: #f9f9f9;
  background: #282828; }

.dark-mode .card .card > .card-header, .dark-mode .panel .card > .card-header, .dark-mode .card .panel > .card-header, .dark-mode .panel .panel > .card-header, .panel .dark-mode .card .card > .panel-heading, .dark-mode .panel .card > .panel-heading, .dark-mode .card .panel > .panel-heading, .dark-mode .panel .panel > .panel-heading {
  color: #bcbcbc; }
  .dark-mode .card .card > .card-header a, .dark-mode .panel .card > .card-header a, .dark-mode .card .panel > .card-header a, .dark-mode .panel .panel > .card-header a, .panel .dark-mode .card .card > .panel-heading a, .dark-mode .panel .card > .panel-heading a, .dark-mode .card .panel > .panel-heading a, .dark-mode .panel .panel > .panel-heading a {
    color: #bcbcbc; }

.sb-radio input.custom-radio1 {
  display: none; }
  .sb-radio input.custom-radio1 + label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer; }
    .sb-radio input.custom-radio1 + label:before {
      width: 24px;
      height: 24px;
      margin-right: 5px;
      display: inline-block;
      vertical-align: bottom;
      content: '';
      background: url("../../images/admin/dashboard/radio-0.png") no-repeat;
      -webkit-transition: background-image 0.2s ease-in-out;
      transition: background-image 0.2s ease-in-out; }
  .sb-radio input.custom-radio1:checked + label:before, .sb-radio .management-app input.custom-radio1.implicit-checked + label:before, .management-app .sb-radio input.custom-radio1.implicit-checked + label:before {
    background: url("../../images/admin/dashboard/radio-1.png") no-repeat; }

.sb-checkbox input.custom-checkbox {
  display: none; }
  .sb-checkbox input.custom-checkbox + label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer; }
    .sb-checkbox input.custom-checkbox + label:before {
      width: 24px;
      height: 24px;
      margin-right: 5px;
      display: inline-block;
      vertical-align: bottom;
      content: '';
      background: url("/common/images/admin-general/dashboard/checkbox-unchecked.png") no-repeat;
      -webkit-transition: background-image 0.2s ease-in-out;
      transition: background-image 0.2s ease-in-out; }
  .sb-checkbox input.custom-checkbox:checked + label:before, .sb-checkbox .management-app input.custom-checkbox.implicit-checked + label:before, .management-app .sb-checkbox input.custom-checkbox.implicit-checked + label:before {
    background: url("/common/images/admin-general/dashboard/checkbox-checked.png") no-repeat; }
  .sb-checkbox input.custom-checkbox:checked + label:hover:before, .sb-checkbox .management-app input.custom-checkbox.implicit-checked + label:hover:before, .management-app .sb-checkbox input.custom-checkbox.implicit-checked + label:hover:before {
    background: url("/common/images/admin-general/dashboard/checkbox-checked-hovered.png") no-repeat; }

.dark-mode .table__wrapper .table {
  color: #bcbcbc; }

.dark-mode .table__wrapper .table .table--header tr td,
.dark-mode .table__wrapper .table .table--header tr th {
  color: #f9f9f9; }

.dark-mode .table-striped tbody tr:nth-of-type(odd) {
  background: #191919; }

@media (max-width: 1024px) {
  .dark-mode .table__wrapper .table--header .table--row--mobile-body:before {
    color: #f9f9f9; }
  .dark-mode .table__wrapper .table--header .table--row--mobile-body .table--header-col {
    border-color: #303030; }
    .dark-mode .table__wrapper .table--header .table--row--mobile-body .table--header-col:hover, .dark-mode .table__wrapper .table--header .table--row--mobile-body .table--header-col:active {
      background: #282828; }
    .dark-mode .table__wrapper .table--header .table--row--mobile-body .table--header-col .table--col-content > span.glyphicon {
      color: #bcbcbc; }
  .dark-mode .table__wrapper .table--header .table--row--mobile-body .actions-header {
    display: none; }
  .dark-mode .table__wrapper .table--header .table--header-row-filter:before {
    color: #f9f9f9; }
  .dark-mode .table__wrapper .table--header .table--header-row-filter .table--col .table--col-content .table--header-row-filter-label {
    color: #bcbcbc; }
  .dark-mode .table__wrapper .table--header.--is-open .table--header--mob-cover {
    background: rgba(11, 48, 82, 0.2); }
  .dark-mode .table__wrapper .table--header.--is-open .table--header-popup-filter {
    background: #1a1a1a; } }

.dark-mode .table__wrapper .table.table-striped .table--body .table--row:nth-of-type(odd),
.dark-mode .table__wrapper .table.table-striped .table--body tr:nth-of-type(odd),
.dark-mode .table__wrapper .table.table-striped tbody .table--row:nth-of-type(odd),
.dark-mode .table__wrapper .table.table-striped tbody tr:nth-of-type(odd),
.dark-mode .table__wrapper .table.table-striped .table--body .table--row:nth-of-type(odd) td,
.dark-mode .table__wrapper .table.table-striped .table--body .table--row:nth-of-type(odd) .table--col,
.dark-mode .table__wrapper .table.table-striped .table--body tr:nth-of-type(odd) td,
.dark-mode .table__wrapper .table.table-striped .table--body tr:nth-of-type(odd) .table--col,
.dark-mode .table__wrapper .table.table-striped tbody .table--row:nth-of-type(odd) td,
.dark-mode .table__wrapper .table.table-striped tbody .table--row:nth-of-type(odd) .table--col,
.dark-mode .table__wrapper .table.table-striped tbody tr:nth-of-type(odd) td,
.dark-mode .table__wrapper .table.table-striped tbody tr:nth-of-type(odd) .table--col {
  background: #191919; }

.dark-mode .table__wrapper .table.table-striped .table--body .table--row:nth-of-type(even),
.dark-mode .table__wrapper .table.table-striped .table--body tr:nth-of-type(even),
.dark-mode .table__wrapper .table.table-striped tbody .table--row:nth-of-type(even),
.dark-mode .table__wrapper .table.table-striped tbody tr:nth-of-type(even),
.dark-mode .table__wrapper .table.table-striped .table--body .table--row:nth-of-type(even) td,
.dark-mode .table__wrapper .table.table-striped .table--body .table--row:nth-of-type(even) .table--col,
.dark-mode .table__wrapper .table.table-striped .table--body tr:nth-of-type(even) td,
.dark-mode .table__wrapper .table.table-striped .table--body tr:nth-of-type(even) .table--col,
.dark-mode .table__wrapper .table.table-striped tbody .table--row:nth-of-type(even) td,
.dark-mode .table__wrapper .table.table-striped tbody .table--row:nth-of-type(even) .table--col,
.dark-mode .table__wrapper .table.table-striped tbody tr:nth-of-type(even) td,
.dark-mode .table__wrapper .table.table-striped tbody tr:nth-of-type(even) .table--col {
  background: #282828; }

.table-primary,
.table-primary > td,
.table-primary > th {
  background: #06ADEF;
  color: #ffffff; }

.table {
  margin-bottom: 0; }
  .table .status-info {
    font-size: 14px; }
    .table .status-info .label {
      width: 100%; }
  .table .label {
    font-size: 12px;
    font-style: italic; }
  .table .date,
  .table .actions_container {
    white-space: nowrap; }
  .table .far.fa-remove:before, .table .fa-remove:not(.fab)[class~='far']:before {
    content: '\f2ed'; }
  @media (max-width: 1024px) {
    .table .local-actions.v1 .dropdown .dropdown-menu {
      left: auto !important;
      right: 0 !important;
      top: 35px !important;
      transform: none !important; } }
  .table .table--header-col .btn.btn--back {
    padding-left: 0; }

.table thead th {
  border-bottom-width: 1px; }

.table-advance thead th {
  padding-top: 12px;
  padding-bottom: 12px;
  vertical-align: middle; }

.table-advance tbody td {
  font-size: 13px;
  padding-top: 12px;
  padding-bottom: 12px;
  vertical-align: middle; }
  .table-advance tbody td .local-actions {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px 6px; }

.table-advance .filter-buttons {
  white-space: nowrap; }

@media only screen and (max-width: 1200px) {
  .table-advance .filter-cell,
  .table-advance .filter-buttons {
    max-width: 1px; } }

.table-advance .hint-info {
  white-space: nowrap; }

.table-advance .table-header select,
.table-advance .table-header input[type="text"] {
  min-width: 75px; }

.table th {
  font-family: "Open Sans", sans-serif;
  font-weight: 600; }

.table th[data-sortkey] {
  cursor: pointer; }

.table td .glyphicon,
.table td .fa {
  margin-right: 2px; }

.table.table-middle td {
  vertical-align: middle; }

.scrolled-data-list {
  max-height: 200px;
  overflow: auto; }

.table__wrapper .table {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  background: transparent;
  border-collapse: separate;
  border: none;
  border-spacing: 0 1px;
  color: #788291;
  margin-bottom: 10px;
  clear: both; }
  .table__wrapper .table thead > tr > th,
  .table__wrapper .table thead > tr > td,
  .table__wrapper .table tbody > tr > th,
  .table__wrapper .table tbody > tr > td {
    padding: 8px 15px;
    vertical-align: middle;
    line-height: 1.2; }
  .table__wrapper .table th, .table__wrapper .table td {
    padding: 8px 15px;
    vertical-align: middle !important;
    line-height: 1.2 !important; }
  .table__wrapper .table th {
    font-weight: 600;
    border: none; }
    @media (min-width: 1024px) {
      .table__wrapper .table th .table--col-content {
        min-height: 44px; }
        .table__wrapper .table th .table--col-content .filter--txt {
          overflow: hidden;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          /* number of lines to show */
          line-clamp: 2;
          -webkit-box-orient: vertical; } }
    .table__wrapper .table th .fa-light {
      font-weight: 400; }
  .table__wrapper .table td, .table__wrapper .table--col {
    position: relative;
    border: none;
    font-weight: normal;
    font-family: "Noto Sans", sans-serif;
    line-height: 1.2;
    font-size: 14px; }
    .table__wrapper .table td__sticky, .table__wrapper .table--col__sticky {
      vertical-align: middle;
      white-space: normal;
      top: auto;
      bottom: auto;
      right: 0;
      width: 110px;
      text-align: center; }
      .table__wrapper .table td__sticky .table--col-content, .table__wrapper .table--col__sticky .table--col-content {
        overflow: visible; }
        .table__wrapper .table td__sticky .table--col-content .local-actions, .table__wrapper .table--col__sticky .table--col-content .local-actions {
          height: 100%;
          display: flex;
          align-items: center;
          gap: 6px;
          justify-content: center; }
    .table__wrapper .table td.reg_time, .table__wrapper .table td.nowrap, .table__wrapper .table--col.reg_time, .table__wrapper .table--col.nowrap {
      white-space: nowrap; }
  .table__wrapper .table .table--header tr td, .table__wrapper .table .table--header tr th {
    position: relative;
    font-family: "Mulish", sans-serif;
    font-weight: 600;
    color: #0B3052;
    border: none; }
    @media (min-width: 1024px) {
      .table__wrapper .table .table--header tr td.table--col__sticky, .table__wrapper .table .table--header tr th.table--col__sticky {
        position: absolute; } }
    .table__wrapper .table .table--header tr td .table--col-content, .table__wrapper .table .table--header tr th .table--col-content {
      flex-direction: row;
      align-items: center;
      justify-content: flex-start; }
      .table__wrapper .table .table--header tr td .table--col-content .glyphicon, .table__wrapper .table .table--header tr th .table--col-content .glyphicon {
        font-size: 12px;
        position: relative;
        top: -0.1em; }
    .table__wrapper .table .table--header tr td:after, .table__wrapper .table .table--header tr th:after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      width: 100%;
      border-bottom: 1px solid #06ADEF;
      bottom: 6px; }
    .table__wrapper .table .table--header tr td .container-between, .table__wrapper .table .table--header tr th .container-between {
      display: flex;
      align-items: center;
      gap: 5px 10px; }
      .table__wrapper .table .table--header tr td .container-between .form-control, .table__wrapper .table .table--header tr td .container-between .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container .table__wrapper .table .table--header tr td .container-between textarea, .table__wrapper .table .table--header tr td .container-between .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .table__wrapper .table .table--header tr td .container-between select, .table__wrapper .table .table--header tr td .container-between .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors .table__wrapper .table .table--header tr td .container-between input, .table__wrapper .table .table--header tr td .container-between .design-settings-page div.input, .design-settings-page .table__wrapper .table .table--header tr td .container-between div.input, .table__wrapper .table .table--header tr th .container-between .form-control, .table__wrapper .table .table--header tr th .container-between .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container .table__wrapper .table .table--header tr th .container-between textarea, .table__wrapper .table .table--header tr th .container-between .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .table__wrapper .table .table--header tr th .container-between select, .table__wrapper .table .table--header tr th .container-between .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors .table__wrapper .table .table--header tr th .container-between input, .table__wrapper .table .table--header tr th .container-between .design-settings-page div.input, .design-settings-page .table__wrapper .table .table--header tr th .container-between div.input {
        min-width: 120px; }
    @media (min-width: 1024px) {
      .table__wrapper .table .table--header tr td .table--header-row-filter-label, .table__wrapper .table .table--header tr th .table--header-row-filter-label {
        display: none; } }
    .table__wrapper .table .table--header tr td .filter-buttons, .table__wrapper .table .table--header tr th .filter-buttons {
      max-width: 100%;
      width: 100%; }
      .table__wrapper .table .table--header tr td .filter-buttons .btn.btn--tooltip .btn__txt, .table__wrapper .table .table--header tr th .filter-buttons .btn.btn--tooltip .btn__txt {
        right: 0;
        left: auto;
        justify-content: center; }
  .table__wrapper .table .table--header tr.table--header-row-open-filter {
    position: absolute;
    top: -51px;
    left: 0;
    width: auto;
    height: auto; }
    .table__wrapper .table .table--header tr.table--header-row-open-filter .btn--open-table-filter {
      padding: 4px;
      justify-content: center;
      width: 36px; }
    @media (min-width: 1024px) {
      .table__wrapper .table .table--header tr.table--header-row-open-filter {
        display: none; } }
    .table__wrapper .table .table--header tr.table--header-row-open-filter td:after, .table__wrapper .table .table--header tr.table--header-row-open-filter th:after {
      display: none; }
  .table__wrapper .table .table--header tr.filter td .btn--action, .table__wrapper .table .table--header tr.filter th .btn--action {
    font-size: 15px; }
  .table__wrapper .table .table--header tr.filter td:after, .table__wrapper .table .table--header tr.filter th:after {
    display: none; }
  @media (min-width: 1024px) {
    .table__wrapper .table .table--header tr.table--row--mobile-header {
      display: none; } }
  .table__wrapper .table .table--header tr.table--row--mobile-header td:after, .table__wrapper .table .table--header tr.table--row--mobile-header th:after {
    display: none; }
  .table__wrapper .table .table--header-row-filter-label {
    margin: 0; }
  .table__wrapper .table--header-col {
    border: none;
    border-bottom: none; }
  .table__wrapper .table .table--col__sticky {
    position: absolute;
    right: 0; }
  .table__wrapper .table .table--col__compact {
    padding-left: 4px;
    padding-right: 4px; }
  .table__wrapper .table__wrapper {
    position: relative;
    margin-bottom: 20px; }
  .table__wrapper .table-responsive, .table__wrapper .dataTables_wrapper, .table__wrapper .plugin-status-page #status_div, .plugin-status-page .table__wrapper #status_div {
    display: block;
    width: 100%;
    min-height: 100px;
    overflow-x: auto;
    overflow-y: unset;
    margin-bottom: 0;
    border: none;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scrollbar-width: thin;
    scrollbar-color: #788291 #ABBCCC; }
    .table__wrapper .table-responsive::-webkit-scrollbar, .table__wrapper .dataTables_wrapper::-webkit-scrollbar, .table__wrapper .plugin-status-page #status_div::-webkit-scrollbar, .plugin-status-page .table__wrapper #status_div::-webkit-scrollbar {
      width: 8px;
      height: 8px; }
      .table__wrapper .table-responsive::-webkit-scrollbar-track, .table__wrapper .dataTables_wrapper::-webkit-scrollbar-track, .table__wrapper .plugin-status-page #status_div::-webkit-scrollbar-track, .plugin-status-page .table__wrapper #status_div::-webkit-scrollbar-track {
        background-clip: content-box;
        border: 2px solid transparent; }
      .table__wrapper .table-responsive::-webkit-scrollbar-thumb, .table__wrapper .dataTables_wrapper::-webkit-scrollbar-thumb, .table__wrapper .plugin-status-page #status_div::-webkit-scrollbar-thumb, .plugin-status-page .table__wrapper #status_div::-webkit-scrollbar-thumb {
        background-color: #788291;
        cursor: pointer; }
        .table__wrapper .table-responsive::-webkit-scrollbar-thumb:hover, .table__wrapper .dataTables_wrapper::-webkit-scrollbar-thumb:hover, .table__wrapper .plugin-status-page #status_div::-webkit-scrollbar-thumb:hover, .plugin-status-page .table__wrapper #status_div::-webkit-scrollbar-thumb:hover {
          background-color: #6c7583; }
      .table__wrapper .table-responsive::-webkit-scrollbar-corner, .table__wrapper .dataTables_wrapper::-webkit-scrollbar-corner, .table__wrapper .plugin-status-page #status_div::-webkit-scrollbar-corner, .plugin-status-page .table__wrapper #status_div::-webkit-scrollbar-corner, .table__wrapper .table-responsive::-webkit-scrollbar-track, .table__wrapper .dataTables_wrapper::-webkit-scrollbar-track, .table__wrapper .plugin-status-page #status_div::-webkit-scrollbar-track, .plugin-status-page .table__wrapper #status_div::-webkit-scrollbar-track {
        background-color: #ABBCCC; }
    @media (min-width: 1024px) {
      .table__wrapper .table-responsive__has-action .table-responsive, .table__wrapper .table-responsive__has-action .dataTables_wrapper, .table__wrapper .table-responsive__has-action .plugin-status-page #status_div, .plugin-status-page .table__wrapper .table-responsive__has-action #status_div {
        margin-right: 110px;
        overflow-x: auto;
        overflow-y: visible;
        width: calc(100% - 106px);
        min-height: 100px;
        padding: 4px;
        box-sizing: border-box; }
        .table__wrapper .table-responsive__has-action .table-responsive.__multiple, .table__wrapper .table-responsive__has-action .__multiple.dataTables_wrapper, .table__wrapper .table-responsive__has-action .plugin-status-page .__multiple#status_div, .plugin-status-page .table__wrapper .table-responsive__has-action .__multiple#status_div {
          margin-right: 110px;
          width: calc(100% - 100px); }
          .table__wrapper .table-responsive__has-action .table-responsive.__multiple table .td__sticky, .table__wrapper .table-responsive__has-action .__multiple.dataTables_wrapper table .td__sticky, .table__wrapper .table-responsive__has-action .plugin-status-page .__multiple#status_div table .td__sticky, .plugin-status-page .table__wrapper .table-responsive__has-action .__multiple#status_div table .td__sticky, .table__wrapper .table-responsive__has-action .table-responsive.__multiple .table--col__sticky, .table__wrapper .table-responsive__has-action .__multiple.dataTables_wrapper .table--col__sticky, .table__wrapper .table-responsive__has-action .plugin-status-page .__multiple#status_div .table--col__sticky, .plugin-status-page .table__wrapper .table-responsive__has-action .__multiple#status_div .table--col__sticky,
          .table__wrapper .table-responsive__has-action .table-responsive.__multiple .table .td__sticky,
          .table__wrapper .table-responsive__has-action .__multiple.dataTables_wrapper .table .td__sticky,
          .table__wrapper .table-responsive__has-action .plugin-status-page .__multiple#status_div .table .td__sticky,
          .plugin-status-page .table__wrapper .table-responsive__has-action .__multiple#status_div .table .td__sticky, .table__wrapper .table-responsive__has-action .table-responsive.__multiple .table--col__sticky, .table__wrapper .table-responsive__has-action .__multiple.dataTables_wrapper .table--col__sticky, .table__wrapper .table-responsive__has-action .plugin-status-page .__multiple#status_div .table--col__sticky, .plugin-status-page .table__wrapper .table-responsive__has-action .__multiple#status_div .table--col__sticky {
            width: 104px; } }
    @media (max-width: 1024px) {
      .table__wrapper .table-responsive__has-action .table-responsive, .table__wrapper .table-responsive__has-action .dataTables_wrapper, .table__wrapper .table-responsive__has-action .plugin-status-page #status_div, .plugin-status-page .table__wrapper .table-responsive__has-action #status_div {
        -webkit-overflow-scrolling: auto !important; } }
  .table__wrapper .table--col-content {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 5px 12px;
    min-height: 48px; }
  .table__wrapper .table--col--mob-view .list--inline-report .list-item {
    margin-bottom: 2px;
    padding-bottom: 2px;
    font-size: 14px; }
    .table__wrapper .table--col--mob-view .list--inline-report .list-item__caption {
      font-size: 14px; }
    .table__wrapper .table--col--mob-view .list--inline-report .list-item:last-child {
      margin-bottom: 0;
      padding-bottom: 0; }
    .table__wrapper .table--col--mob-view .list--inline-report .list-item .list-item__info {
      word-break: break-word; }
    .table__wrapper .table--col--mob-view .list--inline-report .list-item .tag-item--list {
      display: inline-flex;
      align-items: flex-start;
      justify-content: flex-start;
      flex-wrap: wrap;
      gap: 4px; }
      .table__wrapper .table--col--mob-view .list--inline-report .list-item .tag-item--list .tag-item {
        margin: 0; }
  @media (min-width: 1024px) {
    .table__wrapper .table--col--mob-view {
      display: none !important; } }
  .table__wrapper .table.table-striped .table--body .table--row:nth-of-type(odd),
  .table__wrapper .table.table-striped .table--body tr:nth-of-type(odd),
  .table__wrapper .table.table-striped tbody .table--row:nth-of-type(odd),
  .table__wrapper .table.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
    background: #fff;
    border: none; }
    .table__wrapper .table.table-striped .table--body .table--row:nth-of-type(odd) td,
    .table__wrapper .table.table-striped .table--body .table--row:nth-of-type(odd) .table--col,
    .table__wrapper .table.table-striped .table--body tr:nth-of-type(odd) td,
    .table__wrapper .table.table-striped .table--body tr:nth-of-type(odd) .table--col,
    .table__wrapper .table.table-striped tbody .table--row:nth-of-type(odd) td,
    .table__wrapper .table.table-striped tbody .table--row:nth-of-type(odd) .table--col,
    .table__wrapper .table.table-striped tbody tr:nth-of-type(odd) td,
    .table__wrapper .table.table-striped tbody tr:nth-of-type(odd) .table--col {
      background-color: #fff;
      background: #fff; }
  .table__wrapper .table.table-striped .table--body .table--row:nth-of-type(even),
  .table__wrapper .table.table-striped .table--body tr:nth-of-type(even),
  .table__wrapper .table.table-striped tbody .table--row:nth-of-type(even),
  .table__wrapper .table.table-striped tbody tr:nth-of-type(even) {
    background-color: #f8faff;
    background: #f8faff;
    border: none; }
    .table__wrapper .table.table-striped .table--body .table--row:nth-of-type(even) td,
    .table__wrapper .table.table-striped .table--body .table--row:nth-of-type(even) .table--col,
    .table__wrapper .table.table-striped .table--body tr:nth-of-type(even) td,
    .table__wrapper .table.table-striped .table--body tr:nth-of-type(even) .table--col,
    .table__wrapper .table.table-striped tbody .table--row:nth-of-type(even) td,
    .table__wrapper .table.table-striped tbody .table--row:nth-of-type(even) .table--col,
    .table__wrapper .table.table-striped tbody tr:nth-of-type(even) td,
    .table__wrapper .table.table-striped tbody tr:nth-of-type(even) .table--col {
      background-color: #f8faff;
      background: #f8faff; }
  .table__wrapper .table.table-striped .table--body .table--row td,
  .table__wrapper .table.table-striped .table--body .table--row .table--col,
  .table__wrapper .table.table-striped .table--body tr td,
  .table__wrapper .table.table-striped .table--body tr .table--col,
  .table__wrapper .table.table-striped tbody .table--row td,
  .table__wrapper .table.table-striped tbody .table--row .table--col,
  .table__wrapper .table.table-striped tbody tr td,
  .table__wrapper .table.table-striped tbody tr .table--col {
    border: none; }
  .table__wrapper .table.table--rows .table--col-content {
    min-height: 20px; }
  .table__wrapper .table.table--rows.table > tbody > tr > td {
    border-top: none;
    border-bottom: 1px solid #303030; }
    .table__wrapper .table.table--rows.table > tbody > tr > td.value {
      color: #0B3052; }

@media (max-width: 1024px) {
  .table__wrapper .table-responsive, .table__wrapper .dataTables_wrapper, .table__wrapper .plugin-status-page #status_div, .plugin-status-page .table__wrapper #status_div,
  .table-responsive__has-action .table-responsive,
  .table-responsive__has-action .dataTables_wrapper,
  .table-responsive__has-action .plugin-status-page #status_div,
  .plugin-status-page .table-responsive__has-action #status_div {
    overflow-x: unset;
    overflow-y: unset;
    width: auto;
    margin-left: -20px;
    margin-right: -20px; }
  .table__wrapper .table {
    display: block; }
    .table__wrapper .table--header {
      display: block;
      line-height: 1;
      margin: 0; }
    .table__wrapper .table--body, .table__wrapper .table--row {
      display: block; }
      .table__wrapper .table--body--not-mob, .table__wrapper .table--row--not-mob {
        display: none; }
    .table__wrapper .table--col {
      display: none;
      margin: 0;
      padding: 0 !important;
      white-space: normal !important; }
      .table__wrapper .table--col--col-checkbox, .table__wrapper .table--col__sticky, .table__wrapper .table--col--mob-view {
        display: block; }
      .table__wrapper .table--col__sticky {
        position: relative; }
    .table__wrapper .table--header .table--header-row {
      display: none; }
      .table__wrapper .table--header .table--header-row .table--col {
        display: block; }
    .table__wrapper .table--header .table--header-row-open-filter {
      display: inline-block; }
      .table__wrapper .table--header .table--header-row-open-filter .table--header-col {
        padding: 0 !important; }
    .table__wrapper .table--header .table--header-row-back .table--header-col {
      padding: 0; }
    .table__wrapper .table--header .table--row--mobile-body {
      padding-bottom: 20px; }
      .table__wrapper .table--header .table--row--mobile-body:before {
        content: 'Sort by';
        display: block;
        width: 100%;
        font-family: "Mulish", sans-serif;
        font-weight: bold;
        color: #0B3052;
        font-size: 18px;
        margin-bottom: 12px;
        padding-top: 10px;
        grid-column: 1 / -1; }
      .table__wrapper .table--header .table--row--mobile-body .table--header-col {
        display: inline-flex;
        align-items: stretch;
        justify-content: center;
        padding: 5px 20px !important;
        margin: 0;
        line-height: 1;
        border-radius: 25px;
        min-height: 33px;
        min-width: 100px;
        border: 1px solid #303030;
        width: 100%;
        font-weight: normal;
        cursor: pointer; }
        .table__wrapper .table--header .table--row--mobile-body .table--header-col:hover, .table__wrapper .table--header .table--row--mobile-body .table--header-col:active {
          background: #f8faff; }
        .table__wrapper .table--header .table--row--mobile-body .table--header-col:after {
          display: none; }
        .table__wrapper .table--header .table--row--mobile-body .table--header-col .table--col-content {
          min-height: 20px; }
          .table__wrapper .table--header .table--row--mobile-body .table--header-col .table--col-content > span {
            line-height: 1.1;
            display: inline-block; }
            .table__wrapper .table--header .table--row--mobile-body .table--header-col .table--col-content > span.glyphicon {
              font-size: 12px;
              color: #788291; }
            .table__wrapper .table--header .table--row--mobile-body .table--header-col .table--col-content > span.filter--txt {
              font-size: 13px;
              display: block; }
        .table__wrapper .table--header .table--row--mobile-body .table--header-col.table--header-col-checkbox {
          position: relative;
          grid-column: 1 / -1; }
          .table__wrapper .table--header .table--row--mobile-body .table--header-col.table--header-col-checkbox input[type="checkbox"] {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            opacity: 0; }
      .table__wrapper .table--header .table--row--mobile-body .actions-header {
        display: none; }
    .table__wrapper .table--header .table--header-row-filter:before {
      content: 'Search by';
      display: block;
      width: 100%;
      font-family: "Mulish", sans-serif;
      font-weight: bold;
      color: #0B3052;
      font-size: 18px;
      margin-bottom: 12px;
      padding-top: 10px;
      grid-column: 1 / -1; }
    .table__wrapper .table--header .table--header-row-filter .table--col.table--col--phantom {
      display: none; }
    .table__wrapper .table--header .table--header-row-filter .table--col .table--col-content {
      display: flex;
      flex-direction: column;
      gap: 0; }
      .table__wrapper .table--header .table--header-row-filter .table--col .table--col-content .table--header-row-filter-label {
        width: 100%;
        font-size: 13px;
        color: #788291;
        line-height: 1.2;
        margin-bottom: 5px;
        padding-top: 14px;
        font-weight: normal; }
    .table__wrapper .table--header .table--header-row-filter .table--col.table--col__sticky.filter-cell {
      position: relative;
      width: 100%;
      max-width: 100%;
      grid-column: 1 / -1; }
      .table__wrapper .table--header .table--header-row-filter .table--col.table--col__sticky.filter-cell .table--col-content {
        padding-top: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        gap: 6px 14px; }
        .table__wrapper .table--header .table--header-row-filter .table--col.table--col__sticky.filter-cell .table--col-content .btn {
          width: auto;
          padding: 4px 25px; }
          .table__wrapper .table--header .table--header-row-filter .table--col.table--col__sticky.filter-cell .table--col-content .btn .btn--txt {
            display: block; }
    .table__wrapper .table--header.--is-open .table--header--mob-cover {
      position: fixed;
      display: block;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      background: rgba(11, 48, 82, 0.2);
      z-index: 9999; }
    .table__wrapper .table--header.--is-open .table--header-popup-filter {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      padding: 12px 20px 36px 20px;
      background: #ffff;
      z-index: 99999;
      display: flex;
      flex-direction: column;
      max-height: calc(100vh - 60px);
      background-clip: padding-box;
      pointer-events: auto;
      overflow-y: auto;
      scrollbar-width: thin;
      scrollbar-color: #788291 #ABBCCC; }
      .table__wrapper .table--header.--is-open .table--header-popup-filter::-webkit-scrollbar {
        width: 6px;
        height: 6px; }
        .table__wrapper .table--header.--is-open .table--header-popup-filter::-webkit-scrollbar-track {
          background-clip: content-box;
          border: 1.5px solid transparent; }
        .table__wrapper .table--header.--is-open .table--header-popup-filter::-webkit-scrollbar-thumb {
          background-color: #788291;
          cursor: pointer; }
          .table__wrapper .table--header.--is-open .table--header-popup-filter::-webkit-scrollbar-thumb:hover {
            background-color: #6c7583; }
        .table__wrapper .table--header.--is-open .table--header-popup-filter::-webkit-scrollbar-corner, .table__wrapper .table--header.--is-open .table--header-popup-filter::-webkit-scrollbar-track {
          background-color: #ABBCCC; }
      .table__wrapper .table--header.--is-open .table--header-popup-filter .table--header-row {
        display: flex; }
      .table__wrapper .table--header.--is-open .table--header-popup-filter .table--row--mobile-body {
        flex: 1;
        display: grid;
        grid-gap: 8px;
        grid-template-columns: repeat(auto-fill, minmax(144px, 1fr));
        padding-bottom: 10px; }
      .table__wrapper .table--header.--is-open .table--header-popup-filter .table--header-row-filter {
        display: grid;
        grid-gap: 8px 12px;
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
      .table__wrapper .table--header.--is-open .table--header-popup-filter .filter-buttons .btn--tooltip .btn__txt {
        position: static;
        display: inline-block;
        padding: 0;
        margin: 0;
        background: transparent;
        color: inherit;
        box-shadow: none !important;
        min-width: unset;
        min-height: unset;
        opacity: 1;
        visibility: visible; }
    .table__wrapper .table--body .table--row {
      display: flex;
      align-items: center;
      gap: 0 20px;
      padding: 20px; }
      .table__wrapper .table--body .table--row--not-mob {
        display: none; }
      .table__wrapper .table--body .table--row .table--col {
        border: none !important; }
        .table__wrapper .table--body .table--row .table--col.table--col-checkbox {
          display: block !important; }
      .table__wrapper .table--body .table--row .table--col__sticky {
        position: relative !important;
        width: auto;
        order: 20; }
      .table__wrapper .table--body .table--row .table--col--mob-view {
        flex: 1; } }

.block-table {
  position: relative; }

@media (max-width: 1024px) {
  .buttons-container.btn-bar--data-page.v2 {
    padding-left: 44px; } }

@media (max-width: 1024px) {
  .page--Book.notification.system .buttons-container.btn-bar--data-page.v5 {
    padding-left: 44px; } }

.data-page .dataTables_wrapper,
.page--merge-clients.__has-action .dataTables_wrapper,
.data-page-clients.__has-action .dataTables_wrapper {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important; }

.data-page .table__wrapper,
.page--merge-clients.__has-action .table__wrapper,
.data-page-clients.__has-action .table__wrapper {
  position: relative;
  margin-bottom: 20px; }
  .data-page .table__wrapper .table-responsive, .data-page .table__wrapper .dataTables_wrapper, .data-page .table__wrapper .plugin-status-page #status_div, .plugin-status-page .data-page .table__wrapper #status_div,
  .page--merge-clients.__has-action .table__wrapper .table-responsive,
  .page--merge-clients.__has-action .table__wrapper .dataTables_wrapper,
  .page--merge-clients.__has-action .table__wrapper .plugin-status-page #status_div,
  .plugin-status-page .page--merge-clients.__has-action .table__wrapper #status_div,
  .data-page-clients.__has-action .table__wrapper .table-responsive,
  .data-page-clients.__has-action .table__wrapper .dataTables_wrapper,
  .data-page-clients.__has-action .table__wrapper .plugin-status-page #status_div,
  .plugin-status-page .data-page-clients.__has-action .table__wrapper #status_div {
    display: block;
    width: 100%;
    min-height: 200px;
    overflow-x: auto;
    overflow-y: unset;
    margin-bottom: 0;
    border: none;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scrollbar-width: thin;
    scrollbar-color: #788291 #ABBCCC; }
    .data-page .table__wrapper .table-responsive::-webkit-scrollbar, .data-page .table__wrapper .dataTables_wrapper::-webkit-scrollbar, .data-page .table__wrapper .plugin-status-page #status_div::-webkit-scrollbar, .plugin-status-page .data-page .table__wrapper #status_div::-webkit-scrollbar,
    .page--merge-clients.__has-action .table__wrapper .table-responsive::-webkit-scrollbar,
    .page--merge-clients.__has-action .table__wrapper .dataTables_wrapper::-webkit-scrollbar,
    .page--merge-clients.__has-action .table__wrapper .plugin-status-page #status_div::-webkit-scrollbar,
    .plugin-status-page .page--merge-clients.__has-action .table__wrapper #status_div::-webkit-scrollbar,
    .data-page-clients.__has-action .table__wrapper .table-responsive::-webkit-scrollbar,
    .data-page-clients.__has-action .table__wrapper .dataTables_wrapper::-webkit-scrollbar,
    .data-page-clients.__has-action .table__wrapper .plugin-status-page #status_div::-webkit-scrollbar,
    .plugin-status-page .data-page-clients.__has-action .table__wrapper #status_div::-webkit-scrollbar {
      width: 8px;
      height: 8px; }
      .data-page .table__wrapper .table-responsive::-webkit-scrollbar-track, .data-page .table__wrapper .dataTables_wrapper::-webkit-scrollbar-track, .data-page .table__wrapper .plugin-status-page #status_div::-webkit-scrollbar-track, .plugin-status-page .data-page .table__wrapper #status_div::-webkit-scrollbar-track,
      .page--merge-clients.__has-action .table__wrapper .table-responsive::-webkit-scrollbar-track,
      .page--merge-clients.__has-action .table__wrapper .dataTables_wrapper::-webkit-scrollbar-track,
      .page--merge-clients.__has-action .table__wrapper .plugin-status-page #status_div::-webkit-scrollbar-track,
      .plugin-status-page .page--merge-clients.__has-action .table__wrapper #status_div::-webkit-scrollbar-track,
      .data-page-clients.__has-action .table__wrapper .table-responsive::-webkit-scrollbar-track,
      .data-page-clients.__has-action .table__wrapper .dataTables_wrapper::-webkit-scrollbar-track,
      .data-page-clients.__has-action .table__wrapper .plugin-status-page #status_div::-webkit-scrollbar-track,
      .plugin-status-page .data-page-clients.__has-action .table__wrapper #status_div::-webkit-scrollbar-track {
        background-clip: content-box;
        border: 2px solid transparent; }
      .data-page .table__wrapper .table-responsive::-webkit-scrollbar-thumb, .data-page .table__wrapper .dataTables_wrapper::-webkit-scrollbar-thumb, .data-page .table__wrapper .plugin-status-page #status_div::-webkit-scrollbar-thumb, .plugin-status-page .data-page .table__wrapper #status_div::-webkit-scrollbar-thumb,
      .page--merge-clients.__has-action .table__wrapper .table-responsive::-webkit-scrollbar-thumb,
      .page--merge-clients.__has-action .table__wrapper .dataTables_wrapper::-webkit-scrollbar-thumb,
      .page--merge-clients.__has-action .table__wrapper .plugin-status-page #status_div::-webkit-scrollbar-thumb,
      .plugin-status-page .page--merge-clients.__has-action .table__wrapper #status_div::-webkit-scrollbar-thumb,
      .data-page-clients.__has-action .table__wrapper .table-responsive::-webkit-scrollbar-thumb,
      .data-page-clients.__has-action .table__wrapper .dataTables_wrapper::-webkit-scrollbar-thumb,
      .data-page-clients.__has-action .table__wrapper .plugin-status-page #status_div::-webkit-scrollbar-thumb,
      .plugin-status-page .data-page-clients.__has-action .table__wrapper #status_div::-webkit-scrollbar-thumb {
        background-color: #788291;
        cursor: pointer; }
        .data-page .table__wrapper .table-responsive::-webkit-scrollbar-thumb:hover, .data-page .table__wrapper .dataTables_wrapper::-webkit-scrollbar-thumb:hover, .data-page .table__wrapper .plugin-status-page #status_div::-webkit-scrollbar-thumb:hover, .plugin-status-page .data-page .table__wrapper #status_div::-webkit-scrollbar-thumb:hover,
        .page--merge-clients.__has-action .table__wrapper .table-responsive::-webkit-scrollbar-thumb:hover,
        .page--merge-clients.__has-action .table__wrapper .dataTables_wrapper::-webkit-scrollbar-thumb:hover,
        .page--merge-clients.__has-action .table__wrapper .plugin-status-page #status_div::-webkit-scrollbar-thumb:hover,
        .plugin-status-page .page--merge-clients.__has-action .table__wrapper #status_div::-webkit-scrollbar-thumb:hover,
        .data-page-clients.__has-action .table__wrapper .table-responsive::-webkit-scrollbar-thumb:hover,
        .data-page-clients.__has-action .table__wrapper .dataTables_wrapper::-webkit-scrollbar-thumb:hover,
        .data-page-clients.__has-action .table__wrapper .plugin-status-page #status_div::-webkit-scrollbar-thumb:hover,
        .plugin-status-page .data-page-clients.__has-action .table__wrapper #status_div::-webkit-scrollbar-thumb:hover {
          background-color: #6c7583; }
      .data-page .table__wrapper .table-responsive::-webkit-scrollbar-corner, .data-page .table__wrapper .dataTables_wrapper::-webkit-scrollbar-corner, .data-page .table__wrapper .plugin-status-page #status_div::-webkit-scrollbar-corner, .plugin-status-page .data-page .table__wrapper #status_div::-webkit-scrollbar-corner, .data-page .table__wrapper .table-responsive::-webkit-scrollbar-track, .data-page .table__wrapper .dataTables_wrapper::-webkit-scrollbar-track, .data-page .table__wrapper .plugin-status-page #status_div::-webkit-scrollbar-track, .plugin-status-page .data-page .table__wrapper #status_div::-webkit-scrollbar-track,
      .page--merge-clients.__has-action .table__wrapper .table-responsive::-webkit-scrollbar-corner,
      .page--merge-clients.__has-action .table__wrapper .dataTables_wrapper::-webkit-scrollbar-corner,
      .page--merge-clients.__has-action .table__wrapper .plugin-status-page #status_div::-webkit-scrollbar-corner,
      .plugin-status-page .page--merge-clients.__has-action .table__wrapper #status_div::-webkit-scrollbar-corner,
      .page--merge-clients.__has-action .table__wrapper .table-responsive::-webkit-scrollbar-track,
      .page--merge-clients.__has-action .table__wrapper .dataTables_wrapper::-webkit-scrollbar-track,
      .page--merge-clients.__has-action .table__wrapper .plugin-status-page #status_div::-webkit-scrollbar-track,
      .plugin-status-page .page--merge-clients.__has-action .table__wrapper #status_div::-webkit-scrollbar-track,
      .data-page-clients.__has-action .table__wrapper .table-responsive::-webkit-scrollbar-corner,
      .data-page-clients.__has-action .table__wrapper .dataTables_wrapper::-webkit-scrollbar-corner,
      .data-page-clients.__has-action .table__wrapper .plugin-status-page #status_div::-webkit-scrollbar-corner,
      .plugin-status-page .data-page-clients.__has-action .table__wrapper #status_div::-webkit-scrollbar-corner,
      .data-page-clients.__has-action .table__wrapper .table-responsive::-webkit-scrollbar-track,
      .data-page-clients.__has-action .table__wrapper .dataTables_wrapper::-webkit-scrollbar-track,
      .data-page-clients.__has-action .table__wrapper .plugin-status-page #status_div::-webkit-scrollbar-track,
      .plugin-status-page .data-page-clients.__has-action .table__wrapper #status_div::-webkit-scrollbar-track {
        background-color: #ABBCCC; }
    @media (min-width: 1024px) {
      .data-page .table__wrapper .table-responsive, .data-page .table__wrapper .dataTables_wrapper, .data-page .table__wrapper .plugin-status-page #status_div, .plugin-status-page .data-page .table__wrapper #status_div,
      .page--merge-clients.__has-action .table__wrapper .table-responsive,
      .page--merge-clients.__has-action .table__wrapper .dataTables_wrapper,
      .page--merge-clients.__has-action .table__wrapper .plugin-status-page #status_div,
      .plugin-status-page .page--merge-clients.__has-action .table__wrapper #status_div,
      .data-page-clients.__has-action .table__wrapper .table-responsive,
      .data-page-clients.__has-action .table__wrapper .dataTables_wrapper,
      .data-page-clients.__has-action .table__wrapper .plugin-status-page #status_div,
      .plugin-status-page .data-page-clients.__has-action .table__wrapper #status_div {
        margin-right: 108px;
        overflow-x: auto;
        overflow-y: visible;
        width: calc(100% - 100px);
        min-height: 100px;
        padding: 4px;
        box-sizing: border-box; }
        .data-page .table__wrapper .table-responsive table .td__sticky, .data-page .table__wrapper .dataTables_wrapper table .td__sticky, .data-page .table__wrapper .plugin-status-page #status_div table .td__sticky, .plugin-status-page .data-page .table__wrapper #status_div table .td__sticky, .data-page .table__wrapper .table-responsive .table--col__sticky, .data-page .table__wrapper .dataTables_wrapper .table--col__sticky, .data-page .table__wrapper .plugin-status-page #status_div .table--col__sticky, .plugin-status-page .data-page .table__wrapper #status_div .table--col__sticky,
        .data-page .table__wrapper .table-responsive .table .td__sticky,
        .data-page .table__wrapper .dataTables_wrapper .table .td__sticky,
        .data-page .table__wrapper .plugin-status-page #status_div .table .td__sticky,
        .plugin-status-page .data-page .table__wrapper #status_div .table .td__sticky, .data-page .table__wrapper .table-responsive .table--col__sticky, .data-page .table__wrapper .dataTables_wrapper .table--col__sticky, .data-page .table__wrapper .plugin-status-page #status_div .table--col__sticky, .plugin-status-page .data-page .table__wrapper #status_div .table--col__sticky,
        .page--merge-clients.__has-action .table__wrapper .table-responsive table .td__sticky,
        .page--merge-clients.__has-action .table__wrapper .dataTables_wrapper table .td__sticky,
        .page--merge-clients.__has-action .table__wrapper .plugin-status-page #status_div table .td__sticky,
        .plugin-status-page .page--merge-clients.__has-action .table__wrapper #status_div table .td__sticky,
        .page--merge-clients.__has-action .table__wrapper .table-responsive .table--col__sticky,
        .page--merge-clients.__has-action .table__wrapper .dataTables_wrapper .table--col__sticky,
        .page--merge-clients.__has-action .table__wrapper .plugin-status-page #status_div .table--col__sticky,
        .plugin-status-page .page--merge-clients.__has-action .table__wrapper #status_div .table--col__sticky,
        .page--merge-clients.__has-action .table__wrapper .table-responsive .table .td__sticky,
        .page--merge-clients.__has-action .table__wrapper .dataTables_wrapper .table .td__sticky,
        .page--merge-clients.__has-action .table__wrapper .plugin-status-page #status_div .table .td__sticky,
        .plugin-status-page .page--merge-clients.__has-action .table__wrapper #status_div .table .td__sticky,
        .page--merge-clients.__has-action .table__wrapper .table-responsive .table--col__sticky,
        .page--merge-clients.__has-action .table__wrapper .dataTables_wrapper .table--col__sticky,
        .page--merge-clients.__has-action .table__wrapper .plugin-status-page #status_div .table--col__sticky,
        .plugin-status-page .page--merge-clients.__has-action .table__wrapper #status_div .table--col__sticky,
        .data-page-clients.__has-action .table__wrapper .table-responsive table .td__sticky,
        .data-page-clients.__has-action .table__wrapper .dataTables_wrapper table .td__sticky,
        .data-page-clients.__has-action .table__wrapper .plugin-status-page #status_div table .td__sticky,
        .plugin-status-page .data-page-clients.__has-action .table__wrapper #status_div table .td__sticky,
        .data-page-clients.__has-action .table__wrapper .table-responsive .table--col__sticky,
        .data-page-clients.__has-action .table__wrapper .dataTables_wrapper .table--col__sticky,
        .data-page-clients.__has-action .table__wrapper .plugin-status-page #status_div .table--col__sticky,
        .plugin-status-page .data-page-clients.__has-action .table__wrapper #status_div .table--col__sticky,
        .data-page-clients.__has-action .table__wrapper .table-responsive .table .td__sticky,
        .data-page-clients.__has-action .table__wrapper .dataTables_wrapper .table .td__sticky,
        .data-page-clients.__has-action .table__wrapper .plugin-status-page #status_div .table .td__sticky,
        .plugin-status-page .data-page-clients.__has-action .table__wrapper #status_div .table .td__sticky,
        .data-page-clients.__has-action .table__wrapper .table-responsive .table--col__sticky,
        .data-page-clients.__has-action .table__wrapper .dataTables_wrapper .table--col__sticky,
        .data-page-clients.__has-action .table__wrapper .plugin-status-page #status_div .table--col__sticky,
        .plugin-status-page .data-page-clients.__has-action .table__wrapper #status_div .table--col__sticky {
          width: 104px;
          max-width: 100%; } }
    @media (max-width: 1024px) {
      .data-page .table__wrapper .table-responsive, .data-page .table__wrapper .dataTables_wrapper, .data-page .table__wrapper .plugin-status-page #status_div, .plugin-status-page .data-page .table__wrapper #status_div,
      .page--merge-clients.__has-action .table__wrapper .table-responsive,
      .page--merge-clients.__has-action .table__wrapper .dataTables_wrapper,
      .page--merge-clients.__has-action .table__wrapper .plugin-status-page #status_div,
      .plugin-status-page .page--merge-clients.__has-action .table__wrapper #status_div,
      .data-page-clients.__has-action .table__wrapper .table-responsive,
      .data-page-clients.__has-action .table__wrapper .dataTables_wrapper,
      .data-page-clients.__has-action .table__wrapper .plugin-status-page #status_div,
      .plugin-status-page .data-page-clients.__has-action .table__wrapper #status_div {
        -webkit-overflow-scrolling: auto !important;
        width: auto;
        overflow: visible; } }

.data-page .tag-item--list,
.page--merge-clients.__has-action .tag-item--list,
.data-page-clients.__has-action .tag-item--list {
  max-width: 100%;
  flex-wrap: nowrap; }

@media (min-width: 1024px) {
  .table--col__sticky .local-actions .dropdown-menu {
    position: absolute;
    transform: none !important;
    top: 30px !important;
    left: auto !important;
    right: 0 !important;
    will-change: transform;
    border: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important;
    color: #788291; }
  .table--col__sticky .local-actions .dropdown:hover .dropdown-menu {
    display: block;
    visibility: visible; } }

@media (min-width: 1024px) {
  .table--col__type-2.title .txt, .table--col__type-2.units .txt {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical; } }

@media (min-width: 1024px) {
  .table--col__type-2.events .txt {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical; } }

.table--row_combobox .table--col .info .p--primary {
  font-size: 14px; }

.table--row_combobox .table--col.actions {
  width: 62px; }

/* Material design switchers  */
.form-group__switcher .errors .invalid-feedback:first-child, .form-group__switcher .errors .form-group.has-error .help-block:first-child, .form-group.has-error .form-group__switcher .errors .help-block:first-child, .form-group__switcher .errors .has-error.element-container .help-block:first-child, .has-error.element-container .form-group__switcher .errors .help-block:first-child, .form-group__switcher .errors .element-container.error-field .help-block:first-child, .element-container.error-field .form-group__switcher .errors .help-block:first-child, .form-group__switcher .errors .element-container .error-message:first-child, .element-container .form-group__switcher .errors .error-message:first-child {
  margin-top: 0; }

.form-group__switcher .errors .invalid-feedback:last-child, .form-group__switcher .errors .form-group.has-error .help-block:last-child, .form-group.has-error .form-group__switcher .errors .help-block:last-child, .form-group__switcher .errors .has-error.element-container .help-block:last-child, .has-error.element-container .form-group__switcher .errors .help-block:last-child, .form-group__switcher .errors .element-container.error-field .help-block:last-child, .element-container.error-field .form-group__switcher .errors .help-block:last-child, .form-group__switcher .errors .element-container .error-message:last-child, .element-container .form-group__switcher .errors .error-message:last-child {
  margin-bottom: 4px; }

.material-switch-container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px 8px;
  line-height: 1; }
  .material-switch-container label {
    display: inline-block;
    vertical-align: middle; }
  .material-switch-container .material-switch {
    height: 22px; }
    .material-switch-container .material-switch input[type="checkbox"] {
      display: none; }
    .material-switch-container .material-switch label {
      display: inline-block;
      cursor: pointer;
      margin-bottom: 0;
      position: relative;
      background: transparent; }
    .material-switch-container .material-switch label::before {
      content: '';
      display: inline-block;
      border-radius: 26px;
      height: 22px;
      transition: all 0.4s ease-in-out;
      width: 36px;
      min-width: 36px;
      padding: 0;
      margin: 0;
      border: 1px solid #dcdddf;
      background: transparent;
      background-color: transparent; }
    .material-switch-container .material-switch input[type="checkbox"]:checked + label::before, .material-switch-container .material-switch .management-app input.implicit-checked[type="checkbox"] + label::before, .management-app .material-switch-container .material-switch input.implicit-checked[type="checkbox"] + label::before {
      background: transparent; }
    .material-switch-container .material-switch label::after {
      content: '';
      width: 16px;
      height: 16px;
      position: absolute;
      left: 4px;
      top: 3px;
      transition: all 0.3s ease-in-out;
      background: #ABBCCC;
      border-radius: 16px;
      box-shadow: none; }
    .material-switch-container .material-switch input[type="checkbox"]:checked + label::after, .material-switch-container .material-switch .management-app input.implicit-checked[type="checkbox"] + label::after, .management-app .material-switch-container .material-switch input.implicit-checked[type="checkbox"] + label::after {
      left: 16px;
      background: #06ADEF; }
    .material-switch-container .material-switch.danger input[type="checkbox"]:checked + label::before, .material-switch-container .material-switch.danger .management-app input.implicit-checked[type="checkbox"] + label::before, .management-app .material-switch-container .material-switch.danger input.implicit-checked[type="checkbox"] + label::before {
      background: #ffe4e4; }
    .material-switch-container .material-switch.disabled {
      opacity: 0.4; }
      .material-switch-container .material-switch.disabled * {
        cursor: default; }

/* end of material switch */
.dark-mode input[type="checkbox"] {
  border-color: #555555; }
  .dark-mode input[type="checkbox"]:focus, .dark-mode input[type="checkbox"]:hover {
    border-color: #777777; }
  
  .dark-mode input[type="checkbox"]:checked,
  .dark-mode .management-app input.implicit-checked[type="checkbox"],
  .management-app .dark-mode input.implicit-checked[type="checkbox"] {
    border: 1px solid #555555; }
  .dark-mode input[type="checkbox"]:disabled, .dark-mode input[type="checkbox"].disabled {
    background-color: #caccd1;
    border-color: #555555; }
    .dark-mode input[type="checkbox"]:disabled:checked, .dark-mode .management-app input.implicit-checked[type="checkbox"]:disabled, .management-app .dark-mode input.implicit-checked[type="checkbox"]:disabled, .dark-mode input[type="checkbox"].disabled:checked, .dark-mode .management-app input.implicit-checked[type="checkbox"].disabled, .management-app .dark-mode input.implicit-checked[type="checkbox"].disabled {
      border-color: #555555; }

select,
select.form-control,
.templates-page .notifications-settings .field select {
  min-width: 65px;
  padding-right: 30px;
  background-image: url("/react-admin/assets/images/select--arrow.svg");
  background-size: 10px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: right 15px center;
  -webkit-appearance: none;
  appearance: none;
  white-space: nowrap;
  text-overflow: ellipsis; }

input[type="checkbox"] {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  flex: 24px 0 0;
  -webkit-appearance: none;
  appearance: none;
  background-color: #ffffff;
  border: 1px solid #dcdddf;
  border-radius: 3px;
  transition: background-color 0.1s linear, border 0.1s linear, background-image 0.1s linear;
  outline: none;
  cursor: pointer; }
  input[type="checkbox"]:focus, input[type="checkbox"]:hover {
    border: 1px solid #c1ceea;
    background-color: white; }
  input[type="checkbox"]:checked, .management-app input.implicit-checked[type="checkbox"] {
    color: #0B3052;
    border: 1px solid #E7ECF7;
    background-image: url(/v2/images/admin/icons/checked-dark.svg);
    background-repeat: no-repeat;
    background-color: #F1F6FF;
    background-size: 12px;
    background-position: center; }
  input[type="checkbox"]:disabled, input[type="checkbox"].disabled {
    background-color: #caccd1;
    border: 1px solid #dcdddf;
    cursor: default; }
    input[type="checkbox"]:disabled:checked, .management-app input.implicit-checked[type="checkbox"]:disabled, input[type="checkbox"].disabled:checked, .management-app input.implicit-checked[type="checkbox"].disabled {
      border-color: #dcdddf; }

input[type="radio"] {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  flex: 20px 0 0;
  -webkit-appearance: none;
  appearance: none;
  background-color: #ffffff;
  border: 1px solid #dcdddf;
  border-radius: 50%;
  outline: none;
  cursor: pointer; }
  input[type="radio"]:hover {
    border-color: #06ADEF; }
  input[type="radio"]:checked, .management-app input.implicit-checked[type="radio"] {
    border: 4px solid #06ADEF;
    background-color: #ffffff; }
  input[type="radio"]:disabled, input[type="radio"].disabled {
    border-color: #fafafa; }

input[type="number"],
input[type="number"].form-control,
.design-settings-page .theme-additional-colors input[type="number"] {
  min-width: 65px; }

.field-container:not(.form-group):not(.element-container) {
  display: flex;
  justify-content: flex-start; }
  .field-container:not(.form-group):not(.element-container).grid-x-gap-4 {
    column-gap: 4px; }
  .field-container:not(.form-group):not(.element-container).grid-x-gap-8 {
    column-gap: 8px; }
  .field-container:not(.form-group):not(.element-container).grid-x-gap-16 {
    column-gap: 16px; }
  .field-container:not(.form-group):not(.element-container).grid-x-gap-24 {
    column-gap: 24px; }
  .field-container:not(.form-group):not(.element-container).grid-y-gap-4 {
    row-gap: 4px; }
  .field-container:not(.form-group):not(.element-container).grid-y-gap-8 {
    row-gap: 8px; }
  .field-container:not(.form-group):not(.element-container).grid-y-gap-16 {
    row-gap: 16px; }
  .field-container:not(.form-group):not(.element-container).grid-y-gap-24 {
    row-gap: 24px; }
  .field-container:not(.form-group):not(.element-container).align--baseline {
    align-items: baseline; }
  .field-container:not(.form-group):not(.element-container).align--bottom {
    align-items: flex-end; }
  .field-container:not(.form-group):not(.element-container).align--center {
    align-items: center; }
  .field-container:not(.form-group):not(.element-container).align--start {
    align-items: start; }
  .field-container:not(.form-group):not(.element-container).justify--start {
    justify-content: start; }
  .field-container:not(.form-group):not(.element-container).justify--center {
    justify-content: center; }
  .field-container:not(.form-group):not(.element-container).justify--end {
    justify-content: end; }
  .field-container:not(.form-group):not(.element-container).direction--row {
    flex-direction: row; }
  .field-container:not(.form-group):not(.element-container).direction--column {
    flex-direction: column;
    align-items: stretch; }
  .field-container:not(.form-group):not(.element-container).direction--row_wrap {
    flex-wrap: wrap; }
  @media (max-width: 370px) {
    .field-container:not(.form-group):not(.element-container).direction--row.to-col-on-mob_xs {
      flex-direction: column;
      align-items: stretch; } }
  @media (max-width: 767px) {
    .field-container:not(.form-group):not(.element-container).direction--row.to-col-on-mob {
      flex-direction: column;
      align-items: stretch; } }
  @media (max-width: 767px) {
    .field-container:not(.form-group):not(.element-container)--item_ful-on-mob {
      max-width: 100% !important; } }
  @media (max-width: 1024px) {
    .field-container:not(.form-group):not(.element-container)--item_ful-on-tab {
      max-width: 100% !important; } }
  .field-container:not(.form-group):not(.element-container)--item,
  .field-container:not(.form-group):not(.element-container) .form-group,
  .field-container:not(.form-group):not(.element-container) .element-container,
  .field-container:not(.form-group):not(.element-container) .field-group,
  .field-container:not(.form-group):not(.element-container) .customer-select-container {
    flex: 1;
    margin: 0; }
  .field-container:not(.form-group):not(.element-container) .grid {
    margin-bottom: 0 !important; }
  .field-container:not(.form-group):not(.element-container) .btn {
    min-height: 36px; }
    .field-container:not(.form-group):not(.element-container) .btn.btn-sm, .field-container:not(.form-group):not(.element-container) .btn-group-sm > .btn {
      min-width: 33px;
      width: 33px;
      min-height: 33px;
      height: 33px; }
  .field-container:not(.form-group):not(.element-container) .btn-bar {
    width: auto;
    flex: unset; }
  .field-container:not(.form-group):not(.element-container) .--flex-1 {
    flex: 1; }

.sb-accordion {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 8px; }
  .sb-accordion > * {
    width: 100%; }
  .sb-accordion .card, .sb-accordion .panel,
  .sb-accordion .panel {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #e5e5e5;
    margin-bottom: -1px; }
  .sb-accordion .panel-title,
  .sb-accordion .card-title,
  .sb-accordion .panel .panel-title,
  .panel .sb-accordion .panel-title {
    margin-bottom: 0; }
  .sb-accordion .card-header, .sb-accordion .panel .panel-heading, .panel .sb-accordion .panel-heading,
  .sb-accordion .panel-heading {
    background-color: #ffffff;
    color: #0B3052;
    padding: 0;
    border-radius: 0;
    border: none; }
    .sb-accordion .card-header [data-toggle="collapse"], .sb-accordion .panel .panel-heading [data-toggle="collapse"], .panel .sb-accordion .panel-heading [data-toggle="collapse"],
    .sb-accordion .panel-heading [data-toggle="collapse"] {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 5px 10px;
      flex-wrap: wrap;
      min-height: 50px;
      color: #0B3052;
      text-decoration: none;
      font-family: "Mulish", sans-serif;
      font-weight: 600;
      font-size: 14px;
      padding: 12px 48px 12px 20px;
      border-radius: 5px;
      border: 1px solid #E7ECF7;
      transition: all .3s ease; }
      .sb-accordion .card-header [data-toggle="collapse"]:hover, .sb-accordion .panel .panel-heading [data-toggle="collapse"]:hover, .panel .sb-accordion .panel-heading [data-toggle="collapse"]:hover,
      .sb-accordion .panel-heading [data-toggle="collapse"]:hover {
        background-color: #f8faff; }
      .sb-accordion .card-header [data-toggle="collapse"]:before, .sb-accordion .panel .panel-heading [data-toggle="collapse"]:before, .panel .sb-accordion .panel-heading [data-toggle="collapse"]:before,
      .sb-accordion .panel-heading [data-toggle="collapse"]:before {
        position: absolute;
        right: 18px;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        min-width: 22px;
        margin-left: auto;
        color: #0B3052;
        font-size: 14px;
        order: 10; }
      .sb-accordion .card-header [data-toggle="collapse"].collapsed:before, .sb-accordion .panel .panel-heading [data-toggle="collapse"].collapsed:before, .panel .sb-accordion .panel-heading [data-toggle="collapse"].collapsed:before,
      .sb-accordion .panel-heading [data-toggle="collapse"].collapsed:before {
        display: inline-block;
        content: "";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 900;
        font-style: normal;
        text-decoration: inherit;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
      .sb-accordion .card-header [data-toggle="collapse"]:not(.collapsed), .sb-accordion .panel .panel-heading [data-toggle="collapse"]:not(.collapsed), .panel .sb-accordion .panel-heading [data-toggle="collapse"]:not(.collapsed),
      .sb-accordion .panel-heading [data-toggle="collapse"]:not(.collapsed) {
        background-color: #f8faff; }
        .sb-accordion .card-header [data-toggle="collapse"]:not(.collapsed):before, .sb-accordion .panel .panel-heading [data-toggle="collapse"]:not(.collapsed):before, .panel .sb-accordion .panel-heading [data-toggle="collapse"]:not(.collapsed):before,
        .sb-accordion .panel-heading [data-toggle="collapse"]:not(.collapsed):before {
          display: inline-block;
          content: "";
          font-family: 'Font Awesome 5 Pro';
          font-weight: 900;
          font-style: normal;
          text-decoration: inherit;
          font-size: inherit;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }

.dark-mode .sb-accordion .card, .dark-mode .sb-accordion .panel,
.dark-mode .sb-accordion .panel {
  border: 1px solid #555555; }

.dark-mode .sb-accordion .panel-title,
.dark-mode .sb-accordion .card-title,
.dark-mode .sb-accordion .panel .panel-title,
.panel .dark-mode .sb-accordion .panel-title {
  margin-bottom: 0; }

.dark-mode .sb-accordion .card-header, .dark-mode .sb-accordion .panel .panel-heading, .panel .dark-mode .sb-accordion .panel-heading,
.dark-mode .sb-accordion .panel-heading {
  background-color: #242424;
  color: #f9f9f9;
  border-color: #303030; }
  .dark-mode .sb-accordion .card-header [data-toggle="collapse"], .dark-mode .sb-accordion .panel .panel-heading [data-toggle="collapse"], .panel .dark-mode .sb-accordion .panel-heading [data-toggle="collapse"],
  .dark-mode .sb-accordion .panel-heading [data-toggle="collapse"] {
    color: #f9f9f9;
    border-color: #303030; }
    .dark-mode .sb-accordion .card-header [data-toggle="collapse"]:hover, .dark-mode .sb-accordion .panel .panel-heading [data-toggle="collapse"]:hover, .panel .dark-mode .sb-accordion .panel-heading [data-toggle="collapse"]:hover,
    .dark-mode .sb-accordion .panel-heading [data-toggle="collapse"]:hover {
      background-color: #282828; }
    .dark-mode .sb-accordion .card-header [data-toggle="collapse"]:before, .dark-mode .sb-accordion .panel .panel-heading [data-toggle="collapse"]:before, .panel .dark-mode .sb-accordion .panel-heading [data-toggle="collapse"]:before,
    .dark-mode .sb-accordion .panel-heading [data-toggle="collapse"]:before {
      color: #f9f9f9; }
    .dark-mode .sb-accordion .card-header [data-toggle="collapse"]:not(.collapsed), .dark-mode .sb-accordion .panel .panel-heading [data-toggle="collapse"]:not(.collapsed), .panel .dark-mode .sb-accordion .panel-heading [data-toggle="collapse"]:not(.collapsed),
    .dark-mode .sb-accordion .panel-heading [data-toggle="collapse"]:not(.collapsed) {
      background-color: #282828; }

.dark-mode .k-widget.form-control .k-picker-wrap, .dark-mode .contact-widget-message-form .data-block .element-container textarea.k-widget .k-picker-wrap, .contact-widget-message-form .data-block .element-container .dark-mode textarea.k-widget .k-picker-wrap, .dark-mode .templates-page .notifications-settings .field select.k-widget .k-picker-wrap, .templates-page .notifications-settings .field .dark-mode select.k-widget .k-picker-wrap, .dark-mode .design-settings-page .theme-additional-colors input.k-widget .k-picker-wrap, .design-settings-page .theme-additional-colors .dark-mode input.k-widget .k-picker-wrap, .dark-mode .design-settings-page div.k-widget.input .k-picker-wrap, .design-settings-page .dark-mode div.k-widget.input .k-picker-wrap, .dark-mode .k-widget.form-control .k-picker-wrap.k-state-hover, .dark-mode .contact-widget-message-form .data-block .element-container textarea.k-widget .k-picker-wrap.k-state-hover, .contact-widget-message-form .data-block .element-container .dark-mode textarea.k-widget .k-picker-wrap.k-state-hover, .dark-mode .templates-page .notifications-settings .field select.k-widget .k-picker-wrap.k-state-hover, .templates-page .notifications-settings .field .dark-mode select.k-widget .k-picker-wrap.k-state-hover, .dark-mode .design-settings-page .theme-additional-colors input.k-widget .k-picker-wrap.k-state-hover, .design-settings-page .theme-additional-colors .dark-mode input.k-widget .k-picker-wrap.k-state-hover, .dark-mode .design-settings-page div.k-widget.input .k-picker-wrap.k-state-hover, .design-settings-page .dark-mode div.k-widget.input .k-picker-wrap.k-state-hover,
.dark-mode .k-datepicker .k-picker-wrap .k-select, .dark-mode .k-widget.form-control .k-picker-wrap, .dark-mode .contact-widget-message-form .data-block .element-container textarea.k-widget .k-picker-wrap, .contact-widget-message-form .data-block .element-container .dark-mode textarea.k-widget .k-picker-wrap, .dark-mode .templates-page .notifications-settings .field select.k-widget .k-picker-wrap, .templates-page .notifications-settings .field .dark-mode select.k-widget .k-picker-wrap, .dark-mode .design-settings-page .theme-additional-colors input.k-widget .k-picker-wrap, .design-settings-page .theme-additional-colors .dark-mode input.k-widget .k-picker-wrap, .dark-mode .design-settings-page div.k-widget.input .k-picker-wrap, .design-settings-page .dark-mode div.k-widget.input .k-picker-wrap, .dark-mode .k-widget.form-control .k-picker-wrap.k-state-hover, .dark-mode .contact-widget-message-form .data-block .element-container textarea.k-widget .k-picker-wrap.k-state-hover, .contact-widget-message-form .data-block .element-container .dark-mode textarea.k-widget .k-picker-wrap.k-state-hover, .dark-mode .templates-page .notifications-settings .field select.k-widget .k-picker-wrap.k-state-hover, .templates-page .notifications-settings .field .dark-mode select.k-widget .k-picker-wrap.k-state-hover, .dark-mode .design-settings-page .theme-additional-colors input.k-widget .k-picker-wrap.k-state-hover, .design-settings-page .theme-additional-colors .dark-mode input.k-widget .k-picker-wrap.k-state-hover, .dark-mode .design-settings-page div.k-widget.input .k-picker-wrap.k-state-hover, .design-settings-page .dark-mode div.k-widget.input .k-picker-wrap.k-state-hover,
.dark-mode .k-datepicker .k-picker-wrap {
  border-color: #555555 !important; }

.dark-mode .timepicker-container .timepicker-header .header-title,
.dark-mode .k-calendar .k-footer .k-nav-today,
.dark-mode .k-block, .dark-mode .k-widget, .dark-mode .k-popup, .dark-mode .k-content, .dark-mode .k-toolbar, .dark-mode .k-dropdown .k-input {
  color: #bcbcbc; }

.dark-mode .k-content, .dark-mode .k-editable-area, .dark-mode .k-panelbar > li.k-item, .dark-mode .k-panel > li.k-item, .dark-mode .k-tiles,
.dark-mode .k-block, .dark-mode .k-widget {
  background-color: #1a1a1a; }

.dark-mode .datepicker-container .timepicker-header .btn,
.dark-mode .timepicker-container .timepicker-header .btn,
.dark-mode .k-animation-container .timepicker-header .btn {
  background-color: #1d9ed1; }
  .dark-mode .datepicker-container .timepicker-header .btn.glyphicon-chevron-left:before,
  .dark-mode .timepicker-container .timepicker-header .btn.glyphicon-chevron-left:before,
  .dark-mode .k-animation-container .timepicker-header .btn.glyphicon-chevron-left:before {
    color: #fff; }
  .dark-mode .datepicker-container .timepicker-header .btn.glyphicon-chevron-right:before,
  .dark-mode .timepicker-container .timepicker-header .btn.glyphicon-chevron-right:before,
  .dark-mode .k-animation-container .timepicker-header .btn.glyphicon-chevron-right:before {
    color: #fff; }

.dark-mode .datepicker-container .k-header .k-link.k-nav-prev,
.dark-mode .timepicker-container .k-header .k-link.k-nav-prev,
.dark-mode .k-animation-container .k-header .k-link.k-nav-prev {
  background-color: #1d9ed1; }
  .dark-mode .datepicker-container .k-header .k-link.k-nav-prev:before,
  .dark-mode .timepicker-container .k-header .k-link.k-nav-prev:before,
  .dark-mode .k-animation-container .k-header .k-link.k-nav-prev:before {
    color: #fff; }

.dark-mode .datepicker-container .k-header .k-link.k-nav-next,
.dark-mode .timepicker-container .k-header .k-link.k-nav-next,
.dark-mode .k-animation-container .k-header .k-link.k-nav-next {
  background-color: #1d9ed1; }
  .dark-mode .datepicker-container .k-header .k-link.k-nav-next:before,
  .dark-mode .timepicker-container .k-header .k-link.k-nav-next:before,
  .dark-mode .k-animation-container .k-header .k-link.k-nav-next:before {
    color: #fff; }

.dark-mode .datepicker-container .k-footer,
.dark-mode .datepicker-container .k-header,
.dark-mode .timepicker-container .k-footer,
.dark-mode .timepicker-container .k-header,
.dark-mode .k-animation-container .k-footer,
.dark-mode .k-animation-container .k-header {
  background-color: #1a1a1a; }

.dark-mode .datepicker-container .k-state-hover,
.dark-mode .timepicker-container .k-state-hover,
.dark-mode .k-animation-container .k-state-hover {
  background-color: #38bdf2;
  color: #ffffff; }
  .dark-mode .datepicker-container .k-state-hover a,
  .dark-mode .timepicker-container .k-state-hover a,
  .dark-mode .k-animation-container .k-state-hover a {
    color: currentColor; }

.dark-mode .datepicker-container th,
.dark-mode .timepicker-container th,
.dark-mode .k-animation-container th {
  background-color: #1a1a1a; }

.dark-mode .datepicker-container .k-link.k-nav-fast,
.dark-mode .timepicker-container .k-link.k-nav-fast,
.dark-mode .k-animation-container .k-link.k-nav-fast {
  color: #bcbcbc; }
  .dark-mode .datepicker-container .k-link.k-nav-fast.k-state-hover,
  .dark-mode .timepicker-container .k-link.k-nav-fast.k-state-hover,
  .dark-mode .k-animation-container .k-link.k-nav-fast.k-state-hover {
    background: #1a1a1a;
    color: #06ADEF; }

.dark-mode .datepicker-container .k-footer .k-nav-today,
.dark-mode .timepicker-container .k-footer .k-nav-today,
.dark-mode .k-animation-container .k-footer .k-nav-today {
  background-color: #1a1a1a; }
  .dark-mode .datepicker-container .k-footer .k-nav-today:hover,
  .dark-mode .timepicker-container .k-footer .k-nav-today:hover,
  .dark-mode .k-animation-container .k-footer .k-nav-today:hover {
    color: #06ADEF; }

.dark-mode .datepicker-container .k-content thead th:nth-last-of-type(1),
.dark-mode .timepicker-container .k-content thead th:nth-last-of-type(1),
.dark-mode .k-animation-container .k-content thead th:nth-last-of-type(1) {
  color: #06ADEF; }

.dark-mode .datepicker-container .k-content thead th:nth-last-of-type(2),
.dark-mode .timepicker-container .k-content thead th:nth-last-of-type(2),
.dark-mode .k-animation-container .k-content thead th:nth-last-of-type(2) {
  color: #06ADEF; }

.dark-mode .datepicker-container .k-content td:hover,
.dark-mode .timepicker-container .k-content td:hover,
.dark-mode .k-animation-container .k-content td:hover {
  background-color: #1a1a1a; }
  .dark-mode .datepicker-container .k-content td:hover .k-link,
  .dark-mode .timepicker-container .k-content td:hover .k-link,
  .dark-mode .k-animation-container .k-content td:hover .k-link {
    color: #f9f9f9; }

.dark-mode .datepicker-container .k-content td .k-link,
.dark-mode .timepicker-container .k-content td .k-link,
.dark-mode .k-animation-container .k-content td .k-link {
  border-color: #555555; }
  .dark-mode .datepicker-container .k-content td .k-link:hover,
  .dark-mode .timepicker-container .k-content td .k-link:hover,
  .dark-mode .k-animation-container .k-content td .k-link:hover {
    background-color: #06ADEF;
    color: #fff; }

.dark-mode .datepicker-container .k-content td.k-other-month a:hover,
.dark-mode .timepicker-container .k-content td.k-other-month a:hover,
.dark-mode .k-animation-container .k-content td.k-other-month a:hover {
  background-color: #1a1a1a; }

.dark-mode .datepicker-container .k-content td.k-other-month:hover a,
.dark-mode .timepicker-container .k-content td.k-other-month:hover a,
.dark-mode .k-animation-container .k-content td.k-other-month:hover a {
  color: #f9f9f9; }

.dark-mode .datepicker-container .k-content td.k-state-selected,
.dark-mode .timepicker-container .k-content td.k-state-selected,
.dark-mode .k-animation-container .k-content td.k-state-selected {
  background-color: #1a1a1a; }
  .dark-mode .datepicker-container .k-content td.k-state-selected a,
  .dark-mode .timepicker-container .k-content td.k-state-selected a,
  .dark-mode .k-animation-container .k-content td.k-state-selected a {
    background-color: #06ADEF; }

.dark-mode .datepicker-container .calendar.k-widget.k-calendar,
.dark-mode .timepicker-container .calendar.k-widget.k-calendar,
.dark-mode .k-animation-container .calendar.k-widget.k-calendar {
  box-shadow: 0 1px 22px rgba(0, 0, 0, 0.65); }

.dark-mode .timepicker-container {
  box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.9);
  background: #1a1a1a; }
  .dark-mode .timepicker-container .minutes-notice {
    color: #777777; }
  .dark-mode .timepicker-container .k-link {
    background-color: #f5f5f5;
    color: #333333; }
  .dark-mode .timepicker-container .k-link:hover {
    background-color: #ffffff;
    text-decoration: underline; }

.dark-mode .k-animation-container {
  box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.9);
  background-color: #1a1a1a; }
  .dark-mode .k-animation-container .k-calendar-container {
    background-color: #1a1a1a; }

.dark-mode #ui-datepicker-div {
  box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.9);
  background-color: #1a1a1a; }
  .dark-mode #ui-datepicker-div .ui-datepicker-calendar a {
    border: 1px solid #555555;
    color: #bcbcbc; }
    .dark-mode #ui-datepicker-div .ui-datepicker-calendar a:hover {
      background-color: #06ADEF;
      color: #fff; }

.dark-mode .k-datepicker .k-picker-wrap {
  border-color: #555555 !important; }
  .dark-mode .k-datepicker .k-picker-wrap.k-state-focused {
    border-color: #777777 !important; }
  .dark-mode .k-datepicker .k-picker-wrap .k-input:focus + .k-select {
    border-color: #06ADEF; }
  .dark-mode .k-datepicker .k-picker-wrap .k-select {
    border: 1px solid #555555;
    color: #747f96;
    background-color: #242424; }
    .dark-mode .k-datepicker .k-picker-wrap .k-select:hover {
      border-color: #555555;
      background-color: #242424;
      color: #f9f9f9; }

.dark-mode .k-state-disabled, .dark-mode .k-state-disabled .k-link, .dark-mode .k-state-disabled .k-button, .dark-mode .k-other-month, .dark-mode .k-other-month .k-link, .dark-mode .k-dropzone em, .dark-mode .k-dropzone .k-upload-status, .dark-mode .k-tile-empty strong, .dark-mode .k-slider .k-draghandle {
  color: #464646 !important; }

.dark-mode .k-calendar .k-link {
  color: #f9f9f9; }

.datepicker-container,
.timepicker-container,
.k-animation-container {
  position: absolute;
  z-index: 2000;
  border: none !important;
  background-color: transparent; }
  .datepicker-container .timepicker-header,
  .timepicker-container .timepicker-header,
  .k-animation-container .timepicker-header {
    position: relative;
    border-radius: 3px 3px 0 0; }
    .datepicker-container .timepicker-header .glyphicon:before,
    .timepicker-container .timepicker-header .glyphicon:before,
    .k-animation-container .timepicker-header .glyphicon:before {
      display: none; }
    .datepicker-container .timepicker-header .btn,
    .timepicker-container .timepicker-header .btn,
    .k-animation-container .timepicker-header .btn {
      height: 35px;
      width: 35px;
      top: 0;
      background-color: #06ADEF;
      transition: all .3s ease;
      position: absolute; }
      .datepicker-container .timepicker-header .btn:hover,
      .timepicker-container .timepicker-header .btn:hover,
      .k-animation-container .timepicker-header .btn:hover {
        opacity: .8; }
      .datepicker-container .timepicker-header .btn.glyphicon-chevron-left,
      .timepicker-container .timepicker-header .btn.glyphicon-chevron-left,
      .k-animation-container .timepicker-header .btn.glyphicon-chevron-left {
        left: 19px; }
        .datepicker-container .timepicker-header .btn.glyphicon-chevron-left:before,
        .timepicker-container .timepicker-header .btn.glyphicon-chevron-left:before,
        .k-animation-container .timepicker-header .btn.glyphicon-chevron-left:before {
          color: #fff;
          display: inline-block;
          content: "";
          font-family: 'Font Awesome 5 Pro';
          font-weight: 300;
          font-style: normal;
          text-decoration: inherit;
          font-size: inherit;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 20px;
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          text-align: center;
          line-height: 34px; }
      .datepicker-container .timepicker-header .btn.glyphicon-chevron-right,
      .timepicker-container .timepicker-header .btn.glyphicon-chevron-right,
      .k-animation-container .timepicker-header .btn.glyphicon-chevron-right {
        right: 19px; }
        .datepicker-container .timepicker-header .btn.glyphicon-chevron-right:before,
        .timepicker-container .timepicker-header .btn.glyphicon-chevron-right:before,
        .k-animation-container .timepicker-header .btn.glyphicon-chevron-right:before {
          color: #fff;
          display: inline-block;
          content: "";
          font-family: 'Font Awesome 5 Pro';
          font-weight: 300;
          font-style: normal;
          text-decoration: inherit;
          font-size: inherit;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 20px;
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          text-align: center;
          line-height: 34px; }
    .datepicker-container .timepicker-header .header-title,
    .timepicker-container .timepicker-header .header-title,
    .k-animation-container .timepicker-header .header-title {
      font-weight: 600;
      font-size: 17px; }
  .datepicker-container .k-header,
  .timepicker-container .k-header,
  .k-animation-container .k-header {
    padding: 0 0 10px 0; }
    .datepicker-container .k-header .k-link.k-nav-prev,
    .timepicker-container .k-header .k-link.k-nav-prev,
    .k-animation-container .k-header .k-link.k-nav-prev {
      height: 35px;
      width: 35px;
      top: 2px;
      left: 2px;
      background-color: #06ADEF;
      transition: all .3s ease; }
      .datepicker-container .k-header .k-link.k-nav-prev:hover,
      .timepicker-container .k-header .k-link.k-nav-prev:hover,
      .k-animation-container .k-header .k-link.k-nav-prev:hover {
        opacity: .8; }
      .datepicker-container .k-header .k-link.k-nav-prev .k-icon,
      .timepicker-container .k-header .k-link.k-nav-prev .k-icon,
      .k-animation-container .k-header .k-link.k-nav-prev .k-icon {
        display: none; }
      .datepicker-container .k-header .k-link.k-nav-prev:before,
      .timepicker-container .k-header .k-link.k-nav-prev:before,
      .k-animation-container .k-header .k-link.k-nav-prev:before {
        color: #fff;
        display: inline-block;
        content: "";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 300;
        font-style: normal;
        text-decoration: inherit;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 20px;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        text-align: center;
        line-height: 34px; }
    .datepicker-container .k-header .k-link.k-nav-next,
    .timepicker-container .k-header .k-link.k-nav-next,
    .k-animation-container .k-header .k-link.k-nav-next {
      height: 35px;
      width: 35px;
      top: 2px;
      right: 2px;
      background-color: #06ADEF;
      transition: all .3s ease; }
      .datepicker-container .k-header .k-link.k-nav-next:hover,
      .timepicker-container .k-header .k-link.k-nav-next:hover,
      .k-animation-container .k-header .k-link.k-nav-next:hover {
        opacity: .8; }
      .datepicker-container .k-header .k-link.k-nav-next .k-icon,
      .timepicker-container .k-header .k-link.k-nav-next .k-icon,
      .k-animation-container .k-header .k-link.k-nav-next .k-icon {
        display: none; }
      .datepicker-container .k-header .k-link.k-nav-next:before,
      .timepicker-container .k-header .k-link.k-nav-next:before,
      .k-animation-container .k-header .k-link.k-nav-next:before {
        color: #fff;
        display: inline-block;
        content: "";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 300;
        font-style: normal;
        text-decoration: inherit;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 20px;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        text-align: center;
        line-height: 34px; }
    .datepicker-container .k-header .k-link .k-i,
    .timepicker-container .k-header .k-link .k-i,
    .k-animation-container .k-header .k-link .k-i {
      display: none; }
  .datepicker-container .k-footer,
  .datepicker-container .k-header,
  .timepicker-container .k-footer,
  .timepicker-container .k-header,
  .k-animation-container .k-footer,
  .k-animation-container .k-header {
    background-color: #fff; }
  .datepicker-container .calendar,
  .timepicker-container .calendar,
  .k-animation-container .calendar {
    width: 320px;
    box-sizing: border-box; }
    @media (max-width: 575px) {
      .datepicker-container .calendar,
      .timepicker-container .calendar,
      .k-animation-container .calendar {
        width: 300px; } }
  .datepicker-container .k-state-hover,
  .timepicker-container .k-state-hover,
  .k-animation-container .k-state-hover {
    background-color: #38bdf2;
    color: #ffffff; }
    .datepicker-container .k-state-hover a,
    .timepicker-container .k-state-hover a,
    .k-animation-container .k-state-hover a {
      color: currentColor; }
  .datepicker-container .k-content .k-link,
  .timepicker-container .k-content .k-link,
  .k-animation-container .k-content .k-link {
    text-align: center;
    padding: 0; }
  .datepicker-container .k-state-selected,
  .timepicker-container .k-state-selected,
  .k-animation-container .k-state-selected {
    background-color: #fcc558; }
  .datepicker-container th,
  .timepicker-container th,
  .k-animation-container th {
    background-color: #fff; }
  .datepicker-container .k-link.k-nav-fast,
  .timepicker-container .k-link.k-nav-fast,
  .k-animation-container .k-link.k-nav-fast {
    font-weight: 600;
    font-size: 17px;
    color: #2c3547; }
    .datepicker-container .k-link.k-nav-fast.k-state-hover,
    .timepicker-container .k-link.k-nav-fast.k-state-hover,
    .k-animation-container .k-link.k-nav-fast.k-state-hover {
      background: #fff;
      color: #06ADEF; }
  .datepicker-container td,
  .timepicker-container td,
  .k-animation-container td {
    box-shadow: none !important; }
  .datepicker-container .k-footer .k-nav-today,
  .timepicker-container .k-footer .k-nav-today,
  .k-animation-container .k-footer .k-nav-today {
    font-weight: 600;
    background-color: #fff; }
    .datepicker-container .k-footer .k-nav-today:hover,
    .timepicker-container .k-footer .k-nav-today:hover,
    .k-animation-container .k-footer .k-nav-today:hover {
      color: #06ADEF;
      text-decoration: none; }
  .datepicker-container .k-link .k-icon,
  .timepicker-container .k-link .k-icon,
  .k-animation-container .k-link .k-icon {
    filter: brightness(0) invert(1); }
  .datepicker-container .k-content,
  .timepicker-container .k-content,
  .k-animation-container .k-content {
    table-layout: auto;
    font-size: 15px;
    margin-bottom: 5px;
    height: auto; }
    .datepicker-container .k-content thead th,
    .timepicker-container .k-content thead th,
    .k-animation-container .k-content thead th {
      text-align: center;
      font-weight: 600;
      border-bottom: none;
      padding-right: 0; }
      .datepicker-container .k-content thead th:nth-last-of-type(1),
      .timepicker-container .k-content thead th:nth-last-of-type(1),
      .k-animation-container .k-content thead th:nth-last-of-type(1) {
        color: #06ADEF; }
      .datepicker-container .k-content thead th:nth-last-of-type(2),
      .timepicker-container .k-content thead th:nth-last-of-type(2),
      .k-animation-container .k-content thead th:nth-last-of-type(2) {
        color: #06ADEF; }
    .datepicker-container .k-content td,
    .timepicker-container .k-content td,
    .k-animation-container .k-content td {
      padding: 1px; }
      .datepicker-container .k-content td:hover,
      .timepicker-container .k-content td:hover,
      .k-animation-container .k-content td:hover {
        background-color: #fff; }
        .datepicker-container .k-content td:hover .k-link,
        .timepicker-container .k-content td:hover .k-link,
        .k-animation-container .k-content td:hover .k-link {
          color: #2c3547; }
      .datepicker-container .k-content td .k-link,
      .timepicker-container .k-content td .k-link,
      .k-animation-container .k-content td .k-link {
        border-radius: 3px;
        border: 1px solid #fafafa;
        padding: 1px 4px; }
        .datepicker-container .k-content td .k-link:hover,
        .timepicker-container .k-content td .k-link:hover,
        .k-animation-container .k-content td .k-link:hover {
          background-color: #06ADEF;
          color: #fff; }
      .datepicker-container .k-content td.k-other-month a:hover,
      .timepicker-container .k-content td.k-other-month a:hover,
      .k-animation-container .k-content td.k-other-month a:hover {
        background-color: #fff; }
      .datepicker-container .k-content td.k-other-month:hover a,
      .timepicker-container .k-content td.k-other-month:hover a,
      .k-animation-container .k-content td.k-other-month:hover a {
        color: #2c3547; }
      .datepicker-container .k-content td.k-state-selected,
      .timepicker-container .k-content td.k-state-selected,
      .k-animation-container .k-content td.k-state-selected {
        background-color: #fff; }
        .datepicker-container .k-content td.k-state-selected a,
        .timepicker-container .k-content td.k-state-selected a,
        .k-animation-container .k-content td.k-state-selected a {
          background-color: #06ADEF; }
  .datepicker-container .calendar.k-widget.k-calendar,
  .timepicker-container .calendar.k-widget.k-calendar,
  .k-animation-container .calendar.k-widget.k-calendar {
    border: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    padding: 10px; }

.datepicker-container {
  box-shadow: none !important; }

.timepicker-container {
  padding: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  font-size: 15px;
  margin-top: 15px;
  position: absolute;
  z-index: 2000;
  width: 290px;
  background: #ffffff;
  border-radius: 3px; }
  .timepicker-container .timepicker-hour,
  .timepicker-container .timepicker-minute {
    display: inline-block;
    min-width: 75px;
    margin: 5px;
    padding: 5px;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
    border-radius: 3px; }
    .timepicker-container .timepicker-hour.k-state-selected, .timepicker-container .timepicker-hour.k-state-hover,
    .timepicker-container .timepicker-minute.k-state-selected,
    .timepicker-container .timepicker-minute.k-state-hover {
      background-color: #06ADEF; }
  .timepicker-container .header-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex-wrap: wrap;
    line-height: 1.2;
    min-height: 36px;
    font-size: 14px !important; }
  .timepicker-container .timepicker-body .minutes-container,
  .timepicker-container .timepicker-body .hours-container {
    overflow: auto;
    max-height: 190px;
    scrollbar-width: thin;
    scrollbar-color: #788291 #ABBCCC; }
    .timepicker-container .timepicker-body .minutes-container::-webkit-scrollbar,
    .timepicker-container .timepicker-body .hours-container::-webkit-scrollbar {
      width: 4px;
      height: 4px; }
      .timepicker-container .timepicker-body .minutes-container::-webkit-scrollbar-track,
      .timepicker-container .timepicker-body .hours-container::-webkit-scrollbar-track {
        background-clip: content-box;
        border: 1px solid transparent; }
      .timepicker-container .timepicker-body .minutes-container::-webkit-scrollbar-thumb,
      .timepicker-container .timepicker-body .hours-container::-webkit-scrollbar-thumb {
        background-color: #788291;
        cursor: pointer; }
        .timepicker-container .timepicker-body .minutes-container::-webkit-scrollbar-thumb:hover,
        .timepicker-container .timepicker-body .hours-container::-webkit-scrollbar-thumb:hover {
          background-color: #6c7583; }
      .timepicker-container .timepicker-body .minutes-container::-webkit-scrollbar-corner, .timepicker-container .timepicker-body .minutes-container::-webkit-scrollbar-track,
      .timepicker-container .timepicker-body .hours-container::-webkit-scrollbar-corner,
      .timepicker-container .timepicker-body .hours-container::-webkit-scrollbar-track {
        background-color: #ABBCCC; }
    @media (min-width: 1200px) and (max-height: 760px) {
      .timepicker-container .timepicker-body .minutes-container,
      .timepicker-container .timepicker-body .hours-container {
        max-height: 104px; } }
    .timepicker-container .timepicker-body .minutes-container .timepicker-hour,
    .timepicker-container .timepicker-body .hours-container .timepicker-hour {
      min-width: 75px; }
  .timepicker-container .minutes-notice {
    color: #777777;
    margin: 5px;
    text-align: center; }
  .timepicker-container .k-link {
    padding: 0.5em;
    display: block;
    text-align: center;
    background-color: #f5f5f5;
    color: #333333;
    text-decoration: none; }
  .timepicker-container .k-link:hover {
    background-color: #ffffff;
    text-decoration: underline; }

@media (max-width: 767px) {
  .timepicker-container.k-popup,
  .datepicker-container.k-popup {
    max-width: 100%;
    position: fixed; } }

.k-animation-container {
  padding: 10px;
  width: 320px !important;
  height: auto !important;
  box-sizing: border-box !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  background-color: #fff;
  border-radius: 3px; }
  .k-animation-container .k-calendar-container {
    border: none;
    box-sizing: border-box;
    padding: 0;
    width: 100%;
    background-color: #fff;
    position: static !important;
    box-shadow: none; }
    .k-animation-container .k-calendar-container .k-calendar {
      width: 100%;
      box-sizing: border-box;
      box-shadow: none; }
      .k-animation-container .k-calendar-container .k-calendar .k-today {
        background: #26dd7d; }
        .k-animation-container .k-calendar-container .k-calendar .k-today.k-state-hover {
          background: #26dd7d; }
          .k-animation-container .k-calendar-container .k-calendar .k-today.k-state-hover .k-link {
            background-color: #26dd7d; }
        .k-animation-container .k-calendar-container .k-calendar .k-today .k-link {
          color: #ffffff;
          border-color: transparent; }
  .k-animation-container .k-header .k-link.k-state-hover {
    background-color: #06ADEF; }
    .k-animation-container .k-header .k-link.k-state-hover.k-nav-fast {
      background-color: transparent; }

.k-widget.form-control .k-picker-wrap.k-state-focused, .contact-widget-message-form .data-block .element-container textarea.k-widget .k-picker-wrap.k-state-focused, .templates-page .notifications-settings .field select.k-widget .k-picker-wrap.k-state-focused, .design-settings-page .theme-additional-colors input.k-widget .k-picker-wrap.k-state-focused, .design-settings-page div.k-widget.input .k-picker-wrap.k-state-focused {
  border: 1px solid #0B3052; }
  .k-widget.form-control .k-picker-wrap.k-state-focused.k-state-hover, .contact-widget-message-form .data-block .element-container textarea.k-widget .k-picker-wrap.k-state-focused.k-state-hover, .templates-page .notifications-settings .field select.k-widget .k-picker-wrap.k-state-focused.k-state-hover, .design-settings-page .theme-additional-colors input.k-widget .k-picker-wrap.k-state-focused.k-state-hover, .design-settings-page div.k-widget.input .k-picker-wrap.k-state-focused.k-state-hover {
    border: 1px solid #0B3052; }

.k-widget.form-control .k-picker-wrap.k-state-border-down, .contact-widget-message-form .data-block .element-container textarea.k-widget .k-picker-wrap.k-state-border-down, .templates-page .notifications-settings .field select.k-widget .k-picker-wrap.k-state-border-down, .design-settings-page .theme-additional-colors input.k-widget .k-picker-wrap.k-state-border-down, .design-settings-page div.k-widget.input .k-picker-wrap.k-state-border-down {
  box-shadow: none;
  border-radius: 4px;
  padding-bottom: 0; }

#ui-datepicker-div {
  padding: 10px;
  font-size: 15px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  background-color: #fff;
  border-radius: 3px;
  display: none;
  opacity: 1 !important; }
  #ui-datepicker-div th {
    font-weight: 600; }
  #ui-datepicker-div .ui-datepicker-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 50px; }
    #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
      font-weight: 600;
      font-size: 17px; }
    #ui-datepicker-div .ui-datepicker-header .ui-corner-all {
      background-color: #06ADEF;
      color: #ffffff;
      padding: 0;
      border-radius: 3px;
      width: 36px;
      height: 36px;
      text-align: center;
      cursor: pointer; }
      #ui-datepicker-div .ui-datepicker-header .ui-corner-all:hover {
        opacity: .9; }
    #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
      position: relative;
      font-size: 0; }
      #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev:after {
        display: inline-block;
        content: "";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 300;
        font-style: normal;
        text-decoration: inherit;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 20px;
        position: absolute;
        left: 0;
        top: 0;
        line-height: 40px;
        width: 100%;
        height: 100%; }
    #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
      order: 3;
      font-size: 0;
      position: relative; }
      #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next:after {
        display: inline-block;
        content: "";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 300;
        font-style: normal;
        text-decoration: inherit;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 20px;
        position: absolute;
        left: 0;
        top: 0;
        line-height: 40px;
        width: 100%;
        height: 100%; }
  #ui-datepicker-div .ui-datepicker-calendar {
    width: 320px;
    text-align: center; }
    #ui-datepicker-div .ui-datepicker-calendar a {
      display: block;
      border-radius: 3px;
      padding: 5px 0px;
      border: 1px solid #fafafa;
      text-align: center;
      margin: 1px;
      cursor: pointer;
      color: #313e54;
      text-decoration: none; }
      #ui-datepicker-div .ui-datepicker-calendar a:hover {
        background-color: #06ADEF;
        color: #fff; }

.k-datepicker .k-picker-wrap {
  padding-right: 35px;
  border-color: #dcdddf !important;
  transition: all .15s ease; }
  .k-datepicker .k-picker-wrap.k-state-focused {
    border-color: #0B3052 !important; }
  .k-datepicker .k-picker-wrap .k-input:focus + .k-select {
    border-color: #06ADEF; }
  .k-datepicker .k-picker-wrap .k-select {
    width: 35px;
    border: 1px solid #dcdddf;
    margin: -1px;
    cursor: pointer;
    color: #06ADEF; }
    .k-datepicker .k-picker-wrap .k-select:hover {
      border-color: #06ADEF;
      background-color: #06ADEF;
      color: #ffffff; }
    .k-datepicker .k-picker-wrap .k-select .k-i-calendar {
      width: initial;
      height: initial;
      line-height: inherit;
      background-image: none; }
      .k-datepicker .k-picker-wrap .k-select .k-i-calendar:before {
        display: inline-block;
        content: "";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 300;
        font-style: normal;
        text-decoration: inherit;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 18px; }

.k-widget.form-control, .contact-widget-message-form .data-block .element-container textarea.k-widget, .templates-page .notifications-settings .field select.k-widget, .design-settings-page .theme-additional-colors input.k-widget, .design-settings-page div.k-widget.input {
  border-color: transparent !important; }
  .k-widget.form-control .form-control:focus, .contact-widget-message-form .data-block .element-container textarea.k-widget .form-control:focus, .templates-page .notifications-settings .field select.k-widget .form-control:focus, .design-settings-page .theme-additional-colors input.k-widget .form-control:focus, .design-settings-page div.k-widget.input .form-control:focus, .k-widget.form-control .contact-widget-message-form .data-block .element-container textarea:focus, .contact-widget-message-form .data-block .element-container .k-widget.form-control textarea:focus, .contact-widget-message-form .data-block .element-container textarea.k-widget textarea:focus, .templates-page .notifications-settings .field select.k-widget .contact-widget-message-form .data-block .element-container textarea:focus, .contact-widget-message-form .data-block .element-container .templates-page .notifications-settings .field select.k-widget textarea:focus, .design-settings-page .theme-additional-colors input.k-widget .contact-widget-message-form .data-block .element-container textarea:focus, .contact-widget-message-form .data-block .element-container .design-settings-page .theme-additional-colors input.k-widget textarea:focus, .design-settings-page div.k-widget.input .contact-widget-message-form .data-block .element-container textarea:focus, .contact-widget-message-form .data-block .element-container .design-settings-page div.k-widget.input textarea:focus, .k-widget.form-control .templates-page .notifications-settings .field select:focus, .templates-page .notifications-settings .field .k-widget.form-control select:focus, .contact-widget-message-form .data-block .element-container textarea.k-widget .templates-page .notifications-settings .field select:focus, .templates-page .notifications-settings .field .contact-widget-message-form .data-block .element-container textarea.k-widget select:focus, .templates-page .notifications-settings .field select.k-widget select:focus, .design-settings-page .theme-additional-colors input.k-widget .templates-page .notifications-settings .field select:focus, .templates-page .notifications-settings .field .design-settings-page .theme-additional-colors input.k-widget select:focus, .design-settings-page div.k-widget.input .templates-page .notifications-settings .field select:focus, .templates-page .notifications-settings .field .design-settings-page div.k-widget.input select:focus, .k-widget.form-control .design-settings-page .theme-additional-colors input:focus, .design-settings-page .theme-additional-colors .k-widget.form-control input:focus, .contact-widget-message-form .data-block .element-container textarea.k-widget .design-settings-page .theme-additional-colors input:focus, .design-settings-page .theme-additional-colors .contact-widget-message-form .data-block .element-container textarea.k-widget input:focus, .templates-page .notifications-settings .field select.k-widget .design-settings-page .theme-additional-colors input:focus, .design-settings-page .theme-additional-colors .templates-page .notifications-settings .field select.k-widget input:focus, .design-settings-page .theme-additional-colors input.k-widget input:focus, .design-settings-page div.k-widget.input .theme-additional-colors input:focus, .design-settings-page .theme-additional-colors div.k-widget.input input:focus, .k-widget.form-control .design-settings-page div.input:focus, .design-settings-page .k-widget.form-control div.input:focus, .contact-widget-message-form .data-block .element-container textarea.k-widget .design-settings-page div.input:focus, .design-settings-page .contact-widget-message-form .data-block .element-container textarea.k-widget div.input:focus, .templates-page .notifications-settings .field select.k-widget .design-settings-page div.input:focus, .design-settings-page .templates-page .notifications-settings .field select.k-widget div.input:focus, .design-settings-page .theme-additional-colors input.k-widget div.input:focus, .design-settings-page div.k-widget.input div.input:focus, .k-widget.form-control .form-control:focus-within, .contact-widget-message-form .data-block .element-container textarea.k-widget .form-control:focus-within, .templates-page .notifications-settings .field select.k-widget .form-control:focus-within, .design-settings-page .theme-additional-colors input.k-widget .form-control:focus-within, .design-settings-page div.k-widget.input .form-control:focus-within, .k-widget.form-control .contact-widget-message-form .data-block .element-container textarea:focus-within, .contact-widget-message-form .data-block .element-container .k-widget.form-control textarea:focus-within, .contact-widget-message-form .data-block .element-container textarea.k-widget textarea:focus-within, .templates-page .notifications-settings .field select.k-widget .contact-widget-message-form .data-block .element-container textarea:focus-within, .contact-widget-message-form .data-block .element-container .templates-page .notifications-settings .field select.k-widget textarea:focus-within, .design-settings-page .theme-additional-colors input.k-widget .contact-widget-message-form .data-block .element-container textarea:focus-within, .contact-widget-message-form .data-block .element-container .design-settings-page .theme-additional-colors input.k-widget textarea:focus-within, .design-settings-page div.k-widget.input .contact-widget-message-form .data-block .element-container textarea:focus-within, .contact-widget-message-form .data-block .element-container .design-settings-page div.k-widget.input textarea:focus-within, .k-widget.form-control .templates-page .notifications-settings .field select:focus-within, .templates-page .notifications-settings .field .k-widget.form-control select:focus-within, .contact-widget-message-form .data-block .element-container textarea.k-widget .templates-page .notifications-settings .field select:focus-within, .templates-page .notifications-settings .field .contact-widget-message-form .data-block .element-container textarea.k-widget select:focus-within, .templates-page .notifications-settings .field select.k-widget select:focus-within, .design-settings-page .theme-additional-colors input.k-widget .templates-page .notifications-settings .field select:focus-within, .templates-page .notifications-settings .field .design-settings-page .theme-additional-colors input.k-widget select:focus-within, .design-settings-page div.k-widget.input .templates-page .notifications-settings .field select:focus-within, .templates-page .notifications-settings .field .design-settings-page div.k-widget.input select:focus-within, .k-widget.form-control .design-settings-page .theme-additional-colors input:focus-within, .design-settings-page .theme-additional-colors .k-widget.form-control input:focus-within, .contact-widget-message-form .data-block .element-container textarea.k-widget .design-settings-page .theme-additional-colors input:focus-within, .design-settings-page .theme-additional-colors .contact-widget-message-form .data-block .element-container textarea.k-widget input:focus-within, .templates-page .notifications-settings .field select.k-widget .design-settings-page .theme-additional-colors input:focus-within, .design-settings-page .theme-additional-colors .templates-page .notifications-settings .field select.k-widget input:focus-within, .design-settings-page .theme-additional-colors input.k-widget input:focus-within, .design-settings-page div.k-widget.input .theme-additional-colors input:focus-within, .design-settings-page .theme-additional-colors div.k-widget.input input:focus-within, .k-widget.form-control .design-settings-page div.input:focus-within, .design-settings-page .k-widget.form-control div.input:focus-within, .contact-widget-message-form .data-block .element-container textarea.k-widget .design-settings-page div.input:focus-within, .design-settings-page .contact-widget-message-form .data-block .element-container textarea.k-widget div.input:focus-within, .templates-page .notifications-settings .field select.k-widget .design-settings-page div.input:focus-within, .design-settings-page .templates-page .notifications-settings .field select.k-widget div.input:focus-within, .design-settings-page .theme-additional-colors input.k-widget div.input:focus-within, .design-settings-page div.k-widget.input div.input:focus-within {
    border-color: transparent !important; }

.dark-mode .badge-danger, .dark-mode .label-danger {
  background: rgba(255, 234, 238, 0.2);
  color: #FF3259; }

.dark-mode .badge-warning, .dark-mode .label.label-warning, .dark-mode .label-warning {
  background: rgba(255, 252, 245, 0.2);
  color: #ff9800; }

.dark-mode .badge-secondary, .dark-mode .label-default {
  background: rgba(241, 246, 255, 0.2);
  color: #788291; }

.dark-mode .badge-success, .dark-mode .label-success {
  background: rgba(229, 251, 243, 0.2);
  color: #00D38B; }

.dark-mode .badge-primary, .dark-mode .label-primary {
  background: rgba(241, 246, 255, 0.2);
  color: #06ADEF; }

.dark-mode .badge-info, .dark-mode .label-info {
  background: rgba(241, 246, 255, 0.2);
  color: #06ADEF; }

.dark-mode .label.label-primary {
  color: #06ADEF;
  background: rgba(225, 247, 255, 0.2); }

.dark-mode .label.label-success {
  background: rgba(229, 251, 243, 0.2);
  color: #00D38B; }

.dark-mode .label.label-default {
  background: rgba(255, 252, 245, 0.2);
  color: #ff9800; }

.dark-mode .label.label-info {
  color: #06ADEF;
  background: rgba(225, 247, 255, 0.2); }

.dark-mode .label.label-danger {
  background: rgba(255, 234, 238, 0.2);
  color: #FF3259 !important; }

.badge, .label {
  cursor: default; }
  .badge--plain {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 6px;
    line-height: 1;
    font-size: 12px;
    font-weight: 400;
    border-radius: 4px;
    height: 24px;
    padding: 2px 14px;
    overflow: hidden;
    border: 1px solid transparent;
    outline: none;
    cursor: default; }
  .badge--danger {
    background: #FFEAEE;
    color: #FF3259; }
  .badge--warning {
    background: #FFFCF5;
    color: #FEC439; }
  .badge--secondary {
    background: #F1F6FF;
    color: #788291; }
  .badge--success {
    background: #E5FBF3;
    color: #00D38B; }
  .badge--primary {
    background: #D8F4FF;
    color: #06ADEF; }
  .badge--info {
    background: #F1F6FF;
    color: #06ADEF; }

.badge, .label {
  font-size: 12px;
  font-weight: 400; }
  .badge .fa, .label .fa {
    color: #d6dadc;
    font-size: 18px; }
  .badge.badge-info--new, .badge-info--new.label {
    background: #F1F6FF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    min-height: 20px;
    text-transform: uppercase;
    font-weight: normal;
    gap: 8px;
    padding: 2px 12px;
    color: #06adef; }
  .badge.badge-primary, .badge-primary.label, .label.label-primary, .badge.label-primary {
    color: #06ADEF;
    background: #e1f7ff; }
  .badge.badge-success, .badge-success.label, .label.label-success, .badge.label-success {
    background: #E5FBF3;
    color: #00D38B; }
  .badge.badge-danger, .badge-danger.label, .label.label-danger, .badge.label-danger {
    background: #FFEAEE;
    color: #FF3259; }
  .badge.badge-secondary, .badge-secondary.label, .label.label-default, .badge.label-default {
    background: #F1F6FF;
    color: #788291; }
  .badge.badge-warning, .dark-mode .label.label-warning, .badge-warning.label, .label.label-warning, .badge.label-warning {
    background: #FFFCF5;
    color: #ff9800; }
  .badge.badge-info, .badge-info.label, .label.label-info, .badge.label-info {
    background: #e1f7ff;
    color: #06ADEF; }

.badge.help-info, .help-info.label {
  outline: none; }
  .form-inline .badge.help-info, .form-inline .help-info.label {
    font-size: inherit;
    line-height: inherit; }
    .form-inline .badge.help-info .fa, .form-inline .help-info.label .fa {
      vertical-align: middle; }
  .badge.help-info:hover, .help-info.label:hover {
    opacity: 9; }

.label {
  font-size: inherit;
  line-height: 1.4;
  white-space: normal;
  text-align: unset; }

.sb-table-bar {
  display: flex;
  justify-content: space-between;
  padding: 10px 0; }
  .sb-table-bar .pager-container {
    padding-top: 0;
    padding-bottom: 0; }
  .sb-table-bar .dropdown-menu {
    max-height: 60vh;
    overflow-y: auto;
    z-index: 2000; }
  @media (max-width: 767px) {
    .sb-table-bar {
      flex-direction: column;
      justify-content: space-between;
      text-align: center; }
      .sb-table-bar .btn {
        margin-bottom: 5px; }
      .sb-table-bar .dropdown-menu {
        max-height: 400px; } }

.table__wrapper-footer {
  padding: 4px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px 26px; }
  @media (max-width: 767px) {
    .table__wrapper-footer {
      flex-direction: column;
      justify-content: center; } }
  .table__wrapper-footer .pager-container {
    width: 100%;
    padding: 4px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px 26px; }
    @media (max-width: 767px) {
      .table__wrapper-footer .pager-container {
        flex-direction: column;
        justify-content: center; } }
  .table__wrapper-footer .pagination, .table__wrapper-footer .dataTables_paginate ul, .dataTables_paginate .table__wrapper-footer ul {
    order: -5; }
  .table__wrapper-footer .onpage-count {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px; }
    .table__wrapper-footer .onpage-count select {
      margin: 0; }
    .table__wrapper-footer .onpage-count > label {
      order: -2; }
  .table__wrapper-footer .dataTables_paginate, .table__wrapper-footer .pagination, .table__wrapper-footer .dataTables_paginate ul, .dataTables_paginate .table__wrapper-footer ul,
  .table__wrapper-footer .onpage-count,
  .table__wrapper-footer .dataTables_length {
    margin: 0;
    flex: unset;
    width: auto; }

.pagination .page-link, .dataTables_paginate ul .page-link, .pagination .dataTables_paginate ul li a, .dataTables_paginate ul li .pagination a, .dataTables_paginate ul li a, .pagination li a {
  color: #313e54; }

.pagination .dots, .dataTables_paginate ul .dots {
  display: inline-block;
  padding: 0 8px;
  border: none;
  margin: 0 1px; }

.dark-mode .links-map .block-header .image img {
  filter: grayscale(0.7) invert(88%); }

.links-map .block-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px; }
  .links-map .block-header .image {
    min-width: 50px;
    width: 50px; }
    .links-map .block-header .image img {
      height: 50px; }

.sb-url-wrap {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 8px; }
  .sb-url-wrap > .help-info {
    order: unset; }
  .sb-url-wrap a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    color: #788291;
    text-decoration: none;
    position: relative;
    min-height: 36px;
    padding: 4px 25px 4px 0; }
    .sb-url-wrap a:after {
      display: inline-block;
      content: "";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 300;
      font-style: normal;
      text-decoration: inherit;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      right: 0;
      top: 6px;
      line-height: 1;
      font-size: 24px;
      color: #06adef;
      transition: right 300ms ease-in-out; }
  .sb-url-wrap:hover a {
    color: #06adef; }
  .sb-url-wrap .badge, .sb-url-wrap .label {
    position: relative;
    left: 0; }
  .sb-url-wrap:hover {
    color: #06adef;
    text-decoration: none; }
    .sb-url-wrap:hover:after {
      right: 0; }

.form-group.has-error .form-control, .has-error.element-container .form-control, .element-container.error-field .form-control, .form-group.has-error .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container .form-group.has-error textarea, .contact-widget-message-form .data-block .has-error.element-container textarea, .contact-widget-message-form .data-block .element-container.error-field textarea, .form-group.has-error .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .form-group.has-error select, .has-error.element-container .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .has-error.element-container select, .element-container.error-field .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .element-container.error-field select, .form-group.has-error .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors .form-group.has-error input, .has-error.element-container .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors .has-error.element-container input, .element-container.error-field .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors .element-container.error-field input, .form-group.has-error .design-settings-page div.input, .design-settings-page .form-group.has-error div.input, .has-error.element-container .design-settings-page div.input, .design-settings-page .has-error.element-container div.input, .element-container.error-field .design-settings-page div.input, .design-settings-page .element-container.error-field div.input {
  border-color: #FF3259;
  box-shadow: 0 0 0 0.2rem rgba(255, 50, 89, 0.25); }

.form-group.has-error .invalid-feedback, .has-error.element-container .invalid-feedback, .element-container.error-field .invalid-feedback, .form-group.has-error .help-block, .has-error.element-container .help-block, .element-container.error-field .help-block, .form-group.has-error .element-container .error-message, .element-container .form-group.has-error .error-message, .has-error.element-container .error-message, .element-container.error-field .error-message {
  display: block; }

.form-group.has-error .help-block, .has-error.element-container .help-block, .element-container.error-field .help-block {
  display: block; }

.errors .invalid-feedback, .errors .form-group.has-error .help-block, .form-group.has-error .errors .help-block, .errors .has-error.element-container .help-block, .has-error.element-container .errors .help-block, .errors .element-container.error-field .help-block, .element-container.error-field .errors .help-block, .errors .element-container .error-message, .element-container .errors .error-message {
  display: block; }

/* >(////)< */

.fal,
[class*='fa-']:not(.fab) {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300; }


.far,
[class~='far']:not(.fab) {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }


.fas,
[class~='fas']:not(.fab) {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900; }

.sb-settings-tabs {
  width: 100%;
  display: grid;
  grid-gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
  @media (max-width: 767px) {
    .sb-settings-tabs {
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); } }
  .sb-settings-tabs .block-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px; }
    .sb-settings-tabs .block-header .image {
      min-width: 50px;
      width: 50px; }
      .sb-settings-tabs .block-header .image img {
        height: 50px; }

.dark-mode .iti__dropdown-content,
.dark-mode .iti--inline-dropdown .iti__dropdown-content {
  background: #242424;
  border-color: #555555; }

.iti {
  width: 100%; }

body > .iti--container {
  z-index: 1072; }

.iti__selected-country {
  outline: none !important;
  border: none !important; }
  .iti__selected-country:active, .iti__selected-country:focus, .iti__selected-country:focus-visible {
    outline: 1px solid #e0e0e0;
    border: none !important; }

.iti__country-list {
  z-index: 2;
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: #fff;
  border: 1px solid #E7ECF7;
  max-height: 180px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

.iti__search-input {
  padding-left: 14px;
  width: 98%;
  margin: 8px auto 5px auto;
  display: block; }

.iti-mobile .iti--container {
  z-index: 1500; }

.iti input::-webkit-input-placeholder,
.iti input[type="tel"]::-webkit-input-placeholder,
.iti input[type="text"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(44, 53, 71, 0.4); }

.iti input::-moz-placeholder,
.iti input[type="tel"]::-moz-placeholder,
.iti input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(44, 53, 71, 0.4); }

.iti input:-ms-input-placeholder,
.iti input[type="tel"]:-ms-input-placeholder,
.iti input[type="text"]:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(44, 53, 71, 0.4); }

.iti input:-moz-placeholder,
.iti input[type="tel"]:-moz-placeholder,
.iti input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(44, 53, 71, 0.4); }

.reports-export {
  margin-bottom: 20px; }
  .reports-export__header {
    display: flex;
    align-items: center;
    padding: 20px 35px;
    border-radius: 4px 4px 0 0;
    background: rgba(0, 211, 139, 0.15);
    cursor: pointer; }
    @media (max-width: 767px) {
      .reports-export__header {
        padding: 20px; } }
    .reports-export__header.collapsed {
      border-radius: 4px; }
      .reports-export__header.collapsed .reports-export__header-arrow {
        transform: rotate(180deg); }
    .reports-export__header-icon {
      margin-right: 20px;
      font-size: 20px;
      color: #00D38B; }
    .reports-export__header-title {
      margin: 0;
      font-size: 16px;
      font-weight: 400; }
    .reports-export__header-arrow {
      margin-left: auto;
      font-size: 16px;
      font-weight: 500 !important;
      transition: .4s ease; }
  .reports-export__body {
    padding: 15px;
    border-top: 2px solid #fff;
    border-radius: 0 0 4px 4px;
    background: rgba(0, 211, 139, 0.15); }
  .reports-export__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -5px; }
    @media (max-width: 767px) {
      .reports-export__list {
        flex-direction: column;
        margin: 0; } }
  .reports-export__item {
    min-width: 240px;
    margin: 0 5px 10px;
    border-radius: 4px;
    background: #fff;
    cursor: pointer; }
    @media (max-width: 767px) {
      .reports-export__item {
        width: 100%;
        margin: 0 0 10px; } }
    .reports-export__item--preparing {
      background: rgba(255, 255, 255, 0.6);
      cursor: default; }
    .reports-export__item-body {
      display: flex;
      align-items: center;
      padding: 15px 20px 12px; }
    .reports-export__item-content {
      margin-right: 20px; }
    .reports-export__item-title {
      margin-bottom: 5px;
      font-size: 14px;
      font-weight: 400;
      line-height: 1.2; }
    .reports-export__item-date, .reports-export__item-label {
      margin: 0;
      font-size: 12px;
      line-height: 1.2;
      color: #788291; }
    .reports-export__item-icon {
      font-size: 16px;
      margin-left: auto; }
      .reports-export__item-icon-download {
        color: #06ADEF; }
      .reports-export__item-icon-loading {
        color: #8E8E8E; }

.collapse__header {
  display: flex;
  align-items: center;
  min-height: 56px;
  padding: 16px 22px;
  cursor: pointer;
  border-radius: 5px;
  background: rgba(241, 246, 255, 0.5); }
  .collapse__header:not(.collapsed) {
    border-radius: 5px 5px 0 0; }

.collapse__title {
  flex: 1;
  margin-right: 20px;
  padding: 0;
  margin-bottom: 0; }

.collapse__trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  border-radius: 50%;
  transition: all 0.2s ease; }
  .collapse__trigger .ico {
    font-size: 18px; }

.collapse__content {
  background: rgba(241, 246, 255, 0.5);
  padding: 22px;
  border-radius: 0 0 5px 5px; }

.dark-mode .file-upload__field {
  background: #404040;
  border-color: #555555; }

.dark-mode .file-upload__phantom-trigger__txt {
  background: #1d9ed1; }

.dark-mode .file-upload__spinner {
  background: #404040; }

.file-upload__wrapper {
  position: relative; }
  .file-upload__wrapper.has-error .file-upload__field, .file-upload__wrapper.element-container.error-field .file-upload__field {
    border-color: #FF3259;
    box-shadow: 0 0 0 0.2rem rgba(255, 50, 89, 0.25); }
  .file-upload__wrapper.selected .file-upload__field {
    border: 1px solid #06acee;
    box-shadow: none; }
  .file-upload__wrapper.selected .file-upload__action--delete,
  .file-upload__wrapper.selected .file-upload__action--download {
    visibility: visible; }

.file-upload__content {
  margin-bottom: 5px; }

.file-upload__field {
  position: relative;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  padding-right: 8px; }
  .file-upload__field-item {
    padding: 0; }

.file-upload__phantom-trigger {
  position: relative;
  overflow: hidden; }
  .file-upload__phantom-trigger input[type='file'] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0; }
  .file-upload__phantom-trigger__txt {
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 18px;
    font-size: 12px;
    line-height: 1.2;
    background: #06acee;
    color: #fff;
    border-radius: 0.25rem 0 0 0.25rem; }

.file-upload__field-item--file-name {
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0 6px; }
  .file-upload__field-item--file-name p {
    margin-bottom: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.5;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }

.file-upload__action {
  display: flex;
  align-items: center;
  width: 30px;
  height: 30px;
  position: relative;
  justify-content: center;
  margin: 0 4px;
  color: #06ADEF;
  cursor: pointer; }
  .file-upload__action .icon {
    font-size: 16px; }
  .file-upload__action .txt {
    display: none; }
  .file-upload__action--delete {
    color: #FF3259;
    visibility: hidden; }
  .file-upload__action--download {
    visibility: hidden; }

.file-upload__field-item--controls .actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: -4px;
  margin-right: -4px; }

.file-upload__spinner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  width: 34px;
  height: 34px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  transition: all 0.5s ease-out; }
  .file-upload__spinner .icon {
    font-size: 18px;
    color: #06acee; }
  .file-upload__spinner.in {
    display: flex;
    visibility: visible; }

.file-upload__info-hint {
  font-size: 12px;
  line-height: 1.25;
  color: #caccd1; }

.dark-mode .welcome-step--list .p .icon {
  border-color: #555555; }

.dark-mode .welcome-step--list .p.done {
  color: #bcbcbc; }

.dark-mode .welcome-step--content .p {
  color: #b7b7b7; }

.dark-mode .intro-banner--welcome-step#simplybook-welcome-steps-banner.compact-view .accordion {
  background: #242424;
  box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.9); }
  .dark-mode .intro-banner--welcome-step#simplybook-welcome-steps-banner.compact-view .accordion .welcome-step--list .welcome-step--item.done:hover .step-title {
    color: #bcbcbc; }

@media (max-width: 767px) {
  .dark-mode .intro-banner--welcome-step#simplybook-welcome-steps-banner .accordion {
    background: #242424;
    box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.9); } }

.dark-mode .intro-banner--welcome-step.compact-view.float-bar .hide-on-transition.accordion, .dark-mode .intro-banner--welcome-step.mob-view.float-bar .hide-on-transition.accordion {
  background: #242424;
  box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.9); }

.login-wrap #simplybook-welcome-steps-banner,
.modal #simplybook-welcome-steps-banner {
  display: none !important;
  visibility: hidden; }

.welcome-step--wrapper {
  display: flex;
  gap: 22px 50px;
  width: 100%; }

.welcome-step--list .p {
  margin: 10px 0;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  cursor: pointer;
  transition: all 0.3s ease-out;
  font-weight: 500;
  white-space: nowrap; }
  .welcome-step--list .p:first-child {
    margin-top: 0; }
  .welcome-step--list .p .icon {
    position: static !important;
    display: none;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    min-width: 20px;
    border-radius: 25px;
    border: 1px solid #0B3052;
    font-size: 14px;
    color: transparent; }
  .welcome-step--list .p .step-number {
    font-weight: 300; }
  .welcome-step--list .p.done {
    text-decoration: line-through;
    color: #788291; }
  .welcome-step--list .p:hover .step-number {
    font-weight: 500; }

.welcome-step--list .welcome-step--item:not(.collapsed) {
  font-weight: bolder; }
  .welcome-step--list .welcome-step--item:not(.collapsed) .step-number {
    font-weight: bolder; }

.welcome-step--content {
  width: 100%;
  max-width: 640px; }
  .welcome-step--content .p {
    margin: 0;
    font-size: 14px;
    line-height: 1.38;
    font-weight: 300;
    color: #555c68; }
    .welcome-step--content .p .todo {
      text-transform: lowercase; }
      .welcome-step--content .p .todo.done {
        display: none; }
  .welcome-step--content .btn-bar {
    padding-top: 16px; }
    @media (min-width: 767px) {
      .welcome-step--content .btn-bar .show-on-mob {
        display: none; } }
    @media (max-width: 767px) {
      .welcome-step--content .btn-bar .hide-on-mob {
        display: none; } }
  .welcome-step--content .collapse.done .welcome-step--item-description-body .item-description--done {
    display: block; }
  .welcome-step--content .collapse.done .welcome-step--item-description-body .item-description--todo {
    display: none; }
  .welcome-step--content .item-description--todo.done {
    display: none; }
  .welcome-step--content .item-description--done {
    display: none; }
  .welcome-step--content .item-description--todo.done + .item-description--done {
    display: block; }

.welcome-step--header-for-compact-view {
  order: 4;
  margin: 0;
  padding-bottom: 6px;
  border-bottom: 1px solid #06adef;
  text-align: left;
  display: none;
  width: 100%; }
  .welcome-step--header-for-compact-view .title {
    font-weight: 500;
    padding: 0;
    margin: 0;
    line-height: 1.1; }

.welcome-step--steps-count {
  position: absolute;
  top: -3px;
  right: -6px;
  height: 22px;
  width: 22px;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 1;
  background: #fff;
  color: #0B3052;
  box-shadow: 2px 2px 15px rgba(45, 51, 72, 0.1); }

.intro-banner--welcome-step {
  margin-left: auto;
  padding: 0.75rem 1.25rem !important;
  padding-right: 3.25rem !important; }
  .intro-banner--welcome-step .btn-outline-primary {
    border: 1px solid #06adef; }
  .intro-banner--welcome-step#simplybook-welcome-steps-banner.compact-view {
    display: block !important;
    position: fixed;
    bottom: 5%;
    right: 100px !important;
    padding: 0 !important;
    overflow: visible;
    z-index: 1001; }
    @media (max-width: 767px) {
      .intro-banner--welcome-step#simplybook-welcome-steps-banner.compact-view {
        bottom: 10px !important;
        right: 15px !important; } }
    .intro-banner--welcome-step#simplybook-welcome-steps-banner.compact-view .btn-bar--support,
    .intro-banner--welcome-step#simplybook-welcome-steps-banner.compact-view .btn-bar--close-actions,
    .intro-banner--welcome-step#simplybook-welcome-steps-banner.compact-view .alert__content:before {
      display: none; }
    .intro-banner--welcome-step#simplybook-welcome-steps-banner.compact-view .welcome-step--header-for-compact-view {
      display: block; }
    .intro-banner--welcome-step#simplybook-welcome-steps-banner.compact-view .accordion {
      display: flex;
      flex-direction: column-reverse;
      position: absolute;
      right: -10px;
      bottom: 40px;
      background: #fff;
      padding: 20px;
      box-shadow: 0px 0px 18px rgba(45, 51, 72, 0.2);
      border-radius: 16px;
      width: calc(100vw - 20px);
      max-width: 480px;
      z-index: 10;
      visibility: hidden;
      opacity: 0; }
      .intro-banner--welcome-step#simplybook-welcome-steps-banner.compact-view .accordion.in {
        visibility: visible;
        opacity: 1;
        bottom: 60px; }
      .intro-banner--welcome-step#simplybook-welcome-steps-banner.compact-view .accordion .welcome-step--list {
        max-width: 100%; }
        .intro-banner--welcome-step#simplybook-welcome-steps-banner.compact-view .accordion .welcome-step--list .welcome-step--item:hover .step-title {
          color: #06adef; }
        .intro-banner--welcome-step#simplybook-welcome-steps-banner.compact-view .accordion .welcome-step--list .welcome-step--item.done:hover .step-title {
          color: #788291; }
      .intro-banner--welcome-step#simplybook-welcome-steps-banner.compact-view .accordion .p span.step-number {
        display: none; }
      .intro-banner--welcome-step#simplybook-welcome-steps-banner.compact-view .accordion .p span.todo {
        display: inline; }
        .intro-banner--welcome-step#simplybook-welcome-steps-banner.compact-view .accordion .p span.todo.done {
          display: none; }
      .intro-banner--welcome-step#simplybook-welcome-steps-banner.compact-view .accordion .p .icon {
        display: inline-flex; }
        .intro-banner--welcome-step#simplybook-welcome-steps-banner.compact-view .accordion .p .icon:before {
          display: none; }
      .intro-banner--welcome-step#simplybook-welcome-steps-banner.compact-view .accordion .p.done {
        text-decoration: none; }
        .intro-banner--welcome-step#simplybook-welcome-steps-banner.compact-view .accordion .p.done .step-title {
          text-decoration: line-through; }
        .intro-banner--welcome-step#simplybook-welcome-steps-banner.compact-view .accordion .p.done .icon {
          text-decoration: none;
          background: #00D38B;
          border-color: #00D38B;
          color: #fff; }
          .intro-banner--welcome-step#simplybook-welcome-steps-banner.compact-view .accordion .p.done .icon:before {
            display: inline-flex; }
  @media (max-width: 767px) {
    .intro-banner--welcome-step#simplybook-welcome-steps-banner {
      display: block !important;
      position: fixed;
      left: auto;
      margin: 0 0 0 auto !important;
      padding: 0 !important;
      height: auto !important;
      background: transparent !important;
      box-shadow: 0 0 0 transparent !important;
      bottom: 10px !important;
      right: 15px !important;
      overflow: visible;
      z-index: 1001; }
      .intro-banner--welcome-step#simplybook-welcome-steps-banner.mob-view {
        z-index: 1001; }
      .intro-banner--welcome-step#simplybook-welcome-steps-banner .btn-bar--support,
      .intro-banner--welcome-step#simplybook-welcome-steps-banner .btn-bar--close-actions,
      .intro-banner--welcome-step#simplybook-welcome-steps-banner .alert__content:before {
        display: none; }
      .intro-banner--welcome-step#simplybook-welcome-steps-banner .intro-banner__body {
        align-items: flex-end;
        flex-direction: column-reverse;
        padding: 0; }
      .intro-banner--welcome-step#simplybook-welcome-steps-banner .welcome-step--mobile-toggler {
        display: inline-flex; }
        .intro-banner--welcome-step#simplybook-welcome-steps-banner .welcome-step--mobile-toggler .icon {
          position: static !important; }
      .intro-banner--welcome-step#simplybook-welcome-steps-banner .accordion {
        display: flex;
        flex-direction: column-reverse;
        position: absolute;
        right: -10px;
        bottom: 40px;
        background: #fff;
        padding: 20px;
        box-shadow: 0px 0px 18px rgba(45, 51, 72, 0.2);
        border-radius: 16px;
        width: calc(100vw - 20px);
        max-width: 480px;
        z-index: 10;
        visibility: hidden;
        opacity: 0; }
        .intro-banner--welcome-step#simplybook-welcome-steps-banner .accordion.in {
          visibility: visible;
          opacity: 1;
          bottom: 60px; }
        .intro-banner--welcome-step#simplybook-welcome-steps-banner .accordion .p .step-number {
          display: none; }
        .intro-banner--welcome-step#simplybook-welcome-steps-banner .accordion .p span.todo {
          display: inline; }
          .intro-banner--welcome-step#simplybook-welcome-steps-banner .accordion .p span.todo.done {
            display: none; }
        .intro-banner--welcome-step#simplybook-welcome-steps-banner .accordion .p .icon {
          position: static !important;
          display: inline-flex; }
        .intro-banner--welcome-step#simplybook-welcome-steps-banner .accordion .p.done {
          position: relative;
          text-decoration: none; }
          .intro-banner--welcome-step#simplybook-welcome-steps-banner .accordion .p.done .step-title {
            text-decoration: line-through; }
          .intro-banner--welcome-step#simplybook-welcome-steps-banner .accordion .p.done .icon {
            text-decoration: none;
            background: #00D38B;
            border-color: #00D38B;
            color: #fff; }
        .intro-banner--welcome-step#simplybook-welcome-steps-banner .accordion .welcome-step--header-for-compact-view {
          display: block; } }
  .intro-banner--welcome-step .intro-banner__body {
    padding: 0 !important; }
  .intro-banner--welcome-step .transform--fade {
    opacity: 0.9;
    animation: 1s ease-in phantomHeightBanner; }
  .intro-banner--welcome-step .alert__content {
    position: static !important;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
    padding: 0 !important; }
  .intro-banner--welcome-step .btn-bar .btn {
    min-height: 30px;
    padding-left: 20px;
    padding-right: 20px; }
  .intro-banner--welcome-step .btn-bar--support {
    display: none;
    position: absolute;
    bottom: 0.75rem;
    right: 20px;
    flex-direction: column;
    gap: 5px;
    z-index: 2; }
    @media (min-width: 900px) {
      .intro-banner--welcome-step .btn-bar--support {
        display: flex; } }
    .intro-banner--welcome-step .btn-bar--support .p {
      margin: 0;
      font-size: 14px; }
    .intro-banner--welcome-step .btn-bar--support .btn-bar--row {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 5px 10px; }
  .intro-banner--welcome-step .btn-accent {
    height: 50px;
    gap: 10px;
    display: none;
    max-width: 300px; }
    .intro-banner--welcome-step .btn-accent .icon {
      position: static !important; }
  .intro-banner--welcome-step.mob-view {
    animation: 1s ease-in-out transformBanner;
    animation-fill-mode: both;
    z-index: 1006; }
  .intro-banner--welcome-step.compact-view, .intro-banner--welcome-step.mob-view {
    display: block !important;
    position: fixed;
    left: auto;
    right: 16px;
    padding: 0 !important;
    margin: 0 0 0 auto !important; }
    .intro-banner--welcome-step.compact-view.float-bar, .intro-banner--welcome-step.mob-view.float-bar {
      bottom: 5%;
      right: 100px !important;
      height: auto !important;
      background: transparent !important;
      box-shadow: 0 0 0 transparent !important;
      overflow: visible; }
      @media (max-width: 767px) {
        .intro-banner--welcome-step.compact-view.float-bar, .intro-banner--welcome-step.mob-view.float-bar {
          bottom: 10px !important;
          right: 15px !important; } }
      .intro-banner--welcome-step.compact-view.float-bar .intro-banner__body, .intro-banner--welcome-step.mob-view.float-bar .intro-banner__body {
        flex-direction: column-reverse; }
      .intro-banner--welcome-step.compact-view.float-bar .hide-on-transition.accordion, .intro-banner--welcome-step.mob-view.float-bar .hide-on-transition.accordion {
        display: flex;
        flex-direction: column-reverse;
        position: absolute;
        right: -80px;
        bottom: 40px;
        width: 100%;
        background: #fff;
        padding: 20px;
        box-shadow: 2px 2px 15px rgba(45, 51, 72, 0.1);
        border-radius: 16px;
        min-width: 320px;
        z-index: 10;
        visibility: hidden;
        opacity: 0; }
        .intro-banner--welcome-step.compact-view.float-bar .hide-on-transition.accordion.in, .intro-banner--welcome-step.mob-view.float-bar .hide-on-transition.accordion.in {
          visibility: visible;
          opacity: 1;
          bottom: 60px; }
        .intro-banner--welcome-step.compact-view.float-bar .hide-on-transition.accordion .p .step-number, .intro-banner--welcome-step.mob-view.float-bar .hide-on-transition.accordion .p .step-number {
          display: none; }
        .intro-banner--welcome-step.compact-view.float-bar .hide-on-transition.accordion .p .icon, .intro-banner--welcome-step.mob-view.float-bar .hide-on-transition.accordion .p .icon {
          display: inline-flex; }
          .intro-banner--welcome-step.compact-view.float-bar .hide-on-transition.accordion .p .icon:before, .intro-banner--welcome-step.mob-view.float-bar .hide-on-transition.accordion .p .icon:before {
            display: none; }
        .intro-banner--welcome-step.compact-view.float-bar .hide-on-transition.accordion .p.done, .intro-banner--welcome-step.mob-view.float-bar .hide-on-transition.accordion .p.done {
          text-decoration: none; }
          .intro-banner--welcome-step.compact-view.float-bar .hide-on-transition.accordion .p.done .step-title, .intro-banner--welcome-step.mob-view.float-bar .hide-on-transition.accordion .p.done .step-title {
            text-decoration: line-through; }
          .intro-banner--welcome-step.compact-view.float-bar .hide-on-transition.accordion .p.done .icon, .intro-banner--welcome-step.mob-view.float-bar .hide-on-transition.accordion .p.done .icon {
            text-decoration: none;
            background: #00D38B;
            border-color: #00D38B;
            color: #fff; }
            .intro-banner--welcome-step.compact-view.float-bar .hide-on-transition.accordion .p.done .icon:before, .intro-banner--welcome-step.mob-view.float-bar .hide-on-transition.accordion .p.done .icon:before {
              display: inline-flex; }
        .intro-banner--welcome-step.compact-view.float-bar .hide-on-transition.accordion .welcome-step--header-for-compact-view, .intro-banner--welcome-step.mob-view.float-bar .hide-on-transition.accordion .welcome-step--header-for-compact-view {
          display: block; }
        .intro-banner--welcome-step.compact-view.float-bar .hide-on-transition.accordion .btn-bar--close-actions, .intro-banner--welcome-step.mob-view.float-bar .hide-on-transition.accordion .btn-bar--close-actions {
          display: none; }
    .intro-banner--welcome-step.compact-view .btn-bar .show-on-mob, .intro-banner--welcome-step.mob-view .btn-bar .show-on-mob {
      display: inline-flex; }
    .intro-banner--welcome-step.compact-view .btn-bar .hide-on-mob, .intro-banner--welcome-step.mob-view .btn-bar .hide-on-mob {
      display: none; }
    .intro-banner--welcome-step.compact-view .alert__content:before, .intro-banner--welcome-step.mob-view .alert__content:before {
      display: none !important; }
    .intro-banner--welcome-step.compact-view .welcome-step--wrapper, .intro-banner--welcome-step.mob-view .welcome-step--wrapper {
      align-items: center; }
    .intro-banner--welcome-step.compact-view .hide-on-transition, .intro-banner--welcome-step.mob-view .hide-on-transition {
      display: none; }
    .intro-banner--welcome-step.compact-view .intro-banner__body, .intro-banner--welcome-step.mob-view .intro-banner__body {
      flex-direction: row-reverse;
      align-items: flex-start;
      padding: 0; }
      .intro-banner--welcome-step.compact-view .intro-banner__body .welcome-step--list, .intro-banner--welcome-step.mob-view .intro-banner__body .welcome-step--list {
        width: 100%;
        max-width: 280px; }
    .intro-banner--welcome-step.compact-view .welcome-step--mobile-toggler, .intro-banner--welcome-step.mob-view .welcome-step--mobile-toggler {
      display: inline-flex; }

.intro-banner--welcome-step.mob-view + .intro-banner--phantom-height {
  animation: 1s ease-in-out phantomHeightBanner;
  animation-fill-mode: both; }

@keyframes transformBanner {
  0% {
    height: 188px;
    left: auto;
    right: 16px;
    bottom: calc(100% - 220px);
    transform: skewX(0deg);
    width: calc(98% - 260px); }
  40% {
    right: 25%;
    transform: skewX(-26deg); }
  46% {
    right: 25%; }
  80% {
    transform: skewX(45deg); }
  100% {
    height: 50px;
    right: 100px;
    width: 200px;
    bottom: 5%;
    transform: skewX(0deg); } }

@keyframes phantomHeightBanner {
  0% {
    height: 168px; }
  100% {
    height: 0px; } }

@keyframes scaleInnerComponents {
  0% {
    zoom: 100%; }
  100% {
    zoom: 10%; } }

:root {
  --size: 35px;
  --size-2: 33px; }

@media (max-width: 440px) {
  .dark-mode .global-search--block .global-search--icon {
    color: #f9f9f9; } }

.global-search {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 12px;
  gap: 10px;
  flex: 1;
  max-width: 460px;
  margin: 0 auto; }
  @media (max-width: 1024px) {
    .global-search {
      min-width: 70px;
      flex: 1;
      padding: 0 10px; } }
  @media (max-width: 440px) {
    .global-search {
      min-width: 40px;
      padding: 0; } }
  .global-search .help-info {
    display: none; }
    .global-search .help-info i {
      color: #d6dadc; }
  .global-search--block {
    --size: 35px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    min-width: var(--size);
    height: var(--size);
    border: 1px solid #dcdddf;
    border-radius: 3px;
    color: #788291;
    padding: 0 18px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
    @media (max-width: 767px) {
      .global-search--block {
        padding: 0 10px; } }
    @media (max-width: 440px) {
      .global-search--block {
        width: 36px;
        min-width: 36px;
        border-radius: 36px;
        height: 36px;
        justify-content: center;
        padding: 4px;
        border-color: transparent; }
        .global-search--block .global-search--icon {
          font-size: 18px;
          color: #0B3052; }
        .global-search--block .global-search--txt {
          display: none !important; } }
  .global-search--txt {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }

.dark-mode .alert.banner--did-you-know {
  border-color: #303030;
  box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.9); }
  .dark-mode .alert.banner--did-you-know.intro-banner--skin-1 {
    background: #242424 !important; }
    .dark-mode .alert.banner--did-you-know.intro-banner--skin-1 .intro-banner__shape:before {
      background: #1a1a1a; }
    .dark-mode .alert.banner--did-you-know.intro-banner--skin-1 .intro-banner__txt {
      color: #bcbcbc; }
  .dark-mode .alert.banner--did-you-know.intro-banner--skin-18 .highlight {
    color: #0B3052; }
  .dark-mode .alert.banner--did-you-know.intro-banner--skin-18 .intro-banner__txt {
    color: #0B3052; }
  .dark-mode .alert.banner--did-you-know.intro-banner--skin-18 .text-danger {
    color: #FF3259 !important; }

.dark-mode .oauth-login {
  background: #242424;
  box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.9); }
  .dark-mode .oauth-login--btn-bar .btn-link:hover, .dark-mode .oauth-login--btn-bar .btn-link:focus, .dark-mode .oauth-login--btn-bar .btn-link:active {
    text-decoration: none;
    background: rgba(29, 158, 209, 0.1);
    color: #177ca4; }

.alert.banner--did-you-know {
  position: relative;
  box-shadow: 2px 2px 15px rgba(45, 51, 72, 0.1);
  margin-bottom: 14px;
  border: 1px solid #dcdddf;
  border-radius: 8px;
  overflow: visible !important; }
  .alert.banner--did-you-know.alert-dismissible {
    padding: 0 !important; }
  .alert.banner--did-you-know .intro-banner__shape {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    display: block;
    width: 100%;
    overflow: hidden; }
    .alert.banner--did-you-know .intro-banner__shape:before {
      content: "";
      display: block;
      width: 1300px;
      height: 900px;
      border-radius: 35% 35% 35% 0;
      position: absolute;
      bottom: 68px;
      right: 0;
      transform: rotate(11deg);
      z-index: 0; }
  .alert.banner--did-you-know .alert__content {
    width: 100%;
    padding: 20px 40px 12px 20px; }
    @media (min-width: 1199px) {
      .alert.banner--did-you-know .alert__content {
        padding: 20px 64px 12px; } }
  .alert.banner--did-you-know .intro-banner__body {
    position: relative;
    width: 100%;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    margin: 0;
    min-height: 130px;
    gap: 0 20px;
    z-index: 2; }
    .alert.banner--did-you-know .intro-banner__body .intro-banner__body-item {
      padding: 0; }
      .alert.banner--did-you-know .intro-banner__body .intro-banner__body-item-content {
        flex: 1;
        max-width: 740px; }
        .alert.banner--did-you-know .intro-banner__body .intro-banner__body-item-content .intro-banner__btn-bar {
          padding-top: 20px;
          margin-bottom: 0;
          margin-top: auto;
          flex-wrap: wrap; }
          .alert.banner--did-you-know .intro-banner__body .intro-banner__body-item-content .intro-banner__btn-bar .btn {
            display: inline-flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-items: center;
            justify-content: center;
            gap: 4px 8px;
            margin: 0;
            min-height: 32px;
            border-radius: 5px; }
            .alert.banner--did-you-know .intro-banner__body .intro-banner__body-item-content .intro-banner__btn-bar .btn.btn--secondary {
              background: #ffff;
              border: 1px solid #dcdddf;
              color: #253246; }
              .alert.banner--did-you-know .intro-banner__body .intro-banner__body-item-content .intro-banner__btn-bar .btn.btn--secondary:hover, .alert.banner--did-you-know .intro-banner__body .intro-banner__body-item-content .intro-banner__btn-bar .btn.btn--secondary:focus {
                color: #253246; }
      .alert.banner--did-you-know .intro-banner__body .intro-banner__body-item-picture {
        flex: none;
        width: auto; }
      .alert.banner--did-you-know .intro-banner__body .intro-banner__body-item .intro-banner__banner {
        display: none;
        margin: -10px 0; }
        @media (min-width: 800px) {
          .alert.banner--did-you-know .intro-banner__body .intro-banner__body-item .intro-banner__banner {
            display: inline-block; } }
        .alert.banner--did-you-know .intro-banner__body .intro-banner__body-item .intro-banner__banner img {
          height: auto; }
  .alert.banner--did-you-know .btn-bar--close-actions {
    position: absolute;
    top: 4px;
    right: 4px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    z-index: 10; }
    .alert.banner--did-you-know .btn-bar--close-actions .banner--btn {
      padding: 10px 0;
      margin: 0;
      font-size: 12px;
      border: none;
      min-height: unset;
      color: #788291;
      background: transparent;
      background-color: transparent;
      outline: none;
      opacity: 1;
      line-height: 1;
      cursor: pointer; }
    .alert.banner--did-you-know .btn-bar--close-actions .banner--btn_remind-later {
      display: none; }
    .alert.banner--did-you-know .btn-bar--close-actions .banner--btn_close {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      top: 0;
      left: 0;
      padding: 5px;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      font-size: 24px;
      font-weight: 300;
      outline: none;
      background: rgba(255, 255, 255, 0.1);
      text-shadow: 0px 0px 6px rgba(37, 50, 70, 0.2);
      transition: all 0.25s ease-out; }
      .alert.banner--did-you-know .btn-bar--close-actions .banner--btn_close:hover {
        opacity: 1;
        background: rgba(255, 255, 255, 0.2);
        color: #ff3259; }
  .alert.banner--did-you-know .intro-banner__txt {
    font-size: 20px;
    color: #253246;
    line-height: 1.33; }
    @media (max-width: 900px) {
      .alert.banner--did-you-know .intro-banner__txt {
        font-size: 16px; } }
    .alert.banner--did-you-know .intro-banner__txt.bold {
      font-weight: bold; }
  .alert.banner--did-you-know .intro-banner__txt-tiny,
  .alert.banner--did-you-know .intro-banner__txt-small {
    display: flex;
    gap: 8px;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 8px; }
  .alert.banner--did-you-know .intro-banner__txt-tiny {
    font-size: 12px; }
  .alert.banner--did-you-know .intro-banner__txt-grey {
    color: #788291; }
  .alert.banner--did-you-know .intro-banner__txt-mark {
    position: relative;
    top: 0.3em;
    display: inline-block;
    width: 6px;
    height: 6px;
    min-width: 6px;
    border-radius: 10px;
    background: #06acee; }
  .alert.banner--did-you-know.intro-banner--skin-1 {
    background: #F1F6FF !important;
    overflow: hidden !important; }
    .alert.banner--did-you-know.intro-banner--skin-1 .highlight {
      color: #06adef; }
    .alert.banner--did-you-know.intro-banner--skin-1 .intro-banner__shape:before {
      background: #fff; }
    .alert.banner--did-you-know.intro-banner--skin-1 .intro-banner__body .intro-banner__body-item .intro-banner__banner {
      margin: -25px -20px -20px 0; }
      @media (max-width: 1024px) {
        .alert.banner--did-you-know.intro-banner--skin-1 .intro-banner__body .intro-banner__body-item .intro-banner__banner {
          display: none; } }
  .alert.banner--did-you-know.intro-banner--skin-2 {
    background: linear-gradient(90deg, #091E3A 0%, #2F80ED 50%, #2D9EE0 100%) !important; }
    .alert.banner--did-you-know.intro-banner--skin-2 .highlight {
      color: #06adef; }
    .alert.banner--did-you-know.intro-banner--skin-2 .intro-banner__txt {
      color: #fff; }
    .alert.banner--did-you-know.intro-banner--skin-2 .intro-banner__shape:before {
      background: rgba(37, 50, 70, 0.1); }
    .alert.banner--did-you-know.intro-banner--skin-2 .btn-bar--close-actions .banner--btn_close {
      color: #fff; }
      .alert.banner--did-you-know.intro-banner--skin-2 .btn-bar--close-actions .banner--btn_close:hover {
        color: #ff3259; }
    .alert.banner--did-you-know.intro-banner--skin-2 .intro-banner__body .intro-banner__body-item .intro-banner__banner {
      margin: -34px 0 -21px 0; }
  .alert.banner--did-you-know.intro-banner--skin-3 {
    background: linear-gradient(90deg, #1A2980 0%, #26D0CE 100%); }
    .alert.banner--did-you-know.intro-banner--skin-3 .highlight {
      color: #06adef; }
    .alert.banner--did-you-know.intro-banner--skin-3 .intro-banner__txt {
      color: #fff;
      text-shadow: 0px 0px 4px rgba(37, 50, 70, 0.2); }
    .alert.banner--did-you-know.intro-banner--skin-3 .intro-banner__shape:before {
      background: rgba(37, 50, 70, 0.1); }
    .alert.banner--did-you-know.intro-banner--skin-3 .btn-bar--close-actions .banner--btn_close {
      color: #fff; }
      .alert.banner--did-you-know.intro-banner--skin-3 .btn-bar--close-actions .banner--btn_close:hover {
        color: #ff3259; }
    .alert.banner--did-you-know.intro-banner--skin-3 .intro-banner__body .intro-banner__body-item .intro-banner__banner {
      margin: -20px 0 -10px 0; }
  .alert.banner--did-you-know.intro-banner--skin-4 {
    background: linear-gradient(90deg, #4CB8C4 0%, #3CD3AD 100%); }
    .alert.banner--did-you-know.intro-banner--skin-4 .highlight {
      color: #253246; }
    .alert.banner--did-you-know.intro-banner--skin-4 .intro-banner__txt {
      color: #fff;
      text-shadow: 0px 0px 2px rgba(37, 50, 70, 0.1); }
    .alert.banner--did-you-know.intro-banner--skin-4 .intro-banner__shape:before {
      background: rgba(37, 50, 70, 0.1); }
    .alert.banner--did-you-know.intro-banner--skin-4 .intro-banner__body-item-content .intro-banner__btn-bar .btn.btn-primary, .alert.banner--did-you-know.intro-banner--skin-4 .intro-banner__body-item-content .intro-banner__btn-bar .btn-group .btn.active:not(:disabled):not(.disabled):not([disabled]), .btn-group .alert.banner--did-you-know.intro-banner--skin-4 .intro-banner__body-item-content .intro-banner__btn-bar .btn.active:not(:disabled):not(.disabled):not([disabled]) {
      background: #253246;
      color: #ffff;
      border-color: #253246; }
      .alert.banner--did-you-know.intro-banner--skin-4 .intro-banner__body-item-content .intro-banner__btn-bar .btn.btn-primary:hover, .alert.banner--did-you-know.intro-banner--skin-4 .intro-banner__body-item-content .intro-banner__btn-bar .btn-group .btn.active:hover:not(:disabled):not(.disabled):not([disabled]), .btn-group .alert.banner--did-you-know.intro-banner--skin-4 .intro-banner__body-item-content .intro-banner__btn-bar .btn.active:hover:not(:disabled):not(.disabled):not([disabled]), .alert.banner--did-you-know.intro-banner--skin-4 .intro-banner__body-item-content .intro-banner__btn-bar .btn.btn-primary:focus, .alert.banner--did-you-know.intro-banner--skin-4 .intro-banner__body-item-content .intro-banner__btn-bar .btn-group .btn.active:focus:not(:disabled):not(.disabled):not([disabled]), .btn-group .alert.banner--did-you-know.intro-banner--skin-4 .intro-banner__body-item-content .intro-banner__btn-bar .btn.active:focus:not(:disabled):not(.disabled):not([disabled]), .alert.banner--did-you-know.intro-banner--skin-4 .intro-banner__body-item-content .intro-banner__btn-bar .btn.btn-primary:active, .alert.banner--did-you-know.intro-banner--skin-4 .intro-banner__body-item-content .intro-banner__btn-bar .btn-group .btn.active:active:not(:disabled):not(.disabled):not([disabled]), .btn-group .alert.banner--did-you-know.intro-banner--skin-4 .intro-banner__body-item-content .intro-banner__btn-bar .btn.active:active:not(:disabled):not(.disabled):not([disabled]) {
        background: #1c2635;
        color: #ffff;
        border-color: #253246; }
    .alert.banner--did-you-know.intro-banner--skin-4 .btn-bar--close-actions .banner--btn_close {
      color: #fff; }
      .alert.banner--did-you-know.intro-banner--skin-4 .btn-bar--close-actions .banner--btn_close:hover {
        color: #ff3259; }
    .alert.banner--did-you-know.intro-banner--skin-4 .intro-banner__body .intro-banner__body-item .intro-banner__banner {
      margin: -15px 0 -8px 0; }
  .alert.banner--did-you-know.intro-banner--skin-5 {
    background: linear-gradient(89.72deg, #FFC25E 0.24%, #FF8D1B 97.13%);
    border: 1px solid #dcdddf;
    border-radius: 8px; }
    .alert.banner--did-you-know.intro-banner--skin-5 .highlight {
      color: #06adef; }
    .alert.banner--did-you-know.intro-banner--skin-5 .intro-banner__txt {
      color: #fff;
      text-shadow: 0px 0px 3px rgba(37, 50, 70, 0.2); }
    .alert.banner--did-you-know.intro-banner--skin-5 .intro-banner__shape {
      display: none; }
      .alert.banner--did-you-know.intro-banner--skin-5 .intro-banner__shape:before {
        background: rgba(37, 50, 70, 0.1); }
    .alert.banner--did-you-know.intro-banner--skin-5 .btn-bar--close-actions .banner--btn_close {
      color: #fff; }
      .alert.banner--did-you-know.intro-banner--skin-5 .btn-bar--close-actions .banner--btn_close:hover {
        color: #ff3259; }
    .alert.banner--did-you-know.intro-banner--skin-5 .intro-banner__body .intro-banner__body-item .intro-banner__banner {
      margin: -18px 0 -18px 0; }
  .alert.banner--did-you-know.intro-banner--skin-6 {
    background: linear-gradient(90deg, #FBED96 0%, #ABECD6 100%); }
    .alert.banner--did-you-know.intro-banner--skin-6 .highlight {
      color: #06adef; }
    .alert.banner--did-you-know.intro-banner--skin-6 .intro-banner__shape {
      display: none; }
    .alert.banner--did-you-know.intro-banner--skin-6 .intro-banner__body .intro-banner__body-item .intro-banner__banner {
      margin: -10px 0 -5px 0; }
  .alert.banner--did-you-know.intro-banner--skin-7 {
    background: linear-gradient(90deg, #804FA6 0%, #A2659A 50.52%, #784EA4 100%); }
    .alert.banner--did-you-know.intro-banner--skin-7 .highlight {
      color: #06adef; }
    .alert.banner--did-you-know.intro-banner--skin-7 .intro-banner__txt {
      color: #fff;
      text-shadow: 0px 0px 2px rgba(37, 50, 70, 0.1); }
    .alert.banner--did-you-know.intro-banner--skin-7 .intro-banner__shape {
      display: none; }
    .alert.banner--did-you-know.intro-banner--skin-7 .btn-bar--close-actions .banner--btn_close {
      color: #fff; }
      .alert.banner--did-you-know.intro-banner--skin-7 .btn-bar--close-actions .banner--btn_close:hover {
        color: #ff3259; }
    .alert.banner--did-you-know.intro-banner--skin-7 .intro-banner__body .intro-banner__body-item .intro-banner__banner {
      margin: -22px 0 -14px 0; }
  .alert.banner--did-you-know.intro-banner--skin-8 {
    background: linear-gradient(90deg, #5CD7F3 0%, #30C3E9 100%); }
    .alert.banner--did-you-know.intro-banner--skin-8 .highlight {
      color: #253246; }
    .alert.banner--did-you-know.intro-banner--skin-8 .intro-banner__txt {
      color: #fff;
      text-shadow: 0px 0px 2px rgba(37, 50, 70, 0.1); }
    .alert.banner--did-you-know.intro-banner--skin-8 .intro-banner__shape:before {
      background: rgba(241, 246, 255, 0.1); }
    .alert.banner--did-you-know.intro-banner--skin-8 .btn-bar--close-actions .banner--btn_close {
      color: #fff; }
      .alert.banner--did-you-know.intro-banner--skin-8 .btn-bar--close-actions .banner--btn_close:hover {
        color: #ff3259; }
    .alert.banner--did-you-know.intro-banner--skin-8 .intro-banner__body .intro-banner__body-item .intro-banner__banner {
      margin: -20px 0 -6px 0; }
  .alert.banner--did-you-know.intro-banner--skin-9 {
    background: linear-gradient(91.09deg, #D8F4FF 4.88%, #B4E3FB 100.2%);
    overflow: hidden !important; }
    .alert.banner--did-you-know.intro-banner--skin-9 .highlight {
      color: #06adef; }
    .alert.banner--did-you-know.intro-banner--skin-9 .intro-banner__shape {
      display: none; }
    .alert.banner--did-you-know.intro-banner--skin-9 .btn-bar--close-actions .banner--btn_close {
      color: #fff; }
      .alert.banner--did-you-know.intro-banner--skin-9 .btn-bar--close-actions .banner--btn_close:hover {
        color: #ff3259; }
    .alert.banner--did-you-know.intro-banner--skin-9 .intro-banner__body .intro-banner__body-item .intro-banner__banner {
      margin: -30px 0 -40px 0; }
  .alert.banner--did-you-know.intro-banner--skin-10 {
    background: linear-gradient(90deg, #0DB4F7 0%, #6ECAEE 100%); }
    .alert.banner--did-you-know.intro-banner--skin-10 .highlight {
      color: #253246; }
    .alert.banner--did-you-know.intro-banner--skin-10 .intro-banner__txt {
      color: #fff;
      text-shadow: 0px 0px 2px rgba(37, 50, 70, 0.1); }
    .alert.banner--did-you-know.intro-banner--skin-10 .intro-banner__shape:before {
      background: rgba(37, 50, 70, 0.1); }
    .alert.banner--did-you-know.intro-banner--skin-10 .btn-bar--close-actions .banner--btn_close {
      color: #fff; }
      .alert.banner--did-you-know.intro-banner--skin-10 .btn-bar--close-actions .banner--btn_close:hover {
        color: #ff3259; }
    .alert.banner--did-you-know.intro-banner--skin-10 .intro-banner__body .intro-banner__body-item .intro-banner__banner {
      margin: -10px 0 -18px 0; }
  .alert.banner--did-you-know.intro-banner--skin-11 {
    background: linear-gradient(91.54deg, #5359CC 0%, #9135B4 19.7%, #A8379B 37.24%, #D75350 67.29%, #E26D3D 82.41%, #F7D078 100%); }
    .alert.banner--did-you-know.intro-banner--skin-11 .intro-banner__shape {
      display: none; }
    .alert.banner--did-you-know.intro-banner--skin-11 .highlight {
      color: #06adef; }
    .alert.banner--did-you-know.intro-banner--skin-11 .intro-banner__txt {
      color: #fff; }
    .alert.banner--did-you-know.intro-banner--skin-11 .btn-bar--close-actions .banner--btn_close {
      color: #fff; }
      .alert.banner--did-you-know.intro-banner--skin-11 .btn-bar--close-actions .banner--btn_close:hover {
        color: #ff3259; }
    .alert.banner--did-you-know.intro-banner--skin-11 .intro-banner__body .intro-banner__body-item .intro-banner__banner {
      margin: -20px 0 -12px 0; }
  .alert.banner--did-you-know.intro-banner--skin-12 {
    background: linear-gradient(90deg, #4594FF 0%, #519BFF 10%, #B8D3FE 100%); }
    .alert.banner--did-you-know.intro-banner--skin-12 .highlight {
      color: #253246; }
    .alert.banner--did-you-know.intro-banner--skin-12 .intro-banner__txt {
      color: #fff; }
    .alert.banner--did-you-know.intro-banner--skin-12 .intro-banner__shape {
      display: none; }
    .alert.banner--did-you-know.intro-banner--skin-12 .btn-bar--close-actions .banner--btn_close {
      color: #fff; }
      .alert.banner--did-you-know.intro-banner--skin-12 .btn-bar--close-actions .banner--btn_close:hover {
        color: #ff3259; }
    .alert.banner--did-you-know.intro-banner--skin-12 .intro-banner__body .intro-banner__body-item .intro-banner__banner {
      margin: -34px 0 -21px 0; }
  .alert.banner--did-you-know.intro-banner--skin-13 {
    background: linear-gradient(90deg, #2193B0 0%, #6DD5ED 100%);
    overflow: hidden !important; }
    .alert.banner--did-you-know.intro-banner--skin-13 .highlight {
      color: #253246; }
    .alert.banner--did-you-know.intro-banner--skin-13 .intro-banner__txt {
      color: #fff; }
    .alert.banner--did-you-know.intro-banner--skin-13 .intro-banner__shape {
      display: none; }
    .alert.banner--did-you-know.intro-banner--skin-13 .btn-bar--close-actions .banner--btn_close {
      color: #fff; }
      .alert.banner--did-you-know.intro-banner--skin-13 .btn-bar--close-actions .banner--btn_close:hover {
        color: #ff3259; }
    .alert.banner--did-you-know.intro-banner--skin-13 .intro-banner__body .intro-banner__body-item .intro-banner__banner {
      margin: -10px 0 -25px 0; }
  .alert.banner--did-you-know.intro-banner--skin-14 {
    background: linear-gradient(90deg, #87B9FF 0%, #4DD5DE 99.99%, #A0C6FF 100%);
    overflow: hidden !important; }
    .alert.banner--did-you-know.intro-banner--skin-14 .highlight {
      color: #253246; }
    .alert.banner--did-you-know.intro-banner--skin-14 .intro-banner__txt {
      color: #fff; }
    .alert.banner--did-you-know.intro-banner--skin-14 .intro-banner__shape:before {
      background: rgba(37, 50, 70, 0.1); }
    .alert.banner--did-you-know.intro-banner--skin-14 .btn-bar--close-actions .banner--btn_close {
      color: #fff; }
      .alert.banner--did-you-know.intro-banner--skin-14 .btn-bar--close-actions .banner--btn_close:hover {
        color: #ff3259; }
    .alert.banner--did-you-know.intro-banner--skin-14 .intro-banner__body .intro-banner__body-item .intro-banner__banner {
      margin: -10px 0 -10px 0; }
  .alert.banner--did-you-know.intro-banner--skin-15 {
    background: linear-gradient(90deg, #F1F6FF 0%, #7CCFFF 100%);
    overflow: hidden !important; }
    .alert.banner--did-you-know.intro-banner--skin-15 .highlight {
      color: #06acee; }
    .alert.banner--did-you-know.intro-banner--skin-15 .intro-banner__txt {
      color: #253246; }
    .alert.banner--did-you-know.intro-banner--skin-15 .intro-banner__shape:before {
      background: rgba(37, 50, 70, 0.04); }
    .alert.banner--did-you-know.intro-banner--skin-15 .btn-bar--close-actions .banner--btn_close {
      color: #fff; }
      .alert.banner--did-you-know.intro-banner--skin-15 .btn-bar--close-actions .banner--btn_close:hover {
        color: #ff3259; }
    .alert.banner--did-you-know.intro-banner--skin-15 .intro-banner__body .intro-banner__body-item .intro-banner__banner {
      margin: -10px 0 -10px 0; }
  .alert.banner--did-you-know.intro-banner--skin-16 {
    background: linear-gradient(90deg, #08C8F6 0%, #13B0EB 100%);
    overflow: hidden !important; }
    .alert.banner--did-you-know.intro-banner--skin-16 .highlight {
      color: #253246; }
    .alert.banner--did-you-know.intro-banner--skin-16 .intro-banner__txt {
      color: #fff; }
    .alert.banner--did-you-know.intro-banner--skin-16 .intro-banner__shape:before {
      background: rgba(37, 50, 70, 0.1); }
    .alert.banner--did-you-know.intro-banner--skin-16 .btn-bar--close-actions .banner--btn_close {
      color: #fff; }
      .alert.banner--did-you-know.intro-banner--skin-16 .btn-bar--close-actions .banner--btn_close:hover {
        color: #ff3259; }
    .alert.banner--did-you-know.intro-banner--skin-16 .intro-banner__body .intro-banner__body-item .intro-banner__banner {
      margin: -10px 0 -10px 0; }
  .alert.banner--did-you-know.intro-banner--skin-17 {
    background: linear-gradient(90deg, #4593FC 0%, #5697FE 30.73%, #09C6F9 100%);
    overflow: hidden !important; }
    .alert.banner--did-you-know.intro-banner--skin-17 .highlight {
      color: #253246; }
    .alert.banner--did-you-know.intro-banner--skin-17 .intro-banner__txt {
      color: #fff; }
    .alert.banner--did-you-know.intro-banner--skin-17 .intro-banner__shape:before {
      background: rgba(37, 50, 70, 0.1); }
    .alert.banner--did-you-know.intro-banner--skin-17 .btn-bar--close-actions .banner--btn_close {
      color: #fff; }
      .alert.banner--did-you-know.intro-banner--skin-17 .btn-bar--close-actions .banner--btn_close:hover {
        color: #ff3259; }
    .alert.banner--did-you-know.intro-banner--skin-17 .intro-banner__body .intro-banner__body-item .intro-banner__banner {
      margin: -10px 0 -10px 0; }
  .alert.banner--did-you-know.intro-banner--skin-18 {
    background: linear-gradient(88deg, #FCD1D8 0%, #967C81 100%) !important;
    color: #0B3052;
    overflow: hidden !important; }
    .alert.banner--did-you-know.intro-banner--skin-18 .highlight {
      color: #0B3052; }
    .alert.banner--did-you-know.intro-banner--skin-18 .intro-banner__txt {
      color: #0B3052; }
    .alert.banner--did-you-know.intro-banner--skin-18 .intro-banner__shape:before {
      background: rgba(37, 50, 70, 0.1); }
    .alert.banner--did-you-know.intro-banner--skin-18 .text-danger {
      color: #FF3259 !important; }
    .alert.banner--did-you-know.intro-banner--skin-18 .btn-bar--close-actions .banner--btn_close {
      color: #fff; }
      .alert.banner--did-you-know.intro-banner--skin-18 .btn-bar--close-actions .banner--btn_close:hover {
        color: #ff3259; }
    .alert.banner--did-you-know.intro-banner--skin-18 .intro-banner__body .intro-banner__body-item .intro-banner__banner {
      margin: -14px 0 -18px 0; }
  .alert.banner--did-you-know.intro-banner--skin-19 {
    background: linear-gradient(88deg, #ECCD63 0%, #FFEE82 100%);
    overflow: hidden !important; }
    .alert.banner--did-you-know.intro-banner--skin-19 .highlight {
      color: #253246; }
    .alert.banner--did-you-know.intro-banner--skin-19 .intro-banner__txt {
      color: #253246; }
    .alert.banner--did-you-know.intro-banner--skin-19 .intro-banner__shape:before {
      background: rgba(37, 50, 70, 0.1); }
    .alert.banner--did-you-know.intro-banner--skin-19 .btn-bar--close-actions .banner--btn_close {
      color: #253246; }
      .alert.banner--did-you-know.intro-banner--skin-19 .btn-bar--close-actions .banner--btn_close:hover {
        color: #ff3259; }
    .alert.banner--did-you-know.intro-banner--skin-19 .intro-banner__body .intro-banner__body-item .intro-banner__banner {
      margin: -10px 0 -16px 0; }
  .alert.banner--did-you-know.packages .intro-banner__body .intro-banner__body-item .intro-banner__banner {
    margin: -6px 0 -13px 0; }
  .alert.banner--did-you-know.custom_pages .intro-banner__body .intro-banner__body-item .intro-banner__banner {
    margin: -15px 0 -29px 0; }
  .alert.banner--did-you-know.calendar .intro-banner__body .intro-banner__body-item .intro-banner__banner {
    margin: -38px -36px -42px 0; }
    @media (max-width: 1024px) {
      .alert.banner--did-you-know.calendar .intro-banner__body .intro-banner__body-item .intro-banner__banner {
        display: none; } }
  .alert.banner--did-you-know.custom_email {
    overflow: hidden !important; }
    @media (max-width: 1024px) {
      .alert.banner--did-you-know.custom_email .intro-banner__body .intro-banner__body-item .intro-banner__banner {
        display: none; } }
  .alert.banner--did-you-know.loyalty_system .intro-banner__body .intro-banner__body-item .intro-banner__banner {
    margin: -36px 0; }
  .alert.banner--did-you-know.photo_gallery .intro-banner__body .intro-banner__body-item .intro-banner__banner {
    margin: -8px 0 -30px 0; }
  .alert.banner--did-you-know.customisable_invoices .intro-banner__body .intro-banner__body-item .intro-banner__banner {
    margin: -12px 0; }
  .alert.banner--did-you-know.deposits .intro-banner__body .intro-banner__body-item .intro-banner__banner {
    margin: -12px 0 -13px 0; }

.banner--did-you-know.intake_forms .intro-banner__banner img {
  max-height: 214px; }

.banner--did-you-know.client_login .intro-banner__banner img {
  max-height: 130px; }

.banner--did-you-know.client_fields .intro-banner__banner img {
  max-height: 134px; }

.banner--did-you-know.accept_payments .intro-banner__banner img {
  max-height: 197px; }

.banner--did-you-know.deposits .intro-banner__banner img {
  max-height: 190px; }

.banner--did-you-know.admin_app .intro-banner__banner img {
  max-height: 197px; }

.banner--did-you-know.service_addons .intro-banner__banner img {
  max-height: 146px; }

.banner--did-you-know.products .intro-banner__banner img {
  max-height: 197px; }

.banner--did-you-know.flexible_notifications .intro-banner__banner img {
  max-height: 200px; }

.banner--did-you-know.locations .intro-banner__banner img {
  max-height: 164px; }

.banner--did-you-know.any_employee .intro-banner__banner img {
  max-height: 200px; }

.banner--did-you-know.pos .intro-banner__banner img {
  max-height: 197px; }

.banner--did-you-know.customisable_invoices .intro-banner__banner img {
  max-height: 175px; }

.banner--did-you-know.cancellation_policy .intro-banner__banner img {
  max-height: 192px; }

.banner--did-you-know.terms .intro-banner__banner img {
  max-height: 197px; }

.banner--did-you-know.calendar .intro-banner__banner img {
  max-height: 232px; }

.banner--did-you-know.video_meetings .intro-banner__banner img {
  max-height: 180px; }

.banner--did-you-know.gift_cards .intro-banner__banner img {
  max-height: 211px; }

.banner--did-you-know.membership .intro-banner__banner img {
  max-height: 181px; }

.banner--did-you-know.client_app .intro-banner__banner img {
  max-height: 197px; }

.banner--did-you-know.google_business .intro-banner__banner img {
  max-height: 134px; }

.banner--did-you-know.facebook_instagram .intro-banner__banner img {
  max-height: 260px; }

.banner--did-you-know.google_reviews .intro-banner__banner img {
  max-height: 196px; }

.banner--did-you-know.smtp .intro-banner__banner img {
  max-height: 174px; }

.banner--did-you-know.custom_email .intro-banner__banner img {
  max-height: 197px; }

.banner--did-you-know.photo_gallery .intro-banner__banner img {
  max-height: 197px; }

.banner--did-you-know.custom_pages .intro-banner__banner img {
  max-height: 211px; }

.banner--did-you-know.categories .intro-banner__banner img {
  max-height: 178px; }

.banner--did-you-know.wait_list .intro-banner__banner img {
  max-height: 205px; }

.banner--did-you-know.instagram_gallery .intro-banner__banner img {
  max-height: 197px; }

.banner--did-you-know.packages .intro-banner__banner img {
  max-height: 169px; }

.banner--did-you-know.loyalty_system .intro-banner__banner img {
  max-height: 234px; }

.banner--did-you-know.membership-recurring-banner .intro-banner__banner {
  margin: -10px 0px !important; }
  .banner--did-you-know.membership-recurring-banner .intro-banner__banner img {
    max-height: 158px; }

.banner--did-you-know.membership-recurring-banner .intro-banner__shape:before {
  background: transparent !important; }

.banner--did-you-know.membership-recurring-banner .intro-banner__txt.bold {
  margin-bottom: 8px; }

.banner--did-you-know.live_chat_v1 .intro-banner__banner {
  margin: -10px 0 -16px 0 !important; }
  .banner--did-you-know.live_chat_v1 .intro-banner__banner img {
    max-height: 196px; }

.banner--did-you-know.live_chat_v2 .intro-banner__banner {
  margin: -10px 0 -16px 0 !important; }
  .banner--did-you-know.live_chat_v2 .intro-banner__banner img {
    max-height: 169px; }

.banner--did-you-know.live_chat_v3 .intro-banner__banner img {
  max-height: 179px; }

.banner--did-you-know.tips .intro-banner__banner {
  margin: -10px 0 -20px 0 !important; }
  .banner--did-you-know.tips .intro-banner__banner img {
    max-height: 195px; }

.banner--did-you-know.contact_clients_whatsapp .intro-banner__banner {
  margin: -20px 0 -14px 0 !important; }
  .banner--did-you-know.contact_clients_whatsapp .intro-banner__banner img {
    max-height: 176px; }

.banner--did-you-know.refunds .intro-banner__banner {
  margin: -10px 0 -16px 0 !important; }
  .banner--did-you-know.refunds .intro-banner__banner img {
    max-height: 195px; }

.banner--did-you-know.apple_google_pay .intro-banner__banner {
  margin: -10px 0 -20px 0 !important; }
  .banner--did-you-know.apple_google_pay .intro-banner__banner img {
    max-height: 182px; }

.banner--did-you-know.vaulted_payments .intro-banner__banner {
  margin: -8px 0 -8px 0 !important; }
  .banner--did-you-know.vaulted_payments .intro-banner__banner img {
    max-height: 160px; }

.banner--did-you-know.tap_to_pay .intro-banner__banner {
  margin: -8px 0 -16px 0 !important; }
  .banner--did-you-know.tap_to_pay .intro-banner__banner img {
    max-height: 178px; }

.banner--did-you-know.custom_gift_cards .intro-banner__banner {
  margin: -8px 0 -8px 0 !important; }
  .banner--did-you-know.custom_gift_cards .intro-banner__banner img {
    max-height: 178px; }

.banner--did-you-know.payment_links .intro-banner__banner {
  margin: -8px 0 -20px 0 !important; }
  .banner--did-you-know.payment_links .intro-banner__banner img {
    max-height: 188px; }

.banner--did-you-know.payment_qr_codes .intro-banner__banner {
  margin: -8px 0 -20px 0 !important; }
  .banner--did-you-know.payment_qr_codes .intro-banner__banner img {
    max-height: 197px; }

.banner--did-you-know.product_standalone .intro-banner__banner {
  margin: -20px 0 -16px 0 !important; }
  .banner--did-you-know.product_standalone .intro-banner__banner img {
    max-height: 197px; }

.banner--did-you-know.print_receipts .intro-banner__banner {
  margin: -30px 0 -16px 0 !important; }
  .banner--did-you-know.print_receipts .intro-banner__banner img {
    max-height: 197px; }

.banner--did-you-know.tags .intro-banner__banner {
  margin: -24px 0 -16px 0 !important; }
  .banner--did-you-know.tags .intro-banner__banner img {
    max-height: 197px; }

.banner--did-you-know.bundle_services .intro-banner__banner {
  margin: -36px 0 -16px 0 !important; }
  .banner--did-you-know.bundle_services .intro-banner__banner img {
    max-height: 197px; }

.banner--did-you-know.freshbooks .intro-banner__banner {
  margin: -28px 0 -28px 0 !important; }
  .banner--did-you-know.freshbooks .intro-banner__banner img {
    max-height: 197px; }

.banner--did-you-know.xero .intro-banner__banner {
  margin: -32px 0 -16px 0 !important; }
  .banner--did-you-know.xero .intro-banner__banner img {
    max-height: 197px; }

.banner--did-you-know.quickbooks .intro-banner__banner {
  margin: -32px 0 -20px 0 !important; }
  .banner--did-you-know.quickbooks .intro-banner__banner img {
    max-height: 197px; }

.banner--did-you-know.ai_search .intro-banner__banner {
  margin: -18px -32px -16px 0 !important; }
  .banner--did-you-know.ai_search .intro-banner__banner img {
    max-height: 164px; }

.banner--did-you-know.whatsapp .intro-banner__banner img {
  max-height: 196px; }

.banner--did-you-know.look_busy .intro-banner__banner {
  margin: -33px 0 -14px 0 !important; }
  .banner--did-you-know.look_busy .intro-banner__banner img {
    max-height: 190px; }

.banner--did-you-know.full_setup .intro-banner__banner img {
  max-height: 195px; }

.banner--did-you-know.campaign.intro-banner--skin-15 {
  overflow: visible !important; }
  .banner--did-you-know.campaign.intro-banner--skin-15 .intro-banner__banner {
    margin: -33px 0 -12px 0 !important; }
    .banner--did-you-know.campaign.intro-banner--skin-15 .intro-banner__banner img {
      max-height: 206px; }

.banner--did-you-know.affiliate .intro-banner__banner img {
  max-height: 197px; }

.banner--did-you-know.social_media .intro-banner__banner {
  margin: -16px 0 -26px 0 !important; }
  .banner--did-you-know.social_media .intro-banner__banner img {
    max-height: 196px; }

.banner--did-you-know.social_media_facebook .intro-banner__banner img {
  max-height: 191px; }

.banner--did-you-know.promo-code-banner p > .text-success {
  color: #00A04D !important; }

.banner--did-you-know.promo-code-banner .intro-banner__banner img {
  max-height: 196px; }

.banner--did-you-know.affiliates-banner .intro-banner__banner img {
  max-height: 197px; }

.oauth-login {
  position: relative;
  text-align: center;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 2px 2px 15px 0px rgba(45, 51, 72, 0.1);
  margin: 12px auto;
  max-width: 800px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
  padding: 26px 22px;
  overflow: hidden; }
  .oauth-login--header {
    margin-bottom: 0px;
    font-size: 24px; }
  .oauth-login--picture {
    line-height: 0.8; }
    .oauth-login--picture svg {
      max-width: 100%;
      width: auto;
      height: 268px; }
      @media (max-width: 480px) {
        .oauth-login--picture svg {
          height: 220px; } }
  .oauth-login--content p,
  .oauth-login--content .p {
    text-wrap: balance; }
  .oauth-login--btn-bar {
    padding-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px 12px; }
    .oauth-login--btn-bar .btn {
      min-width: 116px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 36px;
      padding: 4px 18px;
      font-size: 16px;
      font-weight: 500;
      transition: all 0.2s ease-out; }
      .oauth-login--btn-bar .btn-link:hover, .oauth-login--btn-bar .btn-link:focus, .oauth-login--btn-bar .btn-link:active {
        text-decoration: none;
        background: rgba(6, 172, 238, 0.1);
        color: #0588bc; }

.--promotions-list .campaign.banner--did-you-know .alert__content {
  padding-left: 20px;
  padding-right: 20px; }

.--promotions-list .campaign.banner--did-you-know .intro-banner__txt {
  font-size: 14px; }

.--promotions-list .campaign.banner--did-you-know .intro-banner__banner {
  margin: -33px -27px -12px 0 !important; }
  @media (max-width: 1356px) {
    .--promotions-list .campaign.banner--did-you-know .intro-banner__banner {
      display: none !important; } }

.dark-mode .management-app .sb-colors .color,
.dark-mode .management-app .colors .color,
.dark-mode .form-group .sb-colors .color,
.dark-mode .element-container .sb-colors .color,
.dark-mode .form-group .colors .color,
.dark-mode .element-container .colors .color {
  color: #bcbcbc;
  background: #404040; }
  .dark-mode .management-app .sb-colors .color--bg,
  .dark-mode .management-app .colors .color--bg,
  .dark-mode .form-group .sb-colors .color--bg,
  .dark-mode .element-container .sb-colors .color--bg,
  .dark-mode .form-group .colors .color--bg,
  .dark-mode .element-container .colors .color--bg {
    border: 1px solid #555555; }
  .dark-mode .management-app .sb-colors .color .fa,
  .dark-mode .management-app .colors .color .fa,
  .dark-mode .form-group .sb-colors .color .fa,
  .dark-mode .element-container .sb-colors .color .fa,
  .dark-mode .form-group .colors .color .fa,
  .dark-mode .element-container .colors .color .fa {
    color: #f9f9f9; }
  .dark-mode .management-app .sb-colors .color.selected,
  .dark-mode .management-app .colors .color.selected,
  .dark-mode .form-group .sb-colors .color.selected,
  .dark-mode .element-container .sb-colors .color.selected,
  .dark-mode .form-group .colors .color.selected,
  .dark-mode .element-container .colors .color.selected {
    color: #f9f9f9;
    border-color: #777777; }
  .dark-mode .management-app .sb-colors .color.add-more,
  .dark-mode .management-app .colors .color.add-more,
  .dark-mode .form-group .sb-colors .color.add-more,
  .dark-mode .element-container .sb-colors .color.add-more,
  .dark-mode .form-group .colors .color.add-more,
  .dark-mode .element-container .colors .color.add-more {
    color: #06ADEF;
    border: 1px solid #06ADEF;
    background: transparent; }
    .dark-mode .management-app .sb-colors .color.add-more:hover,
    .dark-mode .management-app .colors .color.add-more:hover,
    .dark-mode .form-group .sb-colors .color.add-more:hover,
    .dark-mode .element-container .sb-colors .color.add-more:hover,
    .dark-mode .form-group .colors .color.add-more:hover,
    .dark-mode .element-container .colors .color.add-more:hover {
      background: rgba(255, 255, 255, 0.2); }

.management-app .grid--colors-wrapper,
.form-group .grid--colors-wrapper,
.element-container .grid--colors-wrapper {
  position: relative;
  justify-content: flex-end; }
  .management-app .grid--colors-wrapper .field-container:after,
  .form-group .grid--colors-wrapper .field-container:after,
  .element-container .grid--colors-wrapper .field-container:after {
    content: '';
    display: inline-block;
    min-width: 40px;
    height: 36px;
    order: 110; }

.management-app .sb-colors .color,
.management-app .colors .color,
.form-group .sb-colors .color,
.element-container .sb-colors .color,
.form-group .colors .color,
.element-container .colors .color {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 8px);
  max-width: 110px;
  height: 36px;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  color: #788291;
  font-size: 16px;
  background: #F1F6FF;
  gap: 4px;
  padding: 2px 8px;
  border: 1px solid transparent;
  /* colors */ }
  .management-app .sb-colors .color--bg,
  .management-app .colors .color--bg,
  .form-group .sb-colors .color--bg,
  .element-container .sb-colors .color--bg,
  .form-group .colors .color--bg,
  .element-container .colors .color--bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 11px;
    border-radius: 4px;
    border: 1px solid #E7ECF7; }
  .management-app .sb-colors .color .fa,
  .management-app .colors .color .fa,
  .form-group .sb-colors .color .fa,
  .element-container .sb-colors .color .fa,
  .form-group .colors .color .fa,
  .element-container .colors .color .fa {
    visibility: hidden;
    color: #0B3052;
    display: inline-block;
    font-size: 12px; }
  .management-app .sb-colors .color.selected .fa,
  .management-app .sb-colors .color:hover .fa,
  .management-app .colors .color.selected .fa,
  .management-app .colors .color:hover .fa,
  .form-group .sb-colors .color.selected .fa,
  .element-container .sb-colors .color.selected .fa,
  .form-group .sb-colors .color:hover .fa,
  .element-container .sb-colors .color:hover .fa,
  .form-group .colors .color.selected .fa,
  .element-container .colors .color.selected .fa,
  .form-group .colors .color:hover .fa,
  .element-container .colors .color:hover .fa {
    visibility: visible; }
  .management-app .sb-colors .color.selected,
  .management-app .colors .color.selected,
  .form-group .sb-colors .color.selected,
  .element-container .sb-colors .color.selected,
  .form-group .colors .color.selected,
  .element-container .colors .color.selected {
    color: #0B3052;
    border-color: #E7ECF7; }
  .management-app .sb-colors .color.add-more,
  .management-app .colors .color.add-more,
  .form-group .sb-colors .color.add-more,
  .element-container .sb-colors .color.add-more,
  .form-group .colors .color.add-more,
  .element-container .colors .color.add-more {
    position: absolute;
    right: 0;
    bottom: 0;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 36px;
    border-radius: 36px;
    color: #06ADEF;
    border: 1px solid #06ADEF;
    padding: 4px; }
    .management-app .sb-colors .color.add-more label,
    .management-app .colors .color.add-more label,
    .form-group .sb-colors .color.add-more label,
    .element-container .sb-colors .color.add-more label,
    .form-group .colors .color.add-more label,
    .element-container .colors .color.add-more label {
      margin: 0;
      padding: 0;
      text-align: center;
      line-height: 1; }
    .management-app .sb-colors .color.add-more .minicolors,
    .management-app .colors .color.add-more .minicolors,
    .form-group .sb-colors .color.add-more .minicolors,
    .element-container .sb-colors .color.add-more .minicolors,
    .form-group .colors .color.add-more .minicolors,
    .element-container .colors .color.add-more .minicolors {
      position: absolute; }
    .management-app .sb-colors .color.add-more .fa,
    .management-app .colors .color.add-more .fa,
    .form-group .sb-colors .color.add-more .fa,
    .element-container .sb-colors .color.add-more .fa,
    .form-group .colors .color.add-more .fa,
    .element-container .colors .color.add-more .fa {
      visibility: visible;
      font-size: 16px;
      color: inherit; }
  .management-app .sb-colors .color.default_1,
  .management-app .colors .color.default_1,
  .form-group .sb-colors .color.default_1,
  .element-container .sb-colors .color.default_1,
  .form-group .colors .color.default_1,
  .element-container .colors .color.default_1 {
    background: #c5c1ff; }
  .management-app .sb-colors .color.default_2,
  .management-app .colors .color.default_2,
  .form-group .sb-colors .color.default_2,
  .element-container .sb-colors .color.default_2,
  .form-group .colors .color.default_2,
  .element-container .colors .color.default_2 {
    background: #d3e5f0; }
  .management-app .sb-colors .color.default_3,
  .management-app .colors .color.default_3,
  .form-group .sb-colors .color.default_3,
  .element-container .sb-colors .color.default_3,
  .form-group .colors .color.default_3,
  .element-container .colors .color.default_3 {
    background: #74daed; }
  .management-app .sb-colors .color.default_4,
  .management-app .colors .color.default_4,
  .form-group .sb-colors .color.default_4,
  .element-container .sb-colors .color.default_4,
  .form-group .colors .color.default_4,
  .element-container .colors .color.default_4 {
    background: #c0ffdf; }
  .management-app .sb-colors .color.default_5,
  .management-app .colors .color.default_5,
  .form-group .sb-colors .color.default_5,
  .element-container .sb-colors .color.default_5,
  .form-group .colors .color.default_5,
  .element-container .colors .color.default_5 {
    background: #4bff97; }
  .management-app .sb-colors .color.default_6,
  .management-app .colors .color.default_6,
  .form-group .sb-colors .color.default_6,
  .element-container .sb-colors .color.default_6,
  .form-group .colors .color.default_6,
  .element-container .colors .color.default_6 {
    background: #c7ff10; }
  .management-app .sb-colors .color.default_7,
  .management-app .colors .color.default_7,
  .form-group .sb-colors .color.default_7,
  .element-container .sb-colors .color.default_7,
  .form-group .colors .color.default_7,
  .element-container .colors .color.default_7 {
    background: #dfefa9; }
  .management-app .sb-colors .color.default_8,
  .management-app .colors .color.default_8,
  .form-group .sb-colors .color.default_8,
  .element-container .sb-colors .color.default_8,
  .form-group .colors .color.default_8,
  .element-container .colors .color.default_8 {
    background: #fffa9f; }
  .management-app .sb-colors .color.default_9,
  .management-app .colors .color.default_9,
  .form-group .sb-colors .color.default_9,
  .element-container .sb-colors .color.default_9,
  .form-group .colors .color.default_9,
  .element-container .colors .color.default_9 {
    background: #fff200; }
  .management-app .sb-colors .color.default_10,
  .management-app .colors .color.default_10,
  .form-group .sb-colors .color.default_10,
  .element-container .sb-colors .color.default_10,
  .form-group .colors .color.default_10,
  .element-container .colors .color.default_10 {
    background: #ffddb9; }

.ui-multiselect-menu {
  min-width: 260px;
  color: #0B3052; }
  .ui-multiselect-menu .ui-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    float: none;
    background: transparent;
    text-indent: unset;
    font-family: "Font Awesome 5 Pro"; }
    .ui-multiselect-menu .ui-icon:before {
      display: inline-block;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      font-weight: 300;
      font-family: "Font Awesome 5 Pro";
      content: "\f392";
      background: unset;
      text-indent: unset;
      overflow: hidden;
      background-repeat: no-repeat; }
    .ui-multiselect-menu .ui-icon.ui-icon-check:before {
      content: '\f00c'; }
    .ui-multiselect-menu .ui-icon.ui-icon-closethick:before {
      content: '\f0c8'; }
    .ui-multiselect-menu .ui-icon.ui-icon-circle-close:before {
      content: '\f00d'; }
  .ui-multiselect-menu .ui-widget-header {
    padding: 0;
    margin: 0;
    background: #f8faff;
    color: #0B3052;
    border: none;
    border-radius: 0; }
    .ui-multiselect-menu .ui-widget-header .ui-helper-reset {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 20px;
      min-height: 26px;
      padding: 4px 8px;
      font-size: 12px;
      line-height: 1.2; }
      .ui-multiselect-menu .ui-widget-header .ui-helper-reset li {
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-weight: 400; }
        .ui-multiselect-menu .ui-widget-header .ui-helper-reset li a {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          gap: 4px;
          min-height: 24px; }
        .ui-multiselect-menu .ui-widget-header .ui-helper-reset li.ui-multiselect-close {
          margin-left: auto;
          margin-right: 0;
          min-height: unset; }
        .ui-multiselect-menu .ui-widget-header .ui-helper-reset li .ui-icon.ui-icon-circle-close {
          width: 20px;
          height: 20px;
          background: #fff;
          border-radius: 25px; }

.ui-multiselect-checkboxes {
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  font-family: "Noto Sans", sans-serif; }
  .ui-multiselect-checkboxes label {
    display: block;
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 6px;
    border: none !important;
    background: transparent;
    text-indent: -10px;
    font-weight: 400;
    font-size: 14px;
    border-radius: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .ui-multiselect-checkboxes input {
    position: relative;
    top: 1px;
    cursor: pointer;
    padding: 0;
    margin: 0 6px 0 0; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  font-weight: 400;
  background: #F1F6FF;
  border: none; }

.sbpay-widget {
  padding: 25px; }

#sbpay-widget, .sbpay-widget {
  min-height: 400px; }

.dark-mode .pagination li a, .dark-mode .dataTables_paginate ul li a, .dataTables_paginate .dark-mode ul li a {
  color: #bcbcbc; }

.dark-mode .pagination li:hover a, .dark-mode .dataTables_paginate ul li:hover a, .dataTables_paginate .dark-mode ul li:hover a {
  color: #0B3052; }

.dark-mode .pagination li.active a, .dark-mode .dataTables_paginate ul li.active a, .dataTables_paginate .dark-mode ul li.active a {
  color: #0B3052;
  background: #F1F6FF; }

.dark-mode .pagination li.disabled a, .dark-mode .dataTables_paginate ul li.disabled a, .dataTables_paginate .dark-mode ul li.disabled a {
  background: rgba(248, 250, 255, 0.2);
  color: #ABBCCC; }

.pagination, .dataTables_paginate ul {
  display: flex;
  align-items: stretch;
  gap: 4px;
  flex-wrap: wrap;
  border: none; }
  .pagination li, .dataTables_paginate ul li {
    border: none; }
    .pagination li:last-child a, .dataTables_paginate ul li:last-child a, .pagination li:first-child a, .dataTables_paginate ul li:first-child a {
      border-radius: 40px; }
    .pagination li a, .dataTables_paginate ul li a {
      position: relative;
      -webkit-backdrop-filter: blur(12px);
      backdrop-filter: blur(12px);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 40px;
      width: 36px;
      min-width: 36px;
      height: 36px;
      font-size: 14px;
      font-weight: 400;
      color: #788291;
      padding: 4px;
      text-align: center;
      overflow: hidden;
      border: none;
      background: transparent;
      cursor: pointer;
      margin: 0;
      transition: all 0.25s ease-out; }
    .pagination li:hover a, .dataTables_paginate ul li:hover a {
      color: #0B3052; }
    .pagination li.active a, .dataTables_paginate ul li.active a {
      color: #0B3052;
      background: #F1F6FF; }
    .pagination li.disabled a, .dataTables_paginate ul li.disabled a {
      background: rgba(248, 250, 255, 0.2);
      cursor: not-allowed;
      color: #ABBCCC; }

.dark-mode #sb_flash_message {
  /* For multiple messages */ }
  .dark-mode #sb_flash_message .alert {
    background: #242424;
    box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.9); }
    .dark-mode #sb_flash_message .alert .alert-body {
      color: #bcbcbc; }
    .dark-mode #sb_flash_message .alert.alert-success:before {
      background: #19a25a; }
    .dark-mode #sb_flash_message .alert.alert-success .alert-title {
      color: #19a25a; }
    .dark-mode #sb_flash_message .alert.alert-danger:before, .dark-mode #sb_flash_message .alert.alert-error:before {
      background: #ff6666; }
    .dark-mode #sb_flash_message .alert.alert-danger .alert-title, .dark-mode #sb_flash_message .alert.alert-error .alert-title {
      color: #ff6666; }
    .dark-mode #sb_flash_message .alert.alert-warning:before {
      background: #eea901; }
    .dark-mode #sb_flash_message .alert.alert-warning .alert-title {
      color: #eea901; }
  .dark-mode #sb_flash_message .sb-flash-message .alert:nth-child(n+2) {
    margin-top: 10px; }

#sb_flash_message {
  position: fixed;
  top: 64px;
  right: 10px;
  width: 100%;
  max-width: 300px;
  z-index: 1000;
  /* For multiple messages */ }
  #sb_flash_message .alert {
    display: block;
    width: 100%;
    max-width: 400px;
    margin-bottom: 12px;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0px 4px 4px 0px rgba(0, 32, 51, 0.04), 0px 8px 24px 0px rgba(0, 32, 51, 0.12);
    transition: all 0.3s ease-out;
    font-family: "Noto Sans", sans-serif;
    padding: 6px 16px 8px 20px;
    border: none; }
    #sb_flash_message .alert:before {
      position: absolute;
      display: block;
      content: '';
      height: calc(100% - 12px);
      width: 6px;
      top: 6px;
      left: 6px;
      border-radius: 10px; }
    #sb_flash_message .alert .alert-title {
      display: block;
      width: 100%;
      font-weight: 500;
      font-size: 16px;
      font-family: "Mulish", sans-serif;
      line-height: 1.4;
      margin-bottom: 4px; }
    #sb_flash_message .alert .alert-body {
      width: 100%;
      color: #0B3052;
      font-size: 14px; }
    #sb_flash_message .alert.alert-success:before {
      background: #00D38B; }
    #sb_flash_message .alert.alert-success .alert-title {
      color: #00D38B; }
    #sb_flash_message .alert.alert-danger:before, #sb_flash_message .alert.alert-error:before {
      background: #FF3259; }
    #sb_flash_message .alert.alert-danger .alert-title, #sb_flash_message .alert.alert-error .alert-title {
      color: #FF3259; }
    #sb_flash_message .alert.alert-warning:before {
      background: #FEC439; }
    #sb_flash_message .alert.alert-warning .alert-title {
      color: #FEC439; }
  #sb_flash_message .sb-flash-message .alert:nth-child(n+2) {
    margin-top: 10px; }

/**
MODULES
 */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* Safari and Chrome */
  .dropdown-menu.extended {
    box-shadow: 2px 2px 18px rgba(45, 51, 72, 0.12); }
  .dark-mode .dropdown-menu.extended {
    box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.9); } }

.dark-mode .header .top-notifications .nav-item-icon > .icon {
  color: #f9f9f9; }

.dark-mode .header .top-notifications .nav-item-icon:hover {
  background: #1a1a1a; }

.dark-mode .header .nav-header .dropdown-menu__title,
.dark-mode .header .nav .dropdown-menu__title {
  color: #f9f9f9;
  background: #282828;
  border-top: 1px solid #555555 !important; }
  .dark-mode .header .nav-header .dropdown-menu__title .txt,
  .dark-mode .header .nav .dropdown-menu__title .txt {
    color: #f9f9f9 !important;
    background: transparent !important; }

.dark-mode .header .top-notifications .nav-item-icon > .icon {
  color: #f9f9f9; }

.dark-mode .header .top-notifications .nav-item-icon:hover {
  background: #282828; }

.dark-mode .header #channels-btn .dropdown-menu.extended {
  box-shadow: 0px 10px 22px -2px rgba(0, 0, 0, 0.9); }

.dark-mode .header .dropdown-menu:not(.global-search--dropdown).extended li p {
  background-color: #f1f2f7;
  color: #666666;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); }
  .dark-mode .header .dropdown-menu:not(.global-search--dropdown).extended li p.green {
    background-color: #19a25a;
    color: #fff; }
  .dark-mode .header .dropdown-menu:not(.global-search--dropdown).extended li p.red {
    background-color: #ff6c60;
    color: #fff; }
  .dark-mode .header .dropdown-menu:not(.global-search--dropdown).extended li p.yellow {
    background-color: #f2a203;
    color: #fff; }

.dark-mode .header .dropdown-menu:not(.global-search--dropdown).extended li a,
.dark-mode .header .dropdown-menu:not(.global-search--dropdown).extended li .txt {
  border-bottom: 1px solid #555555; }
  .dark-mode .header .dropdown-menu:not(.global-search--dropdown).extended li a:hover,
  .dark-mode .header .dropdown-menu:not(.global-search--dropdown).extended li .txt:hover {
    color: #06ADEF; }

.dark-mode .header .dropdown-menu:not(.global-search--dropdown).extended.profile > li.show-on-mobile, .dark-mode .header .dropdown-menu:not(.global-search--dropdown).extended.channels > li.show-on-mobile {
  border-bottom: 1px solid #555555;
  background: #1a1a1a;
  color: #bcbcbc; }

.dark-mode .header .dropdown-menu:not(.global-search--dropdown).extended.profile > li a,
.dark-mode .header .dropdown-menu:not(.global-search--dropdown).extended.profile > li .txt, .dark-mode .header .dropdown-menu:not(.global-search--dropdown).extended.channels > li a,
.dark-mode .header .dropdown-menu:not(.global-search--dropdown).extended.channels > li .txt {
  color: #bcbcbc; }
  .dark-mode .header .dropdown-menu:not(.global-search--dropdown).extended.profile > li a:hover,
  .dark-mode .header .dropdown-menu:not(.global-search--dropdown).extended.profile > li .txt:hover, .dark-mode .header .dropdown-menu:not(.global-search--dropdown).extended.channels > li a:hover,
  .dark-mode .header .dropdown-menu:not(.global-search--dropdown).extended.channels > li .txt:hover {
    color: #f9f9f9;
    background: #282828; }

@media (max-width: 767px) {
  .dark-mode .header .btn--dark-mode-switcher.btn--no-text,
  .dark-mode .header .btn--dark-mode-switcher {
    border: none;
    background: transparent;
    color: #FFFCF5; }
    .dark-mode .header .btn--dark-mode-switcher.btn--no-text .icon,
    .dark-mode .header .btn--dark-mode-switcher .icon {
      color: #FFFCF5; }
      .dark-mode .header .btn--dark-mode-switcher.btn--no-text .icon.mode--light,
      .dark-mode .header .btn--dark-mode-switcher .icon.mode--light {
        color: #FFFCF5; } }

.dark-mode .header .badge, .dark-mode .header .label {
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6); }
  .dark-mode .header .badge-success, .dark-mode .header .label-success {
    background-color: #19a25a; }
  .dark-mode .header .badge-danger, .dark-mode .header .label-danger {
    background-color: #ff6666; }
  .dark-mode .header .badge-warning, .dark-mode .header .label-warning {
    background-color: #DA9308;
    background-color: #e09604; }
  .dark-mode .header .badge-info, .dark-mode .header .label-info {
    background-color: #1d9ed1; }

.dark-mode .header .badge-success, .dark-mode .header .label-success, .dark-mode .header .label-success {
  background-color: #19a25a; }

.dark-mode .header .logo_couple svg {
  filter: invert(0.5) sepia(1) hue-rotate(180deg) saturate(0.6) brightness(1); }

.header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 8px;
  z-index: 1003;
  background: #fff;
  min-height: 60px;
  padding: 6px 16px;
  border-bottom: 1px solid #E7ECF7; }
  .header .nav-header,
  .header .nav {
    display: flex;
    align-items: center;
    gap: 4px 6px; }
    .header .nav-header .dropdown-menu,
    .header .nav .dropdown-menu {
      overflow: auto; }
      .header .nav-header .dropdown-menu.profile,
      .header .nav .dropdown-menu.profile {
        overflow: scroll;
        max-height: 80vh; }
      .header .nav-header .dropdown-menu__title,
      .header .nav .dropdown-menu__title {
        font-weight: 600;
        font-family: "Mulish", sans-serif;
        color: #0B3052;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        min-height: 44px;
        margin-bottom: 0;
        padding: 2px 20px;
        font-size: 14px;
        background: #f8faff; }
        .header .nav-header .dropdown-menu__title .txt,
        .header .nav .dropdown-menu__title .txt {
          padding: 0 !important;
          margin: 0 !important;
          color: #0B3052 !important;
          background: transparent !important; }
        .header .nav-header .dropdown-menu__title.show-on-mobile,
        .header .nav .dropdown-menu__title.show-on-mobile {
          margin: 0; }
      .header .nav-header .dropdown-menu li a.text-danger,
      .header .nav .dropdown-menu li a.text-danger {
        color: #FF3259; }
  .header .btn.btn--custom {
    justify-content: center;
    min-width: 36px;
    padding: 4px; }
  .header .btn.btn--no-text_on-tab-l .icon {
    display: none; }
  .header .btn.btn--no-text_on-tab-l .btn__txt {
    display: inline-block; }
  @media (max-width: 1200px) {
    .header .btn.btn--no-text_on-tab-l {
      justify-content: center;
      min-width: 36px;
      padding: 4px; }
      .header .btn.btn--no-text_on-tab-l .btn__txt {
        display: none; }
      .header .btn.btn--no-text_on-tab-l .icon {
        display: inline-block; } }
  .header .btn.channels-btn {
    padding-right: 12px; }
    @media (max-width: 767px) {
      .header .btn.channels-btn {
        padding-right: 4px;
        width: 76px;
        min-width: 70px; } }
    .header .btn.channels-btn .icon--select {
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      min-width: 14px;
      min-height: 14px;
      border-left: 1px solid #fff;
      padding-left: 8px; }
  .header .top-notifications .nav-item-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    height: 34px;
    min-width: 34px;
    width: 34px;
    background: transparent;
    border: none;
    text-decoration: none;
    border-radius: 36px;
    outline: none; }
    .header .top-notifications .nav-item-icon > .icon {
      font-size: 18px;
      color: #0B3052; }
    .header .top-notifications .nav-item-icon:hover {
      text-decoration: none;
      background: #f8faff; }
  .header .nav-header .nav-header-item.logo {
    max-width: 150px; }
    .header .nav-header .nav-header-item.logo .logo__image {
      display: block; }
    .header .nav-header .nav-header-item.logo .logo__image--mob {
      display: none; }
    @media (max-width: 1200px) {
      .header .nav-header .nav-header-item.logo {
        max-width: 40px;
        width: 40px; }
        .header .nav-header .nav-header-item.logo .logo__image {
          display: none; }
        .header .nav-header .nav-header-item.logo .logo__image--mob {
          display: block; } }
    @media (max-width: 1024px) {
      .header .nav-header .nav-header-item.logo {
        display: none; } }
    .header .nav-header .nav-header-item.logo .logo_couple {
      max-width: 140px;
      margin: -6px 0;
      line-height: 0.5;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      flex-direction: column;
      gap: 4px; }
      .header .nav-header .nav-header-item.logo .logo_couple svg {
        max-width: 100%;
        height: auto; }
        @media (max-width: 1200px) {
          .header .nav-header .nav-header-item.logo .logo_couple svg {
            display: none; } }
        .header .nav-header .nav-header-item.logo .logo_couple svg.l__wn {
          max-width: 98px;
          margin-top: -8px; }
      .header .nav-header .nav-header-item.logo .logo_couple .logo_couple-mob {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        min-width: 46px; }
        @media (min-width: 1200px) {
          .header .nav-header .nav-header-item.logo .logo_couple .logo_couple-mob {
            display: none; } }
        .header .nav-header .nav-header-item.logo .logo_couple .logo_couple-mob svg {
          display: block; }
  .header .nav-header .nav-header-item.sidebar-toggle-box {
    padding-right: 5px; }
  .header .nav-header .sidebar-toggle-box .fa-bars {
    cursor: pointer;
    display: inline-block;
    font-size: 20px; }
  .header .nav-notify {
    margin-right: auto;
    margin-left: 0; }
    .header .nav-notify .top-menu > li > a.header_push_notification_container {
      position: relative; }
    .header .nav-notify .badge, .header .nav-notify .label {
      position: absolute;
      right: -2px;
      top: -10px;
      z-index: 100;
      color: #fff; }
    .header .nav-notify .dropdown-menu.extended {
      width: 275px; }
      .header .nav-notify .dropdown-menu.extended li a {
        white-space: unset;
        display: flex;
        justify-content: space-between;
        align-items: flex-start; }
        .header .nav-notify .dropdown-menu.extended li a .label {
          display: none; }
    .header .nav-notify .top-notifications {
      flex: 1;
      flex-wrap: nowrap;
      align-items: center; }
      .header .nav-notify .top-notifications i {
        font-size: 16px; }
  .header .nav-controls {
    margin-right: 0;
    margin-left: auto; }
    .header .nav-controls .top-menu > li > a {
      line-height: 1; }
    .header .nav-controls #user-btn,
    .header .nav-controls #channels-btn {
      cursor: pointer; }
      @media (min-width: 767px) {
        .header .nav-controls #user-btn .dropdown-menu:not(.global-search--dropdown),
        .header .nav-controls #channels-btn .dropdown-menu:not(.global-search--dropdown) {
          max-width: 210px;
          transform: none !important; }
        .header .nav-controls #user-btn.dropdown:hover .dropdown-menu, .header .nav-controls #user-btn.dropdown.show .dropdown-menu, .header .nav-controls #user-btn.dropdown.opened .dropdown-menu,
        .header .nav-controls #channels-btn.dropdown:hover .dropdown-menu,
        .header .nav-controls #channels-btn.dropdown.show .dropdown-menu,
        .header .nav-controls #channels-btn.dropdown.opened .dropdown-menu {
          display: block !important;
          top: 35px !important;
          transform: none !important;
          left: auto !important;
          right: 0 !important;
          padding-top: 0; }
          .header .nav-controls #user-btn.dropdown:hover .dropdown-menu li a, .header .nav-controls #user-btn.dropdown.show .dropdown-menu li a, .header .nav-controls #user-btn.dropdown.opened .dropdown-menu li a,
          .header .nav-controls #channels-btn.dropdown:hover .dropdown-menu li a,
          .header .nav-controls #channels-btn.dropdown.show .dropdown-menu li a,
          .header .nav-controls #channels-btn.dropdown.opened .dropdown-menu li a {
            overflow: hidden; } }
      @media (max-width: 767px) {
        .header .nav-controls #user-btn,
        .header .nav-controls #channels-btn {
          position: static !important; } }
    .header .nav-controls #upgrade-btn .txt {
      display: inline-block; }
      @media (max-width: 1024px) {
        .header .nav-controls #upgrade-btn .txt {
          display: none; } }
    @media (max-width: 767px) {
      .header .nav-controls #channels-btn .nav-item-button .txt {
        display: none; } }
    .header .nav-controls .button .fa {
      display: none; }
      @media (max-width: 1024px) {
        .header .nav-controls .button .fa {
          display: inline-block; } }
    .header .nav-controls .button .txt {
      display: inline-block; }
      @media (max-width: 1024px) {
        .header .nav-controls .button .txt {
          display: none; } }
    .header .nav-controls .dropdown-menu:not(.global-search--dropdown) {
      overflow: visible; }
      .header .nav-controls .dropdown-menu:not(.global-search--dropdown):before {
        position: absolute;
        content: '';
        display: block;
        width: 100%;
        height: 12px;
        left: 0;
        right: 0;
        top: -8px; }
  @media (max-width: 1024px) {
    .header .top-menu > li#faq-btn {
      display: none; } }
  @media (max-width: 767px) {
    .header .top-menu > li#header_push_notification_bar {
      display: none; } }
  .header .top-menu > li > a.btn--sm {
    display: none;
    align-items: center;
    justify-content: center;
    min-height: 35px;
    padding: 0;
    min-width: 30px;
    border-radius: 25px;
    color: #2c3547;
    border: none; }
    .header .top-menu > li > a.btn--sm .logo__short {
      height: 26px; }
    @media (min-width: 900px) {
      .header .top-menu > li > a.btn--sm {
        display: inline-flex;
        padding: 10px 22px;
        background: #FEC439;
        border: none; }
        .header .top-menu > li > a.btn--sm .txt {
          display: block; }
        .header .top-menu > li > a.btn--sm .logo__short {
          display: none; }
        .header .top-menu > li > a.btn--sm:hover, .header .top-menu > li > a.btn--sm:focus {
          border: none;
          background: #FEC439;
          color: #2c3547; } }
  .header .dropdown-menu:not(.global-search--dropdown) {
    display: none;
    padding: 0;
    border-radius: 3px;
    max-height: 420px;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #788291 #ABBCCC; }
    .header .dropdown-menu:not(.global-search--dropdown)::-webkit-scrollbar {
      width: 5px;
      height: 5px; }
      .header .dropdown-menu:not(.global-search--dropdown)::-webkit-scrollbar-track {
        background-clip: content-box;
        border: 1.25px solid transparent; }
      .header .dropdown-menu:not(.global-search--dropdown)::-webkit-scrollbar-thumb {
        background-color: #788291;
        cursor: pointer; }
        .header .dropdown-menu:not(.global-search--dropdown)::-webkit-scrollbar-thumb:hover {
          background-color: #6c7583; }
      .header .dropdown-menu:not(.global-search--dropdown)::-webkit-scrollbar-corner, .header .dropdown-menu:not(.global-search--dropdown)::-webkit-scrollbar-track {
        background-color: #ABBCCC; }
    .header .dropdown-menu:not(.global-search--dropdown).dropdown-menu-right.extended.show li a {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .header .dropdown-menu:not(.global-search--dropdown).extended {
      width: 250px;
      max-width: initial; }
      .header .dropdown-menu:not(.global-search--dropdown).extended li p {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 5px;
        min-height: 40px;
        background-color: #F1F6FF;
        color: #0B3052;
        margin: 0;
        padding: 6px 12px;
        border-radius: 4px 4px 0px 0px;
        -webkit-border-radius: 4px 4px 0px 0px; }
      .header .dropdown-menu:not(.global-search--dropdown).extended li a,
      .header .dropdown-menu:not(.global-search--dropdown).extended li .txt {
        padding: 6px 12px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 4px 6px;
        transition: all .3s ease;
        position: relative;
        border: none;
        font-size: 12px;
        list-style: none;
        white-space: normal;
        color: #788291; }
        .header .dropdown-menu:not(.global-search--dropdown).extended li a:hover,
        .header .dropdown-menu:not(.global-search--dropdown).extended li .txt:hover {
          color: #0B3052;
          text-decoration: none; }
      .header .dropdown-menu:not(.global-search--dropdown).extended .progress {
        margin-bottom: 0 !important;
        height: 10px; }
      .header .dropdown-menu:not(.global-search--dropdown).extended.profile, .header .dropdown-menu:not(.global-search--dropdown).extended.channels {
        padding: 15px 0; }
        @media (max-width: 767px) {
          .header .dropdown-menu:not(.global-search--dropdown).extended.profile, .header .dropdown-menu:not(.global-search--dropdown).extended.channels {
            padding-top: 0; } }
        .header .dropdown-menu:not(.global-search--dropdown).extended.profile > li, .header .dropdown-menu:not(.global-search--dropdown).extended.channels > li {
          width: 100%;
          border: none; }
          .header .dropdown-menu:not(.global-search--dropdown).extended.profile > li.show-on-mobile, .header .dropdown-menu:not(.global-search--dropdown).extended.channels > li.show-on-mobile {
            display: none;
            background: #f8faff;
            color: #0B3052;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
            @media (max-width: 767px) {
              .header .dropdown-menu:not(.global-search--dropdown).extended.profile > li.show-on-mobile, .header .dropdown-menu:not(.global-search--dropdown).extended.channels > li.show-on-mobile {
                display: flex; } }
            .header .dropdown-menu:not(.global-search--dropdown).extended.profile > li.show-on-mobile .icon, .header .dropdown-menu:not(.global-search--dropdown).extended.channels > li.show-on-mobile .icon {
              margin-right: 10px; }
            .header .dropdown-menu:not(.global-search--dropdown).extended.profile > li.show-on-mobile .icon-close, .header .dropdown-menu:not(.global-search--dropdown).extended.channels > li.show-on-mobile .icon-close {
              margin-left: auto;
              font-size: 20px; }
            .header .dropdown-menu:not(.global-search--dropdown).extended.profile > li.show-on-mobile .txt, .header .dropdown-menu:not(.global-search--dropdown).extended.channels > li.show-on-mobile .txt {
              font-weight: 500;
              font-size: 16px; }
          .header .dropdown-menu:not(.global-search--dropdown).extended.profile > li a,
          .header .dropdown-menu:not(.global-search--dropdown).extended.profile > li .txt, .header .dropdown-menu:not(.global-search--dropdown).extended.channels > li a,
          .header .dropdown-menu:not(.global-search--dropdown).extended.channels > li .txt {
            display: flex;
            align-items: center;
            width: 100%;
            padding: 12px 20px;
            border: none;
            text-align: left;
            color: #788291; }
            .header .dropdown-menu:not(.global-search--dropdown).extended.profile > li a:hover,
            .header .dropdown-menu:not(.global-search--dropdown).extended.profile > li .txt:hover, .header .dropdown-menu:not(.global-search--dropdown).extended.channels > li a:hover,
            .header .dropdown-menu:not(.global-search--dropdown).extended.channels > li .txt:hover {
              color: #0B3052;
              background: #F1F6FF; }
        @media (max-width: 767px) {
          .header .dropdown-menu:not(.global-search--dropdown).extended.profile, .header .dropdown-menu:not(.global-search--dropdown).extended.channels {
            width: 100%;
            top: 59px !important;
            border-radius: 0;
            left: 0 !important;
            right: auto !important;
            transform: none !important; } }
    .header .dropdown-menu:not(.global-search--dropdown).tasks-bar .task-info .desc {
      font-size: 13px;
      font-weight: normal; }
    .header .dropdown-menu:not(.global-search--dropdown).tasks-bar .task-info .percent {
      display: inline-block;
      float: right;
      font-size: 13px;
      font-weight: 600;
      padding-left: 10px;
      margin-top: -4px; }
    .header .dropdown-menu:not(.global-search--dropdown).inbox li a .photo img {
      border-radius: 2px 2px 2px 2px;
      float: left;
      height: 40px;
      margin-right: 4px;
      width: 40px; }
    .header .dropdown-menu:not(.global-search--dropdown).inbox li a .subject {
      display: block; }
      .header .dropdown-menu:not(.global-search--dropdown).inbox li a .subject .from {
        font-size: 12px;
        font-weight: 600; }
      .header .dropdown-menu:not(.global-search--dropdown).inbox li a .subject .time {
        font-size: 11px;
        font-style: italic;
        font-weight: bold;
        position: absolute;
        right: 5px; }
    .header .dropdown-menu:not(.global-search--dropdown).inbox li .message {
      display: block !important;
      font-size: 11px; }
  .header .nav-notify .dropdown .dropdown-menu,
  .header .top-menu .dropdown .dropdown-menu {
    transform: none !important;
    top: 36px !important; }
    .header .nav-notify .dropdown .dropdown-menu.show,
    .header .top-menu .dropdown .dropdown-menu.show {
      display: block; }
  .header .top-menu .dropdown .dropdown-menu {
    transform: none !important;
    top: 36px !important;
    left: auto !important;
    right: 0 !important;
    overflow: auto; }
    @media (max-width: 767px) {
      .header .top-menu .dropdown .dropdown-menu {
        top: 58px !important; } }
  .header .top-notifications .dropdown .dropdown-menu {
    top: 36px !important;
    left: auto !important;
    right: -175px !important; }
    @media (min-width: 767px) {
      .header .top-notifications .dropdown .dropdown-menu {
        left: 0 !important;
        right: auto !important; } }
  .header .badge, .header .label {
    padding: 4px 0.6em !important;
    border-radius: 10rem;
    display: inline-block;
    height: unset !important;
    min-height: unset !important;
    line-height: 1 !important;
    font-size: 75% !important; }
    .header .badge:empty, .header .label:empty {
      display: none; }
    .header .badge-success, .header .label-success {
      background-color: #26dd7d;
      color: #fff; }
    .header .badge-danger, .header .label-danger {
      background-color: #ff9292;
      color: #fff; }
    .header .badge-secondary, .header .label-default {
      color: #fff; }
    .header .badge-warning, .header .dark-mode .label.label-warning, .dark-mode .header .label.label-warning, .header .label-warning {
      background-color: #fcc558;
      color: #fff; }
    .header .badge-info, .header .label-info {
      background-color: #06acee;
      color: #fff; }
  .header .btn--dark-mode-switcher.btn--no-text,
  .header .btn--dark-mode-switcher {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-radius: 36px;
    min-width: 36px;
    width: 36px;
    height: 36px;
    border: 1px solid #303030;
    background: #0B3052;
    color: #fff; }
    .header .btn--dark-mode-switcher.btn--no-text .icon,
    .header .btn--dark-mode-switcher .icon {
      line-height: 0.8;
      color: #FFFCF5;
      text-shadow: -1px -1px 6px rgba(255, 193, 7, 0.7); }
      .header .btn--dark-mode-switcher.btn--no-text .icon svg,
      .header .btn--dark-mode-switcher .icon svg {
        height: 20px; }
      .header .btn--dark-mode-switcher.btn--no-text .icon:before,
      .header .btn--dark-mode-switcher .icon:before {
        display: none;
        opacity: 0; }
      .header .btn--dark-mode-switcher.btn--no-text .icon.mode--light,
      .header .btn--dark-mode-switcher .icon.mode--light {
        display: none;
        color: #FFC107; }
      .header .btn--dark-mode-switcher.btn--no-text .icon.mode--dark,
      .header .btn--dark-mode-switcher .icon.mode--dark {
        display: inline-block; }
    .header .btn--dark-mode-switcher.btn--no-text.dark-mode--on .icon.mode--light,
    .header .btn--dark-mode-switcher.dark-mode--on .icon.mode--light {
      display: inline-block; }
      .header .btn--dark-mode-switcher.btn--no-text.dark-mode--on .icon.mode--light svg,
      .header .btn--dark-mode-switcher.dark-mode--on .icon.mode--light svg {
        height: 21px;
        filter: drop-shadow(0px 0px 6px rgba(255, 193, 7, 0.5)); }
    .header .btn--dark-mode-switcher.btn--no-text.dark-mode--on .icon.mode--dark,
    .header .btn--dark-mode-switcher.dark-mode--on .icon.mode--dark {
      display: none; }
    @media (max-width: 767px) {
      .header .btn--dark-mode-switcher.btn--no-text,
      .header .btn--dark-mode-switcher {
        border: none;
        background: transparent;
        color: #0B3052; }
        .header .btn--dark-mode-switcher.btn--no-text .icon,
        .header .btn--dark-mode-switcher .icon {
          color: #0B3052;
          text-shadow: -1px -1px 6px rgba(255, 193, 7, 0.33); }
          .header .btn--dark-mode-switcher.btn--no-text .icon svg,
          .header .btn--dark-mode-switcher .icon svg {
            height: 22px; }
          .header .btn--dark-mode-switcher.btn--no-text .icon.mode--light,
          .header .btn--dark-mode-switcher .icon.mode--light {
            color: #0B3052; } }

.admin-app .header .dropdown-menu:not(.global-search--dropdown) {
  padding: 0;
  border-radius: 3px;
  border: none; }

.profile-button {
  cursor: pointer;
  text-decoration: underline; }

.footer {
  width: 100%; }

.footer,
.site-footer {
  text-align: center;
  width: 100%;
  background: #5b6e84;
  color: #fff;
  padding: 10px 0;
  font-size: 14px; }
  .footer p,
  .site-footer p {
    margin: 0; }
  .footer a,
  .site-footer a {
    color: #ffffff; }

@media (min-width: 575px) and (max-width: 1366px) {
  #content {
    margin-left: 50px; } }

@media (min-width: 1367px) {
  #content {
    margin-left: 210px; } }

@media (min-width: 575px) {
  .menu-expanded #content {
    margin-left: 210px; } }

@media (min-width: 575px) {
  .menu-expanded #sidebar {
    width: 210px; }
    .menu-expanded #sidebar .app-links .btn--app-markets {
      flex-direction: row; }
      .menu-expanded #sidebar .app-links .btn--app-markets .wide-view {
        display: inline-block !important; }
      .menu-expanded #sidebar .app-links .btn--app-markets .narrow-view {
        display: none !important; } }

@media (max-width: 575px) {
  .menu-expanded #sidebar {
    width: 90%;
    max-width: 270px; } }

.menu-expanded #sidebar .sidebar-menu .nav-item, .menu-expanded #sidebar .sidebar-menu ul.nav-tabs > li {
  width: 100%; }
  .menu-expanded #sidebar .sidebar-menu .nav-item.sub-menu.expanded, .menu-expanded #sidebar .sidebar-menu ul.nav-tabs > li.sub-menu.expanded {
    background: rgba(6, 173, 239, 0.12); }
    .menu-expanded #sidebar .sidebar-menu .nav-item.sub-menu.expanded > a, .menu-expanded #sidebar .sidebar-menu ul.nav-tabs > li.sub-menu.expanded > a {
      border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
    .menu-expanded #sidebar .sidebar-menu .nav-item.sub-menu.expanded .sub, .menu-expanded #sidebar .sidebar-menu ul.nav-tabs > li.sub-menu.expanded .sub {
      background: none; }
  .menu-expanded #sidebar .sidebar-menu .nav-item a, .menu-expanded #sidebar .sidebar-menu ul.nav-tabs > li a {
    width: 100%; }
    .menu-expanded #sidebar .sidebar-menu .nav-item a .txt, .menu-expanded #sidebar .sidebar-menu ul.nav-tabs > li a .txt {
      opacity: 1; }
    .menu-expanded #sidebar .sidebar-menu .nav-item a .angle, .menu-expanded #sidebar .sidebar-menu ul.nav-tabs > li a .angle {
      opacity: 1; }

.menu-expanded #sidebar .app-links__link {
  max-width: 120px !important;
  height: 35px !important; }

.menu-expanded #sidebar .app-links__gplay {
  background: url("/v2/images/admin/get-app-images/google-play.svg") no-repeat center !important; }

.menu-expanded #sidebar .app-links__appstore {
  background: url("/v2/images/admin/get-app-images/app-store.svg") no-repeat center !important; }

@media (max-width: 1366px) {
  .menu-expanded #sidebar .sidebar--sm-banner {
    background: #fff; } }

@media (max-width: 1366px) {
  .menu-expanded #sidebar .sidebar--sm-banner-compare {
    display: none; } }

@media (max-width: 1366px) {
  .menu-expanded #sidebar .sidebar--sm-banner-body {
    padding: 20px 15px 8px;
    display: block; } }

@media (max-width: 575px) {
  .menu-expanded #sidebar .sidebar--sm-banner-body {
    padding: 20px 20px 8px; } }

.menu-collapsed #content {
  margin-left: 50px; }

.menu-collapsed #sidebar {
  width: 50px; }
  .menu-collapsed #sidebar .sidebar-menu .nav-item, .menu-collapsed #sidebar .sidebar-menu ul.nav-tabs > li {
    width: 50px;
    overflow: hidden; }
    .menu-collapsed #sidebar .sidebar-menu .nav-item a .txt, .menu-collapsed #sidebar .sidebar-menu ul.nav-tabs > li a .txt {
      opacity: 0; }
    .menu-collapsed #sidebar .sidebar-menu .nav-item a .angle, .menu-collapsed #sidebar .sidebar-menu ul.nav-tabs > li a .angle {
      opacity: 0; }
  .menu-collapsed #sidebar .sidebar--sm-banner {
    overflow: hidden;
    background: transparent; }
    .menu-collapsed #sidebar .sidebar--sm-banner-compare {
      display: block; }
    .menu-collapsed #sidebar .sidebar--sm-banner-body {
      display: none;
      padding: 0; }

.menu-collapsed .app-links .btn--app-markets {
  flex-direction: column-reverse;
  border-width: 1px; }
  .menu-collapsed .app-links .btn--app-markets .wide-view {
    display: none !important; }
  .menu-collapsed .app-links .btn--app-markets .narrow-view {
    display: inline-block !important; }

#sidebar {
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  overflow: visible !important;
  background: #313e54;
  z-index: 1001;
  transition: .25s ease;
  display: flex;
  flex-direction: column;
  gap: 0; }
  @media (min-width: 575px) and (max-width: 1366px) {
    #sidebar {
      width: 50px;
      overflow: hidden !important; }
      #sidebar .sidebar-menu .nav-item, #sidebar .sidebar-menu ul.nav-tabs > li {
        display: block;
        width: 50px;
        overflow: hidden; }
        #sidebar .sidebar-menu .nav-item a .txt, #sidebar .sidebar-menu ul.nav-tabs > li a .txt {
          opacity: 0; }
        #sidebar .sidebar-menu .nav-item a .angle, #sidebar .sidebar-menu ul.nav-tabs > li a .angle {
          opacity: 0; }
      #sidebar .app-links .btn--app-markets {
        flex-direction: column-reverse;
        border-width: 1px; }
        #sidebar .app-links .btn--app-markets .wide-view {
          display: none !important; }
        #sidebar .app-links .btn--app-markets .narrow-view {
          display: inline-block !important; } }
  @media (min-width: 1025px) and (max-width: 1366px) {
    #sidebar:hover {
      width: 210px; }
      #sidebar:hover .sidebar-menu .nav-item, #sidebar:hover .sidebar-menu ul.nav-tabs > li {
        width: 100%; }
        #sidebar:hover .sidebar-menu .nav-item a .txt, #sidebar:hover .sidebar-menu ul.nav-tabs > li a .txt {
          opacity: 1; }
        #sidebar:hover .sidebar-menu .nav-item a .angle, #sidebar:hover .sidebar-menu ul.nav-tabs > li a .angle {
          opacity: 1; }
      #sidebar:hover .app-links .btn--app-markets {
        flex-direction: row; }
        #sidebar:hover .app-links .btn--app-markets .wide-view {
          display: inline-block !important; }
        #sidebar:hover .app-links .btn--app-markets .narrow-view {
          display: none !important; } }
  @media (max-width: 575px) {
    #sidebar {
      width: 0;
      overflow: hidden !important; } }
  #sidebar .sidebar-menu {
    position: relative;
    margin-top: 75px; }
    @media (max-width: 575px) {
      #sidebar .sidebar-menu {
        margin-top: 68px; } }
    #sidebar .sidebar-menu--bottom {
      margin: 0 0 22px 0; }
      @media (max-width: 575px) {
        #sidebar .sidebar-menu--bottom {
          margin-bottom: 18px; } }
      #sidebar .sidebar-menu--bottom.--has-hinter {
        pointer-events: none;
        user-select: none; }
    #sidebar .sidebar-menu .divider {
      margin: 8px 12px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
    #sidebar .sidebar-menu .nav-item, #sidebar .sidebar-menu ul.nav-tabs > li {
      position: relative;
      transition: .25s ease; }
      #sidebar .sidebar-menu .nav-item.nav-item--account .dropdown-toggle, #sidebar .sidebar-menu ul.nav-tabs > li.nav-item--account .dropdown-toggle {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        overflow: hidden; }
        #sidebar .sidebar-menu .nav-item.nav-item--account .dropdown-toggle .icon, #sidebar .sidebar-menu ul.nav-tabs > li.nav-item--account .dropdown-toggle .icon {
          font-size: 18px; }
        #sidebar .sidebar-menu .nav-item.nav-item--account .dropdown-toggle .txt.ellipsis, #sidebar .sidebar-menu ul.nav-tabs > li.nav-item--account .dropdown-toggle .txt.ellipsis {
          display: block;
          flex: 1;
          margin-right: 24px; }
      #sidebar .sidebar-menu .nav-item .sub-nav-item.show-on-mob, #sidebar .sidebar-menu ul.nav-tabs > li .sub-nav-item.show-on-mob {
        display: none; }
        @media (min-width: 440px) {
          #sidebar .sidebar-menu .nav-item .sub-nav-item.show-on-mob, #sidebar .sidebar-menu ul.nav-tabs > li .sub-nav-item.show-on-mob {
            display: none; } }
      #sidebar .sidebar-menu .nav-item .btn--dark-mode-switcher, #sidebar .sidebar-menu ul.nav-tabs > li .btn--dark-mode-switcher,
      #sidebar .sidebar-menu .nav-item a,
      #sidebar .sidebar-menu ul.nav-tabs > li a {
        display: block;
        width: 210px;
        padding: 10px 10px;
        font-size: 13px;
        outline: none;
        text-decoration: none;
        color: #fff;
        cursor: pointer;
        transition: .25s ease; }
        #sidebar .sidebar-menu .nav-item .btn--dark-mode-switcher .icon, #sidebar .sidebar-menu ul.nav-tabs > li .btn--dark-mode-switcher .icon,
        #sidebar .sidebar-menu .nav-item a .icon,
        #sidebar .sidebar-menu ul.nav-tabs > li a .icon {
          width: 28px;
          height: 18px;
          font-size: 15px;
          text-align: center; }
          #sidebar .sidebar-menu .nav-item .btn--dark-mode-switcher .icon.fa-icon-sbpay, #sidebar .sidebar-menu ul.nav-tabs > li .btn--dark-mode-switcher .icon.fa-icon-sbpay,
          #sidebar .sidebar-menu .nav-item a .icon.fa-icon-sbpay,
          #sidebar .sidebar-menu ul.nav-tabs > li a .icon.fa-icon-sbpay {
            position: relative;
            bottom: -0.2em; }
            #sidebar .sidebar-menu .nav-item .btn--dark-mode-switcher .icon.fa-icon-sbpay svg, #sidebar .sidebar-menu ul.nav-tabs > li .btn--dark-mode-switcher .icon.fa-icon-sbpay svg,
            #sidebar .sidebar-menu .nav-item a .icon.fa-icon-sbpay svg,
            #sidebar .sidebar-menu ul.nav-tabs > li a .icon.fa-icon-sbpay svg {
              height: 18px;
              width: 100%; }
              #sidebar .sidebar-menu .nav-item .btn--dark-mode-switcher .icon.fa-icon-sbpay svg .cls-1, #sidebar .sidebar-menu ul.nav-tabs > li .btn--dark-mode-switcher .icon.fa-icon-sbpay svg .cls-1,
              #sidebar .sidebar-menu .nav-item a .icon.fa-icon-sbpay svg .cls-1,
              #sidebar .sidebar-menu ul.nav-tabs > li a .icon.fa-icon-sbpay svg .cls-1 {
                stroke: #fff;
                stroke-width: 1px; }
              #sidebar .sidebar-menu .nav-item .btn--dark-mode-switcher .icon.fa-icon-sbpay svg path, #sidebar .sidebar-menu ul.nav-tabs > li .btn--dark-mode-switcher .icon.fa-icon-sbpay svg path,
              #sidebar .sidebar-menu .nav-item a .icon.fa-icon-sbpay svg path,
              #sidebar .sidebar-menu ul.nav-tabs > li a .icon.fa-icon-sbpay svg path {
                stroke: #fff;
                stroke-width: 1px; }
          #sidebar .sidebar-menu .nav-item .btn--dark-mode-switcher .icon.fa-icon-social-ads, #sidebar .sidebar-menu ul.nav-tabs > li .btn--dark-mode-switcher .icon.fa-icon-social-ads,
          #sidebar .sidebar-menu .nav-item a .icon.fa-icon-social-ads,
          #sidebar .sidebar-menu ul.nav-tabs > li a .icon.fa-icon-social-ads {
            position: relative;
            bottom: -0.2em; }
            #sidebar .sidebar-menu .nav-item .btn--dark-mode-switcher .icon.fa-icon-social-ads svg, #sidebar .sidebar-menu ul.nav-tabs > li .btn--dark-mode-switcher .icon.fa-icon-social-ads svg,
            #sidebar .sidebar-menu .nav-item a .icon.fa-icon-social-ads svg,
            #sidebar .sidebar-menu ul.nav-tabs > li a .icon.fa-icon-social-ads svg {
              height: 18px; }
              #sidebar .sidebar-menu .nav-item .btn--dark-mode-switcher .icon.fa-icon-social-ads svg path, #sidebar .sidebar-menu ul.nav-tabs > li .btn--dark-mode-switcher .icon.fa-icon-social-ads svg path,
              #sidebar .sidebar-menu .nav-item a .icon.fa-icon-social-ads svg path,
              #sidebar .sidebar-menu ul.nav-tabs > li a .icon.fa-icon-social-ads svg path {
                stroke: #fff;
                stroke-width: 1.2%; }
        #sidebar .sidebar-menu .nav-item .btn--dark-mode-switcher .txt, #sidebar .sidebar-menu ul.nav-tabs > li .btn--dark-mode-switcher .txt, #sidebar .sidebar-menu .nav-item a .txt, #sidebar .sidebar-menu ul.nav-tabs > li a .txt {
          padding-left: 5px;
          transition: .25s ease; }
        #sidebar .sidebar-menu .nav-item .btn--dark-mode-switcher .angle, #sidebar .sidebar-menu ul.nav-tabs > li .btn--dark-mode-switcher .angle, #sidebar .sidebar-menu .nav-item a .angle, #sidebar .sidebar-menu ul.nav-tabs > li a .angle {
          position: absolute;
          top: 8px;
          right: 0;
          padding-right: 15px;
          font-size: 18px;
          transition: .25s ease; }
          #sidebar .sidebar-menu .nav-item .btn--dark-mode-switcher .angle:after, #sidebar .sidebar-menu ul.nav-tabs > li .btn--dark-mode-switcher .angle:after,
          #sidebar .sidebar-menu .nav-item a .angle:after,
          #sidebar .sidebar-menu ul.nav-tabs > li a .angle:after {
            display: inline-block;
            content: "";
            font-family: 'Font Awesome 5 Pro';
            font-weight: 300;
            font-style: normal;
            text-decoration: inherit;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
      #sidebar .sidebar-menu .nav-item .btn--dark-mode-switcher, #sidebar .sidebar-menu ul.nav-tabs > li .btn--dark-mode-switcher {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 6px;
        flex-wrap: nowrap;
        transition: all 0.25s ease-out; }
        #sidebar .sidebar-menu .nav-item .btn--dark-mode-switcher:not(.dark-mode--on):hover, #sidebar .sidebar-menu ul.nav-tabs > li .btn--dark-mode-switcher:not(.dark-mode--on):hover {
          background: #1a1a1a; }
        #sidebar .sidebar-menu .nav-item .btn--dark-mode-switcher .icon, #sidebar .sidebar-menu ul.nav-tabs > li .btn--dark-mode-switcher .icon {
          width: auto;
          height: auto;
          font-size: 18px;
          font-weight: 300; }
          #sidebar .sidebar-menu .nav-item .btn--dark-mode-switcher .icon.fa-sun, #sidebar .sidebar-menu ul.nav-tabs > li .btn--dark-mode-switcher .icon.fa-sun {
            color: #FEC439;
            text-shadow: -1px -1px 6px rgba(254, 196, 57, 0.4); }
          #sidebar .sidebar-menu .nav-item .btn--dark-mode-switcher .icon.fa-moon-stars, #sidebar .sidebar-menu ul.nav-tabs > li .btn--dark-mode-switcher .icon.fa-moon-stars {
            text-shadow: -1px -1px 6px rgba(216, 244, 255, 0.4); }
        #sidebar .sidebar-menu .nav-item .btn--dark-mode-switcher .mode--light, #sidebar .sidebar-menu ul.nav-tabs > li .btn--dark-mode-switcher .mode--light,
        #sidebar .sidebar-menu .nav-item .btn--dark-mode-switcher .dark-mode-switcher--txt-white,
        #sidebar .sidebar-menu ul.nav-tabs > li .btn--dark-mode-switcher .dark-mode-switcher--txt-white {
          display: none; }
        #sidebar .sidebar-menu .nav-item .btn--dark-mode-switcher.dark-mode--on .mode--dark, #sidebar .sidebar-menu ul.nav-tabs > li .btn--dark-mode-switcher.dark-mode--on .mode--dark,
        #sidebar .sidebar-menu .nav-item .btn--dark-mode-switcher.dark-mode--on .dark-mode-switcher--txt-dark,
        #sidebar .sidebar-menu ul.nav-tabs > li .btn--dark-mode-switcher.dark-mode--on .dark-mode-switcher--txt-dark {
          display: none; }
        #sidebar .sidebar-menu .nav-item .btn--dark-mode-switcher.dark-mode--on .mode--light, #sidebar .sidebar-menu ul.nav-tabs > li .btn--dark-mode-switcher.dark-mode--on .mode--light,
        #sidebar .sidebar-menu .nav-item .btn--dark-mode-switcher.dark-mode--on .dark-mode-switcher--txt-white,
        #sidebar .sidebar-menu ul.nav-tabs > li .btn--dark-mode-switcher.dark-mode--on .dark-mode-switcher--txt-white {
          display: block; }
      #sidebar .sidebar-menu .nav-item.active > a, #sidebar .sidebar-menu ul.nav-tabs > li.active > a {
        background: #06acee; }
      #sidebar .sidebar-menu .nav-item.expanded .angle:after, #sidebar .sidebar-menu ul.nav-tabs > li.expanded .angle:after {
        display: inline-block;
        content: "";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 300;
        font-style: normal;
        text-decoration: inherit;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
      @media (min-width: 1367px) {
        #sidebar .sidebar-menu .nav-item.expanded .sub, #sidebar .sidebar-menu ul.nav-tabs > li.expanded .sub {
          max-height: 90vh; } }
      @media (min-width: 575px) {
        #sidebar .sidebar-menu .nav-item:hover > a, #sidebar .sidebar-menu ul.nav-tabs > li:hover > a {
          background: rgba(6, 173, 239, 0.7); } }
      #sidebar .sidebar-menu .nav-item .sub, #sidebar .sidebar-menu ul.nav-tabs > li .sub {
        height: 0;
        overflow: hidden;
        background: #313e54; }
        @media (min-width: 1367px) {
          #sidebar .sidebar-menu .nav-item .sub, #sidebar .sidebar-menu ul.nav-tabs > li .sub {
            position: absolute;
            top: 0;
            border-left: 1px solid #fff; } }
        @media (max-width: 1366px) {
          #sidebar .sidebar-menu .nav-item .sub, #sidebar .sidebar-menu ul.nav-tabs > li .sub {
            touch-action: auto !important;
            -webkit-touch-callout: default !important; } }
        #sidebar .sidebar-menu .nav-item .sub .submenu-group, #sidebar .sidebar-menu ul.nav-tabs > li .sub .submenu-group {
          border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
          #sidebar .sidebar-menu .nav-item .sub .submenu-group:empty, #sidebar .sidebar-menu ul.nav-tabs > li .sub .submenu-group:empty {
            display: none; }
          #sidebar .sidebar-menu .nav-item .sub .submenu-group:first-child, #sidebar .sidebar-menu ul.nav-tabs > li .sub .submenu-group:first-child {
            padding-top: 15px; }
          #sidebar .sidebar-menu .nav-item .sub .submenu-group:not(:last-child), #sidebar .sidebar-menu ul.nav-tabs > li .sub .submenu-group:not(:last-child) {
            margin-bottom: 5px;
            padding-bottom: 5px; }
          #sidebar .sidebar-menu .nav-item .sub .submenu-group:last-child, #sidebar .sidebar-menu ul.nav-tabs > li .sub .submenu-group:last-child {
            padding-bottom: 15px;
            border-bottom: none; }
        #sidebar .sidebar-menu .nav-item .sub .sub-nav-item.active > a, #sidebar .sidebar-menu ul.nav-tabs > li .sub .sub-nav-item.active > a {
          background: #06acee; }
          #sidebar .sidebar-menu .nav-item .sub .sub-nav-item.active > a .small, #sidebar .sidebar-menu ul.nav-tabs > li .sub .sub-nav-item.active > a .small {
            opacity: 1; }
        @media (min-width: 575px) {
          #sidebar .sidebar-menu .nav-item .sub .sub-nav-item:hover > a, #sidebar .sidebar-menu ul.nav-tabs > li .sub .sub-nav-item:hover > a {
            background: rgba(6, 173, 239, 0.7); }
            #sidebar .sidebar-menu .nav-item .sub .sub-nav-item:hover > a .small, #sidebar .sidebar-menu ul.nav-tabs > li .sub .sub-nav-item:hover > a .small {
              opacity: 1; } }
        #sidebar .sidebar-menu .nav-item .sub .sub-nav-item .btn--dark-mode-switcher, #sidebar .sidebar-menu ul.nav-tabs > li .sub .sub-nav-item .btn--dark-mode-switcher,
        #sidebar .sidebar-menu .nav-item .sub .sub-nav-item a,
        #sidebar .sidebar-menu ul.nav-tabs > li .sub .sub-nav-item a {
          padding: 12px 20px; }
          @media (min-width: 1367px) {
            #sidebar .sidebar-menu .nav-item .sub .sub-nav-item .btn--dark-mode-switcher, #sidebar .sidebar-menu ul.nav-tabs > li .sub .sub-nav-item .btn--dark-mode-switcher,
            #sidebar .sidebar-menu .nav-item .sub .sub-nav-item a,
            #sidebar .sidebar-menu ul.nav-tabs > li .sub .sub-nav-item a {
              padding: 10px 25px; } }
          #sidebar .sidebar-menu .nav-item .sub .sub-nav-item .btn--dark-mode-switcher .txt, #sidebar .sidebar-menu ul.nav-tabs > li .sub .sub-nav-item .btn--dark-mode-switcher .txt,
          #sidebar .sidebar-menu .nav-item .sub .sub-nav-item a .txt,
          #sidebar .sidebar-menu ul.nav-tabs > li .sub .sub-nav-item a .txt {
            padding-left: 0; }
          #sidebar .sidebar-menu .nav-item .sub .sub-nav-item .btn--dark-mode-switcher .small, #sidebar .sidebar-menu ul.nav-tabs > li .sub .sub-nav-item .btn--dark-mode-switcher .small,
          #sidebar .sidebar-menu .nav-item .sub .sub-nav-item a .small,
          #sidebar .sidebar-menu ul.nav-tabs > li .sub .sub-nav-item a .small {
            display: block;
            margin-top: 5px;
            padding-right: 20px;
            font-size: 11px;
            line-height: 1.4;
            opacity: 0.3;
            transition: .25s ease; }
    @media (min-width: 1367px) {
      #sidebar .sidebar-menu--bottom .nav-item .sub, #sidebar .sidebar-menu--bottom ul.nav-tabs > li .sub {
        top: auto;
        bottom: 0; } }
  #sidebar .app-links {
    margin: auto 0 40px 0;
    transition: .3s ease;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px 6px;
    width: 100%; }
    #sidebar .app-links__link {
      display: block;
      flex: 1;
      max-width: 96px;
      min-width: 10px;
      width: 100%;
      height: 35px;
      margin: 0;
      opacity: .88;
      transition: .3s ease;
      will-change: opacity; }
      #sidebar .app-links__link:hover {
        opacity: 1; }
      #sidebar .app-links__link:last-child {
        margin-bottom: 0; }
    #sidebar .app-links__gplay {
      background: url("/v2/images/admin/get-app-images/google-play.svg") no-repeat center; }
      @media (max-width: 1366px) {
        #sidebar .app-links__gplay {
          background: url("/v2/images/admin/get-app-images/google-play-small.svg") no-repeat center !important; } }
    #sidebar .app-links__appstore {
      background: url("/v2/images/admin/get-app-images/app-store.svg") no-repeat center; }
      @media (max-width: 1366px) {
        #sidebar .app-links__appstore {
          background: url("/v2/images/admin/get-app-images/app-store-small.svg") no-repeat center !important; } }
    #sidebar .app-links .btn--app-markets {
      width: calc(99% - 12px);
      max-width: 300px;
      margin: 0 auto;
      overflow: hidden; }
      #sidebar .app-links .btn--app-markets .wide-view {
        display: inline-block; }
      #sidebar .app-links .btn--app-markets .narrow-view {
        display: none; }
        #sidebar .app-links .btn--app-markets .narrow-view.btn__txt {
          font-size: 13px;
          font-weight: normal; }
  #sidebar .sidebar--sm-banner {
    margin: 22px auto;
    width: 96%;
    max-width: 188px;
    background: #fff;
    border-radius: 10px;
    transition: all 0.1s ease;
    overflow: hidden; }
    @media (max-width: 1366px) {
      #sidebar .sidebar--sm-banner {
        background: transparent;
        max-width: 220px; } }
    #sidebar .sidebar--sm-banner a:hover {
      text-decoration: none; }
    #sidebar .sidebar--sm-banner-compare {
      line-height: 1;
      text-align: center;
      display: none;
      padding: 4px 0;
      width: 100%;
      opacity: 0.6;
      transition: all 0.1s ease; }
      @media (max-width: 1366px) {
        #sidebar .sidebar--sm-banner-compare {
          display: block; } }
      #sidebar .sidebar--sm-banner-compare img {
        height: 26px; }
      #sidebar .sidebar--sm-banner-compare:hover {
        opacity: 1; }
    #sidebar .sidebar--sm-banner-logo {
      margin-bottom: 10px; }
      #sidebar .sidebar--sm-banner-logo img {
        max-height: 27px; }
    #sidebar .sidebar--sm-banner-banner {
      margin-bottom: 10px; }
    #sidebar .sidebar--sm-banner-body {
      padding: 18px 14px 8px;
      text-align: center;
      transition: all 0.1s ease; }
      @media (max-width: 1366px) {
        #sidebar .sidebar--sm-banner-body {
          padding: 0;
          display: none; } }
      #sidebar .sidebar--sm-banner-body picture {
        display: block; }
    #sidebar .sidebar--sm-banner-txt {
      font-size: 14px;
      color: #788291;
      line-height: 1.3;
      margin: 0;
      padding: 0; }
    #sidebar .sidebar--sm-banner-btn-try {
      width: 100%;
      max-width: 300px;
      font-weight: 600;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: #FEC439;
      color: #2d3547;
      border-radius: 25px; }
    #sidebar .sidebar--sm-banner-btn-bar {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding-top: 5px;
      margin-left: -5px;
      margin-right: -5px; }
      #sidebar .sidebar--sm-banner-btn-bar .btn {
        margin: 5px; }
        #sidebar .sidebar--sm-banner-btn-bar .btn:hover {
          text-decoration: none; }

.sidebar-menu--cover {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  z-index: 1000;
  filter: blur(6px); }

@media (max-width: 575px) {
  .menu-expanded .sidebar-menu--cover {
    display: block; } }

@media (max-width: 575px) {
  .menu-expanded main#content {
    filter: blur(6px); } }

.dark-mode .account-info--hinter_cover {
  background: rgba(26, 26, 26, 0.7); }

.account-info--hinter {
  position: absolute;
  top: 474px;
  left: 58px;
  width: 96%;
  max-width: 312px;
  padding: 10px 16px;
  border-radius: 5px;
  background: #fff;
  text-align: left; }
  @media (min-width: 1366px) {
    .account-info--hinter {
      left: 220px; } }
  .account-info--hinter:before {
    content: '';
    position: absolute;
    bottom: 14px;
    right: 99%;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-top-width: 10px;
    border-bottom-width: 10px;
    border-right: 10px solid #fff; }
  .account-info--hinter .p {
    margin-bottom: 12px; }
    .account-info--hinter .p span {
      display: block; }
  .account-info--hinter_cover {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(11, 48, 82, 0.5);
    z-index: 1010; }
    .account-info--hinter_cover-menu {
      position: fixed;
      width: 60px;
      height: 200px;
      left: 0;
      bottom: 0;
      display: inline-block;
      background: transparent;
      z-index: 1002; }
      @media (max-width: 575px) {
        .account-info--hinter_cover-menu {
          display: none; } }
    @media (max-width: 575px) {
      .account-info--hinter_cover {
        display: none; } }
  .account-info--hinter_btn {
    width: 100%;
    justify-content: center; }

.account-info--hinter_cover.fade + .account-info--hinter_cover-menu {
  display: none; }

@media (min-width: 576px) {
  .--admin-menu_moved {
    overflow: hidden;
    height: 100vh; }
    .--admin-menu_moved #sidebar {
      position: absolute;
      top: 0;
      left: 0;
      max-width: 210px;
      overflow: hidden;
      z-index: unset; }
      .--admin-menu_moved #sidebar .sidebar-menu--bottom .nav-item--account .dropdown-toggle {
        position: relative;
        z-index: 1011; } }

.dark-mode .combobox-container .dropdown-toggle {
  background-color: #242424;
  width: 34px;
  min-width: 34px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center; }
  .dark-mode .combobox-container .dropdown-toggle .icon {
    background-position: center; }

.dark-mode .combobox-container .color-box {
  border: 1px solid #555555; }

.dark-mode .combobox-container .dropdown-menu li.category {
  border-color: #555555; }
  .dark-mode .combobox-container .dropdown-menu li.category a {
    color: #f9f9f9;
    background: #1a1a1a; }

.combobox-container {
  position: relative; }
  .combobox-container .status-color {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 10px;
    top: 8px;
    z-index: 10; }
  .combobox-container .color-box {
    border: 1px solid #E7ECF7;
    display: inline-block;
    height: 14px;
    margin-bottom: -1px;
    width: 14px;
    margin-left: -5px;
    margin-right: 5px; }
  .combobox-container .status-combobox-title {
    padding-left: 36px; }
    .combobox-container .status-combobox-title[readonly] {
      background-color: transparent; }
  .combobox-container .dropdown-menu {
    min-width: 100%;
    max-height: 250px;
    overflow: auto; }
    .combobox-container .dropdown-menu li a[data-value="null"] {
      display: none; }
    .combobox-container .dropdown-menu li.category {
      border-bottom: 1px solid #E7ECF7;
      border-top: 1px solid #E7ECF7; }
      .combobox-container .dropdown-menu li.category a {
        color: #0B3052;
        background: #F1F6FF;
        font-weight: bold; }
  .combobox-container .dropdown-toggle {
    position: absolute;
    padding-right: 10px;
    padding-left: 5px;
    top: 1px;
    right: 1px;
    background-color: #fff;
    border-radius: 0.25rem; }
    .combobox-container .dropdown-toggle .icon {
      background: url("../../images/admin/search.svg");
      width: 14px;
      height: 34px;
      background-position: 50%;
      background-size: contain;
      background-repeat: no-repeat; }
  .combobox-container input[readonly] ~ .dropdown-toggle {
    background-color: transparent; }
    .combobox-container input[readonly] ~ .dropdown-toggle .icon {
      background: transparent; }

input[readonly] + .combobox-container .dropdown-toggle {
  display: none; }

.status-plugin .status-combobox-title {
  background: #ffffff;
  padding-left: 36px; }

.status-plugin .status-color {
  width: 18px;
  height: 18px;
  border: 1px solid #cccccc;
  position: absolute;
  left: 10px;
  top: 8px;
  z-index: 10; }

.status-plugin .color-box {
  margin-left: -5px;
  margin-right: 5px; }

.approve-booking-action,
.approve-booking-status {
  font-weight: bold; }

.approve-booking-action.approved-booking,
.approve-booking-status.approved-booking {
  color: #080; }

.approve-booking-action.canceled-booking,
.approve-booking-status.canceled-booking {
  color: #800; }

li#services_section:empty {
  display: none; }

table.report-table tbody tr td {
  vertical-align: middle; }

@media screen and (max-width: 991px) {
  .google-business-header-form-action {
    text-align: center; } }

.google-business-header-form-action > a {
  margin: 5px 0; }

.google-business-verify-link {
  word-break: break-word; }

table.report-table .table-header .has-max-width,
table.report-table tbody tr td.has-max-width {
  max-width: 190px;
  width: 190px; }

\.table.dataTable .highlight {
  background-color: #fffc9e; }

\.table.dataTable .local-actions-td {
  padding: 5px; }

\.table.dataTable .local-actions {
  text-align: center; }

\.table.dataTable tbody td {
  vertical-align: middle; }

\.table.dataTable .sort {
  cursor: pointer;
  line-height: 1;
  vertical-align: middle; }
  \.table.dataTable .sort::after {
    display: block;
    clear: both;
    content: ""; }

\.table.dataTable .sort .glyphicon {
  font-size: 12px;
  margin-left: 5px; }

\.table.dataTable .filter .filter-buttons {
  display: flex;
  justify-content: center; }
  \.table.dataTable .filter .filter-buttons .btn:not(:last-child) {
    margin-right: 5px; }

\.table.dataTable .filter .filter-cell {
  text-align: center; }

\.table.dataTable .filter td,
\.table.dataTable th {
  border-bottom-width: 1px; }

\.table.dataTable th {
  background-color: #eeeeee; }

\.table.dataTable .container-between {
  text-align: center;
  margin: auto; }

\.table.dataTable .container-between.datepicker {
  width: 120px; }

.dataTable_footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0; }

@media (max-width: 767px) {
  .dataTables_paginate ul {
    justify-content: center; } }

.pager-container {
  display: flex;
  justify-content: space-between;
  padding: 10px 0; }
  @media (max-width: 575px) {
    .pager-container {
      flex-direction: column;
      justify-content: center; } }
  .pager-container .onpage-count {
    margin-top: 0; }
    @media (max-width: 575px) {
      .pager-container .onpage-count {
        justify-content: center;
        margin: 10px auto; } }
  @media (max-width: 575px) {
    .pager-container .pagination, .pager-container .dataTables_paginate ul, .dataTables_paginate .pager-container ul {
      margin: 0 auto; } }

.onpage-count .form-control:first-child, .onpage-count .contact-widget-message-form .data-block .element-container textarea:first-child, .contact-widget-message-form .data-block .element-container .onpage-count textarea:first-child, .onpage-count .templates-page .notifications-settings .field select:first-child, .templates-page .notifications-settings .field .onpage-count select:first-child, .onpage-count .design-settings-page .theme-additional-colors input:first-child, .design-settings-page .theme-additional-colors .onpage-count input:first-child, .onpage-count .design-settings-page div.input:first-child, .design-settings-page .onpage-count div.input:first-child {
  margin-right: 10px; }

.dataTable .client-name,
.dataTable .client-phone,
.dataTable .client-email,
.dataTable .service-name,
.dataTable .provider-name,
.dataTable .booking-code {
  display: block; }

.dataTable .service-name .value,
.dataTable .provider-name .value,
.dataTable .booking-code .value {
  font-weight: bold; }

.dataTable .amount-field .amount {
  font-weight: bold; }

.dataTable .client-name {
  font-weight: bold; }

div.dataTables_scrollHead table {
  margin-bottom: 0 !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

div.dataTables_scrollHead table thead tr:last-child th:first-child,
div.dataTables_scrollHead table thead tr:last-child td:first-child {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

div.dataTables_scrollBody table {
  border-top: none;
  margin-bottom: 0 !important; }

div.dataTables_scrollBody tbody tr:first-child th,
div.dataTables_scrollBody tbody tr:first-child td {
  border-top: none; }

div.dataTables_scrollFoot table {
  border-top: none; }

.dataTables_paginate.paging_bootstrap li.disabled a {
  color: #c7c7c7; }

.dataTables_length {
  margin-top: 10px; }
  @media (max-width: 767px) {
    .dataTables_length {
      justify-content: center; } }

.dataTables_length select {
  width: 65px;
  padding: 5px 8px; }

.dataTables_length label,
.dataTables_filter label {
  font-weight: 300;
  margin: 7px; }

.dataTables_filter label {
  width: 100%; }

.table tbody tr.active td,
.table tbody tr.active th {
  background-color: #08c;
  color: white; }

.table tbody tr.active:hover td,
.table tbody tr.active:hover th {
  background-color: #0075b0 !important; }

.result-table .client-name {
  font-weight: bold;
  display: block; }

.result-table .client-phone,
.result-table .client-email {
  display: block;
  width: 230px; }

.result-table .client-phone .value,
.result-table .client-email .value {
  font-weight: bold;
  color: #777; }

/* --------------- END Data tables ---------------*/
.mod-account-overview .content-row {
  margin-bottom: 40px; }
  .mod-account-overview .content-row .item {
    margin-bottom: 15px; }
  .mod-account-overview .content-row .title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
    font-family: "Open Sans", sans-serif; }
  .mod-account-overview .content-row .cap {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px; }
  .mod-account-overview .content-row .txt {
    font-size: 16px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis; }
    .mod-account-overview .content-row .txt a {
      color: #06ADEF;
      overflow: hidden;
      text-overflow: ellipsis; }
  .mod-account-overview .content-row .btn {
    font-weight: bold;
    font-size: 20px; }
    .mod-account-overview .content-row .btn.blocked {
      width: 100%;
      padding: 10px 0; }
  .mod-account-overview .content-row li {
    margin-bottom: 20px; }

.zend_form #save_button-element {
  text-align: right; }

.zend_form .error-title {
  color: #FF3259; }

.zend_form .fixed_prefix {
  font-size: 1.2em;
  display: inline-block;
  margin-right: 3px; }

.zend_form textarea.form-control, .zend_form .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container .zend_form textarea {
  width: 100%;
  height: 100px; }

.zend_form .input {
  color: #5a5a5a;
  background: none;
  background-color: white;
  margin: 0; }

.zend_form .checkbox {
  margin: 10px 10px 10px 0;
  float: left; }

.zend_form dd img {
  border: 1px solid #c5dbec;
  margin-bottom: 3px; }

.zend_form textarea {
  width: 278px;
  height: 100px; }

.zend_form .description {
  color: #136889;
  margin-top: 0;
  margin-bottom: 5px; }

.zend_form .checkboxContainer {
  margin-top: 10px; }

.zend_form .checkboxContainer .description {
  display: inline; }

.zend_form label.required {
  font-weight: bold; }

.zend_form ul.errors {
  margin: 0;
  padding: 0; }
  .zend_form ul.errors:not(:empty) {
    padding-top: 6px; }

.zend_form ul.errors li {
  list-style: none;
  margin: 0 0 4px 0; }

.zend_form fieldset {
  border: 1px solid #f6ad38; }

.zend_form legend {
  color: #136889;
  font-size: 12px;
  font-weight: bold;
  padding: 0 3px; }

.zend_form textarea.form-control, .zend_form .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container .zend_form textarea {
  width: 100%;
  height: 100px; }

#client_tabs .country-code .dropdown-toggle {
  border-radius: 0px; }

#client_tabs .phone-input .country-code {
  padding-right: 15px; }
  #client_tabs .phone-input .country-code .dropdown-menu {
    min-width: 240px; }

#client_tabs .phone-input .dropdown-toggle {
  border-radius: 0 3px 3px 0; }

#client_tabs .phone-input .phone-number-input {
  border-radius: 3px; }

/*form used on /user/ page*/
.fform .bottom-buttons {
  visibility: hidden; }

.fform .modal-body .bottom-buttons {
  display: none; }

.fform .loader {
  background: url("/v2/images/ajax_loader.gif") no-repeat right top;
  width: 32px;
  height: 32px;
  margin: auto; }

/*----------------------------------

	Recent bookings form (Booking details form)

-----------------------------------*/
.dark-mode .booking-info-container .top-block .booking-code {
  background: #282828; }

.dark-mode .booking-info-container .top-block .data-list li .batch-list--item {
  background: #282828; }

.dark-mode .booking-info-container .main-block .comment .full-comment-list > div {
  background: #242424; }

#booking_tabs .sb-accordion .accordion-tab-header .title a {
  font-weight: 400;
  padding: 15px 18px; }

#booking_tabs .sb-accordion .panel {
  box-shadow: none; }

#booking_tabs .with-icon {
  position: relative; }
  #booking_tabs .with-icon .fa {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin: 0 8px 0 0; }

#booking_tabs .booking-form-title {
  font-weight: 600;
  font-size: 18px;
  padding-top: 14px;
  margin-bottom: 14px; }

.client-info .client-data .booking-form-title {
  font-size: 16px;
  font-weight: 600;
  margin: 10px 0 16px 0; }

.client-info .client-data .data-list {
  margin-bottom: 15px; }
  .client-info .client-data .data-list li {
    margin-bottom: 4px; }
  .client-info .client-data .data-list .with-icon {
    position: relative;
    padding-left: 20px; }
    .client-info .client-data .data-list .with-icon .fa {
      position: absolute;
      left: 0;
      line-height: 17px; }

.booking-info-container .delimiter {
  width: 90%;
  padding: 0 5%;
  margin: 20px 0;
  border-bottom: 1px solid #ccc; }

.booking-info-container .messages-container {
  margin-bottom: 27px; }

.booking-info-container .status-panel {
  margin-top: 15px; }

.booking-info-container #accordion {
  border-bottom: 1px solid #e5e5e5; }

.booking-info-container i {
  font-size: 1.1em;
  margin-right: 0.5em; }

.booking-info-container .panel {
  box-shadow: none; }

.booking-info-container .with-icon {
  position: relative;
  width: 100%;
  flex-wrap: wrap; }
  .booking-info-container .with-icon .medical-test-status-icon.positive:before {
    background: rgba(255, 255, 255, 0.7) url(/v2/images/admin/medical-test-positive.svg);
    background-repeat: no-repeat !important;
    background-size: 20px; }
  .booking-info-container .with-icon .medical-test-status-icon.negative:before {
    background: rgba(255, 255, 255, 0.7) url(/v2/images/admin/medical-test-negative.svg);
    background-repeat: no-repeat !important;
    background-size: 20px; }
  .booking-info-container .with-icon .medical-test-status-icon.inconclusive:before {
    background: rgba(255, 255, 255, 0.7) url(/v2/images/admin/medical-test-inconclusive.svg);
    background-repeat: no-repeat !important;
    background-size: 20px; }
  .booking-info-container .with-icon .medical-test-status-icon:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.3) url(/v2/images/admin/medical-test-pending.svg);
    background-repeat: no-repeat !important;
    background-size: 20px; }
  .booking-info-container .with-icon .ticket-status-icon.validated:before {
    background: rgba(255, 255, 255, 0.7) url(/v2/images/admin/ticket-validated.svg);
    background-repeat: no-repeat !important;
    background-size: 20px;
    background-position: center; }
  .booking-info-container .with-icon .ticket-status-icon:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 20px;
    height: 16px;
    background: rgba(255, 255, 255, 0.3) url(/v2/images/admin/ticket-not-validated.svg);
    background-repeat: no-repeat !important;
    background-size: 20px;
    background-position: center; }
  .booking-info-container .with-icon .ticket-validation-time {
    width: 100%;
    font-size: 12px;
    color: #777; }

.booking-info-container .provider-with-dot {
  position: relative; }
  .booking-info-container .provider-with-dot .provider-color-dot {
    position: absolute;
    bottom: -1px;
    right: 5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #fff; }

.booking-info-container #view-client-info .client-name {
  font-weight: 600;
  font-size: 18px; }

.booking-info-container #view-client-info .sb-accordion .accordion-tab-header .title a {
  font-weight: 400;
  padding: 15px 18px; }

.booking-info-container #view-client-info .client-photo {
  margin-bottom: 15px; }
  .booking-info-container #view-client-info .client-photo .fa {
    margin-right: 0; }

.booking-info-container #view-client-info .panel-body {
  margin-top: 15px; }

.booking-info-container #view-client-info .sb-accordion .panel-body {
  margin-top: 0; }

.booking-info-container .top-block .booking-code {
  background: #fafafa;
  border-radius: 3px; }

.booking-info-container .top-block .date-time {
  font-size: 15px;
  background-color: #06ADEF;
  color: #ffffff;
  padding: 14px 10px;
  border-radius: 4px;
  text-align: center; }
  .booking-info-container .top-block .date-time .date-interval {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 17px; }
    .booking-info-container .top-block .date-time .date-interval .date-from {
      word-wrap: normal;
      font-weight: 600; }
  .booking-info-container .top-block .date-time .time-interval {
    display: flex;
    align-self: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 20px; }
    .booking-info-container .top-block .date-time .time-interval .time-from,
    .booking-info-container .top-block .date-time .time-interval .delimiter,
    .booking-info-container .top-block .date-time .time-interval .time-to {
      display: inline-block;
      white-space: nowrap;
      margin: 2px 0; }
    .booking-info-container .top-block .date-time .time-interval .delimiter {
      width: 20px;
      padding: 0 6px;
      border: none; }
  .booking-info-container .top-block .date-time .duration {
    text-align: left; }

.booking-info-container .top-block .booking-code {
  font-size: 15px;
  margin-top: 10px;
  font-weight: 600;
  padding: 5px;
  text-align: center;
  margin-bottom: 15px;
  background: #fafafa; }

.booking-info-container .top-block .booking-history-block .color-info {
  color: #06ADEF; }

.booking-info-container .top-block .booking-history-block .color-danger {
  color: #dc3545; }

.booking-info-container .top-block .booking-history-block .ico {
  font-size: 18px;
  display: inline-block;
  width: 30px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 6px; }

.booking-info-container .top-block .booking-history-block .history {
  display: block;
  position: relative;
  padding: 4px 0 18px 30px;
  margin-bottom: 0;
  font-size: 13px; }
  .booking-info-container .top-block .booking-history-block .history:before {
    content: '';
    display: block;
    position: absolute;
    left: 14px;
    height: 36%;
    top: 30px;
    width: 1px;
    background: rgba(0, 0, 0, 0.2); }
    @media (max-width: 575px) {
      .booking-info-container .top-block .booking-history-block .history:before {
        top: 28px;
        height: 34%; } }
  .booking-info-container .top-block .booking-history-block .history:last-child:before {
    display: none; }
  .booking-info-container .top-block .booking-history-block .history .one-row {
    width: 100%;
    display: flex; }
    @media (max-width: 575px) {
      .booking-info-container .top-block .booking-history-block .history .one-row {
        width: auto;
        display: inline-block;
        margin-right: 5px; } }

.booking-info-container .top-block .booking-history-block.long-history .history {
  display: none; }
  .booking-info-container .top-block .booking-history-block.long-history .history:nth-child(1), .booking-info-container .top-block .booking-history-block.long-history .history:nth-child(2) {
    display: block; }

.booking-info-container .top-block .booking-history-block.long-history.in .history {
  display: block; }

.booking-info-container .top-block .booking-history-block .show-all-history-list {
  margin: 15px 0 15px 6px; }
  .booking-info-container .top-block .booking-history-block .show-all-history-list .txt.less {
    display: none; }

.booking-info-container .top-block .booking-history-block.in .show-all-history-list .txt:hover {
  text-decoration: underline; }

.booking-info-container .top-block .booking-history-block.in .show-all-history-list .txt.all {
  display: none; }

.booking-info-container .top-block .booking-history-block.in .show-all-history-list .txt.less {
  display: inline-block; }

.booking-info-container .top-block .service-name {
  font-size: 18px;
  margin-bottom: 0.7em;
  font-weight: 600;
  padding-top: 14px; }

@media (max-width: 767px) {
  .booking-info-container .top-block .service-name {
    margin-top: 20px; } }

.booking-info-container .top-block .data-list {
  font-size: 13px; }

.booking-info-container .top-block .price .amount {
  font-size: 1.1em; }

.booking-info-container .top-block .data-list li {
  margin-bottom: 10px;
  display: flex;
  align-items: baseline; }
  .booking-info-container .top-block .data-list li .batch-list {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 5px; }
    .booking-info-container .top-block .data-list li .batch-list--item {
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      gap: 5px;
      padding: 0 0 0 12px;
      border-radius: 25px;
      background: #f8faff; }
  .booking-info-container .top-block .data-list li a {
    margin-left: 10px; }
  .booking-info-container .top-block .data-list li .ico {
    display: inline-block;
    line-height: 1.5;
    width: 26px;
    min-width: 26px;
    text-align: center; }
  .booking-info-container .top-block .data-list li.data-list--item {
    display: flex;
    align-items: flex-start;
    position: relative; }
    .booking-info-container .top-block .data-list li.data-list--item .data-list--item-title {
      flex: 1; }
    .booking-info-container .top-block .data-list li.data-list--item .data-list--item-count, .booking-info-container .top-block .data-list li.data-list--item .data-list--item-range {
      display: flex;
      align-items: center;
      width: 100%;
      padding-left: 32px;
      font-style: italic;
      font-size: 12px;
      line-height: 1.2;
      color: #788291; }

.booking-info-container .top-block .data-list li.history span {
  margin-left: 10px; }

.booking-info-container .top-block .data-list li.history span:nth-child(2) {
  margin-left: 0; }

.booking-info-container .top-block .data-list li.book-status .control-label {
  padding-top: 0;
  padding-bottom: 0; }

.booking-info-container .top-block .data-list li.book-status .value .label {
  line-height: 1;
  font-size: 13px;
  padding: 4px 6px; }

.booking-info-container .main-block .status-combobox-title {
  background-color: #fff; }

.booking-info-container .main-block .comment {
  margin: 15px 0; }
  .booking-info-container .main-block .comment .full-comment-list > div {
    padding: 7px;
    background: #fafafa;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px; }
  .booking-info-container .main-block .comment.inactive {
    display: none; }
  .booking-info-container .main-block .comment div {
    padding-right: 25px;
    margin-bottom: 3px; }
    .booking-info-container .main-block .comment div i {
      float: left;
      font-size: 1.6em;
      color: #cccccc; }
    .booking-info-container .main-block .comment div span {
      display: block; }
  .booking-info-container .main-block .comment .action {
    position: absolute;
    bottom: 5px;
    right: 5px; }

.booking-info-container .main-block .additional-fields {
  border-top: 1px solid #cccccc;
  margin-top: 30px;
  padding-top: 20px; }
  .booking-info-container .main-block .additional-fields .data-list li {
    position: relative;
    margin-bottom: 12px; }
    .booking-info-container .main-block .additional-fields .data-list li:after {
      content: ' ';
      display: inline-block;
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      bottom: 0;
      width: 96%;
      height: 1px;
      background: rgba(0, 0, 0, 0.05); }
    .booking-info-container .main-block .additional-fields .data-list li .data {
      padding-bottom: 6px; }
      .booking-info-container .main-block .additional-fields .data-list li .data span {
        white-space: pre-wrap; }

.booking-info-container .main-block .approve-booking-panel {
  margin-top: 14px; }
  .booking-info-container .main-block .approve-booking-panel .btns {
    padding-top: 4px; }
    .booking-info-container .main-block .approve-booking-panel .btns .label {
      padding: 6px 8px;
      border-radius: 20px; }
      .booking-info-container .main-block .approve-booking-panel .btns .label:hover {
        color: #fff; }

.modal-dialog.booking-info {
  width: 100%;
  max-width: 800px; }
  @media (max-width: 1024px) {
    .modal-dialog.booking-info {
      width: auto; } }
  .modal-dialog.booking-info .download-file {
    display: flex;
    margin-left: -4px;
    margin-right: -4px;
    align-items: center; }
    .modal-dialog.booking-info .download-file__name {
      display: block;
      flex: 1;
      margin: 0 4px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
    .modal-dialog.booking-info .download-file__action {
      width: 34px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 4px;
      margin-left: auto;
      padding-left: 5px; }
      .modal-dialog.booking-info .download-file__action .txt {
        display: none; }
  .modal-dialog.booking-info .client-info .data {
    width: 100%; }
  .modal-dialog.booking-info .client-info .download-file__name {
    max-width: 350px; }
    @media (max-width: 600px) {
      .modal-dialog.booking-info .client-info .download-file__name {
        max-width: 250px; } }
    @media (max-width: 480px) {
      .modal-dialog.booking-info .client-info .download-file__name {
        max-width: 200px; } }

.dark-mode .modal-dialog.booking-info .booking-info-container {
  background-color: #1a1a1a !important; }
  .dark-mode .modal-dialog.booking-info .booking-info-container .nav.custom-tabs {
    border: 1px solid #555555 !important; }
    .dark-mode .modal-dialog.booking-info .booking-info-container .nav.custom-tabs a {
      color: #f9f9f9 !important; }
      .dark-mode .modal-dialog.booking-info .booking-info-container .nav.custom-tabs a.active {
        border-color: #06ADEF !important; }

.modal-backdrop {
  background-color: rgba(11, 48, 82, 0.2); }

.modal-backdrop.fade.show, .modal-backdrop.fade.in {
  background-color: rgba(11, 48, 82, 0.2); }

.modal-dialog.booking-info .modal-content .messages-container .alert {
  width: 97%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px; }

.modal-dialog.booking-info .modal-header {
  overflow: hidden;
  padding: 0;
  opacity: 0;
  height: 15px; }

.modal-dialog.booking-info .modal-body {
  padding-left: 0;
  padding-right: 0; }
  .modal-dialog.booking-info .modal-body .form-container {
    height: 100%;
    display: flex;
    flex-direction: column; }

.modal-dialog.booking-info .modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  padding: 0; }
  .modal-dialog.booking-info .modal-footer .btn {
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 4px 25px;
    border-radius: 25px;
    font-weight: normal;
    font-size: 14px;
    flex-grow: 1;
    flex-basis: 100px; }

.modal-dialog.booking-info .booking-info-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0; }
  .modal-dialog.booking-info .booking-info-container .nav.custom-tabs {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    border: 1px solid #E7ECF7;
    border-radius: 25px;
    background: transparent;
    width: calc(100% - 60px);
    margin: 0 auto 22px auto; }
    @media (max-width: 700px) {
      .modal-dialog.booking-info .booking-info-container .nav.custom-tabs {
        border-radius: 8px; } }
    .modal-dialog.booking-info .booking-info-container .nav.custom-tabs li {
      flex: 1;
      padding: 0;
      margin: 0;
      overflow: visible; }
    .modal-dialog.booking-info .booking-info-container .nav.custom-tabs a {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 38px;
      color: #0B3052;
      font-weight: normal;
      padding-left: 22px;
      padding-right: 22px;
      border-radius: 25px;
      border: 1px solid transparent;
      margin: -1px 0; }
      .modal-dialog.booking-info .booking-info-container .nav.custom-tabs a .title {
        font-weight: normal; }
      .modal-dialog.booking-info .booking-info-container .nav.custom-tabs a.active {
        font-weight: 500;
        border-color: #06ADEF; }
        .modal-dialog.booking-info .booking-info-container .nav.custom-tabs a.active .title {
          font-weight: 500; }
  .modal-dialog.booking-info .booking-info-container .tab-content {
    position: relative;
    flex: 1 1 auto;
    padding: 0 0px;
    max-height: calc(100vh - 280px); }
    .modal-dialog.booking-info .booking-info-container .tab-content .btn {
      margin: 0;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 36px;
      padding: 4px 25px;
      border-radius: 25px;
      font-weight: normal;
      font-size: 14px; }
      .modal-dialog.booking-info .booking-info-container .tab-content .btn.btn--no-text {
        padding: 4px;
        width: 36px;
        height: 36px;
        line-height: 1; }
  .modal-dialog.booking-info .booking-info-container .top-block .data-list li {
    flex-wrap: nowrap;
    gap: 4px; }
    .modal-dialog.booking-info .booking-info-container .top-block .data-list li.batch .batch__list {
      flex: 1;
      display: flex;
      align-items: flex-start;
      gap: 8px 20px;
      flex-wrap: wrap; }
      .modal-dialog.booking-info .booking-info-container .top-block .data-list li.batch .batch__list .batch__list-item {
        display: flex;
        align-items: center;
        gap: 5px; }
        .modal-dialog.booking-info .booking-info-container .top-block .data-list li.batch .batch__list .batch__list-item .action {
          line-height: 0.8;
          margin: 0;
          padding: 4px;
          height: auto;
          width: 25px; }
  .modal-dialog.booking-info .booking-info-container .main-block .additional-fields .data-list li {
    margin-bottom: 6px; }
    .modal-dialog.booking-info .booking-info-container .main-block .additional-fields .data-list li .title {
      font-weight: normal;
      margin-bottom: 4px !important; }
  .modal-dialog.booking-info .booking-info-container .status-container.form-inline.flex-nowrap .dropdown-nav {
    top: auto;
    bottom: 100%; }
  .modal-dialog.booking-info .booking-info-container table tr, .modal-dialog.booking-info .booking-info-container table th, .modal-dialog.booking-info .booking-info-container table td {
    border: none;
    font-weight: 400; }

.new-style-form .main-block .top-title-block {
  border-bottom: 1px #a8a3a7 solid;
  margin-bottom: 1rem; }

.new-style-form .data-block {
  background: #ffffff; }

.new-style-form .main-block .block-title {
  font-size: 1.4em;
  color: #222222;
  margin: 5px 0 7px 0;
  left: 0; }

/********************************/
/*                              */
/*        Form                  */
/*                              */
/*                              */
/********************************/
/*------ Form, form-blocks  ------*/
#new-style-form-container {
  padding: 0; }

.new-style-form {
  width: 100%;
  position: relative; }

.new-style-form .sb-accordion {
  margin: 1rem 0; }

.new-style-form .ga-main-container {
  margin-bottom: 15px; }

.new-style-form .shop-link {
  display: inline-block;
  position: relative;
  bottom: -8px;
  background-repeat: no-repeat;
  width: 110px;
  height: 28px;
  background-size: 80%;
  background-position: center;
  border-radius: 4px;
  background-color: #ffffff;
  margin: 0px auto;
  border: 1px solid #b0b0ad; }
  .new-style-form .shop-link:hover {
    background-color: #06adef; }
  .new-style-form .shop-link.google-play {
    background-image: url("/v2/images/simplybook/new_googleplay.png"); }
    .new-style-form .shop-link.google-play:hover {
      background-image: url("/v2/images/simplybook/new_googleplay_h.png"); }
  .new-style-form .shop-link.app-store {
    background-image: url("/v2/images/simplybook/new_appstore.png"); }
    .new-style-form .shop-link.app-store:hover {
      background-image: url("/v2/images/simplybook/new_appstore_h.png"); }

.new-style-form .qrcode {
  background-repeat: no-repeat;
  width: 120px;
  height: 120px;
  border-radius: 4px;
  display: none;
  -webkit-animation: fadeOut 1s;
  animation: fadeOut 1s;
  position: absolute;
  top: -127px;
  left: 0;
  background-color: #ffffff;
  background-size: 75%;
  background-position: center;
  margin: 0px auto;
  border: 1px solid #b0b0ad; }
  .new-style-form .qrcode.google-play {
    background-image: url("/v2/images/simplybook/googleplay_qr.png"); }
  .new-style-form .qrcode.app-store {
    background-image: url("/v2/images/simplybook/appstore_qr.png"); }
  .new-style-form .qrcode.active {
    display: block;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s; }

/*---- Layout inside blocks  ---*/
.new-style-form .gray-block.categories-container,
.new-style-form .gray-block.services-container,
.new-style-form .gray-block.performers-container {
  min-height: 45px;
  overflow: hidden; }

.new-style-form .white-block {
  background: #ffffff; }

.new-style-form .row, .new-style-form .zend_form .form-group, .zend_form .new-style-form .form-group, .new-style-form .zend_form .element-container, .zend_form .new-style-form .element-container, .new-style-form .form-container .form-horizontal .form-group, .form-container .form-horizontal .new-style-form .form-group, .new-style-form .form-container .form-horizontal .element-container, .form-container .form-horizontal .new-style-form .element-container, .new-style-form #booking_tabs .form-group, #booking_tabs .new-style-form .form-group, .new-style-form #booking_tabs .element-container, #booking_tabs .new-style-form .element-container {
  margin-top: 5px;
  margin-bottom: 5px; }
  .new-style-form .row .clear, .new-style-form .zend_form .form-group .clear, .zend_form .new-style-form .form-group .clear, .new-style-form .zend_form .element-container .clear, .zend_form .new-style-form .element-container .clear, .new-style-form .form-container .form-horizontal .form-group .clear, .form-container .form-horizontal .new-style-form .form-group .clear, .new-style-form .form-container .form-horizontal .element-container .clear, .form-container .form-horizontal .new-style-form .element-container .clear, .new-style-form #booking_tabs .form-group .clear, #booking_tabs .new-style-form .form-group .clear, .new-style-form #booking_tabs .element-container .clear, #booking_tabs .new-style-form .element-container .clear {
    display: none; }

.new-style-form .row .link-button, .new-style-form .zend_form .form-group .link-button, .zend_form .new-style-form .form-group .link-button, .new-style-form .zend_form .element-container .link-button, .zend_form .new-style-form .element-container .link-button, .new-style-form .form-container .form-horizontal .form-group .link-button, .form-container .form-horizontal .new-style-form .form-group .link-button, .new-style-form .form-container .form-horizontal .element-container .link-button, .form-container .form-horizontal .new-style-form .element-container .link-button, .new-style-form #booking_tabs .form-group .link-button, #booking_tabs .new-style-form .form-group .link-button, .new-style-form #booking_tabs .element-container .link-button, #booking_tabs .new-style-form .element-container .link-button {
  margin-right: 5px; }

/*-------------  Form Elements (Inputs, Selects) -------------*/
.new-style-form .element-container {
  position: relative;
  margin-bottom: 1rem; }
  .new-style-form .element-container.has-icon {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .new-style-form .element-container.has-icon input {
      padding-right: 30px; }
  .new-style-form .element-container.phone.has-icon {
    flex-wrap: wrap; }

.element-container.phone.has-icon .phone-input {
  order: 0;
  width: calc(100% - 95px);
  background-repeat: no-repeat;
  background-position: right 7px center;
  background-image: url(/common/images/black_icons/small/phone.png); }

.contact-widget-message-form .data-block .element-container textarea {
  min-height: 80px; }

.new-style-form .element-container input[type=text],
.new-style-form .element-container input[type=password],
.new-style-form .element-container select,
.new-style-form a.link-button {
  display: inline-block; }

.new-style-form .element-container select.short {
  margin-right: 10px;
  width: 50px;
  padding: 1px;
  font-size: 1.3em;
  line-height: 1.2em; }

.new-style-form .element-container select.short option {
  border-bottom: 1px solid #cccccc; }

.new-style-form .element-container select.short option:hover {
  border-bottom-color: #2fa3d8; }

.new-style-form .element-container .ico {
  position: absolute;
  right: 10px;
  display: inline-block;
  top: 8px;
  bottom: 8px;
  width: 20px;
  height: 20px;
  background: no-repeat 0 0 transparent;
  opacity: 0.6; }

.new-style-form .element-container.error-field .error-message {
  color: #FF3259;
  padding: 0 0 2px 5px; }

/*------------  Top block particular elements  ------------------*/
.new-style-form .main-block .top-title-block .image {
  float: left; }

.new-style-form .main-block .top-title-block.has-image .element-container.description-container {
  float: left; }

.new-style-form .main-block .top-title-block.has-image .element-container.description-container .description-preview {
  margin: 10px 0;
  font-size: 1.12em;
  line-height: 1.3em;
  color: #666666; }

.new-style-form .main-block .top-title-block.has-image .element-container.description-container.edit-mode .description-preview {
  display: none; }

.new-style-form .main-block .top-title-block.has-image .element-container.description-container .description {
  display: none;
  margin-bottom: 10px;
  width: 100%;
  height: 200px;
  padding: 10px;
  border: 1px solid #cccccc;
  border-radius: 4px; }

.new-style-form .main-block .top-title-block.has-image .element-container.description-container .description-editor {
  display: none; }

.new-style-form .main-block .top-title-block.has-image .element-container.description-container.edit-mode .description,
.new-style-form .main-block .top-title-block.has-image .element-container.description-container.edit-mode .description-editor {
  display: block; }

.new-style-form .main-block .top-title-block.has-image .element-container.description-container .link-button {
  float: right; }

/*--------- Help-hint ----*/
.new-style-form .element-container .help-icon {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0px 0 0 2px;
  border-radius: 10px;
  background: url(/common/images/gfx/question_w.png) no-repeat transparent top left;
  cursor: pointer; }

.new-style-form .element-container .help-icon:hover {
  box-shadow: #999999 1px 1px 2px; }

.new-style-form .element-container .help-hint {
  position: absolute;
  right: 0;
  top: 0;
  width: 200px;
  margin-right: -250px;
  margin-top: -20px;
  z-index: 5;
  padding: 10px;
  border: 1px solid #2fa3d8;
  background: #ffffff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  /*display: none;*/ }

.new-style-form .element-container:hover .help-hint {
  display: block; }

.new-style-form .element-container .help-hint div.triangle {
  position: absolute;
  left: -10px;
  top: 35%;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #2fa3d8; }

.new-style-form .element-container:hover .help-hint div.ui-icon {
  float: left;
  margin: 3px 10px 3px 5px;
  background-image: url(/common/css/ui-colors/admin-blue/images/ui-icons_blue_256x240.png); }

.new-style-form .element-container:hover .help-hint .help-notation a {
  color: #2fa3d8;
  cursor: pointer; }

/*---------- Help block ----------*/
.new-style-form .help-block {
  margin: 10px 0;
  padding: 10px; }

.new-style-form .help-block .image {
  float: left;
  margin: 0 7px 7px 0; }

.new-style-form .help-block .description {
  font-size: 1.2em;
  line-height: 1.3em;
  color: #555555; }

/*--------- Particular rules ------*/
.new-style-form input.name {
  padding: 9px 8px;
  font-size: 1.35em; }

.new-style-form .email .ico {
  background-image: url(/common/images/black_icons/small/email.png);
  background-position: top 2px center; }

.new-style-form .phone .ico {
  background-image: url(/common/images/black_icons/small/phone.png); }

.new-style-form .currency .ico {
  background-image: url(/common/images/black_icons/small/billing.png); }

.new-style-form .recurring-type .ico {
  background-image: url(/common/images/black_icons/small/calendar.png); }

.new-style-form .element-container .password-placeholder {
  position: absolute;
  top: 7px;
  left: 14px;
  font-size: 1.2em;
  color: #444444; }

.new-style-form .element-container:hover .password-placeholder {
  display: none; }

.new-style-form .element-container.time-element-container {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  width: 50px; }

.new-style-form .element-container.has-top-label select,
.new-style-form .element-container.has-top-label input[type=text] {
  display: inline-block; }

.new-style-form .element-container.has-top-label label {
  display: inline-block;
  padding: 0 0 2px 3px; }

.new-style-form .element-container .aux-text {
  font-size: 1.2em;
  line-height: 1.4em;
  color: #666666; }

.new-style-form .element-container.week-days-group {
  margin: 4px 0; }

.new-style-form .element-container.week-days-group .day {
  display: inline-block;
  margin: 0 1px;
  padding: 0px 6px;
  width: 25px;
  height: 32px;
  line-height: 32px;
  font-size: 1.2em;
  background: #eeeeee;
  border: 1px solid #aaaaaa;
  border-radius: 2px;
  color: #666666;
  cursor: pointer; }

.new-style-form .element-container.week-days-group.chinese .day {
  height: 100px; }

.new-style-form .element-container.week-days-group .day:hover,
.new-style-form .element-container.week-days-group .day.checked,
.new-style-form .element-container.week-days-group .day.checked:first-child {
  border-color: #2fa3d8;
  background: #ffffff;
  color: #000000; }

.new-style-form .element-container.week-days-group .day:active {
  box-shadow: #aaaaaa 1px 1px 2px; }

.new-style-form .element-container.phone .prefix {
  width: 70px; }

.new-style-form .element-container.phone.has-icon #validate_phone_cont .check-code-input {
  margin-bottom: 10px; }

.new-style-form .element-container.phone.has-icon #validate_phone_cont .btn {
  display: block;
  width: 100%; }

a#validate_phone {
  width: 100%;
  margin-top: 10px; }

#validate_phone_cont {
  margin-top: 10px; }

/*------------- Buttons ---------*/
.new-style-form .button {
  margin: 0 10px 10px 0;
  display: inline-block;
  white-space: nowrap;
  min-width: 110px; }

.new-style-form .link {
  color: #0f83b8; }

.new-style-form .link:hover {
  color: #222222; }

.new-style-form .bottom-links .link {
  font-size: 1.2em; }

/*---------- Images ----------*/
.new-style-form .images-block {
  overflow: auto; }

.new-style-form .images-block .title {
  font-size: 1.3em;
  color: #555555;
  margin: 15px 0px 10px 20px; }

.new-style-form .images-block ul {
  margin: 0 0 0 20px; }

.new-style-form .images-block .images li {
  margin: 10px 0; }

.new-style-form .images-block .images .image,
.new-style-form .top-title-block .image,
.images-download .image {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  border-radius: 4px;
  position: relative;
  width: 82px;
  height: 82px;
  text-align: center; }

.new-form.ui-dialog-content {
  padding: 0px !important;
  width: 100% !important; }

/* Placeholders */
.new-style-form .element-container .placeholder {
  position: absolute;
  bottom: 5px;
  left: 15px;
  color: #777777; }

/*------------------------------

  4. Category form

------------------------------*/
.recurring-form.ui-dialog-content {
  padding: 0px; }

.new-style-form .ui-autocomplete-input {
  margin-right: 0; }

.new-style-form .main-block .element-container .ui-autocomplete-input {
  width: 58px;
  padding: 0.375rem 0.75rem;
  border-radius: 3px 0 0 3px;
  border-color: #D5E0F0; }

.new-style-form .ui-combobox-toggle {
  height: 36px;
  position: relative;
  margin-right: 15px;
  margin-left: -8px;
  width: 30px;
  background: #06acee;
  border: 1px solid #06acee;
  border-radius: 0 0.25rem 0.25rem 0;
  cursor: pointer; }
  .new-style-form .ui-combobox-toggle span {
    margin: 0;
    background: none;
    position: absolute;
    text-indent: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .new-style-form .ui-combobox-toggle span:before {
      position: relative;
      top: -2px;
      display: inline-block;
      content: "";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 300;
      font-style: normal;
      text-decoration: inherit;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #fff;
      font-size: 22px; }

.new-style-form .connection-select-container {
  padding-left: 0px;
  padding-top: 10px; }

.new-style-form .connection-select-container .connection-select {
  width: auto;
  max-width: 300px; }

.recurring-form.ui-dialog-content.ui-widget-content {
  padding: 0; }

.new-style-form .image-label {
  width: 100%;
  height: 100%;
  display: block;
  min-height: 100px; }

.new-style-form .error-message {
  color: #dd0000; }

/*********************************

	Time interval picker

**********************************/
.new-style-form .time-interval-picker .glyphicon-time,
.new-style-form .time-interval-picker .from-time,
.new-style-form .time-interval-picker .from-to-separator,
.new-style-form .time-interval-picker .to-time {
  display: inline-block;
  vertical-align: middle;
  line-height: 1em; }

.new-style-form .time-interval-picker .from-time .timeselect.short,
.new-style-form .time-interval-picker .to-time .timeselect.short {
  min-width: 50px;
  margin: 0; }

.new-style-form .time-interval-picker .glyphicon-time {
  font-size: 1.3em;
  color: #888888;
  margin-right: 5px; }

.new-style-form .time-interval-picker .from-to-separator {
  margin: 0 5px; }

.new-style-form .time-interval-picker.am_pm_time_format {
  margin-right: -30px; }

.new-style-form .time-interval-picker.am_pm_time_format .timeselect.short {
  width: 47px;
  min-width: 47px; }

.new-style-form .time-interval-picker.am_pm_time_format .timeselect.short.hour {
  width: 73px; }

/*********************************

	Date interval picker

**********************************/
.new-style-form .date-interval-picker.glyphicon,
.new-style-form .date-interval-picker .input,
.new-style-form .date-interval-picker .from-to-separator {
  display: inline-block;
  vertical-align: middle; }

.new-style-form .date-interval-picker .glyphicon-calendar {
  font-size: 1.3em;
  color: #888888;
  margin-right: 5px; }

.new-style-form .element-container.date-interval-picker input[type="text"] {
  width: 80px; }

.new-style-form .date-interval-picker .from-to-separator {
  margin: 0 5px; }

ul.connect-social li a {
  display: block;
  overflow: hidden; }

ul.connect-social li a span {
  float: left; }

ul.connect-social li {
  display: inline-block; }

ul.connect-social li a .icon {
  margin: 0;
  padding: 0; }

ul.connect-social li a .text {
  color: #fff;
  padding-left: 8px; }

ul.connect-social li a.facebook {
  background: #517cc0; }
  ul.connect-social li a.facebook:hover {
    background: #6b90c9; }
  ul.connect-social li a.facebook:active {
    background: #345890; }

ul.connect-social li a.twitter {
  background: #65cdf2; }
  ul.connect-social li a.twitter:hover {
    background: #86d8f5; }
  ul.connect-social li a.twitter:active {
    background: #1eb6ec; }

ul.connect-social li a.google {
  background: #df4931; }
  ul.connect-social li a.google:hover {
    background: #e46450; }
  ul.connect-social li a.google:active {
    background: #a92e1a; }

ul.connect-social li a .icon {
  border-radius: 0; }
  ul.connect-social li a .icon:before {
    display: inline-block;
    font: normal normal normal 18px FontAwesome;
    color: #fff; }

ul.connect-social li a.google .icon:before {
  display: inline-block;
  content: "";
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  text-decoration: inherit;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

ul.connect-social li a.facebook .icon:before {
  display: inline-block;
  content: "";
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  text-decoration: inherit;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

ul.connect-social li a.twitter .icon:before {
  display: inline-block;
  content: "";
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  text-decoration: inherit;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.image-upload-modal .modal-footer .btn-link {
  padding-left: 32px;
  padding-right: 32px; }

.image-upload-modal .drag-n-drop {
  border: 2px dashed #06acee;
  border-radius: 8px;
  padding: 30px;
  background-color: rgba(6, 172, 238, 0.1);
  transition: all .2s ease; }
  @media (max-width: 767px) {
    .image-upload-modal .drag-n-drop {
      padding: 15px; } }
  .image-upload-modal .drag-n-drop.is-dragover {
    background-color: rgba(6, 172, 238, 0.15);
    box-shadow: inset 0 0 20px rgba(6, 172, 238, 0.7); }
  .image-upload-modal .drag-n-drop .upload-new {
    max-width: 70px; }
    @media (max-width: 767px) {
      .image-upload-modal .drag-n-drop .upload-new {
        max-width: 60px; } }
  .image-upload-modal .drag-n-drop .drop-or {
    margin-top: 12px;
    margin-bottom: 0;
    font-size: 18px;
    color: #06acee; }
    @media (max-width: 767px) {
      .image-upload-modal .drag-n-drop .drop-or {
        font-size: 16px; } }

.image-upload-modal .hint-border {
  border-top: 1px solid #D5E0F0;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px; }

.uploader-popup {
  position: relative; }
  .uploader-popup .title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px; }
  .uploader-popup #nav-user-img .btn {
    margin-bottom: 0; }
  .uploader-popup #uploader-image-input {
    display: none; }
  .uploader-popup .uploader-no-previous {
    width: 135px;
    height: 100px;
    padding: 10px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    background: #f7f7f7;
    position: relative;
    border: 1px solid #e7e7e7;
    color: #313e54;
    font-weight: 600; }
    .uploader-popup .uploader-no-previous p {
      margin: auto; }
  .uploader-popup .uploader-crop-block {
    width: 100%;
    overflow: hidden; }
  .uploader-popup .uploader-crop-block img.stretchx {
    height: auto;
    width: 100%; }
  .uploader-popup .uploader-crop-block img.stretchy {
    height: 100%;
    width: auto; }
  .uploader-popup .select-available-block {
    overflow: hidden; }
  .uploader-popup .uploader-last-image {
    min-height: 98px;
    max-height: 145px;
    opacity: 1;
    border: 1px solid #ffffff;
    cursor: pointer;
    transition: all .3s ease; }
    .uploader-popup .uploader-last-image:hover {
      opacity: .7; }
  .uploader-popup .image-list-tab .tab-category-title {
    font-size: 13px;
    font-weight: bold;
    color: #2d3547;
    margin: 3px 0px;
    text-align: left; }
  .uploader-popup .image-list-tab .tab-images {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    grid-gap: 15px; }
    .uploader-popup .image-list-tab .tab-images .image-item {
      padding-top: 100%;
      background-size: cover;
      position: relative;
      opacity: 1;
      border: 1px solid #e7e7e7;
      cursor: pointer;
      transition: all .3s ease; }
      .uploader-popup .image-list-tab .tab-images .image-item:hover {
        background-color: #f3fbfe; }
        .uploader-popup .image-list-tab .tab-images .image-item:hover a.image-show {
          width: 20px;
          height: 20px;
          position: absolute;
          top: 0;
          right: 0;
          font-size: 14px;
          background: #ffffff;
          text-align: center;
          -webkit-border-top-left-radius: 10px;
          -webkit-border-bottom-left-radius: 10px;
          -moz-border-radius-topleft: 10px;
          -moz-border-radius-bottomleft: 10px;
          border-top-left-radius: 10px;
          border-bottom-left-radius: 10px; }
      .uploader-popup .image-list-tab .tab-images .image-item a.image-show {
        display: none; }
  .uploader-popup .preloader-overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: transparent; }
    .uploader-popup .preloader-overlay::before {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      width: 100%;
      height: 100%;
      background-position: center bottom;
      background-attachment: fixed;
      background-size: cover;
      content: "";
      -webkit-filter: blur(5px); }
  .uploader-popup .preloader-block {
    display: none;
    position: absolute;
    background-image: url("../../images/admin/birdLoader.gif");
    background-size: contain;
    background-repeat: no-repeat;
    width: 280px;
    height: 280px;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 33%; }
  .uploader-popup .uploader-crop-block .crop-file__hint-text {
    max-width: 566px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 16px;
    font-style: italic;
    color: #777; }

.management-image-upload .modal-dialog {
  margin-left: auto;
  margin-right: auto;
  max-width: 50%; }
  @media (max-width: 1024px) {
    .management-image-upload .modal-dialog {
      max-width: 70%; } }
  @media (max-width: 767px) {
    .management-image-upload .modal-dialog {
      max-width: 96%; } }
  .management-image-upload .modal-dialog .modal-footer .btn-link {
    padding-left: 32px;
    padding-right: 32px; }

.management-image-upload .sb-select-current {
  min-height: 98px;
  max-height: 145px;
  cursor: pointer; }

.management-image-upload .drag-n-drop {
  border: 2px dashed #06acee;
  border-radius: 8px;
  padding: 30px;
  background-color: rgba(6, 172, 238, 0.1);
  transition: all .2s ease; }
  @media (max-width: 767px) {
    .management-image-upload .drag-n-drop {
      padding: 15px; } }
  .management-image-upload .drag-n-drop.is-dragover {
    background-color: rgba(6, 172, 238, 0.15);
    box-shadow: inset 0 0 20px rgba(6, 172, 238, 0.7); }
  .management-image-upload .drag-n-drop .upload-new {
    max-width: 70px; }
    @media (max-width: 767px) {
      .management-image-upload .drag-n-drop .upload-new {
        max-width: 60px; } }
  .management-image-upload .drag-n-drop .drop-or {
    margin-top: 12px;
    margin-bottom: 0;
    font-size: 18px;
    color: #06acee; }
    @media (max-width: 767px) {
      .management-image-upload .drag-n-drop .drop-or {
        font-size: 16px; } }

.management-image-upload .hint-border {
  border-top: 1px solid #D5E0F0;
  padding-top: 15px; }

.management-image-upload .modal-footer .sb-back {
  padding-left: 32px;
  padding-right: 32px; }

.management-image-upload ul.image-previews {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  grid-gap: 15px; }
  .management-image-upload ul.image-previews li {
    height: 100px;
    position: relative;
    cursor: pointer;
    transition: opacity 500ms ease-in-out, border 500ms ease-out; }
    @media (max-width: 575px) {
      .management-image-upload ul.image-previews li {
        height: 120px; } }
    .management-image-upload ul.image-previews li:nth-child(4n) {
      margin-right: 0; }
    .management-image-upload ul.image-previews li .image-show {
      display: none; }
    .management-image-upload ul.image-previews li .image-remove {
      display: none;
      position: absolute;
      right: 4px;
      top: 4px;
      border-radius: 50%;
      width: 17px;
      height: 17px;
      text-align: center;
      line-height: 15px;
      font-size: 11px;
      font-weight: normal;
      background: #fff;
      color: #FF3259; }
      .management-image-upload ul.image-previews li .image-remove.in {
        display: block; }
      .management-image-upload ul.image-previews li .image-remove:hover {
        background: #FF3259;
        color: #ffffff; }
    .management-image-upload ul.image-previews li:hover {
      opacity: 1; }
      .management-image-upload ul.image-previews li:hover .image-show {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 0px;
        right: 0px;
        font-size: 14px;
        background: #fff;
        text-align: center;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px; }
    .management-image-upload ul.image-previews li div {
      background-size: cover;
      width: 100%;
      height: 100%;
      border: 1px solid #e7e7e7;
      transition: all .3s ease; }
      .management-image-upload ul.image-previews li div:hover {
        background-color: #f3fbfe; }

.management-image-upload .stock-company-icons ul.image-previews li div {
  background-size: contain;
  background-position: center !important;
  background-repeat: no-repeat; }

/* ************** ColorPicker **************** */
.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background-image: url(/common/css/colorpicker_img/custom_background.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
  z-index: 9999; }
  @media (max-width: 575px) {
    .colorpicker {
      left: 0 !important;
      /*The best solution in the project*/ } }

.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair; }

.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(/common/css/colorpicker_img/colorpicker_overlay.png); }

.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(/common/css/colorpicker_img/colorpicker_select.gif);
  margin: -5px 0 0 -5px; }

.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize; }

.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(/common/css/colorpicker_img/custom_indic.gif) left top;
  margin: -4px 0 0 0;
  left: 0px; }

.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00; }

.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00; }

.colorpicker input {
  background: transparent;
  color: #444444;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  top: 5px;
  right: 12px;
  text-align: right;
  margin: 0;
  padding: 0 5px 0 0;
  height: 12px; }

.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(/common/css/colorpicker_img/custom_hex.png) top;
  left: 212px;
  top: 142px; }

.colorpicker_hex input {
  right: 6px; }

.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute; }

.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize; }

.colorpicker_rgb_r {
  background-image: url(/common/css/colorpicker_img/custom_rgb_r.png);
  top: 52px;
  left: 212px; }

.colorpicker_rgb_g {
  background-image: url(/common/css/colorpicker_img/custom_rgb_g.png);
  top: 82px;
  left: 212px; }

.colorpicker_rgb_b {
  background-image: url(/common/css/colorpicker_img/custom_rgb_b.png);
  top: 112px;
  left: 212px; }

.colorpicker_hsb_h {
  background-image: url(/common/css/colorpicker_img/custom_hsb_h.png);
  top: 52px;
  left: 282px; }

.colorpicker_hsb_s {
  background-image: url(/common/css/colorpicker_img/custom_hsb_s.png);
  top: 82px;
  left: 282px; }

.colorpicker_hsb_b {
  background-image: url(/common/css/colorpicker_img/custom_hsb_b.png);
  top: 112px;
  left: 282px; }

.colorpicker_submit {
  position: absolute;
  width: 55px;
  height: 20px;
  padding: 1px 7px 3px 9px;
  /*background: url(/common/css/colorpicker_img/custom_submit.png) top;*/
  background-color: #2fa3d8;
  border: 1px solid #2fa3d8;
  color: #ffffff;
  font-weight: 300;
  left: 290px;
  top: 143px;
  overflow: hidden;
  cursor: pointer;
  border-radius: 2px;
  box-shadow: 2px 2px 2px #cccccc;
  font-size: 12px; }

.colorpicker_submit:hover {
  box-shadow: 2px 2px 2px #aaaaaa; }

.colorpicker_focus {
  background-position: center; }

.colorpicker_hex.colorpicker_focus {
  background-position: bottom; }

.colorpicker_submit.colorpicker_focus {
  background-position: bottom; }

.colorpicker_slider {
  background-position: bottom; }

.dark-mode .image-preview-area {
  background-color: #404040; }
  .dark-mode .image-preview-area:hover {
    background-color: #242424; }

.image-preview-area {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 125px;
  min-width: 125px;
  margin: 0;
  height: auto;
  text-align: center;
  position: relative;
  cursor: pointer;
  transition: all .3s ease;
  max-width: 300px;
  background-image: repeating-linear-gradient(0deg, #06ADEF, #06ADEF 12px, transparent 12px, transparent 22px, #06ADEF 22px), repeating-linear-gradient(90deg, #06ADEF, #06ADEF 12px, transparent 12px, transparent 22px, #06ADEF 22px), repeating-linear-gradient(180deg, #06ADEF, #06ADEF 12px, transparent 12px, transparent 22px, #06ADEF 22px), repeating-linear-gradient(270deg, #06ADEF, #06ADEF 12px, transparent 12px, transparent 22px, #06ADEF 22px);
  background-size: 1px 100%, 100% 1px, 1px 100% , 100% 1px;
  background-position: 0 0, 0 0, 100% 0, 0 100%;
  background-repeat: no-repeat;
  border: none;
  background-color: #F1F6FF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  line-height: 1;
  padding: 4px; }
  .image-preview-area .image-label {
    padding: 0;
    margin: 0;
    line-height: 0.8;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%; }
  .image-preview-area:hover {
    background-color: #f3fbfe; }
  .image-preview-area .uploader-preview {
    line-height: 0.8; }
  .image-preview-area img {
    max-width: 300px;
    margin: 0 auto;
    width: 100%; }
    .image-preview-area img[src='/v2/images/placeholder.svg'], .image-preview-area img[src='/v2/images/placeholder.png'] {
      max-height: 36px;
      width: auto;
      border-radius: 0px !important; }
  .image-preview-area .image-remove {
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: -4px;
    top: -4px;
    background: #FF3259;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    min-height: 22px;
    min-width: 22px;
    text-align: center;
    line-height: 1;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff; }
    .image-preview-area .image-remove.has-image, .image-preview-area .image-remove.in {
      display: inline-flex; }
    .image-preview-area .image-remove:hover {
      background: #FF3259; }
  .image-preview-area__info {
    display: flex;
    flex-direction: column;
    gap: 8px; }

.form-group--image-grid {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px 22px;
  flex-wrap: wrap; }

.form-group--image-item_preview {
  flex-basis: 180px;
  flex-grow: 1; }

.form-group--image-item_controls {
  flex-basis: 280px;
  flex-grow: 10; }

.report-filter {
  margin-bottom: 15px; }
  .report-filter > .form-groups {
    display: grid;
    grid-gap: 12px 16px;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    margin-bottom: 22px; }
    .report-filter > .form-groups .form-group, .report-filter > .form-groups .element-container {
      margin: 0 !important; }
    .report-filter > .form-groups .field-container--period {
      grid-column-start: 1;
      grid-column-end: -1; }
  .report-filter .combobox-container {
    width: 100%; }

.toolbar-action-loader {
  opacity: 0.5;
  pointer-events: none; }

.data-page .report-filter .k-picker-wrap {
  margin-bottom: 0; }

@media screen and (min-width: 991px) {
  .sales-and-tax-report-hide-zero-rows-container {
    margin-top: 30px; }
  .sales-and-tax-report-filters-action-container {
    margin-top: 48px; } }

.color-picker {
  width: 400px;
  height: 400px;
  position: relative; }

.color-picker .color-wheel-part {
  width: 200px;
  height: 200px;
  display: inline-block;
  position: relative;
  z-index: 100; }

.color-picker .color-wheel-part img {
  display: none; }

.color-picker .color-wheel-1 {
  background-image: url("/common/images/colorpicker/wheel_1.png"); }

.color-picker .color-wheel-2 {
  background-image: url("/common/images/colorpicker/wheel_2.png"); }

.color-picker .color-wheel-3 {
  background-image: url("/common/images/colorpicker/wheel_3.png"); }

.color-picker .color-wheel-4 {
  background-image: url("/common/images/colorpicker/wheel_4.png"); }

.color-picker .shade {
  width: 200px;
  height: 200px;
  background: red;
  position: absolute;
  top: 100px;
  left: 100px; }

.color-picker .color-selector,
.color-picker .shade-selector {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 10px;
  border: 1px solid #656565;
  cursor: pointer;
  z-index: 200;
  opacity: 1; }

.color-picker .color-selector div,
.color-picker .shade-selector div {
  border: #ffffff 5px solid;
  border-radius: 10px;
  width: 2px;
  height: 2px;
  background: transparent; }

.color-picker-wrap {
  position: relative; }

.color-picker-wrap .input-container {
  position: absolute;
  bottom: 16px;
  left: 340px;
  z-index: 100; }

.design-settings-page .white-tabs .color-picker-container .color-picker-wrap .input-container input {
  border: 1px solid #cccccc;
  padding: 5px;
  width: 120px;
  padding-left: 28px; }

.color-picker-wrap .input-container .box {
  width: 18px;
  height: 18px;
  position: absolute;
  margin: 7px;
  padding: 10px; }

.dark-mode .form-container .loader {
  background: url("/v2/images/ajax_loader--dark-mode.gif") no-repeat center;
  background-size: 36px;
  width: 36px;
  height: 36px; }

.form-container .input-error {
  color: #FF3259; }

.form-container .modal-footer .btn {
  margin-bottom: 5px; }

.form-container .loader {
  background: url("/v2/images/ajax_loader.gif") no-repeat center;
  background-size: 36px;
  width: 36px;
  height: 36px;
  margin: auto; }

#booking_tabs .tab-pane .error-container .invalid-feedback, #booking_tabs .tab-pane .error-container .form-group.has-error .help-block, .form-group.has-error #booking_tabs .tab-pane .error-container .help-block, #booking_tabs .tab-pane .error-container .has-error.element-container .help-block, .has-error.element-container #booking_tabs .tab-pane .error-container .help-block, #booking_tabs .tab-pane .error-container .element-container.error-field .help-block, .element-container.error-field #booking_tabs .tab-pane .error-container .help-block, #booking_tabs .tab-pane .error-container .element-container .error-message, .element-container #booking_tabs .tab-pane .error-container .error-message {
  display: block; }

#booking_tabs .tab-pane .form-group__static-field-wrapper .invalid-feedback, #booking_tabs .tab-pane .form-group__static-field-wrapper .form-group.has-error .help-block, .form-group.has-error #booking_tabs .tab-pane .form-group__static-field-wrapper .help-block, #booking_tabs .tab-pane .form-group__static-field-wrapper .has-error.element-container .help-block, .has-error.element-container #booking_tabs .tab-pane .form-group__static-field-wrapper .help-block, #booking_tabs .tab-pane .form-group__static-field-wrapper .element-container.error-field .help-block, .element-container.error-field #booking_tabs .tab-pane .form-group__static-field-wrapper .help-block, #booking_tabs .tab-pane .form-group__static-field-wrapper .element-container .error-message, .element-container #booking_tabs .tab-pane .form-group__static-field-wrapper .error-message {
  display: none; }

.dark-mode .template-variables .tv-title {
  border-color: #555555; }

.dark-mode .template-variables .tv-var-description {
  color: #bfbfbf; }

.template-variables .insert-code {
  margin: 5px 0; }

.template-variables .tv-vars-container {
  margin-bottom: 5px; }
  .template-variables .tv-vars-container.container_0 .common-var_title {
    padding-top: 10px; }

.scroll-to-template-variables,
.scroll-back-to-template {
  text-align: right;
  display: none; }
  @media (max-width: 575px) {
    .scroll-to-template-variables,
    .scroll-back-to-template {
      display: block; } }

.dark-mode .note-editor.note-frame {
  border-color: #555555 !important; }

.dark-mode .note-editor .note-toolbar-wrapper .note-toolbar {
  position: relative !important;
  background-color: #282828;
  border-bottom: 1px solid #555555; }

.dark-mode .note-editor .note-toolbar-wrapper .note-color .dropdown-toggle:before {
  border-right: 1px solid #bcbcbc;
  border-bottom: 1px solid #bcbcbc; }

.dark-mode .note-editor.note-frame .note-statusbar {
  background-color: #282828;
  border-color: #555555; }

.note-editor.note-frame {
  border-color: #D5E0F0 !important;
  box-shadow: none; }

.note-editor .note-toolbar-wrapper {
  height: inherit !important; }
  .note-editor .note-toolbar-wrapper .note-toolbar {
    position: relative !important;
    background-color: #f8faff;
    padding: 4px 8px 4px 8px;
    border-bottom: 1px solid #D5E0F0; }
  .note-editor .note-toolbar-wrapper .note-editing-area {
    padding: 10px; }
  .note-editor .note-toolbar-wrapper .note-color .dropdown-toggle {
    position: relative; }
    .note-editor .note-toolbar-wrapper .note-color .dropdown-toggle:before {
      display: block;
      content: "";
      width: 7px;
      height: 7px;
      border-right: 1px solid #2c3547;
      border-bottom: 1px solid #2c3547;
      position: absolute;
      top: 7px;
      left: 5px;
      transform: rotate(45deg); }
  @media (max-width: 767px) {
    .note-editor .note-toolbar-wrapper .note-color .dropdown-menu {
      min-width: 297px; }
      .note-editor .note-toolbar-wrapper .note-color .dropdown-menu .note-palette {
        width: 140px; } }

.note-editor .custom-checkbox {
  padding-left: 0; }
  .note-editor .custom-checkbox .custom-control-input {
    z-index: 1;
    opacity: 1;
    position: static; }

.note-editor.note-frame .note-editing-area .note-editable ul {
  padding-left: 40px; }

.note-editor.note-frame .note-editing-area .note-editable ul li {
  list-style: disc; }

.note-editor.note-frame .note-editing-area .note-editable ol li {
  list-style: decimal; }

.select-list td {
  vertical-align: middle; }

.select-list .image {
  width: 1px; }
  .select-list .image .image-cont {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #cccccc;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/v2/images/admin/user-default.png);
    -webkit-background-size: 42px;
    background-size: 42px; }

.select-list .selected-services {
  margin-top: 15px; }
  .select-list .selected-services .duration {
    text-align: right; }
    .select-list .selected-services .duration span {
      margin-left: 3px; }

.price_row {
  display: flex;
  align-items: center;
  margin-bottom: 20px; }
  .price_row .recurring-container {
    display: flex;
    align-items: center; }
    .price_row .recurring-container .recurring-label {
      margin-left: 5px;
      margin-bottom: 0; }
  .price_row input[type="radio"],
  .price_row input[type="checkbox"] {
    flex: 20px 0 0; }

.ga-block-switch {
  display: block;
  position: absolute;
  right: 20px;
  top: 9px; }
  .ga-block-switch .control-label {
    display: inline-block;
    position: relative;
    right: 20px;
    font-weight: 300;
    font-size: 13px; }
  .ga-block-switch .material-switch {
    display: inline-block; }

.ga-block-title {
  position: relative;
  left: -15px; }

.text-block-title {
  color: #000000; }

@media (max-width: 767px) {
  #google-authenticator-form .to-col-on-mob {
    display: block;
    flex-direction: column !important; }
  #google-authenticator-form .col-sm-12.col-md-8,
  #google-authenticator-form .col-sm-12.col-md-4 {
    width: 100% !important;
    flex: unset !important;
    max-width: 100% !important; } }

#google-authenticator-form .header-info {
  margin: 0px 0px 10px 0px; }

#google-authenticator-form .bottom-info {
  margin: 10px 0px 15px 0px; }

#google-authenticator-form .qrcode {
  padding: 8px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  max-width: 150px;
  margin-bottom: 15px; }
  #google-authenticator-form .qrcode canvas {
    width: 100% !important;
    height: auto;
    min-height: 134px; }
  @media (max-width: 767px) {
    #google-authenticator-form .qrcode {
      margin: 0 auto 15px; } }

#google-authenticator-form .secret-key {
  color: green; }

#google-authenticator-form .ga-warning {
  margin: 15px 0px 0px 0px;
  display: block;
  color: #ff6666; }

#google-authenticator-form .form-group--security-code {
  align-items: center; }

.dark-mode .google-authenticator-block .shop-link.app-store:before {
  filter: grayscale(0.7) invert(88%); }

.dark-mode .google-authenticator-block .shop-link.app-store:hover:before {
  filter: none; }

#account_info .google-authenticator-block .shop-link {
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  margin: 0;
  position: relative;
  min-height: 30px;
  height: 30px;
  text-align: left;
  width: 142px;
  padding: 0 12px; }
  #account_info .google-authenticator-block .shop-link.google-play:before {
    display: block;
    content: "";
    min-width: 27px;
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 21px;
    background-size: 21px;
    background-image: url(/v2/images/admin/google-play.svg); }
  #account_info .google-authenticator-block .shop-link.app-store:before {
    display: block;
    content: "";
    min-width: 27px;
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 21px;
    background-size: 21px;
    background-image: url(/v2/images/admin/app-store.svg);
    fill: #06ADEF; }

#account_info .google-authenticator-block .qrcode {
  background-repeat: no-repeat;
  width: 120px;
  height: 120px;
  border-radius: 4px;
  display: none;
  -webkit-animation: fadeOut 1s;
  animation: fadeOut 1s;
  position: absolute;
  top: -125px;
  left: 10px;
  background-color: #ffffff;
  background-size: 75% 75%;
  background-position: center center;
  margin: 0px auto;
  border: 1px solid #b0b0ad; }
  #account_info .google-authenticator-block .qrcode.google-play {
    background-image: url("/v2/images/simplybook/googleplay_qr.png"); }
  #account_info .google-authenticator-block .qrcode.app-store {
    left: auto;
    right: 10px;
    background-image: url("/v2/images/simplybook/appstore_qr.png"); }
  #account_info .google-authenticator-block .qrcode.active {
    display: block;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s; }
    @media (max-width: 1024px) {
      #account_info .google-authenticator-block .qrcode.active {
        display: none; } }

.note-info__item {
  display: flex;
  align-items: center;
  margin-bottom: 15px; }
  .note-info__item--content {
    margin-top: 10px; }
    .note-info__item--content span {
      font-style: italic; }
  .note-info__item .fa {
    margin-right: 10px; }

.payment-method__main-title {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 18px; }

.payment-method__wrapper {
  margin-bottom: 20px; }

.payment-method__wrapper-saved {
  margin-bottom: 0; }
  .payment-method__wrapper-saved-history {
    padding-top: 30px;
    margin-bottom: 35px; }

.payment-method__row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: -6px;
  margin-right: -6px; }
  @media (min-width: 575px) {
    .payment-method__row {
      margin-left: -12px;
      margin-right: -12px; } }
  .payment-method__row-item {
    display: block;
    margin-left: 6px;
    margin-right: 6px; }
    @media (min-width: 575px) {
      .payment-method__row-item {
        margin-left: 12px;
        margin-right: 12px; } }

.payment-method__item {
  display: block;
  width: 100%;
  max-width: 420px;
  margin: 0 0 10px 0; }
  .payment-method__item-on {
    max-width: 500px; }
    .payment-method__item-on:last-child {
      margin-bottom: 10px; }
    .payment-method__item-on .payment-method__item-content {
      padding-left: 15px;
      padding-right: 15px; }
    .payment-method__item-on .payment-method__item-content picture {
      min-width: 70px; }
    .payment-method__item-on .payment-method__btn-bar {
      margin-left: auto;
      padding-left: 6px; }

.payment-method__item-content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 58px;
  border-radius: 4px;
  border: 1px solid #E7ECF7;
  padding: 4px 18px;
  margin: 0; }
  @media (min-width: 575px) {
    .payment-method__item-content {
      padding: 4px 25px; } }
  .payment-method__item-content picture {
    min-width: 86px; }

.payment-method__card-num {
  color: #788291;
  letter-spacing: 1px;
  white-space: nowrap; }

.payment-method__image {
  max-height: 42px; }

.payment-method__label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  padding: 0;
  margin: 0;
  display: block; }

.payment-method__hint-info {
  font-size: 14px;
  line-height: 1.2;
  color: #788291;
  font-weight: normal;
  padding: 4px 0; }
  .payment-method__hint-info b {
    font-weight: normal; }

.payment-method__copy-link {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 10px;
  height: 40px; }
  .payment-method__copy-link .form-control, .payment-method__copy-link .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container .payment-method__copy-link textarea, .payment-method__copy-link .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .payment-method__copy-link select, .payment-method__copy-link .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors .payment-method__copy-link input, .payment-method__copy-link .design-settings-page div.input, .design-settings-page .payment-method__copy-link div.input {
    flex: 1; }

.payment-method__copy-link-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 4px 16px;
  border-radius: 4px;
  border: 1px solid #E7ECF7;
  font-weight: 500; }
  .payment-method__copy-link-btn:hover {
    color: #0B3052;
    background: #F1F6FF; }

.dark-mode .sbpay-integration--section {
  background: #282828; }

.dark-mode .sbpay-integration--enabled-pp_item img {
  filter: grayscale(0.7) invert(88%); }

.dark-mode .sbpay-integration--actions .sbpay-integration--row {
  border-color: #555555; }

.dark-mode .sbpay-integration--section .sbpay-integration--enabled-pp_item {
  border-color: #555555; }

.sbpay-integration--section {
  background: #FFFFFF;
  box-shadow: 2px 2px 15px rgba(45, 51, 72, 0.1);
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 20px; }

.sbpay-integration--picture-wrapper {
  display: block;
  text-align: center; }
  .sbpay-integration--picture-wrapper img {
    max-height: 180px; }

.sbpay-integration--actions .sbpay-integration--picture-wrapper {
  margin-bottom: 20px; }

.sbpay-integration--actions .inner-header {
  display: block;
  text-align: center;
  margin-bottom: 22px; }
  .sbpay-integration--actions .inner-header span {
    display: block; }

.sbpay-integration--actions-btn-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px; }
  @media (max-width: 1024px) {
    .sbpay-integration--actions-btn-bar {
      justify-content: center; } }

.sbpay-integration--actions-btn-bar_title {
  width: 100%; }
  @media (min-width: 1024px) {
    .sbpay-integration--actions-btn-bar_title {
      width: auto; } }

.sbpay-integration--actions .sbpay-integration--row {
  padding: 12px 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 18px; }
  .sbpay-integration--actions .sbpay-integration--row .sbpay-integration--picture-wrapper {
    margin: 0;
    width: auto;
    min-width: unset; }
    .sbpay-integration--actions .sbpay-integration--row .sbpay-integration--picture-wrapper img {
      height: 28px; }
  .sbpay-integration--actions .sbpay-integration--row .sbpay-integration--actions-btn-bar {
    margin: 0 0 0 auto; }
  .sbpay-integration--actions .sbpay-integration--row .inner-header {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0 12px;
    flex-wrap: wrap;
    flex: 1; }
    .sbpay-integration--actions .sbpay-integration--row .inner-header .badge-info--new {
      text-transform: inherit;
      font-style: italic;
      padding: 0;
      background: transparent;
      letter-spacing: 0;
      min-height: unset; }
  .sbpay-integration--actions .sbpay-integration--row .form-group, .sbpay-integration--actions .sbpay-integration--row .element-container {
    margin: 0;
    padding: 0; }

.sbpay-integration--try-panel {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px; }
  .sbpay-integration--try-panel .btn-outline-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px; }
    .sbpay-integration--try-panel .btn-outline-primary .fa-angle-down {
      position: relative;
      transform: rotate(-180deg);
      transition: all 0.3s ease; }
    .sbpay-integration--try-panel .btn-outline-primary.collapsed .fa-angle-down {
      transform: rotate(0); }

.sbpay-integration--try .sbpay-integration--picture-wrapper {
  min-width: 30px; }
  .sbpay-integration--try .sbpay-integration--picture-wrapper .sbpay-integration--picture {
    height: 28px; }

.sbpay-integration--try .inner-header {
  margin: 0;
  flex: 1;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 12px;
  flex-wrap: wrap; }
  .sbpay-integration--try .inner-header .badge-info--new {
    text-transform: inherit;
    font-style: italic;
    padding: 0;
    background: transparent;
    letter-spacing: 0;
    min-height: unset; }

.sbpay-integration--info_grid {
  flex-direction: row !important; }
  .sbpay-integration--info_grid .grid-item--width-auto {
    width: auto !important; }
  @media only screen and (min-width: 1201px) and (max-width: 1450px) {
    .sbpay-integration--info_grid {
      flex-direction: column !important;
      justify-content: center; }
      .sbpay-integration--info_grid .grid-item {
        min-width: unset !important; } }
  @media (max-width: 720px) {
    .sbpay-integration--info_grid {
      flex-direction: column !important;
      justify-content: center; }
      .sbpay-integration--info_grid .grid-item {
        min-width: unset !important; } }

.sbpay-integration--info .btn-bar {
  padding-top: 12px;
  text-align: right; }

.sbpay-integration--info-list {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -10px; }

.sbpay-integration--info-item {
  position: relative;
  width: 100%;
  padding: 0 10px 0 26px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px; }
  .sbpay-integration--info-item:before {
    content: '';
    display: inline-block;
    height: 6px;
    width: 6px;
    min-width: 6px;
    border-radius: 6px;
    background: #06ADEF;
    position: absolute;
    top: 8px;
    left: 12px; }
  .sbpay-integration--info-item .icon {
    min-width: 24px;
    text-align: center; }

.sbpay-integration--enabled-pp_list {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px; }
  .sbpay-integration--enabled-pp_list .item--delay {
    order: 100; }
    .sbpay-integration--enabled-pp_list .item--delay img {
      max-height: 40px; }

.sbpay-integration--enabled-pp_item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 16px;
  min-height: 100px; }
  .sbpay-integration--enabled-pp_item:last-child {
    margin-bottom: 0; }
  .sbpay-integration--enabled-pp_item picture {
    display: block;
    max-width: 108px;
    text-align: center;
    line-height: 0.4; }
  .sbpay-integration--enabled-pp_item .txt {
    width: 100%;
    font-size: 14px;
    text-transform: capitalize;
    line-height: 1; }
  .sbpay-integration--enabled-pp_item img {
    max-height: 30px;
    width: auto;
    font-size: 12px;
    line-height: 0.6; }
  .sbpay-integration--enabled-pp_item.item--rapyd img {
    max-height: 20px; }
  .sbpay-integration--enabled-pp_item.item--paymentasia img {
    max-height: 54px; }

.sbpay-integration--management-page .sbpay-integration--actions {
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto; }

.sbpay-integration--management-wrapper {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center; }
  @media (max-width: 900px) {
    .sbpay-integration--management-wrapper {
      flex-direction: column;
      display: block; } }

.sbpay-integration--management {
  max-width: 500px; }
  @media (max-width: 900px) {
    .sbpay-integration--management {
      margin-left: auto;
      margin-right: auto; } }
  @media (min-width: 767px) {
    .sbpay-integration--management {
      min-width: 440px; } }
  .sbpay-integration--management .form-control.sb-description, .sbpay-integration--management .contact-widget-message-form .data-block .element-container textarea.sb-description, .contact-widget-message-form .data-block .element-container .sbpay-integration--management textarea.sb-description, .sbpay-integration--management .templates-page .notifications-settings .field select.sb-description, .templates-page .notifications-settings .field .sbpay-integration--management select.sb-description, .sbpay-integration--management .design-settings-page .theme-additional-colors input.sb-description, .design-settings-page .theme-additional-colors .sbpay-integration--management input.sb-description, .sbpay-integration--management .design-settings-page div.sb-description.input, .design-settings-page .sbpay-integration--management div.sb-description.input {
    min-height: 120px; }

.sbpay-integration--management-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center; }
  .sbpay-integration--management-banner-block .inner-descr {
    max-width: 400px;
    margin: 0 auto; }
  .sbpay-integration--management-banner .sbpay-integration--picture-wrapper {
    margin-bottom: 20px; }
    .sbpay-integration--management-banner .sbpay-integration--picture-wrapper .sbpay-integration--picture {
      max-height: 200px; }

.sbpay-integration--compare-block {
  text-align: left;
  padding: 50px 0 0 0;
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 25px; }
  @media (max-width: 1439px) {
    .sbpay-integration--compare-block {
      flex-direction: column; } }
  @media (max-width: 900px) {
    .sbpay-integration--compare-block {
      flex-direction: row; } }
  @media (max-width: 767px) {
    .sbpay-integration--compare-block {
      flex-direction: column; } }

.sbpay-integration--compare-list {
  display: block;
  padding: 0;
  margin: 0; }
  .sbpay-integration--compare-list .sbpay-integration--compare-item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px;
    margin-bottom: 12px;
    font-size: 14px; }
    .sbpay-integration--compare-list .sbpay-integration--compare-item:before {
      display: block;
      width: 24px;
      text-align: center;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      font-family: "Font Awesome 5 Pro";
      font-weight: 400;
      content: "\f00c";
      font-size: 16px;
      color: #06adef; }
    .sbpay-integration--compare-list .sbpay-integration--compare-item__header {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      margin-bottom: 16px; }
      .sbpay-integration--compare-list .sbpay-integration--compare-item__header svg {
        height: 40px; }

.sbpay-integration--actions__in-setting {
  background: #F1F6FF;
  border-radius: 6px;
  padding: 14px 16px;
  margin-bottom: 20px; }
  .sbpay-integration--actions__in-setting .sbpay-integration--actions-btn-bar,
  .sbpay-integration--actions__in-setting .sbpay-integration--row {
    padding: 0;
    margin: 0;
    border: none; }
  .sbpay-integration--actions__in-setting .sbpay-integration--actions-btn-bar {
    padding: 0 !important; }

.sbpay-integration--section .sbpay-integration--enabled-pp_list {
  align-items: stretch; }

.sbpay-integration--section .sbpay-integration--enabled-pp_item {
  flex-direction: column;
  align-items: center;
  border: 1px solid #D5E0F0;
  border-radius: 5px;
  text-align: center;
  min-height: 100px;
  padding: 8px 12px; }

.sbpay-integration--picture-wrapper {
  position: relative;
  width: 200px;
  min-width: 200px; }
  .sbpay-integration--picture-wrapper img {
    height: auto;
    width: 100%; }
  .sbpay-integration--picture-wrapper .sbpay-integration--picture-txt {
    position: absolute;
    right: 17px;
    bottom: 13px;
    width: 100px;
    height: 110px;
    line-height: 1.1;
    font-weight: normal;
    font-size: 12px;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    overflow: hidden; }
    .sbpay-integration--picture-wrapper .sbpay-integration--picture-txt > div {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: initial;
      display: -webkit-box;
      -webkit-line-clamp: 8;
      -webkit-box-orient: vertical; }

.modal--sbpay-pro-feature-switch .modal-body .title {
  font-size: 18px; }

.modal--sbpay-pro-feature-switch .modal-body .title,
.modal--sbpay-pro-feature-switch .modal-body .p--subtitle {
  margin-bottom: 5px;
  font-weight: bold; }

.modal--sbpay-pro-feature-switch .modal-body .you-can {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 12px;
  gap: 20px; }
  @media (max-width: 480px) {
    .modal--sbpay-pro-feature-switch .modal-body .you-can {
      flex-direction: column; } }
  .modal--sbpay-pro-feature-switch .modal-body .you-can--list {
    flex: 1;
    width: 100%; }
  .modal--sbpay-pro-feature-switch .modal-body .you-can--item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    margin-bottom: 8px; }
    .modal--sbpay-pro-feature-switch .modal-body .you-can--item:before {
      display: block;
      content: '';
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #06adef; }

.modal--sbpay-refund--disabled .btn.btn-link.btn-primary.sb-enable-sbpay, .modal--sbpay-refund--disabled .btn-group .btn.btn-link.sb-enable-sbpay.active:not(:disabled):not(.disabled):not([disabled]), .btn-group .modal--sbpay-refund--disabled .btn.btn-link.sb-enable-sbpay.active:not(:disabled):not(.disabled):not([disabled]) {
  color: #fff;
  background: #06adef; }

.template-tags-wrapper {
  margin-bottom: 35px; }

.template-tags {
  display: flex;
  margin: 0 -5px; }

.btn.template-tags__btn {
  margin: 0 5px;
  margin-bottom: 5px;
  margin-right: 2px;
  font-size: 13px;
  min-height: 24px;
  padding: 2px 10px;
  display: inline-block;
  line-height: 1.2; }
  .btn.template-tags__btn.active {
    background: #06ADEF;
    color: #ffffff; }

.dark-mode .search-page {
  background-color: #1a1a1a; }
  .dark-mode .search-page .global-search__label {
    color: #bcbcbc; }
  .dark-mode .search-page .global-search__useful-links-list {
    background: rgba(40, 40, 40, 0.6);
    color: #bcbcbc; }
  .dark-mode .search-page .global-search__useful-links-title,
  .dark-mode .search-page .search-result-block-title,
  .dark-mode .search-page .generated-answer-title,
  .dark-mode .search-page .search-live-support-text {
    color: #f9f9f9; }
    .dark-mode .search-page .global-search__useful-links-title .assistant-link,
    .dark-mode .search-page .search-result-block-title .assistant-link,
    .dark-mode .search-page .generated-answer-title .assistant-link,
    .dark-mode .search-page .search-live-support-text .assistant-link {
      color: #bcbcbc; }
      .dark-mode .search-page .global-search__useful-links-title .assistant-link:hover, .dark-mode .search-page .global-search__useful-links-title .assistant-link:focus, .dark-mode .search-page .global-search__useful-links-title .assistant-link:active,
      .dark-mode .search-page .search-result-block-title .assistant-link:hover,
      .dark-mode .search-page .search-result-block-title .assistant-link:focus,
      .dark-mode .search-page .search-result-block-title .assistant-link:active,
      .dark-mode .search-page .generated-answer-title .assistant-link:hover,
      .dark-mode .search-page .generated-answer-title .assistant-link:focus,
      .dark-mode .search-page .generated-answer-title .assistant-link:active,
      .dark-mode .search-page .search-live-support-text .assistant-link:hover,
      .dark-mode .search-page .search-live-support-text .assistant-link:focus,
      .dark-mode .search-page .search-live-support-text .assistant-link:active {
        background: #282828;
        color: #bcbcbc; }
  .dark-mode .search-page .search-page-header_btn {
    background: rgba(26, 26, 26, 0.1);
    color: #bcbcbc; }
    .dark-mode .search-page .search-page-header_btn:hover {
      color: #f9f9f9;
      background: rgba(40, 40, 40, 0.15); }
  .dark-mode .search-page .search-page-header .close-search:hover, .dark-mode .search-page .search-page-header .close-search:focus, .dark-mode .search-page .search-page-header .close-search:active {
    color: #ff3259;
    background: rgba(40, 40, 40, 0.15); }
  .dark-mode .search-page .search-page-content .global-search-header--block .global-search-header--input {
    color: #f9f9f9;
    border-color: #555555; }
  .dark-mode .search-page .search-page-content .global-search-header--block .global-search-header--input::placeholder {
    color: #bfbfbf; }
  .dark-mode .search-page .search-page-content .global-search-header--block .global-search--clear {
    background: #404040; }
    .dark-mode .search-page .search-page-content .global-search-header--block .global-search--clear:hover, .dark-mode .search-page .search-page-content .global-search-header--block .global-search--clear:focus, .dark-mode .search-page .search-page-content .global-search-header--block .global-search--clear:active {
      background: #404040; }
  .dark-mode .search-page .search-page-content .search-suggestions--block .search-suggestion-item {
    background-color: #242424;
    color: #bcbcbc; }
    .dark-mode .search-page .search-page-content .search-suggestions--block .search-suggestion-item:hover {
      background-color: #282828; }
  @media (min-width: 767px) {
    .dark-mode .search-page .search-page-content .search-result-blocks {
      border-color: #555555; } }
  .dark-mode .search-page .search-page-content .search-result-blocks__item.useful-links .btn-bar .btn--link {
    color: #1d9ed1; }
    .dark-mode .search-page .search-page-content .search-result-blocks__item.useful-links .btn-bar .btn--link .count {
      color: #bcbcbc; }
  .dark-mode .search-page .search-page-content .search-result-blocks .search-result-block .page-items {
    border-color: #555555; }
  .dark-mode .search-page .search-page-content .search-result-blocks .search-result-block .page-item-link {
    color: #f9f9f9; }
    .dark-mode .search-page .search-page-content .search-result-blocks .search-result-block .page-item-link .icon {
      color: #ABBCCC; }
    .dark-mode .search-page .search-page-content .search-result-blocks .search-result-block .page-item-link:hover, .dark-mode .search-page .search-page-content .search-result-blocks .search-result-block .page-item-link:focus, .dark-mode .search-page .search-page-content .search-result-blocks .search-result-block .page-item-link:active {
      color: #06adef; }
  .dark-mode .search-page .search-page-content .search-generated-response--block .generated-answer {
    color: #bcbcbc; }
  .dark-mode .search-page .search-page-content .search-generated-response--block .generated-answer-note {
    color: #bcbcbc; }
    .dark-mode .search-page .search-page-content .search-generated-response--block .generated-answer-note:before {
      background-color: #06adef; }
  .dark-mode .search-page .search-page-content .search-generated-response--block a.assistant-link {
    color: #06adef; }
    .dark-mode .search-page .search-page-content .search-generated-response--block a.assistant-link:hover {
      color: #0477a4; }
  .dark-mode .search-page .search-page-content .search-live-support--block .search-live-support-button {
    background: #1a1a1a;
    color: #f9f9f9;
    border-color: #555555; }
    .dark-mode .search-page .search-page-content .search-live-support--block .search-live-support-button:hover, .dark-mode .search-page .search-page-content .search-live-support--block .search-live-support-button:focus, .dark-mode .search-page .search-page-content .search-live-support--block .search-live-support-button:active {
      color: #bcbcbc;
      border-color: #777777;
      background: #282828; }
    .dark-mode .search-page .search-page-content .search-live-support--block .search-live-support-button:after {
      background-color: #1d9ed1;
      color: #ffffff; }
  @media (min-width: 1200px) {
    .dark-mode .search-page.page-collapsed {
      box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.9); }
      .dark-mode .search-page.page-collapsed .search-page-header {
        background: #242424; }
        .dark-mode .search-page.page-collapsed .search-page-header_btn {
          color: #f9f9f9; }
          .dark-mode .search-page.page-collapsed .search-page-header_btn:hover {
            background: rgba(26, 26, 26, 0.15);
            color: #f9f9f9; }
        .dark-mode .search-page.page-collapsed .search-page-header .close-search:hover, .dark-mode .search-page.page-collapsed .search-page-header .close-search:focus, .dark-mode .search-page.page-collapsed .search-page-header .close-search:active {
          color: #ff3259; } }

.dark-mode .loader--block-progress-bar-wrapper {
  background: #242424; }

body.without-scrollbars {
  overflow: hidden !important; }
  body.without-scrollbars .header.sb-page-header {
    z-index: 1008; }

.search-page__is-visible {
  z-index: 1008; }

.search-page {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0 20px;
  z-index: 2008;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  opacity: 1;
  transition: all 0.2s ease-out, opacity 100ms ease 0s, visibility 100ms ease 0s;
  overflow: auto; }
  @media (max-width: 1200px) {
    .search-page {
      left: 0 !important;
      right: 0 !important;
      top: 0 !important;
      bottom: 0 !important; } }
  .search-page.page-hidden {
    opacity: 0;
    visibility: hidden; }
  .search-page .global-search__label {
    color: #0B3052;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    padding: 0 0 0 18px; }
  .search-page .global-search__useful-links-list {
    border-radius: 5px;
    background: rgba(241, 246, 255, 0.6);
    color: #0B3052;
    padding: 20px;
    line-height: 1; }
    .search-page .global-search__useful-links-list .search-result-block-title {
      font-size: 14px;
      font-weight: 300; }
  .search-page .global-search__useful-links-title,
  .search-page .search-result-block-title,
  .search-page .generated-answer-title,
  .search-page .search-live-support-text {
    font-family: "Noto Sans", sans-serif;
    color: #0B3052;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px 10px; }
    .search-page .global-search__useful-links-title.hide,
    .search-page .search-result-block-title.hide,
    .search-page .generated-answer-title.hide,
    .search-page .search-live-support-text.hide {
      display: none; }
    .search-page .global-search__useful-links-title .assistant-link,
    .search-page .search-result-block-title .assistant-link,
    .search-page .generated-answer-title .assistant-link,
    .search-page .search-live-support-text .assistant-link {
      position: relative;
      top: -0.15em;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 30px;
      min-width: 30px;
      color: #788291;
      border-radius: 50%; }
      .search-page .global-search__useful-links-title .assistant-link:hover, .search-page .global-search__useful-links-title .assistant-link:focus, .search-page .global-search__useful-links-title .assistant-link:active,
      .search-page .search-result-block-title .assistant-link:hover,
      .search-page .search-result-block-title .assistant-link:focus,
      .search-page .search-result-block-title .assistant-link:active,
      .search-page .generated-answer-title .assistant-link:hover,
      .search-page .generated-answer-title .assistant-link:focus,
      .search-page .generated-answer-title .assistant-link:active,
      .search-page .search-live-support-text .assistant-link:hover,
      .search-page .search-live-support-text .assistant-link:focus,
      .search-page .search-live-support-text .assistant-link:active {
        background: #F1F6FF;
        color: #0B3052; }
  .search-page .search-page-header {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    margin: 0;
    padding: 6px 0;
    transition: all 0.1s ease-out; }
    .search-page .search-page-header_btn-bar {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 8px; }
    .search-page .search-page-header_btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 4px;
      cursor: pointer;
      height: 36px;
      width: 36px;
      border-radius: 36px;
      border: none;
      background: rgba(255, 255, 255, 0.1);
      color: #788291;
      font-size: 18px;
      font-weight: 300;
      line-height: 1;
      transition: all .25s ease; }
      .search-page .search-page-header_btn:hover, .search-page .search-page-header_btn:focus, .search-page .search-page-header_btn:active {
        outline: none; }
      .search-page .search-page-header_btn:hover {
        color: #0B3052;
        background: rgba(241, 246, 255, 0.15);
        outline: none; }
    .search-page .search-page-header .collapse-search {
      display: none; }
      @media (min-width: 1200px) {
        .search-page .search-page-header .collapse-search {
          display: inline-flex; } }
      .search-page .search-page-header .collapse-search .icon:before {
        content: '\f2d1'; }
    .search-page .search-page-header .close-search:hover, .search-page .search-page-header .close-search:focus, .search-page .search-page-header .close-search:active {
      color: #ff3259;
      background: rgba(241, 246, 255, 0.15); }
  .search-page .search-page-content {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 100%;
    max-width: 980px;
    padding: 20px 0; }
    .search-page .search-page-content__header {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 20px; }
    .search-page .search-page-content .global-search-header--block {
      width: 100%;
      position: relative; }
      .search-page .search-page-content .global-search-header--block .global-search-header--input {
        width: 100%;
        height: 46px;
        color: #0B3052;
        font-weight: 500;
        font-size: 20px;
        border: none;
        border-bottom: 1px solid #ddd;
        padding: 0 50px 0 18px;
        outline: none;
        line-height: 22px; }
      .search-page .search-page-content .global-search-header--block .global-search-header--input::placeholder {
        font-weight: 400;
        font-size: 20px;
        color: #788291; }
      .search-page .search-page-content .global-search-header--block .global-search--clear {
        display: none;
        position: absolute;
        right: 10px;
        top: 70%;
        transform: translateY(-50%);
        width: fit-content;
        min-height: 0;
        height: fit-content;
        cursor: pointer;
        border-radius: 5px;
        border: none;
        background: #ffffff;
        color: #ff3259;
        font-weight: 300;
        line-height: 1;
        transition: all .25s ease; }
        .search-page .search-page-content .global-search-header--block .global-search--clear:hover, .search-page .search-page-content .global-search-header--block .global-search--clear:focus, .search-page .search-page-content .global-search-header--block .global-search--clear:active {
          color: #ff3259;
          background: #ffffff; }
        .search-page .search-page-content .global-search-header--block .global-search--clear i {
          font-size: 20px; }
        .search-page .search-page-content .global-search-header--block .global-search--clear.show {
          display: block; }
    .search-page .search-page-content .search-suggestions--block {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 8px;
      width: 100%; }
      @media (min-width: 767px) {
        .search-page .search-page-content .search-suggestions--block {
          padding: 0 18px; } }
      .search-page .search-page-content .search-suggestions--block_wrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 6px; }
        @media (max-width: 768px) {
          .search-page .search-page-content .search-suggestions--block_wrapper {
            display: none; } }
        .search-page .search-page-content .search-suggestions--block_wrapper .global-search__label {
          order: -1; }
      .search-page .search-page-content .search-suggestions--block .search-suggestion-item {
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        min-height: 28px;
        width: fit-content;
        padding: 4px 12px;
        margin: 0;
        background-color: #f5f5f5;
        color: #788291;
        font-size: 12px;
        border-radius: 5px;
        cursor: pointer;
        transition: all .25s ease; }
        .search-page .search-page-content .search-suggestions--block .search-suggestion-item:hover {
          background-color: #e0e0e0; }
    .search-page .search-page-content .search-suggestions--block:empty + .global-search__label {
      display: none; }
    .search-page .search-page-content .search-result-blocks {
      display: flex;
      flex-direction: column-reverse;
      align-items: flex-start;
      justify-content: flex-start;
      flex-wrap: wrap;
      gap: 20px;
      margin-top: 10px;
      padding-top: 12px;
      width: 100%; }
      .search-page .search-page-content .search-result-blocks.no-border-top {
        border-top: none; }
      @media (min-width: 767px) {
        .search-page .search-page-content .search-result-blocks {
          flex-direction: row;
          margin-top: 25px;
          padding-top: 25px;
          border-top: 1px solid #ddd; } }
      .search-page .search-page-content .search-result-blocks__item {
        width: 100%;
        flex: unset; }
        @media (min-width: 767px) {
          .search-page .search-page-content .search-result-blocks__item {
            flex: 1; } }
        .search-page .search-page-content .search-result-blocks__item.useful-links {
          position: relative;
          margin: 0 -20px;
          order: -1;
          width: calc(100% + 40px); }
          .search-page .search-page-content .search-result-blocks__item.useful-links.--has-btn-bar .global-search__useful-links-list {
            padding-bottom: 60px; }
          @media (min-width: 767px) {
            .search-page .search-page-content .search-result-blocks__item.useful-links {
              width: 100%;
              order: unset;
              margin: 0;
              max-width: 320px;
              min-width: 320px; } }
          .search-page .search-page-content .search-result-blocks__item.useful-links .global-search__useful-links-title {
            margin-bottom: 16px; }
          .search-page .search-page-content .search-result-blocks__item.useful-links .btn-bar {
            position: absolute;
            bottom: 20px;
            left: 20px; }
            .search-page .search-page-content .search-result-blocks__item.useful-links .btn-bar .btn--link {
              display: inline-flex;
              align-items: center;
              justify-content: center;
              background: transparent;
              border: none;
              height: auto;
              color: #06adef;
              outline: none;
              cursor: pointer; }
              .search-page .search-page-content .search-result-blocks__item.useful-links .btn-bar .btn--link .show-all {
                display: block; }
              .search-page .search-page-content .search-result-blocks__item.useful-links .btn-bar .btn--link .show-less {
                display: none; }
              .search-page .search-page-content .search-result-blocks__item.useful-links .btn-bar .btn--link .count {
                font-size: 16px;
                color: #788291;
                display: inline-block;
                margin-left: 6px; }
              .search-page .search-page-content .search-result-blocks__item.useful-links .btn-bar .btn--link.open .show-all {
                display: none; }
              .search-page .search-page-content .search-result-blocks__item.useful-links .btn-bar .btn--link.open .show-less {
                display: block; }
      .search-page .search-page-content .search-result-blocks .search-result-block {
        flex: 1;
        display: flex;
        flex-direction: column; }
        .search-page .search-page-content .search-result-blocks .search-result-block .page-items {
          display: flex;
          flex-direction: column;
          gap: 4px;
          width: 100%;
          margin-bottom: 14px;
          padding-bottom: 14px;
          border-bottom: 1px solid #ddd; }
        .search-page .search-page-content .search-result-blocks .search-result-block .page-item-link {
          display: block;
          width: 100%;
          cursor: pointer;
          color: #0B3052;
          font-size: 14px;
          line-height: 1.2;
          overflow: hidden;
          transition: all .25s ease; }
          .search-page .search-page-content .search-result-blocks .search-result-block .page-item-link .icon {
            font-size: 16px;
            color: #ABBCCC;
            display: inline-block;
            width: 25px;
            min-width: 25px;
            text-align: center; }
          .search-page .search-page-content .search-result-blocks .search-result-block .page-item-link .page-item-main-content {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            text-align: left;
            gap: 8px;
            padding: 4px 0;
            overflow: hidden; }
          .search-page .search-page-content .search-result-blocks .search-result-block .page-item-link .page-item-url {
            display: none; }
          .search-page .search-page-content .search-result-blocks .search-result-block .page-item-link:hover, .search-page .search-page-content .search-result-blocks .search-result-block .page-item-link:focus, .search-page .search-page-content .search-result-blocks .search-result-block .page-item-link:active {
            color: #06adef;
            text-decoration: none; }
          .search-page .search-page-content .search-result-blocks .search-result-block .page-item-link.hidden-item {
            display: none; }
        .search-page .search-page-content .search-result-blocks .search-result-block:last-child .page-items:last-child {
          margin-bottom: 0;
          padding-bottom: 0;
          border-bottom: none; }
    .search-page .search-page-content .search-generated-response--block {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 5px;
      padding: 0; }
      @media (min-width: 767px) {
        .search-page .search-page-content .search-generated-response--block {
          padding: 0 18px; } }
      .search-page .search-page-content .search-generated-response--block .generated-answer {
        font-size: 16px;
        line-height: 1.6;
        color: #101928;
        text-align: left; }
      .search-page .search-page-content .search-generated-response--block .generated-answer-note {
        display: inline-flex;
        gap: 8px;
        margin-top: 16px;
        font-size: 12px;
        font-style: italic;
        line-height: 1.6;
        text-align: left;
        color: #788291; }
        .search-page .search-page-content .search-generated-response--block .generated-answer-note:before {
          content: '';
          width: 2px;
          flex-shrink: 0;
          border-radius: 50px;
          background-color: #06adef; }
      .search-page .search-page-content .search-generated-response--block a.assistant-link {
        position: relative;
        font-size: 16px;
        color: #06adef; }
        .search-page .search-page-content .search-generated-response--block a.assistant-link:hover {
          color: #0477a4;
          text-decoration: underline; }
    .search-page .search-page-content .search-live-support--block {
      width: 100%;
      display: flex;
      flex-direction: column;
      margin-top: 36px;
      align-items: center;
      justify-content: center;
      text-align: center; }
      .search-page .search-page-content .search-live-support--block.hide {
        display: none; }
      .search-page .search-page-content .search-live-support--block .search-live-support-button {
        touch-action: manipulation;
        outline: 0;
        text-decoration: none;
        -webkit-tap-highlight-color: transparent;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 4px 28px;
        min-height: 50px;
        cursor: pointer;
        background: #ffffff;
        color: #0B3052;
        border: 1px solid #ddd;
        border-radius: 10px;
        font-size: 16px;
        font-family: "Noto Sans", sans-serif;
        font-weight: 400;
        margin-bottom: 12px;
        transition: all .25s ease; }
        .search-page .search-page-content .search-live-support--block .search-live-support-button:hover, .search-page .search-page-content .search-live-support--block .search-live-support-button:focus, .search-page .search-page-content .search-live-support--block .search-live-support-button:active {
          outline: none;
          color: #0B3052;
          border-color: #ddd;
          background: #F1F6FF; }
        .search-page .search-page-content .search-live-support--block .search-live-support-button:after {
          content: "";
          display: inline-block;
          background-color: #06adef;
          padding: 11px;
          color: #ffffff;
          border-radius: 50%;
          margin-left: 15px;
          clear: both;
          font-family: Font Awesome\ 5 Pro;
          font-weight: 300;
          font-variant: normal;
          text-rendering: auto;
          line-height: 1;
          -moz-osx-font-smoothing: grayscale;
          -webkit-font-smoothing: antialiased;
          font-style: normal;
          -webkit-font-feature-settings: normal;
          font-feature-settings: normal; }
  @media (min-width: 1200px) {
    .search-page.page-collapsed {
      width: 96%;
      max-width: 390px;
      top: 70px;
      bottom: auto;
      left: auto;
      right: 12px;
      max-height: calc(98vh - 160px);
      min-height: 70vh;
      border-radius: 8px;
      padding: 0 10px 20px;
      box-shadow: 2px 2px 15px rgba(45, 51, 72, 0.2);
      gap: 10px;
      overflow: hidden; }
      .search-page.page-collapsed .search-page-header {
        width: calc(100% + 40px);
        height: 54px;
        padding: 6px 20px;
        align-items: center;
        margin: 0 -20px;
        background: #82ccf1;
        border-radius: 8px 8px 0 0;
        cursor: move; }
        .search-page.page-collapsed .search-page-header_btn {
          color: #fff;
          text-shadow: 0px 0px 6px rgba(11, 48, 82, 0.2); }
          .search-page.page-collapsed .search-page-header_btn:hover {
            background: rgba(241, 246, 255, 0.15);
            color: #0B3052; }
        .search-page.page-collapsed .search-page-header .close-search:hover, .search-page.page-collapsed .search-page-header .close-search:focus, .search-page.page-collapsed .search-page-header .close-search:active {
          color: #ff3259; }
        .search-page.page-collapsed .search-page-header .collapse-search .icon:before {
          content: '\f065'; }
      .search-page.page-collapsed .search-suggestions--block_wrapper {
        display: none; }
      .search-page.page-collapsed .search-result-blocks__item.useful-links {
        max-width: 100%;
        width: 100%; }
      .search-page.page-collapsed .search-result-blocks {
        border: none; }
      .search-page.page-collapsed .search-page-content {
        padding: 20px 0 0;
        flex: 1 1 auto;
        overflow: auto;
        scrollbar-width: thin;
        scrollbar-color: #788291 #ABBCCC; }
        .search-page.page-collapsed .search-page-content::-webkit-scrollbar {
          width: 6px;
          height: 6px; }
          .search-page.page-collapsed .search-page-content::-webkit-scrollbar-track {
            background-clip: content-box;
            border: 1.5px solid transparent; }
          .search-page.page-collapsed .search-page-content::-webkit-scrollbar-thumb {
            background-color: #788291; }
            .search-page.page-collapsed .search-page-content::-webkit-scrollbar-thumb:hover {
              background-color: #6c7583; }
          .search-page.page-collapsed .search-page-content::-webkit-scrollbar-corner, .search-page.page-collapsed .search-page-content::-webkit-scrollbar-track {
            background-color: #ABBCCC; }
        .search-page.page-collapsed .search-page-content .search-generated-response--block {
          padding: 0 8px; } }

@keyframes loading-animation {
  0% {
    left: -50%; }
  100% {
    left: 150%; } }

.loader--block {
  margin: 20px auto;
  width: 100%;
  max-width: 400px; }
  .loader--block-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 6px; }
  .loader--block-picture {
    width: 150px;
    height: 150px;
    background: url("/v2/images/admin/birdLoader.gif") no-repeat center transparent;
    background-size: contain; }
  .loader--block-progress-bar-wrapper {
    position: relative;
    display: block;
    width: 100%;
    height: 8px;
    border-radius: 10px;
    background: #F1F6FF;
    overflow: hidden; }
  .loader--block-progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50%;
    border-radius: 10px;
    background: #06adef;
    background: linear-gradient(90deg, rgba(6, 173, 239, 0.1) 0%, #06adef 50%, rgba(6, 173, 239, 0.1) 100%);
    animation: loading-animation 1.6s ease-out infinite; }
  .loader--block.hide {
    display: none; }

.sb-propose-plugins-container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
  flex-direction: column; }

.sb__propose_plugin_container {
  width: 100%;
  padding: 0;
  margin: 0; }
  .sb__propose_plugin_container .propose-plugin {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    gap: 12px;
    flex-wrap: wrap;
    min-height: 64px;
    padding: 12px 16px 12px 12px;
    border: 1px solid #F1F6FF;
    background: #f8faff;
    border-radius: 5px;
    color: #788291;
    font-weight: 400;
    font-size: 14px; }
    .sb__propose_plugin_container .propose-plugin.enabled-plugin-info {
      align-items: center; }
    .sb__propose_plugin_container .propose-plugin--image img {
      height: 34px;
      min-height: 34px;
      width: auto;
      filter: grayscale(1);
      opacity: 0.7; }
    .sb__propose_plugin_container .propose-plugin--body {
      flex: 1;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      gap: 8px 4px; }
      .sb__propose_plugin_container .propose-plugin--body .p {
        font-size: 14px; }
      .sb__propose_plugin_container .propose-plugin--body .badge i, .sb__propose_plugin_container .propose-plugin--body .label i {
        bottom: 0; }

.driver-overlay {
  pointer-events: none; }

.sb-welcome-tour-open {
  overflow: hidden; }

.sb-welcome-tour-popover--main-step + .driver-overlay {
  visibility: visible; }

.sb-welcome-tour-popover {
  padding: 16px;
  border-radius: 4px;
  border: none;
  font-family: "Noto Sans", sans-serif;
  background: #06ADEF;
  color: #fff;
  box-shadow: 0px 4px 4px 0px rgba(0, 32, 51, 0.04), 0px 8px 24px 0px rgba(0, 32, 51, 0.12); }
  @media (min-width: 1024px) {
    .sb-welcome-tour-popover {
      width: 360px;
      max-width: 360px; } }
  .sb-welcome-tour-popover .driver-popover-title {
    padding-right: 40px;
    font-size: 12px;
    font-weight: 700;
    font-family: "Noto Sans", sans-serif;
    margin-bottom: 8px; }
  .sb-welcome-tour-popover .driver-popover-description {
    font-size: 12px;
    font-weight: 400;
    font-family: "Noto Sans", sans-serif;
    line-height: 1.7;
    margin: 0;
    padding: 0; }
  .sb-welcome-tour-popover .driver-popover-progress-text {
    position: absolute;
    top: 18px;
    right: 16px;
    font-size: 10px;
    color: #b4e3fb;
    white-space: nowrap;
    display: none !important; }
    .sb-welcome-tour-popover .driver-popover-progress-text.show {
      display: block !important; }
  .sb-welcome-tour-popover .driver-popover-arrow {
    border-color: #06ADEF; }
  .sb-welcome-tour-popover .driver-popover-arrow-side-right {
    right: 100%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-top-color: transparent; }
  .sb-welcome-tour-popover .driver-popover-arrow-side-left {
    left: 100%;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-top-color: transparent; }
  .sb-welcome-tour-popover .driver-popover-arrow-side-bottom {
    bottom: 100%;
    border-left-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent; }
  .sb-welcome-tour-popover .driver-popover-arrow-side-top {
    top: 100%;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  .sb-welcome-tour-popover .driver-popover-footer {
    display: flex !important; }
  .sb-welcome-tour-popover .driver-popover-footer button {
    position: relative;
    display: inline-flex;
    gap: 6px;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: auto;
    padding: 5px 16px;
    border-radius: 25px;
    margin: 0;
    box-shadow: none;
    text-shadow: none;
    font-family: "Mulish", sans-serif !important;
    font-size: 14px !important;
    line-height: 22px; }
    .sb-welcome-tour-popover .driver-popover-footer button:focus, .sb-welcome-tour-popover .driver-popover-footer button:focus-within, .sb-welcome-tour-popover .driver-popover-footer button:focus-visible {
      outline: none !important; }
    .sb-welcome-tour-popover .driver-popover-footer button:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 25px; }
    .sb-welcome-tour-popover .driver-popover-footer button.btn--secondary-outline {
      background: #fff;
      color: #0B3052; }
    .sb-welcome-tour-popover .driver-popover-footer button.driver-popover-next-btn {
      display: inline-flex !important;
      border: 1px solid #e7ecf7;
      padding-inline: 24px; }
    .sb-welcome-tour-popover .driver-popover-footer button.btn--link:not(.btn-secondary-outline), .sb-welcome-tour-popover .driver-popover-footer button.skip-btn:not(.btn-secondary-outline) {
      background: transparent !important;
      border: none !important;
      order: -5;
      padding: 0;
      margin: 0 auto 0 0;
      min-height: 32px;
      min-width: unset;
      width: auto;
      box-shadow: none; }
    .sb-welcome-tour-popover .driver-popover-footer button i {
      user-select: inherit;
      pointer-events: inherit; }
  .sb-welcome-tour-popover .driver-popover-navigation-btns {
    justify-content: space-between; }
  .sb-welcome-tour-popover .driver-popover-footer {
    margin-top: 16px; }
  .sb-welcome-tour-popover.sb-welcome-tour-popover--main-step {
    background: #fff;
    color: #0B3052; }
    .sb-welcome-tour-popover.sb-welcome-tour-popover--main-step .driver-popover-arrow {
      border-color: #fff; }
    .sb-welcome-tour-popover.sb-welcome-tour-popover--main-step .driver-popover-title {
      font-size: 18px;
      margin-bottom: 8px;
      padding: 0; }
    .sb-welcome-tour-popover.sb-welcome-tour-popover--main-step .driver-popover-description {
      font-size: 12px;
      margin: 0;
      padding: 0; }
    .sb-welcome-tour-popover.sb-welcome-tour-popover--main-step .driver-popover-progress-text {
      display: none !important;
      visibility: hidden; }
    .sb-welcome-tour-popover.sb-welcome-tour-popover--main-step .driver-popover-footer .driver-popover-navigation-btns .driver-popover-prev-btn {
      border-color: #e7ecf7; }
    .sb-welcome-tour-popover.sb-welcome-tour-popover--main-step .driver-popover-footer .driver-popover-navigation-btns .driver-popover-next-btn {
      font-weight: 600;
      color: #fff;
      background: #06adef;
      border: 1px solid #06adef; }
  .sb-welcome-tour-popover.sb-welcome-tour-popover--last-step .driver-popover-progress-text {
    display: none !important;
    visibility: hidden; }

.driver-active-element#initWelcomeTourBtn {
  border: 1px solid #06adef; }

.driver-active-element#header_search_bar {
  border: 1px solid #06adef; }

/**
PAGES
 */
.access-error {
  padding: 15px; }
  .access-error .error-wrap {
    max-width: 500px;
    text-align: center;
    margin: 0 auto; }
  .access-error .img {
    max-width: 200px;
    margin: 0 auto; }
  .access-error h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 15px 0; }
  .access-error .back-btn {
    padding-left: 25px;
    position: relative; }
    .access-error .back-btn .fa {
      font-size: 19px;
      margin-right: 8px;
      position: absolute;
      top: 6px;
      left: 8px; }

/*404 page*/
.body-404 {
  background: #18d4cb;
  color: #fff; }

.error-wrapper {
  text-align: center;
  margin-top: 10%; }

.error-wrapper .icon-404 {
  background: url("/v2/images/404_icon.png") no-repeat;
  width: 289px;
  height: 274px;
  display: inline-block;
  margin-left: 30px; }

.error-wrapper h1 {
  font-size: 90px;
  font-weight: 300;
  margin: -50px 0 0 0; }

.error-wrapper h2 {
  font-size: 20px;
  font-weight: 300;
  margin: 0 0 30px 0; }

.error-wrapper p,
.error-wrapper p a {
  font-size: 18px;
  font-weight: 300; }

.error-wrapper p.page-404 {
  color: #7dfff7; }

.error-wrapper p.page-404 a,
.error-wrapper p.page-500 a,
.error-wrapper p.page-404 a:hover,
.error-wrapper p.page-500 a:hover {
  color: #fff; }

/*500 page*/
.body-500 {
  background: #8075c6;
  color: #fff; }

.error-wrapper p.page-500 {
  color: #afa5f1; }

.error-wrapper .icon-500 {
  background: url("/v2/images/500_icon.png") no-repeat;
  width: 289px;
  height: 274px;
  display: inline-block;
  margin-left: 55px; }

/*checkbox & radio style*/
.checkboxes label,
.radios label {
  display: block;
  cursor: pointer;
  line-height: 20px;
  padding-bottom: 7px;
  font-weight: 300; }

.radios {
  padding-top: 18px; }

.label_check input,
.label_radio input {
  margin-right: 5px; }

.label_check,
.label_radio {
  padding-left: 34px; }

.label_radio {
  background: url(/v2/images/checkbox/radio-off.png) no-repeat; }

.label_check {
  background: url(/v2/images/checkbox/check-off.png) no-repeat; }

label.c_on {
  background: url(/v2/images/checkbox/check-on.png) no-repeat; }

label.r_on {
  background: url(/v2/images/checkbox/radio-on.png) no-repeat; }

.label_check input,
.label_radio input {
  position: absolute;
  left: -9999px; }

.company-blocked-page {
  font-family: 'Noto Sans', sans-serif;
  background: #fff;
  min-height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center; }
  .company-blocked-page div[id*="b_"] {
    display: none; }
  .company-blocked-page .container-fluid {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center; }

.company-blocked {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  gap: 30px; }
  .company-blocked-section {
    padding-top: 40px;
    padding-bottom: 40px;
    min-height: 100vh; }
  .company-blocked__image {
    display: block;
    max-width: 900px;
    margin: 0 auto 50px; }
    .company-blocked__image img {
      max-height: 340px; }
      .company-blocked__image img.image_block-sb {
        display: inline-block; }
      .company-blocked__image img.image_block-wl {
        display: none; }
  .company-blocked .company-blocked__content {
    text-align: center;
    margin: 0 auto;
    max-width: 560px;
    width: 100%; }
  .company-blocked__title {
    padding: 0;
    margin-bottom: 12px;
    font-size: 32px;
    font-family: 'Mulish', sans-serif;
    font-weight: 600;
    color: #253246; }
    @media (max-width: 767px) {
      .company-blocked__title {
        font-size: 30px; } }
    .company-blocked__title--red span {
      color: #ff3259; }
  .company-blocked__text {
    max-width: 560px;
    margin: 0 auto;
    margin-bottom: 18px;
    font-family: 'Noto Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #788291; }
    .company-blocked__text--secondary {
      color: #7a818f; }
    .company-blocked__text--highlight span {
      color: #06adef; }
    .company-blocked__text--error {
      margin: 0;
      color: #FF3259; }
  .company-blocked__btn {
    position: relative;
    overflow: hidden;
    min-height: 45px;
    line-height: 1;
    letter-spacing: .01em;
    font-family: 'Mulish', sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    display: inline-flex;
    gap: 6px;
    align-items: center;
    margin: 5px;
    padding: 12px 35px;
    border-radius: 50px;
    outline: 0;
    border: none;
    background: #06adef;
    color: #fff !important;
    cursor: pointer;
    text-decoration: none;
    transition: all .22s ease; }
    .company-blocked__btn:hover {
      background: #0589bd; }
    .company-blocked__btn--dark {
      background: #253246; }
      .company-blocked__btn--dark:hover {
        background: #1b2330; }
    .company-blocked__btn--link {
      color: #06ADEF !important;
      background: transparent;
      border: none;
      padding: 6px 1px;
      min-height: 25px;
      outline: none !important;
      font-weight: normal; }
      .company-blocked__btn--link:hover {
        color: #0B3052;
        background: transparent; }
  .company-blocked__input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #253246;
    padding: 0 40px 0 18px;
    font-size: 18px;
    border: 1px solid #d7dfef;
    border-radius: 5px;
    background-color: #fff;
    outline: none; }
    .company-blocked__input::placeholder {
      color: #abaeb5;
      font-style: normal; }
  .company-blocked__link {
    color: #06adef;
    font-weight: 600; }
  .company-blocked__btn-wrapper {
    margin-top: 16px; }
  .company-blocked__send {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 4px; }
    @media (max-width: 767px) {
      .company-blocked__send-image {
        max-width: 70%;
        margin-bottom: 30px; } }
    .company-blocked__send-text {
      max-width: 500px; }
    .company-blocked__send-input {
      max-width: 450px;
      margin-bottom: 5px; }
    .company-blocked__send-resend {
      margin-top: 40px; }
      @media (max-width: 767px) {
        .company-blocked__send-resend {
          margin-bottom: 20px; } }
    .company-blocked__send-link {
      padding: 0;
      margin: 0 0 0 5px;
      border: none;
      background: none;
      outline: none; }
  .company-blocked__attempts, .company-blocked__success {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 4px; }
    @media (max-width: 767px) {
      .company-blocked__attempts-image, .company-blocked__success-image {
        max-width: 70%;
        margin-bottom: 30px; } }
    .company-blocked__attempts-content, .company-blocked__success-content {
      text-align: center; }
    .company-blocked__attempts-title, .company-blocked__success-title {
      margin-bottom: 10px; }
    .company-blocked__attempts-text, .company-blocked__success-text {
      margin-bottom: 25px; }
  .company-blocked__success-image {
    max-width: 500px; }
    .company-blocked__success-image img {
      display: block;
      width: 100%; }

.dark-mode #welcome-page .item__tutorial,
.dark-mode #welcome-page .item__promo,
.dark-mode #welcome-page .item__plugin {
  border-color: #555555;
  background: #282828; }
  .dark-mode #welcome-page .item__tutorial .item-col__body .p--primary,
  .dark-mode #welcome-page .item__promo .item-col__body .p--primary,
  .dark-mode #welcome-page .item__plugin .item-col__body .p--primary {
    color: #bcbcbc; }

.dark-mode #welcome-page .item__promo {
  box-shadow: none; }
  .dark-mode #welcome-page .item__promo .item-col__picture img {
    filter: grayscale(0.7) invert(88%); }
  .dark-mode #welcome-page .item__promo .item-col__action {
    border-top: 1px solid #555555; }

.dark-mode #welcome-page .item__tutorial {
  background: transparent;
  border-bottom: 1px solid #555555; }
  .dark-mode #welcome-page .item__tutorial .item-col__picture img {
    opacity: 0.8; }
    .dark-mode #welcome-page .item__tutorial .item-col__picture img:hover {
      opacity: 1; }
  .dark-mode #welcome-page .item__tutorial .item-col__action .tutorial-video {
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0px 0px 14px 2px rgba(11, 48, 82, 0.2) !important; }
    .dark-mode #welcome-page .item__tutorial .item-col__action .tutorial-video:hover {
      background: rgba(255, 255, 255, 0.8); }
    .dark-mode #welcome-page .item__tutorial .item-col__action .tutorial-video.--watched {
      background: #19a25a; }

.dark-mode #welcome-page .section--tutorials {
  border-color: #555555; }
  .dark-mode #welcome-page .section--tutorials .block-header {
    border-color: #555555; }

.dark-mode .demo-carousel__item-content .btn-bar .btn-bar__row .btn {
  background: rgba(255, 255, 255, 0.8);
  color: #0B3052; }

.dark-mode .demo-carousel .slick-list:before {
  background: #1a1a1a;
  background: linear-gradient(90deg, #1a1a1a 4%, rgba(26, 26, 26, 0) 100%); }

.dark-mode .demo-carousel .slick-list:after {
  right: 0;
  background: #1a1a1a;
  background: linear-gradient(270deg, #1a1a1a 4%, rgba(26, 26, 26, 0) 100%); }

.dark-mode .demo-carousel .slick-dots {
  position: static;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px; }
  .dark-mode .demo-carousel .slick-dots li[role="presentation"] {
    display: inline-block;
    padding: 0;
    margin: 0;
    width: auto;
    height: auto; }
    .dark-mode .demo-carousel .slick-dots li[role="presentation"] button {
      width: 8px;
      height: 8px;
      border-radius: 20px;
      border: none;
      border-color: transparent;
      outline: none;
      padding: 0;
      margin: 0;
      background: #E7ECF7;
      color: transparent;
      font-size: 0px;
      overflow: hidden; }
      .dark-mode .demo-carousel .slick-dots li[role="presentation"] button:after, .dark-mode .demo-carousel .slick-dots li[role="presentation"] button:before {
        display: none; }
      .dark-mode .demo-carousel .slick-dots li[role="presentation"] button:hover {
        background: #6c7584; }
    .dark-mode .demo-carousel .slick-dots li[role="presentation"].slick-active button {
      background: #788291; }

.dark-mode .demo-carousel .slick-arrow.btn {
  background: #fff !important;
  border-radius: 50px;
  z-index: 3;
  border: 1px solid #E7ECF7 !important;
  color: #0B3052;
  box-shadow: 2px 2px 18px rgba(45, 51, 72, 0.12) !important; }
  .dark-mode .demo-carousel .slick-arrow.btn:before {
    display: none; }
  .dark-mode .demo-carousel .slick-arrow.btn.slick-prev {
    left: 30px; }
  .dark-mode .demo-carousel .slick-arrow.btn.slick-next {
    right: 30px; }

#welcome-page {
  display: block;
  padding: 20px; }
  #welcome-page .block-header .title {
    margin-bottom: 5px; }
  #welcome-page .welcome-page--grid .grid-item.content {
    text-align: left; }
    @media (min-width: 1024px) {
      #welcome-page .welcome-page--grid .grid-item.content {
        flex: unset;
        max-width: 480px;
        min-width: 400px; } }
    #welcome-page .welcome-page--grid .grid-item.content .title.text-center br {
      display: none; }
  @media (min-width: 1024px) {
    #welcome-page .welcome-page--grid .grid-item.welcome-page--user-info {
      max-width: 1440px; } }
  #welcome-page .welcome-page--grid .grid-item .list {
    width: 100%;
    display: grid;
    grid-gap: 8px 60px;
    grid-template-columns: repeat(auto-fill, minmax(364px, 1fr)); }
    @media (max-width: 1640px) {
      #welcome-page .welcome-page--grid .grid-item .list {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } }
    @media (max-width: 1024px) {
      #welcome-page .welcome-page--grid .grid-item .list {
        grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); } }
    #welcome-page .welcome-page--grid .grid-item .list-item.column {
      flex-direction: column;
      gap: 1px 10px; }
    #welcome-page .welcome-page--grid .grid-item .list-item__caption {
      position: relative;
      padding-right: 6px; }
      #welcome-page .welcome-page--grid .grid-item .list-item__caption:after {
        content: ':';
        display: inline;
        position: absolute;
        right: 0; }
    #welcome-page .welcome-page--grid .grid-item .list-item__info {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-wrap: wrap;
      gap: 4px 6px; }
    #welcome-page .welcome-page--grid .grid-item .list .p {
      font-size: 14px; }
  #welcome-page .welcome-page--grid .grid-item .frequently-greed .grid-item.panel .title--h3 {
    margin-bottom: 6px; }
  #welcome-page .content #wl-info .subtitle {
    font-size: 26px;
    text-align: center;
    color: #06acee;
    margin-bottom: 20px;
    font-family: "Caveat", cursive; }
    #welcome-page .content #wl-info .subtitle .svg {
      display: inline-block;
      margin-left: -35px;
      max-width: 32px; }
  #welcome-page .content #wl-info .item {
    text-align: center; }
    #welcome-page .content #wl-info .item .icon img {
      display: block;
      margin: 0 auto;
      height: auto;
      max-width: 80px; }
  #welcome-page .content #wl-update {
    text-align: left; }
    #welcome-page .content #wl-update::after {
      display: block;
      clear: both;
      content: ""; }
  #welcome-page .sidebar .custom-btn {
    justify-content: center; }
  #welcome-page .sidebar .content-row#my_plan:target {
    outline: 1px solid #06acee; }
  #welcome-page .item__tutorial,
  #welcome-page .item__promo,
  #welcome-page .item__plugin {
    border: 1px solid #E7ECF7;
    border-radius: 5px;
    text-align: left; }
    #welcome-page .item__tutorial .item-container,
    #welcome-page .item__promo .item-container,
    #welcome-page .item__plugin .item-container {
      padding: 0 16px; }
    #welcome-page .item__tutorial .item-row,
    #welcome-page .item__promo .item-row,
    #welcome-page .item__plugin .item-row {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      text-align: left;
      gap: 12px 16px;
      min-height: 65px;
      padding-top: 12px;
      padding-bottom: 12px; }
      #welcome-page .item__tutorial .item-row.align--start,
      #welcome-page .item__promo .item-row.align--start,
      #welcome-page .item__plugin .item-row.align--start {
        align-items: flex-start; }
    #welcome-page .item__tutorial .item-col__picture,
    #welcome-page .item__promo .item-col__picture,
    #welcome-page .item__plugin .item-col__picture {
      min-width: 60px; }
      #welcome-page .item__tutorial .item-col__picture img,
      #welcome-page .item__promo .item-col__picture img,
      #welcome-page .item__plugin .item-col__picture img {
        margin: -12px 0;
        height: 60px;
        max-width: 60px; }
    #welcome-page .item__tutorial .item-col__body,
    #welcome-page .item__promo .item-col__body,
    #welcome-page .item__plugin .item-col__body {
      flex: 1; }
      #welcome-page .item__tutorial .item-col__body .p.title,
      #welcome-page .item__promo .item-col__body .p.title,
      #welcome-page .item__plugin .item-col__body .p.title {
        font-size: 14px; }
  #welcome-page .item__promo .item-row {
    flex-wrap: wrap;
    padding-top: 16px;
    padding-bottom: 16px;
    gap: 16px; }
  #welcome-page .item__promo .item-col__body {
    flex: 1; }
    #welcome-page .item__promo .item-col__body .title {
      margin-bottom: 5px; }
  #welcome-page .item__promo .item-col__action {
    padding-top: 16px;
    border-top: 1px solid #E7ECF7;
    width: 100%; }
  #welcome-page .item__tutorial {
    border: none;
    border-bottom: 1px solid #E7ECF7;
    border-radius: 0px;
    cursor: pointer; }
    #welcome-page .item__tutorial .item-container {
      padding-left: 0;
      padding-right: 8px; }
    #welcome-page .item__tutorial .item-col__picture {
      display: none;
      min-width: 104px; }
      #welcome-page .item__tutorial .item-col__picture .tutorial-video {
        display: inline-block;
        line-height: 0.7;
        border-right: 5px;
        border: 1px solid #E7ECF7;
        overflow: hidden; }
      #welcome-page .item__tutorial .item-col__picture img {
        margin: -11px 0;
        height: 80px;
        max-width: 104px; }
    #welcome-page .item__tutorial .item-col__body {
      flex: 1; }
      #welcome-page .item__tutorial .item-col__body .p--primary {
        margin-bottom: 5px; }
    #welcome-page .item__tutorial .item-col__action {
      order: -3; }
      #welcome-page .item__tutorial .item-col__action .tutorial-video {
        background: #f8faff;
        box-shadow: 0px 0px 14px 2px rgba(11, 48, 82, 0.1) !important; }
        #welcome-page .item__tutorial .item-col__action .tutorial-video.--watched {
          box-shadow: none !important;
          background: #00D38B;
          color: #fff; }
          #welcome-page .item__tutorial .item-col__action .tutorial-video.--watched .fa-play {
            font-weight: bold;
            margin: 0; }
            #welcome-page .item__tutorial .item-col__action .tutorial-video.--watched .fa-play:before {
              content: '\f00c'; }
    #welcome-page .item__tutorial.--watched .item-col__body .p--primary {
      opacity: 0.7; }
    #welcome-page .item__tutorial.--watched .item-col__action .tutorial-video {
      background: #00D38B;
      color: #fff; }
      #welcome-page .item__tutorial.--watched .item-col__action .tutorial-video .fa-play {
        font-weight: bold;
        margin: 0; }
        #welcome-page .item__tutorial.--watched .item-col__action .tutorial-video .fa-play:before {
          content: '\f00c'; }
    #welcome-page .item__tutorial:hover .item-col__body .p--primary {
      opacity: 0.7; }
  #welcome-page .section--tutorials {
    border: 1px solid #E7ECF7;
    border-radius: 5px; }
    #welcome-page .section--tutorials .block-header {
      border-bottom: 1px solid #E7ECF7;
      padding-bottom: 16px; }
    #welcome-page .section--tutorials .item__tutorial:last-child {
      border: none; }
    @media (max-width: 1024px) {
      #welcome-page .section--tutorials {
        border: none;
        padding-left: 0;
        padding-right: 0; } }

#sb_company_poll_popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  #sb_company_poll_popup:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: #000;
    opacity: .5; }
  #sb_company_poll_popup .inner {
    background: #ffffff;
    text-align: center;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    max-width: 550px;
    margin: 30px auto;
    padding: 45px 70px 60px;
    position: relative;
    border-radius: 4px;
    z-index: 5; }
    @media (max-width: 767px) {
      #sb_company_poll_popup .inner {
        padding: 25px; } }
    #sb_company_poll_popup .inner .title {
      font-size: 24px;
      font-weight: bold;
      font-family: "Mulish", sans-serif; }
    #sb_company_poll_popup .inner .body {
      margin: 45px auto 30px auto; }
      #sb_company_poll_popup .inner .body .radio-container {
        margin-bottom: 5px;
        text-align: left; }
        #sb_company_poll_popup .inner .body .radio-container input {
          display: inline-block;
          vertical-align: middle;
          margin-right: 12px; }
        @media (max-width: 767px) {
          #sb_company_poll_popup .inner .body .radio-container {
            text-align: center; } }
    #sb_company_poll_popup .inner .custom-btn {
      padding-left: 25px;
      padding-right: 25px; }

.demo-carousel__wrapper {
  position: relative;
  padding-top: 22px;
  margin-bottom: 30px; }
  @media (max-width: 1024px) {
    .demo-carousel__wrapper {
      margin-left: -19px;
      margin-right: -19px; } }

.demo-carousel__item {
  position: relative;
  width: 100%;
  border-radius: 8px;
  transform: scale(0.88);
  transition: all 0.46s ease-out;
  overflow: hidden;
  box-shadow: 2px 2px 18px rgba(45, 51, 72, 0.12); }
  .demo-carousel__item-content {
    position: relative; }
    .demo-carousel__item-content picture {
      display: block;
      width: 100%;
      text-align: center; }
      .demo-carousel__item-content picture img {
        display: block;
        border-radius: 8px; }
    .demo-carousel__item-content .btn-bar {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      padding: 22px 4px 12px 4px;
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.43) -6px, rgba(255, 255, 255, 0) 100%); }
      @media (max-width: 1200px) {
        .demo-carousel__item-content .btn-bar {
          padding-bottom: 8px; } }
      .demo-carousel__item-content .btn-bar .btn-bar__row {
        justify-content: center; }
        .demo-carousel__item-content .btn-bar .btn-bar__row .btn {
          background: rgba(255, 255, 255, 0.9);
          flex-basis: 128px;
          justify-content: center; }

@media (min-width: 767px) {
  .demo-carousel .slick-list {
    margin-bottom: 8px; } }

.demo-carousel .slick-list:before, .demo-carousel .slick-list:after {
  content: '';
  display: block;
  height: 100%;
  width: 70px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1; }
  @media (max-width: 575px) {
    .demo-carousel .slick-list:before, .demo-carousel .slick-list:after {
      width: 48px; } }
  @media (max-width: 440px) {
    .demo-carousel .slick-list:before, .demo-carousel .slick-list:after {
      width: 38px; } }

.demo-carousel .slick-list:before {
  left: 0;
  background: white;
  background: linear-gradient(90deg, white 4%, rgba(255, 255, 255, 0) 100%); }

.demo-carousel .slick-list:after {
  right: 0;
  background: white;
  background: linear-gradient(270deg, white 4%, rgba(255, 255, 255, 0) 100%); }

.demo-carousel .slick-list .slick-slide {
  margin: 30px -6px; }
  .demo-carousel .slick-list .slick-slide.slick-current .demo-carousel__item, .demo-carousel .slick-list .slick-slide.slick-active .demo-carousel__item {
    z-index: 2;
    transform: scale(1.1); }
    .demo-carousel .slick-list .slick-slide.slick-current .demo-carousel__item .btn-bar .btn-bar__row, .demo-carousel .slick-list .slick-slide.slick-active .demo-carousel__item .btn-bar .btn-bar__row {
      gap: 4px 10px;
      transform: scale(0.91);
      flex-wrap: wrap; }
      .demo-carousel .slick-list .slick-slide.slick-current .demo-carousel__item .btn-bar .btn-bar__row .btn, .demo-carousel .slick-list .slick-slide.slick-active .demo-carousel__item .btn-bar .btn-bar__row .btn {
        padding-left: 14px;
        padding-right: 14px; }
        @media (max-width: 767px) {
          .demo-carousel .slick-list .slick-slide.slick-current .demo-carousel__item .btn-bar .btn-bar__row .btn, .demo-carousel .slick-list .slick-slide.slick-active .demo-carousel__item .btn-bar .btn-bar__row .btn {
            flex-grow: 1; } }

.demo-carousel .slick-dots {
  position: static;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px; }
  .demo-carousel .slick-dots li[role="presentation"] {
    display: inline-block;
    padding: 0;
    margin: 0;
    width: auto;
    height: auto; }
    .demo-carousel .slick-dots li[role="presentation"] button {
      width: 8px;
      height: 8px;
      border-radius: 20px;
      border: none;
      border-color: transparent;
      outline: none;
      padding: 0;
      margin: 0;
      background: #E7ECF7;
      color: transparent;
      font-size: 0px;
      overflow: hidden; }
      .demo-carousel .slick-dots li[role="presentation"] button:after, .demo-carousel .slick-dots li[role="presentation"] button:before {
        display: none; }
      .demo-carousel .slick-dots li[role="presentation"] button:hover {
        background: #6c7584; }
    .demo-carousel .slick-dots li[role="presentation"].slick-active button {
      background: #788291; }

.demo-carousel .slick-arrow.btn {
  background: #fff !important;
  border-radius: 50px;
  z-index: 3;
  border: 1px solid #E7ECF7 !important;
  color: #0B3052;
  box-shadow: 2px 2px 18px rgba(45, 51, 72, 0.12) !important; }
  .demo-carousel .slick-arrow.btn:before {
    display: none; }
  .demo-carousel .slick-arrow.btn.slick-prev {
    left: 30px; }
  .demo-carousel .slick-arrow.btn.slick-next {
    right: 30px; }

.dark-mode #welcome-page .item__plugin {
  border-color: #555555; }
  .dark-mode #welcome-page .item__plugin .item-col__picture img {
    filter: grayscale(0.7) invert(88%); }

.dark-mode .page--account-info .welcome-page--grid .sidebar {
  border-color: #555555; }

.page--account-info {
  display: block;
  padding: 20px; }
  @media (min-width: 1024px) {
    .page--account-info .welcome-page--user-info {
      max-width: 1100px; } }
  .page--account-info .welcome-page--user-info .block-header .title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px; }
    .page--account-info .welcome-page--user-info .block-header .title .fa {
      display: inline-block;
      text-align: center;
      min-width: 30px; }
  .page--account-info .welcome-page--grid .sidebar {
    border: 1px solid #E7ECF7; }
    @media (min-width: 1024px) {
      .page--account-info .welcome-page--grid .sidebar {
        height: 100%; } }
    .page--account-info .welcome-page--grid .sidebar .google-authenticator-block {
      position: relative; }
  .page--account-info .list {
    width: 100%;
    display: grid;
    grid-gap: 8px 60px;
    grid-template-columns: repeat(auto-fill, minmax(364px, 1fr)); }
    @media (min-width: 767px) {
      .page--account-info .list {
        padding-left: 38px; } }
    @media (max-width: 1640px) {
      .page--account-info .list {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } }
    @media (max-width: 1024px) {
      .page--account-info .list {
        grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); } }
    .page--account-info .list-item.column {
      flex-direction: column;
      gap: 1px 10px; }
    .page--account-info .list-item__caption {
      position: relative;
      padding-right: 6px; }
      .page--account-info .list-item__caption:after {
        content: ':';
        display: inline;
        position: absolute;
        right: 0; }
    .page--account-info .list-item__info {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-wrap: wrap;
      gap: 4px 6px; }
    .page--account-info .list-item.google-authenticator-welcome-page {
      flex-wrap: wrap; }
    .page--account-info .list .p {
      font-size: 14px; }

#sb_company_poll_popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  #sb_company_poll_popup:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: #000;
    opacity: .5; }
  #sb_company_poll_popup .inner {
    background: #ffffff;
    text-align: center;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    max-width: 550px;
    margin: 30px auto;
    padding: 45px 70px 60px;
    position: relative;
    border-radius: 4px;
    z-index: 5; }
    @media (max-width: 767px) {
      #sb_company_poll_popup .inner {
        padding: 25px; } }
    #sb_company_poll_popup .inner .title {
      font-size: 24px;
      font-weight: bold;
      font-family: "Mulish", sans-serif; }
    #sb_company_poll_popup .inner .body {
      margin: 45px auto 30px auto; }
      #sb_company_poll_popup .inner .body .radio-container {
        margin-bottom: 5px;
        text-align: left; }
        #sb_company_poll_popup .inner .body .radio-container input {
          display: inline-block;
          vertical-align: middle;
          margin-right: 12px; }
        @media (max-width: 767px) {
          #sb_company_poll_popup .inner .body .radio-container {
            text-align: center; } }
    #sb_company_poll_popup .inner .custom-btn {
      padding-left: 25px;
      padding-right: 25px; }

#admin-general-dashboard .panel.panel-dashboard-block {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.14), -1px -1px 5px rgba(0, 0, 0, 0.14); }
  #admin-general-dashboard .panel.panel-dashboard-block .panel-header {
    display: block;
    width: 100%;
    background: #06adef;
    color: #ffffff;
    padding: 14px 25px 16px 25px;
    font-weight: 600;
    font-size: 15px;
    box-shadow: -9px -10px 1px #ffffff, 9px -10px 1px #ffffff;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px; }
  #admin-general-dashboard .panel.panel-dashboard-block .panel-body {
    position: relative;
    border: 1px solid #e8e8e8;
    border-top: none;
    border-bottom: none;
    color: #545454; }
  #admin-general-dashboard .panel.panel-dashboard-block .panel-footer {
    border: 1px solid #e8e8e8;
    border-top: none; }
    #admin-general-dashboard .panel.panel-dashboard-block .panel-footer.paginator-container {
      padding: 0px 17px 0px 0px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
      background-color: #ffffff;
      margin-top: -19px; }
      #admin-general-dashboard .panel.panel-dashboard-block .panel-footer.paginator-container .pagination, #admin-general-dashboard .panel.panel-dashboard-block .panel-footer.paginator-container .dataTables_paginate ul, .dataTables_paginate #admin-general-dashboard .panel.panel-dashboard-block .panel-footer.paginator-container ul {
        margin: 20px 0px 15px 0px;
        color: #676767;
        font-weight: 600; }
        #admin-general-dashboard .panel.panel-dashboard-block .panel-footer.paginator-container .pagination > li > a, #admin-general-dashboard .panel.panel-dashboard-block .panel-footer.paginator-container .dataTables_paginate ul > li > a, .dataTables_paginate #admin-general-dashboard .panel.panel-dashboard-block .panel-footer.paginator-container ul > li > a,
        #admin-general-dashboard .panel.panel-dashboard-block .panel-footer.paginator-container .pagination > li > span,
        #admin-general-dashboard .panel.panel-dashboard-block .panel-footer.paginator-container .dataTables_paginate ul > li > span,
        .dataTables_paginate #admin-general-dashboard .panel.panel-dashboard-block .panel-footer.paginator-container ul > li > span {
          color: #676767; }
        #admin-general-dashboard .panel.panel-dashboard-block .panel-footer.paginator-container .pagination > .active > a, #admin-general-dashboard .panel.panel-dashboard-block .panel-footer.paginator-container .dataTables_paginate ul > .active > a, .dataTables_paginate #admin-general-dashboard .panel.panel-dashboard-block .panel-footer.paginator-container ul > .active > a,
        #admin-general-dashboard .panel.panel-dashboard-block .panel-footer.paginator-container .pagination > .active > span,
        #admin-general-dashboard .panel.panel-dashboard-block .panel-footer.paginator-container .dataTables_paginate ul > .active > span,
        .dataTables_paginate #admin-general-dashboard .panel.panel-dashboard-block .panel-footer.paginator-container ul > .active > span,
        #admin-general-dashboard .panel.panel-dashboard-block .panel-footer.paginator-container .pagination > .active > a:hover,
        #admin-general-dashboard .panel.panel-dashboard-block .panel-footer.paginator-container .dataTables_paginate ul > .active > a:hover,
        .dataTables_paginate #admin-general-dashboard .panel.panel-dashboard-block .panel-footer.paginator-container ul > .active > a:hover,
        #admin-general-dashboard .panel.panel-dashboard-block .panel-footer.paginator-container .pagination > .active > span:hover,
        #admin-general-dashboard .panel.panel-dashboard-block .panel-footer.paginator-container .dataTables_paginate ul > .active > span:hover,
        .dataTables_paginate #admin-general-dashboard .panel.panel-dashboard-block .panel-footer.paginator-container ul > .active > span:hover,
        #admin-general-dashboard .panel.panel-dashboard-block .panel-footer.paginator-container .pagination > .active > a:focus,
        #admin-general-dashboard .panel.panel-dashboard-block .panel-footer.paginator-container .dataTables_paginate ul > .active > a:focus,
        .dataTables_paginate #admin-general-dashboard .panel.panel-dashboard-block .panel-footer.paginator-container ul > .active > a:focus,
        #admin-general-dashboard .panel.panel-dashboard-block .panel-footer.paginator-container .pagination > .active > span:focus,
        #admin-general-dashboard .panel.panel-dashboard-block .panel-footer.paginator-container .dataTables_paginate ul > .active > span:focus,
        .dataTables_paginate #admin-general-dashboard .panel.panel-dashboard-block .panel-footer.paginator-container ul > .active > span:focus {
          background-color: #e1e1e1;
          border-color: #e1e1e1; }
      #admin-general-dashboard .panel.panel-dashboard-block .panel-footer.paginator-container .pagination-info {
        padding: 10px 17px 15px 30px; }

#admin-general-dashboard .table.table-dashboard-block {
  margin-top: -15px; }
  #admin-general-dashboard .table.table-dashboard-block thead th {
    font-weight: 700;
    border-bottom: 1px solid #ddd;
    padding: 18px 10px 14px 10px;
    cursor: pointer; }
    #admin-general-dashboard .table.table-dashboard-block thead th:first-child {
      padding-left: 25px; }
    #admin-general-dashboard .table.table-dashboard-block thead th:last-child {
      padding-right: 25px; }
    #admin-general-dashboard .table.table-dashboard-block thead th .sort-asc {
      display: none; }
  #admin-general-dashboard .table.table-dashboard-block tbody td {
    padding: 15px 10px 15px 10px; }
    #admin-general-dashboard .table.table-dashboard-block tbody td:first-child {
      padding-left: 25px; }
    #admin-general-dashboard .table.table-dashboard-block tbody td:last-child {
      padding-right: 25px; }

#admin-general-dashboard .panel.panel-dashboard-block.dashboard-live-good-reviews {
  position: relative; }
  #admin-general-dashboard .panel.panel-dashboard-block.dashboard-live-good-reviews .panel-header {
    display: block;
    width: 100%;
    background: #30d569;
    color: #ffffff; }

#admin-general-dashboard .panel.panel-dashboard-block.dashboard-live-worst-reviews {
  position: relative; }
  #admin-general-dashboard .panel.panel-dashboard-block.dashboard-live-worst-reviews .panel-header {
    display: block;
    width: 100%;
    background: #fd5457;
    color: #ffffff; }

#admin-general-dashboard .booking-dashboard-block {
  min-height: 505px;
  position: relative; }
  #admin-general-dashboard .booking-dashboard-block .bookings-info {
    margin-left: 8px; }
    #admin-general-dashboard .booking-dashboard-block .bookings-info .total {
      font-weight: 700;
      font-size: 34px;
      color: #494949;
      display: inline-block;
      vertical-align: top; }
    #admin-general-dashboard .booking-dashboard-block .bookings-info .total-shift {
      display: inline-block;
      vertical-align: top; }
      #admin-general-dashboard .booking-dashboard-block .bookings-info .total-shift .total-shift-text {
        display: block;
        font-size: 15px;
        position: relative;
        margin-top: 5px;
        margin-left: 13px; }
      #admin-general-dashboard .booking-dashboard-block .bookings-info .total-shift .total-shift-img {
        display: block; }
        #admin-general-dashboard .booking-dashboard-block .bookings-info .total-shift .total-shift-img.up {
          width: 0px;
          height: 0px;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-bottom: 10px solid #5cce28;
          margin-left: 18px; }
        #admin-general-dashboard .booking-dashboard-block .bookings-info .total-shift .total-shift-img.down {
          width: 0px;
          height: 0px;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-top: 10px solid #f00;
          margin-left: 18px; }
    #admin-general-dashboard .booking-dashboard-block .bookings-info .info-text {
      font-size: 13px;
      font-weight: 600; }
  #admin-general-dashboard .booking-dashboard-block .bookings-chart-legend {
    margin-top: 259px; }
    #admin-general-dashboard .booking-dashboard-block .bookings-chart-legend li,
    #admin-general-dashboard .booking-dashboard-block .bookings-chart-legend .prev,
    #admin-general-dashboard .booking-dashboard-block .bookings-chart-legend .curr {
      display: inline-block;
      margin-bottom: 9px;
      vertical-align: middle; }
      #admin-general-dashboard .booking-dashboard-block .bookings-chart-legend li:before,
      #admin-general-dashboard .booking-dashboard-block .bookings-chart-legend li span,
      #admin-general-dashboard .booking-dashboard-block .bookings-chart-legend .prev:before,
      #admin-general-dashboard .booking-dashboard-block .bookings-chart-legend .prev span,
      #admin-general-dashboard .booking-dashboard-block .bookings-chart-legend .curr:before,
      #admin-general-dashboard .booking-dashboard-block .bookings-chart-legend .curr span {
        display: inline-block;
        vertical-align: middle;
        content: '';
        width: 15px;
        height: 15px;
        border-radius: 50%;
        margin-right: 8px; }
    #admin-general-dashboard .booking-dashboard-block .bookings-chart-legend .prev:before {
      background: #8df0ae; }
    #admin-general-dashboard .booking-dashboard-block .bookings-chart-legend .curr:before {
      background: #77d2fe; }
  #admin-general-dashboard .booking-dashboard-block .show-prev-period input + label {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
    margin-top: 9px;
    margin-left: 6px; }
  #admin-general-dashboard .booking-dashboard-block .select-period {
    background: red; }
    #admin-general-dashboard .booking-dashboard-block .select-period .btn-group {
      width: 100%; }
      #admin-general-dashboard .booking-dashboard-block .select-period .btn-group .btn-default {
        background-color: #ffffff;
        border-color: #06acee;
        color: #06acee;
        width: 33%; }
        #admin-general-dashboard .booking-dashboard-block .select-period .btn-group .btn-default.active {
          background-color: #06acee;
          border-color: #06acee;
          color: #fff; }
  #admin-general-dashboard .booking-dashboard-block .bchart {
    width: 100%;
    height: 370px;
    margin-top: 33px; }
    #admin-general-dashboard .booking-dashboard-block .bchart canvas {
      width: 100%;
      height: 100%; }
  #admin-general-dashboard .booking-dashboard-block .chart-arrows {
    margin-bottom: 44px; }
    #admin-general-dashboard .booking-dashboard-block .chart-arrows .arrow {
      display: inline-block;
      color: #77d2fe;
      font-size: 14px;
      cursor: pointer; }
      #admin-general-dashboard .booking-dashboard-block .chart-arrows .arrow:before, #admin-general-dashboard .booking-dashboard-block .chart-arrows .arrow:after {
        display: inline-block;
        content: '';
        font-size: 20px;
        color: #77d2fe;
        margin: 0px 12px;
        position: relative;
        top: 3px; }
      #admin-general-dashboard .booking-dashboard-block .chart-arrows .arrow:nth-child(1) {
        float: left; }
        #admin-general-dashboard .booking-dashboard-block .chart-arrows .arrow:nth-child(1):before {
          content: '🡠'; }
      #admin-general-dashboard .booking-dashboard-block .chart-arrows .arrow:nth-child(2) {
        float: right; }
        #admin-general-dashboard .booking-dashboard-block .chart-arrows .arrow:nth-child(2):after {
          content: '🡢'; }

#admin-general-dashboard .dashboard-popular-services,
#admin-general-dashboard .dashboard-popular-performers {
  position: relative; }
  #admin-general-dashboard .dashboard-popular-services .panel-footer,
  #admin-general-dashboard .dashboard-popular-performers .panel-footer {
    display: none; }
  #admin-general-dashboard .dashboard-popular-services .panel-body,
  #admin-general-dashboard .dashboard-popular-performers .panel-body {
    min-height: 177px; }
  #admin-general-dashboard .dashboard-popular-services .combobox-container,
  #admin-general-dashboard .dashboard-popular-performers .combobox-container {
    width: 200px;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    clear: both;
    border-radius: 7px; }
    #admin-general-dashboard .dashboard-popular-services .combobox-container input,
    #admin-general-dashboard .dashboard-popular-performers .combobox-container input {
      border-radius: 4px;
      font-size: 13px;
      padding: 3px 8px;
      height: 28px; }
    #admin-general-dashboard .dashboard-popular-services .combobox-container .dropdown-toggle,
    #admin-general-dashboard .dashboard-popular-performers .combobox-container .dropdown-toggle {
      display: none; }
    #admin-general-dashboard .dashboard-popular-services .combobox-container .dropdown-menu,
    #admin-general-dashboard .dashboard-popular-performers .combobox-container .dropdown-menu {
      width: 200px; }

#admin-general-dashboard .loader-container {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%; }
  #admin-general-dashboard .loader-container .loader-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); }
  #admin-general-dashboard .loader-container .loader {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 32px;
    height: 32px;
    background: url("/common/images/catalogue/loading.gif") no-repeat top left transparent; }

#admin-general-dashboard .popover {
  min-width: 140px; }
  #admin-general-dashboard .popover .popover-title {
    background-color: #f7f7f7;
    color: #5c5c5d;
    padding: 6px; }
    #admin-general-dashboard .popover .popover-title:empty {
      display: none; }
  #admin-general-dashboard .popover .popover-content {
    background-color: #f7f7f7;
    color: #5c5c5d;
    padding: 6px; }

@media (max-width: 980px) {
  .main-dashboard .financial-dashboard-bar .indicators li {
    margin-bottom: 10px; } }

.dark-mode .dashboard-filter__data-input input[readonly] {
  background-color: #404040 !important;
  border: none; }

.dark-mode #company-dashboard .dashboard-base-info .card .card-body .bookings-info .totals .total, .dark-mode #company-dashboard .dashboard-base-info .panel .card-body .bookings-info .totals .total, .panel .dark-mode #company-dashboard .dashboard-base-info .card .panel-body .bookings-info .totals .total, .dark-mode #company-dashboard .dashboard-base-info .panel .panel-body .bookings-info .totals .total,
.dark-mode #company-dashboard .dashboard-base-info .panel .card-body .bookings-info .totals .total,
.dark-mode #company-dashboard .dashboard-base-info .panel .panel-body .bookings-info .totals .total,
.dark-mode .panel #company-dashboard .dashboard-base-info .card .panel-body .bookings-info .totals .total,
.dark-mode .panel #company-dashboard .dashboard-base-info .panel .panel-body .bookings-info .totals .total,
.dark-mode #company-dashboard .dashboard-base-info .panel .panel-body .bookings-info .totals .total {
  color: #bcbcbc; }

.change-interface-alert {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  position: relative;
  margin-bottom: 0; }
  .change-interface-alert:before {
    position: absolute;
    left: 17px;
    top: 14px;
    margin: 0; }
    @media (max-width: 767px) {
      .change-interface-alert:before {
        left: 8px;
        top: 4px;
        font-size: 20px; } }
  @media (max-width: 767px) {
    .change-interface-alert {
      flex-wrap: wrap;
      justify-content: center;
      text-align: center;
      padding-left: 15px; }
      .change-interface-alert .text {
        width: 100%; } }
  .change-interface-alert .interface-switcher {
    text-decoration: none;
    margin-right: 0;
    margin-left: 10px; }
    @media (max-width: 767px) {
      .change-interface-alert .interface-switcher {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 10px; } }

.company-dashboard {
  padding: 20px 5px; }
  .company-dashboard .card .card-header, .company-dashboard .panel .card-header, .panel .company-dashboard .card .panel-heading, .company-dashboard .panel .panel-heading {
    font-size: 14px; }
  .company-dashboard .dashboard-filter__data-field,
  .company-dashboard .dashboard-filter__data-period {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    overflow: hidden; }
    .company-dashboard .dashboard-filter__data-field .btn--secondary-outline,
    .company-dashboard .dashboard-filter__data-period .btn--secondary-outline {
      white-space: normal;
      flex: unset !important;
      flex-grow: 1 !important; }
      .company-dashboard .dashboard-filter__data-field .btn--secondary-outline .btn__txt,
      .company-dashboard .dashboard-filter__data-period .btn--secondary-outline .btn__txt {
        white-space: normal;
        line-height: 1.1; }
  .company-dashboard .dashboard-filter__data-field .btn--secondary-outline {
    flex: 1 !important; }
  .company-dashboard .dashboard-base-info {
    position: relative;
    font-size: 14px; }
    .company-dashboard .dashboard-base-info .grid--booking-info {
      display: grid;
      gap: 10px;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
      @media (max-width: 1860px) {
        .company-dashboard .dashboard-base-info .grid--booking-info {
          grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); } }
      @media (max-width: 800px) {
        .company-dashboard .dashboard-base-info .grid--booking-info {
          grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); } }
      @media (max-width: 600px) {
        .company-dashboard .dashboard-base-info .grid--booking-info {
          grid-template-columns: repeat(auto-fit, minmax(156px, 1fr)); } }
      @media (max-width: 370px) {
        .company-dashboard .dashboard-base-info .grid--booking-info {
          grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } }
      .company-dashboard .dashboard-base-info .grid--booking-info .grid-item .card, .company-dashboard .dashboard-base-info .grid--booking-info .grid-item .panel {
        padding: 16px;
        display: flex;
        flex-direction: column;
        gap: 12px; }
        .company-dashboard .dashboard-base-info .grid--booking-info .grid-item .card-header, .company-dashboard .dashboard-base-info .grid--booking-info .grid-item .panel .panel-heading, .panel .company-dashboard .dashboard-base-info .grid--booking-info .grid-item .panel-heading, .company-dashboard .dashboard-base-info .grid--booking-info .grid-item .card-body, .company-dashboard .dashboard-base-info .grid--booking-info .grid-item .panel .panel-body, .panel .company-dashboard .dashboard-base-info .grid--booking-info .grid-item .panel-body {
          padding: 0;
          width: 100%; }
        .company-dashboard .dashboard-base-info .grid--booking-info .grid-item .card-header, .company-dashboard .dashboard-base-info .grid--booking-info .grid-item .panel .panel-heading, .panel .company-dashboard .dashboard-base-info .grid--booking-info .grid-item .panel-heading {
          line-height: 1.2; }
      .company-dashboard .dashboard-base-info .grid--booking-info .grid-item--prev-week .grid-item--prev-week,
      .company-dashboard .dashboard-base-info .grid--booking-info .grid-item--prev-week .grid-item--cur-week {
        max-width: 166px; }
      @media (min-width: 767px) {
        .company-dashboard .dashboard-base-info .grid--booking-info .grid-item--prev-week .grid-item--cur-week {
          padding-top: 33px; } }
      @media (max-width: 1860px) {
        .company-dashboard .dashboard-base-info .grid--booking-info .grid-item--prev-week, .company-dashboard .dashboard-base-info .grid--booking-info .grid-item--cur-tariff {
          grid-row: 2; } }
      @media (max-width: 800px) {
        .company-dashboard .dashboard-base-info .grid--booking-info .grid-item--prev-week, .company-dashboard .dashboard-base-info .grid--booking-info .grid-item--cur-tariff {
          grid-row: auto; } }
      @media (max-width: 1860px) {
        .company-dashboard .dashboard-base-info .grid--booking-info .grid-item--prev-week {
          grid-column: 1 / 3; } }
      @media (max-width: 800px) {
        .company-dashboard .dashboard-base-info .grid--booking-info .grid-item--prev-week {
          grid-column: auto; } }
      @media (max-width: 700px) {
        .company-dashboard .dashboard-base-info .grid--booking-info .grid-item--prev-week {
          grid-column: 1 / 3; } }
      @media (max-width: 370px) {
        .company-dashboard .dashboard-base-info .grid--booking-info .grid-item--prev-week {
          grid-column: auto; } }
      @media (max-width: 1860px) {
        .company-dashboard .dashboard-base-info .grid--booking-info .grid-item--cur-tariff {
          grid-column: 3 / 5; } }
      @media (max-width: 800px) {
        .company-dashboard .dashboard-base-info .grid--booking-info .grid-item--cur-tariff {
          grid-column: auto; } }
      @media (max-width: 700px) {
        .company-dashboard .dashboard-base-info .grid--booking-info .grid-item--cur-tariff {
          grid-column: 1 / 3; } }
      @media (max-width: 370px) {
        .company-dashboard .dashboard-base-info .grid--booking-info .grid-item--cur-tariff {
          grid-column: auto; } }
    .company-dashboard .dashboard-base-info .activate-plugin-wrap.payments-feature {
      background-color: #00D38B; }
      .company-dashboard .dashboard-base-info .activate-plugin-wrap.payments-feature .activate-plugin-link {
        padding-top: 12px;
        background-image: none;
        text-align: center; }
        .company-dashboard .dashboard-base-info .activate-plugin-wrap.payments-feature .activate-plugin-link a:hover, .company-dashboard .dashboard-base-info .activate-plugin-wrap.payments-feature .activate-plugin-link a:focus {
          color: #30d569; }
    .company-dashboard .dashboard-base-info .activate-plugin-wrap.visits-count-plugin {
      background: #bd91dc; }
      .company-dashboard .dashboard-base-info .activate-plugin-wrap.visits-count-plugin .activate-plugin-link a:hover, .company-dashboard .dashboard-base-info .activate-plugin-wrap.visits-count-plugin .activate-plugin-link a:focus {
        color: #bd91dc; }
    .company-dashboard .dashboard-base-info .activate-plugin-wrap {
      margin: 0 -16px -16px -16px;
      background: rgba(6, 173, 239, 0.7);
      z-index: 10;
      border-radius: 5px;
      transition: all .4s ease;
      background-repeat: no-repeat;
      background-position: center center; }
      .company-dashboard .dashboard-base-info .activate-plugin-wrap .activate-plugin-link {
        padding: 12px;
        margin: auto;
        text-align: center;
        color: #fff;
        padding-top: 70px;
        background-repeat: no-repeat;
        background-position: center top 10px;
        background-size: 50px;
        background-image: url("/v2/images/admin/dashboard/hidden.svg"); }
        .company-dashboard .dashboard-base-info .activate-plugin-wrap .activate-plugin-link a {
          margin-top: 14px; }
          .company-dashboard .dashboard-base-info .activate-plugin-wrap .activate-plugin-link a:hover, .company-dashboard .dashboard-base-info .activate-plugin-wrap .activate-plugin-link a:active, .company-dashboard .dashboard-base-info .activate-plugin-wrap .activate-plugin-link a:focus, .company-dashboard .dashboard-base-info .activate-plugin-wrap .activate-plugin-link a:visited {
            background-color: #fff; }
    @media (min-width: 1024px) {
      .company-dashboard .dashboard-base-info .custom-card {
        padding-right: 0; } }
    @media (max-width: 1023px) and (min-width: 575px) {
      .company-dashboard .dashboard-base-info .custom-card:nth-child(2n - 1) {
        padding-right: 0; } }
    .company-dashboard .dashboard-base-info .custom-card.big-card {
      min-height: 236px; }
      @media (max-width: 767px) {
        .company-dashboard .dashboard-base-info .custom-card.big-card.card-5 {
          margin-bottom: 15px; } }
    .company-dashboard .dashboard-base-info .custom-card.small-card {
      min-height: 146px; }
    @media (min-width: 1024px) and (max-width: 1500px) {
      .company-dashboard .dashboard-base-info [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 1rem; }
        .company-dashboard .dashboard-base-info [class*="col-"]:last-of-type {
          margin-bottom: 0; } }
    .company-dashboard .dashboard-base-info .card, .company-dashboard .dashboard-base-info .panel {
      height: 100%;
      box-shadow: none; }
      .company-dashboard .dashboard-base-info .card .card-header, .company-dashboard .dashboard-base-info .panel .card-header, .panel .company-dashboard .dashboard-base-info .card .panel-heading, .company-dashboard .dashboard-base-info .panel .panel-heading {
        display: flex;
        align-items: center;
        gap: 8px;
        min-height: 30px; }
        .company-dashboard .dashboard-base-info .card .card-header .p, .company-dashboard .dashboard-base-info .panel .card-header .p, .panel .company-dashboard .dashboard-base-info .card .panel-heading .p, .company-dashboard .dashboard-base-info .panel .panel-heading .p {
          flex: 1; }
        .company-dashboard .dashboard-base-info .card .card-header .tariff-name, .company-dashboard .dashboard-base-info .panel .card-header .tariff-name, .panel .company-dashboard .dashboard-base-info .card .panel-heading .tariff-name, .company-dashboard .dashboard-base-info .panel .panel-heading .tariff-name {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
      .company-dashboard .dashboard-base-info .card .card-body, .company-dashboard .dashboard-base-info .panel .card-body, .company-dashboard .dashboard-base-info .card .panel .panel-body, .panel .company-dashboard .dashboard-base-info .card .panel-body, .company-dashboard .dashboard-base-info .panel .panel-body {
        position: relative; }
        .company-dashboard .dashboard-base-info .card .card-body table tr th, .company-dashboard .dashboard-base-info .panel .card-body table tr th, .company-dashboard .dashboard-base-info .card .panel .panel-body table tr th, .panel .company-dashboard .dashboard-base-info .card .panel-body table tr th, .company-dashboard .dashboard-base-info .panel .panel-body table tr th,
        .company-dashboard .dashboard-base-info .card .card-body table tr td,
        .company-dashboard .dashboard-base-info .panel .card-body table tr td,
        .company-dashboard .dashboard-base-info .card .panel .panel-body table tr td,
        .panel .company-dashboard .dashboard-base-info .card .panel-body table tr td,
        .company-dashboard .dashboard-base-info .panel .panel-body table tr td {
          padding: 0 10px 4px;
          text-transform: capitalize; }
          .company-dashboard .dashboard-base-info .card .card-body table tr th:first-child, .company-dashboard .dashboard-base-info .panel .card-body table tr th:first-child, .panel .company-dashboard .dashboard-base-info .card .panel-body table tr th:first-child, .company-dashboard .dashboard-base-info .panel .panel-body table tr th:first-child,
          .company-dashboard .dashboard-base-info .card .card-body table tr td:first-child,
          .company-dashboard .dashboard-base-info .panel .card-body table tr td:first-child,
          .panel .company-dashboard .dashboard-base-info .card .panel-body table tr td:first-child,
          .company-dashboard .dashboard-base-info .panel .panel-body table tr td:first-child {
            padding-left: 0px; }
          .company-dashboard .dashboard-base-info .card .card-body table tr th:last-child, .company-dashboard .dashboard-base-info .panel .card-body table tr th:last-child, .panel .company-dashboard .dashboard-base-info .card .panel-body table tr th:last-child, .company-dashboard .dashboard-base-info .panel .panel-body table tr th:last-child,
          .company-dashboard .dashboard-base-info .card .card-body table tr td:last-child,
          .company-dashboard .dashboard-base-info .panel .card-body table tr td:last-child,
          .panel .company-dashboard .dashboard-base-info .card .panel-body table tr td:last-child,
          .company-dashboard .dashboard-base-info .panel .panel-body table tr td:last-child {
            padding-right: 0px; }
        .company-dashboard .dashboard-base-info .card .card-body table tr:last-child, .company-dashboard .dashboard-base-info .panel .card-body table tr:last-child, .panel .company-dashboard .dashboard-base-info .card .panel-body table tr:last-child, .company-dashboard .dashboard-base-info .panel .panel-body table tr:last-child {
          padding-bottom: 0; }
        .company-dashboard .dashboard-base-info .card .card-body .bookings-info > *:not(:last-child), .company-dashboard .dashboard-base-info .panel .card-body .bookings-info > *:not(:last-child), .panel .company-dashboard .dashboard-base-info .card .panel-body .bookings-info > *:not(:last-child), .company-dashboard .dashboard-base-info .panel .panel-body .bookings-info > *:not(:last-child) {
          margin-bottom: 5px; }
        .company-dashboard .dashboard-base-info .card .card-body .bookings-info .totals, .company-dashboard .dashboard-base-info .panel .card-body .bookings-info .totals, .panel .company-dashboard .dashboard-base-info .card .panel-body .bookings-info .totals, .company-dashboard .dashboard-base-info .panel .panel-body .bookings-info .totals {
          line-height: 1;
          display: flex;
          flex-direction: column-reverse;
          gap: 12px; }
          .company-dashboard .dashboard-base-info .card .card-body .bookings-info .totals .total, .company-dashboard .dashboard-base-info .panel .card-body .bookings-info .totals .total, .panel .company-dashboard .dashboard-base-info .card .panel-body .bookings-info .totals .total, .company-dashboard .dashboard-base-info .panel .panel-body .bookings-info .totals .total {
            font-weight: 600;
            font-size: 34px;
            line-height: 1; }
            .company-dashboard .dashboard-base-info .card .card-body .bookings-info .totals .total .sub, .company-dashboard .dashboard-base-info .panel .card-body .bookings-info .totals .total .sub, .panel .company-dashboard .dashboard-base-info .card .panel-body .bookings-info .totals .total .sub, .company-dashboard .dashboard-base-info .panel .panel-body .bookings-info .totals .total .sub {
              font-size: 21px;
              font-weight: 400;
              margin-left: 3px; }
            .company-dashboard .dashboard-base-info .card .card-body .bookings-info .totals .total.small, .company-dashboard .dashboard-base-info .panel .card-body .bookings-info .totals .total.small, .panel .company-dashboard .dashboard-base-info .card .panel-body .bookings-info .totals .total.small, .company-dashboard .dashboard-base-info .panel .panel-body .bookings-info .totals .total.small {
              font-size: 16px; }
          .company-dashboard .dashboard-base-info .card .card-body .bookings-info .totals .total-shift, .company-dashboard .dashboard-base-info .panel .card-body .bookings-info .totals .total-shift, .panel .company-dashboard .dashboard-base-info .card .panel-body .bookings-info .totals .total-shift, .company-dashboard .dashboard-base-info .panel .panel-body .bookings-info .totals .total-shift {
            display: flex;
            flex-direction: row-reverse;
            align-items: center;
            justify-content: flex-end;
            gap: 8px; }
            .company-dashboard .dashboard-base-info .card .card-body .bookings-info .totals .total-shift .total-shift-text, .company-dashboard .dashboard-base-info .panel .card-body .bookings-info .totals .total-shift .total-shift-text, .panel .company-dashboard .dashboard-base-info .card .panel-body .bookings-info .totals .total-shift .total-shift-text, .company-dashboard .dashboard-base-info .panel .panel-body .bookings-info .totals .total-shift .total-shift-text {
              display: block;
              position: relative; }
            .company-dashboard .dashboard-base-info .card .card-body .bookings-info .totals .total-shift .total-shift-img, .company-dashboard .dashboard-base-info .panel .card-body .bookings-info .totals .total-shift .total-shift-img, .panel .company-dashboard .dashboard-base-info .card .panel-body .bookings-info .totals .total-shift .total-shift-img, .company-dashboard .dashboard-base-info .panel .panel-body .bookings-info .totals .total-shift .total-shift-img {
              display: block; }
              .company-dashboard .dashboard-base-info .card .card-body .bookings-info .totals .total-shift .total-shift-img.up, .company-dashboard .dashboard-base-info .panel .card-body .bookings-info .totals .total-shift .total-shift-img.up, .panel .company-dashboard .dashboard-base-info .card .panel-body .bookings-info .totals .total-shift .total-shift-img.up, .company-dashboard .dashboard-base-info .panel .panel-body .bookings-info .totals .total-shift .total-shift-img.up {
                width: 0px;
                height: 0px;
                border-left: 8px solid transparent;
                border-right: 8px solid transparent;
                border-bottom: 8px solid #00D38B; }
              .company-dashboard .dashboard-base-info .card .card-body .bookings-info .totals .total-shift .total-shift-img.down, .company-dashboard .dashboard-base-info .panel .card-body .bookings-info .totals .total-shift .total-shift-img.down, .panel .company-dashboard .dashboard-base-info .card .panel-body .bookings-info .totals .total-shift .total-shift-img.down, .company-dashboard .dashboard-base-info .panel .panel-body .bookings-info .totals .total-shift .total-shift-img.down {
                width: 0px;
                height: 0px;
                border-left: 8px solid transparent;
                border-right: 8px solid transparent;
                border-top: 8px solid #FF3259; }
        .company-dashboard .dashboard-base-info .card .card-body .bookings-info .dates, .company-dashboard .dashboard-base-info .panel .card-body .bookings-info .dates, .panel .company-dashboard .dashboard-base-info .card .panel-body .bookings-info .dates, .company-dashboard .dashboard-base-info .panel .panel-body .bookings-info .dates {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          align-items: center;
          gap: 8px 12px; }
          .company-dashboard .dashboard-base-info .card .card-body .bookings-info .dates .info-text, .company-dashboard .dashboard-base-info .panel .card-body .bookings-info .dates .info-text, .panel .company-dashboard .dashboard-base-info .card .panel-body .bookings-info .dates .info-text, .company-dashboard .dashboard-base-info .panel .panel-body .bookings-info .dates .info-text,
          .company-dashboard .dashboard-base-info .card .card-body .bookings-info .dates .info-date,
          .company-dashboard .dashboard-base-info .panel .card-body .bookings-info .dates .info-date,
          .panel .company-dashboard .dashboard-base-info .card .panel-body .bookings-info .dates .info-date,
          .company-dashboard .dashboard-base-info .panel .panel-body .bookings-info .dates .info-date {
            flex: 1;
            color: #788291;
            font-size: 12px; }
          .company-dashboard .dashboard-base-info .card .card-body .bookings-info .dates .info-date span, .company-dashboard .dashboard-base-info .panel .card-body .bookings-info .dates .info-date span, .panel .company-dashboard .dashboard-base-info .card .panel-body .bookings-info .dates .info-date span, .company-dashboard .dashboard-base-info .panel .panel-body .bookings-info .dates .info-date span {
            display: inline-block;
            line-height: 1.1; }
        .company-dashboard .dashboard-base-info .card .card-body.activation-required, .company-dashboard .dashboard-base-info .panel .card-body.activation-required, .panel .company-dashboard .dashboard-base-info .card .activation-required.panel-body, .company-dashboard .dashboard-base-info .panel .activation-required.panel-body {
          color: #ffffff;
          opacity: .9; }
    .company-dashboard .dashboard-base-info .card-1 .card-header, .company-dashboard .dashboard-base-info .card-1 .panel .panel-heading, .panel .company-dashboard .dashboard-base-info .card-1 .panel-heading,
    .company-dashboard .dashboard-base-info .card-1 .activation-required {
      background: rgba(254, 244, 246, 0.3); }
    .company-dashboard .dashboard-base-info .card-2 .card-header, .company-dashboard .dashboard-base-info .card-2 .panel .panel-heading, .panel .company-dashboard .dashboard-base-info .card-2 .panel-heading,
    .company-dashboard .dashboard-base-info .card-2 .activation-required {
      background: rgba(216, 244, 255, 0.3); }
    .company-dashboard .dashboard-base-info .card-3 .card-header, .company-dashboard .dashboard-base-info .card-3 .panel .panel-heading, .panel .company-dashboard .dashboard-base-info .card-3 .panel-heading,
    .company-dashboard .dashboard-base-info .card-3 .activation-required {
      background: rgba(255, 252, 245, 0.3); }
    .company-dashboard .dashboard-base-info .card-4 .card-header, .company-dashboard .dashboard-base-info .card-4 .panel .panel-heading, .panel .company-dashboard .dashboard-base-info .card-4 .panel-heading,
    .company-dashboard .dashboard-base-info .card-4 .activation-required {
      background: rgba(229, 251, 243, 0.3); }
    .company-dashboard .dashboard-base-info .card-5 .card-header, .company-dashboard .dashboard-base-info .card-5 .panel .panel-heading, .panel .company-dashboard .dashboard-base-info .card-5 .panel-heading,
    .company-dashboard .dashboard-base-info .card-5 .activation-required {
      background: rgba(251, 244, 255, 0.3); }
    .company-dashboard .dashboard-base-info .card-6 .card-header, .company-dashboard .dashboard-base-info .card-6 .panel .panel-heading, .panel .company-dashboard .dashboard-base-info .card-6 .panel-heading,
    .company-dashboard .dashboard-base-info .card-6 .activation-required {
      background: rgba(241, 246, 255, 0.3); }
  .company-dashboard .dashboard-bookings {
    height: 100%;
    white-space: nowrap; }
    .company-dashboard .dashboard-bookings .table-responsive, .company-dashboard .dashboard-bookings .dataTables_wrapper, .company-dashboard .dashboard-bookings .plugin-status-page #status_div, .plugin-status-page .company-dashboard .dashboard-bookings #status_div {
      min-height: 160px; }
      .company-dashboard .dashboard-bookings .table-responsive .empty-table, .company-dashboard .dashboard-bookings .dataTables_wrapper .empty-table, .company-dashboard .dashboard-bookings .plugin-status-page #status_div .empty-table, .plugin-status-page .company-dashboard .dashboard-bookings #status_div .empty-table {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-direction: column-reverse;
        gap: 24px;
        text-align: center;
        padding: 24px 0; }
    .company-dashboard .dashboard-bookings .card, .company-dashboard .dashboard-bookings .panel {
      height: 100%; }
      @media (max-width: 1024px) {
        .company-dashboard .dashboard-bookings .card, .company-dashboard .dashboard-bookings .panel {
          min-height: 412px; } }
    .company-dashboard .dashboard-bookings .card-body, .company-dashboard .dashboard-bookings .panel .panel-body, .panel .company-dashboard .dashboard-bookings .panel-body {
      border-radius: 3px;
      padding: 0;
      max-height: 560px;
      overflow: hidden;
      height: 100%;
      position: relative; }
      @media (max-width: 1024px) {
        .company-dashboard .dashboard-bookings .card-body, .company-dashboard .dashboard-bookings .panel .panel-body, .panel .company-dashboard .dashboard-bookings .panel-body {
          max-height: 314px; } }
      .company-dashboard .dashboard-bookings .card-body .dashboard-booking-details, .company-dashboard .dashboard-bookings .panel .panel-body .dashboard-booking-details, .panel .company-dashboard .dashboard-bookings .panel-body .dashboard-booking-details {
        display: inline-block;
        padding-right: 18px;
        position: relative;
        width: 100%;
        text-align: right; }
        .company-dashboard .dashboard-bookings .card-body .dashboard-booking-details .fa, .company-dashboard .dashboard-bookings .panel .panel-body .dashboard-booking-details .fa, .panel .company-dashboard .dashboard-bookings .panel-body .dashboard-booking-details .fa {
          position: absolute;
          font-size: 20px;
          right: 0;
          top: 1px; }
    .company-dashboard .dashboard-bookings .table thead th {
      border-top: none; }
    .company-dashboard .dashboard-bookings .table td .service {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 6px; }
      .company-dashboard .dashboard-bookings .table td .service a {
        flex: 1;
        display: inline-block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 220px; }
    .company-dashboard .dashboard-bookings .table td .record-date-time {
      color: #6a758c; }
      .company-dashboard .dashboard-bookings .table td .record-date-time .fa {
        font-size: 12px;
        margin-right: 2px; }
    .company-dashboard .dashboard-bookings .tab-content {
      position: relative;
      padding-left: 8px;
      padding-right: 8px; }
    .company-dashboard .dashboard-bookings .detailed-link {
      padding: 1.25rem 1rem;
      text-align: right;
      left: 0;
      width: 100%;
      bottom: 0;
      border-radius: 0 0 4px 4px;
      z-index: 10; }
      .company-dashboard .dashboard-bookings .detailed-link a {
        position: relative;
        padding-right: 18px; }
        .company-dashboard .dashboard-bookings .detailed-link a .fa {
          position: absolute;
          right: 0;
          top: -1px;
          font-size: 20px; }
      @media (max-width: 767px) {
        .company-dashboard .dashboard-bookings .detailed-link {
          text-align: left; } }
    .company-dashboard .dashboard-bookings .table-content-scroll {
      max-height: 482px;
      overflow-y: scroll; }
      .company-dashboard .dashboard-bookings .table-content-scroll::-webkit-scrollbar {
        width: 0;
        background: transparent; }
      .company-dashboard .dashboard-bookings .table-content-scroll .table-dashboard-block.table thead th {
        font-weight: 700;
        border-bottom: 1px solid #ddd;
        cursor: pointer; }
        .company-dashboard .dashboard-bookings .table-content-scroll .table-dashboard-block.table thead th:first-child {
          padding-left: 25px; }
        .company-dashboard .dashboard-bookings .table-content-scroll .table-dashboard-block.table thead th:last-child {
          padding-right: 25px; }
        .company-dashboard .dashboard-bookings .table-content-scroll .table-dashboard-block.table thead th .sort-asc {
          display: none; }
      .company-dashboard .dashboard-bookings .table-content-scroll .table-dashboard-block.table tbody td {
        padding: 15px 10px 15px 10px;
        text-transform: capitalize; }
        .company-dashboard .dashboard-bookings .table-content-scroll .table-dashboard-block.table tbody td:first-child {
          padding-left: 25px; }
        .company-dashboard .dashboard-bookings .table-content-scroll .table-dashboard-block.table tbody td:last-child {
          padding-right: 25px; }
      .company-dashboard .dashboard-bookings .table-content-scroll .table-dashboard-block thead {
        background: #06adef;
        color: #ffffff; }
        .company-dashboard .dashboard-bookings .table-content-scroll .table-dashboard-block thead th:last-child {
          width: 115px;
          text-align: center; }
  .company-dashboard .panel-dashboard-block {
    height: 100%; }
    .company-dashboard .panel-dashboard-block.dashboard-chart-bookings {
      background-image: url(/v2/images/admin/dashboard/total_bookings.png);
      min-height: 455px; }
    .company-dashboard .panel-dashboard-block.dashboard-chart-workload {
      background-image: url(/v2/images/admin/dashboard/total_bookings2.png);
      min-height: 455px; }
    .company-dashboard .panel-dashboard-block.dashboard-popular-providers .chart-table .chart-container .no-chart, .company-dashboard .panel-dashboard-block.dashboard-popular-providers .chart-table .chart-container .no-chart {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url(/v2/images/admin/bird-jay-side.svg);
      -webkit-background-size: 120px;
      background-size: 120px;
      min-width: 100px; }
    .company-dashboard .panel-dashboard-block.dashboard-chart-payment-systems {
      min-height: 250px; }
      .company-dashboard .panel-dashboard-block.dashboard-chart-payment-systems .no-chart {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: 50% 25%;
        background-image: url(/v2/images/admin/bird-jay-side.svg);
        -webkit-background-size: 120px;
        background-size: 120px;
        min-width: 100px;
        padding-top: 50%;
        text-align: center; }
      .company-dashboard .panel-dashboard-block.dashboard-chart-payment-systems #chart-payment-systems-pie-chart {
        text-align: center;
        min-height: auto; }
        .company-dashboard .panel-dashboard-block.dashboard-chart-payment-systems #chart-payment-systems-pie-chart canvas {
          width: 100%;
          max-height: 140px;
          max-width: 140px;
          margin: 40px auto 20px auto; }
    .company-dashboard .panel-dashboard-block.activated {
      background-image: none; }
    .company-dashboard .panel-dashboard-block a.expand-btn {
      display: inline-block;
      padding-right: 18px;
      position: relative; }
      .company-dashboard .panel-dashboard-block a.expand-btn i.fa {
        font-size: 20px;
        position: absolute;
        right: -6px;
        top: 1px; }
    .company-dashboard .panel-dashboard-block .activate-plugin-wrap {
      display: flex;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(6, 173, 239, 0.7);
      z-index: 10;
      border-radius: 0 0 4px 4px;
      transition: all .4s ease;
      background-repeat: no-repeat;
      background-position: center center; }
      .company-dashboard .panel-dashboard-block .activate-plugin-wrap .activate-plugin-link {
        max-width: 300px;
        margin: auto;
        text-align: center;
        color: #fff;
        padding-top: 80px;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 80px;
        background-image: url("/v2/images/admin/dashboard/hidden.svg"); }
        .company-dashboard .panel-dashboard-block .activate-plugin-wrap .activate-plugin-link a {
          margin-top: 14px; }
    .company-dashboard .panel-dashboard-block .card-body, .company-dashboard .panel-dashboard-block .panel .panel-body, .panel .company-dashboard .panel-dashboard-block .panel-body {
      position: relative; }
      .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container {
        height: 100%;
        padding-bottom: 20px; }
        .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .select-type > *:not(:last-child), .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .select-type > *:not(:last-child), .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .select-type > *:not(:last-child) {
          margin-right: 10px; }
        .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .legend-search, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .legend-search, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .legend-search {
          flex: 1; }
        .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .btn-group--switcher, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .btn-group--switcher, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .btn-group--switcher {
          width: 100%; }
          .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .btn-group--switcher .btn, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .btn-group--switcher .btn, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .btn-group--switcher .btn {
            flex: 1 !important; }
        .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend-filter, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend-filter, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend-filter {
          width: 100%;
          margin-top: 5px; }
          .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend-filter > *:not(:last-child), .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend-filter > *:not(:last-child), .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend-filter > *:not(:last-child) {
            margin-right: 10px; }
          .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend-filter .btn--no-text:before, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend-filter .btn--no-text:before, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend-filter .btn--no-text:before {
            margin: 0 !important; }
          .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend-filter .field-container, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend-filter .field-container, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend-filter .field-container {
            margin-right: 0;
            width: 100%;
            flex-wrap: wrap; }
            .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend-filter .field-container .legend-select, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend-filter .field-container .legend-select, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend-filter .field-container .legend-select {
              flex: 1; }
          .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend-filter.chart-legend-filter-expanded .field-container, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend-filter.chart-legend-filter-expanded .field-container, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend-filter.chart-legend-filter-expanded .field-container {
            gap: 8px; }
            @media (max-width: 1642px) {
              .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend-filter.chart-legend-filter-expanded .field-container .legend-select, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend-filter.chart-legend-filter-expanded .field-container .legend-select, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend-filter.chart-legend-filter-expanded .field-container .legend-select {
                flex: unset;
                width: 100%; } }
            @media (max-width: 1200px) {
              .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend-filter.chart-legend-filter-expanded .field-container .legend-select, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend-filter.chart-legend-filter-expanded .field-container .legend-select, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend-filter.chart-legend-filter-expanded .field-container .legend-select {
                width: calc(100% - 88px); } }
          .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend-filter > *, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend-filter > *, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend-filter > * {
            margin-bottom: 5px; }
          .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend-filter .legend-select, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-select, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-select {
            min-width: 100px; }
          .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-name, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-name, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-name,
          .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-position,
          .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-position,
          .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-position {
            display: none; }
            .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-name.order-asc::before, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-name.order-asc::before, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-name.order-asc::before, .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-name.order-desc::before, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-name.order-desc::before, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-name.order-desc::before,
            .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-position.order-asc::before,
            .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-position.order-asc::before,
            .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-position.order-asc::before,
            .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-position.order-desc::before,
            .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-position.order-desc::before,
            .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-position.order-desc::before {
              display: inline-block;
              font: normal normal normal 14px/1 FontAwesome;
              font-size: inherit;
              text-rendering: auto;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              margin-right: 10px; }
            .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-name.order-asc::before, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-name.order-asc::before, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-name.order-asc::before,
            .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-position.order-asc::before,
            .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-position.order-asc::before,
            .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-position.order-asc::before {
              display: inline-block;
              content: "";
              font-family: 'Font Awesome 5 Pro';
              font-weight: 400;
              font-style: normal;
              text-decoration: inherit;
              font-size: inherit;
              text-rendering: auto;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
            .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-name.order-desc::before, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-name.order-desc::before, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-name.order-desc::before,
            .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-position.order-desc::before,
            .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-position.order-desc::before,
            .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-position.order-desc::before {
              display: inline-block;
              content: "";
              font-family: 'Font Awesome 5 Pro';
              font-weight: 400;
              font-style: normal;
              text-decoration: inherit;
              font-size: inherit;
              text-rendering: auto;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
          
          .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-position.order-asc::before,
          .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-position.order-asc::before,
          .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-position.order-asc::before {
            display: inline-block;
            content: "";
            font-family: 'Font Awesome 5 Pro';
            font-weight: 400;
            font-style: normal;
            text-decoration: inherit;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
          
          .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-position.order-desc::before,
          .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-position.order-desc::before,
          .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-sort-position.order-desc::before {
            display: inline-block;
            content: "";
            font-family: 'Font Awesome 5 Pro';
            font-weight: 400;
            font-style: normal;
            text-decoration: inherit;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
          .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend-filter .legend-search, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-search, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-search {
            display: none; }
          .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend-filter .legend-reset, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-reset, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-reset {
            font-size: 20px;
            padding: 0px;
            float: right; }
            .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend-filter .legend-reset:hover, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-reset:hover, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend-filter .legend-reset:hover {
              animation: spin 4s linear infinite; }

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

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

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
          .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend-filter.chart-legend-filter-expanded .legend-sort-name, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend-filter.chart-legend-filter-expanded .legend-sort-name, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend-filter.chart-legend-filter-expanded .legend-sort-name {
            display: inline-flex; }
          .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend-filter.chart-legend-filter-expanded .legend-sort-position, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend-filter.chart-legend-filter-expanded .legend-sort-position, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend-filter.chart-legend-filter-expanded .legend-sort-position {
            display: inline-flex; }
          .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend-filter.chart-legend-filter-expanded .legend-search, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend-filter.chart-legend-filter-expanded .legend-search, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend-filter.chart-legend-filter-expanded .legend-search {
            display: inline-flex;
            width: 100%;
            flex: 1; }
        .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend {
          width: 100%;
          margin-top: 5px;
          margin-bottom: 5px; }
          .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend.chart-legend-expanded .chart-legend-content .legend_name, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend.chart-legend-expanded .chart-legend-content .legend_name, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend.chart-legend-expanded .chart-legend-content .legend_name {
            display: inline-block;
            width: 40%; }
          .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend .chart-legend-content, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend .chart-legend-content, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend .chart-legend-content {
            width: 100%;
            height: 100%;
            max-height: 265px;
            overflow-x: hidden;
            overflow-y: auto;
            padding: 10px 5px 10px 5px;
            vertical-align: middle; }
            @media (max-width: 1024px) {
              .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend .chart-legend-content, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend .chart-legend-content, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend .chart-legend-content {
                padding: 0; } }
            .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend .chart-legend-content::-webkit-scrollbar, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend .chart-legend-content::-webkit-scrollbar, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend .chart-legend-content::-webkit-scrollbar {
              width: 0px;
              background: transparent; }
            .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend .chart-legend-content .legend_name, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend .chart-legend-content .legend_name, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend .chart-legend-content .legend_name {
              display: block;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              margin: 2px 0px 0px 0px;
              cursor: pointer; }
              .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend .chart-legend-content .legend_name.notactive, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend .chart-legend-content .legend_name.notactive, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend .chart-legend-content .legend_name.notactive {
                color: #b3b3b7; }
              .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-legend .chart-legend-content .legend_name span, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-legend .chart-legend-content .legend_name span, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-legend .chart-legend-content .legend_name span {
                display: inline-block;
                width: 14px;
                height: 14px;
                border-radius: 50%;
                margin-right: 9px; }
        .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-expand-btn-cont, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-expand-btn-cont, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-expand-btn-cont {
          position: absolute;
          bottom: 0;
          width: 100%;
          text-align: left; }
          @media (max-width: 767px) {
            .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-expand-btn-cont, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-expand-btn-cont, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-expand-btn-cont {
              margin: 15px 0 10px 0;
              position: static; } }
          .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-expand-btn-cont .expand-btn .fa, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-expand-btn-cont .expand-btn .fa, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-expand-btn-cont .expand-btn .fa {
            position: relative;
            top: 2px; }
          .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-expand-btn-cont .expand-btn .expanded-text, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-expand-btn-cont .expand-btn .expanded-text, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-expand-btn-cont .expand-btn .expanded-text {
            display: none; }
          .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-expand-btn-cont .expand-btn.expanded span, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-expand-btn-cont .expand-btn.expanded span, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-expand-btn-cont .expand-btn.expanded span {
            display: none; }
          .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-expand-btn-cont .expand-btn.expanded .expanded-text, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-expand-btn-cont .expand-btn.expanded .expanded-text, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-expand-btn-cont .expand-btn.expanded .expanded-text {
            display: inline-block;
            padding-left: 18px; }
            .company-dashboard .panel-dashboard-block .card-body .chart-calendar .legend-container .chart-expand-btn-cont .expand-btn.expanded .expanded-text .fa, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .legend-container .chart-expand-btn-cont .expand-btn.expanded .expanded-text .fa, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .legend-container .chart-expand-btn-cont .expand-btn.expanded .expanded-text .fa {
              position: absolute;
              left: 0;
              top: 0;
              font-size: 20px; }
      .company-dashboard .panel-dashboard-block .card-body .chart-calendar .chart-container .chart-filter, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .chart-container .chart-filter, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .chart-container .chart-filter {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start; }
        .company-dashboard .panel-dashboard-block .card-body .chart-calendar .chart-container .chart-filter > div, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .chart-container .chart-filter > div, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .chart-container .chart-filter > div {
          margin: 0 5px 5px; }
        .company-dashboard .panel-dashboard-block .card-body .chart-calendar .chart-container .chart-filter .btn, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .chart-container .chart-filter .btn, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .chart-container .chart-filter .btn {
          padding-left: 15px;
          padding-right: 15px; }
      .company-dashboard .panel-dashboard-block .card-body .chart-calendar .chart-container .save-pdf, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .chart-container .save-pdf, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .chart-container .save-pdf {
        float: right; }
      .company-dashboard .panel-dashboard-block .card-body .chart-calendar .chart-container .chart, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .chart-container .chart, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .chart-container .chart {
        width: 100%;
        min-height: 300px;
        max-height: 320px;
        padding: 10px 0; }
        .company-dashboard .panel-dashboard-block .card-body .chart-calendar .chart-container .chart #chart-bookings-canvas, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .chart-container .chart #chart-bookings-canvas, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .chart-container .chart #chart-bookings-canvas {
          width: 100%;
          height: 100%; }
          .company-dashboard .panel-dashboard-block .card-body .chart-calendar .chart-container .chart #chart-bookings-canvas canvas, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .chart-container .chart #chart-bookings-canvas canvas, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .chart-container .chart #chart-bookings-canvas canvas {
            height: 270px; }
      .company-dashboard .panel-dashboard-block .card-body .chart-calendar .chart-container .chart-arrows, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .chart-container .chart-arrows, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .chart-container .chart-arrows {
        margin-bottom: 25px;
        width: 100%; }
        .company-dashboard .panel-dashboard-block .card-body .chart-calendar .chart-container .chart-arrows .arrow, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .chart-container .chart-arrows .arrow, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .chart-container .chart-arrows .arrow {
          display: inline-block;
          color: #06ADEF;
          font-size: 14px;
          cursor: pointer;
          position: relative; }
          .company-dashboard .panel-dashboard-block .card-body .chart-calendar .chart-container .chart-arrows .arrow.booking-chart-prev, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .chart-container .chart-arrows .arrow.booking-chart-prev, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .chart-container .chart-arrows .arrow.booking-chart-prev {
            padding-left: 18px; }
            .company-dashboard .panel-dashboard-block .card-body .chart-calendar .chart-container .chart-arrows .arrow.booking-chart-prev:before, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .chart-container .chart-arrows .arrow.booking-chart-prev:before, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .chart-container .chart-arrows .arrow.booking-chart-prev:before {
              left: 0; }
          .company-dashboard .panel-dashboard-block .card-body .chart-calendar .chart-container .chart-arrows .arrow.booking-chart-next, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .chart-container .chart-arrows .arrow.booking-chart-next, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .chart-container .chart-arrows .arrow.booking-chart-next {
            padding-right: 18px; }
            .company-dashboard .panel-dashboard-block .card-body .chart-calendar .chart-container .chart-arrows .arrow.booking-chart-next:before, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .chart-container .chart-arrows .arrow.booking-chart-next:before, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .chart-container .chart-arrows .arrow.booking-chart-next:before {
              right: 0; }
          .company-dashboard .panel-dashboard-block .card-body .chart-calendar .chart-container .chart-arrows .arrow:hover, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .chart-container .chart-arrows .arrow:hover, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .chart-container .chart-arrows .arrow:hover {
            text-decoration: underline; }
          .company-dashboard .panel-dashboard-block .card-body .chart-calendar .chart-container .chart-arrows .arrow:before, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .chart-container .chart-arrows .arrow:before, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .chart-container .chart-arrows .arrow:before, .company-dashboard .panel-dashboard-block .card-body .chart-calendar .chart-container .chart-arrows .arrow:after, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .chart-container .chart-arrows .arrow:after, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .chart-container .chart-arrows .arrow:after {
            display: inline-block;
            content: '';
            font-size: 20px;
            color: #06ADEF;
            margin: 0;
            position: absolute;
            top: -5px; }
          .company-dashboard .panel-dashboard-block .card-body .chart-calendar .chart-container .chart-arrows .arrow:nth-child(1), .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .chart-container .chart-arrows .arrow:nth-child(1), .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .chart-container .chart-arrows .arrow:nth-child(1) {
            float: left; }
            .company-dashboard .panel-dashboard-block .card-body .chart-calendar .chart-container .chart-arrows .arrow:nth-child(1):before, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .chart-container .chart-arrows .arrow:nth-child(1):before, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .chart-container .chart-arrows .arrow:nth-child(1):before {
              display: inline-block;
              content: "";
              font-family: 'Font Awesome 5 Pro';
              font-weight: 300;
              font-style: normal;
              text-decoration: inherit;
              font-size: inherit;
              text-rendering: auto;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              font-size: 20px;
              text-decoration: none; }
          .company-dashboard .panel-dashboard-block .card-body .chart-calendar .chart-container .chart-arrows .arrow:nth-child(2), .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .chart-container .chart-arrows .arrow:nth-child(2), .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .chart-container .chart-arrows .arrow:nth-child(2) {
            float: right; }
            .company-dashboard .panel-dashboard-block .card-body .chart-calendar .chart-container .chart-arrows .arrow:nth-child(2):after, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-calendar .chart-container .chart-arrows .arrow:nth-child(2):after, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-calendar .chart-container .chart-arrows .arrow:nth-child(2):after {
              display: inline-block;
              content: "";
              font-family: 'Font Awesome 5 Pro';
              font-weight: 300;
              font-style: normal;
              text-decoration: inherit;
              font-size: inherit;
              text-rendering: auto;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              font-size: 20px;
              right: 0;
              text-decoration: none; }
      .company-dashboard .panel-dashboard-block .card-body .chart-table .table-responsive, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .table-responsive, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .table-responsive, .company-dashboard .panel-dashboard-block .card-body .chart-table .dataTables_wrapper, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .dataTables_wrapper, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .dataTables_wrapper, .company-dashboard .panel-dashboard-block .card-body .chart-table .plugin-status-page #status_div, .plugin-status-page .company-dashboard .panel-dashboard-block .card-body .chart-table #status_div, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .plugin-status-page #status_div, .plugin-status-page .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table #status_div, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .plugin-status-page #status_div, .plugin-status-page .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table #status_div {
        width: 100%;
        padding-bottom: 12px;
        min-height: unset;
        overflow: auto;
        scrollbar-width: thin;
        scrollbar-color: #788291 #ABBCCC;
        scrollbar-width: auto;
        scrollbar-color: auto; }
        .company-dashboard .panel-dashboard-block .card-body .chart-table .table-responsive::-webkit-scrollbar, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .table-responsive::-webkit-scrollbar, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .table-responsive::-webkit-scrollbar, .company-dashboard .panel-dashboard-block .card-body .chart-table .dataTables_wrapper::-webkit-scrollbar, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .dataTables_wrapper::-webkit-scrollbar, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .dataTables_wrapper::-webkit-scrollbar, .company-dashboard .panel-dashboard-block .card-body .chart-table .plugin-status-page #status_div::-webkit-scrollbar, .plugin-status-page .company-dashboard .panel-dashboard-block .card-body .chart-table #status_div::-webkit-scrollbar, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .plugin-status-page #status_div::-webkit-scrollbar, .plugin-status-page .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table #status_div::-webkit-scrollbar, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .plugin-status-page #status_div::-webkit-scrollbar, .plugin-status-page .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table #status_div::-webkit-scrollbar {
          width: 4px;
          height: 4px; }
          .company-dashboard .panel-dashboard-block .card-body .chart-table .table-responsive::-webkit-scrollbar-track, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .table-responsive::-webkit-scrollbar-track, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .table-responsive::-webkit-scrollbar-track, .company-dashboard .panel-dashboard-block .card-body .chart-table .dataTables_wrapper::-webkit-scrollbar-track, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .dataTables_wrapper::-webkit-scrollbar-track, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .dataTables_wrapper::-webkit-scrollbar-track, .company-dashboard .panel-dashboard-block .card-body .chart-table .plugin-status-page #status_div::-webkit-scrollbar-track, .plugin-status-page .company-dashboard .panel-dashboard-block .card-body .chart-table #status_div::-webkit-scrollbar-track, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .plugin-status-page #status_div::-webkit-scrollbar-track, .plugin-status-page .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table #status_div::-webkit-scrollbar-track, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .plugin-status-page #status_div::-webkit-scrollbar-track, .plugin-status-page .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table #status_div::-webkit-scrollbar-track {
            background-clip: content-box;
            border: 1px solid transparent; }
          .company-dashboard .panel-dashboard-block .card-body .chart-table .table-responsive::-webkit-scrollbar-thumb, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .table-responsive::-webkit-scrollbar-thumb, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .table-responsive::-webkit-scrollbar-thumb, .company-dashboard .panel-dashboard-block .card-body .chart-table .dataTables_wrapper::-webkit-scrollbar-thumb, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .dataTables_wrapper::-webkit-scrollbar-thumb, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .dataTables_wrapper::-webkit-scrollbar-thumb, .company-dashboard .panel-dashboard-block .card-body .chart-table .plugin-status-page #status_div::-webkit-scrollbar-thumb, .plugin-status-page .company-dashboard .panel-dashboard-block .card-body .chart-table #status_div::-webkit-scrollbar-thumb, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .plugin-status-page #status_div::-webkit-scrollbar-thumb, .plugin-status-page .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table #status_div::-webkit-scrollbar-thumb, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .plugin-status-page #status_div::-webkit-scrollbar-thumb, .plugin-status-page .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table #status_div::-webkit-scrollbar-thumb {
            background-color: #788291; }
            .company-dashboard .panel-dashboard-block .card-body .chart-table .table-responsive::-webkit-scrollbar-thumb:hover, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .table-responsive::-webkit-scrollbar-thumb:hover, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .table-responsive::-webkit-scrollbar-thumb:hover, .company-dashboard .panel-dashboard-block .card-body .chart-table .dataTables_wrapper::-webkit-scrollbar-thumb:hover, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .dataTables_wrapper::-webkit-scrollbar-thumb:hover, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .dataTables_wrapper::-webkit-scrollbar-thumb:hover, .company-dashboard .panel-dashboard-block .card-body .chart-table .plugin-status-page #status_div::-webkit-scrollbar-thumb:hover, .plugin-status-page .company-dashboard .panel-dashboard-block .card-body .chart-table #status_div::-webkit-scrollbar-thumb:hover, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .plugin-status-page #status_div::-webkit-scrollbar-thumb:hover, .plugin-status-page .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table #status_div::-webkit-scrollbar-thumb:hover, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .plugin-status-page #status_div::-webkit-scrollbar-thumb:hover, .plugin-status-page .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table #status_div::-webkit-scrollbar-thumb:hover {
              background-color: #6c7583; }
          .company-dashboard .panel-dashboard-block .card-body .chart-table .table-responsive::-webkit-scrollbar-corner, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .table-responsive::-webkit-scrollbar-corner, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .table-responsive::-webkit-scrollbar-corner, .company-dashboard .panel-dashboard-block .card-body .chart-table .dataTables_wrapper::-webkit-scrollbar-corner, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .dataTables_wrapper::-webkit-scrollbar-corner, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .dataTables_wrapper::-webkit-scrollbar-corner, .company-dashboard .panel-dashboard-block .card-body .chart-table .plugin-status-page #status_div::-webkit-scrollbar-corner, .plugin-status-page .company-dashboard .panel-dashboard-block .card-body .chart-table #status_div::-webkit-scrollbar-corner, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .plugin-status-page #status_div::-webkit-scrollbar-corner, .plugin-status-page .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table #status_div::-webkit-scrollbar-corner, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .plugin-status-page #status_div::-webkit-scrollbar-corner, .plugin-status-page .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table #status_div::-webkit-scrollbar-corner, .company-dashboard .panel-dashboard-block .card-body .chart-table .table-responsive::-webkit-scrollbar-track, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .table-responsive::-webkit-scrollbar-track, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .table-responsive::-webkit-scrollbar-track, .company-dashboard .panel-dashboard-block .card-body .chart-table .dataTables_wrapper::-webkit-scrollbar-track, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .dataTables_wrapper::-webkit-scrollbar-track, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .dataTables_wrapper::-webkit-scrollbar-track, .company-dashboard .panel-dashboard-block .card-body .chart-table .plugin-status-page #status_div::-webkit-scrollbar-track, .plugin-status-page .company-dashboard .panel-dashboard-block .card-body .chart-table #status_div::-webkit-scrollbar-track, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .plugin-status-page #status_div::-webkit-scrollbar-track, .plugin-status-page .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table #status_div::-webkit-scrollbar-track, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .plugin-status-page #status_div::-webkit-scrollbar-track, .plugin-status-page .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table #status_div::-webkit-scrollbar-track {
            background-color: #ABBCCC; }
      .company-dashboard .panel-dashboard-block .card-body .chart-table .custom-row, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .custom-row, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .custom-row {
        align-items: center; }
      .company-dashboard .panel-dashboard-block .card-body .chart-table .chart-container, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .chart-container, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .chart-container {
        width: 100%;
        height: 120px;
        margin: 0 auto;
        position: relative; }
        .company-dashboard .panel-dashboard-block .card-body .chart-table .chart-container .chart, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .chart-container .chart, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .chart-container .chart {
          background: none; }
        .company-dashboard .panel-dashboard-block .card-body .chart-table .chart-container .no-chart, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .chart-container .no-chart, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .chart-container .no-chart {
          font-size: 0; }
      .company-dashboard .panel-dashboard-block .card-body .chart-table .table-list, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .table-list, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .table-list {
        min-height: unset; }
        @media (max-width: 767px) {
          .company-dashboard .panel-dashboard-block .card-body .chart-table .table-list, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .table-list, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .table-list {
            margin-top: 13px; } }
        .company-dashboard .panel-dashboard-block .card-body .chart-table .table-list thead th, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .table-list thead th, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .table-list thead th {
          font-family: "Mulish", sans-serif;
          font-weight: 600;
          padding: 0px 8px 10px 8px;
          border: none;
          white-space: nowrap;
          line-height: 1.22;
          font-size: 13px; }
        .company-dashboard .panel-dashboard-block .card-body .chart-table .table-list tbody tr, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .table-list tbody tr, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .table-list tbody tr {
          /*
                            &:nth-child(1) {
                              td:nth-child(1) {
                                &:before {
                                  background: #f9d230;
                                }
                              }
                            }

                            &:nth-child(2) {
                              td:nth-child(1) {
                                &:before {
                                  background: #54c9f7;
                                }
                              }
                            }

                            &:nth-child(3) {
                              td:nth-child(1) {
                                &:before {
                                  background: #fc5656;
                                }
                              }
                            }

                            &:nth-child(4) {
                              td:nth-child(1) {
                                &:before {
                                  background: #5cce28;
                                }
                              }
                            }*/ }
          .company-dashboard .panel-dashboard-block .card-body .chart-table .table-list tbody tr td, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .table-list tbody tr td, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .table-list tbody tr td {
            border-top: none;
            padding: 4px 8px;
            position: relative; }
            .company-dashboard .panel-dashboard-block .card-body .chart-table .table-list tbody tr td:nth-child(1), .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .table-list tbody tr td:nth-child(1), .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .table-list tbody tr td:nth-child(1) {
              padding: 4px 4px 4px 22px;
              /*&:before {
                    content: '';
                    display: inline-block;
                    width: 10px;
                    height: 10px;
                    background: #0a246a;
                    border-radius: 50%;
                    margin-left: -16px;
                    margin-right: 6px;
                  }*/ }
              .company-dashboard .panel-dashboard-block .card-body .chart-table .table-list tbody tr td:nth-child(1) span, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .table-list tbody tr td:nth-child(1) span, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .table-list tbody tr td:nth-child(1) span {
                content: '';
                display: inline-block;
                width: 10px;
                height: 10px;
                border-radius: 50%;
                position: absolute;
                left: 4px;
                top: 10px; }
            .company-dashboard .panel-dashboard-block .card-body .chart-table .table-list tbody tr td .p.ellipse, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .table-list tbody tr td .p.ellipse, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .table-list tbody tr td .p.ellipse {
              min-width: 150px;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -moz-box;
              -moz-box-orient: vertical;
              -moz-line-clamp: 2;
              display: -ms-flexbox;
              -ms-flexbox-orient: vertical;
              -ms-line-clamp: 2;
              display: box;
              box-orient: vertical;
              line-clamp: 2;
              line-height: 1.22; }
    .company-dashboard .panel-dashboard-block .card-footer, .company-dashboard .panel-dashboard-block .panel .panel-footer, .panel .company-dashboard .panel-dashboard-block .panel-footer {
      border: 1px solid #e8e8e8;
      border-top: none; }
      .company-dashboard .panel-dashboard-block .card-footer.paginator-container, .company-dashboard .panel-dashboard-block .panel .paginator-container.panel-footer, .panel .company-dashboard .panel-dashboard-block .paginator-container.panel-footer {
        padding: 0px 17px 0px 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        margin-top: -19px; }
        .company-dashboard .panel-dashboard-block .card-footer.paginator-container .pagination, .company-dashboard .panel-dashboard-block .panel .paginator-container.panel-footer .pagination, .panel .company-dashboard .panel-dashboard-block .paginator-container.panel-footer .pagination, .company-dashboard .panel-dashboard-block .card-footer.paginator-container .dataTables_paginate ul, .dataTables_paginate .company-dashboard .panel-dashboard-block .card-footer.paginator-container ul, .company-dashboard .panel-dashboard-block .panel .paginator-container.panel-footer .dataTables_paginate ul, .dataTables_paginate .company-dashboard .panel-dashboard-block .panel .paginator-container.panel-footer ul, .panel .company-dashboard .panel-dashboard-block .paginator-container.panel-footer .dataTables_paginate ul, .dataTables_paginate .panel .company-dashboard .panel-dashboard-block .paginator-container.panel-footer ul {
          margin: 20px 0px 15px 0px;
          color: #676767;
          font-weight: 600; }
          .company-dashboard .panel-dashboard-block .card-footer.paginator-container .pagination > li > a, .company-dashboard .panel-dashboard-block .panel .paginator-container.panel-footer .pagination > li > a, .panel .company-dashboard .panel-dashboard-block .paginator-container.panel-footer .pagination > li > a, .company-dashboard .panel-dashboard-block .card-footer.paginator-container .dataTables_paginate ul > li > a, .dataTables_paginate .company-dashboard .panel-dashboard-block .card-footer.paginator-container ul > li > a, .company-dashboard .panel-dashboard-block .panel .paginator-container.panel-footer .dataTables_paginate ul > li > a, .dataTables_paginate .company-dashboard .panel-dashboard-block .panel .paginator-container.panel-footer ul > li > a, .panel .company-dashboard .panel-dashboard-block .paginator-container.panel-footer .dataTables_paginate ul > li > a, .dataTables_paginate .panel .company-dashboard .panel-dashboard-block .paginator-container.panel-footer ul > li > a,
          .company-dashboard .panel-dashboard-block .card-footer.paginator-container .pagination > li > span,
          .company-dashboard .panel-dashboard-block .panel .paginator-container.panel-footer .pagination > li > span,
          .panel .company-dashboard .panel-dashboard-block .paginator-container.panel-footer .pagination > li > span,
          .company-dashboard .panel-dashboard-block .card-footer.paginator-container .dataTables_paginate ul > li > span,
          .dataTables_paginate .company-dashboard .panel-dashboard-block .card-footer.paginator-container ul > li > span,
          .company-dashboard .panel-dashboard-block .panel .paginator-container.panel-footer .dataTables_paginate ul > li > span,
          .dataTables_paginate .company-dashboard .panel-dashboard-block .panel .paginator-container.panel-footer ul > li > span,
          .panel .company-dashboard .panel-dashboard-block .paginator-container.panel-footer .dataTables_paginate ul > li > span,
          .dataTables_paginate .panel .company-dashboard .panel-dashboard-block .paginator-container.panel-footer ul > li > span {
            color: #676767; }
          .company-dashboard .panel-dashboard-block .card-footer.paginator-container .pagination > .active > a, .company-dashboard .panel-dashboard-block .panel .paginator-container.panel-footer .pagination > .active > a, .panel .company-dashboard .panel-dashboard-block .paginator-container.panel-footer .pagination > .active > a, .company-dashboard .panel-dashboard-block .card-footer.paginator-container .dataTables_paginate ul > .active > a, .dataTables_paginate .company-dashboard .panel-dashboard-block .card-footer.paginator-container ul > .active > a, .company-dashboard .panel-dashboard-block .panel .paginator-container.panel-footer .dataTables_paginate ul > .active > a, .dataTables_paginate .company-dashboard .panel-dashboard-block .panel .paginator-container.panel-footer ul > .active > a, .panel .company-dashboard .panel-dashboard-block .paginator-container.panel-footer .dataTables_paginate ul > .active > a, .dataTables_paginate .panel .company-dashboard .panel-dashboard-block .paginator-container.panel-footer ul > .active > a,
          .company-dashboard .panel-dashboard-block .card-footer.paginator-container .pagination > .active > span,
          .company-dashboard .panel-dashboard-block .panel .paginator-container.panel-footer .pagination > .active > span,
          .panel .company-dashboard .panel-dashboard-block .paginator-container.panel-footer .pagination > .active > span,
          .company-dashboard .panel-dashboard-block .card-footer.paginator-container .dataTables_paginate ul > .active > span,
          .dataTables_paginate .company-dashboard .panel-dashboard-block .card-footer.paginator-container ul > .active > span,
          .company-dashboard .panel-dashboard-block .panel .paginator-container.panel-footer .dataTables_paginate ul > .active > span,
          .dataTables_paginate .company-dashboard .panel-dashboard-block .panel .paginator-container.panel-footer ul > .active > span,
          .panel .company-dashboard .panel-dashboard-block .paginator-container.panel-footer .dataTables_paginate ul > .active > span,
          .dataTables_paginate .panel .company-dashboard .panel-dashboard-block .paginator-container.panel-footer ul > .active > span,
          .company-dashboard .panel-dashboard-block .card-footer.paginator-container .pagination > .active > a:hover,
          .company-dashboard .panel-dashboard-block .panel .paginator-container.panel-footer .pagination > .active > a:hover,
          .panel .company-dashboard .panel-dashboard-block .paginator-container.panel-footer .pagination > .active > a:hover,
          .company-dashboard .panel-dashboard-block .card-footer.paginator-container .dataTables_paginate ul > .active > a:hover,
          .dataTables_paginate .company-dashboard .panel-dashboard-block .card-footer.paginator-container ul > .active > a:hover,
          .company-dashboard .panel-dashboard-block .panel .paginator-container.panel-footer .dataTables_paginate ul > .active > a:hover,
          .dataTables_paginate .company-dashboard .panel-dashboard-block .panel .paginator-container.panel-footer ul > .active > a:hover,
          .panel .company-dashboard .panel-dashboard-block .paginator-container.panel-footer .dataTables_paginate ul > .active > a:hover,
          .dataTables_paginate .panel .company-dashboard .panel-dashboard-block .paginator-container.panel-footer ul > .active > a:hover,
          .company-dashboard .panel-dashboard-block .card-footer.paginator-container .pagination > .active > span:hover,
          .company-dashboard .panel-dashboard-block .panel .paginator-container.panel-footer .pagination > .active > span:hover,
          .panel .company-dashboard .panel-dashboard-block .paginator-container.panel-footer .pagination > .active > span:hover,
          .company-dashboard .panel-dashboard-block .card-footer.paginator-container .dataTables_paginate ul > .active > span:hover,
          .dataTables_paginate .company-dashboard .panel-dashboard-block .card-footer.paginator-container ul > .active > span:hover,
          .company-dashboard .panel-dashboard-block .panel .paginator-container.panel-footer .dataTables_paginate ul > .active > span:hover,
          .dataTables_paginate .company-dashboard .panel-dashboard-block .panel .paginator-container.panel-footer ul > .active > span:hover,
          .panel .company-dashboard .panel-dashboard-block .paginator-container.panel-footer .dataTables_paginate ul > .active > span:hover,
          .dataTables_paginate .panel .company-dashboard .panel-dashboard-block .paginator-container.panel-footer ul > .active > span:hover,
          .company-dashboard .panel-dashboard-block .card-footer.paginator-container .pagination > .active > a:focus,
          .company-dashboard .panel-dashboard-block .panel .paginator-container.panel-footer .pagination > .active > a:focus,
          .panel .company-dashboard .panel-dashboard-block .paginator-container.panel-footer .pagination > .active > a:focus,
          .company-dashboard .panel-dashboard-block .card-footer.paginator-container .dataTables_paginate ul > .active > a:focus,
          .dataTables_paginate .company-dashboard .panel-dashboard-block .card-footer.paginator-container ul > .active > a:focus,
          .company-dashboard .panel-dashboard-block .panel .paginator-container.panel-footer .dataTables_paginate ul > .active > a:focus,
          .dataTables_paginate .company-dashboard .panel-dashboard-block .panel .paginator-container.panel-footer ul > .active > a:focus,
          .panel .company-dashboard .panel-dashboard-block .paginator-container.panel-footer .dataTables_paginate ul > .active > a:focus,
          .dataTables_paginate .panel .company-dashboard .panel-dashboard-block .paginator-container.panel-footer ul > .active > a:focus,
          .company-dashboard .panel-dashboard-block .card-footer.paginator-container .pagination > .active > span:focus,
          .company-dashboard .panel-dashboard-block .panel .paginator-container.panel-footer .pagination > .active > span:focus,
          .panel .company-dashboard .panel-dashboard-block .paginator-container.panel-footer .pagination > .active > span:focus,
          .company-dashboard .panel-dashboard-block .card-footer.paginator-container .dataTables_paginate ul > .active > span:focus,
          .dataTables_paginate .company-dashboard .panel-dashboard-block .card-footer.paginator-container ul > .active > span:focus,
          .company-dashboard .panel-dashboard-block .panel .paginator-container.panel-footer .dataTables_paginate ul > .active > span:focus,
          .dataTables_paginate .company-dashboard .panel-dashboard-block .panel .paginator-container.panel-footer ul > .active > span:focus,
          .panel .company-dashboard .panel-dashboard-block .paginator-container.panel-footer .dataTables_paginate ul > .active > span:focus,
          .dataTables_paginate .panel .company-dashboard .panel-dashboard-block .paginator-container.panel-footer ul > .active > span:focus {
            background-color: #e1e1e1;
            border-color: #e1e1e1; }
        .company-dashboard .panel-dashboard-block .card-footer.paginator-container .pagination-info, .company-dashboard .panel-dashboard-block .panel .paginator-container.panel-footer .pagination-info, .panel .company-dashboard .panel-dashboard-block .paginator-container.panel-footer .pagination-info {
          padding: 10px 17px 15px 30px; }
  .company-dashboard .empty-chart .chart-container {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/v2/images/admin/bird-jay-side.svg);
    -webkit-background-size: 120px;
    background-size: 120px;
    min-width: 100px; }
  .company-dashboard .block-customize {
    margin-bottom: 16px; }
    .company-dashboard .block-customize.chart-block-wrap {
      margin-bottom: 0; }
      @media (max-width: 1023px) {
        .company-dashboard .block-customize.chart-block-wrap:first-child {
          margin-bottom: 15px; } }
      .company-dashboard .block-customize.chart-block-wrap .payment-table .col {
        flex: 0 0 100%; }
      @media (max-width: 1366px) {
        .company-dashboard .block-customize.chart-block-wrap .chart-calendar .payment-table {
          width: 100%;
          flex: 0 0 100%;
          max-width: 100%;
          margin-top: 25px; }
        .company-dashboard .block-customize.chart-block-wrap .chart-calendar .payment-select {
          width: 20%;
          flex: 0 0 20%;
          max-width: 20%; }
        .company-dashboard .block-customize.chart-block-wrap .chart-calendar .payment-diagramm {
          width: 80%;
          flex: 0 0 80%;
          max-width: 80%; } }
      @media (max-width: 1024px) {
        .company-dashboard .block-customize.chart-block-wrap .chart-calendar .payment-table .col {
          flex: 0 0 100%; }
        .company-dashboard .block-customize.chart-block-wrap .chart-calendar .payment-select,
        .company-dashboard .block-customize.chart-block-wrap .chart-calendar .payment-diagramm {
          flex: 0 0 100%;
          width: 100%;
          max-width: 100%; } }
      .company-dashboard .block-customize.chart-block-wrap .chart-calendar .payment-table {
        max-width: 100%;
        overflow-x: auto; }
        @media (max-width: 480px) {
          .company-dashboard .block-customize.chart-block-wrap .chart-calendar .payment-table .col + .col {
            padding-left: 0;
            padding-right: 0; }
            .company-dashboard .block-customize.chart-block-wrap .chart-calendar .payment-table .col + .col table th {
              white-space: nowrap; } }
      .company-dashboard .block-customize.chart-block-wrap .chart-calendar .no-pie-chart {
        position: static;
        min-height: 150px;
        padding-top: 150px; }
    @media (min-width: 1024px) and (max-width: 1500px) {
      .company-dashboard .block-customize.base-info-block-wrap {
        flex: 0 0 30%; }
      .company-dashboard .block-customize.bookings-block-wrap {
        flex: 0 0 70%;
        max-width: 70%; }
      .company-dashboard .block-customize.total-bookings-graph.graph, .company-dashboard .block-customize.workload-graph.graph {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 15px; }
      .company-dashboard .block-customize.popular-graph {
        flex: 0 0 50%;
        max-width: 50%; } }
    .company-dashboard .block-customize.expanded {
      width: 100%;
      flex: 0 0 100%;
      max-width: 100%; }
  .company-dashboard .help-info {
    float: right;
    margin-right: -7px; }
    .company-dashboard .help-info .icon {
      font-size: 16px;
      color: #ABBCCC; }
  .company-dashboard .btn-group .btn input {
    display: none; }
  .company-dashboard .panel-dashboard-block .card-body .chart-table .empty-chart .chart-container .chart, .company-dashboard .panel-dashboard-block .panel .panel-body .chart-table .empty-chart .chart-container .chart, .panel .company-dashboard .panel-dashboard-block .panel-body .chart-table .empty-chart .chart-container .chart {
    min-height: inherit;
    max-height: inherit; }

.financial-dashboard .plot {
  width: 100%;
  height: 250px; }

.dashboard-client-activity-cancellations .cancellation-switcher {
  position: absolute;
  right: 0.5em;
  top: 0.5em; }

.dashboard-client-activity-cancellations .client-cancellation-container,
.dashboard-client-activity-cancellations .provider-cancellation-container {
  margin-top: 0.5em; }

.dashboard-client-activity-cancellations .chart-container {
  height: auto; }

.dashboard-chart-payment-systems,
.dashboard-chart-workload,
.dashboard-chart-bookings {
  min-height: 200px; }

.popular-services-table thead th {
  vertical-align: top; }

.dashboard-filter {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 0; }
  @media (max-width: 1024px) {
    .dashboard-filter {
      flex-direction: column; } }
  .dashboard-filter__info {
    display: flex;
    align-items: center;
    margin-right: 20px; }
    @media (max-width: 1024px) {
      .dashboard-filter__info {
        flex-direction: column;
        justify-content: center;
        margin-right: 0;
        margin-bottom: 20px;
        text-align: center; } }
    .dashboard-filter__info-image {
      max-width: 100px;
      width: 100%;
      margin-right: 30px; }
      @media (max-width: 1024px) {
        .dashboard-filter__info-image {
          max-width: 80px;
          margin-right: 0;
          margin-bottom: 15px; } }
    .dashboard-filter__info-title {
      margin-bottom: 5px;
      font-family: 'Mulish', sans-serif;
      font-size: 20px;
      font-weight: 600; }
      @media (max-width: 1024px) {
        .dashboard-filter__info-title {
          font-size: 24px; } }
    .dashboard-filter__info-text {
      max-width: 250px;
      margin: 0;
      font-size: 14px; }
      @media (max-width: 1024px) {
        .dashboard-filter__info-text {
          display: none; } }
    .dashboard-filter__info-reset {
      margin: 5px 0 0 0;
      font-size: 14px;
      font-weight: 600;
      color: #06ADEF;
      cursor: pointer; }
      @media (max-width: 1024px) {
        .dashboard-filter__info-reset {
          font-size: 16px; } }
  .dashboard-filter__data {
    display: flex;
    align-items: center; }
    @media (max-width: 1024px) {
      .dashboard-filter__data {
        flex-direction: column;
        justify-content: center; } }
    .dashboard-filter__data-filter .btn-group > .btn {
      flex: 0 1 auto; }
    .dashboard-filter__data-input div:not(#period-date-range) label {
      width: 100%; }
    .dashboard-filter__data-input label .k-datepicker .k-picker-wrap .k-select .k-i-calendar {
      height: 34px; }
      .dashboard-filter__data-input label .k-datepicker .k-picker-wrap .k-select .k-i-calendar:before {
        display: inline-block;
        height: 34px;
        line-height: 34px;
        background: none;
        background-image: none; }
    .dashboard-filter__data-input input[readonly] {
      background-color: #ffffff !important; }
    .dashboard-filter__data-applied {
      margin-left: 30px; }
      @media (max-width: 1024px) {
        .dashboard-filter__data-applied {
          display: flex;
          flex-direction: column;
          margin-left: 0;
          margin-top: 15px;
          text-align: center; } }
      .dashboard-filter__data-applied--highlighted {
        margin: 0;
        font-size: 14px;
        font-style: italic;
        color: #06ADEF; }
        .dashboard-filter__data-applied--highlighted:before {
          content: '\f00c';
          display: inline-block;
          margin-right: 10px;
          font-weight: 300;
          font-family: 'Font Awesome 5 Pro'; }
        @media (max-width: 1024px) {
          .dashboard-filter__data-applied--highlighted {
            margin-bottom: 10px; } }

/***********************************

		Login page

***********************************/
.login-body {
  background-color: #f1f2f7; }
  .login-body #wrap-login {
    max-width: 500px;
    width: 100%;
    margin: 40px auto 0; }
    @media (max-width: 1366px) {
      .login-body #wrap-login {
        margin: 20px auto 0; } }
    .login-body #wrap-login .form-signin {
      margin: 0 auto; }
      .login-body #wrap-login .form-signin .title {
        text-align: center;
        color: #777777;
        padding: 40px 15px 20px;
        margin-bottom: 0; }
      .login-body #wrap-login .form-signin .login-wrap {
        padding: 20px 15px;
        background: #fff;
        border-radius: 5px;
        max-width: 350px;
        margin: 0 auto;
        width: 100%; }
        .login-body #wrap-login .form-signin .login-wrap input.form-control, .login-body #wrap-login .form-signin .login-wrap .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors .login-body #wrap-login .form-signin .login-wrap input {
          position: relative;
          font-size: 16px;
          padding: 0 10px;
          height: 40px;
          border-radius: 5px;
          border: 1px solid #eaeaea;
          box-shadow: none;
          color: #333333;
          margin: 0 auto 5px; }
          .login-body #wrap-login .form-signin .login-wrap input.form-control:hover, .login-body #wrap-login .form-signin .login-wrap .design-settings-page .theme-additional-colors input:hover, .design-settings-page .theme-additional-colors .login-body #wrap-login .form-signin .login-wrap input:hover {
            border: 1px solid #cccccc; }
          .login-body #wrap-login .form-signin .login-wrap input.form-control.error, .login-body #wrap-login .form-signin .login-wrap .design-settings-page .theme-additional-colors input.error, .design-settings-page .theme-additional-colors .login-body #wrap-login .form-signin .login-wrap input.error {
            border: 1px solid #b94a48; }
        .login-body #wrap-login .form-signin .login-wrap p {
          text-align: center; }
        .login-body #wrap-login .form-signin .login-wrap a {
          color: #06ADEF; }
          .login-body #wrap-login .form-signin .login-wrap a:hover {
            color: #38bdf2; }
        .login-body #wrap-login .form-signin .login-wrap .btn-login {
          display: block;
          width: 160px;
          margin: 0 auto; }
        .login-body #wrap-login .form-signin .login-wrap .login-social-link {
          display: flex;
          width: 100%;
          max-width: 165px;
          margin: 20px auto 15px;
          justify-content: space-between; }
          .login-body #wrap-login .form-signin .login-wrap .login-social-link a:last-child {
            margin-right: 0; }
          .login-body #wrap-login .form-signin .login-wrap .login-social-link a:hover {
            text-decoration: underline;
            color: #fff; }
          .login-body #wrap-login .form-signin .login-wrap .login-social-link a.facebook {
            background: #5193ea; }
          .login-body #wrap-login .form-signin .login-wrap .login-social-link a.twitter {
            background: #44ccfe; }
          .login-body #wrap-login .form-signin .login-wrap .login-social-link a.google {
            background: #f67a6e; }

.dark-mode .plugins-page .plugin-item {
  background: #1a1a1a;
  border-color: #303030; }
  .dark-mode .plugins-page .plugin-item:hover {
    background: #282828;
    border-color: #303030; }
    .dark-mode .plugins-page .plugin-item:hover .icon img {
      filter: invert(0.5) sepia(1) hue-rotate(180deg) saturate(0.6) brightness(1); }
  .dark-mode .plugins-page .plugin-item.selected {
    background: #242424;
    border-color: #777777; }
    .dark-mode .plugins-page .plugin-item.selected .icon img {
      filter: invert(0.5) sepia(1) hue-rotate(180deg) saturate(0.6) brightness(1); }
    .dark-mode .plugins-page .plugin-item.selected:hover {
      background: #282828;
      border-color: #303030; }
  .dark-mode .plugins-page .plugin-item .icon img {
    filter: grayscale(0.7) invert(88%); }
  .dark-mode .plugins-page .plugin-item .alert {
    color: #bcbcbc; }

.dark-mode .plugins-page .plugins-list .sb-list .filter-result-list .plugin-item:last-child {
  border-color: #303030; }

.dark-mode .plugins-page .name-collapse.collapsed:hover,
.dark-mode .plugins-page .name-collapse:not(.collapsed) {
  background: #242424;
  border-color: #303030;
  color: #f9f9f9; }

.dark-mode .plugins-page .name-collapse.collapsed {
  background: #282828; }

.dark-mode .plugins-page .name-collapse {
  background: #242424;
  border-color: #303030;
  color: #f9f9f9; }

.dark-mode .plugins-page .name-collapse .category-name {
  color: #f9f9f9; }

.dark-mode .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .wrap-collapse,
.dark-mode .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block {
  border-color: #555555; }
  .dark-mode .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .wrap-collapse .logo-plugin,
  .dark-mode .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block .logo-plugin {
    filter: invert(0.5) sepia(1) hue-rotate(180deg) saturate(0.6) brightness(1); }
  .dark-mode .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .wrap-collapse.description,
  .dark-mode .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block.description {
    border-color: #555555; }

.dark-mode .plugins-page .plugins-form .plugins-form-body .plugin-body .plugin-header-block--inactive .plugin-header-block--item-icon img {
  filter: invert(0.5) sepia(1) hue-rotate(180deg) saturate(0.6) brightness(1); }

.dark-mode .plugins-page .plugins-form.form-visible .plugins-form-body {
  background: #282828; }

.dark-mode .plugins-page .plugins-form .block-of-recommended-plugins {
  background: #242424; }

.dark-mode .plugins-page .plugins-form .block-of-recommended-plugins .plugin-recommended-item:last-child,
.dark-mode .plugins-page .plugins-form .plugins-page--client-company .block-of-recommended-plugins,
.dark-mode .plugins-page .plugins-form .block-of-recommended-plugins {
  border-color: #555555; }
  .dark-mode .plugins-page .plugins-form .block-of-recommended-plugins .plugin-recommended-item:last-child .plugin-recommended--col-icon img,
  .dark-mode .plugins-page .plugins-form .plugins-page--client-company .block-of-recommended-plugins .plugin-recommended--col-icon img,
  .dark-mode .plugins-page .plugins-form .block-of-recommended-plugins .plugin-recommended--col-icon img {
    filter: grayscale(0.7) invert(88%); }

.dark-mode .plugins-page .plugins-form .wrap-collapse.wrap-single-collapse .collapse-content .api-info-url {
  border-color: #555555;
  background: #242424; }
  .dark-mode .plugins-page .plugins-form .wrap-collapse.wrap-single-collapse .collapse-content .api-info-url picture svg {
    filter: invert(0.5) sepia(1) hue-rotate(180deg) saturate(0.6) brightness(1); }

.dark-mode .plugins-page .plugins-tags .helper-item:hover {
  background: #282828; }

.dark-mode .plugins-page .plugins-tags .helper-item.active {
  background: #404040 !important; }

.dark-mode .plugins-page .plugins-form .plugins-form-body .plugin-body .plugin-header-block.plugin-header-block--inactive {
  border-color: #555555; }

.dark-mode .plugins-page .plugins-page--client-company .block-of-recommended-plugins .recommended-plugins--list .plugin-recommended-item {
  border-color: #555555 !important; }

.dark-mode .plugins-page .dropdown-vars-block .wrap-drop-down {
  background: #1a1a1a;
  box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.9); }

.dark-mode #sb_popup.plugin-toast .body-plugin-popup .wrap-popup-content .icon,
.dark-mode .plugin-toast .body-plugin-popup .wrap-popup-content .icon {
  filter: grayscale(0.7) invert(88%); }

.dark-mode #sb_popup.plugin-toast,
.dark-mode .plugin-toast {
  background: #404040;
  box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.9); }
  .dark-mode #sb_popup.plugin-toast .body-plugin-popup .plugin-popup--header .close,
  .dark-mode .plugin-toast .body-plugin-popup .plugin-popup--header .close {
    color: #bcbcbc;
    text-shadow: none; }
    .dark-mode #sb_popup.plugin-toast .body-plugin-popup .plugin-popup--header .close:hover, .dark-mode #sb_popup.plugin-toast .body-plugin-popup .plugin-popup--header .close:focus, .dark-mode #sb_popup.plugin-toast .body-plugin-popup .plugin-popup--header .close:active,
    .dark-mode .plugin-toast .body-plugin-popup .plugin-popup--header .close:hover,
    .dark-mode .plugin-toast .body-plugin-popup .plugin-popup--header .close:focus,
    .dark-mode .plugin-toast .body-plugin-popup .plugin-popup--header .close:active {
      color: #FF3259; }

.dark-mode .cloud-store__row,
.dark-mode .feature-status-item {
  border-color: #555555;
  background: #1a1a1a; }

.dark-mode #sb_popup.plugin-toast .body-plugin-popup .wrap-popup-content.plugin-error-popup .txt-part .txt,
.dark-mode .plugin-toast .body-plugin-popup .wrap-popup-content.plugin-error-popup .txt-part .txt {
  color: #FF3259; }

.system-plugins {
  padding: 15px; }
  @media (max-width: 767px) {
    .system-plugins {
      padding: 0; } }
  .system-plugins .custom-features-data .plugins-wrapper {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    max-width: 1366px;
    margin: 0; }
    @media (max-width: 767px) {
      .system-plugins .custom-features-data .plugins-wrapper {
        padding-right: 0; } }
    .system-plugins .custom-features-data .plugins-wrapper .plugins-category {
      grid-column: 1/-1;
      width: 100%; }
  .system-plugins header.manage-services {
    position: relative; }
  .system-plugins .search-bar {
    position: relative;
    max-width: 300px;
    margin-bottom: 15px; }
    .system-plugins .search-bar .fa {
      position: absolute;
      top: 8px;
      right: 10px;
      font-size: 18px;
      z-index: 1;
      color: #788291; }
  .system-plugins .navigation-title {
    font-family: "Mulish", sans-serif;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 10px; }
  .system-plugins .plugins-container .plugins-tags .btn {
    margin: 0 4px 4px 0; }
    @media (max-width: 575px) {
      .system-plugins .plugins-container .plugins-tags .btn {
        font-size: 12px; } }
  .system-plugins .plugins-container .plugin-container {
    display: inline-block;
    vertical-align: top;
    height: 402px;
    position: relative;
    min-width: 280px; }
    @media (max-width: 767px) {
      .system-plugins .plugins-container .plugin-container {
        width: 100%; } }
    .system-plugins .plugins-container .plugin-container .plugin-inner-container {
      background-color: #fff;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      min-height: 100%;
      padding: 20px 8px;
      border: 1px solid #f2f2f5;
      border-radius: 3px;
      transition: all .3s ease; }
      .system-plugins .plugins-container .plugin-container .plugin-inner-container:hover {
        z-index: 100;
        border: 1px solid #06ADEF; }
        .system-plugins .plugins-container .plugin-container .plugin-inner-container:hover .actions .warning.warning-small {
          height: auto;
          -webkit-line-clamp: 999;
          line-clamp: 999; }
      .system-plugins .plugins-container .plugin-container .plugin-inner-container .plugin-status-container {
        position: absolute;
        top: 10px;
        right: -6px;
        z-index: 10; }
      .system-plugins .plugins-container .plugin-container .plugin-inner-container .new-plugin-icon, .system-plugins .plugins-container .plugin-container .plugin-inner-container .free-plugin-icon, .system-plugins .plugins-container .plugin-container .plugin-inner-container .beta-plugin-icon {
        position: absolute;
        top: 10px;
        right: -6px;
        font-family: "Open Sans", sans-serif;
        font-size: 16px;
        color: #fff;
        background-color: #06ADEF;
        text-transform: uppercase;
        font-weight: 800;
        padding: 6px 10px;
        display: none;
        z-index: 10; }
        .system-plugins .plugins-container .plugin-container .plugin-inner-container .new-plugin-icon:after, .system-plugins .plugins-container .plugin-container .plugin-inner-container .free-plugin-icon:after, .system-plugins .plugins-container .plugin-container .plugin-inner-container .beta-plugin-icon:after {
          display: block;
          content: "";
          width: 0;
          height: 0;
          position: absolute;
          right: 0;
          bottom: -6px;
          border-left: 6px solid #058abf;
          border-top: 0 solid transparent;
          border-bottom: 6px solid transparent; }
      .system-plugins .plugins-container .plugin-container .plugin-inner-container .plugin-status-container .new-plugin-icon, .system-plugins .plugins-container .plugin-container .plugin-inner-container .plugin-status-container .free-plugin-icon, .system-plugins .plugins-container .plugin-container .plugin-inner-container .plugin-status-container .beta-plugin-icon {
        position: relative;
        top: 0;
        right: 0;
        margin-bottom: 10px; }
      .system-plugins .plugins-container .plugin-container .plugin-inner-container .free-plugin-icon {
        background-color: #26DD7D; }
        .system-plugins .plugins-container .plugin-container .plugin-inner-container .free-plugin-icon:after {
          border-left: 6px solid #1eb164; }
      .system-plugins .plugins-container .plugin-container .plugin-inner-container .beta-plugin-icon {
        background-color: #ff9292; }
        .system-plugins .plugins-container .plugin-container .plugin-inner-container .beta-plugin-icon:after {
          border-left: 6px solid #cc7575; }
      .system-plugins .plugins-container .plugin-container .plugin-inner-container .info-plugin-icon {
        position: absolute;
        top: 13px;
        right: 26px;
        color: #ccc;
        font-size: 43px;
        width: 37px;
        height: 37px;
        cursor: help;
        display: none;
        background-image: url("/v2/images/info.png");
        -webkit-transition: background-image 0.3s ease-in-out;
        transition: background-image 0.3s ease-in-out; }
        .system-plugins .plugins-container .plugin-container .plugin-inner-container .info-plugin-icon:hover {
          background-image: url("/v2/images/info-h.png");
          -webkit-transition: background-image 0.3s ease-in-out;
          transition: background-image 0.3s ease-in-out; }
      .system-plugins .plugins-container .plugin-container .plugin-inner-container .icon {
        display: flex;
        align-items: center;
        width: 100%;
        text-align: center;
        margin-top: auto;
        max-height: 114px;
        min-height: 114px;
        overflow: hidden; }
        .system-plugins .plugins-container .plugin-container .plugin-inner-container .icon img {
          height: 90px;
          margin: 0 auto;
          display: block; }
      .system-plugins .plugins-container .plugin-container .plugin-inner-container .info {
        padding: 0 15px; }
        .system-plugins .plugins-container .plugin-container .plugin-inner-container .info .name {
          width: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          margin-top: 30px;
          margin-bottom: 13px;
          text-align: center;
          font-family: "Mulish", sans-serif;
          font-weight: 400;
          font-size: 16px; }
        .system-plugins .plugins-container .plugin-container .plugin-inner-container .info .description {
          display: block;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis;
          height: 43px;
          text-align: center;
          margin-bottom: 15px; }
          .system-plugins .plugins-container .plugin-container .plugin-inner-container .info .description a {
            display: inline-block; }
        .system-plugins .plugins-container .plugin-container .plugin-inner-container .info .detailed {
          color: #06ADEF;
          width: 100%;
          font-size: 14px;
          text-align: center;
          cursor: pointer;
          text-transform: lowercase; }
          .system-plugins .plugins-container .plugin-container .plugin-inner-container .info .detailed:hover {
            text-decoration: underline; }
          .system-plugins .plugins-container .plugin-container .plugin-inner-container .info .detailed i {
            position: relative;
            display: inline-block;
            left: 8px; }
      .system-plugins .plugins-container .plugin-container .plugin-inner-container .actions {
        margin-top: 18px;
        margin-bottom: auto;
        width: 100%;
        text-align: center; }
        .system-plugins .plugins-container .plugin-container .plugin-inner-container .actions form {
          display: flex;
          justify-content: center;
          flex-wrap: wrap; }
          .system-plugins .plugins-container .plugin-container .plugin-inner-container .actions form .btn {
            margin: 4px;
            padding: 8px 15px; }
            .system-plugins .plugins-container .plugin-container .plugin-inner-container .actions form .btn.btn-disabled {
              background-color: #06ADEF;
              border-color: #06ADEF;
              color: #fff;
              opacity: .5; }
            .system-plugins .plugins-container .plugin-container .plugin-inner-container .actions form .btn .fa {
              margin-right: 5px; }
          .system-plugins .plugins-container .plugin-container .plugin-inner-container .actions form .additional-txt {
            width: 100%;
            text-align: center;
            margin: 10px 0 0 0;
            color: #06ADEF;
            font-weight: 600; }
        .system-plugins .plugins-container .plugin-container .plugin-inner-container .actions .warning-small {
          width: 100%;
          margin-top: 5px;
          font-size: 11px;
          color: #FF3259;
          display: block;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis;
          height: 30px; }
          .system-plugins .plugins-container .plugin-container .plugin-inner-container .actions .warning-small + .warning-small {
            display: none; }
      .system-plugins .plugins-container .plugin-container .plugin-inner-container:hover .actions .warning-small + .warning-small {
        display: block; }
    .system-plugins .plugins-container .plugin-container.is-new {
      box-shadow: 0 2px 5px rgba(6, 173, 239, 0.25); }
      .system-plugins .plugins-container .plugin-container.is-new .new-plugin-icon {
        display: block; }
    .system-plugins .plugins-container .plugin-container.is-free {
      box-shadow: 0 2px 5px rgba(6, 173, 239, 0.25); }
      .system-plugins .plugins-container .plugin-container.is-free .free-plugin-icon {
        display: block; }
    .system-plugins .plugins-container .plugin-container.is-beta {
      box-shadow: 0 2px 5px rgba(6, 173, 239, 0.25); }
      .system-plugins .plugins-container .plugin-container.is-beta .beta-plugin-icon {
        display: block; }
  .system-plugins .plugins-container .category-name {
    margin-top: 25px;
    margin-bottom: 8px;
    width: 100%;
    text-align: left;
    font-family: "Mulish", sans-serif;
    font-weight: 400;
    font-size: 18px; }
    .system-plugins .plugins-container .category-name[style="display: none;"] {
      margin-top: -25px; }
  .system-plugins .plugins-container .category-description {
    display: block;
    margin-bottom: 15px;
    max-width: 1024px; }
  .system-plugins .alert-upgrade-subscr {
    width: calc(100% - 80px);
    display: flex;
    min-height: 68px;
    padding-top: 20px;
    padding-bottom: 20px;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 767px) {
      .system-plugins .alert-upgrade-subscr {
        width: calc(100% - 112px);
        margin-left: 15px;
        margin-top: 15px;
        flex-wrap: wrap; } }
    .system-plugins .alert-upgrade-subscr .close {
      width: 25px;
      height: 25px;
      display: none; }
    .system-plugins .alert-upgrade-subscr .btn-bar {
      margin-left: 15px; }
      @media (max-width: 767px) {
        .system-plugins .alert-upgrade-subscr .btn-bar {
          margin-top: 15px;
          margin-left: 0; } }
    .system-plugins .alert-upgrade-subscr:before {
      content: '';
      width: 0;
      height: 0;
      border: 0 solid transparent;
      border-bottom-width: 10px;
      border-top-width: 10px;
      border-left: 20px solid #c1eafb;
      display: block;
      position: absolute;
      right: -19px;
      bottom: 50%;
      margin-bottom: -30px;
      z-index: 1;
      filter: drop-shadow(5px 0px 3px rgba(0, 0, 0, 0.1)); }
    .system-plugins .alert-upgrade-subscr:after {
      content: '';
      width: 80px;
      height: 108px;
      display: block;
      position: absolute;
      right: -96px;
      bottom: 50%;
      margin-bottom: -60px;
      background: url("/v2/images/userv2/alert-troll.png") no-repeat top left;
      background-size: contain;
      z-index: -1; }
    .system-plugins .alert-upgrade-subscr.alert-fixed {
      display: block;
      padding: 24px 24px 15px 20px;
      position: fixed;
      z-index: 9999;
      width: 320px;
      margin-bottom: 0;
      box-shadow: 0 1px 10px rgba(0, 0, 0, 0.37); }
      @media (max-width: 575px) {
        .system-plugins .alert-upgrade-subscr.alert-fixed {
          padding: 24px 15px 15px 15px;
          width: calc(100% - 80px); } }
      .system-plugins .alert-upgrade-subscr.alert-fixed .close {
        display: block;
        position: absolute;
        top: 4px;
        right: 4px; }
      .system-plugins .alert-upgrade-subscr.alert-fixed .btn-bar {
        margin-top: 20px;
        margin-left: 0; }
        .system-plugins .alert-upgrade-subscr.alert-fixed .btn-bar .btn {
          width: 100%; }
      .system-plugins .alert-upgrade-subscr.alert-fixed:before {
        border-bottom-width: 0;
        border-top-width: 10px;
        bottom: -1px;
        margin-bottom: 0; }
      .system-plugins .alert-upgrade-subscr.alert-fixed:after {
        right: -70px;
        bottom: -50px;
        margin-bottom: 0; }
    .system-plugins .alert-upgrade-subscr.bottom-right {
      right: 68px;
      bottom: 30px; }

@media (min-width: 1366px) {
  .plugins-settings-popup {
    padding-left: 10px;
    padding-right: 10px; } }

.plugins-settings-popup .icon {
  text-align: center; }
  .plugins-settings-popup .icon img {
    display: block;
    margin: 20px auto 30px auto;
    max-width: 120px; }

.plugins-settings-popup .pl-actions .buttons {
  display: none;
  margin: 7px 0px 0px 0px; }
  .plugins-settings-popup .pl-actions .buttons.active {
    display: block;
    text-align: center; }
  .plugins-settings-popup .pl-actions .buttons .btn {
    margin-bottom: 5px; }
  .plugins-settings-popup .pl-actions .buttons > div {
    margin-bottom: 10px;
    font-weight: 600;
    text-align: center;
    padding: 10px 0; }

.plugins-settings-popup .pl-actions .btn-t-video {
  display: block;
  margin: 15px 0px 5px 0px;
  cursor: pointer;
  color: #06adef;
  font-size: 18px;
  text-align: center; }
  .plugins-settings-popup .pl-actions .btn-t-video:after {
    display: inline-block;
    content: "";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-style: normal;
    text-decoration: inherit;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    left: 5px;
    position: relative; }
  .plugins-settings-popup .pl-actions .btn-t-video.active:after {
    display: inline-block;
    content: "";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-style: normal;
    text-decoration: inherit;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.plugins-settings-popup .pl-actions .video-container {
  display: none; }
  .plugins-settings-popup .pl-actions .video-container.active {
    display: block; }

.plugins-page .hide-plugins-form-part {
  position: absolute;
  font-size: 20px;
  line-height: 1;
  top: 9px;
  right: 10px; }

.plugins-page .empty-list {
  text-align: center;
  padding: 30px 0;
  color: #e5e5e5; }
  .plugins-page .empty-list .icon .ico {
    font-size: 100px;
    font-weight: 300; }
  .plugins-page .empty-list .normal-title {
    margin: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 300; }
    @media (max-width: 1200px) {
      .plugins-page .empty-list .normal-title {
        font-size: 16px; } }

.plugins-page .dropdown-vars-block {
  position: relative;
  display: inline-block; }
  @media (max-width: 1200px) {
    .plugins-page .dropdown-vars-block {
      position: static; } }
  .plugins-page .dropdown-vars-block .wrap-drop-down {
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176);
    width: 540px;
    position: absolute;
    top: 130%;
    right: 0;
    margin: 0;
    max-height: 64vh;
    border-radius: 5px;
    overflow-y: auto;
    z-index: -1;
    transition: all 0.2s ease-out;
    opacity: 0.1;
    visibility: hidden;
    scrollbar-width: thin;
    scrollbar-color: #788291 #ABBCCC; }
    .plugins-page .dropdown-vars-block .wrap-drop-down::-webkit-scrollbar {
      width: 6px;
      height: 6px; }
      .plugins-page .dropdown-vars-block .wrap-drop-down::-webkit-scrollbar-track {
        background-clip: content-box;
        border: 1.5px solid transparent; }
      .plugins-page .dropdown-vars-block .wrap-drop-down::-webkit-scrollbar-thumb {
        background-color: #788291; }
        .plugins-page .dropdown-vars-block .wrap-drop-down::-webkit-scrollbar-thumb:hover {
          background-color: #6c7583; }
      .plugins-page .dropdown-vars-block .wrap-drop-down::-webkit-scrollbar-corner, .plugins-page .dropdown-vars-block .wrap-drop-down::-webkit-scrollbar-track {
        background-color: #ABBCCC; }
    @media (max-width: 1200px) {
      .plugins-page .dropdown-vars-block .wrap-drop-down {
        width: 70%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto; } }
    @media (max-width: 767px) {
      .plugins-page .dropdown-vars-block .wrap-drop-down {
        width: 95%;
        max-width: 500px; } }
  .plugins-page .dropdown-vars-block .drop-down-block {
    padding-top: 10px;
    padding-bottom: 10px; }
  .plugins-page .dropdown-vars-block .drop-down-block.--variables {
    display: block;
    padding: 10px; }
    .plugins-page .dropdown-vars-block .drop-down-block.--variables .info-bloco {
      margin-bottom: 15px;
      text-align: center;
      font-weight: bold;
      white-space: normal;
      display: flex;
      align-items: flex-start;
      min-height: 34px;
      justify-content: space-between; }
      @media (max-width: 767px) {
        .plugins-page .dropdown-vars-block .drop-down-block.--variables .info-bloco {
          text-align: left; } }
      .plugins-page .dropdown-vars-block .drop-down-block.--variables .info-bloco .close {
        display: none !important;
        align-items: center;
        justify-content: center;
        margin-left: 15px;
        font-size: 20px;
        outline: none !important;
        opacity: 1; }
        @media (max-width: 1200px) {
          .plugins-page .dropdown-vars-block .drop-down-block.--variables .info-bloco .close {
            display: inline-flex !important;
            margin: 0 !important; } }
    .plugins-page .dropdown-vars-block .drop-down-block.--variables li {
      display: block;
      text-align: left;
      white-space: normal;
      margin-bottom: 5px; }
      .plugins-page .dropdown-vars-block .drop-down-block.--variables li:last-child {
        margin-bottom: 0; }
        .plugins-page .dropdown-vars-block .drop-down-block.--variables li:last-child .btn {
          margin-bottom: 0 !important; }
    .plugins-page .dropdown-vars-block .drop-down-block.--variables .btn {
      display: inline-flex !important;
      align-items: center !important;
      width: auto;
      max-width: inherit !important;
      margin: 0 10px 5px 0 !important; }
      .plugins-page .dropdown-vars-block .drop-down-block.--variables .btn .fa {
        font-size: 16px;
        margin-right: 2px; }
  .plugins-page .dropdown-vars-block.dropdown-btns-block .wrap-drop-down {
    max-width: 290px; }
    .plugins-page .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li {
      display: flex;
      flex-wrap: wrap; }
  .plugins-page .dropdown-vars-block.hover .wrap-drop-down {
    z-index: 9999;
    visibility: visible;
    opacity: 1;
    top: 100%; }
    @media (max-width: 1200px) {
      .plugins-page .dropdown-vars-block.hover .wrap-drop-down {
        top: 90%; } }
  @media (min-width: 1200px) {
    .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables {
      position: fixed;
      top: 75px;
      left: 0;
      right: 0;
      margin: 0 auto;
      max-width: 540px;
      z-index: -1;
      display: none; }
      .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables.hover {
        display: block;
        z-index: 99999; }
      .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .wrap-drop-down {
        position: relative;
        top: 0; } }

.plugins-page .plugins-page-row {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px; }
  .plugins-page .plugins-page-row .plugins-page-col {
    top: 0;
    bottom: 0;
    border-radius: 0.25rem; }
    .plugins-page .plugins-page-row .plugins-page-col.plugins-list {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      max-width: 480px;
      width: calc(45% - 10px);
      left: 0; }
      @media (max-width: 1200px) {
        .plugins-page .plugins-page-row .plugins-page-col.plugins-list {
          max-width: unset;
          width: 100%;
          z-index: 0; }
          .plugins-page .plugins-page-row .plugins-page-col.plugins-list.form-visible {
            max-height: 50vh;
            overflow: hidden; } }
    .plugins-page .plugins-page-row .plugins-page-col.plugins-form {
      width: calc(55% - 10px);
      max-width: 1100px;
      flex: 1;
      background: #fff; }
      @media (min-width: 1200px) {
        .plugins-page .plugins-page-row .plugins-page-col.plugins-form {
          position: sticky;
          top: 64px;
          bottom: auto;
          z-index: 100; }
          .plugins-page .plugins-page-row .plugins-page-col.plugins-form .plugins-form-body {
            max-height: calc(100vh - 78px);
            overflow: auto;
            scrollbar-width: thin;
            scrollbar-color: #788291 #ABBCCC; }
            .plugins-page .plugins-page-row .plugins-page-col.plugins-form .plugins-form-body::-webkit-scrollbar {
              width: 5px;
              height: 5px; }
              .plugins-page .plugins-page-row .plugins-page-col.plugins-form .plugins-form-body::-webkit-scrollbar-track {
                background-clip: content-box;
                border: 1.25px solid transparent; }
              .plugins-page .plugins-page-row .plugins-page-col.plugins-form .plugins-form-body::-webkit-scrollbar-thumb {
                background-color: #788291; }
                .plugins-page .plugins-page-row .plugins-page-col.plugins-form .plugins-form-body::-webkit-scrollbar-thumb:hover {
                  background-color: #6c7583; }
              .plugins-page .plugins-page-row .plugins-page-col.plugins-form .plugins-form-body::-webkit-scrollbar-corner, .plugins-page .plugins-page-row .plugins-page-col.plugins-form .plugins-form-body::-webkit-scrollbar-track {
                background-color: #ABBCCC; } }
      @media (max-width: 1200px) {
        .plugins-page .plugins-page-row .plugins-page-col.plugins-form {
          max-width: unset;
          width: 100%;
          position: fixed;
          left: auto;
          right: -100%;
          top: 60px;
          margin: 0;
          height: calc(100% - 115px);
          transition: all 0.5s ease;
          z-index: 10; } }
      @media (max-width: 767px) {
        .plugins-page .plugins-page-row .plugins-page-col.plugins-form {
          height: calc(100% - 60px); } }
      .plugins-page .plugins-page-row .plugins-page-col.plugins-form .plugin-body {
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start; }
      .plugins-page .plugins-page-row .plugins-page-col.plugins-form .name-collapse {
        border-radius: 0px;
        border: none;
        margin: 0; }
      @media (max-width: 1200px) {
        .plugins-page .plugins-page-row .plugins-page-col.plugins-form .plugins-form-body {
          box-shadow: none; } }
      .plugins-page .plugins-page-row .plugins-page-col.plugins-form.form-visible {
        right: 13px; }
        @media (max-width: 767px) {
          .plugins-page .plugins-page-row .plugins-page-col.plugins-form.form-visible {
            right: 0; } }
        @media (max-width: 1200px) {
          .plugins-page .plugins-page-row .plugins-page-col.plugins-form.form-visible {
            width: calc(100% - 76px); } }
        @media (max-width: 767px) {
          .plugins-page .plugins-page-row .plugins-page-col.plugins-form.form-visible {
            width: calc(100% - 50px); } }
        @media (max-width: 575px) {
          .plugins-page .plugins-page-row .plugins-page-col.plugins-form.form-visible {
            width: 100%; } }
    .plugins-page .plugins-page-row .plugins-page-col.plugins-list .name-collapse {
      margin-bottom: 8px; }

.plugins-page .scroll-box {
  width: 100%; }

.plugins-page .plugins-page-col.plugins-form .scroll-box {
  display: flex;
  flex-direction: column;
  width: 100%; }
  @media (max-width: 1200px) {
    .plugins-page .plugins-page-col.plugins-form .scroll-box {
      height: 100%;
      overflow-y: auto; } }
  .plugins-page .plugins-page-col.plugins-form .scroll-box > .sb-param-modules {
    margin-bottom: 30px; }
  .plugins-page .plugins-page-col.plugins-form .scroll-box [class^="col-"] > .form-group, .plugins-page .plugins-page-col.plugins-form .scroll-box [class^="col-"] > .element-container {
    margin-left: 0;
    margin-right: 0; }

.plugins-page .main-title,
.plugins-page .category-name {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 18px; }

.plugins-page .category-name {
  margin-bottom: 20px; }

.plugins-page .name-collapse {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px 14px;
  text-decoration: none !important;
  min-height: 50px;
  padding: 10px 48px 10px 20px;
  border: 1px solid #E7ECF7;
  color: #0B3052;
  border-radius: 5px;
  transition: all 0.2s ease; }
  .plugins-page .name-collapse .category-name {
    font-weight: 700;
    font-size: 14px;
    font-family: "Mulish", sans-serif;
    color: #0B3052;
    margin: 0; }
  .plugins-page .name-collapse .collapse--switcher-item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    position: absolute;
    right: 18px; }
    .plugins-page .name-collapse .collapse--switcher-item .txt {
      display: none;
      margin-right: 10px;
      font-weight: 500; }
      .plugins-page .name-collapse .collapse--switcher-item .txt.txt-show {
        display: none; }
      @media (max-width: 767px) {
        .plugins-page .name-collapse .collapse--switcher-item .txt {
          display: none; } }
    .plugins-page .name-collapse .collapse--switcher-item .icon {
      font-size: 16px;
      transform: rotate(180deg);
      transition: all 0.3s ease; }
  .plugins-page .name-collapse:hover {
    background: #F1F6FF; }
  .plugins-page .name-collapse.collapsed:hover {
    background: #F1F6FF; }
  .plugins-page .name-collapse.collapsed .collapse--switcher-item .icon {
    transform: rotate(0deg); }

.plugins-page .name-collapse:not(.collapsed) {
  background: #f8faff; }

.plugins-page .plugins-list .header-part {
  width: 100%;
  margin-bottom: 15px; }
  .plugins-page .plugins-list .header-part .header-part--item {
    display: flex;
    align-items: center;
    margin-bottom: 10px; }
    .plugins-page .plugins-list .header-part .header-part--item:last-child {
      margin-bottom: 0; }
  .plugins-page .plugins-list .header-part .main-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    margin-right: 15px;
    margin-bottom: 0;
    font-size: 19px; }
  .plugins-page .plugins-list .header-part .open-features-map {
    white-space: nowrap;
    display: flex;
    align-items: center;
    margin-left: auto;
    padding: 4px 0;
    font-weight: bold;
    text-decoration: none !important; }
    .plugins-page .plugins-list .header-part .open-features-map .fa {
      font-weight: 400;
      font-size: 18px;
      margin-right: 5px; }
    .plugins-page .plugins-list .header-part .open-features-map .txt.txt-mob {
      display: none; }
    @media (max-width: 767px) {
      .plugins-page .plugins-list .header-part .open-features-map .txt.txt-mob {
        display: inline-block; }
      .plugins-page .plugins-list .header-part .open-features-map .txt.txt-desk {
        display: none; } }
    @media (max-width: 767px) {
      .plugins-page .plugins-list .header-part .open-features-map {
        justify-content: center;
        background-color: #06ADEF;
        border-color: #06ADEF;
        color: #fff;
        height: 34px;
        min-height: 30px;
        padding: 2px 10px;
        min-width: 65px;
        border-radius: 4px; }
        .plugins-page .plugins-list .header-part .open-features-map .fa {
          display: none; } }
  .plugins-page .plugins-list .header-part .sb-filter {
    width: 100%; }
  .plugins-page .plugins-list .header-part .material-switch-container {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .plugins-page .plugins-list .header-part .material-switch-container .control-label {
      align-items: center;
      font-weight: bold;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      display: block; }
      .plugins-page .plugins-list .header-part .material-switch-container .control-label .badge, .plugins-page .plugins-list .header-part .material-switch-container .control-label .label {
        width: 30px;
        overflow: visible;
        white-space: normal;
        font-weight: 300; }
  @media (max-width: 767px) {
    .plugins-page .plugins-list .header-part {
      padding-left: 20px;
      padding-right: 20px; } }

.plugins-page .plugins-list .collapse.show .collapse-content {
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  margin-bottom: 25px; }

.plugins-page .plugins-list .sb-list .filter-result-list {
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15); }
  .plugins-page .plugins-list .sb-list .filter-result-list .plugin-item:last-child {
    border-bottom: 1px solid #E7ECF7; }
  .plugins-page .plugins-list .sb-list .filter-result-list .plugin-item.selected {
    border-color: #06ADEF; }

.plugins-page .plugins-list .plugins-page-pd .sb-list .sb-items > div:last-child .collapse.show .collapse-content {
  margin-bottom: 0; }

.plugins-page .sb-filter {
  width: 100%; }
  .plugins-page .sb-filter .search-bar {
    position: relative;
    display: flex;
    /* clears the 'X' from Internet Explorer */
    /* clears the 'X' from Chrome */ }
    .plugins-page .sb-filter .search-bar input[type=search]::-ms-clear {
      display: none;
      width: 0;
      height: 0; }
    .plugins-page .sb-filter .search-bar input[type=search]::-ms-reveal {
      display: none;
      width: 0;
      height: 0; }
    .plugins-page .sb-filter .search-bar input[type="search"]::-webkit-search-decoration,
    .plugins-page .sb-filter .search-bar input[type="search"]::-webkit-search-cancel-button,
    .plugins-page .sb-filter .search-bar input[type="search"]::-webkit-search-results-button,
    .plugins-page .sb-filter .search-bar input[type="search"]::-webkit-search-results-decoration {
      display: none;
      -webkit-appearance: none; }
    .plugins-page .sb-filter .search-bar .form-control, .plugins-page .sb-filter .search-bar .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container .plugins-page .sb-filter .search-bar textarea, .plugins-page .sb-filter .search-bar .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .plugins-page .sb-filter .search-bar select, .plugins-page .sb-filter .search-bar .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors .plugins-page .sb-filter .search-bar input, .plugins-page .sb-filter .search-bar .design-settings-page div.input, .design-settings-page .plugins-page .sb-filter .search-bar div.input {
      padding-left: 36px;
      padding-right: 50px; }
      .plugins-page .sb-filter .search-bar .form-control::-ms-clear, .plugins-page .sb-filter .search-bar .contact-widget-message-form .data-block .element-container textarea::-ms-clear, .contact-widget-message-form .data-block .element-container .plugins-page .sb-filter .search-bar textarea::-ms-clear, .plugins-page .sb-filter .search-bar .templates-page .notifications-settings .field select::-ms-clear, .templates-page .notifications-settings .field .plugins-page .sb-filter .search-bar select::-ms-clear, .plugins-page .sb-filter .search-bar .design-settings-page .theme-additional-colors input::-ms-clear, .design-settings-page .theme-additional-colors .plugins-page .sb-filter .search-bar input::-ms-clear, .plugins-page .sb-filter .search-bar .design-settings-page div.input::-ms-clear, .design-settings-page .plugins-page .sb-filter .search-bar div.input::-ms-clear {
        display: none; }
    .plugins-page .sb-filter .search-bar .fa-search {
      position: absolute;
      top: 8px;
      left: 10px;
      color: #788291; }
    .plugins-page .sb-filter .search-bar .fa {
      font-size: 18px; }
    .plugins-page .sb-filter .search-bar .sb-clear {
      background: transparent;
      border-color: transparent;
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-left: -1px;
      width: 40px;
      min-width: 40px;
      padding: 0 4px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      color: #ee5447; }
      .plugins-page .sb-filter .search-bar .sb-clear:hover, .plugins-page .sb-filter .search-bar .sb-clear:active {
        color: #ec3e30; }
      .plugins-page .sb-filter .search-bar .sb-clear .fa {
        position: static;
        z-index: unset; }

@media (max-width: 767px) {
  .plugins-page .wrap-plugins-tags {
    padding-left: 14px;
    padding-right: 14px; } }

.plugins-page .wrap-plugins-tags .name-collapse {
  min-height: 36px;
  border: 1px solid #06ADEF;
  padding: 4px 10px; }
  .plugins-page .wrap-plugins-tags .name-collapse .icon {
    margin-right: 5px; }
  @media (max-width: 767px) {
    .plugins-page .wrap-plugins-tags .name-collapse {
      display: inline-flex; } }

.plugins-page .wrap-plugins-tags .collapse.show .collapse-content {
  box-shadow: none;
  margin-bottom: 0; }

.plugins-page .plugins-tags > div {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 6px; }

.plugins-page .plugins-tags .helper-item {
  margin: 0;
  font-size: 12px;
  min-height: 24px;
  padding: 2px 12px;
  display: inline-flex;
  align-items: center;
  line-height: 1;
  color: #788291;
  border: none;
  border-radius: 5px;
  opacity: 1; }
  .plugins-page .plugins-tags .helper-item:hover {
    opacity: 1;
    background: #f8faff;
    color: #06ADEF; }
  .plugins-page .plugins-tags .helper-item.active {
    background: #f8faff !important;
    border-color: #06ADEF !important;
    color: #06ADEF !important;
    opacity: 1; }
  .plugins-page .plugins-tags .helper-item .active:hover {
    opacity: 1; }
  .plugins-page .plugins-tags .helper-item.sb-clean {
    border: none;
    color: #FF3259;
    background: transparent;
    padding-left: 0; }
    .plugins-page .plugins-tags .helper-item.sb-clean .ico {
      margin-right: 6px; }
    .plugins-page .plugins-tags .helper-item.sb-clean:hover, .plugins-page .plugins-tags .helper-item.sb-clean:active {
      color: #ff1944; }
  .plugins-page .plugins-tags .helper-item:last-child {
    margin-right: 0; }

.plugins-page .plugins-tags .helper-item:first-letter {
  text-transform: uppercase !important; }

.plugins-page .plugins-tags:first-letter {
  text-transform: uppercase !important; }

.plugins-page .plugin-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  min-height: 96px;
  gap: 10px 20px;
  padding: 12px;
  transition: all .2s ease-out;
  border: 1px solid transparent;
  border-bottom: 1px solid #E7ECF7;
  margin: 0;
  cursor: pointer;
  position: relative; }
  @media (max-width: 1366px) {
    .plugins-page .plugin-item.has-plugin-status {
      padding: 18px 12px 12px 12px; } }
  @media (max-width: 1200px) {
    .plugins-page .plugin-item {
      min-height: 100px;
      padding: 12px 12px; }
      .plugins-page .plugin-item.has-plugin-status {
        padding: 12px 12px; } }
  @media (max-width: 767px) {
    .plugins-page .plugin-item {
      padding: 12px  12px;
      min-height: 76px; }
      .plugins-page .plugin-item.has-plugin-status {
        padding: 18px 12px 12px 12px; } }
  .plugins-page .plugin-item .wrap-plugin-status {
    position: absolute;
    top: -1px;
    right: 22px;
    display: flex; }
    .plugins-page .plugin-item .wrap-plugin-status .item-plugin-status {
      min-width: 50px;
      display: flex;
      height: 14px;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 1px 10px 1px 10px;
      color: #0B3052;
      font-family: "Noto Sans", sans-serif;
      font-size: 10px;
      font-weight: 400;
      font-style: italic;
      line-height: 1; }
      .plugins-page .plugin-item .wrap-plugin-status .item-plugin-status:first-child {
        border-bottom-left-radius: 6px; }
      .plugins-page .plugin-item .wrap-plugin-status .item-plugin-status:last-child {
        border-bottom-right-radius: 6px; }
      .plugins-page .plugin-item .wrap-plugin-status .item-plugin-status.new, .plugins-page .plugin-item .wrap-plugin-status .item-plugin-status.popular {
        background: #06ADEF; }
      .plugins-page .plugin-item .wrap-plugin-status .item-plugin-status.free {
        background: #26DD7D; }
      .plugins-page .plugin-item .wrap-plugin-status .item-plugin-status.beta {
        background: #ff9292; }
      .plugins-page .plugin-item .wrap-plugin-status .item-plugin-status.marketing-related {
        background: #fcaa09; }
  .plugins-page .plugin-item .plugin-item-info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    gap: 4px 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 58px); }
    .plugins-page .plugin-item .plugin-item-info .info {
      width: 100%; }
      .plugins-page .plugin-item .plugin-item-info .info .btn.btn--tooltip .btn__txt {
        justify-content: center;
        text-align: center;
        min-width: 99px; }
    .plugins-page .plugin-item .plugin-item-info .icon {
      width: 48px;
      min-width: 48px;
      text-align: center; }
      .plugins-page .plugin-item .plugin-item-info .icon img {
        width: 100%;
        display: block; }
    .plugins-page .plugin-item .plugin-item-info .info--titles-block {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      overflow: hidden; }
      .plugins-page .plugin-item .plugin-item-info .info--titles-block .category-name-small {
        color: #06ADEF;
        font-size: 12px;
        font-weight: bold;
        padding: 0;
        margin: 0 0 5px 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 238px; }
        @media (max-width: 767px) {
          .plugins-page .plugin-item .plugin-item-info .info--titles-block .category-name-small {
            display: none; } }
    .plugins-page .plugin-item .plugin-item-info .name {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 5px;
      padding: 0;
      white-space: normal; }
      @media (max-width: 767px) {
        .plugins-page .plugin-item .plugin-item-info .name {
          font-size: 14px; } }
    .plugins-page .plugin-item .plugin-item-info .description {
      opacity: 0.9;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      flex: 1;
      min-width: 140px; }
      .plugins-page .plugin-item .plugin-item-info .description p {
        line-height: 1.35;
        margin: 0;
        padding: 0;
        font-size: 12px;
        white-space: normal;
        text-overflow: ellipsis;
        overflow: hidden; }
    .plugins-page .plugin-item .plugin-item-info .plugin-item--external-settings {
      position: relative;
      top: -2px;
      display: flex;
      gap: 2px; }
      .plugins-page .plugin-item .plugin-item-info .plugin-item--external-settings .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        height: 34px;
        width: 34px;
        min-width: 34px;
        border-radius: 36px; }
        .plugins-page .plugin-item .plugin-item-info .plugin-item--external-settings .btn:hover {
          background: #f8faff;
          text-decoration: none; }
      .plugins-page .plugin-item .plugin-item-info .plugin-item--external-settings .fa {
        font-size: 18px; }
    .plugins-page .plugin-item .plugin-item-info .plugin-item--descr {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      flex-wrap: nowrap;
      gap: 8px; }
      @media (max-width: 1366px) {
        .plugins-page .plugin-item .plugin-item-info .plugin-item--descr {
          flex-wrap: wrap; } }
    .plugins-page .plugin-item .plugin-item-info .warning {
      white-space: normal;
      background: transparent !important;
      width: 100%;
      margin-top: 8px;
      margin-bottom: 0;
      border-radius: 3px;
      padding: 1px 0 1px 30px;
      line-height: 1.1;
      font-size: 12px;
      font-weight: 300;
      border: none; }
      .plugins-page .plugin-item .plugin-item-info .warning:before {
        display: inline-block;
        position: absolute;
        left: 1px;
        top: -3px;
        font-size: 19px !important;
        color: #ff6c60;
        display: inline-block;
        content: "";
        font-family: 'Font Awesome 5 Pro';
        font-style: normal;
        font-weight: 900;
        text-decoration: inherit;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 1; }
      .plugins-page .plugin-item .plugin-item-info .warning.alert-warning:before {
        display: inline-block;
        content: "";
        font-family: 'Font Awesome 5 Pro';
        font-style: normal;
        font-weight: 900;
        text-decoration: inherit;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #fcb322; }
  .plugins-page .plugin-item .time-activation-block {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px 20px;
    padding: 0;
    margin: 0; }
    .plugins-page .plugin-item .time-activation-block .txt {
      font-size: 14px;
      margin: 0;
      padding: 0;
      display: flex;
      align-items: baseline;
      gap: 8px; }
  .plugins-page .plugin-item .form-group, .plugins-page .plugin-item .element-container {
    margin-bottom: 0;
    margin-top: 28px; }
    .plugins-page .plugin-item .form-group .control-label, .plugins-page .plugin-item .element-container .control-label {
      display: none; }
  .plugins-page .plugin-item:last-child {
    border-bottom: none; }
    .plugins-page .plugin-item:last-child:hover {
      border-bottom: none; }
  .plugins-page .plugin-item:hover {
    background: #def4fd;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  .plugins-page .plugin-item.selected {
    background: #def4ff;
    border: 1px solid #06ADEF; }
    .plugins-page .plugin-item.selected:hover {
      background: #def4ff;
      border: 1px solid #06ADEF; }
  .plugins-page .plugin-item__btn-buy {
    justify-content: center;
    min-height: 30px;
    height: 30px;
    min-width: 100px; }
  .plugins-page .plugin-item.__has-activation-block {
    flex-direction: column; }
    .plugins-page .plugin-item.__has-activation-block .plugin-item-info,
    .plugins-page .plugin-item.__has-activation-block .time-activation-block {
      width: 100%; }

.plugins-page .plugins-list .collapse.show .collapse-content .plugin-item:first-child {
  margin-top: 12px;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem; }

.plugins-page .plugins-list .collapse.show .collapse-content .plugin-item:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

.plugins-page .plugins-form.form-visible .plugins-form-body {
  background: #F1F6FF; }

.plugins-page .plugins-form .plugins-form-body {
  height: 100%;
  border-radius: 5px; }
  .plugins-page .plugins-form .plugins-form-body .sb-promo-text ul,
  .plugins-page .plugins-form .plugins-form-body .description-plugin ul {
    padding-left: 30px;
    margin-bottom: 10px; }
    .plugins-page .plugins-form .plugins-form-body .sb-promo-text ul li,
    .plugins-page .plugins-form .plugins-form-body .description-plugin ul li {
      margin-bottom: 5px;
      list-style-type: disc;
      list-style-position: outside; }
  .plugins-page .plugins-form .plugins-form-body .sb-promo-text ol,
  .plugins-page .plugins-form .plugins-form-body .description-plugin ol {
    padding-left: 30px;
    margin-bottom: 10px; }
    .plugins-page .plugins-form .plugins-form-body .sb-promo-text ol li,
    .plugins-page .plugins-form .plugins-form-body .description-plugin ol li {
      margin-bottom: 5px;
      list-style: decimal;
      list-style-position: outside; }
  .plugins-page .plugins-form .plugins-form-body .plugin-body .plugin-header-block,
  .plugins-page .plugins-form .plugins-form-body .plugin-body .plugin-body-block--inactive {
    width: 100%;
    position: relative;
    padding: 10px 30px; }
  .plugins-page .plugins-form .plugins-form-body .plugin-body .plugin-body-block--inactive {
    display: flex;
    align-items: flex-start; }
    @media (max-width: 1700px) {
      .plugins-page .plugins-form .plugins-form-body .plugin-body .plugin-body-block--inactive {
        flex-wrap: wrap; } }
    .plugins-page .plugins-form .plugins-form-body .plugin-body .plugin-body-block--inactive .description-plugin {
      width: 100%;
      margin-right: 35px; }
      @media (max-width: 1700px) {
        .plugins-page .plugins-form .plugins-form-body .plugin-body .plugin-body-block--inactive .description-plugin {
          margin-right: 0;
          margin-bottom: 15px; } }
    .plugins-page .plugins-form .plugins-form-body .plugin-body .plugin-body-block--inactive .embed-responsive {
      width: 400px;
      min-width: 400px; }
      @media (max-width: 1700px) {
        .plugins-page .plugins-form .plugins-form-body .plugin-body .plugin-body-block--inactive .embed-responsive {
          min-width: 100px;
          width: 100%; } }
  @media (max-width: 1200px) {
    .plugins-page .plugins-form .plugins-form-body .plugin-body .plugin-header-block {
      padding: 8px 70px 8px 15px; } }
  .plugins-page .plugins-form .plugins-form-body .plugin-body .plugin-header-block.plugin-header-block--inactive {
    display: block;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #E7ECF7;
    margin-bottom: 12px; }
    .plugins-page .plugins-form .plugins-form-body .plugin-body .plugin-header-block.plugin-header-block--inactive .plugin-header-block--inactive-content {
      display: flex;
      align-items: center;
      justify-content: flex-start; }
    .plugins-page .plugins-form .plugins-form-body .plugin-body .plugin-header-block.plugin-header-block--inactive .plugin-header-block--item-icon {
      width: 80px;
      min-width: 80px;
      margin-right: 12px; }
      .plugins-page .plugins-form .plugins-form-body .plugin-body .plugin-header-block.plugin-header-block--inactive .plugin-header-block--item-icon img {
        max-width: 100%;
        width: 100%;
        height: auto; }
      @media (max-width: 767px) {
        .plugins-page .plugins-form .plugins-form-body .plugin-body .plugin-header-block.plugin-header-block--inactive .plugin-header-block--item-icon {
          width: 64px;
          min-width: 64px; } }
    .plugins-page .plugins-form .plugins-form-body .plugin-body .plugin-header-block.plugin-header-block--inactive .plugin-header-block--item-info .main-title {
      margin-bottom: 15px; }
      @media (max-width: 767px) {
        .plugins-page .plugins-form .plugins-form-body .plugin-body .plugin-header-block.plugin-header-block--inactive .plugin-header-block--item-info .main-title {
          margin-bottom: 10px;
          font-size: 14px; } }
    .plugins-page .plugins-form .plugins-form-body .plugin-body .plugin-header-block.plugin-header-block--inactive .plugin-header-block--item-info .btn-bar {
      margin: 0;
      padding: 0;
      text-align: left; }
  .plugins-page .plugins-form .plugins-form-body .plugin-body .plugin-header-block iframe {
    clear: both;
    width: 100%; }
  @media (max-width: 1200px) {
    .plugins-page .plugins-form .plugins-form-body .plugin-body .plugin-body-block--inactive {
      padding: 8px 15px; } }
  .plugins-page .plugins-form .plugins-form-body .plugin-body .plugin-body-pd {
    padding: 0; }
    .plugins-page .plugins-form .plugins-form-body .plugin-body .plugin-body-pd .name {
      font-weight: 600;
      font-size: 16px; }
      @media (max-width: 767px) {
        .plugins-page .plugins-form .plugins-form-body .plugin-body .plugin-body-pd .name {
          font-size: 14px; } }
    .plugins-page .plugins-form .plugins-form-body .plugin-body .plugin-body-pd ol li {
      list-style: decimal; }
    .plugins-page .plugins-form .plugins-form-body .plugin-body .plugin-body-pd ul li {
      list-style: disc; }
    .plugins-page .plugins-form .plugins-form-body .plugin-body .plugin-body-pd .messages-container {
      margin: 0 30px 0 40px; }
  .plugins-page .plugins-form .plugins-form-body .plugin-body .btn-bar {
    padding: 10px 30px;
    text-align: right; }
    @media (max-width: 1200px) {
      .plugins-page .plugins-form .plugins-form-body .plugin-body .btn-bar {
        padding: 15px 15px 15px 15px; } }
    .plugins-page .plugins-form .plugins-form-body .plugin-body .btn-bar .sb-vars-button {
      display: inline-flex; }
    .plugins-page .plugins-form .plugins-form-body .plugin-body .btn-bar .sb-save,
    .plugins-page .plugins-form .plugins-form-body .plugin-body .btn-bar .sb-disable {
      min-width: 70px;
      justify-content: center; }
    .plugins-page .plugins-form .plugins-form-body .plugin-body .btn-bar.plugin-header-btn-bar {
      padding: 0;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      white-space: nowrap; }
      .plugins-page .plugins-form .plugins-form-body .plugin-body .btn-bar.plugin-header-btn-bar .btn {
        margin: 5px 5px 0 0;
        display: inline-flex;
        align-items: center; }
        .plugins-page .plugins-form .plugins-form-body .plugin-body .btn-bar.plugin-header-btn-bar .btn .fa {
          font-size: 16px;
          margin-right: 5px; }
        .plugins-page .plugins-form .plugins-form-body .plugin-body .btn-bar.plugin-header-btn-bar .btn:last-child {
          margin-right: 0; }
        .plugins-page .plugins-form .plugins-form-body .plugin-body .btn-bar.plugin-header-btn-bar .btn.sb-save {
          margin-left: auto;
          margin-right: 0; }
      @media (max-width: 767px) {
        .plugins-page .plugins-form .plugins-form-body .plugin-body .btn-bar.plugin-header-btn-bar {
          width: 100%; }
          .plugins-page .plugins-form .plugins-form-body .plugin-body .btn-bar.plugin-header-btn-bar .btn {
            font-size: 13px;
            align-items: center;
            justify-content: center;
            height: 30px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            line-height: 1.2;
            margin: 0 2px; } }
    .plugins-page .plugins-form .plugins-form-body .plugin-body .btn-bar--variables-wrapper {
      padding: 0;
      margin: 0 0 8px 0;
      width: 100%;
      text-align: inherit; }
  .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block,
  .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block.description {
    min-height: 96px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    border-bottom: 1px solid #E7ECF7;
    margin: 0 0 15px 0;
    padding: 10px 30px 10px 120px; }
    @media (max-width: 767px) {
      .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block,
      .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block.description {
        padding: 10px 10px 10px 80px; } }
    .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block .logo-plugin,
    .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block.description .logo-plugin {
      float: none;
      height: 80px;
      width: 80px;
      margin: 0;
      position: absolute;
      top: 50%;
      left: 20px;
      transform: translate(0, -50%); }
      @media (max-width: 767px) {
        .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block .logo-plugin,
        .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block.description .logo-plugin {
          height: 60px;
          width: 60px;
          left: 10px; } }
    .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block .main-title,
    .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block.description .main-title {
      margin-top: 10px;
      margin-bottom: 10px;
      font-size: 16px;
      width: 100%; }
      @media (max-width: 767px) {
        .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block .main-title,
        .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block.description .main-title {
          font-size: 14px; } }
    .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block .btn-bar,
    .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block.description .btn-bar {
      padding: 0;
      display: flex;
      justify-content: flex-start;
      width: 100%; }
      .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block .btn-bar .dropdown-btns-block.sb-button-submenu,
      .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block.description .btn-bar .dropdown-btns-block.sb-button-submenu {
        order: 10; }
        .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block .btn-bar .dropdown-btns-block.sb-button-submenu .sb-vars-button.btn--no-text,
        .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block.description .btn-bar .dropdown-btns-block.sb-button-submenu .sb-vars-button.btn--no-text {
          margin-right: 0;
          margin-left: 4px; }
      .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block .btn-bar .btn,
      .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block.description .btn-bar .btn {
        margin-right: 4px; }
        .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block .btn-bar .btn.sb-save,
        .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block.description .btn-bar .btn.sb-save {
          margin-left: auto;
          margin-right: 0; }
    @media (max-width: 1200px) {
      .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block,
      .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block.description {
        padding-right: 15px; }
        .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block .hide-plugins-form-part,
        .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block.description .hide-plugins-form-part {
          top: 8px; } }
  .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block.plugin-header-block--active {
    min-height: unset;
    gap: 8px; }
    .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .plugin-header-block.plugin-header-block--active .main-title {
      margin-top: 0;
      margin-bottom: 0;
      display: flex;
      align-items: center;
      min-height: 36px;
      padding-right: 20px;
      width: 100%;
      max-width: 100%; }
  .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .description {
    padding: 15px 30px; }
    @media (max-width: 1200px) {
      .plugins-page .plugins-form .plugins-form-body .plugin-body.plugin-is-active .description {
        padding: 8px 15px; } }

.plugins-page .plugins-form .btn-bar {
  padding: 30px; }
  @media (max-width: 1200px) {
    .plugins-page .plugins-form .btn-bar {
      padding: 8px 15px; } }

.plugins-page .plugins-form .wrap-collapse {
  border-bottom: 1px solid #E7ECF7; }
  .plugins-page .plugins-form .wrap-collapse > .name {
    padding: 0;
    margin: 0; }
  .plugins-page .plugins-form .wrap-collapse .name-collapse {
    text-decoration: none !important;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 60px;
    width: 100%;
    padding: 0 30px 0 40px;
    margin-bottom: -1px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
    @media (max-width: 1200px) {
      .plugins-page .plugins-form .wrap-collapse .name-collapse {
        padding: 0 15px 0 40px; } }
    .plugins-page .plugins-form .wrap-collapse .name-collapse:before, .plugins-page .plugins-form .wrap-collapse .name-collapse:after {
      content: ' ';
      position: absolute;
      left: 15px;
      top: 50%;
      transform: translate(0, -50%);
      display: block;
      background: #06ADEF;
      height: 2px;
      width: 12px;
      transition: all .2s ease-out; }
    .plugins-page .plugins-form .wrap-collapse .name-collapse.collapsed:before {
      margin-top: -1px;
      transform: rotate(90deg); }
  .plugins-page .plugins-form .wrap-collapse .table td {
    vertical-align: middle; }
    .plugins-page .plugins-form .wrap-collapse .table td .sb-edit-template,
    .plugins-page .plugins-form .wrap-collapse .table td .btn--link {
      min-height: 20px;
      padding: 1px; }
  .plugins-page .plugins-form .wrap-collapse .collapse-content {
    padding: 0 30px 0 40px; }
    @media (max-width: 1200px) {
      .plugins-page .plugins-form .wrap-collapse .collapse-content {
        padding: 0 15px 0 40px; } }
    @media (max-width: 767px) {
      .plugins-page .plugins-form .wrap-collapse .collapse-content {
        padding: 0 15px; } }
    .plugins-page .plugins-form .wrap-collapse .collapse-content textarea.form-control, .plugins-page .plugins-form .wrap-collapse .collapse-content .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container .plugins-page .plugins-form .wrap-collapse .collapse-content textarea {
      min-height: 100px; }
    .plugins-page .plugins-form .wrap-collapse .collapse-content .equal-height textarea.form-control, .plugins-page .plugins-form .wrap-collapse .collapse-content .equal-height .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container .plugins-page .plugins-form .wrap-collapse .collapse-content .equal-height textarea {
      min-height: 200px; }
      @media (max-width: 575px) {
        .plugins-page .plugins-form .wrap-collapse .collapse-content .equal-height textarea.form-control, .plugins-page .plugins-form .wrap-collapse .collapse-content .equal-height .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container .plugins-page .plugins-form .wrap-collapse .collapse-content .equal-height textarea {
          margin-bottom: 15px; } }
    .plugins-page .plugins-form .wrap-collapse .collapse-content .equal-height.equal-height-alone-area textarea.form-control, .plugins-page .plugins-form .wrap-collapse .collapse-content .equal-height.equal-height-alone-area .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container .plugins-page .plugins-form .wrap-collapse .collapse-content .equal-height.equal-height-alone-area textarea {
      min-height: 244px; }
      @media (max-width: 575px) {
        .plugins-page .plugins-form .wrap-collapse .collapse-content .equal-height.equal-height-alone-area textarea.form-control, .plugins-page .plugins-form .wrap-collapse .collapse-content .equal-height.equal-height-alone-area .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container .plugins-page .plugins-form .wrap-collapse .collapse-content .equal-height.equal-height-alone-area textarea {
          min-height: 80px; } }
    .plugins-page .plugins-form .wrap-collapse .collapse-content td.bold {
      font-weight: normal; }
    .plugins-page .plugins-form .wrap-collapse .collapse-content td.center {
      text-align: center;
      display: table-cell; }
    .plugins-page .plugins-form .wrap-collapse .collapse-content td .btn.btn--link {
      margin-top: 2px;
      margin-bottom: 2px; }
      @media (max-width: 575px) {
        .plugins-page .plugins-form .wrap-collapse .collapse-content td .btn.btn--link {
          margin-top: 0;
          margin-bottom: 0; } }
    .plugins-page .plugins-form .wrap-collapse .collapse-content td .form-group, .plugins-page .plugins-form .wrap-collapse .collapse-content td .element-container {
      margin-bottom: 4px;
      display: inline-block; }
    .plugins-page .plugins-form .wrap-collapse .collapse-content .management-plugin-info .page-view {
      padding: 22px 0 12px 0;
      margin: 0;
      max-width: 100%;
      background: transparent;
      box-shadow: none;
      border: none;
      text-align: inherit; }
      .plugins-page .plugins-form .wrap-collapse .collapse-content .management-plugin-info .page-view .plugin {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start; }
        .plugins-page .plugins-form .wrap-collapse .collapse-content .management-plugin-info .page-view .plugin .img {
          margin: 0 10px 0 0;
          width: 66px;
          min-width: 66px;
          text-align: center; }
          .plugins-page .plugins-form .wrap-collapse .collapse-content .management-plugin-info .page-view .plugin .img img {
            max-height: 66px; }
        .plugins-page .plugins-form .wrap-collapse .collapse-content .management-plugin-info .page-view .plugin .cap {
          min-height: 60px;
          display: flex;
          align-items: center;
          width: calc(100% - 75px); }
        .plugins-page .plugins-form .wrap-collapse .collapse-content .management-plugin-info .page-view .plugin .txt {
          margin-bottom: 15px; }
    .plugins-page .plugins-form .wrap-collapse .collapse-content .card-body, .plugins-page .plugins-form .wrap-collapse .collapse-content .panel .panel-body, .panel .plugins-page .plugins-form .wrap-collapse .collapse-content .panel-body {
      padding-left: 0;
      padding-right: 0; }
    .plugins-page .plugins-form .wrap-collapse .collapse-content label[for='config_param_waiting_list_notifications_attempts'] {
      padding-top: 18px;
      display: block; }
  .plugins-page .plugins-form .wrap-collapse.wrap-single-collapse {
    border-top: none;
    border-bottom: none; }
    .plugins-page .plugins-form .wrap-collapse.wrap-single-collapse .collapse-content {
      padding: 0 30px; }
      .plugins-page .plugins-form .wrap-collapse.wrap-single-collapse .collapse-content .api-info-url {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        padding: 12px;
        gap: 12px;
        border-radius: 5px;
        background: #F1F6FF;
        border: 1px solid #D7DFEF;
        margin-bottom: 8px; }
        .plugins-page .plugins-form .wrap-collapse.wrap-single-collapse .collapse-content .api-info-url picture {
          line-height: 0.1; }
          .plugins-page .plugins-form .wrap-collapse.wrap-single-collapse .collapse-content .api-info-url picture svg {
            height: 50px;
            width: 50px;
            margin: 0; }
        .plugins-page .plugins-form .wrap-collapse.wrap-single-collapse .collapse-content .api-info-url .api-info-url-link {
          flex: 1; }
        .plugins-page .plugins-form .wrap-collapse.wrap-single-collapse .collapse-content .api-info-url p {
          font-size: 14px;
          margin: 0 0 5px;
          line-height: 1.2; }
          .plugins-page .plugins-form .wrap-collapse.wrap-single-collapse .collapse-content .api-info-url p:last-child {
            margin-bottom: 0; }
      .plugins-page .plugins-form .wrap-collapse.wrap-single-collapse .collapse-content .plugin-module_api {
        padding-top: 10px; }
      .plugins-page .plugins-form .wrap-collapse.wrap-single-collapse .collapse-content .image-preview-area .image-remove {
        padding: 1px; }
      .plugins-page .plugins-form .wrap-collapse.wrap-single-collapse .collapse-content .descr-img {
        max-height: 50px;
        float: right;
        margin: 0 10px 0 0; }
      .plugins-page .plugins-form .wrap-collapse.wrap-single-collapse .collapse-content .btn-bar {
        padding-left: 0;
        padding-right: 0; }
      .plugins-page .plugins-form .wrap-collapse.wrap-single-collapse .collapse-content .clearfix {
        clear: both; }
      .plugins-page .plugins-form .wrap-collapse.wrap-single-collapse .collapse-content .collapse-content {
        padding: 0; }
      @media (max-width: 1200px) {
        .plugins-page .plugins-form .wrap-collapse.wrap-single-collapse .collapse-content {
          padding: 0 15px; } }
    .plugins-page .plugins-form .wrap-collapse.wrap-single-collapse.collapse--help .collapse-content {
      padding-top: 0;
      padding-bottom: 0; }

.plugins-page .plugins-form .param-modules .collapse-content {
  padding-top: 12px;
  padding-bottom: 12px; }

.plugins-page .plugins-form .system-name-pwa #config_param_pwa_background_color {
  width: 230px;
  background: transparent; }

.plugins-page .plugins-form .block-of-recommended-plugins {
  padding: 22px 12px 12px;
  position: relative;
  background: #f8faff;
  border-radius: 0 0 5px 5px; }
  @media (max-width: 767px) {
    .plugins-page .plugins-form .block-of-recommended-plugins {
      padding: 30px 15px 15px 15px; } }
  .plugins-page .plugins-form .block-of-recommended-plugins .recommended-plugins--icon {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    position: absolute;
    top: -25px;
    left: 25px;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #06ADEF;
    display: none; }
  .plugins-page .plugins-form .block-of-recommended-plugins .title {
    position: relative;
    display: flex;
    align-items: baseline;
    font-size: 16px;
    margin-bottom: 12px;
    margin-top: 8px;
    padding: 0 30px; }
    .plugins-page .plugins-form .block-of-recommended-plugins .title .arrow {
      min-width: 10px;
      height: 20px;
      display: inline-block;
      position: relative; }
      .plugins-page .plugins-form .block-of-recommended-plugins .title .arrow svg {
        position: absolute;
        height: 68px;
        width: 36px;
        top: -16px;
        right: -6px;
        transform: scale(-1, 1) rotate(-8deg);
        z-index: 2; }
    @media (max-width: 1200px) {
      .plugins-page .plugins-form .block-of-recommended-plugins .title {
        padding: 0 15px; } }
  .plugins-page .plugins-form .block-of-recommended-plugins .plugin-recommended-item {
    padding: 10px 22px;
    border: 1px solid #E7ECF7;
    border-top: transparent; }
    @media (max-width: 767px) {
      .plugins-page .plugins-form .block-of-recommended-plugins .plugin-recommended-item {
        padding: 8px 15px; } }
    .plugins-page .plugins-form .block-of-recommended-plugins .plugin-recommended-item:first-child {
      border-top: 1px solid #E7ECF7;
      border-radius: 4px 4px 0 0; }
    .plugins-page .plugins-form .block-of-recommended-plugins .plugin-recommended-item:last-child {
      border-radius: 0 0 4px 4px; }
    .plugins-page .plugins-form .block-of-recommended-plugins .plugin-recommended-item .plugin-recommended--col-icon {
      width: 66px;
      min-width: 66px; }
      @media (max-width: 767px) {
        .plugins-page .plugins-form .block-of-recommended-plugins .plugin-recommended-item .plugin-recommended--col-icon {
          width: 60px;
          min-width: 60px; } }
      .plugins-page .plugins-form .block-of-recommended-plugins .plugin-recommended-item .plugin-recommended--col-icon img {
        width: 100%; }
    .plugins-page .plugins-form .block-of-recommended-plugins .plugin-recommended-item .plugin-recommended--col-info {
      flex-direction: column;
      align-items: flex-start; }
      .plugins-page .plugins-form .block-of-recommended-plugins .plugin-recommended-item .plugin-recommended--col-info .description {
        padding: 0;
        margin-bottom: 10px;
        width: 100%;
        white-space: normal; }
      .plugins-page .plugins-form .block-of-recommended-plugins .plugin-recommended-item .plugin-recommended--col-info .btn-bar {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding: 0; }
        .plugins-page .plugins-form .block-of-recommended-plugins .plugin-recommended-item .plugin-recommended--col-info .btn-bar .btn {
          margin-top: 5px; }

@media (max-width: 1200px) {
  .plugins-page .plugins-form .form-group .material-switch-container, .plugins-page .plugins-form .element-container .material-switch-container {
    justify-content: space-between; } }

.plugins-page .plugins-form .plugins-page--client-company .sb-promo-text {
  padding: 22px; }
  .plugins-page .plugins-form .plugins-page--client-company .sb-promo-text h1 {
    font-family: Caveat, cursive;
    letter-spacing: 1px;
    color: #06ADEF;
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 20px; }
    @media (max-width: 1024px) {
      .plugins-page .plugins-form .plugins-page--client-company .sb-promo-text h1 {
        font-size: 28px; } }

.plugins-page .plugins-form .plugins-page--client-company .block-of-recommended-plugins {
  background: transparent;
  margin-bottom: 22px; }
  .plugins-page .plugins-form .plugins-page--client-company .block-of-recommended-plugins .recommended-plugins--list {
    display: flex;
    flex-direction: column;
    gap: 8px; }
    .plugins-page .plugins-form .plugins-page--client-company .block-of-recommended-plugins .recommended-plugins--list .plugin-recommended-item {
      width: 100%;
      border: 1px solid #E7ECF7;
      border-radius: 5px;
      cursor: auto; }
      .plugins-page .plugins-form .plugins-page--client-company .block-of-recommended-plugins .recommended-plugins--list .plugin-recommended-item:hover {
        background: transparent; }

.plugins-page .plugins-form .plugins-page--client-company .plugins-page--client-company-tarif .list {
  width: 100%;
  display: grid;
  grid-gap: 8px 50px;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); }
  .plugins-page .plugins-form .plugins-page--client-company .plugins-page--client-company-tarif .list-item.column {
    flex-direction: column;
    gap: 1px 10px; }
  .plugins-page .plugins-form .plugins-page--client-company .plugins-page--client-company-tarif .list-item__caption {
    position: relative;
    padding-right: 6px; }
    .plugins-page .plugins-form .plugins-page--client-company .plugins-page--client-company-tarif .list-item__caption:after {
      content: ':';
      display: inline;
      position: absolute;
      right: 0; }
  .plugins-page .plugins-form .plugins-page--client-company .plugins-page--client-company-tarif .list-item__info {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 4px 6px; }
  .plugins-page .plugins-form .plugins-page--client-company .plugins-page--client-company-tarif .list .p {
    font-size: 14px; }

.plugins-page .map--back-to-list {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 40px;
  margin-bottom: 15px;
  font-weight: 600;
  text-decoration: none !important;
  font-size: 16px; }
  .plugins-page .map--back-to-list .fa {
    margin-right: 10px;
    font-weight: 600; }
  .plugins-page .map--back-to-list .txt.txt-mob {
    display: none; }
  @media (max-width: 767px) {
    .plugins-page .map--back-to-list .txt.txt-mob {
      display: inline-block; }
    .plugins-page .map--back-to-list .txt.txt-desk {
      display: none; } }
  @media (max-width: 767px) {
    .plugins-page .map--back-to-list {
      justify-content: center;
      background-color: #06ADEF;
      border-color: #06ADEF;
      color: #fff;
      height: 34px;
      min-height: 30px;
      padding: 2px 10px;
      min-width: 65px;
      border-radius: 4px;
      margin-left: 15px; }
      .plugins-page .map--back-to-list .fa {
        display: none; } }

.plugins-page .map--header .main-title {
  font-size: 19px;
  margin-right: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

@media (max-width: 767px) {
  .plugins-page .map--header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px; }
    .plugins-page .map--header .map--back-to-list {
      margin-bottom: 5px;
      margin-left: 15px; } }

.plugins-page .grid-view {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
  @media (max-width: 1024px) {
    .plugins-page .grid-view {
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); } }
  @media (max-width: 767px) {
    .plugins-page .grid-view {
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); } }
  .plugins-page .grid-view .plugin-map-category .sb-url-wrap {
    position: relative; }
    .plugins-page .grid-view .plugin-map-category .sb-url-wrap a .txt {
      flex: 1;
      width: 100%; }
    .plugins-page .grid-view .plugin-map-category .sb-url-wrap a .badge, .plugins-page .grid-view .plugin-map-category .sb-url-wrap a .label {
      position: relative;
      top: 0;
      display: inline-flex;
      height: 20px;
      align-items: center;
      justify-content: center;
      padding: 0 12px 0 12px;
      font-size: 10px;
      border-radius: 2px 12px 12px 12px;
      margin: 0 2px;
      line-height: 1; }
      .plugins-page .grid-view .plugin-map-category .sb-url-wrap a .badge.badge-dark, .plugins-page .grid-view .plugin-map-category .sb-url-wrap a .badge-dark.label {
        background: #06ADEF; }

@media (min-width: 1200px) {
  .modal-open .plugins-page .plugins-page-row .plugins-page-col.plugins-form {
    position: relative;
    top: 0;
    z-index: unset; } }

#sb_popup.plugin-toast,
.plugin-toast {
  background: #fff;
  border-radius: 5px 5px 0 0;
  position: fixed;
  left: 0;
  right: 0;
  top: auto;
  bottom: -100%;
  visibility: hidden;
  pointer-events: none;
  width: 95%;
  max-width: 580px;
  margin: 0 auto;
  box-shadow: 0px -5px 20px 0px rgba(0, 0, 0, 0.15);
  transition: all 0.42s ease-out;
  z-index: 8888; }
  #sb_popup.plugin-toast.shown,
  .plugin-toast.shown {
    pointer-events: auto;
    visibility: visible;
    bottom: 0;
    transition: all 0.42s ease-out; }
  #sb_popup.plugin-toast .body-plugin-popup,
  .plugin-toast .body-plugin-popup {
    padding: 36px 20px 20px; }
    @media (max-width: 767px) {
      #sb_popup.plugin-toast .body-plugin-popup,
      .plugin-toast .body-plugin-popup {
        padding: 36px 15px 15px; } }
    #sb_popup.plugin-toast .body-plugin-popup .plugin-popup--header,
    .plugin-toast .body-plugin-popup .plugin-popup--header {
      position: absolute;
      top: 5px;
      right: 5px; }
      #sb_popup.plugin-toast .body-plugin-popup .plugin-popup--header .close,
      .plugin-toast .body-plugin-popup .plugin-popup--header .close {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        background: transparent;
        padding: 0;
        font-size: 20px;
        outline: none !important;
        opacity: 1; }
    #sb_popup.plugin-toast .body-plugin-popup .wrap-popup-content,
    .plugin-toast .body-plugin-popup .wrap-popup-content {
      display: flex;
      align-items: center;
      position: relative; }
      @media (max-width: 767px) {
        #sb_popup.plugin-toast .body-plugin-popup .wrap-popup-content,
        .plugin-toast .body-plugin-popup .wrap-popup-content {
          align-items: flex-start; } }
      #sb_popup.plugin-toast .body-plugin-popup .wrap-popup-content .icon,
      .plugin-toast .body-plugin-popup .wrap-popup-content .icon {
        width: 100px;
        min-width: 100px;
        margin-right: 15px;
        text-align: center;
        position: relative; }
        @media (max-width: 767px) {
          #sb_popup.plugin-toast .body-plugin-popup .wrap-popup-content .icon,
          .plugin-toast .body-plugin-popup .wrap-popup-content .icon {
            width: 60px;
            min-width: 60px; } }
        #sb_popup.plugin-toast .body-plugin-popup .wrap-popup-content .icon img,
        .plugin-toast .body-plugin-popup .wrap-popup-content .icon img {
          display: inline-block;
          max-height: 60px;
          height: 60px; }
      #sb_popup.plugin-toast .body-plugin-popup .wrap-popup-content .txt-part,
      .plugin-toast .body-plugin-popup .wrap-popup-content .txt-part {
        flex: 1; }
      #sb_popup.plugin-toast .body-plugin-popup .wrap-popup-content.plugin-enable-popup .txt-part .txt .status,
      .plugin-toast .body-plugin-popup .wrap-popup-content.plugin-enable-popup .txt-part .txt .status {
        font-weight: 600;
        color: #27dd7d; }
      #sb_popup.plugin-toast .body-plugin-popup .wrap-popup-content.plugin-disable-popup .txt-part .txt .status,
      .plugin-toast .body-plugin-popup .wrap-popup-content.plugin-disable-popup .txt-part .txt .status {
        font-weight: 600;
        color: #ff6b60; }
      #sb_popup.plugin-toast .body-plugin-popup .wrap-popup-content.plugin-error-popup .txt-part .txt,
      .plugin-toast .body-plugin-popup .wrap-popup-content.plugin-error-popup .txt-part .txt {
        color: #e20000; }
        #sb_popup.plugin-toast .body-plugin-popup .wrap-popup-content.plugin-error-popup .txt-part .txt .status,
        .plugin-toast .body-plugin-popup .wrap-popup-content.plugin-error-popup .txt-part .txt .status {
          font-weight: 600;
          color: #f5693e; }
      #sb_popup.plugin-toast .body-plugin-popup .wrap-popup-content .txt-part .txt,
      .plugin-toast .body-plugin-popup .wrap-popup-content .txt-part .txt {
        margin-bottom: 10px; }
      #sb_popup.plugin-toast .body-plugin-popup .wrap-popup-content .txt-part .count-enable-features,
      .plugin-toast .body-plugin-popup .wrap-popup-content .txt-part .count-enable-features {
        margin-bottom: 10px; }
        #sb_popup.plugin-toast .body-plugin-popup .wrap-popup-content .txt-part .count-enable-features .count-features,
        .plugin-toast .body-plugin-popup .wrap-popup-content .txt-part .count-enable-features .count-features {
          font-weight: bold; }
      #sb_popup.plugin-toast .body-plugin-popup .wrap-popup-content .txt-part .btn,
      .plugin-toast .body-plugin-popup .wrap-popup-content .txt-part .btn {
        margin: 0 5px 5px 0; }
        #sb_popup.plugin-toast .body-plugin-popup .wrap-popup-content .txt-part .btn:last-child,
        .plugin-toast .body-plugin-popup .wrap-popup-content .txt-part .btn:last-child {
          margin-right: 0; }

.plugin-item__custom_email .plugin-item--external-settings .btn-link:nth-child(2) {
  display: none !important; }

.plugin-header-block--active.custom_email .plugin-header-btn-bar .sb-button-outside-submenu:nth-child(4) {
  display: none !important; }

.plugin-module_pwa,
.plugin-module_pwa_screenshot {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start; }
  .plugin-module_pwa > div,
  .plugin-module_pwa_screenshot > div {
    width: 100%; }
  .plugin-module_pwa .plugin-param__hint,
  .plugin-module_pwa_screenshot .plugin-param__hint {
    font-size: 12px;
    color: #bcbcbc; }
  .plugin-module_pwa .plugin-param_pwa_logo,
  .plugin-module_pwa_screenshot .plugin-param_pwa_logo {
    width: 170px;
    min-width: 170px;
    margin-right: 30px; }
    .plugin-module_pwa .plugin-param_pwa_logo .empty-image,
    .plugin-module_pwa_screenshot .plugin-param_pwa_logo .empty-image {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      margin: 0; }
    .plugin-module_pwa .plugin-param_pwa_logo .image-remove,
    .plugin-module_pwa_screenshot .plugin-param_pwa_logo .image-remove {
      z-index: 10; }
    .plugin-module_pwa .plugin-param_pwa_logo .image-preview-area,
    .plugin-module_pwa_screenshot .plugin-param_pwa_logo .image-preview-area {
      max-width: 158px;
      width: 158px;
      min-height: 158px;
      height: 158px; }
      .plugin-module_pwa .plugin-param_pwa_logo .image-preview-area img,
      .plugin-module_pwa_screenshot .plugin-param_pwa_logo .image-preview-area img {
        max-width: 100%;
        margin: 0; }
  .plugin-module_pwa .plugin-param_pwa_screenshot_1, .plugin-module_pwa .plugin-param_pwa_screenshot_2, .plugin-module_pwa .plugin-param_pwa_screenshot_3, .plugin-module_pwa .plugin-param_pwa_screenshot_4, .plugin-module_pwa .plugin-param_pwa_screenshot_5,
  .plugin-module_pwa_screenshot .plugin-param_pwa_screenshot_1,
  .plugin-module_pwa_screenshot .plugin-param_pwa_screenshot_2,
  .plugin-module_pwa_screenshot .plugin-param_pwa_screenshot_3,
  .plugin-module_pwa_screenshot .plugin-param_pwa_screenshot_4,
  .plugin-module_pwa_screenshot .plugin-param_pwa_screenshot_5 {
    width: 200px;
    max-width: 200px;
    margin-right: 20px; }
    .plugin-module_pwa .plugin-param_pwa_screenshot_1 .image-remove, .plugin-module_pwa .plugin-param_pwa_screenshot_2 .image-remove, .plugin-module_pwa .plugin-param_pwa_screenshot_3 .image-remove, .plugin-module_pwa .plugin-param_pwa_screenshot_4 .image-remove, .plugin-module_pwa .plugin-param_pwa_screenshot_5 .image-remove,
    .plugin-module_pwa_screenshot .plugin-param_pwa_screenshot_1 .image-remove,
    .plugin-module_pwa_screenshot .plugin-param_pwa_screenshot_2 .image-remove,
    .plugin-module_pwa_screenshot .plugin-param_pwa_screenshot_3 .image-remove,
    .plugin-module_pwa_screenshot .plugin-param_pwa_screenshot_4 .image-remove,
    .plugin-module_pwa_screenshot .plugin-param_pwa_screenshot_5 .image-remove {
      z-index: 10; }
    .plugin-module_pwa .plugin-param_pwa_screenshot_1 .empty-image, .plugin-module_pwa .plugin-param_pwa_screenshot_2 .empty-image, .plugin-module_pwa .plugin-param_pwa_screenshot_3 .empty-image, .plugin-module_pwa .plugin-param_pwa_screenshot_4 .empty-image, .plugin-module_pwa .plugin-param_pwa_screenshot_5 .empty-image,
    .plugin-module_pwa_screenshot .plugin-param_pwa_screenshot_1 .empty-image,
    .plugin-module_pwa_screenshot .plugin-param_pwa_screenshot_2 .empty-image,
    .plugin-module_pwa_screenshot .plugin-param_pwa_screenshot_3 .empty-image,
    .plugin-module_pwa_screenshot .plugin-param_pwa_screenshot_4 .empty-image,
    .plugin-module_pwa_screenshot .plugin-param_pwa_screenshot_5 .empty-image {
      margin: 0; }
  .plugin-module_pwa .plugin-param_pwa_banner,
  .plugin-module_pwa_screenshot .plugin-param_pwa_banner {
    width: 377px;
    max-width: 377px; }
    .plugin-module_pwa .plugin-param_pwa_banner .image-remove,
    .plugin-module_pwa_screenshot .plugin-param_pwa_banner .image-remove {
      z-index: 10; }
    .plugin-module_pwa .plugin-param_pwa_banner .empty-image,
    .plugin-module_pwa_screenshot .plugin-param_pwa_banner .empty-image {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      margin: 0; }
    .plugin-module_pwa .plugin-param_pwa_banner .form-group .image-preview-area, .plugin-module_pwa .plugin-param_pwa_banner .element-container .image-preview-area,
    .plugin-module_pwa_screenshot .plugin-param_pwa_banner .form-group .image-preview-area,
    .plugin-module_pwa_screenshot .plugin-param_pwa_banner .element-container .image-preview-area {
      position: relative;
      display: block;
      height: 0;
      line-height: 1;
      min-height: 0;
      aspect-ratio: 16/6;
      padding-top: 56.15%; }
    .plugin-module_pwa .plugin-param_pwa_banner .image-remove.in + .empty-image,
    .plugin-module_pwa_screenshot .plugin-param_pwa_banner .image-remove.in + .empty-image {
      position: absolute;
      transform: none;
      left: 0;
      top: 0;
      margin: 0;
      width: 100%;
      max-width: 100%;
      object-fit: contain;
      border-radius: 4px;
      max-height: 100%; }

.cloud-store__plugin-settings {
  padding: 5px 35px; }
  @media (max-width: 1200px) {
    .cloud-store__plugin-settings {
      padding-left: 20px;
      padding-right: 20px; } }

.cloud-store__row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: -5px;
  margin-right: -5px;
  border: 1px solid #E7ECF7;
  border-radius: 4px;
  background: #f8faff;
  padding: 8px 15px; }

.cloud-store__item {
  margin: 2px 5px; }
  .cloud-store__item-title {
    flex: 1; }
    .cloud-store__item-title p {
      margin: 0; }
  .cloud-store__item-logo {
    width: 60px;
    min-width: 60px;
    text-align: center;
    line-height: 1; }
    .cloud-store__item-logo picture {
      display: inline-block;
      line-height: 1; }
      .cloud-store__item-logo picture svg {
        position: relative;
        width: auto;
        height: 50px;
        line-height: 1; }

.cloud-store__title {
  font-size: 18px;
  margin-bottom: 0; }

.cloud-store__controls {
  display: flex;
  align-items: center;
  margin-left: -5px;
  margin-right: -5px; }
  @media (max-width: 767px) {
    .cloud-store__controls {
      flex-direction: column;
      justify-content: center; } }
  .cloud-store__controls-item {
    margin: 8px 5px; }

.cloud-store__is-authorized .icon {
  color: #26dd7d;
  font-weight: 400; }

.feature-status-item {
  border: 1px solid #E7ECF7;
  border-radius: 4px;
  padding: 6px 15px;
  background: #f8faff;
  margin-bottom: 15px;
  display: block; }
  .feature-status-item__row {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -10px;
    margin-right: -10px; }
    @media (max-width: 600px) {
      .feature-status-item__row {
        flex-direction: column;
        text-align: center; } }
  .feature-status-item__row-item {
    padding: 5px 10px; }
  .feature-status-item__content {
    flex: 1; }
    .feature-status-item__content .feature-status-item__row {
      margin-left: 0;
      margin-right: 0; }
      .feature-status-item__content .feature-status-item__row .feature-status-item__row-item {
        padding-left: 0;
        padding-right: 0; }
  .feature-status-item__title {
    font-size: 16px;
    font-weight: 600;
    padding-top: 0;
    padding-bottom: 0; }
  .feature-status-item__status {
    padding-bottom: 0;
    padding-top: 0; }
  .feature-status-item__btn-bar .btn-bar {
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px; }
    .feature-status-item__btn-bar .btn-bar .btn {
      margin: 5px; }
  .feature-status-item__picture {
    text-align: center;
    display: block;
    min-width: 80px;
    max-width: 80px; }
    @media (min-width: 600px) {
      .feature-status-item__picture {
        margin-right: 15px; } }
    .feature-status-item__picture img, .feature-status-item__picture svg {
      width: auto;
      max-width: 100%;
      height: auto;
      max-height: 60px; }
  .feature-status-item .fa-check {
    color: #26dd7d;
    font-size: 17px;
    font-weight: 400; }

.plugins-page .plugins-page-row .plugins-page-col.plugins-form .plugins-form-body > .management-plugin-error {
  padding: 25px 22px; }
  .plugins-page .plugins-page-row .plugins-page-col.plugins-form .plugins-form-body > .management-plugin-error .img {
    margin-bottom: 16px; }

.dark-mode .text-darker {
  color: #f9f9f9; }

.dark-mode .btn--secondary-outline:hover .text-darker, .dark-mode .btn--secondary-outline:focus .text-darker, .dark-mode .btn--secondary-outline:active .text-darker {
  color: #0B3052; }

.dark-mode #scheduler-page .scheduler-filter {
  border-color: #555555; }

@media (max-width: 1024px) {
  .dark-mode #scheduler-page .scheduler-container #scheduler-controls #scheduler_form_mode .dropdown-on-mob--group {
    background-color: #242424; } }

.dark-mode #scheduler-page .scheduler-container #scheduler-nav .scheduler-mode-wrap .scheduler-mode {
  background-color: #242424; }

.dark-mode #scheduler-page .scheduler-container #scheduler-nav .scheduler-mode-wrap .scheduler-mode:before {
  display: none; }

.dark-mode #scheduler-page .scheduler-container #scheduler-nav .scheduler-mode-wrap .scheduler-mode .mode-item {
  border-color: #555555;
  color: #bcbcbc; }
  .dark-mode #scheduler-page .scheduler-container #scheduler-nav .scheduler-mode-wrap .scheduler-mode .mode-item:hover, .dark-mode #scheduler-page .scheduler-container #scheduler-nav .scheduler-mode-wrap .scheduler-mode .mode-item:focus {
    background-color: #282828;
    color: #bcbcbc; }

.dark-mode .dhx_scale_bar,
.dark-mode .dhx_scale_hour,
.dark-mode #scheduler-page .scheduler-container #scheduler-nav.stick,
.dark-mode #scheduler-page #scheduler,
.dark-mode #scheduler-page .scheduler-container #scheduler-nav {
  background-color: #282828;
  border-color: #3d3d3d;
  color: #bcbcbc; }

.dark-mode #scheduler-page .scheduler-container #scheduler-nav {
  padding-left: 8px;
  padding-right: 8px; }

.dark-mode .dhx_month_body,
.dark-mode .dhx_scale_holder,
.dark-mode #scheduler-page #scheduler .dhx_cal_header.stick,
.dark-mode .dhx_cal_data,
.dark-mode .dhx_cal_header {
  border-color: #3d3d3d; }

.dark-mode .dhx_scale_holder_now,
.dark-mode .dhx_scale_holder {
  background-image: url(/v2/images/admin/main-calendar/databg.png);
  border-color: #3d3d3d; }

.dark-mode .dhx_after .dhx_month_body, .dark-mode .dhx_after .dhx_month_head, .dark-mode .dhx_before .dhx_month_body, .dark-mode .dhx_before .dhx_month_head, .dark-mode .dhx_month_head {
  background-color: #282828;
  border-color: #3d3d3d; }

.dark-mode .dhx_matrix_cell,
.dark-mode .dhx_month_body {
  background-color: #282828;
  border-color: #3d3d3d; }

.dark-mode .dhx_now .dhx_month_body, .dark-mode .dhx_now .dhx_month_head {
  background-color: rgba(254, 196, 57, 0.9);
  font-weight: 400; }

.dark-mode #scheduler-page .dhx_scale_holder .dhx_scale_hour::after {
  border-color: #777777; }

.dark-mode .dhtmlXTooltip.tooltip.booking-tooltip .popover {
  background: #282828;
  color: #f9f9f9;
  box-shadow: 0px 0px 22px -2px #000 !important; }
  .dark-mode .dhtmlXTooltip.tooltip.booking-tooltip .popover .popover-title {
    color: #f9f9f9; }
  .dark-mode .dhtmlXTooltip.tooltip.booking-tooltip .popover .popover-content .note-tooltip-text,
  .dark-mode .dhtmlXTooltip.tooltip.booking-tooltip .popover .booking-tooltip--col-title {
    color: #bcbcbc; }
  .dark-mode .dhtmlXTooltip.tooltip.booking-tooltip .popover .booking-tooltip--col-value {
    color: #f9f9f9; }
  .dark-mode .dhtmlXTooltip.tooltip.booking-tooltip .popover .color-box {
    border: 1px solid #3d3d3d; }

.dark-mode #scheduler-page .scheduler-filter .select-list .list-item {
  background: #404040;
  color: #bcbcbc; }
  .dark-mode #scheduler-page .scheduler-filter .select-list .list-item:hover {
    background: #242424; }

.dark-mode #scheduler-page .scheduler-filter .select-list .list-item.category {
  color: #f9f9f9;
  background: transparent; }

@media (min-width: 1200px) {
  .page-main-calendar .datepicker-container.k-popup {
    margin-top: 16px;
    margin-right: -120px; } }

.page-main-calendar .dhtmlXTooltip.tooltip {
  z-index: 1004; }

#scheduler-page {
  display: block;
  padding: 20px; }
  @media (max-width: 767px) {
    #scheduler-page .hide-on-mob {
      display: none; } }
  #scheduler-page .scheduler-page--export .dropdown-menu.show {
    min-width: 140px;
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    top: 36px !important; }
  #scheduler-page .scheduler-filter {
    display: none;
    border: 1px solid #E7ECF7;
    border-top: none;
    padding: 22px 20px;
    margin-bottom: 0px; }
    @media (max-width: 767px) {
      #scheduler-page .scheduler-filter {
        margin-left: -18px;
        margin-right: -18px; } }
    #scheduler-page .scheduler-filter .filter-suffer-warning,
    #scheduler-page .scheduler-filter .filter-suffer-button {
      display: none; }
    #scheduler-page .scheduler-filter.filter-with-warning {
      padding: 30px 5px;
      width: calc(100% - 30px);
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 20px;
      border-radius: 5px;
      background: #F1F6FF; }
      #scheduler-page .scheduler-filter.filter-with-warning .filter-suffer-warning,
      #scheduler-page .scheduler-filter.filter-with-warning .filter-suffer-button {
        display: block; }
    #scheduler-page .scheduler-filter #new_filter_service_id + .combobox-container .item.active a,
    #scheduler-page .scheduler-filter #new_filter_unit_id + .combobox-container .item.active a {
      background-color: #ffffff;
      background-image: none; }
    #scheduler-page .scheduler-filter .new-filter-list {
      height: 250px;
      overflow-x: hidden;
      overflow-y: scroll;
      margin-right: -8px;
      margin-left: -8px; }
    #scheduler-page .scheduler-filter li label {
      cursor: pointer; }
    #scheduler-page .scheduler-filter .select-list .list-item {
      display: inline-flex;
      justify-content: flex-start;
      align-items: center;
      padding: 2px 2px 2px 14px;
      border-radius: 40px;
      background: #f8faff;
      color: #788291;
      gap: 8px;
      max-width: 400px;
      overflow: hidden;
      font-size: 12px; }
      @media (max-width: 500px) {
        #scheduler-page .scheduler-filter .select-list .list-item {
          max-width: 300px; } }
      #scheduler-page .scheduler-filter .select-list .list-item .name {
        display: block;
        flex: 1;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
      #scheduler-page .scheduler-filter .select-list .list-item:hover {
        background: #F1F6FF; }
      #scheduler-page .scheduler-filter .select-list .list-item.category {
        margin-top: 10px;
        font-weight: bold;
        width: 100%;
        max-width: 100%;
        color: #0B3052;
        background: transparent;
        padding: 0;
        flex: unset;
        overflow: visible;
        border-radius: 4px;
        align-items: baseline; }
        #scheduler-page .scheduler-filter .select-list .list-item.category .name {
          display: block;
          flex: unset;
          overflow: visible;
          white-space: normal; }
      #scheduler-page .scheduler-filter .select-list .list-item .remove {
        cursor: pointer;
        color: #FF3259;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 26px;
        min-height: 26px;
        width: 26px;
        border-radius: 40px; }
        #scheduler-page .scheduler-filter .select-list .list-item .remove:hover {
          background: #FEF4F6; }
    #scheduler-page .scheduler-filter .filter-action-buttons {
      display: flex;
      align-items: flex-end;
      margin-left: -5px;
      margin-right: -5px; }
      @media (max-width: 1024px) {
        #scheduler-page .scheduler-filter .filter-action-buttons {
          margin-left: 0;
          margin-right: 0;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          text-align: center; } }
      #scheduler-page .scheduler-filter .filter-action-buttons--item {
        margin: 5px;
        width: calc(50% - 10px); }
        @media (max-width: 1024px) {
          #scheduler-page .scheduler-filter .filter-action-buttons--item {
            width: 100%; } }
        #scheduler-page .scheduler-filter .filter-action-buttons--item__limit {
          max-width: 370px;
          min-width: 370px; }
          @media (max-width: 1024px) {
            #scheduler-page .scheduler-filter .filter-action-buttons--item__limit {
              max-width: unset;
              min-width: unset; } }
          #scheduler-page .scheduler-filter .filter-action-buttons--item__limit p {
            margin: 0;
            padding: 0; }
        #scheduler-page .scheduler-filter .filter-action-buttons--item__btn-bar {
          width: 100%; }
          #scheduler-page .scheduler-filter .filter-action-buttons--item__btn-bar .btn-bar__row {
            flex-wrap: wrap;
            justify-content: flex-end; }
            @media (max-width: 1024px) {
              #scheduler-page .scheduler-filter .filter-action-buttons--item__btn-bar .btn-bar__row {
                padding-top: 10px;
                justify-content: center; } }
    #scheduler-page .scheduler-filter .grid__filters {
      display: inline-grid;
      width: 100%;
      grid-gap: 20px 40px;
      grid-template-columns: repeat(auto-fill, 230px); }
      @media (max-width: 767px) {
        #scheduler-page .scheduler-filter .grid__filters {
          grid-template-columns: 1fr;
          grid-gap: 16px; } }
      #scheduler-page .scheduler-filter .grid__filters .grid__item {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 0; }
        #scheduler-page .scheduler-filter .grid__filters .grid__item .form-group, #scheduler-page .scheduler-filter .grid__filters .grid__item .element-container {
          margin-bottom: 0; }
        #scheduler-page .scheduler-filter .grid__filters .grid__item--full-width {
          grid-column-start: 1;
          grid-column-end: -1; }
          #scheduler-page .scheduler-filter .grid__filters .grid__item--full-width .form-group .form-group-container, #scheduler-page .scheduler-filter .grid__filters .grid__item--full-width .element-container .form-group-container {
            max-width: 500px;
            margin-bottom: 6px; }
          #scheduler-page .scheduler-filter .grid__filters .grid__item--full-width .form-group .select-list, #scheduler-page .scheduler-filter .grid__filters .grid__item--full-width .element-container .select-list {
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            flex-wrap: wrap;
            gap: 6px; }
      #scheduler-page .scheduler-filter .grid__filters .dropdown-item, #scheduler-page .scheduler-filter .grid__filters .combobox-container .dropdown-menu li a, .combobox-container .dropdown-menu li #scheduler-page .scheduler-filter .grid__filters a,
      #scheduler-page .scheduler-filter .grid__filters .combobox-container .dropdown-menu li a {
        white-space: normal; }
  #scheduler-page .btn .indicator {
    width: 6px;
    height: 6px;
    border-radius: 8px;
    position: absolute;
    top: 3px;
    left: 4px;
    background: #FF3259;
    display: none; }
  #scheduler-page .btn.--selected {
    position: relative; }
    #scheduler-page .btn.--selected .indicator {
      display: inline-block; }
  @media (max-width: 767px) {
    #scheduler-page .btn--no-text_on-mob {
      width: 34px;
      height: 34px;
      min-width: 34px;
      padding: 4px;
      justify-content: center;
      border-radius: 36px;
      min-height: 34px; }
      #scheduler-page .btn--no-text_on-mob .icon {
        font-size: 16px; }
      #scheduler-page .btn--no-text_on-mob .btn__txt {
        display: none; } }
  @media (max-width: 1024px) {
    #scheduler-page .btn--no-text_on-tab-l {
      width: 34px;
      height: 34px;
      min-width: 34px;
      padding: 4px;
      justify-content: center;
      border-radius: 36px;
      min-height: 34px; }
      #scheduler-page .btn--no-text_on-tab-l .icon {
        font-size: 16px; }
      #scheduler-page .btn--no-text_on-tab-l .btn__txt {
        display: none; } }
  #scheduler-page .scheduler-mode-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px; }
    #scheduler-page .scheduler-mode-wrap .scheduler-mode-title {
      position: relative; }
      @media (max-width: 767px) {
        #scheduler-page .scheduler-mode-wrap .scheduler-mode-title .btn__txt {
          font-size: 0; } }
      @media (max-width: 575px) {
        #scheduler-page .scheduler-mode-wrap .scheduler-mode-title {
          padding: 5px 8px; } }
    #scheduler-page .scheduler-mode-wrap .scheduler-mode {
      position: absolute;
      top: 38px;
      left: 0;
      opacity: 0;
      visibility: hidden;
      width: 250px;
      border-radius: 3px;
      z-index: 30;
      transition: all .4s ease; }
      #scheduler-page .scheduler-mode-wrap .scheduler-mode:after {
        display: block;
        content: "";
        width: 100%;
        height: 20px;
        position: absolute;
        left: 0;
        top: -20px; }
      #scheduler-page .scheduler-mode-wrap .scheduler-mode:before {
        display: block;
        content: "";
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-bottom: 7px solid #fff;
        position: absolute;
        left: 13px;
        top: -7px; }
      #scheduler-page .scheduler-mode-wrap .scheduler-mode .mode-item {
        border: none;
        cursor: pointer;
        background-color: transparent;
        border-left: none;
        border-top: none;
        border-right: none;
        border-radius: 0; }
        #scheduler-page .scheduler-mode-wrap .scheduler-mode .mode-item:hover {
          background-color: #f9f9f9; }
        #scheduler-page .scheduler-mode-wrap .scheduler-mode .mode-item:last-of-type {
          border: none;
          border-radius: 0 0 3px 3px; }
        #scheduler-page .scheduler-mode-wrap .scheduler-mode .mode-item:first-of-type {
          border-radius: 3px 3px 0 0; }
    #scheduler-page .scheduler-mode-wrap:not(.no-hover):hover .scheduler-mode {
      opacity: 1;
      visibility: visible; }
  #scheduler-page .filter-suffer-warning--title {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px; }
  #scheduler-page .filter-suffer-warning--txt {
    font-family: "Open Sans", sans-serif; }
    #scheduler-page .filter-suffer-warning--txt-alert {
      color: #ff9292; }
  #scheduler-page .scheduler-suffer-warning--alert {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    align-items: flex-start;
    justify-content: center;
    background: #F6F6F6; }
  #scheduler-page .scheduler-suffer-warning--block {
    position: relative;
    width: 95%;
    max-width: 420px;
    text-align: center;
    margin: 120px auto 20px auto; }
  #scheduler-page .scheduler-suffer-warning--picture {
    display: inline-block;
    margin-bottom: 15px; }
    #scheduler-page .scheduler-suffer-warning--picture svg {
      zoom: 0.55;
      pointer-events: none; }
  #scheduler-page .scheduler-suffer-warning--content .filter-suffer-warning--txt {
    font-size: 16px;
    color: #788291;
    font-weight: 300;
    margin: 0; }
    #scheduler-page .scheduler-suffer-warning--content .filter-suffer-warning--txt-title {
      font-weight: bold;
      font-size: 18px;
      color: #2c3547;
      margin-bottom: 10px; }
  #scheduler-page .scheduler-container {
    position: relative; }
    #scheduler-page .scheduler-container .main-title {
      font-size: 18px;
      padding: 15px 126px 15px 15px;
      font-weight: 600;
      font-family: "Open Sans", sans-serif; }
    #scheduler-page .scheduler-container .scheduler-controls {
      padding-bottom: 8px;
      border-bottom: 1px solid #06ADEF;
      margin-bottom: 16px; }
    @media (max-width: 1200px) {
      #scheduler-page .scheduler-container #scheduler-controls .filter-trigger {
        margin-right: 10px; } }
    @media (max-width: 767px) {
      #scheduler-page .scheduler-container #scheduler-controls .btn {
        min-height: 33px; }
      #scheduler-page .scheduler-container #scheduler-controls .filter-trigger {
        right: 10px; }
        #scheduler-page .scheduler-container #scheduler-controls .filter-trigger .btn {
          font-size: 12px;
          margin-right: 5px;
          text-align: center;
          padding: 0 10px; }
          #scheduler-page .scheduler-container #scheduler-controls .filter-trigger .btn .fa {
            font-size: 14px;
            line-height: 30px; }
        #scheduler-page .scheduler-container #scheduler-controls .filter-trigger + .btn {
          font-size: 12px;
          margin-right: 3px;
          text-align: center;
          padding: 0; }
          #scheduler-page .scheduler-container #scheduler-controls .filter-trigger + .btn .fa {
            font-size: 14px;
            line-height: 30px; }
      #scheduler-page .scheduler-container #scheduler-controls .resources-buttons .btn {
        font-size: 0;
        margin-right: 3px; }
        #scheduler-page .scheduler-container #scheduler-controls .resources-buttons .btn .fa {
          font-size: 14px;
          margin-top: 4px; } }
    #scheduler-page .scheduler-container #scheduler-controls .to-dropdown-on-mob {
      display: inline-block;
      position: relative; }
      #scheduler-page .scheduler-container #scheduler-controls .to-dropdown-on-mob .to-dropdown-btn {
        display: none; }
        #scheduler-page .scheduler-container #scheduler-controls .to-dropdown-on-mob .to-dropdown-btn:after {
          display: inline-block;
          content: "";
          font-family: 'Font Awesome 5 Pro';
          font-weight: 300;
          font-style: normal;
          text-decoration: inherit;
          font-size: inherit;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 16px;
          line-height: 1; }
        @media (max-width: 1024px) {
          #scheduler-page .scheduler-container #scheduler-controls .to-dropdown-on-mob .to-dropdown-btn {
            display: inline-flex; } }
      #scheduler-page .scheduler-container #scheduler-controls .to-dropdown-on-mob .dropdown-on-mob--group {
        display: flex; }
        @media (max-width: 1024px) {
          #scheduler-page .scheduler-container #scheduler-controls .to-dropdown-on-mob .dropdown-on-mob--group {
            padding: 8px 0;
            flex-wrap: wrap;
            position: absolute;
            top: 36px;
            left: 0;
            opacity: 0;
            visibility: hidden;
            width: 240px;
            background-color: #fff;
            border-radius: 3px;
            z-index: 30;
            box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
            transition: all .4s ease; }
            #scheduler-page .scheduler-container #scheduler-controls .to-dropdown-on-mob .dropdown-on-mob--group:after {
              display: block;
              content: "";
              width: 100%;
              height: 20px;
              position: absolute;
              left: 0;
              top: -20px; }
            #scheduler-page .scheduler-container #scheduler-controls .to-dropdown-on-mob .dropdown-on-mob--group .reports-group--item {
              width: 100%;
              display: block; }
            #scheduler-page .scheduler-container #scheduler-controls .to-dropdown-on-mob .dropdown-on-mob--group .btn {
              display: flex;
              width: 100%;
              margin: 0;
              padding: 6px 24px;
              font-size: 14px;
              color: #788291;
              font-weight: 400;
              border: none;
              background: transparent;
              border-radius: 0;
              white-space: nowrap;
              justify-content: flex-start;
              text-align: left; }
              #scheduler-page .scheduler-container #scheduler-controls .to-dropdown-on-mob .dropdown-on-mob--group .btn:hover, #scheduler-page .scheduler-container #scheduler-controls .to-dropdown-on-mob .dropdown-on-mob--group .btn:focus, #scheduler-page .scheduler-container #scheduler-controls .to-dropdown-on-mob .dropdown-on-mob--group .btn:active {
                color: #0B3052;
                background: #f8faff;
                border: none;
                filter: unset; }
              #scheduler-page .scheduler-container #scheduler-controls .to-dropdown-on-mob .dropdown-on-mob--group .btn .icon, #scheduler-page .scheduler-container #scheduler-controls .to-dropdown-on-mob .dropdown-on-mob--group .btn i {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-width: 26px; }
              #scheduler-page .scheduler-container #scheduler-controls .to-dropdown-on-mob .dropdown-on-mob--group .btn.btn--danger-high {
                color: #FF3259; }
                #scheduler-page .scheduler-container #scheduler-controls .to-dropdown-on-mob .dropdown-on-mob--group .btn.btn--danger-high:hover, #scheduler-page .scheduler-container #scheduler-controls .to-dropdown-on-mob .dropdown-on-mob--group .btn.btn--danger-high:focus, #scheduler-page .scheduler-container #scheduler-controls .to-dropdown-on-mob .dropdown-on-mob--group .btn.btn--danger-high:active {
                  color: #FF3259;
                  background: #f8faff;
                  border: none; } }
        @media (max-width: 1200px) {
          #scheduler-page .scheduler-container #scheduler-controls .to-dropdown-on-mob .dropdown-on-mob--group.dropdown-on-mob--group-reports .reports-group--item {
            margin-right: 10px; } }
        @media (max-width: 1024px) {
          #scheduler-page .scheduler-container #scheduler-controls .to-dropdown-on-mob .dropdown-on-mob--group.dropdown-on-mob--group-reports .reports-group--item {
            margin-right: 0; } }
      @media (max-width: 1024px) {
        #scheduler-page .scheduler-container #scheduler-controls .to-dropdown-on-mob:not(.no-hover):hover .dropdown-on-mob--group {
          top: 36px;
          opacity: 1;
          visibility: visible;
          left: 0;
          right: auto; } }
    #scheduler-page .scheduler-container #scheduler-controls #scheduler_form_mode .dropdown-on-mob--group {
      left: 0;
      right: auto; }
      @media (min-width: 1024px) {
        #scheduler-page .scheduler-container #scheduler-controls #scheduler_form_mode .dropdown-on-mob--group .reports-group--item:last-of-type .btn {
          border-radius: 0 25px 25px 0; } }
      @media (min-width: 1024px) {
        #scheduler-page .scheduler-container #scheduler-controls #scheduler_form_mode .dropdown-on-mob--group .reports-group--item:first-of-type .btn {
          border-radius: 25px 0 0 25px; } }
    #scheduler-page .scheduler-container #scheduler-controls .resources-buttons {
      margin-left: auto; }
      #scheduler-page .scheduler-container #scheduler-controls .resources-buttons .btn {
        margin-bottom: 5px; }
        #scheduler-page .scheduler-container #scheduler-controls .resources-buttons .btn:last-child {
          margin-bottom: 0; }
      @media (max-width: 767px) {
        #scheduler-page .scheduler-container #scheduler-controls .resources-buttons {
          margin: 0;
          display: none; } }
    @media (max-width: 767px) {
      #scheduler-page .scheduler-container #scheduler-controls #scheduler_mode .btn {
        font-size: 14px;
        white-space: normal;
        margin-bottom: 10px; } }
    #scheduler-page .scheduler-container #scheduler-controls #scheduler_form_mode .btn {
      white-space: normal; }
    #scheduler-page .scheduler-container #scheduler-nav {
      background: #fff;
      padding: 8px 0; }
      @media (max-width: 767px) {
        #scheduler-page .scheduler-container #scheduler-nav {
          margin-left: -18px;
          margin-right: -18px;
          padding-left: 20px;
          padding-right: 20px; } }
      @media (max-width: 767px) {
        #scheduler-page .scheduler-container #scheduler-nav {
          padding: 5px 20px 15px 20px; } }
      #scheduler-page .scheduler-container #scheduler-nav.stick {
        position: fixed;
        border-bottom: 1px solid #cecece;
        z-index: 3;
        display: block;
        width: 89%; }
      @media (max-width: 767px) {
        #scheduler-page .scheduler-container #scheduler-nav .nav-row {
          text-align: center;
          flex-wrap: nowrap;
          align-items: flex-end !important; }
          #scheduler-page .scheduler-container #scheduler-nav .nav-row .custom-col:nth-child(3) {
            text-align: right; }
            #scheduler-page .scheduler-container #scheduler-nav .nav-row .custom-col:nth-child(3) .text-md-right {
              text-align: right !important; } }
      #scheduler-page .scheduler-container #scheduler-nav .nav-row .view-options {
        cursor: pointer; }
        #scheduler-page .scheduler-container #scheduler-nav .nav-row .view-options #service-filter {
          display: block;
          position: relative; }
          #scheduler-page .scheduler-container #scheduler-nav .nav-row .view-options #service-filter select {
            font-family: "Mulish", sans-serif;
            font-weight: 600;
            background: transparent;
            appearance: none;
            color: #ffffff;
            border-radius: 3px;
            padding: 5px 40px 5px 20px;
            cursor: pointer;
            border: 1px solid #ffffff; }
            #scheduler-page .scheduler-container #scheduler-nav .nav-row .view-options #service-filter select option {
              color: #2c3547; }
          #scheduler-page .scheduler-container #scheduler-nav .nav-row .view-options #service-filter:after {
            display: inline-block;
            content: "";
            font-family: 'Font Awesome 5 Pro';
            font-weight: 300;
            font-style: normal;
            text-decoration: inherit;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 12px;
            position: absolute;
            margin-left: -22px;
            top: 8px;
            color: #ffffff; }
        #scheduler-page .scheduler-container #scheduler-nav .nav-row .view-options #calendar-mode .scheduler-mode {
          display: flex;
          flex-wrap: wrap; }
        #scheduler-page .scheduler-container #scheduler-nav .nav-row .view-options #calendar-mode .btn {
          display: block;
          color: #ffffff;
          border-radius: 0;
          border: 1px solid #ffffff;
          flex: 1 0 auto; }
          #scheduler-page .scheduler-container #scheduler-nav .nav-row .view-options #calendar-mode .btn.active {
            background: #ffffff;
            color: #38bdf1; }
      #scheduler-page .scheduler-container #scheduler-nav .nav-row .calendar {
        display: flex;
        position: relative;
        justify-content: center;
        align-items: flex-end;
        text-align: center;
        font-size: 16px;
        gap: 8px; }
        @media (max-width: 767px) {
          #scheduler-page .scheduler-container #scheduler-nav .nav-row .calendar {
            align-items: flex-start; } }
        #scheduler-page .scheduler-container #scheduler-nav .nav-row .calendar--date-caption {
          display: flex;
          align-items: center;
          justify-content: center;
          min-height: 36px;
          font-size: 14px;
          text-wrap: balance;
          line-height: 1.1;
          min-width: 120px; }
          @media (min-width: 1024px) {
            #scheduler-page .scheduler-container #scheduler-nav .nav-row .calendar--date-caption {
              white-space: nowrap; } }
        #scheduler-page .scheduler-container #scheduler-nav .nav-row .calendar .title {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 8px;
          font-weight: 600; }
          @media (max-width: 767px) {
            #scheduler-page .scheduler-container #scheduler-nav .nav-row .calendar .title {
              width: 100%;
              order: 0;
              margin: 0;
              flex-direction: column-reverse;
              min-width: 170px;
              gap: 12px; }
              #scheduler-page .scheduler-container #scheduler-nav .nav-row .calendar .title #scheduler_date {
                font-size: 13px;
                min-height: 34px; } }
        #scheduler-page .scheduler-container #scheduler-nav .nav-row .calendar .angle {
          position: relative;
          cursor: pointer;
          font-size: 21px; }
          @media (max-width: 767px) {
            #scheduler-page .scheduler-container #scheduler-nav .nav-row .calendar .angle.scheduler-toolbar--prev_day {
              margin-left: -36px; } }
          @media (max-width: 767px) {
            #scheduler-page .scheduler-container #scheduler-nav .nav-row .calendar .angle.scheduler-toolbar--next_day {
              margin-right: -36px; } }
    #scheduler-page .scheduler-container .btn-link {
      color: #ffffff;
      text-decoration: none !important;
      padding: 5px 10px; }
      #scheduler-page .scheduler-container .btn-link:hover {
        background: #38bdf1; }
  #scheduler-page .scheduler-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    min-height: 60px; }
    @media (min-width: 1024px) {
      #scheduler-page .scheduler-toolbar .custom-col {
        flex: 1; } }
    #scheduler-page .scheduler-toolbar--today .icon {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 20px; }
      #scheduler-page .scheduler-toolbar--today .icon #getCurDay {
        position: absolute;
        font-size: 10px;
        line-height: 9px;
        top: 8px;
        font-weight: bold;
        font-family: "Noto Sans", sans-serif; }
    @media (max-width: 1024px) {
      #scheduler-page .scheduler-toolbar--today {
        border: 1px solid #06ADEF; } }
  #scheduler-page .breaktime {
    cursor: pointer;
    background-image: url(/v2/images/admin/breaktime_bg.png); }
    #scheduler-page .breaktime .dhx_month_body {
      background-image: url(/v2/images/admin/breaktime_bg.png); }
    #scheduler-page .breaktime.special-day {
      background-image: url(/v2/images/admin/breaktime_special_bg.png); }
      #scheduler-page .breaktime.special-day .dhx_month_body {
        background-image: url(/v2/images/admin/breaktime_special_bg.png); }
  #scheduler-page .limit-bookings {
    background-color: orange;
    opacity: 0.25; }
  #scheduler-page .google-busy-time {
    background-color: #06ADEF;
    opacity: 0.5; }
  #scheduler-page .color-box {
    border: 1px solid #cccccc;
    display: inline-block;
    height: 14px;
    margin-bottom: -1px;
    width: 14px; }
  #scheduler-page #scheduler {
    border: 1px solid #dddddd;
    border-left: none;
    border-right: none; }
    @media (max-width: 767px) {
      #scheduler-page #scheduler {
        margin-left: -18px;
        margin-right: -18px; } }
    #scheduler-page #scheduler .dhx_cal_header {
      border-top: none; }
      #scheduler-page #scheduler .dhx_cal_header .dhx_scale_bar {
        line-height: 35px; }
      #scheduler-page #scheduler .dhx_cal_header.stick {
        position: fixed;
        border-bottom: 1px solid #cecece; }
    #scheduler-page #scheduler .dhx_cal_data {
      padding-bottom: 10px; }
      #scheduler-page #scheduler .dhx_cal_data .dhx_scale_hour {
        font-size: 11px;
        color: #999999; }
    #scheduler-page #scheduler .dhx_cal_event .booking-paid,
    #scheduler-page #scheduler .dhx_cal_event .booking-payment-pending,
    #scheduler-page #scheduler .dhx_cal_event .booking-paid-deposit,
    #scheduler-page #scheduler .dhx_cal_event .booking-not-paid-yet {
      position: absolute;
      top: 0px;
      bottom: 1px;
      left: 0px;
      width: 5px; }
    #scheduler-page #scheduler .dhx_cal_event .booking-payment-pending {
      background: #fff59d none repeat scroll 0 0;
      border-radius: 4px 0 0 4px; }
    #scheduler-page #scheduler .dhx_cal_event .booking-paid-deposit {
      background: yellow none repeat scroll 0 0;
      border-radius: 4px 0 0 4px; }
    #scheduler-page #scheduler .dhx_cal_event .booking-paid {
      background: #25dd25 none repeat scroll 0 0;
      border-radius: 4px 0 0 4px; }
    #scheduler-page #scheduler .dhx_cal_event .booking-not-paid-yet {
      background: #dd2525 none repeat scroll 0 0;
      border-radius: 4px 0 0 4px; }
    #scheduler-page #scheduler .dhx_cal_event.deleted {
      opacity: 0.4; }
    #scheduler-page #scheduler .dhx_cal_event.batch-not-confirmed .dhx_body,
    #scheduler-page #scheduler .dhx_cal_event.batch-not-confirmed .dhx_header,
    #scheduler-page #scheduler .dhx_cal_event.batch-not-confirmed .dhx_title {
      background-attachment: fixed;
      background-position: top left;
      background-repeat: repeat;
      background-image: url(/v2/images/admin/batch_not_confirmed.png); }
    #scheduler-page #scheduler .provider-color-dot {
      position: absolute;
      width: 10px;
      height: 10px;
      border: 2px solid #fff;
      border-radius: 50%; }
      #scheduler-page #scheduler .provider-color-dot.provider-color-dot-mini {
        width: 6px;
        height: 6px;
        border: 1px solid #fff; }
    #scheduler-page #scheduler .ticket-status {
      position: absolute;
      width: 20px;
      height: 15px;
      background: rgba(255, 255, 255, 0.3) url(/v2/images/admin/ticket-not-validated.svg);
      background-repeat: no-repeat !important;
      background-size: 20px;
      border-radius: 2px; }
      @media (max-width: 575px) {
        #scheduler-page #scheduler .ticket-status {
          display: none; } }
      #scheduler-page #scheduler .ticket-status.validated {
        background: rgba(255, 255, 255, 0.7) url(/v2/images/admin/ticket-validated.svg);
        background-repeat: no-repeat !important;
        background-size: 20px; }
      #scheduler-page #scheduler .ticket-status.pending {
        height: 20px;
        background: rgba(255, 255, 255, 0.7) url(/v2/images/admin/medical-test-pending.svg);
        background-repeat: no-repeat !important;
        background-size: 20px; }
      #scheduler-page #scheduler .ticket-status.positive {
        height: 20px;
        background: rgba(255, 255, 255, 0.7) url(/v2/images/admin/medical-test-positive.svg);
        background-repeat: no-repeat !important;
        background-size: 20px; }
      #scheduler-page #scheduler .ticket-status.negative {
        height: 20px;
        background: rgba(255, 255, 255, 0.7) url(/v2/images/admin/medical-test-negative.svg);
        background-repeat: no-repeat !important;
        background-size: 20px; }
      #scheduler-page #scheduler .ticket-status.inconclusive {
        height: 20px;
        background: rgba(255, 255, 255, 0.7) url(/v2/images/admin/medical-test-inconclusive.svg);
        background-repeat: no-repeat !important;
        background-size: 20px; }
      #scheduler-page #scheduler .ticket-status.ticket-status-mini {
        width: 10px;
        height: 10px; }
    #scheduler-page #scheduler .dhx_cal_event.has-ticket-status {
      overflow: hidden; }
      #scheduler-page #scheduler .dhx_cal_event.has-ticket-status .ticket-status {
        top: 5px;
        right: 3px; }
    #scheduler-page #scheduler .dhx_cal_event .provider-color-dot {
      top: 6px;
      right: 5px; }
      @media (max-width: 575px) {
        #scheduler-page #scheduler .dhx_cal_event .provider-color-dot {
          display: none; } }
    #scheduler-page #scheduler .dhx_cal_event.has-provider-color-dot.has-ticket-status .ticket-status {
      top: 24px;
      right: 3px; }
    #scheduler-page #scheduler.dhx_scheduler_month .dhx_cal_event_clear .provider-color-dot,
    #scheduler-page #scheduler.dhx_scheduler_month .dhx_cal_event_line .provider-color-dot {
      top: 3px;
      right: 5px; }
    #scheduler-page #scheduler.dhx_scheduler_month .dhx_cal_event_clear .ticket-status,
    #scheduler-page #scheduler.dhx_scheduler_month .dhx_cal_event_line .ticket-status {
      display: none; }
    #scheduler-page #scheduler.dhx_scheduler_timeline .dhx_cal_event_line {
      line-height: 28px; }
      #scheduler-page #scheduler.dhx_scheduler_timeline .dhx_cal_event_line .ticket-status {
        display: none; }
    #scheduler-page #scheduler.dhx_scheduler_month .dhx_cal_event_clear,
    #scheduler-page #scheduler.dhx_scheduler_month .dhx_cal_event_line {
      display: inline-block;
      background: #06acee;
      color: #ffffff;
      padding: 3px 5px;
      height: 14px;
      font-size: 11px;
      font-family: Arial, sans-serif; }
    #scheduler-page #scheduler.dhx_scheduler_month .dhx_cal_event_line.breaktime {
      background-color: transparent;
      background-image: url(/v2/images/admin/breaktime_bg.png); }
    #scheduler-page #scheduler.dhx_scheduler_month .dhx_cal_event_clear.note {
      min-height: 20px; }
    #scheduler-page #scheduler.dhx_scheduler_month .dhx_cal_event_clear.batch-not-confirmed,
    #scheduler-page #scheduler.dhx_scheduler_month .dhx_cal_event_line.batch-not-confirmed {
      background-attachment: fixed;
      background-position: top left;
      background-repeat: repeat;
      background-image: url(/v2/images/admin/batch_not_confirmed.png); }
    #scheduler-page #scheduler .dhx_cal_event .dhx_body,
    #scheduler-page #scheduler .dhx_cal_event .dhx_footer,
    #scheduler-page #scheduler .dhx_cal_event .dhx_header,
    #scheduler-page #scheduler .dhx_cal_event .dhx_title,
    #scheduler-page #scheduler .dhx_cal_event_line {
      border-color: white;
      background-color: #06acee; }
    #scheduler-page #scheduler .dhx_cal_event .dhx_title {
      width: calc(100% - 10px);
      height: 18px;
      padding: 3px 5px 0;
      font-size: 11px;
      line-height: 12px;
      text-align: left; }
    #scheduler-page #scheduler .dhx_cal_event .dhx_title span {
      font-weight: normal; }
    #scheduler-page #scheduler .dhx_cal_event .dhx_title.dhx_event_line {
      border-radius: 4px; }
    #scheduler-page #scheduler .dhx_cal_event .dhx_body {
      padding-top: 0px;
      padding-bottom: 4px; }
    #scheduler-page #scheduler.dhx_scheduler_timeline {
      overflow-x: scroll;
      padding-bottom: 20px; }
      #scheduler-page #scheduler.dhx_scheduler_timeline .dhx_cal_data {
        position: relative; }
      #scheduler-page #scheduler.dhx_scheduler_timeline .dhx_scale_bar {
        padding-left: 0px;
        padding-right: 0px; }
      #scheduler-page #scheduler.dhx_scheduler_timeline .dhx_cal_event_line.batch-not-confirmed {
        background-attachment: fixed;
        background-position: top left;
        background-repeat: repeat;
        background-image: url(/v2/images/admin/batch_not_confirmed.png); }
    #scheduler-page #scheduler.scheduler-has-warning {
      min-height: 500px;
      overflow: hidden; }
      #scheduler-page #scheduler.scheduler-has-warning .scheduler-suffer-warning {
        display: flex; }
  #scheduler-page .day-off-label {
    padding-left: 45px; }
    @media (max-width: 767px) {
      #scheduler-page .day-off-label {
        padding-left: 45px; } }
  #scheduler-page .dhx_scale_holder {
    overflow: visible; }
    #scheduler-page .dhx_scale_holder .dhx_scale_hour {
      position: relative;
      overflow: visible; }
    #scheduler-page .dhx_scale_holder .dhx_scale_hour::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -1px;
      width: 9999px;
      height: 1px;
      border-bottom: 2px dashed rgba(0, 0, 0, 0.1); }
  #scheduler-page .note {
    padding: 5px 0;
    overflow: hidden;
    box-sizing: border-box;
    border-left: 3px solid #666;
    color: #fff;
    border-radius: 0 !important; }
    #scheduler-page .note.dhx_cal_event_line {
      padding: 5px; }
    #scheduler-page .note .note-text {
      height: calc(100% - 2px);
      overflow: hidden; }
    #scheduler-page .note.company-note.company-note-next {
      border: none; }
    #scheduler-page .note.edit {
      background: #888; }
    #scheduler-page .note .dhx_footer,
    #scheduler-page .note .dhx_title,
    #scheduler-page .note .dhx_body {
      background-color: transparent !important;
      border: none !important;
      color: rgba(0, 0, 0, 0.8); }
    #scheduler-page .note .dhx_body {
      white-space: pre-line; }

.datetimepicker-buttons span {
  font-size: 14px;
  color: #06ADEF;
  text-decoration: underline;
  cursor: pointer; }

.datetimepicker-buttons #time_start_btn {
  position: relative; }
  @media (min-width: 575px) {
    .datetimepicker-buttons #time_start_btn:before {
      content: '-';
      position: absolute;
      right: -45px;
      top: 50%;
      transform: translateY(-55%);
      color: #06ADEF;
      font-size: 30px;
      font-weight: 300; } }

.client-info .client-photo {
  background-color: #fafafa;
  font-size: 51px;
  color: #ffffff;
  text-align: center; }
  .client-info .client-photo img {
    width: 100%; }

.dhtmlXTooltip.tooltip.booking-tooltip {
  border: 0;
  background: none; }

.dhtmlXTooltip.tooltip.booking-tooltip .popover {
  max-width: inherit;
  width: 400px;
  padding: 20px;
  border: none;
  box-shadow: 0px 0px 30px -8px rgba(11, 48, 82, 0.2);
  line-height: 1; }
  @media (max-width: 480px) {
    .dhtmlXTooltip.tooltip.booking-tooltip .popover {
      width: 310px; } }
  .dhtmlXTooltip.tooltip.booking-tooltip .popover .popover-title {
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 500;
    margin: 0 0 20px 0;
    color: #0B3052; }
  .dhtmlXTooltip.tooltip.booking-tooltip .popover .booking-tooltip--row {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 5px 20px;
    flex-direction: column;
    margin-bottom: 0; }
    .dhtmlXTooltip.tooltip.booking-tooltip .popover .booking-tooltip--row:last-child {
      margin-bottom: 1.5em; }
    @media (min-width: 480px) {
      .dhtmlXTooltip.tooltip.booking-tooltip .popover .booking-tooltip--row {
        flex-direction: row; } }
  .dhtmlXTooltip.tooltip.booking-tooltip .popover .booking-tooltip--col {
    font-size: 0.9rem;
    line-height: 1.26;
    font-family: "Noto Sans", sans-serif; }
    .dhtmlXTooltip.tooltip.booking-tooltip .popover .booking-tooltip--col .label {
      line-height: 1;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 2px 10px;
      font-size: 12px;
      min-width: 100px;
      font-style: italic;
      font-weight: 300; }
    .dhtmlXTooltip.tooltip.booking-tooltip .popover .booking-tooltip--col-title {
      color: #788291;
      font-weight: 300;
      width: 100%; }
      @media (min-width: 480px) {
        .dhtmlXTooltip.tooltip.booking-tooltip .popover .booking-tooltip--col-title {
          width: 36.6%; } }
    .dhtmlXTooltip.tooltip.booking-tooltip .popover .booking-tooltip--col-value {
      flex: 1;
      color: #0B3052; }
  .dhtmlXTooltip.tooltip.booking-tooltip .popover .booking-tooltip--row.service-cate .booking-tooltip--col-value, .dhtmlXTooltip.tooltip.booking-tooltip .popover .booking-tooltip--row.service .booking-tooltip--col-value, .dhtmlXTooltip.tooltip.booking-tooltip .popover .booking-tooltip--row.service-prov .booking-tooltip--col-value, .dhtmlXTooltip.tooltip.booking-tooltip .popover .booking-tooltip--row.comment .booking-tooltip--col-value {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: normal;
    text-overflow: ellipsis; }
  .dhtmlXTooltip.tooltip.booking-tooltip .popover .popover-content {
    display: flex;
    flex-direction: column;
    gap: 6px; }
    .dhtmlXTooltip.tooltip.booking-tooltip .popover .popover-content .note-tooltip-text {
      white-space: pre-line;
      max-height: 300px;
      overflow-y: auto;
      padding-top: 4px;
      padding-bottom: 4px;
      margin-bottom: 12px;
      line-height: 1.35;
      font-size: 0.83rem;
      color: #0B3052; }
    .dhtmlXTooltip.tooltip.booking-tooltip .popover .popover-content .color-box {
      display: inline-block;
      width: 60px;
      height: 10px;
      border-radius: 5px;
      margin-right: 5px; }
  .dhtmlXTooltip.tooltip.booking-tooltip .popover > .btn {
    min-width: 120px;
    min-height: 30px;
    margin-right: 6px;
    justify-content: center;
    text-align: center; }

#booking_tabs .form-group.form-group--switcher, #booking_tabs .form-group--switcher.element-container {
  margin-left: 0;
  margin-right: 0; }

.modal .modal-content .modal-header.has-switch-buttons {
  display: flex;
  align-items: center;
  gap: 5px 8px; }
  .modal .modal-content .modal-header.has-switch-buttons > .modal-title {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    padding: 0 12px;
    border: none;
    border-radius: 5.25rem;
    font-weight: 600;
    flex: unset;
    line-height: 1; }

.modal .modal-content .form-container .form-horizontal > .one-row {
  display: flex;
  align-items: flex-end;
  margin-bottom: 15px; }
  .modal .modal-content .form-container .form-horizontal > .one-row .form-group, .modal .modal-content .form-container .form-horizontal > .one-row .element-container {
    width: 100%;
    margin-bottom: 0; }
    .modal .modal-content .form-container .form-horizontal > .one-row .form-group .field-cont, .modal .modal-content .form-container .form-horizontal > .one-row .element-container .field-cont {
      display: flex;
      align-items: stretch; }
      .modal .modal-content .form-container .form-horizontal > .one-row .form-group .field-cont .color-preview, .modal .modal-content .form-container .form-horizontal > .one-row .element-container .field-cont .color-preview {
        min-width: 32px;
        width: 32px;
        margin-right: 5px;
        height: 32px;
        border-radius: 50%;
        margin-left: 15px; }
        @media (max-width: 575px) {
          .modal .modal-content .form-container .form-horizontal > .one-row .form-group .field-cont .color-preview, .modal .modal-content .form-container .form-horizontal > .one-row .element-container .field-cont .color-preview {
            margin-left: 0; } }
  .modal .modal-content .form-container .form-horizontal > .one-row a.btn {
    margin-left: 5px; }

.approve-booking-panel .label.disabled {
  opacity: 0.5;
  cursor: default; }

.tariff-page {
  padding: 15px; }
  .tariff-page .payment-system-list .buy-button-container {
    display: none; }
  .tariff-page .tarif-table .price input {
    display: none; }
  .tariff-page .tarif-table,
  .tariff-page .payment-system-list {
    padding: 15px; }
    .tariff-page .tarif-table .tarif-header-container,
    .tariff-page .payment-system-list .tarif-header-container {
      padding-top: 80px;
      background: #f1f2f7; }
    .tariff-page .tarif-table .valign-middle,
    .tariff-page .payment-system-list .valign-middle {
      display: flex;
      align-items: center;
      justify-content: center; }
    .tariff-page .tarif-table .attribute,
    .tariff-page .payment-system-list .attribute {
      min-height: 80px;
      width: 100%;
      border-bottom: 1px solid #ddd; }
      .tariff-page .tarif-table .attribute.description,
      .tariff-page .payment-system-list .attribute.description {
        min-height: inherit; }
      @media (max-width: 767px) {
        .tariff-page .tarif-table .attribute,
        .tariff-page .payment-system-list .attribute {
          text-align: left; } }
    .tariff-page .tarif-table .attribute-value .red,
    .tariff-page .tarif-table .attribute-value .green,
    .tariff-page .payment-system-list .attribute-value .red,
    .tariff-page .payment-system-list .attribute-value .green {
      font-size: 18px; }
    .tariff-page .tarif-table .attribute-value .red,
    .tariff-page .payment-system-list .attribute-value .red {
      color: #cc0000; }
    .tariff-page .tarif-table .attribute-value .green,
    .tariff-page .payment-system-list .attribute-value .green {
      color: #00cc00; }
    .tariff-page .tarif-table .price-list,
    .tariff-page .payment-system-list .price-list {
      text-align: center; }
    .tariff-page .tarif-table .tarif-header,
    .tariff-page .payment-system-list .tarif-header {
      background: #f1f2f7;
      text-align: center;
      padding: 15px;
      min-height: 80px; }
      .tariff-page .tarif-table .tarif-header .cap,
      .tariff-page .payment-system-list .tarif-header .cap {
        font-size: 21px;
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: center; }
    .tariff-page .tarif-table .tarif-header.empty,
    .tariff-page .payment-system-list .tarif-header.empty {
      background: none; }
    .tariff-page .tarif-table .price,
    .tariff-page .payment-system-list .price {
      display: block;
      color: #0588bc;
      font-size: 1.2em;
      font-weight: normal; }
    .tariff-page .tarif-table .buy-button-container,
    .tariff-page .payment-system-list .buy-button-container {
      text-align: center;
      padding: 15px 0; }
      .tariff-page .tarif-table .buy-button-container .buy-button,
      .tariff-page .payment-system-list .buy-button-container .buy-button {
        min-width: 100px; }
    .tariff-page .tarif-table .additional-description,
    .tariff-page .payment-system-list .additional-description {
      margin-top: 10px; }
    .tariff-page .tarif-table .recurring-container,
    .tariff-page .payment-system-list .recurring-container {
      margin-top: 10px; }
  .tariff-page .attribute-name {
    width: 100%; }
  .tariff-page .address-data {
    margin-top: 20px; }

.tarif-table .tarif-header-container .attribute-name {
  display: block; }

.tarif-table .attribute-name {
  display: none; }
  @media (max-width: 767px) {
    .tarif-table .attribute-name {
      display: block; } }

.payment-system-list .attribute-name {
  display: block; }

.payment-system-list .buttons-container,
.payment-processors-container .buttons-container {
  padding-top: 20px; }
  .payment-system-list .buttons-container .btn,
  .payment-processors-container .buttons-container .btn {
    min-width: 100px; }
  .payment-system-list .buttons-container .terms-and-conditions,
  .payment-system-list .buttons-container .terms-and-conditions-link,
  .payment-processors-container .buttons-container .terms-and-conditions,
  .payment-processors-container .buttons-container .terms-and-conditions-link {
    margin-bottom: 7px; }

.msg .event_price .name {
  font-size: 1.3em; }

.msg .event_price .price {
  font-size: 1.3em;
  color: #06acee;
  margin: 0 30px; }

.data-page {
  position: relative;
  padding: 20px 20px 50px 20px; }
  .data-page .btn-bar--data-page .btn {
    margin: 0; }
    @media (max-width: 1200px) {
      .data-page .btn-bar--data-page .btn.global_action__0 {
        margin-right: auto; } }
  .data-page .btn-bar--data-page .btn-tutorial {
    position: absolute;
    top: 18px;
    right: 20px; }
  .data-page .btn-bar--data-page .btn-bar--user-actions {
    margin-left: 0;
    margin-right: auto; }
    @media (max-width: 1200px) {
      .data-page .btn-bar--data-page .btn-bar--user-actions {
        order: 10;
        width: 100%;
        padding-left: 46px; }
        .data-page .btn-bar--data-page .btn-bar--user-actions .btn-bar__row {
          justify-content: flex-end; } }
  .data-page .group-concat-list {
    max-height: 120px;
    overflow: auto; }
  .data-page .k-picker-wrap {
    margin-bottom: 8px;
    min-width: 90px; }

.data-page-clients .data-page.alert .alert-info {
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem; }
  .data-page-clients .data-page.alert .alert-info .close {
    opacity: 0.3; }

.data-page-clients .table-advance {
  white-space: nowrap; }

.soap-textarea .form-group.cloud_file > label[class^="col"], .soap-textarea .cloud_file.element-container > label[class^="col"],
.soap-textarea .form-group.cloud_file > div[class^="col"],
.soap-textarea .cloud_file.element-container > div[class^="col"] {
  flex: 0 0 100%;
  max-width: 100%; }

.page--merge-clients {
  position: relative;
  padding-top: 20px; }
  .page--merge-clients .container-fluid {
    padding-left: 20px;
    padding-right: 20px; }
  @media (max-width: 1024px) {
    .page--merge-clients .data-page .btn-bar--data-page {
      padding-left: 44px; } }

/*-----------

Promotions

------------*/
#promo-page {
  padding-top: 15px;
  padding-bottom: 15px; }
  #promo-page .table-advance input {
    margin-bottom: 8px; }
  #promo-page .table-advance .k-picker-wrap input {
    margin-bottom: 0; }

.data-page.reward_list .table-advance input {
  margin-bottom: 8px; }

.promotionsTabs {
  background: #06ADEF;
  padding: 10px; }
  @media (max-width: 575px) {
    .promotionsTabs .nav-item, .promotionsTabs ul.nav-tabs > li {
      width: 100%; } }
  .promotionsTabs .nav-link, .promotionsTabs ul.nav-tabs > li > a {
    color: #ffffff;
    border: 0 !important;
    border-radius: 3px; }
    .promotionsTabs .nav-link .fa, .promotionsTabs ul.nav-tabs > li > a .fa {
      margin-right: 5px; }
  .promotionsTabs .nav-item.show .nav-link, .promotionsTabs ul.nav-tabs > li.show .nav-link, .promotionsTabs .nav-item.show ul.nav-tabs > li > a, .promotionsTabs ul.nav-tabs > li.show ul.nav-tabs > li > a,
  .promotionsTabs .nav-link.active,
  .promotionsTabs ul.nav-tabs > li > a.active {
    border: 0;
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff; }

.label-light, .wizard-popup-container .control-label {
  display: block;
  font-size: 14px;
  font-weight: normal; }
  .label-light span, .wizard-popup-container .control-label span {
    margin-left: 7px; }
  .label-light.bigger, .wizard-popup-container .bigger.control-label {
    font-size: 16px;
    margin: 5px 0 10px 0;
    font-weight: bold; }
  .label-light.smaller, .wizard-popup-container .smaller.control-label {
    font-size: 12px; }
    .label-light.smaller span, .wizard-popup-container .smaller.control-label span {
      position: relative;
      top: -2px; }
  .label-light.right, .wizard-popup-container .right.control-label {
    float: right; }
  .label-light.checkbox-label, .wizard-popup-container .checkbox-label.control-label {
    display: inline-block; }

.wizard-popup-container {
  display: none; }
  .wizard-popup-container .insert-code {
    cursor: pointer; }
  .wizard-popup-container textarea {
    min-height: 150px; }

.review-profile {
  overflow: hidden;
  white-space: nowrap;
  min-width: 250px; }
  .review-profile .review-profile-img,
  .review-profile .review-profile-name {
    float: left; }
  .review-profile .review-profile-img {
    border: 3px solid #cccccc;
    border-radius: 50%;
    overflow: hidden; }
  .review-profile .review-profile-name {
    margin: 15px; }

/**************************

	Manage promotion interface

***************************/
.manage-promotion {
  padding: 15px; }
  .manage-promotion .title {
    font-size: 18px;
    margin-bottom: 8px;
    font-weight: 600; }
  .manage-promotion input[type='checkbox']:disabled {
    background-color: #06ADEF;
    border-color: #06ADEF;
    opacity: .45; }
  .manage-promotion #campaign-step .bottom-separated {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px; }
  @media (max-width: 1024px) {
    .manage-promotion .step-headers .step-items {
      flex-wrap: wrap; } }
  .manage-promotion .step-headers .step-items .step-item {
    flex-grow: 1; }
    @media (max-width: 1024px) {
      .manage-promotion .step-headers .step-items .step-item {
        width: 50%;
        margin-bottom: 10px; } }
    @media (max-width: 767px) {
      .manage-promotion .step-headers .step-items .step-item {
        width: 100%; } }
    .manage-promotion .step-headers .step-items .step-item .step-header {
      padding: 10px;
      border-bottom: 4px solid #c4c4c4;
      color: #c4c4c4;
      text-align: center;
      font-size: 16px;
      transition: all .3s ease;
      cursor: pointer; }
      .manage-promotion .step-headers .step-items .step-item .step-header:hover {
        border-bottom-color: #06ADEF;
        color: #06ADEF; }
      .manage-promotion .step-headers .step-items .step-item .step-header.current {
        color: #06ADEF;
        border-bottom-color: #06ADEF;
        cursor: pointer; }
      .manage-promotion .step-headers .step-items .step-item .step-header.disabled {
        cursor: not-allowed; }
        .manage-promotion .step-headers .step-items .step-item .step-header.disabled:hover {
          border-bottom: 4px solid #c4c4c4;
          color: #c4c4c4; }
      .manage-promotion .step-headers .step-items .step-item .step-header.done {
        color: #06ADEF;
        border-bottom-color: #06ADEF;
        opacity: .4;
        cursor: pointer; }
        .manage-promotion .step-headers .step-items .step-item .step-header.done:hover {
          opacity: 1; }
  .manage-promotion .claims-container input[type='text'] {
    width: 80px;
    display: inline-block;
    margin: 0 10px; }
  .manage-promotion .claims-container .disabled {
    background-color: #d1d1d1; }
  .manage-promotion .claims-container .form-container {
    padding-top: 15px; }
  .manage-promotion .texts textarea.form-control, .manage-promotion .texts .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container .manage-promotion .texts textarea {
    height: 100px; }
  .manage-promotion .text-variables {
    display: none; }
    .manage-promotion .text-variables.visible {
      display: block; }
  .manage-promotion .price-container .input-group {
    width: 150px;
    margin-bottom: 12px; }
  .manage-promotion .chart-wrapper {
    overflow-x: auto;
    overflow-y: hidden; }
    .manage-promotion .chart-wrapper .chart-item {
      min-width: 760px; }
      .manage-promotion .chart-wrapper .chart-item.chart-big {
        min-width: 1000px; }
  .manage-promotion .location-chart {
    background-image: url("/v2/images/world-map.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center; }
  .manage-promotion .smaller {
    font-size: 13px; }
  .manage-promotion .barcode {
    float: left;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 3px;
    margin-top: 10px; }
  .manage-promotion .var-block-link {
    color: #06acee;
    cursor: pointer;
    padding: 2px; }
  .manage-promotion .image-preview-area {
    cursor: pointer; }
  .manage-promotion .datetimepicker-buttons {
    display: inline-block;
    font-size: 1.2em;
    margin: 5px 0; }
    .manage-promotion .datetimepicker-buttons span.disabled {
      color: #aaaaaa;
      cursor: not-allowed;
      text-decoration: none; }
  .manage-promotion .address {
    color: #fbb426;
    min-width: 80px; }
    .manage-promotion .address span {
      margin-left: 3px; }
  .manage-promotion .recipient-message {
    margin-top: 20px; }
  .manage-promotion .wizard .bookingtroll-logo-container img {
    margin: 20px auto;
    display: block; }

.promotion-message-wrapper {
  overflow-x: auto; }

.message-view * {
  line-height: 20px; }

.message-view th {
  font-weight: bold; }

.financial-dashboard {
  padding: 15px; }
  .financial-dashboard .plots-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px; }
    @media (max-width: 1024px) {
      .financial-dashboard .plots-grid {
        grid-template-columns: 1fr; } }
  .financial-dashboard .filter-cont {
    height: 100%; }
    @media (max-width: 767px) {
      .financial-dashboard .filter-cont {
        margin-bottom: 15px;
        height: auto; } }
    .financial-dashboard .filter-cont .panel {
      height: 100%; }
  .financial-dashboard a.back {
    color: #fff; }

.financial-dashboard .filter-container {
  display: none; }

.financial-dashboard .filter-container.expanded {
  display: block; }

.financial-dashboard .filter-container li {
  margin-bottom: 10px; }

.financial-dashboard .filter-container .date-range-container,
.financial-dashboard .filter-container .date-container,
.financial-dashboard .filter-container .year-container,
.financial-dashboard .filter-container .month-container {
  display: none; }

.financial-dashboard .filter-container.date-range-mode .date-range-container,
.financial-dashboard .filter-container.day-mode .date-container,
.financial-dashboard .filter-container.week-mode .date-container,
.financial-dashboard .filter-container.year-mode .year-container,
.financial-dashboard .filter-container.month-mode .month-container {
  display: block; }

.ui-datepicker .ui-datepicker-calendar .ui-state-hover-week {
  color: #c77405 !important;
  background: #feb !important; }

.financial-dashboard .filter-container .button-container {
  margin-top: 15px;
  padding-top: 10px;
  border-top: 1px colid #ccc; }

.financial-dashboard .filter-container .button-container .button {
  font-weight: normal; }

.financial-dashboard .filter-container .button-container .submit {
  font-size: 1.4em;
  color: #2fa3d8; }

.financial-dashboard .plots-container h3 {
  margin-bottom: 30px;
  margin-left: 15px; }

.financial-dashboard .chart-filter {
  margin: 0 15px 15px 0; }

.financial-dashboard .checkbox-container {
  font-size: 1.2em; }

.financial-dashboard .back {
  position: absolute;
  right: 25px;
  top: 13px; }

.financial-dashboard .plot-container {
  position: relative; }

.financial-dashboard-bar {
  position: relative;
  padding-left: 25px;
  margin-top: -5px;
  margin-bottom: 15px; }

.financial-dashboard-bar .expand-toggler {
  position: absolute;
  top: 0;
  right: 0;
  margin: -13px -17px 0 0;
  z-index: 5;
  background: #eee;
  padding: 5px;
  border-radius: 3px;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 2px #bbb;
  cursor: pointer; }

.financial-dashboard-bar .expand-toggler .glyphicon {
  font-size: 15px;
  color: #aec95b; }

.financial-dashboard-bar.collapsed .expand-toggler {
  background: #aec95b;
  border: 1px solid #9abc32; }

.financial-dashboard-bar.collapsed .expand-toggler .glyphicon {
  color: #fff; }

.financial-dashboard-bar .expand-toggler .glyphicon-signal,
.financial-dashboard-bar.collapsed .expand-toggler .glyphicon-minus,
.financial-dashboard-bar.collapsed .indicators,
.financial-dashboard-bar.collapsed .top-services-units-block-wrapper {
  display: none; }

.financial-dashboard-bar.collapsed .expand-toggler .glyphicon-signal,
.financial-dashboard-bar .expand-toggler .glyphicon-minus {
  display: block; }

.financial-dashboard-bar ul.indicators {
  text-align: center; }

.financial-dashboard-bar .indicators > li {
  display: inline-block;
  padding: 10px 15px;
  border-right: 1px dotted #ccc; }

.financial-dashboard-bar .indicators > li:last-child {
  border: none; }

.financial-dashboard-bar .indicators li .img,
.financial-dashboard-bar .indicators li .amounts {
  display: inline-block;
  vertical-align: bottom; }

.financial-dashboard-bar .indicators li .img {
  display: inline-block;
  color: #fff;
  margin-right: 5px;
  padding: 10px;
  border-radius: 30px; }

.financial-dashboard-bar .indicators li .img .glyphicon,
.financial-dashboard-bar .indicators li .amounts .total {
  font-size: 18px; }

.financial-dashboard-bar .indicators li .amounts .total,
.financial-dashboard-bar .indicators li .amounts .change {
  display: inline-block;
  vertical-align: top; }

.financial-dashboard-bar .indicators li .amounts .change {
  float: right;
  margin: -5px -5px 0 10px; }

.financial-dashboard-bar .indicators li .amounts .change.positive {
  color: #719024; }

.financial-dashboard-bar .indicators li .amounts .change.negative {
  color: #bc4a32; }

.financial-dashboard-bar .indicators li .amounts .change .glyphicon {
  font-size: .8em; }

.financial-dashboard-bar .indicators li .name {
  display: block;
  text-align: right;
  color: #888;
  margin-right: -5px; }

.financial-dashboard-bar .indicators li .amounts .total {
  margin: 0 10px;
  text-shadow: 1px 1px #ccc; }

.financial-dashboard-bar .indicators li.total-bookings .img {
  background: #aec95b;
  border: 1px solid #9abc32;
  box-shadow: 2px 3px 2px #9abc32; }

.financial-dashboard-bar .indicators li.total-bookings .total {
  color: #9abc32; }

.financial-dashboard-bar .indicators li.upcoming-bookings .img {
  background: #8cc2e6;
  border: 1px solid #6fb3e0;
  box-shadow: 2px 3px 2px #6fb3e0; }

.financial-dashboard-bar .indicators li.upcoming-bookings .total {
  color: #6fb3e0; }

.financial-dashboard-bar .indicators li.cancelled-bookings .img {
  background: #dd6566;
  border: 1px solid #d53f40;
  box-shadow: 2px 3px 2px #d53f40; }

.financial-dashboard-bar .indicators li.cancelled-bookings .total {
  color: #d53f40; }

.financial-dashboard-bar .indicators li.total-payments .img {
  background: #f7c463;
  border: 1px solid #ffad0f;
  box-shadow: 2px 3px 2px #ffad0f; }

.financial-dashboard-bar .indicators li.total-payments .total {
  color: #ffad0f; }

.financial-dashboard-bar .indicators li.new-feedbacks .img {
  background: #d58cdf;
  border: 1px solid #cb6fd7;
  box-shadow: 2px 3px 2px #cb6fd7; }

.financial-dashboard-bar .indicators li.new-feedbacks .total {
  color: #cb6fd7; }

.financial-dashboard-bar .indicators li.tariff-bookings .img {
  background: #ccc;
  border: 1px solid #bbb;
  box-shadow: 2px 3px 2px #bbb; }

.financial-dashboard-bar .indicators li.tariff-bookings .total {
  color: #888; }

.financial-dashboard-bar .indicators li.tariff-sms .img {
  background: #ccc;
  border: 1px solid #bbb;
  box-shadow: 2px 3px 2px #bbb; }

.financial-dashboard-bar .indicators li.tariff-sms .total {
  color: #888; }

.financial-dashboard-bar .top-services-units-block {
  color: #666;
  text-align: center;
  margin: 15px 0 5px 0; }

.financial-dashboard-bar .link-block {
  text-decoration: none; }

.financial-dashboard-bar .top-services-units-block li {
  display: inline-block;
  margin-right: 20px;
  padding: 5px 10px;
  background: #f0f0f0;
  border-radius: 10px; }

.financial-dashboard-bar .top-services-units-block li .popular,
.financial-dashboard-bar .top-services-units-block li .profitable {
  display: inline-block; }

.financial-dashboard-bar .top-services-units-block .glyphicon {
  margin-right: 7px; }

.financial-dashboard-bar .top-services-units-block .popular .glyphicon {
  color: #2fa3d8; }

.financial-dashboard-bar .top-services-units-block .profitable .glyphicon {
  color: #ffad0f; }

#detailed-report {
  padding: 15px; }
  #detailed-report .buttons-container .btn {
    margin-bottom: 7px;
    margin-right: 5px; }

#user-page {
  padding: 15px; }
  #user-page .roles-description-container.collapsed {
    display: none; }
  #user-page .additional-user-blocks .additional-block {
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 3px; }
    #user-page .additional-user-blocks .additional-block.senior .description ul li a {
      color: #FF3259; }
      #user-page .additional-user-blocks .additional-block.senior .description ul li a:hover {
        color: #FF3259; }
    #user-page .additional-user-blocks .additional-block .title {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 12px; }
      #user-page .additional-user-blocks .additional-block .title .badge, #user-page .additional-user-blocks .additional-block .title .label {
        position: relative;
        left: 0;
        top: 1px;
        padding-left: 0; }
    #user-page .additional-user-blocks .additional-block .description ul li {
      margin-top: 8px; }
      #user-page .additional-user-blocks .additional-block .description ul li a {
        color: #06ADEF;
        position: relative; }
        #user-page .additional-user-blocks .additional-block .description ul li a:hover {
          color: #06ADEF; }

.feedbacks-page {
  padding: 15px; }
  .feedbacks-page .table-advance {
    min-width: 1200px; }
    .feedbacks-page .table-advance .table-header th {
      text-transform: capitalize; }

@media (max-width: 980px) {
  #feedback-tab .dynamicTableWide {
    width: 100% !important; } }

.packs-page {
  padding: 15px; }
  .packs-page .table {
    margin-bottom: 30px; }
    .packs-page .table .btn {
      display: block; }

.payment-history-page {
  padding: 15px; }

.pay-page {
  padding: 15px; }

.dark-mode .directory-page .panel {
  box-shadow: none;
  border: none; }

.dark-mode .directory-page > .panel {
  background: transparent; }

.dark-mode .directory-page .management-app .management-app-steps .step {
  border: none; }

.dark-mode .directory-page .directory-page-company-disabled .directory--company-disabled {
  background: #282828; }
  .dark-mode .directory-page .directory-page-company-disabled .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item .company-disabled-item-header .logo-directory {
    filter: invert(0.5) sepia(1) hue-rotate(180deg) saturate(0.6) brightness(1); }
  .dark-mode .directory-page .directory-page-company-disabled .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item .company-disabled-item-footer .cursive:before {
    filter: invert(0.5) sepia(1) hue-rotate(180deg) saturate(0.6) brightness(1); }

.dark-mode .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .dropdown-info,
.dark-mode .directory-page .directory--progress-informer {
  background: #1a1a1a;
  border-color: #1a1a1a; }

.dark-mode .directory-page .management-list .list-item .name a {
  color: #f9f9f9; }

.dark-mode .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .dropdown-info .dropdown-progressbar-row .progressbar-row-improve,
.dark-mode .directory-page .management-list .list-item.category,
.dark-mode .directory-page .main-title,
.dark-mode .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body .directory--progress-bar-title,
.dark-mode .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-item-data .directory--progress-item-content .txt {
  color: #bcbcbc; }

.dark-mode .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-item-data .directory--progress-item-logo .logo-directory {
  filter: invert(0.5) sepia(1) hue-rotate(180deg) saturate(0.6) brightness(1); }

.dark-mode .directory-page .directory-row .categories-container .categories--item .categories--item-label {
  border-color: #1a1a1a; }

.dark-mode .directory-page.directory-page-services-settings .management-app-header {
  border-color: #555555; }

.dark-mode .directory-page.directory-page-services-settings .wrap-attributes-container .multiselect-block .element-container > .control-label {
  background: #282828; }

.dark-mode .directory-page.directory-page-services-settings .provider-category-container .multiselect-block,
.dark-mode .directory-page.directory-page-services-settings .wrap-attributes-container .multiselect-block .element-container {
  background: #1a1a1a; }

.dark-mode .directory-page .management-app .filter-container .sb-toolbar .form-group .control-label, .dark-mode .directory-page .management-app .filter-container .sb-toolbar .element-container .control-label, .dark-mode .directory-page .management-app .filter-container .sb-toolbar .element-container .control-label {
  color: #bfbfbf; }

.dark-mode .directory-page .directory--hint .directory--hint-body {
  background: #242424; }

.dark-mode .directory-page .management-list .list-item:hover,
.dark-mode .directory-page .management-list .list-item.active {
  border-color: #777777; }

.dark-mode .directory-page .directory-row .categories-container .categories--item input[type="checkbox"]:checked + .categories--item-label, .dark-mode .directory-page .directory-row .categories-container .categories--item .management-app input.implicit-checked[type="checkbox"] + .categories--item-label, .management-app .dark-mode .directory-page .directory-row .categories-container .categories--item input.implicit-checked[type="checkbox"] + .categories--item-label {
  box-shadow: 0 0px 0px 2px #1d9ed1; }

.directory-page-main-settings {
  padding-top: 5px; }
  .directory-page-main-settings .btn-bar__adaptive-wrapper .dynamic-menu {
    max-width: 718px;
    margin-left: auto; }

.directory-settings {
  padding: 15px; }
  .directory-settings .logo-container {
    display: block;
    max-width: 300px;
    margin: 0 auto 15px; }
  .directory-settings .title {
    font-weight: 600;
    font-size: 18px; }
  .directory-settings .help-block {
    display: block;
    text-align: right;
    font-size: 12px; }
  .directory-settings .step-row {
    margin-bottom: 20px; }
  .directory-settings .image-preview-area img {
    max-width: 100px; }
  .directory-settings textarea {
    min-height: 125px;
    margin-bottom: 7px; }
  .directory-settings .categories-container {
    height: 300px;
    overflow: auto;
    background: #ffffff; }
    .directory-settings .categories-container .list-group {
      padding-left: 15px;
      margin-bottom: 0px;
      box-shadow: none;
      border-radius: none; }
      .directory-settings .categories-container .list-group label {
        font-weight: normal; }
      .directory-settings .categories-container .list-group li .list-group {
        padding-left: 30px; }
      .directory-settings .categories-container .list-group input {
        top: 2px;
        position: relative; }
      .directory-settings .categories-container .list-group .tree-header label {
        cursor: pointer; }
      .directory-settings .categories-container .list-group .tree-header .fa-minus-square {
        display: none; }
      .directory-settings .categories-container .list-group .tree-header.open .fa-minus-square {
        display: inline; }
      .directory-settings .categories-container .list-group .tree-header.open .fa-plus-square {
        display: none; }

.directory-page {
  min-height: 300px; }
  .directory-page .management-app {
    padding: 0;
    margin-top: 20px; }
  .directory-page .panel {
    box-shadow: none; }
  @media (max-width: 1200px) {
    .directory-page .sb-notifications {
      position: fixed;
      width: 96%;
      max-width: 500px;
      z-index: 10;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0 auto; } }
  .directory-page .line-clamp {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    position: relative;
    -webkit-line-clamp: 4;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 !important;
    max-height: 63px; }
  .directory-page .line-clamp:after {
    content: '...';
    text-align: right;
    bottom: 0;
    right: 0;
    width: 25%;
    display: block;
    position: absolute;
    height: calc(1em * 1.3);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 75%); }
  @supports (-webkit-line-clamp: 1) {
    .directory-page .line-clamp:after {
      display: none !important; } }
  @supports not (-webkit-line-clamp: 1) {
    .directory-page .line-clamp-1 {
      -webkit-line-clamp: 1;
      height: calc(1em * 1.3 * 1); }
    .directory-page .line-clamp-2 {
      -webkit-line-clamp: 2;
      height: calc(1em * 1.3 * 2); }
    .directory-page .line-clamp-3 {
      -webkit-line-clamp: 3;
      height: calc(1em * 1.3 * 3); }
    .directory-page .line-clamp-4 {
      -webkit-line-clamp: 4;
      height: calc(1em * 1.3 * 4); }
    .directory-page .line-clamp-5 {
      -webkit-line-clamp: 5;
      height: calc(1em * 1.3 * 5); } }
  .directory-page > .panel .panel-heading .custom-tabs {
    flex-wrap: nowrap; }
    @media (max-width: 1024px) {
      .directory-page > .panel .panel-heading .custom-tabs {
        flex-wrap: wrap; } }
    .directory-page > .panel .panel-heading .custom-tabs .nav-item .nav-link, .directory-page > .panel .panel-heading .custom-tabs ul.nav-tabs > li .nav-link, .directory-page > .panel .panel-heading .custom-tabs .nav-item ul.nav-tabs > li > a, .directory-page > .panel .panel-heading .custom-tabs ul.nav-tabs > li > a {
      display: flex;
      align-items: center; }
      .directory-page > .panel .panel-heading .custom-tabs .nav-item .nav-link .ico, .directory-page > .panel .panel-heading .custom-tabs ul.nav-tabs > li .nav-link .ico, .directory-page > .panel .panel-heading .custom-tabs .nav-item ul.nav-tabs > li > a .ico, .directory-page > .panel .panel-heading .custom-tabs ul.nav-tabs > li > a .ico {
        display: block;
        height: 34px;
        width: 44px;
        min-width: 44px;
        margin-bottom: 0;
        background-position: center bottom !important;
        background-repeat: no-repeat !important; }
      .directory-page > .panel .panel-heading .custom-tabs .nav-item .nav-link.nav-link-company .ico, .directory-page > .panel .panel-heading .custom-tabs ul.nav-tabs > li .nav-link.nav-link-company .ico, .directory-page > .panel .panel-heading .custom-tabs .nav-item ul.nav-tabs > li > a.nav-link-company .ico, .directory-page > .panel .panel-heading .custom-tabs ul.nav-tabs > li > a.nav-link-company .ico {
        background: url("/v2/images/admin/directory-page/company.svg"); }
      .directory-page > .panel .panel-heading .custom-tabs .nav-item .nav-link.nav-link-service .ico, .directory-page > .panel .panel-heading .custom-tabs ul.nav-tabs > li .nav-link.nav-link-service .ico, .directory-page > .panel .panel-heading .custom-tabs .nav-item ul.nav-tabs > li > a.nav-link-service .ico, .directory-page > .panel .panel-heading .custom-tabs ul.nav-tabs > li > a.nav-link-service .ico {
        background: url("/v2/images/admin/directory-page/service.svg"); }
      .directory-page > .panel .panel-heading .custom-tabs .nav-item .nav-link.nav-link-provider .ico, .directory-page > .panel .panel-heading .custom-tabs ul.nav-tabs > li .nav-link.nav-link-provider .ico, .directory-page > .panel .panel-heading .custom-tabs .nav-item ul.nav-tabs > li > a.nav-link-provider .ico, .directory-page > .panel .panel-heading .custom-tabs ul.nav-tabs > li > a.nav-link-provider .ico {
        background: url("/v2/images/admin/directory-page/providers.svg"); }
      @media (max-width: 1024px) {
        .directory-page > .panel .panel-heading .custom-tabs .nav-item .nav-link, .directory-page > .panel .panel-heading .custom-tabs ul.nav-tabs > li .nav-link, .directory-page > .panel .panel-heading .custom-tabs .nav-item ul.nav-tabs > li > a, .directory-page > .panel .panel-heading .custom-tabs ul.nav-tabs > li > a {
          text-align: center;
          flex-direction: column;
          padding: 5px 10px; }
          .directory-page > .panel .panel-heading .custom-tabs .nav-item .nav-link .txt .txt-part, .directory-page > .panel .panel-heading .custom-tabs ul.nav-tabs > li .nav-link .txt .txt-part, .directory-page > .panel .panel-heading .custom-tabs .nav-item ul.nav-tabs > li > a .txt .txt-part, .directory-page > .panel .panel-heading .custom-tabs ul.nav-tabs > li > a .txt .txt-part {
            display: none; } }
  .directory-page > .panel .panel-body {
    padding: 0; }
  .directory-page .management-app .filter-container {
    position: relative; }
    @media (max-width: 575px) {
      .directory-page .management-app .filter-container {
        flex-wrap: wrap;
        align-items: flex-start; } }
    .directory-page .management-app .filter-container .sb-search {
      margin-right: 15px; }
      @media (max-width: 575px) {
        .directory-page .management-app .filter-container .sb-search {
          margin-right: 0;
          margin-bottom: 15px; } }
    .directory-page .management-app .filter-container .sb-toolbar .form-group, .directory-page .management-app .filter-container .sb-toolbar .element-container {
      margin-bottom: 0; }
      .directory-page .management-app .filter-container .sb-toolbar .form-group .control-label, .directory-page .management-app .filter-container .sb-toolbar .element-container .control-label {
        font-weight: 600;
        color: #2c3547;
        display: flex;
        align-items: center; }
        .directory-page .management-app .filter-container .sb-toolbar .form-group .control-label span, .directory-page .management-app .filter-container .sb-toolbar .element-container .control-label span {
          white-space: nowrap;
          display: block; }
        .directory-page .management-app .filter-container .sb-toolbar .form-group .control-label:before, .directory-page .management-app .filter-container .sb-toolbar .element-container .control-label:before {
          display: inline-block;
          content: "";
          font-family: 'Font Awesome 5 Pro';
          font-style: normal;
          font-weight: 900;
          text-decoration: inherit;
          font-size: inherit;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-weight: 300;
          font-size: 15px;
          position: relative;
          bottom: -1px; }
    .directory-page .management-app .filter-container .sb-select-all .toolbar-item {
      margin-left: 15px;
      margin-right: 14px; }
      @media (max-width: 767px) {
        .directory-page .management-app .filter-container .sb-select-all .toolbar-item {
          margin-right: 0; } }
      .directory-page .management-app .filter-container .sb-select-all .toolbar-item .btn {
        width: 24px;
        min-width: 24px;
        height: 24px;
        min-height: 24px;
        border: 1px solid #ddd;
        background: #fff;
        border-radius: 3px;
        padding: 0; }
        .directory-page .management-app .filter-container .sb-select-all .toolbar-item .btn .fa-check-square {
          opacity: 0; }
          .directory-page .management-app .filter-container .sb-select-all .toolbar-item .btn .fa-check-square:before {
            content: '';
            display: block;
            height: 14px;
            width: 14px;
            background-image: url("/v2/images/admin/icons/checked.svg");
            background-repeat: no-repeat;
            background-size: 12px;
            background-position: center; }
        .directory-page .management-app .filter-container .sb-select-all .toolbar-item .btn.active {
          border: 1px solid #06ADEF;
          background-color: #06ADEF; }
          .directory-page .management-app .filter-container .sb-select-all .toolbar-item .btn.active .fa-check-square {
            opacity: 1; }
  .directory-page .batch-mode-bar {
    display: none;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px; }
    @media (max-width: 1200px) {
      .directory-page .batch-mode-bar {
        display: flex; } }
    @media (max-width: 767px) {
      .directory-page .batch-mode-bar {
        padding: 0 15px; } }
    .directory-page .batch-mode-bar .data-col .cursive,
    .directory-page .batch-mode-bar .control-col .cursive {
      margin: 0;
      line-height: 1;
      font-size: 22px;
      position: relative;
      color: #06ADEF;
      font-weight: bold;
      display: flex;
      align-items: flex-end; }
      .directory-page .batch-mode-bar .data-col .cursive:after,
      .directory-page .batch-mode-bar .control-col .cursive:after {
        content: '';
        display: inline-block;
        min-width: 45px;
        position: relative;
        bottom: -6px;
        height: 19px;
        right: -5px;
        margin-right: 5px;
        background: url("/v2/images/admin/welcome-tour/arrow.png") no-repeat;
        background-size: 76px;
        transform: rotate(10deg) scale(-1, -1); }
    .directory-page .batch-mode-bar .data-col {
      text-align: left;
      margin-right: 20px; }
    .directory-page .batch-mode-bar .control-col {
      text-align: right; }
  .directory-page .to-list-column {
    margin-left: 20px;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 34px;
    line-height: 1;
    top: 0;
    left: 15px;
    display: none; }
  .directory-page .directory--btn-bar {
    border-top: 1px solid #e2e2e2;
    padding: 20px 20px 10px 20px;
    margin-bottom: 0; }
    @media (max-width: 1024px) {
      .directory-page .directory--btn-bar {
        text-align: center; } }
    .directory-page .directory--btn-bar .btn {
      margin-bottom: 10px;
      margin-right: 5px;
      min-width: 150px; }
      .directory-page .directory--btn-bar .btn:last-child {
        margin-right: 0; }
  .directory-page.directory-page-services-settings .panel {
    box-shadow: none; }
  .directory-page .main-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px; }
  .directory-page .directory--hint {
    margin-left: 10px; }
    .directory-page .directory--hint .directory--hint-body {
      display: block;
      position: absolute;
      top: 42px;
      right: 0;
      padding: 15px;
      width: 280px;
      height: auto;
      background: #efefef;
      transition: all 0.1s ease;
      opacity: 0;
      z-index: -1; }
      .directory-page .directory--hint .directory--hint-body .directory--hint-title {
        line-height: 1.2;
        font-size: 12px;
        font-weight: 600; }
      .directory-page .directory--hint .directory--hint-body .directory--hint-descr {
        font-size: 12px;
        line-height: 1.3; }
        .directory-page .directory--hint .directory--hint-body .directory--hint-descr.has-descr {
          margin-top: 10px; }
    .directory-page .directory--hint .directory--hint-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-weight: 600;
      font-size: 14px; }
    .directory-page .directory--hint:hover .directory--hint-body {
      display: block;
      z-index: 100;
      top: 42px;
      opacity: 1; }
  .directory-page .derectory--batch-list {
    display: flex;
    flex-wrap: wrap; }
    .directory-page .derectory--batch-list .btn {
      background: #f4fafd;
      margin: 0 10px 5px 0;
      max-width: 220px;
      padding-right: 0;
      display: inline-flex;
      align-items: center; }
      @media (max-width: 767px) {
        .directory-page .derectory--batch-list .btn {
          max-width: 300px; } }
      .directory-page .derectory--batch-list .btn .txt {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        width: 100%;
        color: #2c3547; }
      .directory-page .derectory--batch-list .btn .remove-from-list {
        position: relative;
        display: inline-flex;
        align-items: center;
        min-width: 30px;
        height: 20px;
        justify-content: center;
        text-align: center;
        color: #2c3547; }
      .directory-page .derectory--batch-list .btn:hover {
        background: #e3f2fa; }
      .directory-page .derectory--batch-list .btn.derectory--clear-batch-list {
        border: none;
        color: #ee5447;
        background: transparent;
        padding-left: 0; }
        .directory-page .derectory--batch-list .btn.derectory--clear-batch-list .ico {
          margin-right: 6px; }
        .directory-page .derectory--batch-list .btn.derectory--clear-batch-list:hover, .directory-page .derectory--batch-list .btn.derectory--clear-batch-list:active {
          color: #ec3e30; }
      .directory-page .derectory--batch-list .btn:last-child {
        margin-right: 0; }
  .directory-page .cursive {
    letter-spacing: 1px;
    color: #06ADEF;
    font-size: 25px;
    font-weight: bold;
    font-family: "Caveat", cursive;
    position: relative;
    line-height: 1; }
  .directory-page .directory-row .greeting {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    max-width: 490px;
    margin-left: auto;
    margin-right: auto;
    text-align: left; }
    @media (max-width: 767px) {
      .directory-page .directory-row .greeting {
        text-align: center;
        flex-wrap: wrap;
        justify-content: center; } }
    .directory-page .directory-row .greeting .greeting-col.greeting-col-data {
      width: 100%;
      text-align: left; }
      @media (max-width: 767px) {
        .directory-page .directory-row .greeting .greeting-col.greeting-col-data {
          text-align: center; } }
    .directory-page .directory-row .greeting h4 {
      margin-bottom: 20px;
      font-size: 20px; }
    .directory-page .directory-row .greeting .icon {
      height: 236px;
      max-width: 190px;
      width: 190px;
      min-width: 190px;
      margin: 0 0 10px 35px;
      background: url("/v2/images/admin/directory-page/welcome-cat.svg") no-repeat bottom center;
      background-size: 230px; }
      @media (max-width: 767px) {
        .directory-page .directory-row .greeting .icon {
          margin-left: 0; } }
    .directory-page .directory-row .greeting.koteyko {
      max-width: 540px; }
      .directory-page .directory-row .greeting.koteyko .greeting-col-icon {
        margin-left: 35px;
        min-width: 300px;
        max-width: 300px;
        height: 300px;
        background: url("/v2/images/admin/directory-page/butch-cat.svg") no-repeat bottom -30px center;
        background-size: 295px;
        transform: scale(-1, 1); }
        @media (max-width: 767px) {
          .directory-page .directory-row .greeting.koteyko .greeting-col-icon {
            margin-left: 0; } }
  .directory-page .directory--progress-informer {
    position: relative;
    background: #f8faff;
    margin: 0;
    padding: 0 20px 0 20px; }
    @media (max-width: 1024px) {
      .directory-page .directory--progress-informer {
        padding: 0 15px; } }
    .directory-page .directory--progress-informer .directory--progress-body {
      display: flex;
      align-items: flex-end;
      justify-content: space-between; }
      @media (max-width: 767px) {
        .directory-page .directory--progress-informer .directory--progress-body {
          flex-wrap: wrap;
          justify-content: center; } }
      .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item {
        width: 100%; }
        .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-item-data {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          min-height: 70px;
          padding: 10px 0; }
          .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-item-data .directory--progress-item-logo {
            margin-right: 20px; }
            .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-item-data .directory--progress-item-logo .logo-directory {
              width: 90px;
              min-width: 90px; }
          .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-item-data .directory--progress-item-content .sub-title {
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 5px; }
            .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-item-data .directory--progress-item-content .sub-title .link {
              text-decoration: underline; }
          .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-item-data .directory--progress-item-content .txt {
            font-size: 14px;
            color: #696f7c;
            margin: 0;
            line-height: 1.2; }
            @media (max-width: 1024px) {
              .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-item-data .directory--progress-item-content .txt {
                display: none; } }
        .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar {
          position: relative;
          width: 350px;
          padding: 0 0 15px 80px;
          min-width: 350px;
          margin-left: 30px; }
          @media (max-width: 1024px) {
            .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar {
              width: 240px;
              min-width: 240px;
              margin-left: 20px;
              padding: 0; } }
          @media (max-width: 767px) {
            .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar {
              display: none;
              overflow: hidden;
              max-width: 200px; } }
          .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body {
            display: flex;
            align-items: flex-end;
            width: 100%; }
            @media (max-width: 1024px) {
              .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body {
                align-items: center; } }
            .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body .one-line {
              width: 100%; }
            .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body .directory--progress-bar-title {
              position: relative;
              font-size: 12px;
              margin-bottom: 5px;
              line-height: 1.2;
              font-weight: 600;
              color: #2c3547; }
              .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body .directory--progress-bar-title:before {
                content: '';
                display: block;
                width: 20px;
                height: 25px;
                position: absolute;
                left: -21px;
                top: 64%;
                background: url("/v2/images/admin/directory-page/arrow-cursive.svg") no-repeat center;
                transform: scale(-1, -1) rotate(-190deg); }
              @media (max-width: 1024px) {
                .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body .directory--progress-bar-title {
                  display: none; } }
            .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body .directory-progressbar {
              position: relative;
              height: 16px;
              width: 100%;
              border-radius: 3px;
              background: #fff; }
              .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body .directory-progressbar .progressbar-line {
                display: flex;
                align-items: center;
                position: absolute;
                top: 0;
                left: 0;
                width: 25%;
                height: 100%;
                border-radius: 3px;
                background-color: #06ADEF; }
                .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body .directory-progressbar .progressbar-line.low {
                  background-color: #FF3259; }
                @media (max-width: 1024px) {
                  .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body .directory-progressbar .progressbar-line {
                    position: static; } }
              .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body .directory-progressbar .progressbar-percent-value {
                line-height: 1;
                font-size: 28px;
                font-weight: bold;
                color: #06ADEF;
                position: absolute;
                left: auto;
                right: calc(100% + 28px); }
                .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body .directory-progressbar .progressbar-percent-value.low {
                  color: #FF3259; }
                @media (max-width: 1024px) {
                  .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body .directory-progressbar .progressbar-percent-value {
                    font-size: 14px;
                    color: #313e54 !important;
                    left: 0;
                    right: 0;
                    width: 100%;
                    text-align: center; } }
            .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body .directory--progress-bar-cat-status {
              height: 65px;
              width: 65px;
              min-width: 65px;
              background-repeat: no-repeat !important;
              background-position: center bottom !important;
              position: relative;
              margin-bottom: -15px; }
              @media (max-width: 1024px) {
                .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body .directory--progress-bar-cat-status {
                  margin-bottom: 0; } }
            .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body.cat-status-0 .directory-progressbar .progressbar-line {
              background-color: #FF3259; }
            .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body.cat-status-0 .directory-progressbar .progressbar-percent-value {
              color: #FF3259; }
            .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body.cat-status-0 .directory--progress-bar-cat-status {
              background: url("/v2/images/admin/directory-page/cat-progress1.svg"); }
            .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body.cat-status-20 .directory-progressbar .progressbar-line {
              background-color: #FF9800; }
            .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body.cat-status-20 .directory-progressbar .progressbar-percent-value {
              color: #FF9800; }
            .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body.cat-status-20 .directory--progress-bar-cat-status {
              background: url("/v2/images/admin/directory-page/cat-progress2.svg"); }
            .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body.cat-status-40 .directory-progressbar .progressbar-line {
              background-color: #FFC107; }
            .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body.cat-status-40 .directory-progressbar .progressbar-percent-value {
              color: #FFC107; }
            .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body.cat-status-40 .directory--progress-bar-cat-status {
              background: url("/v2/images/admin/directory-page/cat-progress3.svg"); }
            .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body.cat-status-60 .directory-progressbar .progressbar-line {
              background-color: #b6dc39; }
            .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body.cat-status-60 .directory-progressbar .progressbar-percent-value {
              color: #b6dc39; }
            .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body.cat-status-60 .directory--progress-bar-cat-status {
              background: url("/v2/images/admin/directory-page/cat-progress4.svg"); }
            .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body.cat-status-80 .directory-progressbar .progressbar-line {
              background-color: #30d569; }
            .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body.cat-status-80 .directory-progressbar .progressbar-percent-value {
              color: #30d569; }
            .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .directory--progress-bar-body.cat-status-80 .directory--progress-bar-cat-status {
              background: url("/v2/images/admin/directory-page/cat-progress5.svg"); }
          .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .dropdown-info {
            position: absolute;
            left: 0;
            width: 100%;
            top: 100%;
            height: auto;
            padding: 20px;
            border-top: 5px solid #fff;
            background: #f8faff;
            transition: all 0.2s ease;
            opacity: 0;
            visibility: hidden;
            z-index: -1; }
            .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .dropdown-info .dropdown-progressbar-row {
              position: relative;
              margin-bottom: 10px;
              padding-bottom: 10px;
              display: flex;
              align-items: center;
              justify-content: flex-end; }
              .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .dropdown-info .dropdown-progressbar-row .progressbar-row-title {
                margin-left: 0;
                margin-right: auto;
                font-size: 14px;
                font-weight: bold; }
              .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .dropdown-info .dropdown-progressbar-row .percent-value {
                min-width: 40px;
                margin: 0 15px;
                font-weight: bold; }
                .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .dropdown-info .dropdown-progressbar-row .percent-value.cat-status-0 {
                  color: #FF3259; }
                .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .dropdown-info .dropdown-progressbar-row .percent-value.cat-status-20 {
                  color: #FF9800; }
                .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .dropdown-info .dropdown-progressbar-row .percent-value.cat-status-40 {
                  color: #FFC107; }
                .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .dropdown-info .dropdown-progressbar-row .percent-value.cat-status-60 {
                  color: #b6dc39; }
                .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .dropdown-info .dropdown-progressbar-row .percent-value.cat-status-80 {
                  color: #30d569; }
              .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .dropdown-info .dropdown-progressbar-row .progressbar-row-improve {
                display: block;
                font-size: 20px;
                padding: 5px;
                color: #313e54;
                opacity: 0.7; }
                .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .dropdown-info .dropdown-progressbar-row .progressbar-row-improve:hover {
                  opacity: 1; }
              .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .dropdown-info .dropdown-progressbar-row .progressbar-line-body {
                position: absolute;
                left: 0;
                bottom: 0;
                right: 0;
                margin: 0 auto;
                width: 100%;
                height: 5px;
                border-radius: 3px;
                overflow: hidden;
                background: #fff; }
                .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .dropdown-info .dropdown-progressbar-row .progressbar-line-body .progressbar-line {
                  position: absolute;
                  left: 0;
                  height: 100%;
                  border-radius: 3px; }
                  .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .dropdown-info .dropdown-progressbar-row .progressbar-line-body .progressbar-line.cat-status-0 {
                    background-color: #FF3259; }
                  .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .dropdown-info .dropdown-progressbar-row .progressbar-line-body .progressbar-line.cat-status-20 {
                    background-color: #FF9800; }
                  .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .dropdown-info .dropdown-progressbar-row .progressbar-line-body .progressbar-line.cat-status-40 {
                    background-color: #FFC107; }
                  .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .dropdown-info .dropdown-progressbar-row .progressbar-line-body .progressbar-line.cat-status-60 {
                    background-color: #b6dc39; }
                  .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar .dropdown-info .dropdown-progressbar-row .progressbar-line-body .progressbar-line.cat-status-80 {
                    background-color: #30d569; }
          .directory-page .directory--progress-informer .directory--progress-body .directory--progress-item.directory--progress-bar:hover .dropdown-info {
            z-index: 100;
            opacity: 1;
            visibility: visible; }
  .directory-page .directory-page-company-disabled {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 250px); }
    .directory-page .directory-page-company-disabled .directory--company-disabled {
      margin-top: 15px;
      width: 100%;
      max-width: 1060px;
      padding: 25px 25px 25px 45px;
      background: #f8faff; }
      @media (max-width: 1024px) {
        .directory-page .directory-page-company-disabled .directory--company-disabled {
          padding: 20px; } }
      .directory-page .directory-page-company-disabled .directory--company-disabled .directory--company-disabled-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap; }
        .directory-page .directory-page-company-disabled .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item {
          width: 46%; }
          @media (max-width: 1024px) {
            .directory-page .directory-page-company-disabled .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item {
              width: 48%; } }
          @media (max-width: 768px) {
            .directory-page .directory-page-company-disabled .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item {
              width: 100%; }
              .directory-page .directory-page-company-disabled .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item.company-disabled-item-image {
                text-align: center; }
                .directory-page .directory-page-company-disabled .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item.company-disabled-item-image img {
                  max-width: 500px; } }
          .directory-page .directory-page-company-disabled .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item .company-disabled-item-header {
            display: flex;
            align-items: flex-end;
            justify-content: flex-start; }
            @media (max-width: 768px) {
              .directory-page .directory-page-company-disabled .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item .company-disabled-item-header {
                margin-bottom: 10px;
                justify-content: center; } }
            .directory-page .directory-page-company-disabled .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item .company-disabled-item-header .main-title {
              margin-right: 10px;
              font-size: 20px;
              font-weight: 600; }
              @media (max-width: 768px) {
                .directory-page .directory-page-company-disabled .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item .company-disabled-item-header .main-title {
                  font-size: 18px; } }
            .directory-page .directory-page-company-disabled .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item .company-disabled-item-header .logo-directory {
              position: relative;
              height: 60px;
              top: -6px;
              min-width: 100px; }
              @media (max-width: 768px) {
                .directory-page .directory-page-company-disabled .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item .company-disabled-item-header .logo-directory {
                  height: 50px; } }
          .directory-page .directory-page-company-disabled .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item .company-disabled-item-body {
            margin-bottom: 35px; }
            .directory-page .directory-page-company-disabled .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item .company-disabled-item-body .txt {
              margin-bottom: 0;
              line-height: 1.5; }
            @media (max-width: 768px) {
              .directory-page .directory-page-company-disabled .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item .company-disabled-item-body {
                text-align: center;
                margin-bottom: 25px; } }
          .directory-page .directory-page-company-disabled .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item .company-disabled-item-footer {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            padding: 0 0 20px 0; }
            @media (max-width: 768px) {
              .directory-page .directory-page-company-disabled .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item .company-disabled-item-footer {
                justify-content: center;
                padding-bottom: 50px; } }
            .directory-page .directory-page-company-disabled .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item .company-disabled-item-footer .cursive {
              padding-left: 25px; }
              @media (max-width: 768px) {
                .directory-page .directory-page-company-disabled .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item .company-disabled-item-footer .cursive {
                  padding-left: 20px;
                  font-size: 22px; } }
              .directory-page .directory-page-company-disabled .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item .company-disabled-item-footer .cursive:before {
                content: '';
                display: block;
                width: 30px;
                height: 55px;
                position: absolute;
                left: -20px;
                bottom: -50px;
                background: url("/v2/images/admin/directory-page/arrow-cursive.svg") no-repeat center;
                transform: scale(-1, 1) rotate(-100deg); }
  .directory-page .management-list > .main-title {
    font-size: 20px; }
  .directory-page .management-list .list-item {
    box-shadow: none;
    border-bottom: 2px solid #fafafa; }
    @media (max-width: 767px) {
      .directory-page .management-list .list-item {
        padding-left: 15px;
        padding-right: 15px; } }
    .directory-page .management-list .list-item .name {
      width: 100%; }
      .directory-page .management-list .list-item .name a {
        font-weight: 600;
        color: #2c3547; }
    .directory-page .management-list .list-item.provider-list-item {
      border-left: 2px solid #f5b9b4; }
    .directory-page .management-list .list-item.provider-list-item.has-category {
      border-left: 2px solid #b8dcb9; }
    .directory-page .management-list .list-item.service-list-item {
      border-left: 2px solid #f5b9b4; }
    .directory-page .management-list .list-item.service-list-item.has-category.has-attributes {
      border-left: 2px solid #b8dcb9; }
    .directory-page .management-list .list-item.active {
      background: #def4ff;
      border-bottom: 2px solid #fff; }
      .directory-page .management-list .list-item.active .name a {
        color: #06ADEF; }
    .directory-page .management-list .list-item:hover {
      background: #f9fcfe;
      border-bottom: 2px solid #fff; }
    .directory-page .management-list .list-item.category {
      background: transparent;
      color: #2c3547;
      margin-bottom: 0;
      border-bottom: none; }
      .directory-page .management-list .list-item.category .name {
        opacity: 0.5;
        font-size: 16px; }
      .directory-page .management-list .list-item.category.default:before, .directory-page .management-list .list-item.category:before {
        color: #94989f; }
      .directory-page .management-list .list-item.category:hover {
        background: transparent;
        border-bottom: none; }
  .directory-page .management-list .sb-list-items > div:last-child .list-item {
    border-bottom: none; }
  .directory-page .directory-row {
    display: flex;
    justify-content: space-between;
    gap: 26px; }
    .directory-page .directory-row .directory-col {
      flex: 1; }
    .directory-page .directory-row.directory-row-first-step {
      justify-content: flex-start; }
      @media (max-width: 1200px) {
        .directory-page .directory-row.directory-row-first-step {
          flex-wrap: wrap;
          flex-direction: column; } }
      .directory-page .directory-row.directory-row-first-step .directory-col {
        padding-top: 22px; }
        .directory-page .directory-row.directory-row-first-step .directory-col.directory-col-left {
          padding-right: 0;
          width: 430px;
          min-width: 430px;
          margin-right: 100px; }
          @media (max-width: 1200px) {
            .directory-page .directory-row.directory-row-first-step .directory-col.directory-col-left {
              min-width: 200px;
              width: 100%;
              margin-right: 0;
              padding-left: 15px;
              padding-right: 15px; } }
        .directory-page .directory-row.directory-row-first-step .directory-col.directory-col-right {
          padding-left: 0;
          width: 100%;
          max-width: 1200px; }
          @media (max-width: 1200px) {
            .directory-page .directory-row.directory-row-first-step .directory-col.directory-col-right {
              padding-left: 15px;
              padding-right: 15px;
              padding-top: 0; } }
    .directory-page .directory-row .categories-container {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      flex-wrap: wrap; }
      @media (max-width: 767px) {
        .directory-page .directory-row .categories-container {
          margin: 0 -8px; } }
      .directory-page .directory-row .categories-container .categories--item {
        width: calc(33.33% - 10px);
        position: relative;
        margin: 5px 5px 5px; }
        @media (max-width: 1200px) {
          .directory-page .directory-row .categories-container .categories--item {
            width: calc(14.28% - 10px); } }
        @media (max-width: 1024px) {
          .directory-page .directory-row .categories-container .categories--item {
            width: calc(25% - 10px); } }
        @media (max-width: 767px) {
          .directory-page .directory-row .categories-container .categories--item {
            width: calc(33.33% - 4px);
            margin: 0 2px 4px; } }
        .directory-page .directory-row .categories-container .categories--item input.sb-categories {
          visibility: hidden;
          opacity: 0;
          height: 1px;
          width: 1px;
          position: absolute; }
        .directory-page .directory-row .categories-container .categories--item .categories--item-label {
          display: flex;
          width: 100%;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          min-height: 133px;
          background: rgba(255, 248, 234, 0.72);
          backdrop-filter: blur(12px);
          border-radius: 6px;
          margin: 0;
          padding: 10px 12px;
          cursor: pointer;
          transition: all .25s ease; }
          .directory-page .directory-row .categories-container .categories--item .categories--item-label .categories--item-icon {
            display: block;
            height: 32px;
            width: 40px;
            margin-bottom: 8px;
            background-repeat: no-repeat !important;
            background-position: center bottom !important;
            transition: .3s ease !important; }
            .directory-page .directory-row .categories-container .categories--item .categories--item-label .categories--item-icon.categories--item-events_and_entertainment {
              background: url("/v2/images/admin/directory-page/category/events.svg"); }
            .directory-page .directory-row .categories-container .categories--item .categories--item-label .categories--item-icon.categories--item-sport {
              background: url("/v2/images/admin/directory-page/category/GYM.svg"); }
            .directory-page .directory-row .categories-container .categories--item .categories--item-label .categories--item-icon.categories--item-officials {
              background: url("/v2/images/admin/directory-page/category/officials.svg"); }
            .directory-page .directory-row .categories-container .categories--item .categories--item-label .categories--item-icon.categories--item-beauty_and_wellness {
              background: url("/v2/images/admin/directory-page/category/beauty.svg"); }
            .directory-page .directory-row .categories-container .categories--item .categories--item-label .categories--item-icon.categories--item-personal_meetings_and_services {
              background: url("/v2/images/admin/directory-page/category/presonal-meetings.svg"); }
            .directory-page .directory-row .categories-container .categories--item .categories--item-label .categories--item-icon.categories--item-education {
              background: url("/v2/images/admin/directory-page/category/education.svg"); }
            .directory-page .directory-row .categories-container .categories--item .categories--item-label .categories--item-icon.categories--item-medical {
              background: url("/v2/images/admin/directory-page/category/medical.svg"); }
            .directory-page .directory-row .categories-container .categories--item .categories--item-label .categories--item-icon.categories--item-supermarkets {
              background: url("/v2/images/admin/directory-page/category/supermarkets.svg"); }
          .directory-page .directory-row .categories-container .categories--item .categories--item-label .categories--item-title {
            margin: 0;
            font-size: 14px;
            text-align: center;
            color: #666666;
            line-height: 1.3; }
          @media (hover: hover) and (pointer: fine) {
            .directory-page .directory-row .categories-container .categories--item .categories--item-label:hover {
              box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06); }
              .directory-page .directory-row .categories-container .categories--item .categories--item-label:hover .categories--item-icon.categories--item-events_and_entertainment {
                background: url("/v2/images/admin/directory-page/category/events-active.svg"); }
              .directory-page .directory-row .categories-container .categories--item .categories--item-label:hover .categories--item-icon.categories--item-sport {
                background: url("/v2/images/admin/directory-page/category/GYM-active.svg"); }
              .directory-page .directory-row .categories-container .categories--item .categories--item-label:hover .categories--item-icon.categories--item-officials {
                background: url("/v2/images/admin/directory-page/category/officials-active.svg"); }
              .directory-page .directory-row .categories-container .categories--item .categories--item-label:hover .categories--item-icon.categories--item-beauty_and_wellness {
                background: url("/v2/images/admin/directory-page/category/beauty-active.svg"); }
              .directory-page .directory-row .categories-container .categories--item .categories--item-label:hover .categories--item-icon.categories--item-personal_meetings_and_services {
                background: url("/v2/images/admin/directory-page/category/presonal-meetings-active.svg"); }
              .directory-page .directory-row .categories-container .categories--item .categories--item-label:hover .categories--item-icon.categories--item-education {
                background: url("/v2/images/admin/directory-page/category/education-active.svg"); }
              .directory-page .directory-row .categories-container .categories--item .categories--item-label:hover .categories--item-icon.categories--item-medical {
                background: url("/v2/images/admin/directory-page/category/medical-active.svg"); }
              .directory-page .directory-row .categories-container .categories--item .categories--item-label:hover .categories--item-icon.categories--item-supermarkets {
                background: url("/v2/images/admin/directory-page/category/supermarkets-active.svg"); }
              .directory-page .directory-row .categories-container .categories--item .categories--item-label:hover .categories--item-title {
                color: #06ADEF; } }
        .directory-page .directory-row .categories-container .categories--item input[type="checkbox"]:checked + .categories--item-label, .directory-page .directory-row .categories-container .categories--item .management-app input.implicit-checked[type="checkbox"] + .categories--item-label, .management-app .directory-page .directory-row .categories-container .categories--item input.implicit-checked[type="checkbox"] + .categories--item-label {
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.26);
          background: rgba(255, 248, 234, 0.86); }
          .directory-page .directory-row .categories-container .categories--item input[type="checkbox"]:checked + .categories--item-label .categories--item-icon.categories--item-events_and_entertainment, .directory-page .directory-row .categories-container .categories--item .management-app input.implicit-checked[type="checkbox"] + .categories--item-label .categories--item-icon.categories--item-events_and_entertainment, .management-app .directory-page .directory-row .categories-container .categories--item input.implicit-checked[type="checkbox"] + .categories--item-label .categories--item-icon.categories--item-events_and_entertainment {
            background: url("/v2/images/admin/directory-page/category/events-active.svg"); }
          .directory-page .directory-row .categories-container .categories--item input[type="checkbox"]:checked + .categories--item-label .categories--item-icon.categories--item-sport, .directory-page .directory-row .categories-container .categories--item .management-app input.implicit-checked[type="checkbox"] + .categories--item-label .categories--item-icon.categories--item-sport, .management-app .directory-page .directory-row .categories-container .categories--item input.implicit-checked[type="checkbox"] + .categories--item-label .categories--item-icon.categories--item-sport {
            background: url("/v2/images/admin/directory-page/category/GYM-active.svg"); }
          .directory-page .directory-row .categories-container .categories--item input[type="checkbox"]:checked + .categories--item-label .categories--item-icon.categories--item-officials, .directory-page .directory-row .categories-container .categories--item .management-app input.implicit-checked[type="checkbox"] + .categories--item-label .categories--item-icon.categories--item-officials, .management-app .directory-page .directory-row .categories-container .categories--item input.implicit-checked[type="checkbox"] + .categories--item-label .categories--item-icon.categories--item-officials {
            background: url("/v2/images/admin/directory-page/category/officials-active.svg"); }
          .directory-page .directory-row .categories-container .categories--item input[type="checkbox"]:checked + .categories--item-label .categories--item-icon.categories--item-beauty_and_wellness, .directory-page .directory-row .categories-container .categories--item .management-app input.implicit-checked[type="checkbox"] + .categories--item-label .categories--item-icon.categories--item-beauty_and_wellness, .management-app .directory-page .directory-row .categories-container .categories--item input.implicit-checked[type="checkbox"] + .categories--item-label .categories--item-icon.categories--item-beauty_and_wellness {
            background: url("/v2/images/admin/directory-page/category/beauty-active.svg"); }
          .directory-page .directory-row .categories-container .categories--item input[type="checkbox"]:checked + .categories--item-label .categories--item-icon.categories--item-personal_meetings_and_services, .directory-page .directory-row .categories-container .categories--item .management-app input.implicit-checked[type="checkbox"] + .categories--item-label .categories--item-icon.categories--item-personal_meetings_and_services, .management-app .directory-page .directory-row .categories-container .categories--item input.implicit-checked[type="checkbox"] + .categories--item-label .categories--item-icon.categories--item-personal_meetings_and_services {
            background: url("/v2/images/admin/directory-page/category/presonal-meetings-active.svg"); }
          .directory-page .directory-row .categories-container .categories--item input[type="checkbox"]:checked + .categories--item-label .categories--item-icon.categories--item-education, .directory-page .directory-row .categories-container .categories--item .management-app input.implicit-checked[type="checkbox"] + .categories--item-label .categories--item-icon.categories--item-education, .management-app .directory-page .directory-row .categories-container .categories--item input.implicit-checked[type="checkbox"] + .categories--item-label .categories--item-icon.categories--item-education {
            background: url("/v2/images/admin/directory-page/category/education-active.svg"); }
          .directory-page .directory-row .categories-container .categories--item input[type="checkbox"]:checked + .categories--item-label .categories--item-icon.categories--item-medical, .directory-page .directory-row .categories-container .categories--item .management-app input.implicit-checked[type="checkbox"] + .categories--item-label .categories--item-icon.categories--item-medical, .management-app .directory-page .directory-row .categories-container .categories--item input.implicit-checked[type="checkbox"] + .categories--item-label .categories--item-icon.categories--item-medical {
            background: url("/v2/images/admin/directory-page/category/medical-active.svg"); }
          .directory-page .directory-row .categories-container .categories--item input[type="checkbox"]:checked + .categories--item-label .categories--item-icon.categories--item-supermarkets, .directory-page .directory-row .categories-container .categories--item .management-app input.implicit-checked[type="checkbox"] + .categories--item-label .categories--item-icon.categories--item-supermarkets, .management-app .directory-page .directory-row .categories-container .categories--item input.implicit-checked[type="checkbox"] + .categories--item-label .categories--item-icon.categories--item-supermarkets {
            background: url("/v2/images/admin/directory-page/category/supermarkets-active.svg"); }
    .directory-page .directory-row .directory--company-information .company-information--item .control-label {
      font-size: 16px;
      display: flex; }
    .directory-page .directory-row .directory--company-information .company-information--item .rec-size {
      font-size: 12px;
      color: #bcbcbc; }
      .directory-page .directory-row .directory--company-information .company-information--item .rec-size span {
        display: inline-block;
        width: 100%; }
    .directory-page .directory-row .directory--company-information .company-information--item.company-information--item-view {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap; }
      .directory-page .directory-row .directory--company-information .company-information--item.company-information--item-view .company-information--item-block .image-preview-area img {
        max-width: 25px;
        margin: 5px auto;
        transition: all .2s ease; }
      .directory-page .directory-row .directory--company-information .company-information--item.company-information--item-view .company-information--item-block.directory-company-name {
        width: 100%;
        max-width: 100%;
        min-width: auto;
        margin-bottom: 15px; }
        .directory-page .directory-row .directory--company-information .company-information--item.company-information--item-view .company-information--item-block.directory-company-name .form-group, .directory-page .directory-row .directory--company-information .company-information--item.company-information--item-view .company-information--item-block.directory-company-name .element-container {
          max-width: 560px; }
      .directory-page .directory-row .directory--company-information .company-information--item.company-information--item-view .company-information--item-block.directory-company-email {
        max-width: 265px;
        width: 100%;
        margin-right: 30px;
        margin-bottom: 15px; }
        @media (max-width: 575px) {
          .directory-page .directory-row .directory--company-information .company-information--item.company-information--item-view .company-information--item-block.directory-company-email {
            max-width: 100%;
            width: 100%;
            margin-right: 0; }
            .directory-page .directory-row .directory--company-information .company-information--item.company-information--item-view .company-information--item-block.directory-company-email .form-group, .directory-page .directory-row .directory--company-information .company-information--item.company-information--item-view .company-information--item-block.directory-company-email .element-container {
              max-width: 100%; } }
      .directory-page .directory-row .directory--company-information .company-information--item.company-information--item-view .company-information--item-block.directory-company-phone {
        width: calc(100% - 295px);
        margin-bottom: 15px; }
        .directory-page .directory-row .directory--company-information .company-information--item.company-information--item-view .company-information--item-block.directory-company-phone .form-group, .directory-page .directory-row .directory--company-information .company-information--item.company-information--item-view .company-information--item-block.directory-company-phone .element-container {
          max-width: 265px; }
        @media (max-width: 575px) {
          .directory-page .directory-row .directory--company-information .company-information--item.company-information--item-view .company-information--item-block.directory-company-phone {
            width: 100%; }
            .directory-page .directory-row .directory--company-information .company-information--item.company-information--item-view .company-information--item-block.directory-company-phone .form-group, .directory-page .directory-row .directory--company-information .company-information--item.company-information--item-view .company-information--item-block.directory-company-phone .element-container {
              max-width: 100%; } }
      .directory-page .directory-row .directory--company-information .company-information--item.company-information--item-view .company-information--item-block.sb-logo {
        margin-left: 0;
        margin-right: 30px; }
        .directory-page .directory-row .directory--company-information .company-information--item.company-information--item-view .company-information--item-block.sb-logo .image-preview-area .image-remove {
          padding: 2px; }
          .directory-page .directory-row .directory--company-information .company-information--item.company-information--item-view .company-information--item-block.sb-logo .image-preview-area .image-remove.in {
            display: flex;
            align-items: center;
            justify-content: center; }
        .directory-page .directory-row .directory--company-information .company-information--item.company-information--item-view .company-information--item-block.sb-logo .image-preview-area {
          height: 80px;
          width: 80px;
          min-width: 80px;
          min-height: 80px;
          background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%2306ADEF' stroke-width='2' stroke-dasharray='10' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
          border-radius: 100px;
          background-size: 100%; }
        .directory-page .directory-row .directory--company-information .company-information--item.company-information--item-view .company-information--item-block.sb-logo .image-remove.sb-image-remove.in + .empty-image {
          height: 70px;
          width: 70px;
          min-width: 70px;
          min-height: 70px;
          border-radius: 100px;
          object-fit: cover; }
      .directory-page .directory-row .directory--company-information .company-information--item.company-information--item-view .company-information--item-block.sb-bg .image-preview-area .image-remove {
        padding: 2px; }
        .directory-page .directory-row .directory--company-information .company-information--item.company-information--item-view .company-information--item-block.sb-bg .image-preview-area .image-remove.in {
          display: flex;
          align-items: center;
          justify-content: center; }
      .directory-page .directory-row .directory--company-information .company-information--item.company-information--item-view .company-information--item-block.sb-bg .image-preview-area {
        height: 84px;
        min-width: 340px;
        width: 340px;
        min-height: 84px;
        padding: 2px; }
        @media (max-width: 767px) {
          .directory-page .directory-row .directory--company-information .company-information--item.company-information--item-view .company-information--item-block.sb-bg .image-preview-area {
            min-width: 330px;
            width: 330px; } }
      .directory-page .directory-row .directory--company-information .company-information--item.company-information--item-view .company-information--item-block.sb-bg .image-remove.sb-image-remove.in + .empty-image {
        height: 78px;
        width: 100%;
        min-width: 100%;
        min-height: 78px;
        object-fit: cover; }
  @media (max-width: 767px) {
    .directory-page .management-app .management-app-steps .step .step-content {
      padding-top: 10px; } }
  @media (max-width: 575px) {
    .directory-page .management-app .management-app-steps .step .step-content {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
  @media (max-width: 1200px) {
    .directory-page.directory-page-services-settings .directory-row {
      flex-wrap: wrap; } }
  .directory-page.directory-page-services-settings .directory-row .directory-col.directory-col-left {
    max-width: 490px;
    width: 490px; }
    @media (max-width: 1200px) {
      .directory-page.directory-page-services-settings .directory-row .directory-col.directory-col-left {
        width: 100%;
        max-width: 100%; } }
    @media (max-width: 1200px) {
      .directory-page.directory-page-services-settings .directory-row .directory-col.directory-col-left.in {
        max-height: 50vh;
        overflow: hidden; } }
  .directory-page.directory-page-services-settings .directory-row .directory-col.directory-col-right {
    width: 100%; }
    @media (max-width: 1200px) {
      .directory-page.directory-page-services-settings .directory-row .directory-col.directory-col-right {
        width: 100%;
        position: fixed;
        left: auto;
        right: -100%;
        top: 60px;
        margin: 0;
        height: calc(100% - 60px);
        transition: all 0.5s ease; } }
    .directory-page.directory-page-services-settings .directory-row .directory-col.directory-col-right .panel {
      background: transparent; }
    .directory-page.directory-page-services-settings .directory-row .directory-col.directory-col-right.in {
      right: 0; }
      @media (max-width: 1200px) {
        .directory-page.directory-page-services-settings .directory-row .directory-col.directory-col-right.in {
          width: calc(100% - 50px); } }
      @media (max-width: 575px) {
        .directory-page.directory-page-services-settings .directory-row .directory-col.directory-col-right.in {
          width: 100%; } }
    @media (max-width: 1200px) {
      .directory-page.directory-page-services-settings .directory-row .directory-col.directory-col-right .sb-form-content {
        height: 100%;
        overflow-y: auto; } }
  @media (max-width: 1200px) {
    .directory-page.directory-page-services-settings .directory-row.in .directory-col.directory-col-left {
      max-height: 50vh;
      overflow: hidden; } }
  .directory-page.directory-page-services-settings .directory-row.in .directory-col.directory-col-right {
    right: 0; }
    @media (max-width: 1200px) {
      .directory-page.directory-page-services-settings .directory-row.in .directory-col.directory-col-right {
        width: calc(100% - 50px); } }
    @media (max-width: 575px) {
      .directory-page.directory-page-services-settings .directory-row.in .directory-col.directory-col-right {
        width: 100%; } }
  .directory-page.directory-page-services-settings .provider-category-container > li > .form-group > div, .directory-page.directory-page-services-settings .provider-category-container > li > .element-container > div {
    margin-bottom: 20px; }
    .directory-page.directory-page-services-settings .provider-category-container > li > .form-group > div:last-child, .directory-page.directory-page-services-settings .provider-category-container > li > .element-container > div:last-child {
      margin-bottom: 0; }
  .directory-page.directory-page-services-settings .provider-category-container .multiselect-block {
    background: #fafafa;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0 15px 0;
    border-radius: 3px; }
    .directory-page.directory-page-services-settings .provider-category-container .multiselect-block > div {
      width: 33.33%;
      display: flex;
      flex-direction: row-reverse;
      justify-content: flex-end;
      padding: 0 20px;
      margin-bottom: 8px; }
      @media (max-width: 1366px) {
        .directory-page.directory-page-services-settings .provider-category-container .multiselect-block > div {
          width: 50%; } }
      @media (max-width: 767px) {
        .directory-page.directory-page-services-settings .provider-category-container .multiselect-block > div {
          width: 100%; } }
      .directory-page.directory-page-services-settings .provider-category-container .multiselect-block > div .control-label {
        display: flex;
        width: 100%;
        margin: 0;
        padding: 0;
        align-items: flex-start; }
        .directory-page.directory-page-services-settings .provider-category-container .multiselect-block > div .control-label input[type="checkbox"] {
          display: inline-block;
          margin: 0; }
  .directory-page.directory-page-services-settings .wrap-attributes-container .sb-attributes-container {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1.25rem;
    margin-right: -1.25rem; }
    @media (max-width: 1366px) {
      .directory-page.directory-page-services-settings .wrap-attributes-container .sb-attributes-container {
        justify-content: space-between; } }
  .directory-page.directory-page-services-settings .wrap-attributes-container .multiselect-block {
    width: 100%;
    padding: 0 1.25rem; }
    .directory-page.directory-page-services-settings .wrap-attributes-container .multiselect-block .form-group, .directory-page.directory-page-services-settings .wrap-attributes-container .multiselect-block .element-container {
      display: flex;
      flex-wrap: wrap;
      padding-bottom: 15px;
      border-radius: 3px;
      gap: 8px 0; }
      .directory-page.directory-page-services-settings .wrap-attributes-container .multiselect-block .form-group > .control-label, .directory-page.directory-page-services-settings .wrap-attributes-container .multiselect-block .element-container > .control-label {
        display: flex;
        width: 100%;
        margin-bottom: 15px; }
      .directory-page.directory-page-services-settings .wrap-attributes-container .multiselect-block .form-group .material-switch-container, .directory-page.directory-page-services-settings .wrap-attributes-container .multiselect-block .element-container .material-switch-container {
        width: 33.33%;
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        padding: 0 20px; }
        @media (max-width: 1366px) {
          .directory-page.directory-page-services-settings .wrap-attributes-container .multiselect-block .form-group .material-switch-container, .directory-page.directory-page-services-settings .wrap-attributes-container .multiselect-block .element-container .material-switch-container {
            width: 50%; } }
        @media (max-width: 767px) {
          .directory-page.directory-page-services-settings .wrap-attributes-container .multiselect-block .form-group .material-switch-container, .directory-page.directory-page-services-settings .wrap-attributes-container .multiselect-block .element-container .material-switch-container {
            width: 100%; } }
        .directory-page.directory-page-services-settings .wrap-attributes-container .multiselect-block .form-group .material-switch-container .material-switch input[type="checkbox"], .directory-page.directory-page-services-settings .wrap-attributes-container .multiselect-block .element-container .material-switch-container .material-switch input[type="checkbox"] {
          display: inline-block;
          margin-left: 0;
          margin-right: 10px; }
        .directory-page.directory-page-services-settings .wrap-attributes-container .multiselect-block .form-group .material-switch-container .material-switch .label-success, .directory-page.directory-page-services-settings .wrap-attributes-container .multiselect-block .element-container .material-switch-container .material-switch .label-success {
          display: none; }
          .directory-page.directory-page-services-settings .wrap-attributes-container .multiselect-block .form-group .material-switch-container .material-switch .label-success:after, .directory-page.directory-page-services-settings .wrap-attributes-container .multiselect-block .element-container .material-switch-container .material-switch .label-success:after, .directory-page.directory-page-services-settings .wrap-attributes-container .multiselect-block .form-group .material-switch-container .material-switch .label-success:before, .directory-page.directory-page-services-settings .wrap-attributes-container .multiselect-block .element-container .material-switch-container .material-switch .label-success:before {
            display: none !important; }
  .directory-page.directory-page-services-settings .wrap-attributes-container .select-block,
  .directory-page.directory-page-services-settings .wrap-attributes-container .text-block {
    width: 33.33%;
    padding: 0 1.25rem; }
    @media (max-width: 1366px) {
      .directory-page.directory-page-services-settings .wrap-attributes-container .select-block,
      .directory-page.directory-page-services-settings .wrap-attributes-container .text-block {
        width: 50%; } }
    @media (max-width: 767px) {
      .directory-page.directory-page-services-settings .wrap-attributes-container .select-block,
      .directory-page.directory-page-services-settings .wrap-attributes-container .text-block {
        width: 100%; } }
  .directory-page.directory-page-services-settings .wrap-attributes-container .checkbox-block,
  .directory-page.directory-page-services-settings .wrap-attributes-container .datetime-block {
    width: 100%;
    padding: 0 1.25rem; }
  .directory-page.directory-page-services-settings .management-app-header {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 20px;
    padding-bottom: 10px; }
    @media (max-width: 767px) {
      .directory-page.directory-page-services-settings .management-app-header {
        flex-direction: column-reverse; } }
    .directory-page.directory-page-services-settings .management-app-header.batch-management-app-header {
      padding-left: 0;
      padding-right: 0; }
    .directory-page.directory-page-services-settings .management-app-header.batch-management-no-selected .management-app-header-title-block {
      display: flex;
      align-items: center; }
      @media (max-width: 767px) {
        .directory-page.directory-page-services-settings .management-app-header.batch-management-no-selected .management-app-header-title-block {
          flex-direction: column-reverse; }
          .directory-page.directory-page-services-settings .management-app-header.batch-management-no-selected .management-app-header-title-block .controls-container {
            margin-top: -10px; } }
    .directory-page.directory-page-services-settings .management-app-header .main-title {
      width: calc(100% - 236px);
      margin-bottom: 5px;
      padding-top: 0;
      padding-bottom: 0; }
      @media (max-width: 767px) {
        .directory-page.directory-page-services-settings .management-app-header .main-title {
          width: 100%; } }
    .directory-page.directory-page-services-settings .management-app-header .controls-container {
      margin-right: 0;
      margin-left: auto; }
      @media (max-width: 767px) {
        .directory-page.directory-page-services-settings .management-app-header .controls-container {
          width: calc(100% + 35px);
          margin-left: -1.25rem;
          margin-right: -1.25rem;
          background: #efefef;
          padding: 10px 1.25rem;
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .directory-page.directory-page-services-settings .management-app-header .controls-container .sb-cancel {
            padding-left: 0; }
            .directory-page.directory-page-services-settings .management-app-header .controls-container .sb-cancel .d-block.d-sm-none {
              display: none !important; }
            .directory-page.directory-page-services-settings .management-app-header .controls-container .sb-cancel .d-none.d-sm-block {
              display: block !important;
              color: #ee5447; }
          .directory-page.directory-page-services-settings .management-app-header .controls-container .save .d-block.d-sm-none {
            display: none !important; }
          .directory-page.directory-page-services-settings .management-app-header .controls-container .save .d-none.d-sm-block {
            display: block !important; } }
    .directory-page.directory-page-services-settings .management-app-header.batch-management-app-header .main-title {
      padding-top: 0;
      padding-bottom: 0; }
  .directory-page.directory-page-services-settings .batch-management-app-header {
    flex-wrap: wrap; }
    @media (max-width: 767px) {
      .directory-page.directory-page-services-settings .batch-management-app-header {
        flex-direction: column;
        align-items: flex-start; } }
    .directory-page.directory-page-services-settings .batch-management-app-header .management-app-header-title-block {
      width: 100%;
      margin-bottom: 10px; }
      .directory-page.directory-page-services-settings .batch-management-app-header .management-app-header-title-block .main-title {
        padding: 0;
        margin: 0 0 5px 0; }
        .directory-page.directory-page-services-settings .batch-management-app-header .management-app-header-title-block .main-title.no-selected {
          margin-top: 15px; }
      .directory-page.directory-page-services-settings .batch-management-app-header .management-app-header-title-block .sub-title {
        font-size: 14px;
        line-height: 1.3;
        color: #666666;
        margin-bottom: 0; }
      .directory-page.directory-page-services-settings .batch-management-app-header .management-app-header-title-block.has-controls {
        display: flex;
        align-items: flex-start; }
        @media (max-width: 767px) {
          .directory-page.directory-page-services-settings .batch-management-app-header .management-app-header-title-block.has-controls {
            flex-direction: column-reverse;
            margin-bottom: 15px; } }
        .directory-page.directory-page-services-settings .batch-management-app-header .management-app-header-title-block.has-controls .title-container {
          width: 100%;
          margin-right: 10px;
          flex-direction: column;
          align-items: flex-start; }
          @media (max-width: 767px) {
            .directory-page.directory-page-services-settings .batch-management-app-header .management-app-header-title-block.has-controls .title-container {
              margin-right: 0; } }
        .directory-page.directory-page-services-settings .batch-management-app-header .management-app-header-title-block.has-controls .controls-container {
          display: flex;
          align-items: center; }
          @media (max-width: 767px) {
            .directory-page.directory-page-services-settings .batch-management-app-header .management-app-header-title-block.has-controls .controls-container {
              margin-top: -10px;
              margin-bottom: 15px; } }
  @media (max-width: 1200px) {
    .directory-page.directory-page-services-settings .management-app-steps.single-mode .management-app-header {
      padding-top: 15px;
      padding-bottom: 15px; } }
  @media (max-width: 767px) {
    .directory-page.directory-page-services-settings .management-app-steps.single-mode .management-app-header {
      padding-top: 0; }
      .directory-page.directory-page-services-settings .management-app-steps.single-mode .management-app-header .controls-container {
        margin-bottom: 15px; } }
  .directory-page.directory-page-services-settings .management-app-steps.batch-mode .management-app-header .sb-cancel,
  .directory-page.directory-page-services-settings .management-app-steps.batch-mode .sb-footer .sb-cancel {
    display: none; }
    @media (max-width: 1200px) {
      .directory-page.directory-page-services-settings .management-app-steps.batch-mode .management-app-header .sb-cancel,
      .directory-page.directory-page-services-settings .management-app-steps.batch-mode .sb-footer .sb-cancel {
        display: inline-block; } }
  .directory-page.directory-page-services-settings .management-app-steps .step:first-child {
    border-top: none; }

.modal.modal-not-added-to-directori .modal-dialog .modal-header {
  background: #fff;
  border: none; }
  .modal.modal-not-added-to-directori .modal-dialog .modal-header .close {
    color: #313e54; }
    .modal.modal-not-added-to-directori .modal-dialog .modal-header .close:before, .modal.modal-not-added-to-directori .modal-dialog .modal-header .close:after {
      background-color: #313e54; }

.modal.modal-not-added-to-directori .modal-body {
  padding: 0; }
  .modal.modal-not-added-to-directori .modal-body .directory--company-disabled.not-added {
    padding: 10px 0px 25px 45px; }
    @media (max-width: 992px) {
      .modal.modal-not-added-to-directori .modal-body .directory--company-disabled.not-added {
        padding: 15px; } }
  .modal.modal-not-added-to-directori .modal-body .directory--company-disabled .directory--company-disabled-content {
    display: flex;
    align-items: center; }
    @media (max-width: 992px) {
      .modal.modal-not-added-to-directori .modal-body .directory--company-disabled .directory--company-disabled-content {
        flex-direction: column;
        text-align: center; } }
    @media (max-width: 992px) {
      .modal.modal-not-added-to-directori .modal-body .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item {
        width: 100%; } }
    .modal.modal-not-added-to-directori .modal-body .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item.company-disabled-item-data {
      width: 100%; }
      @media (max-width: 992px) {
        .modal.modal-not-added-to-directori .modal-body .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item.company-disabled-item-data {
          margin-bottom: 20px; } }
      .modal.modal-not-added-to-directori .modal-body .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item.company-disabled-item-data .company-disabled-item-header {
        display: flex;
        align-items: flex-end;
        justify-content: flex-start; }
        @media (max-width: 992px) {
          .modal.modal-not-added-to-directori .modal-body .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item.company-disabled-item-data .company-disabled-item-header {
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            flex-direction: column;
            margin-bottom: 15px; } }
        .modal.modal-not-added-to-directori .modal-body .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item.company-disabled-item-data .company-disabled-item-header .main-title {
          font-size: 26px; }
          @media (max-width: 992px) {
            .modal.modal-not-added-to-directori .modal-body .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item.company-disabled-item-data .company-disabled-item-header .main-title {
              margin-bottom: 5px; } }
        .modal.modal-not-added-to-directori .modal-body .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item.company-disabled-item-data .company-disabled-item-header .logo-directory {
          min-width: 110px;
          position: relative;
          top: -6px;
          margin-left: 10px; }
          @media (max-width: 992px) {
            .modal.modal-not-added-to-directori .modal-body .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item.company-disabled-item-data .company-disabled-item-header .logo-directory {
              margin-left: 0;
              top: 0; } }
      .modal.modal-not-added-to-directori .modal-body .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item.company-disabled-item-data .company-disabled-item-body {
        margin-bottom: 10px; }
      .modal.modal-not-added-to-directori .modal-body .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item.company-disabled-item-data .txt.sub-title {
        font-weight: 600;
        margin-bottom: 0; }
    .modal.modal-not-added-to-directori .modal-body .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item.company-disabled-item-image {
      margin-right: -30px;
      margin-left: 25px; }
      .modal.modal-not-added-to-directori .modal-body .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item.company-disabled-item-image img {
        min-width: 362px;
        max-width: 362px;
        position: relative; }
      @media (max-width: 992px) {
        .modal.modal-not-added-to-directori .modal-body .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item.company-disabled-item-image {
          margin: 0; }
          .modal.modal-not-added-to-directori .modal-body .directory--company-disabled .directory--company-disabled-content .directory--company-disabled-item.company-disabled-item-image img {
            min-width: 300px;
            max-width: 300px; } }

.round-progress-bar {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 38px;
  height: 38px; }
  @media (max-width: 1366px) {
    .round-progress-bar {
      display: none; } }
  .round-progress-bar svg {
    height: 38px;
    transform: rotate(-90deg);
    width: 38px; }
  .round-progress-bar .progress-bar__background {
    fill: none;
    stroke: rgba(255, 255, 255, 0.95);
    stroke-width: 2.2; }
  .round-progress-bar .progress-bar__progress {
    fill: none;
    stroke: rgba(255, 255, 255, 0.95);
    stroke-dasharray: 100 100;
    stroke-dashoffset: 100;
    stroke-linecap: round;
    stroke-width: 2.3;
    transition: stroke-dashoffset 1s ease-in-out; }
    .round-progress-bar .progress-bar__progress.cat-status-0 {
      stroke: #FF3259; }
    .round-progress-bar .progress-bar__progress.cat-status-20 {
      stroke: #FF9800; }
    .round-progress-bar .progress-bar__progress.cat-status-40 {
      stroke: #FFC107; }
    .round-progress-bar .progress-bar__progress.cat-status-60 {
      stroke: #b6dc39; }
    .round-progress-bar .progress-bar__progress.cat-status-80 {
      stroke: #30d569; }
  .round-progress-bar .sb-menu-indexing-progress {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1;
    font-weight: 700;
    font-size: 12px;
    padding: 4px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

.new-tooltip {
  display: none;
  position: fixed;
  z-index: 1010; }
  .new-tooltip.in {
    display: block; }

.new-tooltip-indexing-progress {
  width: 350px;
  background: #fff;
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.22);
  border-radius: 5px; }
  .new-tooltip-indexing-progress .new-tooltip--header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding: 20px 100px 10px 20px;
    background: #def4ff;
    border-radius: 5px 5px 0 0;
    min-height: 60px; }
    .new-tooltip-indexing-progress .new-tooltip--header:after {
      content: '';
      display: block;
      width: 60px;
      position: absolute;
      right: 10px;
      bottom: 0;
      height: 100%;
      background-repeat: no-repeat !important;
      background-position: bottom center !important; }
    .new-tooltip-indexing-progress .new-tooltip--header .tooltip-indexing-header-item.item-title {
      font-size: 12px;
      font-weight: 600;
      line-height: 1.2;
      text-align: left;
      margin-bottom: 10px; }
    .new-tooltip-indexing-progress .new-tooltip--header .tooltip-indexing-header-item.item-progress-bar {
      position: relative;
      height: 12px;
      width: 95%;
      border-radius: 3px;
      background: #fff; }
      .new-tooltip-indexing-progress .new-tooltip--header .tooltip-indexing-header-item.item-progress-bar .item-progress-bar--line {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        border-radius: 3px;
        background-color: #FF3259; }
      .new-tooltip-indexing-progress .new-tooltip--header .tooltip-indexing-header-item.item-progress-bar .item-progress-bar--value {
        font-size: 16px;
        line-height: 1;
        white-space: nowrap;
        font-weight: 700;
        color: #FF3259;
        position: absolute;
        top: -4px;
        left: 104%; }
    .new-tooltip-indexing-progress .new-tooltip--header.cat-status-0:after {
      background: url("/v2/images/admin/directory-page/cat-progress1.svg"); }
    .new-tooltip-indexing-progress .new-tooltip--header.cat-status-0 .tooltip-indexing-header-item.item-progress-bar .item-progress-bar--line {
      background-color: #FF3259; }
    .new-tooltip-indexing-progress .new-tooltip--header.cat-status-0 .tooltip-indexing-header-item.item-progress-bar .item-progress-bar--value {
      color: #FF3259; }
    .new-tooltip-indexing-progress .new-tooltip--header.cat-status-20:after {
      background: url("/v2/images/admin/directory-page/cat-progress2.svg"); }
    .new-tooltip-indexing-progress .new-tooltip--header.cat-status-20 .tooltip-indexing-header-item.item-progress-bar .item-progress-bar--line {
      background-color: #FF9800; }
    .new-tooltip-indexing-progress .new-tooltip--header.cat-status-20 .tooltip-indexing-header-item.item-progress-bar .item-progress-bar--value {
      color: #FF9800; }
    .new-tooltip-indexing-progress .new-tooltip--header.cat-status-40:after {
      background: url("/v2/images/admin/directory-page/cat-progress3.svg"); }
    .new-tooltip-indexing-progress .new-tooltip--header.cat-status-40 .tooltip-indexing-header-item.item-progress-bar .item-progress-bar--line {
      background-color: #FFC107; }
    .new-tooltip-indexing-progress .new-tooltip--header.cat-status-40 .tooltip-indexing-header-item.item-progress-bar .item-progress-bar--value {
      color: #FFC107; }
    .new-tooltip-indexing-progress .new-tooltip--header.cat-status-60:after {
      background: url("/v2/images/admin/directory-page/cat-progress4.svg"); }
    .new-tooltip-indexing-progress .new-tooltip--header.cat-status-60 .tooltip-indexing-header-item.item-progress-bar .item-progress-bar--line {
      background-color: #b6dc39; }
    .new-tooltip-indexing-progress .new-tooltip--header.cat-status-60 .tooltip-indexing-header-item.item-progress-bar .item-progress-bar--value {
      color: #b6dc39; }
    .new-tooltip-indexing-progress .new-tooltip--header.cat-status-80:after {
      background: url("/v2/images/admin/directory-page/cat-progress5.svg"); }
    .new-tooltip-indexing-progress .new-tooltip--header.cat-status-80 .tooltip-indexing-header-item.item-progress-bar .item-progress-bar--line {
      background-color: #30d569; }
    .new-tooltip-indexing-progress .new-tooltip--header.cat-status-80 .tooltip-indexing-header-item.item-progress-bar .item-progress-bar--value {
      color: #30d569; }
  .new-tooltip-indexing-progress .new-tooltip--body {
    padding: 22px 20px 10px;
    text-align: left;
    font-size: 14px;
    font-weight: 600; }
  .new-tooltip-indexing-progress .new-tooltip--footer {
    padding: 0 20px 22px;
    text-align: center; }

.page--main-configuration.configuration-page,
.company-info-page {
  padding: 20px; }

.company-info-page .info-grid {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 26px 44px; }
  @media (max-width: 1024px) {
    .company-info-page .info-grid {
      flex-direction: column;
      justify-content: flex-start;
      align-items: center; } }

.company-info-page .grid-item {
  width: 100%;
  max-width: 900px; }
  .company-info-page .grid-item.left-part {
    max-width: 440px; }
    @media (min-width: 1024px) {
      .company-info-page .grid-item.left-part {
        min-width: 400px;
        max-width: 500px; } }

.page--main-configuration.configuration-page .config_form {
  align-items: flex-start;
  justify-content: center; }
  @media (min-width: 955px) {
    .page--main-configuration.configuration-page .config_form {
      justify-content: flex-start; } }

.page--main-configuration.configuration-page .col-lg-4 {
  padding-bottom: 22px;
  max-width: 440px; }
  @media (max-width: 955px) {
    .page--main-configuration.configuration-page .col-lg-4 {
      max-width: 500px; } }

.page--main-configuration.configuration-page .col-xs-12.default .block-header {
  display: none; }

.page--main-configuration.configuration-page .col-xs-12.default .box-content {
  padding: 22px;
  border-radius: 5px;
  background: #f8faff; }
  @media (max-width: 500px) {
    .page--main-configuration.configuration-page .col-xs-12.default .box-content {
      margin-left: -20px;
      margin-right: -20px; } }

.page--main-configuration.configuration-page .btn-bar__row {
  display: flex; }

.page--main-configuration.configuration-page .main-configuration--btn-bar .btn-bar__row {
  display: flex; }
  @media (max-width: 955px) {
    .page--main-configuration.configuration-page .main-configuration--btn-bar .btn-bar__row {
      justify-content: center; } }

.design-edit-theme-page {
  padding: 15px; }
  .design-edit-theme-page .panel-body a.file-name {
    color: #555555;
    display: block;
    padding-bottom: 7px; }
  .design-edit-theme-page .code-editor {
    display: none; }
  .design-edit-theme-page #code_editor_div {
    min-height: 600px;
    border: 1px solid #cccccc; }
  .design-edit-theme-page .file-title .file,
  .design-edit-theme-page .file-title .name {
    display: inline-block;
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 1.3em; }
  .design-edit-theme-page.changed .file-title {
    color: #447744; }
    .design-edit-theme-page.changed .file-title .file:after {
      content: "*";
      color: #ee0000;
      display: inline-block;
      font-weight: bold;
      margin-left: 4px; }

#theme-assets-page {
  padding: 15px; }
  #theme-assets-page .directory-name {
    font-size: 1.2em;
    display: block;
    margin: 5px; }
    #theme-assets-page .directory-name .glyphicon {
      color: #ffbf00;
      font-size: 1.2em;
      margin-right: 5px; }
    #theme-assets-page .directory-name .open-dir {
      display: none; }
    #theme-assets-page .directory-name:focus .open-dir, #theme-assets-page .directory-name.selected .open-dir {
      display: inline; }
    #theme-assets-page .directory-name:focus .close-dir, #theme-assets-page .directory-name.selected .close-dir {
      display: none; }
  #theme-assets-page .sub-directory {
    margin-left: 20px; }
  #theme-assets-page #files_container .file {
    overflow: hidden;
    height: 100px;
    padding-bottom: 5px;
    cursor: pointer;
    text-align: center; }
    #theme-assets-page #files_container .file .icon {
      font-size: 2.5em; }
    #theme-assets-page #files_container .file .actions {
      position: absolute;
      top: 0px;
      right: 0px;
      width: 16px;
      display: none; }
    #theme-assets-page #files_container .file:hover {
      background-color: #eeeeee; }
      #theme-assets-page #files_container .file:hover .actions {
        display: block;
        font-size: 16px; }

#themes-list-page .local-actions {
  white-space: nowrap; }

#themes-list-page .table img {
  width: 150px; }

#themes-list-page .table td:nth-child(2) {
  width: 160px; }

/**
 * Company worktime old (user1)
 */
.week-schedule {
  width: 100%; }

.week-schedule .help-text {
  margin: 10px 0;
  background: #f0f0f0;
  font-size: 1.2em;
  line-height: 1.2em;
  border: 1px solid #2fa3d8;
  padding: 7px 12px; }

.week-schedule .help-text img {
  float: left;
  margin: 0 15px 15px 0; }

.week-schedule .help-text p {
  position: relative;
  top: 4px; }

.week-schedule .navigation {
  display: none;
  margin: auto;
  margin-bottom: 15px;
  text-align: center; }

.week-schedule.day-expanded .navigation {
  display: block; }

.week-schedule .navigation a {
  display: inline-block;
  margin-right: 10px; }

.week-schedule .buttons {
  margin-bottom: 15px;
  margin-top: -10px;
  text-align: right; }

.week-schedule .buttons a {
  font-size: 14px;
  margin-right: 10px; }

.week-schedule .buttons a:hover,
.week-schedule .buttons a.active {
  color: #2fa3d8; }

.week-schedule.slots .slots-view,
.week-schedule .brief-view {
  display: block; }

.week-schedule.slots .brief-view,
.week-schedule .slots-view {
  display: none; }

.week-schedule .slots-view {
  margin: auto; }

.week-schedule .slots-view li {
  display: inline-block;
  padding-bottom: 15px;
  vertical-align: top;
  width: 210px;
  margin-left: 1px;
  box-sizing: border-box; }

.week-schedule .slots-view li.day {
  text-align: center;
  background: #fff;
  border-radius: 3px; }

.week-schedule .slots-view li.day:not(:last-child) {
  margin-right: 3px; }

.week-schedule .slots-view li.day.expanded {
  display: block;
  margin: auto;
  max-width: 1200px;
  overflow: auto;
  width: 100%; }

.week-schedule .slots-view li.hour-titles {
  width: 75px;
  margin-left: 0;
  background: #fff;
  vertical-align: bottom; }

.week-schedule.day-expanded .slots-view li.hour-titles {
  display: none; }

.week-schedule .slots-view li.hour-titles .hour-title {
  height: 24px;
  color: #444; }

.special-day-container .week-schedule .navigation {
  display: none; }

.week-schedule .slots-view li .day-title {
  font-size: 1.7em;
  padding: 7px 0;
  text-align: center;
  border-bottom: 3px solid #06ADEF;
  font-family: "Open Sans", sans-serif; }

.week-schedule .slots-view li.day-off .day-title {
  border-bottom: 3px solid #FF3259; }

.week-schedule .slots-view li .actions a {
  margin: 10px; }

.week-schedule .slots-view li .timeslots {
  margin-top: 10px;
  min-height: 696px; }

.week-schedule .slots-view li.hour-titles .timeslots {
  margin-top: 0; }

.week-schedule .slots-view li .timeslots .hour-row {
  margin-bottom: 5px;
  width: 100%;
  box-sizing: border-box; }

.week-schedule .slots-view li .timeslots .time-select-div {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #fff;
  cursor: pointer;
  height: 23px;
  border-radius: 3px; }

.week-schedule .slots-view li .timeslots .time_interval_5 .time-select-div,
.week-schedule .slots-view li .timeslots .time_interval_10 .time-select-div {
  border-left: none; }

.week-schedule .slots-view li.day.expanded .time-select-div {
  border-radius: 2px;
  margin-right: 2px;
  box-sizing: border-box;
  max-width: inherit; }

.week-schedule .slots-view li .timeslots .time_interval_5 .time-select-div,
.week-schedule .slots-view li .timeslots .time_interval_10 .time-select-div,
.week-schedule .slots-view li .timeslots .time_interval_15 .time-select-div,
.week-schedule .slots-view li .timeslots .time_interval_20 .time-select-div,
.week-schedule .slots-view li .timeslots .time_interval_30 .time-select-div,
.week-schedule .slots-view li .timeslots .time_interval_60 .time-select-div {
  max-width: 70px; }

.week-schedule .slots-view li .timeslots .time_interval_5 .time-select-div {
  width: 8%; }

.week-schedule .slots-view li .timeslots .time_interval_10 .time-select-div {
  width: 15%; }

.week-schedule .slots-view li .timeslots .time_interval_15 .time-select-div {
  width: 24%;
  padding: 3px;
  font-size: 11px; }

.week-schedule .slots-view li .timeslots .time_interval_20 .time-select-div {
  width: 19%;
  padding: 3px;
  font-size: 12px; }

.week-schedule .slots-view li .timeslots .time_interval_30 .time-select-div {
  padding: 3px 6px;
  font-size: 12px;
  width: 45%; }

.week-schedule .slots-view li .timeslots .time_interval_60 .time-select-div {
  padding: 3px 6px;
  font-size: 12px;
  width: 95%;
  border-radius: 3px; }

.week-schedule .slots-view li.day .timeslots .time_interval_5 .time-select-div span,
.week-schedule .slots-view li.day .timeslots .time_interval_10 .time-select-div span,
.week-schedule .slots-view li.day .timeslots .time_interval_15 .time-select-div span,
.week-schedule .slots-view li.day .timeslots .time_interval_20 .time-select-div span {
  display: none; }

.week-schedule .slots-view li.day.expanded .timeslots .time_interval_5 .time-select-div span,
.week-schedule .slots-view li.day.expanded .timeslots .time_interval_10 .time-select-div span,
.week-schedule .slots-view li.day.expanded .timeslots .time_interval_15 .time-select-div span,
.week-schedule .slots-view li.day.expanded .timeslots .time_interval_20 .time-select-div span {
  display: inline-block; }

.week-schedule .slots-view li .timeslots .time-select-div.inactive {
  background-color: rgba(6, 173, 239, 0.3); }

.week-schedule .slots-view li .timeslots .time-select-div.inactive.disabled {
  background: #e9e9e9; }

.week-schedule .slots-view li .timeslots .time-select-div.inactive:not(.disabled):not(.just-clicked):hover {
  background: rgba(6, 173, 239, 0.1); }

.week-schedule .slots-view li .timeslots .time-select-div.btn-success:not(.just-clicked):hover {
  background-color: rgba(6, 173, 239, 0.3); }

.week-schedule .slots-view li .timeslots .time-select-div.disabled.inactive:hover,
.week-schedule .slots-view li.day-off .timeslots .time-select-div {
  cursor: crosshair;
  cursor: not-allowed; }

.week-schedule .slots-view li.day .timeslots .row-actions {
  display: none;
  vertical-align: middle; }

.week-schedule .slots-view li.day.expanded .timeslots .row-actions {
  display: inline-block; }

.week-schedule .slots-view li.day.expanded .timeslots .row-actions a span {
  font-size: 1.25em; }

.week-schedule .slots-view li.day.expanded .timeslots .hour-row .row-actions a span.fa-times {
  color: #FF3259; }

.week-schedule .slots-view li.day.expanded .timeslots .hour-row .row-actions a span.fa-check {
  color: #26dd7d; }

.week-schedule .brief-view li {
  margin-bottom: 10px;
  padding-bottom: 5px; }

.week-schedule .brief-view li .time-schedule,
.week-schedule .brief-view li .breaktimes,
.week-schedule .brief-view li .actions,
.week-schedule .brief-view li .day-title {
  display: inline-block;
  vertical-align: top; }

.week-schedule .brief-view li .day-title {
  font-size: 1.7em;
  color: #999;
  margin: 7px;
  min-width: 150px; }

.week-schedule .brief-view li .breaktimes li {
  margin-bottom: 10px; }

.week-schedule .brief-view li .time-schedule,
.week-schedule .brief-view li .breaktimes .breaktimes-time-schedule {
  padding: 5px 10px;
  background: #f0f0f0;
  border-radius: 4px;
  margin-right: 10px; }

.week-schedule .brief-view li .time-from,
.week-schedule .brief-view li .time-to,
.week-schedule .brief-view li .separator,
.week-schedule .brief-view li .remove-breaktime {
  display: inline-block;
  vertical-align: middle; }

.week-schedule .brief-view li .separator {
  width: 30px;
  text-align: center; }

.week-schedule .brief-view li select {
  padding: 3px 6px;
  color: #777;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 2px; }

.week-schedule .brief-view li .remove-breaktime {
  margin-left: 10px;
  width: 20px;
  height: 20px;
  background: url(/common/images/cancel.png) no-repeat 0 0 transparent; }

.week-schedule .brief-view .day.day-off .working-day-link,
.week-schedule .brief-view .day.day-off .day-off-title,
.week-schedule .brief-view .day .day-off-link,
.week-schedule .brief-view .day .add-new-breaktime {
  display: inline-block; }

.week-schedule .brief-view .day .working-day-link,
.week-schedule .brief-view .day.day-off .day-off-link,
.week-schedule .brief-view .day.day-off .add-new-breaktime,
.week-schedule .brief-view .day.day-off .time-schedule,
.week-schedule .brief-view .day.day-off .breaktimes,
.week-schedule .brief-view .day .day-off-title {
  display: none; }

.week-schedule .brief-view .day .day-off-title {
  color: #555;
  font-size: 14px;
  padding: 5px 10px;
  background: #f0f0f0;
  border-radius: 4px;
  margin-right: 10px;
  text-align: center;
  min-width: 270px; }

.week-schedule .day .actions .day-off-action {
  display: inline-block; }

.week-schedule .day.day-off .actions .day-off-action {
  display: none; }

.week-schedule .day .actions .work-day-action {
  display: none; }

.week-schedule .day.day-off .actions .work-day-action {
  display: inline-block; }

.week-schedule .slots-view li.day.expanded.day-off .timeslots .row-actions {
  display: none; }

a.use-old-interface-link {
  float: right;
  margin-top: -55px;
  padding: 5px 10px;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  background: none repeat scroll 0 0 #2fa3d8;
  border: 1px solid #fff;
  border-radius: 4px;
  box-shadow: 0 1px 2px #343434; }

.schedule-interface .top-info .form-group .control-label, .schedule-interface .top-info .element-container .control-label {
  margin-bottom: 15px; }

.schedule-interface .top-info .top-info-toggle-badge {
  cursor: pointer;
  margin-left: 5px;
  background: #ddd; }

.schedule-interface .top-info .week-settings-message {
  display: none; }

#formDialogspecial-day .day .source-message,
#formDialogspecial-day .day .source-actions {
  display: none; }

.schedule-interface .day .source-actions a {
  color: #26dd7d;
  text-decoration: underline; }

.schedule-interface .day .source-message .custom-schedule-used,
.schedule-interface .day .source-message .company-schedule-used,
.schedule-interface .day .source-actions {
  display: none; }

.schedule-interface .day.custom_source .source-message .custom-schedule-used,
.schedule-interface .day.custom_source .source-actions,
.schedule-interface .day.default_source .source-actions {
  display: block; }

.schedule-interface .day.default_source .source-actions {
  visibility: hidden; }

.schedule-interface .day.default_source .source-message .company-schedule-used {
  display: block; }

.schedule-interface {
  padding: 15px; }

.calendars-container .calendar {
  min-height: 350px;
  margin-bottom: 15px; }
  .calendars-container .calendar table {
    width: 100%;
    table-layout: fixed;
    border-right: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee; }
    .calendars-container .calendar table th {
      text-align: center;
      padding: 10px 6px;
      border-bottom: 1px solid #eeeeee;
      white-space: nowrap; }
    .calendars-container .calendar table td {
      text-align: center;
      border-radius: 3px;
      width: 14%; }
      .calendars-container .calendar table td a {
        display: block;
        padding: 5px;
        color: #313e54; }
        .calendars-container .calendar table td a:hover {
          background: #fef6da;
          text-decoration: none; }
      .calendars-container .calendar table td.calendar-item.special-day {
        background: #f8d347; }
        .calendars-container .calendar table td.calendar-item.special-day a {
          color: #ffffff; }
          .calendars-container .calendar table td.calendar-item.special-day a:hover {
            background: #fbe591; }
      .calendars-container .calendar table td.calendar-item.special-day.unit, .calendars-container .calendar table td.calendar-item.special-day.event {
        background: #ff6c60; }
        .calendars-container .calendar table td.calendar-item.special-day.unit a:hover, .calendars-container .calendar table td.calendar-item.special-day.event a:hover {
          background: #ffb3ad; }
  .calendars-container .calendar .calendar-header {
    font-size: 18px;
    font-weight: 300;
    padding: 6px 10px;
    text-align: center;
    background: #06ADEF;
    color: #ffffff; }

.special-days-controls {
  padding: 20px 0;
  text-align: center; }
  .special-days-controls .btn {
    vertical-align: middle;
    width: 150px; }
    @media (max-width: 767px) {
      .special-days-controls .btn {
        display: block;
        margin: 0 auto; } }
    .special-days-controls .btn.current-year {
      font-size: 21px; }

.week-schedule .slots-view li.day.expanded .timeslots {
  padding: 0 20px; }
  @media (max-width: 1024px) {
    .week-schedule .slots-view li.day.expanded .timeslots {
      width: calc(100% + 50%); } }
  @media (max-width: 767px) {
    .week-schedule .slots-view li.day.expanded .timeslots {
      width: calc(100% + 100%); } }
  @media (max-width: 575px) {
    .week-schedule .slots-view li.day.expanded .timeslots {
      width: calc(100% + 300%); } }
  .week-schedule .slots-view li.day.expanded .timeslots .hour-row {
    display: flex; }
    .week-schedule .slots-view li.day.expanded .timeslots .hour-row .time-select-div {
      width: 100%;
      max-width: inherit; }
    .week-schedule .slots-view li.day.expanded .timeslots .hour-row .row-actions .fa {
      width: 30px; }

.week-schedule.slots .slots-view {
  overflow: auto;
  white-space: nowrap; }

.border-head h3 {
  border-bottom: 1px solid #c9cdd7;
  display: inline-block;
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 20px;
  margin-top: 0;
  padding-bottom: 5px;
  width: 100%; }

.popover div:first-letter {
  text-transform: uppercase; }

.work-day-name {
  font-weight: bold; }

.work-day-error {
  margin-left: 15px; }

.templates-page {
  padding: 15px; }
  .templates-page .field-container:last-of-type {
    margin-bottom: 0; }
  @media (min-width: 767px) {
    .templates-page .default_phone .iti__dropdown-content {
      max-width: 290px; } }
  .templates-page .default_phone .iti__country-list {
    max-width: 290px; }
  .templates-page .phone-group {
    background-color: #f3fbfe;
    border: 1px solid rgba(6, 173, 239, 0.3);
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: -1px;
    border-radius: 4px 4px 0 0; }
    .templates-page .phone-group.has-info .alert {
      margin-bottom: 0; }
    .templates-page .phone-group + .phone-group {
      margin-bottom: 10px;
      border-top: none;
      border-radius: 0 0 4px 4px; }
  @media (max-width: 575px) {
    .templates-page .textarea-container {
      margin-bottom: 15px; }
      .templates-page .textarea-container:last-child {
        margin-bottom: 0; } }
  .templates-page .textarea-container input {
    margin-bottom: 15px; }
  .templates-page .textarea-container textarea {
    min-height: 200px; }
    .templates-page .textarea-container textarea.equal-height {
      min-height: 248px; }
      @media (max-width: 575px) {
        .templates-page .textarea-container textarea.equal-height {
          min-height: inherit; } }
  .templates-page .notifications-settings {
    margin-top: 10px;
    margin-bottom: 10px; }
    .templates-page .notifications-settings .notification-element {
      text-align: center; }
    .templates-page .notifications-settings .field {
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      flex-direction: column;
      gap: 6px; }
      .templates-page .notifications-settings .field select {
        width: inherit;
        margin: 0 auto; }
      .templates-page .notifications-settings .field .edit-template {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        color: #06ADEF;
        font-size: 12px; }
        .templates-page .notifications-settings .field .edit-template:hover, .templates-page .notifications-settings .field .edit-template:focus {
          color: #0B3052; }
  @media (min-width: 979px) {
    .templates-page .template-vars-container {
      /*position: fixed;*/
      right: 0; } }
  @media (max-width: 575px) {
    .templates-page .template-vars-container {
      position: fixed;
      top: 100px;
      width: 110%;
      margin: 0 -5%; }
      .templates-page .template-vars-container .panel-body {
        display: none; }
        .templates-page .template-vars-container .panel-body.expanded {
          display: block; }
      .templates-page .template-vars-container .panel-heading {
        cursor: pointer; } }
  .templates-page .notification {
    color: #FF3259; }
  .templates-page .template-vars-container {
    position: static;
    max-height: none !important; }
  .templates-page .templates .textarea-container.right-container {
    padding-left: 3%; }
  .templates-page .templates .textarea-container.right-container {
    width: 38%; }
  .templates-page .templates .textarea-container.left-container {
    width: 58%; }
  .templates-page .templates .textarea-container {
    float: left; }
  .templates-page .templates .textarea-container textarea {
    width: 100%;
    height: 107px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 5px; }
  .templates-page .templates .textarea-container textarea.email_textarea {
    height: 80px;
    margin-top: 15px; }
  @media (min-width: 1200px) {
    .templates-page .template-variables {
      position: sticky;
      top: 80px;
      display: flex;
      flex-direction: column;
      max-height: calc(88vh - 20px);
      background: #F1F6FF;
      border-radius: 5px;
      padding: 20px;
      overflow: hidden; }
      .templates-page .template-variables #plugin_event_fields_div {
        border: none;
        outline: none !important;
        flex: 1 1 auto;
        padding-left: 16px;
        padding-right: 16px;
        margin-left: -16px;
        margin-right: -16px;
        overflow: auto;
        scrollbar-width: thin;
        scrollbar-color: #788291 #ABBCCC; }
        .templates-page .template-variables #plugin_event_fields_div::-webkit-scrollbar {
          width: 8px;
          height: 8px; }
          .templates-page .template-variables #plugin_event_fields_div::-webkit-scrollbar-track {
            background-clip: content-box;
            border: 2px solid transparent; }
          .templates-page .template-variables #plugin_event_fields_div::-webkit-scrollbar-thumb {
            background-color: #788291; }
            .templates-page .template-variables #plugin_event_fields_div::-webkit-scrollbar-thumb:hover {
              background-color: #6c7583; }
          .templates-page .template-variables #plugin_event_fields_div::-webkit-scrollbar-corner, .templates-page .template-variables #plugin_event_fields_div::-webkit-scrollbar-track {
            background-color: #ABBCCC; } }
  .templates-page .ncb .section__cover-content {
    padding: 16px; }
  .templates-page .ncb-grid {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px 16px; }
    @media (max-width: 767px) {
      .templates-page .ncb-grid {
        flex-direction: column;
        align-items: flex-start; } }
    .templates-page .ncb-grid_item-caption {
      flex: 1; }
      @media (max-width: 767px) {
        .templates-page .ncb-grid_item-caption {
          margin-bottom: 5px; } }
    @media (max-width: 767px) {
      .templates-page .ncb-grid_item-content {
        width: 100%; } }
    @media (min-width: 1024px) {
      .templates-page .ncb-grid_item-content {
        padding-right: 1px; } }
    .templates-page .ncb-grid_item-content .list--ncb-data {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-wrap: wrap;
      gap: 12px 64px; }
      @media (max-width: 767px) {
        .templates-page .ncb-grid_item-content .list--ncb-data {
          justify-content: space-between; } }
      .templates-page .ncb-grid_item-content .list--ncb-data .list-item {
        margin: 0; }
        .templates-page .ncb-grid_item-content .list--ncb-data .list-item__info {
          font-weight: 600; }
    .templates-page .ncb-grid .divider {
      background: #ABBCCC;
      width: 100%;
      min-width: 1px;
      height: 1px;
      min-height: 1px; }
      @media (min-width: 900px) {
        .templates-page .ncb-grid .divider {
          width: 1px;
          min-width: 1px;
          min-height: 25px;
          height: 25px;
          margin-top: -1px;
          margin-bottom: -1px; } }
    @media (max-width: 900px) {
      .templates-page .ncb-grid .btn-bar {
        width: 100%; } }
    .templates-page .ncb-grid .btn-bar__row {
      justify-content: flex-end; }
      .templates-page .ncb-grid .btn-bar__row .btn {
        margin-top: -4px;
        margin-bottom: -4px; }
  .templates-page .notification-table__scroll-block {
    position: relative;
    width: 100%;
    overflow: auto;
    padding-bottom: 8px;
    scrollbar-width: thin;
    scrollbar-color: #788291 #ABBCCC; }
    .templates-page .notification-table__scroll-block::-webkit-scrollbar {
      width: 6px;
      height: 6px; }
      .templates-page .notification-table__scroll-block::-webkit-scrollbar-track {
        background-clip: content-box;
        border: 1.5px solid transparent; }
      .templates-page .notification-table__scroll-block::-webkit-scrollbar-thumb {
        background-color: #788291; }
        .templates-page .notification-table__scroll-block::-webkit-scrollbar-thumb:hover {
          background-color: #6c7583; }
      .templates-page .notification-table__scroll-block::-webkit-scrollbar-corner, .templates-page .notification-table__scroll-block::-webkit-scrollbar-track {
        background-color: #ABBCCC; }
    @media (max-width: 760px) {
      .templates-page .notification-table__scroll-block {
        overflow: scroll; } }
  .templates-page .notifications-settings {
    position: relative;
    overflow: hidden;
    min-width: 680px; }
    .templates-page .notifications-settings .notification-element.for-provider {
      position: relative; }
      .templates-page .notifications-settings .notification-element.for-provider:after {
        content: '';
        display: block;
        position: absolute;
        right: -1px;
        top: 0;
        width: 2px;
        background: #ABBCCC;
        height: 840px; }
  .templates-page .common-var_title {
    font-size: 14px;
    padding-top: 22px;
    margin-bottom: 6px; }
    .templates-page .common-var_title .pt-0 {
      padding-top: 0; }

.template-variables .template-variables__title {
  padding-bottom: 8px;
  border-bottom: 1px solid #E7ECF7;
  margin-bottom: 8px; }

.dark-mode .template-variables .template-variables__title {
  border-color: #555555; }

@media (min-width: 1200px) {
  .dark-mode .templates-page .template-variables {
    background: #282828; } }

.dark-mode .templates-page .templates .textarea-container textarea {
  border-color: #777777;
  scrollbar-width: thin;
  scrollbar-color: #788291 #ABBCCC; }
  .dark-mode .templates-page .templates .textarea-container textarea::-webkit-scrollbar {
    width: 10px;
    height: 10px; }
    .dark-mode .templates-page .templates .textarea-container textarea::-webkit-scrollbar-track {
      background-clip: content-box;
      border: 2.5px solid transparent; }
    .dark-mode .templates-page .templates .textarea-container textarea::-webkit-scrollbar-thumb {
      background-color: #788291; }
      .dark-mode .templates-page .templates .textarea-container textarea::-webkit-scrollbar-thumb:hover {
        background-color: #6c7583; }
    .dark-mode .templates-page .templates .textarea-container textarea::-webkit-scrollbar-corner, .dark-mode .templates-page .templates .textarea-container textarea::-webkit-scrollbar-track {
      background-color: #ABBCCC; }

.dark-mode .ncb-grid .divider {
  background: #555555; }

.dark-mode .notifications-settings .notification-element.for-provider:after {
  background: #303030; }

.dark-mode .personal-task.table-hover > tbody > tr:hover > td, .dark-mode .table-hover > tbody > tr:hover > th {
  background: #1a1a1a; }

.dashboard-report-page .custom-panel {
  position: relative;
  margin-bottom: 20px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }

.dashboard-report-page .help-info {
  position: absolute;
  top: 5px;
  right: 10px;
  background: #cccccc; }
  .dashboard-report-page .help-info .fa {
    color: #fff;
    font-size: 12px; }

.dashboard-report-page .panel {
  margin-bottom: 20px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  border: none;
  border-radius: 4px; }

/*--------------------------------

      Recent bookings table

  ----------------------------------*/
.recent-bookings {
  /*.row > div {
      border: 1px solid red;
  }*/ }
  @media (max-width: 767px) {
    .recent-bookings .progress-panel .custom-tabs {
      display: block;
      white-space: nowrap;
      overflow: auto;
      width: 100%; }
      .recent-bookings .progress-panel .custom-tabs li {
        display: inline-block; } }
  .recent-bookings .empty-list-div {
    text-align: center;
    padding: 40px 0 10px 0;
    font-size: 1.2em;
    color: #888888; }
  .recent-bookings .panel-body.progress-panel {
    background: #06acee;
    color: #ffffff; }
    .recent-bookings .panel-body.progress-panel h1 {
      color: #ffffff; }
  .recent-bookings .row, .recent-bookings .zend_form .form-group, .zend_form .recent-bookings .form-group, .recent-bookings .zend_form .element-container, .zend_form .recent-bookings .element-container, .recent-bookings .form-container .form-horizontal .form-group, .form-container .form-horizontal .recent-bookings .form-group, .recent-bookings .form-container .form-horizontal .element-container, .form-container .form-horizontal .recent-bookings .element-container, .recent-bookings #booking_tabs .form-group, #booking_tabs .recent-bookings .form-group, .recent-bookings #booking_tabs .element-container, #booking_tabs .recent-bookings .element-container {
    border-top: 1px solid transparent;
    border-bottom: 1px solid #eeeff1;
    padding: 10px 0; }
  .recent-bookings .row > div:first-child, .recent-bookings .zend_form .form-group > div:first-child, .zend_form .recent-bookings .form-group > div:first-child, .recent-bookings .zend_form .element-container > div:first-child, .zend_form .recent-bookings .element-container > div:first-child, .recent-bookings .form-container .form-horizontal .form-group > div:first-child, .form-container .form-horizontal .recent-bookings .form-group > div:first-child, .recent-bookings .form-container .form-horizontal .element-container > div:first-child, .form-container .form-horizontal .recent-bookings .element-container > div:first-child, .recent-bookings #booking_tabs .form-group > div:first-child, #booking_tabs .recent-bookings .form-group > div:first-child, .recent-bookings #booking_tabs .element-container > div:first-child, #booking_tabs .recent-bookings .element-container > div:first-child {
    padding-left: 30px; }
  @media (max-width: 767px) {
    .recent-bookings .row > div:nth-child(2), .recent-bookings .zend_form .form-group > div:nth-child(2), .zend_form .recent-bookings .form-group > div:nth-child(2), .recent-bookings .zend_form .element-container > div:nth-child(2), .zend_form .recent-bookings .element-container > div:nth-child(2), .recent-bookings .form-container .form-horizontal .form-group > div:nth-child(2), .form-container .form-horizontal .recent-bookings .form-group > div:nth-child(2), .recent-bookings .form-container .form-horizontal .element-container > div:nth-child(2), .form-container .form-horizontal .recent-bookings .element-container > div:nth-child(2), .recent-bookings #booking_tabs .form-group > div:nth-child(2), #booking_tabs .recent-bookings .form-group > div:nth-child(2), .recent-bookings #booking_tabs .element-container > div:nth-child(2), #booking_tabs .recent-bookings .element-container > div:nth-child(2) {
      padding-left: 30px; } }
  .recent-bookings .date-time {
    color: #41cac0; }
    @media (max-width: 767px) {
      .recent-bookings .date-time {
        padding-bottom: 15px; } }
    .recent-bookings .date-time .date,
    .recent-bookings .date-time .time {
      font-size: 1.3em; }
    .recent-bookings .date-time .time {
      margin-left: 10px; }
    .recent-bookings .date-time .record-date-time {
      margin-top: 5px;
      color: #999999; }
      .recent-bookings .date-time .record-date-time i {
        margin-right: 5px; }
  .recent-bookings .client {
    color: #9f9f9f; }
    .recent-bookings .client .image,
    .recent-bookings .client .name {
      display: inline-block;
      vertical-align: middle; }
    .recent-bookings .client .image {
      border-radius: 50%;
      height: 50px;
      width: 50px;
      overflow: hidden; }
      .recent-bookings .client .image.empty {
        background: #eeeeee;
        box-sizing: border-box;
        padding: 10px;
        position: relative; }
        .recent-bookings .client .image.empty:before {
          display: inline-block;
          content: "";
          font-family: 'Font Awesome 5 Pro';
          font-weight: 300;
          font-style: normal;
          text-decoration: inherit;
          font-size: inherit;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          text-align: center;
          font-size: 22px;
          color: #777;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          line-height: 49px; }
    .recent-bookings .client .name {
      margin-left: 10px; }
    @media (max-width: 767px) {
      .recent-bookings .client .image {
        display: none; } }
  .recent-bookings .service {
    font-size: 1.15em;
    color: #535353; }
  .recent-bookings .comment {
    margin-top: 3px;
    color: #acacac; }
  .recent-bookings .actions a {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-left: 3px;
    margin-bottom: 3px;
    padding: 7px; }
  .recent-bookings .actions a i,
  .recent-bookings .actions tr:hover a i {
    color: #ffffff;
    font-size: 1.3em; }
  .recent-bookings .actions .btn {
    background-image: none;
    border: 1px solid #06acee;
    background: #06acee;
    font-size: 1.2em; }
    .recent-bookings .actions .btn:hover {
      border: 1px solid #0593cb;
      background: #0593cb; }
  .recent-bookings .actions .contact-client {
    background: #41cac0; }
  .recent-bookings .bottom-buttons {
    padding: 15px;
    text-align: right; }
    .recent-bookings .bottom-buttons a {
      text-decoration: underline; }

/*--  /.recent-bookings ---*/
/*--------------------------------

      Recent Feedbacks

  ----------------------------------*/
.recent-feedbacks {
  /* -- /.feedback   --*/ }
  .recent-feedbacks .feedback {
    display: none;
    /*-- feddback-container --*/ }
    .recent-feedbacks .feedback .client-container .client {
      padding: 30px 0;
      vertical-align: top; }
      .recent-feedbacks .feedback .client-container .client .image img,
      .recent-feedbacks .feedback .client-container .client .image .empty-image-div {
        width: 80px;
        border-radius: 40px;
        margin: auto; }
      .recent-feedbacks .feedback .client-container .client .image .empty-image-div {
        height: 80px;
        background: #eeeeee;
        position: relative; }
        .recent-feedbacks .feedback .client-container .client .image .empty-image-div:before {
          display: inline-block;
          content: "";
          font-family: 'Font Awesome 5 Pro';
          font-weight: 300;
          font-style: normal;
          text-decoration: inherit;
          font-size: inherit;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          text-align: center;
          font-size: 38px;
          color: #777;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          line-height: 79px; }
      .recent-feedbacks .feedback .client-container .client .name {
        font-size: 1.3em;
        line-height: 1.4em;
        margin-top: 15px; }
    .recent-feedbacks .feedback .feedback-container {
      border-radius: 0 4px 4px 0;
      position: relative;
      padding-left: 50px;
      padding-right: 50px;
      /*-- panel-body --*/ }
      .recent-feedbacks .feedback .feedback-container .prev,
      .recent-feedbacks .feedback .feedback-container .next {
        position: absolute;
        padding: 20px;
        margin: auto;
        top: calc(50% - 30px);
        font-size: 50px;
        color: #ffffff;
        cursor: pointer; }
      .recent-feedbacks .feedback .feedback-container .prev {
        left: 0; }
      .recent-feedbacks .feedback .feedback-container .next {
        right: 0; }
      .recent-feedbacks .feedback .feedback-container .panel-body .date {
        color: #ffffff;
        text-align: center;
        font-size: 1.2em;
        margin: 10px 0; }
      .recent-feedbacks .feedback .feedback-container .panel-body h2 {
        padding-left: 30px;
        padding-right: 30px; }
      .recent-feedbacks .feedback .feedback-container .panel-body .title {
        margin-bottom: 10px;
        font-weight: 600; }
      @media (min-width: 979px) {
        .recent-feedbacks .feedback .feedback-container {
          height: 230px; }
        .recent-feedbacks .feedback .feedback-container .panel-body {
          max-height: 230px;
          overflow: auto; } }
      @media (max-width: 767px) {
        .recent-feedbacks .feedback .feedback-container {
          border-bottom: 1px solid #cccccc;
          border-right: 1px solid #cccccc;
          border-top: 1px solid #ffffff;
          border-left: 1px solid #ffffff;
          border-radius: 0;
          padding: 40px 15px 0 15px; }
          .recent-feedbacks .feedback .feedback-container .prev,
          .recent-feedbacks .feedback .feedback-container .next {
            top: 0;
            padding: 0 20px; }
          .recent-feedbacks .feedback .feedback-container .panel-body h2,
          .recent-feedbacks .feedback .feedback-container .panel-body .text {
            padding: 10px 0 0 0; } }
  .recent-feedbacks .feedback.active {
    display: flex; }
  .recent-feedbacks .feedback:first-child .prev,
  .recent-feedbacks .feedback:last-child .next {
    display: none; }

/*--- /.recent-feedbacks  ---*/
/*--------------------------------

      Active plugins

  ----------------------------------*/
.active-plugins {
  padding: 15px 50px;
  position: relative; }
  .active-plugins .prev,
  .active-plugins .next {
    position: absolute;
    top: 10%;
    font-size: 50px;
    color: #cccccc;
    padding: 20px;
    cursor: pointer; }
  .active-plugins .prev {
    left: 10px; }
  .active-plugins .next {
    right: 10px; }
  .active-plugins .plugin {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    width: 190px;
    height: 100%;
    overflow: hidden;
    text-align: center;
    border-radius: 5px;
    border: 1px solid transparent;
    cursor: pointer;
    background: #eeeeee; }
    .active-plugins .plugin:hover {
      text-decoration: none; }
    .active-plugins .plugin.inactive {
      filter: grayscale(60%);
      -webkit-filter: grayscale(60%);
      background: #fafafa; }
    .active-plugins .plugin.inactive:hover {
      filter: grayscale(0%);
      -webkit-filter: grayscale(0%);
      background: #eeeeee; }
    .active-plugins .plugin .image img {
      width: 74px; }
    .active-plugins .plugin .plugin-name {
      margin-top: 10px;
      font-size: 1.1em;
      font-style: italic;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .active-plugins .plugin .action {
      visibility: hidden;
      border: 1px solid transparent; }
    .active-plugins .plugin.active .action.view {
      font-size: 1.4em;
      padding: 10px;
      position: absolute;
      top: 0;
      right: 0;
      color: #06acee; }
    .active-plugins .plugin.inactive .action.activate {
      margin-top: -20px;
      color: #26dd7d; }
    .active-plugins .plugin.active:hover .action.view,
    .active-plugins .plugin.inactive:hover .action.activate {
      visibility: visible; }
    .active-plugins .plugin:hover .action:hover {
      background: none;
      border: 1px solid #eeeeee; }

/***********************************

		Badges

***********************************/
/*--------- End of badges --------*/
/***********************************

		Dashboard

***********************************/
/*---- State overview ---*/
.state-overview .symbol,
.state-overview .value {
  display: inline-block;
  text-align: center; }

.state-overview .value {
  float: right; }

.state-overview .value h1,
.state-overview .value p,
.state-overview .value p a {
  margin: 0;
  padding: 0;
  color: #c6cad6; }

.state-overview .value h1 {
  font-weight: 300; }

.state-overview .symbol i {
  color: #fff;
  font-size: 50px; }

.state-overview .symbol {
  width: 40%;
  padding: 25px 15px;
  -webkit-border-radius: 4px 0px 0px 4px;
  border-radius: 4px 0px 0px 4px; }

.state-overview .value {
  width: 58%;
  padding-top: 21px; }

.state-overview .terques {
  background: #6ccac9; }

.state-overview .red {
  background: #ff6c60; }

.state-overview .yellow {
  background: #f8d347; }

.state-overview .blue {
  background: #06acee; }

/*------   Best performer -----------*/
.task-thumb {
  width: 90px;
  float: left;
  margin-bottom: 5px; }

.task-thumb img {
  border-radius: 4px;
  -webkit-border-radius: 4px; }

.task-thumb-details {
  display: inline-block;
  margin: 25px 0 0 10px; }

.task-progress {
  float: left; }

.task-thumb-details h1,
.task-thumb-details h1 a,
.task-progress h1,
.task-progress h1 a {
  color: #39b5aa;
  font-size: 18px;
  margin: 0;
  padding: 0;
  font-weight: 400; }

.personal-task.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f7f8fc; }

.task-option {
  float: right; }

.task-option select {
  height: 35px;
  border: 1px solid #eaeaea;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 8px;
  color: #a4abbb; }

.progress-panel {
  padding-bottom: 5px; }

/*---revenue----*/
.revenue-head {
  background: #ff6c60;
  -webkit-border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;
  color: #fff;
  line-height: 51px; }

.revenue-head span {
  background: #e56155;
  padding: 16px;
  -webkit-border-radius: 4px 0px 0px 0px;
  border-radius: 4px 0px 0px 0px; }

.revenue-head span i {
  font-size: 18px; }

.revenue-head h3 {
  display: inline;
  padding: 0 10px;
  font-size: 16px;
  font-weight: 300; }

.revenue-head span.rev-combo {
  background: #e56155;
  padding: 16px;
  line-height: normal;
  -webkit-border-radius: 0px 4px 0px 0px;
  border-radius: 0px 4px 0px 0px; }

/*easy pie chart*/
.easy-pie-chart {
  display: inline-block;
  padding: 5px 0; }

.chart-info,
.chart-info .increase,
.chart-info .decrease {
  display: inline-block; }

.chart-info {
  width: 100%;
  margin-bottom: 5px; }

.chart-position {
  margin-top: 20px; }

.chart-info span {
  margin: 0 3px; }

.chart-info .increase {
  background: #ff6c60;
  width: 10px;
  height: 10px; }

.chart-info .decrease {
  background: #f2f2f2;
  width: 10px;
  height: 10px; }

.panel-footer.revenue-foot {
  background-color: #fff;
  -webkit-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
  border: none;
  padding: 0;
  width: 100%;
  display: inline-block; }

.panel-footer.revenue-foot ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: inline-flex; }

.panel-footer.revenue-foot ul li {
  float: left;
  width: 50%;
  margin-bottom: 0; }

.panel-footer.revenue-foot ul li.first a:hover,
.panel-footer.revenue-foot ul li.first-child a {
  /*-webkit-border-radius: 0px 0px 0px 4px;*/
  border-radius: 0px 0px 0px 4px; }

.panel-footer.revenue-foot ul li.last a:hover,
.panel-footer.revenue-foot ul li:last-child a {
  -webkit-border-radius: 0px 0px 4px 0px;
  border-radius: 0px 0px 4px 0px;
  border: none; }

.panel-footer.revenue-foot ul li a {
  display: inline-block;
  width: 100%;
  padding: 14px 15px;
  text-align: center;
  border-top: none;
  border-left: none;
  border-bottom: none;
  border-right: 1px solid #d5d8df;
  color: #797979; }
  .panel-footer.revenue-foot ul li a:hover {
    text-decoration: none;
    background-color: #f9f9f9; }
  .panel-footer.revenue-foot ul li a.active {
    background-color: #f9f9f9; }

.panel-footer.revenue-foot ul li a:hover,
.panel-footer.revenue-foot ul li.active a {
  position: relative; }

.panel-footer.revenue-foot ul li a i {
  color: #c6cad5;
  display: block;
  font-size: 16px; }

.panel-footer.revenue-foot ul li a:hover i,
.panel-footer.revenue-foot ul li.active a i {
  color: #ff6c60;
  display: block;
  font-size: 16px; }

/*---- WOW news (pro in their theme)  ---*/
.post-wrap aside {
  display: table-cell;
  float: none;
  height: 100%;
  padding: 0;
  vertical-align: top; }

.pro-box {
  border-collapse: collapse;
  border-spacing: 0;
  display: table;
  table-layout: fixed;
  width: 100%; }

.post-info {
  position: relative; }

.arrow-pro.right:after {
  border-left-color: #ffffff;
  border-right-width: 0;
  top: 85px;
  content: " "; }

.arrow-pro.left:after {
  border-right-color: #ffffff;
  border-left-width: 0;
  top: 80px;
  content: " "; }

.arrow-pro.left {
  left: -8px; }

.arrow-pro:after {
  border-width: 7px;
  content: ""; }

.arrow-pro,
.arrow-pro:after {
  border-color: rgba(0, 0, 0, 0);
  border-style: solid;
  display: block;
  height: 0;
  position: absolute;
  width: 0;
  right: -5px; }

.post-highlight.yellow {
  background: #f8d347;
  border-radius: 0px 4px 4px 0px;
  -webkit-border-radius: 0px 4px 4px 0px; }

.post-highlight.terques {
  background: #41cac0;
  border-radius: 4px 0px 0px 04px;
  -webkit-border-radius: 4px 0px 0px 04px; }

.post-info h1 {
  margin: 0;
  font-size: 18px;
  color: #a19899;
  font-weight: 300; }

.post-highlight.terques h2 {
  font-size: 16px;
  color: #fff;
  font-style: italic;
  padding: 0 20px;
  line-height: 22px;
  margin: 0;
  font-weight: 300; }

.post-highlight.terques h2 span,
.post-highlight.terques h2 a {
  color: #92faf3; }

.post-info h1 strong {
  text-transform: uppercase;
  color: #937b7b; }

.post-info .desk {
  display: inline-block; }

.post-info .desk h3 {
  font-size: 16px; }

.post-info .desk.yellow h3 {
  color: #f8d347; }

.post-btn a {
  float: left;
  margin-right: 8px;
  font-size: 18px;
  color: #9a9a9a; }

.post-btn a:hover {
  color: #727272; }

.pro-thumb {
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 10px solid rgba(255, 255, 255, 0.4); }

.pro-thumb img {
  text-align: center;
  width: 112px;
  height: 112px;
  border-radius: 50%;
  -webkit-border-radius: 50%; }

/*----- Recent feedback (weather-bg in their theme ) ----- */
.weather-bg {
  background: #8175c7;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 300; }

.weather-bg i {
  font-size: 60px;
  display: block; }

.weather-bg .degree {
  font-size: 60px; }

.weather-category {
  padding: 15px 0;
  color: #74829c; }

.weather-category ul {
  padding: 0;
  margin: 0;
  display: inline-block;
  width: 100%; }

.weather-category ul li {
  display: inline-block;
  width: 32%;
  text-align: center;
  border-right: 1px solid #e6e6e6;
  display: inline-block; }

.weather-category ul li h5 {
  margin: 0 0 5px 0;
  font-weight: 300; }

.weather-category ul li:last-child {
  border-right: none; }

/*------- Tariff info  ----*/
.flat-carousal {
  background: #06acee;
  -webkit-border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;
  padding: 10px;
  color: #fff;
  position: relative; }

.flat-carousal h1,
.flat-carousal .item .expire {
  text-align: center;
  font-size: 17px;
  line-height: 20px;
  font-weight: 300;
  font-style: italic;
  margin: 20px; }

.flat-carousal h1 {
  margin: 20px;
  font-size: 21px; }

a.view-all {
  color: #fff;
  background: rgba(0, 0, 0, 0.1);
  padding: 8px 15px;
  text-align: center;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  margin-bottom: 18px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px; }

ul.ft-link {
  margin: 0;
  padding: 0; }

ul.ft-link li {
  border-right: 1px solid #e6e7ec;
  display: inline-block;
  line-height: 30px;
  margin: 8px 0;
  text-align: center;
  width: 24%; }

ul.ft-link li a {
  color: #74829c;
  text-transform: uppercase;
  font-size: 12px; }
  ul.ft-link li a:hover {
    text-decoration: none; }

ul.ft-link li a .fa {
  color: #06acee; }

ul.ft-link li:last-child {
  border-right: none; }

ul.ft-link li a i {
  display: block; }

/*--------- End of dashboard... --------*/
/***********************************



***********************************/
/*--------- End of ... --------*/
/***********************************



***********************************/
/*----------Data tables-------------------*/
div.dataTables_length label {
  float: left;
  text-align: left; }

div.dataTables_length select {
  width: 75px; }

div.dataTables_filter label {
  float: right; }

div.dataTables_info {
  padding-top: 8px; }

div.dataTables_paginate {
  float: right;
  margin: 10px 0 0; }
  @media (max-width: 767px) {
    div.dataTables_paginate {
      float: none; } }

table.table {
  clear: both; }

table.table thead .sorting,
table.table thead .sorting_asc,
table.table thead .sorting_desc,
table.table thead .sorting_asc_disabled,
table.table thead .sorting_desc_disabled {
  cursor: pointer;
  *cursor: hand; }

table.table thead .sorting {
  background: url("images/sort_both.png") no-repeat center right; }

table.table thead .sorting_asc {
  background: url("images/sort_asc.png") no-repeat center right; }

table.table thead .sorting_desc {
  background: url("images/sort_desc.png") no-repeat center right; }

table.table thead .sorting_asc_disabled {
  background: url("images/sort_asc_disabled.png") no-repeat center right; }

table.table thead .sorting_desc_disabled {
  background: url("images/sort_desc_disabled.png") no-repeat center right; }

table.dataTable th:active {
  outline: none; }

/* Scrolling */
div.dataTables_scrollHead table {
  margin-bottom: 0 !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

div.dataTables_scrollHead table thead tr:last-child th:first-child,
div.dataTables_scrollHead table thead tr:last-child td:first-child {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

div.dataTables_scrollBody table {
  border-top: none;
  margin-bottom: 0 !important; }

div.dataTables_scrollBody tbody tr:first-child th,
div.dataTables_scrollBody tbody tr:first-child td {
  border-top: none; }

div.dataTables_scrollFoot table {
  border-top: none; }

.dataTables_length select {
  width: 65px;
  padding: 5px 8px; }

.dataTables_length label,
.dataTables_filter label {
  font-weight: 300;
  margin: 0; }

.dataTables_filter label {
  width: 100%; }

.table tbody tr.active td,
.table tbody tr.active th {
  background-color: #08c;
  color: white; }

.table tbody tr.active:hover td,
.table tbody tr.active:hover th {
  background-color: #0075b0 !important; }

/* --------------- END Data tables ---------------*/
.border-head h3 {
  border-bottom: 1px solid #c9cdd7;
  display: inline-block;
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 20px;
  margin-top: 0;
  padding-bottom: 5px;
  width: 100%; }

/*404 page*/
.body-404 {
  background: #18d4cb;
  color: #fff; }

.error-wrapper {
  text-align: center;
  margin-top: 10%; }

.error-wrapper .icon-404 {
  background: url("/v2/images/404_icon.png") no-repeat;
  width: 289px;
  height: 274px;
  display: inline-block;
  margin-left: 30px; }

.error-wrapper h1 {
  font-size: 90px;
  font-weight: 300;
  margin: -50px 0 0 0; }

.error-wrapper h2 {
  font-size: 20px;
  font-weight: 300;
  margin: 0 0 30px 0; }

.error-wrapper p,
.error-wrapper p a {
  font-size: 18px;
  font-weight: 300; }

.error-wrapper p.page-404 {
  color: #7dfff7; }

.error-wrapper p.page-404 a,
.error-wrapper p.page-500 a,
.error-wrapper p.page-404 a:hover,
.error-wrapper p.page-500 a:hover {
  color: #fff; }

/*500 page*/
.body-500 {
  background: #8075c6;
  color: #fff; }

.error-wrapper p.page-500 {
  color: #afa5f1; }

.error-wrapper .icon-500 {
  background: url("/v2/images/500_icon.png") no-repeat;
  width: 289px;
  height: 274px;
  display: inline-block;
  margin-left: 55px; }

/*checkbox & radio style*/
.checkboxes label,
.radios label {
  display: block;
  cursor: pointer;
  line-height: 20px;
  padding-bottom: 7px;
  font-weight: 300; }

.radios {
  padding-top: 18px; }

.label_check input,
.label_radio input {
  margin-right: 5px; }

.label_check,
.label_radio {
  padding-left: 34px; }

.label_radio {
  background: url(/v2/images/checkbox/radio-off.png) no-repeat; }

.label_check {
  background: url(/v2/images/checkbox/check-off.png) no-repeat; }

label.c_on {
  background: url(/v2/images/checkbox/check-on.png) no-repeat; }

label.r_on {
  background: url(/v2/images/checkbox/radio-on.png) no-repeat; }

.label_check input,
.label_radio input {
  position: absolute;
  left: -9999px; }

.blured {
  filter: blur(4px);
  -webkit-filter: blur(4px);
  /*filter: blur(4px) grayscale(50%);*/ }

.dashboard-report-page {
  padding: 15px;
  /*--------------------------------

      Blocks height/width fix

  ----------------------------------*/
  /*--------------------------------

      State overview

  ----------------------------------*/
  /*--------------------------------

      Charts

  ----------------------------------*/
  /*
  .dashboard-charts {
      .switcher {
          display: inline-block;
          margin-right: 7px;
          color: #bbbbbb;
          font-size: 1.2em;
          cursor: pointer;
          &:hover, &.active {
              color: darken(#bbbbbb, 30%);
          }
      }


      .main_chart {
          .buttons-panel {
              margin-bottom: 5px;
              @media (max-width: $mob) {
                  @include has-shadow-white;
              }

              #chart_pdf {
                  margin-right: 15px;
                  color: $color-red;
                  font-size: 1.4em;
                  background: #ffffff;
                  padding: 3px 8px;
                  position: relative;
                  top: -5px;
                  @media (max-width: $mob) {
                      top: 0;
                  }
              }
              #week_prev_next {
                  float: right;
                  @media (max-width: $mob) {
                      float: none;
                  }
              }

          }

          .main-charts-container {
              padding: 15px;
              position: relative;

              .title-switcher {
                  position: absolute;
                  top: 0;
                  right: 0;
                  z-index: 3;
                  .switcher {
                      font-size: 2em;
                      padding: 10px;
                  }
                  @media (max-width: $mob) {
                      position: relative;

                      .switcher {
                          display: inline-block;
                          margin-right: 10px;
                          font-size: 1.7em;
                      }
                  }
              }

          }
      }

      .min_chart {
          .charts {
              box-sizing: content-box;
              position: relative;
              padding: 5px;
              border-radius: 4px;
              margin-bottom: 15px;
              cursor: pointer;
          }
          .btn, .btn-group {
              display: none;
          }
          #chart_2 {
              background: #26dd7d;
          }
          #chart_3 {
              background: #41cac2;
          }
          #booking {
              background: $color-red;
          }
      }
      #graph_r {
          display: none;
      }

  }*/
  /*------------------------------------

      Best performer / Most popular servise

  --------------------------------------*/
  /*--- /.best-berformer-and-service-container  ---*/
  /*----------------------------------

      Wow message

  -----------------------------------*/
  /*--- /.wow-message  ---*/
  /*----------------------------------

      Page activity

  -----------------------------------*/
  /*--------------------------------

      Socials

  ----------------------------------*/
  /*--------------------------------

      Client activity

  ----------------------------------*/
  /*--------------------------------

      Tariff info

  ----------------------------------*/ }
  .dashboard-report-page .chart-cont {
    position: relative; }
  .dashboard-report-page .activate-plugin-link {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    padding: 10px 5px;
    top: -10px;
    left: 0px;
    border-radius: 3px;
    text-align: center;
    background: rgba(60, 60, 60, 0.4); }
    .dashboard-report-page .activate-plugin-link a {
      display: block;
      margin: auto;
      margin-top: 25%;
      color: #ffffff;
      font-size: 26px; }
    .dashboard-report-page .activate-plugin-link.small a {
      font-size: 18px; }
  .dashboard-report-page .border-box-block {
    box-sizing: border-box;
    display: block; }
  @media (min-width: 1366px) {
    .dashboard-report-page .recent-feedbacks,
    .dashboard-report-page .page-activity,
    .dashboard-report-page .socials {
      min-height: 210px; }
    .dashboard-report-page .wow-message,
    .dashboard-report-page .client-activity {
      min-height: 260px; }
    .dashboard-report-page .tariff-info,
    .dashboard-report-page .best-berformer-and-service-container {
      min-height: 360px;
      display: block; } }
  .dashboard-report-page .state-overview a {
    text-decoration: underline; }
  .dashboard-report-page .state-overview .amount.small {
    font-size: 1.9em; }
  .dashboard-report-page .state-overview .workload-state .symbol {
    position: relative; }
    .dashboard-report-page .state-overview .workload-state .symbol i {
      visibility: hidden; }
    .dashboard-report-page .state-overview .workload-state .symbol .css-pie-chart {
      position: absolute;
      top: calc(50% - 70px / 2);
      left: calc(50% - 70px / 2);
      width: 70px;
      height: 70px;
      color: transparent;
      text-align: center;
      border-radius: 50%;
      background: #b9ebe8;
      background-image: linear-gradient(to right, transparent 50%, #ffffff 0);
      /*animation-delay: -10s; set this by smarty depending on data */ }
      .dashboard-report-page .state-overview .workload-state .symbol .css-pie-chart::before {
        content: '';
        display: block;
        margin-left: 50%;
        height: 100%;
        border-radius: 0 100% 100% 0 / 50%;
        background-color: inherit;
        transform-origin: left;
        animation: spin 50s linear infinite, bg 100s step-end infinite;
        animation-play-state: paused;
        animation-delay: inherit; }

@keyframes spin {
  to {
    transform: rotate(0.5turn); } }

@keyframes bg {
  50% {
    background: #ffffff; } }
  .dashboard-report-page .best-berformer-and-service-container {
    font-size: 1.15em; }
    .dashboard-report-page .best-berformer-and-service-container .tab-content {
      margin-top: -20px;
      /*-- /.top-block --*/ }
      .dashboard-report-page .best-berformer-and-service-container .tab-content .top-block img {
        max-width: 80px;
        float: left;
        border-radius: 40px;
        margin: 10px; }
      .dashboard-report-page .best-berformer-and-service-container .tab-content .top-block img.inactive {
        display: none; }
      .dashboard-report-page .best-berformer-and-service-container .tab-content .top-block .task-thumb-details {
        display: inline-block;
        margin: 25px 0 10px 10px;
        max-width: 55%; }
        .dashboard-report-page .best-berformer-and-service-container .tab-content .top-block .task-thumb-details div {
          font-size: 0.9em;
          margin-top: 4px; }
  .dashboard-report-page .wow-message .post-info {
    padding: 25px; }
    .dashboard-report-page .wow-message .post-info h1 {
      font-size: 30px;
      color: #fbb426; }
    .dashboard-report-page .wow-message .post-info .text {
      margin-top: 20px;
      line-height: 1.5em;
      font-size: 1.6em;
      color: #888888; }
      .dashboard-report-page .wow-message .post-info .text span {
        font-size: 1.5em;
        color: #26dd7d;
        font-weight: 600; }
    @media (min-width: 979px) {
      .dashboard-report-page .wow-message .post-info {
        height: 230px; }
      .dashboard-report-page .wow-message .post-info .panel-body {
        max-height: 230px;
        overflow: auto; } }
  .dashboard-report-page .wow-message .post-highlight .pro-thumb {
    box-sizing: border-box;
    width: 125px;
    height: 125px;
    padding: 10px;
    line-height: 120px;
    background: #ffffff; }
    .dashboard-report-page .wow-message .post-highlight .pro-thumb i {
      font-size: 5em;
      color: #26dd7d; }
  @media (max-width: 767px) {
    .dashboard-report-page .wow-message .post-highlight {
      border-radius: 0 0 3px 3px; } }
  @media (min-width: 1366px) {
    .dashboard-report-page .wow-message .post-highlight .pro-thumb {
      margin: 55px 0; } }
  .dashboard-report-page .page-activity footer ul li {
    vertical-align: top; }
  .dashboard-report-page .page-activity footer h5 {
    font-size: 14px;
    line-height: 20px;
    padding: 5px 3px 3px 3px; }
  .dashboard-report-page .page-activity footer span {
    font-size: 20px;
    display: block;
    margin-top: -7px; }
  .dashboard-report-page .socials li {
    display: block;
    font-size: 24px;
    color: #cccccc;
    padding: 5px 15px;
    margin-bottom: 10px;
    text-align: center;
    height: 50%; }
    .dashboard-report-page .socials li:last-child {
      margin-bottom: 0; }
    .dashboard-report-page .socials li i {
      margin: 15px 0;
      font-size: 1.2em; }
    .dashboard-report-page .socials li .amount {
      padding-right: 5px; }
  .dashboard-report-page .client-activity .empty-message {
    font-size: 1.2em;
    margin-top: 30px;
    margin-bottom: 25px; }
  .dashboard-report-page .client-activity #percentage_bookings,
  .dashboard-report-page .client-activity #percentage_cancelations {
    margin: -25px -15px; }
  .dashboard-report-page .client-activity .row, .dashboard-report-page .client-activity .zend_form .form-group, .zend_form .dashboard-report-page .client-activity .form-group, .dashboard-report-page .client-activity .zend_form .element-container, .zend_form .dashboard-report-page .client-activity .element-container, .dashboard-report-page .client-activity .form-container .form-horizontal .form-group, .form-container .form-horizontal .dashboard-report-page .client-activity .form-group, .dashboard-report-page .client-activity .form-container .form-horizontal .element-container, .form-container .form-horizontal .dashboard-report-page .client-activity .element-container, .dashboard-report-page .client-activity #booking_tabs .form-group, #booking_tabs .dashboard-report-page .client-activity .form-group, .dashboard-report-page .client-activity #booking_tabs .element-container, #booking_tabs .dashboard-report-page .client-activity .element-container {
    display: none; }
  .dashboard-report-page .client-activity .row.active, .dashboard-report-page .client-activity .zend_form .active.form-group, .zend_form .dashboard-report-page .client-activity .active.form-group, .dashboard-report-page .client-activity .zend_form .active.element-container, .zend_form .dashboard-report-page .client-activity .active.element-container, .dashboard-report-page .client-activity .form-container .form-horizontal .active.form-group, .form-container .form-horizontal .dashboard-report-page .client-activity .active.form-group, .dashboard-report-page .client-activity .form-container .form-horizontal .active.element-container, .form-container .form-horizontal .dashboard-report-page .client-activity .active.element-container, .dashboard-report-page .client-activity #booking_tabs .active.form-group, #booking_tabs .dashboard-report-page .client-activity .active.form-group, .dashboard-report-page .client-activity #booking_tabs .active.element-container, #booking_tabs .dashboard-report-page .client-activity .active.element-container {
    display: block; }
  .dashboard-report-page .tariff-info .panel-body ul li {
    vertical-align: top; }
  .dashboard-report-page .tariff-info .panel-body ul li div span {
    margin-top: 10px;
    display: block; }
  .dashboard-report-page .tariff-info .panel-body ul li a > span {
    font-size: 2em; }
  .dashboard-report-page .tariff-info .panel-body ul li div i {
    font-size: 2.3em;
    display: block;
    margin: 14px 0; }
  @media (max-width: 767px) {
    .dashboard-report-page .tariff-info .panel-body ul li div i {
      display: none; }
    .dashboard-report-page .tariff-info .panel-body ul li div span {
      margin-left: 0; } }

/* GRAPHS */
.dashboard-charts {
  /* /.main-chart-block */
  /* /.side-chart */
  /* /. legend_filter */ }
  .dashboard-charts .main-chart-block {
    /* /.top-controls */
    /* /.chart-title  */ }
    .dashboard-charts .main-chart-block .chart_1 {
      width: 100%;
      height: 390px; }
      .dashboard-charts .main-chart-block .chart_1 svg {
        border-radius: 11px; }
    .dashboard-charts .main-chart-block .top-controls .switcher {
      display: inline-block;
      margin-right: 7px;
      font-size: 1.2em;
      cursor: pointer;
      border-radius: 3px;
      padding: 3px 6px; }
    .dashboard-charts .main-chart-block .top-controls .btn:hover .fa-sync {
      color: #fff; }
    .dashboard-charts .main-chart-block .top-controls .period-switcher .switcher {
      float: left; }
    .dashboard-charts .main-chart-block .top-controls .data-switcher,
    .dashboard-charts .main-chart-block .top-controls .chart_pdf.switcher {
      float: right; }
    .dashboard-charts .main-chart-block .top-controls .data-switcher {
      display: none; }
    .dashboard-charts .main-chart-block .top-controls .chart_pdf.switcher {
      margin-left: 15px;
      color: #FF3259; }
      @media (max-width: 767px) {
        .dashboard-charts .main-chart-block .top-controls .chart_pdf.switcher {
          display: none; } }
    @media (max-width: 767px) {
      .dashboard-charts .main-chart-block .top-controls .chart_pdf {
        display: none; }
      .dashboard-charts .main-chart-block .top-controls .data-switcher,
      .dashboard-charts .main-chart-block .top-controls .period-switcher {
        float: none;
        width: 100%;
        text-align: center; }
        .dashboard-charts .main-chart-block .top-controls .data-switcher .switcher,
        .dashboard-charts .main-chart-block .top-controls .period-switcher .switcher {
          float: none; }
      .dashboard-charts .main-chart-block .top-controls .period-switcher {
        margin-bottom: 12px; } }
    .dashboard-charts .main-chart-block .chart-title {
      text-align: center;
      padding: 12px 0 5px 0; }
      .dashboard-charts .main-chart-block .chart-title .switcher {
        font-size: 13px;
        display: inline-block; }
        .dashboard-charts .main-chart-block .chart-title .switcher:first-child {
          margin-right: 10px; }
        .dashboard-charts .main-chart-block .chart-title .switcher:hover:not(.active) {
          text-decoration: underline;
          cursor: pointer; }
        .dashboard-charts .main-chart-block .chart-title .switcher.active {
          font-size: 22px; }
  .dashboard-charts .side-chart {
    width: 100%;
    height: 230px;
    cursor: pointer; }
    .dashboard-charts .side-chart:first-child {
      margin-bottom: 15px; }
    .dashboard-charts .side-chart svg {
      border-radius: 3px;
      box-shadow: 1px 1px 1px #cccccc; }
  .dashboard-charts .legend_filter {
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #888888;
    border-radius: 4px;
    /* /.performers_legend */ }
    .dashboard-charts .legend_filter .alert-info .badge, .dashboard-charts .legend_filter .alert-info .label {
      margin-right: 5px;
      font-size: 17px;
      background: #31708f; }
      .dashboard-charts .legend_filter .alert-info .badge i, .dashboard-charts .legend_filter .alert-info .label i {
        color: #ffffff; }
    .dashboard-charts .legend_filter .btn.btn-secondary, .dashboard-charts .legend_filter .btn.btn-default {
      border: 1px solid #06ADEF;
      background-color: transparent;
      color: #06ADEF; }
      .dashboard-charts .legend_filter .btn.btn-secondary:hover, .dashboard-charts .legend_filter .btn.btn-default:hover {
        background-color: #06ADEF;
        color: #fff; }
        .dashboard-charts .legend_filter .btn.btn-secondary:hover .fa-sync, .dashboard-charts .legend_filter .btn.btn-default:hover .fa-sync {
          color: #fff; }
    .dashboard-charts .legend_filter .switcher {
      display: inline-block;
      margin-right: 7px;
      font-size: 1.2em;
      cursor: pointer;
      border-radius: 3px;
      padding: 3px 6px;
      font-size: 1rem; }
    .dashboard-charts .legend_filter .selection-switchers {
      float: left; }
    .dashboard-charts .legend_filter .sort-switchers {
      float: right; }
    .dashboard-charts .legend_filter .switcher .fa-sync {
      color: #06ADEF; }
    @media (max-width: 767px) {
      .dashboard-charts .legend_filter .selection-switchers,
      .dashboard-charts .legend_filter .sort-switchers {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 12px; } }
  @media (max-width: 767px) and (max-width: 767px) {
    .dashboard-charts .legend_filter .selection-switchers,
    .dashboard-charts .legend_filter .sort-switchers {
      flex-wrap: wrap; } }
    @media (max-width: 767px) {
        .dashboard-charts .legend_filter .selection-switchers .switcher,
        .dashboard-charts .legend_filter .sort-switchers .switcher {
          float: none; } }
    @media (max-width: 767px) and (max-width: 767px) {
      .dashboard-charts .legend_filter .selection-switchers .switcher,
      .dashboard-charts .legend_filter .sort-switchers .switcher {
        margin-bottom: 8px; } }
    .dashboard-charts .legend_filter .performers_legend {
      /* /.legend_name */ }
      .dashboard-charts .legend_filter .performers_legend .legend_name {
        color: #31708f;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        border-top: 1px solid transparent;
        border-bottom: 1px solid #eeeff1;
        padding: 10px;
        font-size: 1.1em;
        box-sizing: border-box;
        display: inline-block;
        width: 30%;
        margin-right: 3%; }
        @media (max-width: 767px) {
          .dashboard-charts .legend_filter .performers_legend .legend_name {
            width: 100%;
            margin-right: 0; } }
        .dashboard-charts .legend_filter .performers_legend .legend_name span {
          width: 15px;
          height: 15px;
          border-radius: 15px;
          margin-right: 7px;
          display: inline-block; }
        .dashboard-charts .legend_filter .performers_legend .legend_name.notactive, .dashboard-charts .legend_filter .performers_legend .legend_name.active:hover {
          -webkit-filter: grayscale(100%);
          -moz-filter: grayscale(100%);
          -ms-filter: grayscale(100%);
          -o-filter: grayscale(100%);
          filter: grayscale(100%);
          filter: gray;
          /* IE 6-9 */ }
        .dashboard-charts .legend_filter .performers_legend .legend_name.notactive:hover {
          -webkit-filter: grayscale(0%);
          -moz-filter: grayscale(0%);
          -ms-filter: grayscale(0%);
          -o-filter: grayscale(0%);
          filter: grayscale(0%); }

/* /.dashboard-charts  */
div.k-tooltip {
  text-align: left; }

.membership-payment-report {
  padding: 15px; }
  .membership-payment-report .combobox-container {
    text-transform: capitalize; }

#sms-report {
  padding: 15px; }

#settings-widget-page {
  padding: 15px; }
  #settings-widget-page .panel {
    margin-bottom: 15px; }
    @media (max-width: 767px) {
      #settings-widget-page .panel .img-thumbnail {
        margin-bottom: 15px; } }

.dark-mode .page--login {
  background-color: #1a1a1a; }

.dark-mode .login-logo--img {
  filter: invert(0.5) sepia(1) hue-rotate(180deg) saturate(0.6) brightness(1); }

.dark-mode .login-wrap .card, .dark-mode .login-wrap .panel {
  background: #282828;
  box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.5); }
  .dark-mode .login-wrap .card .card-header, .dark-mode .login-wrap .panel .card-header, .panel .dark-mode .login-wrap .card .panel-heading, .dark-mode .login-wrap .panel .panel-heading {
    color: #f9f9f9; }
  .dark-mode .login-wrap .card .card-body .zend_form label, .dark-mode .login-wrap .panel .card-body .zend_form label, .panel .dark-mode .login-wrap .card .panel-body .zend_form label, .dark-mode .login-wrap .panel .panel-body .zend_form label,
  .dark-mode .login-wrap .card .card-header .zend_form label,
  .dark-mode .login-wrap .panel .card-header .zend_form label,
  .panel .dark-mode .login-wrap .card .panel-heading .zend_form label,
  .dark-mode .login-wrap .panel .panel-heading .zend_form label {
    color: #bfbfbf; }

.dark-mode .login-wrap .login-via--title.p:before, .dark-mode .login-wrap .login-via--title.p:after {
  background: #555555; }

.dark-mode .login-wrap .forgot-login--popup-content {
  background: #1a1a1a;
  box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.5);
  border: 1px solid #303030; }

.dark-mode .login-wrap .forgot-login--popup-close-btn svg path {
  fill: #ff6666; }

.dark-mode .login-wrap .forgot-login--popup-body .p--info {
  color: #bcbcbc;
  background: #282828; }

.page--login {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 22px;
  background-color: #F1F6FF;
  padding: 22px 12px; }

.login-logo {
  margin-bottom: 40px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; }
  .login-logo--img {
    height: 38px; }
  @media (max-width: 767px) {
    .login-logo {
      margin-bottom: 22px; } }

.login-social-link {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px; }
  @media (max-width: 767px) {
    .login-social-link .btn {
      font-size: 0; }
      .login-social-link .btn .fa, .login-social-link .btn .fab, .login-social-link .btn .fas, .login-social-link .btn [class~='fas']:not(.fab), .login-social-link .btn .far, .login-social-link .btn [class~='far']:not(.fab) {
        font-size: 18px; } }

.login-wrap {
  width: 100%;
  max-width: 490px;
  margin: 12px auto; }
  .login-wrap .card, .login-wrap .panel {
    position: relative;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: rgba(255, 255, 255, 0.9);
    padding: 44px 36px;
    border-radius: 20px;
    box-shadow: 0px 0px 15px 0px rgba(11, 48, 82, 0.1); }
    @media (max-width: 575px) {
      .login-wrap .card, .login-wrap .panel {
        padding: 38px 22px; } }
    .login-wrap .card .card-header, .login-wrap .panel .card-header, .panel .login-wrap .card .panel-heading, .login-wrap .panel .panel-heading {
      font-family: "Mulish", sans-serif;
      font-weight: bold;
      font-size: 18px;
      text-align: center;
      margin-bottom: 22px; }
    .login-wrap .card .card-body, .login-wrap .panel .card-body, .login-wrap .card .panel .panel-body, .panel .login-wrap .card .panel-body, .login-wrap .panel .panel-body, .login-wrap .card .card-header, .login-wrap .panel .card-header, .panel .login-wrap .card .panel-heading, .login-wrap .panel .panel-heading {
      padding: 0 !important;
      background: transparent; }
      .login-wrap .card .card-body .zend_form, .login-wrap .panel .card-body .zend_form, .login-wrap .card .panel .panel-body .zend_form, .panel .login-wrap .card .panel-body .zend_form, .login-wrap .panel .panel-body .zend_form,
      .login-wrap .card .card-header .zend_form,
      .login-wrap .panel .card-header .zend_form,
      .panel .login-wrap .card .panel-heading .zend_form,
      .login-wrap .panel .panel-heading .zend_form {
        margin: 0;
        padding: 0; }
        .login-wrap .card .card-body .zend_form label, .login-wrap .panel .card-body .zend_form label, .login-wrap .card .panel .panel-body .zend_form label, .panel .login-wrap .card .panel-body .zend_form label, .login-wrap .panel .panel-body .zend_form label,
        .login-wrap .card .card-header .zend_form label,
        .login-wrap .panel .card-header .zend_form label,
        .panel .login-wrap .card .panel-heading .zend_form label,
        .login-wrap .panel .panel-heading .zend_form label {
          font-weight: normal;
          font-size: 14px;
          color: #788291;
          display: flex;
          align-items: baseline;
          gap: 4px 8px;
          margin-bottom: 4px; }
        .login-wrap .card .card-body .zend_form dd, .login-wrap .panel .card-body .zend_form dd, .login-wrap .card .panel .panel-body .zend_form dd, .panel .login-wrap .card .panel-body .zend_form dd, .login-wrap .panel .panel-body .zend_form dd,
        .login-wrap .card .card-header .zend_form dd,
        .login-wrap .panel .card-header .zend_form dd,
        .panel .login-wrap .card .panel-heading .zend_form dd,
        .login-wrap .panel .panel-heading .zend_form dd {
          margin-bottom: 1rem; }
        .login-wrap .card .card-body .zend_form #send-element, .login-wrap .panel .card-body .zend_form #send-element, .panel .login-wrap .card .panel-body .zend_form #send-element, .login-wrap .panel .panel-body .zend_form #send-element,
        .login-wrap .card .card-header .zend_form #send-element,
        .login-wrap .panel .card-header .zend_form #send-element,
        .panel .login-wrap .card .panel-heading .zend_form #send-element,
        .login-wrap .panel .panel-heading .zend_form #send-element {
          margin: 0;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap;
          gap: 8px; }
  .login-wrap .form-qr--picture-wrapper {
    display: none;
    text-align: center;
    margin: 30px 0 15px; }
    @media (min-width: 1100px) {
      .login-wrap .form-qr--picture-wrapper {
        display: block; } }
    .login-wrap .form-qr--picture-wrapper img {
      width: auto;
      max-height: 150px; }
  .login-wrap.gdpr-migration {
    max-width: 650px; }
    @media (max-width: 1024px) {
      .login-wrap.gdpr-migration {
        max-width: 500px; } }
    @media (max-width: 767px) {
      .login-wrap.gdpr-migration {
        max-width: 100%; } }
    .login-wrap.gdpr-migration .title {
      font-size: 18px;
      font-weight: 800;
      margin-bottom: 35px;
      font-family: "Open Sans", sans-serif;
      text-align: center; }
      @media (max-width: 767px) {
        .login-wrap.gdpr-migration .title {
          margin-bottom: 15px; } }
    .login-wrap.gdpr-migration .text {
      margin: 55px 0; }
      @media (max-width: 767px) {
        .login-wrap.gdpr-migration .text {
          margin: 20px 0; } }
    .login-wrap.gdpr-migration .login-form-wrap {
      padding: 60px; }
      @media (max-width: 767px) {
        .login-wrap.gdpr-migration .login-form-wrap {
          padding: 15px 30px; } }
      .login-wrap.gdpr-migration .login-form-wrap img {
        display: block;
        margin: 0 auto; }
  .login-wrap .small-text {
    font-size: 13px; }
  .login-wrap .login-btn {
    padding-left: 35px;
    padding-right: 35px; }
  .login-wrap .btn-bar--login {
    margin: 20px 0; }
    .login-wrap .btn-bar--login .btn {
      justify-content: center;
      text-align: center;
      min-width: 180px; }
  .login-wrap .login-form-wrap {
    padding: 25px 60px; }
    @media (max-width: 767px) {
      .login-wrap .login-form-wrap {
        padding: 5px 8px; } }
    .login-wrap .login-form-wrap #code-label label {
      font-weight: 400; }
    .login-wrap .login-form-wrap #send-element {
      text-align: center; }
    .login-wrap .login-form-wrap input#code {
      margin: 15px 0 5px 0; }
    .login-wrap .login-form-wrap input#send {
      padding-left: 40px;
      padding-right: 45px; }
  .login-wrap .close {
    display: none; }
  .login-wrap .login-bottom .new-account-link {
    font-size: 13px; }
    .login-wrap .login-bottom .new-account-link .fa {
      font-size: 16px;
      margin-left: 5px; }
  .login-wrap .login-via {
    text-align: center; }
    .login-wrap .login-via--title.p {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 14px; }
      .login-wrap .login-via--title.p:before, .login-wrap .login-via--title.p:after {
        display: block;
        content: '';
        height: 1px;
        background: #E7ECF7;
        flex: 1;
        min-width: 25px; }
      .login-wrap .login-via--title.p.custom-p {
        margin-bottom: 18px;
        width: calc(100% + 36px);
        margin-left: -18px; }
        @media (min-width: 576px) {
          .login-wrap .login-via--title.p.custom-p {
            width: calc(100% + 74px);
            margin-left: -36px; } }
    .login-wrap .login-via--social {
      margin-bottom: 12px; }
  .login-wrap .login-via--btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
    border-radius: 5px;
    min-width: 38px;
    padding: 5px 0px 5px 46px;
    height: 40px;
    font-weight: normal;
    margin: 0;
    font-size: 14px;
    transition: all .25s ease; }
    .login-wrap .login-via--btn .login-via--social__txt {
      display: none; }
    .login-wrap .login-via--btn:last-child {
      margin-bottom: 0; }
    .login-wrap .login-via--btn.login-via__btn-google {
      background: #fff;
      color: #0B3052;
      box-shadow: 0px 3px 8px -2px rgba(11, 48, 82, 0.2) !important; }
      .login-wrap .login-via--btn.login-via__btn-google .login-via--social__icon {
        background: transparent; }
      .login-wrap .login-via--btn.login-via__btn-google:hover, .login-wrap .login-via--btn.login-via__btn-google:active, .login-wrap .login-via--btn.login-via__btn-google:focus {
        box-shadow: 0px 4px 6px -2px rgba(11, 48, 82, 0.25) !important; }
    .login-wrap .login-via--btn.login-via__btn-facebook {
      display: none;
      visibility: hidden;
      background: #48659d;
      color: #fff; }
      .login-wrap .login-via--btn.login-via__btn-facebook:hover, .login-wrap .login-via--btn.login-via__btn-facebook:active, .login-wrap .login-via--btn.login-via__btn-facebook:focus {
        background: #435e93; }
    .login-wrap .login-via--btn.login-via__btn-twitter {
      background: #21a1e8;
      color: #fff; }
      .login-wrap .login-via--btn.login-via__btn-twitter:hover, .login-wrap .login-via--btn.login-via__btn-twitter:active, .login-wrap .login-via--btn.login-via__btn-twitter:focus {
        background: #179ae2; }
    .login-wrap .login-via--btn.login-via__btn-app {
      background: #F1F6FF;
      color: #0B3052; }
      .login-wrap .login-via--btn.login-via__btn-app .login-via--social__icon {
        background: rgba(11, 48, 82, 0.04); }
        .login-wrap .login-via--btn.login-via__btn-app .login-via--social__icon svg {
          fill: #06adef; }
      .login-wrap .login-via--btn.login-via__btn-app:hover, .login-wrap .login-via--btn.login-via__btn-app:active, .login-wrap .login-via--btn.login-via__btn-app:focus {
        background: #e2ecff; }
    .login-wrap .login-via--btn .login-via--social__icon {
      position: absolute;
      top: 0;
      left: 0;
      width: 46px;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(11, 48, 82, 0.15);
      border-radius: 5px; }
      .login-wrap .login-via--btn .login-via--social__icon svg {
        height: 22px; }
  .login-wrap--form-qr {
    text-align: center; }
    .login-wrap--form-qr .login-logo {
      margin-bottom: 20px; }
      .login-wrap--form-qr .login-logo img {
        height: 38px; }
    .login-wrap--form-qr .card-body, .login-wrap--form-qr .panel .panel-body, .panel .login-wrap--form-qr .panel-body {
      position: relative;
      padding-top: 40px; }
    .login-wrap--form-qr .p--secondary {
      color: #788291;
      max-width: 300px;
      display: inline-block; }
    .login-wrap--form-qr .form-qr--header {
      display: block;
      text-align: right; }
    .login-wrap--form-qr .form-qr--phantom-close-btn {
      position: absolute;
      top: 8px;
      right: 12px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      font-size: 20px;
      font-weight: 300;
      outline: none;
      border: none;
      color: #FF3259; }
      .login-wrap--form-qr .form-qr--phantom-close-btn .ico {
        font-weight: 300; }
      .login-wrap--form-qr .form-qr--phantom-close-btn:hover, .login-wrap--form-qr .form-qr--phantom-close-btn:active, .login-wrap--form-qr .form-qr--phantom-close-btn:focus {
        border: none;
        outline: none;
        color: #fe0030;
        text-decoration: none; }
    .login-wrap--form-qr .form-qr--picture {
      max-height: 250px; }
      .login-wrap--form-qr .form-qr--picture-wrapper {
        display: inline-block;
        padding: 5px 0;
        text-align: center;
        margin-bottom: 15px; }
  .login-wrap .forgot-login--popup {
    position: fixed;
    align-items: flex-start;
    justify-content: flex-start;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100vh;
    width: 100%;
    z-index: 100;
    padding: 0; }
    @media (min-width: 767px) {
      .login-wrap .forgot-login--popup {
        align-items: center;
        justify-content: center; } }
  .login-wrap .forgot-login--popup-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(11, 48, 82, 0.2);
    z-index: 1; }
  .login-wrap .forgot-login--popup-content {
    position: relative;
    width: 100%;
    max-width: 100%;
    border-radius: 0;
    padding: 22px;
    background: #fff;
    z-index: 3; }
    @media (min-width: 767px) {
      .login-wrap .forgot-login--popup-content {
        max-width: 460px;
        border-radius: 16px;
        padding: 30px; } }
  .login-wrap .forgot-login--popup-close-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    width: 36px;
    height: 36px;
    cursor: pointer; }
    .login-wrap .forgot-login--popup-close-btn svg {
      height: 20px; }
      .login-wrap .forgot-login--popup-close-btn svg path {
        fill: #788291; }
    .login-wrap .forgot-login--popup-close-btn:hover svg path {
      fill: #ff3259; }
  .login-wrap .forgot-login--popup-header {
    border-bottom: 1px solid #06adef;
    padding-bottom: 10px;
    margin-bottom: 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px; }
    .login-wrap .forgot-login--popup-header .title--h3 {
      font-size: 18px;
      flex: 1;
      margin: 0;
      padding: 0; }
  .login-wrap .forgot-login--popup-body {
    padding-bottom: 22px; }
    .login-wrap .forgot-login--popup-body .p--info {
      padding: 6px 10px;
      color: #788291;
      background: #F1F6FF;
      border-radius: 4px;
      margin: 0; }
  .login-wrap .forgot-login--popup-footer .btn-bar--row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px; }
    .login-wrap .forgot-login--popup-footer .btn-bar--row p {
      margin: 0;
      padding: 0; }

.table-gdpr-container {
  padding-right: 0;
  padding-left: 0;
  width: 100%; }
  .table-gdpr-container .table-gdpr {
    width: 100%;
    min-width: 100%; }
  .table-gdpr-container .dataTables_wrapper > div {
    position: relative; }
  .table-gdpr-container .datatable-wrapper {
    display: block;
    overflow-x: auto;
    padding: 7px 0; }
    .table-gdpr-container .datatable-wrapper::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: #f5f5f5; }
    .table-gdpr-container .datatable-wrapper::-webkit-scrollbar {
      width: 6px;
      height: 6px;
      background-color: #f5f5f5; }
    .table-gdpr-container .datatable-wrapper::-webkit-scrollbar-thumb {
      background-color: rgba(121, 121, 121, 0.38); }
  .table-gdpr-container .datatable-footer-row {
    padding: 10px 0px;
    margin-bottom: 15px;
    position: relative; }
    .table-gdpr-container .datatable-footer-row .pagination, .table-gdpr-container .datatable-footer-row .dataTables_paginate ul, .dataTables_paginate .table-gdpr-container .datatable-footer-row ul {
      position: absolute;
      right: 0px; }

.wrapper-gdpr-page {
  padding: 15px; }
  .wrapper-gdpr-page.gdpr-client-list {
    padding-bottom: 0; }
    .wrapper-gdpr-page.gdpr-client-list .gdpr-client-list-alert {
      margin-bottom: 0;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media (max-width: 767px) {
        .wrapper-gdpr-page.gdpr-client-list .gdpr-client-list-alert {
          flex-direction: column;
          align-items: flex-start; } }
      .wrapper-gdpr-page.gdpr-client-list .gdpr-client-list-alert .btn.create-gdpr-report {
        margin: 0 0 0 15px; }
        @media (max-width: 767px) {
          .wrapper-gdpr-page.gdpr-client-list .gdpr-client-list-alert .btn.create-gdpr-report {
            margin: 15px 0 0 0; } }
  .wrapper-gdpr-page.gdpr-user-list .data-page {
    padding: 0; }
  .wrapper-gdpr-page.company-gdpr .company-gdpr-top {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px; }
    .wrapper-gdpr-page.company-gdpr .company-gdpr-top .title {
      margin-bottom: 0; }
  .wrapper-gdpr-page.company-gdpr .form-mode {
    margin-left: 15px; }
  .wrapper-gdpr-page .title {
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    margin-bottom: 15px; }
  .wrapper-gdpr-page .page-title {
    font-size: 20px;
    line-height: 1.3;
    color: #222;
    padding: 0;
    margin: 0 0 20px 0; }
  .wrapper-gdpr-page .gdpr-report-item {
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
    padding: 30px;
    text-align: center;
    height: 100%; }
    @media (max-width: 767px) {
      .wrapper-gdpr-page .gdpr-report-item {
        padding: 15px; } }
    .wrapper-gdpr-page .gdpr-report-item .icon {
      max-width: 150px;
      display: inline-block; }
    .wrapper-gdpr-page .gdpr-report-item .cap {
      text-align: center;
      font-size: 18px;
      font-family: "Open Sans", sans-serif;
      font-weight: 600;
      margin: 20px 0; }

#gpdr-company-export-form .already-datetime {
  padding-left: 23px;
  -webkit-background-size: 16px;
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(/v2/images/admin/file.png);
  position: relative; }
  #gpdr-company-export-form .already-datetime a:hover {
    text-decoration: none; }
  #gpdr-company-export-form .already-datetime .remove-already {
    position: absolute;
    right: 0;
    top: 0; }

#gpdr-company-export-form .warning-text {
  font-size: 13px; }

.gdpr-report-loading .loading-block {
  width: 123px;
  height: 123px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-position: center center;
  background-image: url(/v2/images/admin/infinity.gif); }

.gdpr-report-loading .text {
  margin-top: 15px;
  font-weight: 600;
  font-size: 13px;
  text-align: center; }

table.table-gdpr tr th {
  vertical-align: top; }

table.table-gdpr th,
table.table-gdpr td {
  min-width: 80px;
  max-width: 300px;
  font-size: 12px; }

table.table-gdpr .col-gdpr-description,
table.table-gdpr .col-gdpr-message {
  min-width: 250px;
  max-width: 250px;
  word-break: break-word; }

table.table-gdpr .col-gdpr-picture_path,
table.table-gdpr .col-gdpr-image {
  word-break: break-word;
  max-width: 180px; }

table.table-gdpr .col-gdpr-domain,
table.table-gdpr .col-gdpr-link,
table.table-gdpr .col-gdpr-file_path,
table.table-gdpr .col-gdpr-value {
  word-break: break-word; }

table.table-gdpr img {
  max-width: 150px; }

#gpdr-company-export-form {
  padding: 0px 15px 0px 15px; }
  #gpdr-company-export-form .fields-container {
    width: 100%; }
    #gpdr-company-export-form .fields-container .form-group, #gpdr-company-export-form .fields-container .element-container {
      margin: 0px;
      display: inline-block;
      width: 45%;
      margin-right: 4%;
      text-transform: capitalize; }
      #gpdr-company-export-form .fields-container .form-group input[type="checkbox"], #gpdr-company-export-form .fields-container .element-container input[type="checkbox"] {
        margin-right: 10px; }
  #gpdr-company-export-form .fields-actions {
    width: 100%;
    margin-top: 20px; }

/*

.panel-gdpr{
    .panel-gdpr-heading{
        background-color: #06adef;
        background-image: none;
        color: #ffffff;
        padding: 15px;

        .panel-gdpr-title{
            color: #ffffff;

            &:hover{
                color: #ffffff;
            }
        }
    }
}*/
.gdpr-request-limit {
  font-family: 'Mulish', sans-serif;
  text-align: center;
  min-height: 600px;
  font-size: 20px;
  background: #ffffff;
  color: #495057; }
  .gdpr-request-limit img {
    margin: 20px auto;
    max-width: 400px; }
  .gdpr-request-limit .page-title {
    display: block;
    font-weight: 600;
    margin: 28px auto 15px auto;
    text-align: center;
    font-size: 19px;
    max-width: 470px; }
  .gdpr-request-limit .page-mess,
  .gdpr-request-limit .page-mess2 {
    display: block;
    max-width: 450px;
    margin: 0 auto;
    font-size: 16px; }
  .gdpr-request-limit .page-mess2 {
    font-weight: bold; }

.base-gdpr .logo {
  background-image: url("/v2/images/user/gdpr.png");
  background-position: center center;
  background-size: cover;
  width: 150px;
  height: 150px;
  margin: 0 auto; }

.wrapper-gdpr-page .row.d-flex, .wrapper-gdpr-page .zend_form .d-flex.form-group, .zend_form .wrapper-gdpr-page .d-flex.form-group, .wrapper-gdpr-page .zend_form .d-flex.element-container, .zend_form .wrapper-gdpr-page .d-flex.element-container, .wrapper-gdpr-page .form-container .form-horizontal .d-flex.form-group, .form-container .form-horizontal .wrapper-gdpr-page .d-flex.form-group, .wrapper-gdpr-page .form-container .form-horizontal .d-flex.element-container, .form-container .form-horizontal .wrapper-gdpr-page .d-flex.element-container, .wrapper-gdpr-page #booking_tabs .d-flex.form-group, #booking_tabs .wrapper-gdpr-page .d-flex.form-group, .wrapper-gdpr-page #booking_tabs .d-flex.element-container, #booking_tabs .wrapper-gdpr-page .d-flex.element-container {
  display: flex;
  flex-wrap: wrap; }
  .wrapper-gdpr-page .row.d-flex .col, .wrapper-gdpr-page .zend_form .d-flex.form-group .col, .zend_form .wrapper-gdpr-page .d-flex.form-group .col, .wrapper-gdpr-page .zend_form .d-flex.element-container .col, .zend_form .wrapper-gdpr-page .d-flex.element-container .col, .wrapper-gdpr-page .form-container .form-horizontal .d-flex.form-group .col, .form-container .form-horizontal .wrapper-gdpr-page .d-flex.form-group .col, .wrapper-gdpr-page .form-container .form-horizontal .d-flex.element-container .col, .form-container .form-horizontal .wrapper-gdpr-page .d-flex.element-container .col, .wrapper-gdpr-page #booking_tabs .d-flex.form-group .col, #booking_tabs .wrapper-gdpr-page .d-flex.form-group .col, .wrapper-gdpr-page #booking_tabs .d-flex.element-container .col, #booking_tabs .wrapper-gdpr-page .d-flex.element-container .col {
    margin-bottom: 15px; }

.wrapper-gdpr-page .sb-tab {
  display: flex;
  flex-direction: column;
  justify-content: flex-start; }
  .wrapper-gdpr-page .sb-tab .list {
    width: 100%;
    font-size: 16px; }
  .wrapper-gdpr-page .sb-tab .link {
    margin-bottom: 0;
    margin-top: auto;
    width: 100%; }
    .wrapper-gdpr-page .sb-tab .link:after {
      display: none; }
    .wrapper-gdpr-page .sb-tab .link a.btn-outline-primary {
      color: #06adef;
      background-color: transparent;
      background-image: none;
      border-color: #06adef;
      padding: 8px 15px; }
      .wrapper-gdpr-page .sb-tab .link a.btn-outline-primary:hover {
        color: #fff;
        background-color: #06adef;
        border-color: #06adef; }

.configuration-page {
  padding: 20px; }
  .configuration-page #configurations-tab .templates-page {
    padding-left: 0px; }

.page--accept-payments .alert-dismissible {
  padding-right: 40px; }

@media (max-width: 1200px) {
  .page--accept-payments .grid-type-flex {
    flex-direction: column; }
    .page--accept-payments .grid-type-flex .grid-item {
      width: 100%;
      flex: 1;
      max-width: unset !important; } }

.page--accept-payments .form-groups.plugins-form .control-label {
  margin-bottom: 4px; }

.page--accept-payments .gift-card-items {
  margin: 0;
  display: flex;
  max-width: 800px;
  width: 100%;
  flex-wrap: wrap;
  gap: 12px; }
  .page--accept-payments .gift-card-items .gift-card-item {
    margin: 0;
    width: calc(((100% / 2) - 12px) + (12px / 2));
    text-align: center; }
    @media (min-width: 767px) {
      .page--accept-payments .gift-card-items .gift-card-item {
        width: calc(((100% / 3) - 12px) + (12px / 3)); } }

.page--accept-payments .templates-page {
  padding: 0; }
  .page--accept-payments .templates-page .table-advance tbody td .label__caption {
    word-break: break-word;
    text-wrap: balance; }

.page--accept-payments .gift-card-items .gift-card-item .img-border {
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 4px; }

.page--accept-payments .gift-card-items .gift-card-item .img-border .img-wrap {
  aspect-ratio: 0.99/1;
  padding-top: 100%;
  border-radius: 5px; }

.page--accept-payments .sbpay-integration--enabled-pp_list {
  margin-bottom: 30px;
  display: grid;
  width: 100%;
  grid-gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }
  .page--accept-payments .sbpay-integration--enabled-pp_list .sbpay-integration--enabled-pp_item {
    font-weight: normal;
    gap: 10px; }

@media (min-width: 1200px) {
  .page--accept-payments .notifications-settings .table-advance tr th .one-line {
    max-width: 250px; } }

.page--accept-payments .notifications-settings .table-advance .field.text .material-switch-container > .label {
  display: none; }

.cancel-rec-sub .modal-dialog {
  max-width: 600px; }

.cancel-rec-sub .cursive-font {
  font-size: 28px;
  font-weight: 600; }
  @media (max-width: 1024px) {
    .cancel-rec-sub .cursive-font {
      font-size: 26px; } }
  @media (max-width: 767px) {
    .cancel-rec-sub .cursive-font {
      font-size: 22px; } }

.cancel-rec-sub img {
  max-width: 250px;
  margin: 30px auto;
  display: block; }

.cancel-rec-sub .buttons {
  padding-right: 20px; }
  @media (max-width: 767px) {
    .cancel-rec-sub .buttons {
      padding-right: 0; } }

.payment-status-page {
  padding: 15px; }
  .payment-status-page .icon {
    position: relative;
    text-align: center;
    width: 35px;
    line-height: 40px;
    height: 40px;
    margin-right: 1rem;
    border-radius: 0 0 50px 50px;
    display: inline-block;
    color: #ffffff;
    font-size: 21px;
    background-color: rgba(49, 62, 84, 0.2); }
    @media (max-width: 767px) {
      .payment-status-page .icon {
        display: none; } }
  .payment-status-page .alert-container {
    max-width: 450px;
    margin: 0 auto; }
    .payment-status-page .alert-container table b {
      padding: 0 10px; }
      @media (max-width: 767px) {
        .payment-status-page .alert-container table b {
          padding: 0; } }
  .payment-status-page.widget-page {
    position: relative; }
    .payment-status-page.widget-page .btn-skip {
      position: absolute;
      right: 15px;
      top: 15px;
      z-index: 10; }
    .payment-status-page.widget-page .cursive-font {
      padding-left: 15px;
      padding-right: 15px; }
      @media (max-width: 767px) {
        .payment-status-page.widget-page .cursive-font {
          font-size: 20px; }
          .payment-status-page.widget-page .cursive-font br {
            display: none; } }
    .payment-status-page.widget-page .title {
      font-size: 30px;
      line-height: 38px;
      padding-left: 15px;
      padding-right: 15px; }
      @media (max-width: 767px) {
        .payment-status-page.widget-page .title {
          font-size: 20px;
          line-height: 26px; } }
    .payment-status-page.widget-page > .panel {
      padding-top: 20px; }
      .payment-status-page.widget-page > .panel > .panel-body {
        padding-right: 0;
        padding-left: 0; }

.welcome-tour-page {
  padding: 100px 0;
  display: flex;
  min-height: 100vh; }
  @media (max-width: 767px) {
    .welcome-tour-page {
      padding: 75px 0; } }
  .welcome-tour-page .column {
    max-width: 1200px; }
  .welcome-tour-page > [class*="step-"] {
    width: 100%;
    margin: auto; }
  .welcome-tour-page .step-index {
    text-align: center; }
    .welcome-tour-page .step-index .step-title {
      margin-bottom: 40px; }
      @media (max-width: 767px) {
        .welcome-tour-page .step-index .step-title {
          margin-bottom: 20px; } }
    .welcome-tour-page .step-index .password-row {
      padding: 40px 0; }
      @media (max-width: 767px) {
        .welcome-tour-page .step-index .password-row {
          padding: 20px 0;
          flex-wrap: wrap; }
          .welcome-tour-page .step-index .password-row .custom-col {
            flex: 0 0 100%; }
          .welcome-tour-page .step-index .password-row .vovason {
            display: none; } }
    .welcome-tour-page .step-index #password_form label {
      display: block;
      text-align: left; }
    .welcome-tour-page .step-index .vovason {
      position: relative; }
      .welcome-tour-page .step-index .vovason .vovason-password #strength_human {
        position: relative;
        width: 300px;
        height: 300px; }
        .welcome-tour-page .step-index .vovason .vovason-password #strength_human .vovason-hello,
        .welcome-tour-page .step-index .vovason .vovason-password #strength_human .vovason-password {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          -webkit-background-size: 200px;
          background-size: 200px;
          background-repeat: no-repeat;
          transition: all .1s linear; }
        .welcome-tour-page .step-index .vovason .vovason-password #strength_human .vovason-hello {
          background-image: url(/v2/images/admin/hello.svg);
          background-position: 50% 59%;
          transition-delay: .1s; }
        .welcome-tour-page .step-index .vovason .vovason-password #strength_human .vovason-password {
          background-image: url(/v2/images/admin/Bob/password.svg);
          background-position: 50% 50%;
          visibility: hidden;
          opacity: 0;
          transition-delay: .0s; }
        .welcome-tour-page .step-index .vovason .vovason-password #strength_human.weak, .welcome-tour-page .step-index .vovason .vovason-password #strength_human.good, .welcome-tour-page .step-index .vovason .vovason-password #strength_human.strong {
          transition-delay: .1s; }
          .welcome-tour-page .step-index .vovason .vovason-password #strength_human.weak .vovason-hello, .welcome-tour-page .step-index .vovason .vovason-password #strength_human.good .vovason-hello, .welcome-tour-page .step-index .vovason .vovason-password #strength_human.strong .vovason-hello {
            opacity: 0;
            visibility: hidden;
            transition-delay: 0s; }
          .welcome-tour-page .step-index .vovason .vovason-password #strength_human.weak .vovason-password, .welcome-tour-page .step-index .vovason .vovason-password #strength_human.good .vovason-password, .welcome-tour-page .step-index .vovason .vovason-password #strength_human.strong .vovason-password {
            opacity: 1;
            visibility: visible; }
        .welcome-tour-page .step-index .vovason .vovason-password #strength_human.weak .s-badge.weak {
          opacity: 1;
          visibility: visible; }
        .welcome-tour-page .step-index .vovason .vovason-password #strength_human.good .s-badge.good {
          opacity: 1;
          visibility: visible; }
        .welcome-tour-page .step-index .vovason .vovason-password #strength_human.strong .s-badge.strong {
          opacity: 1;
          visibility: visible; }
        .welcome-tour-page .step-index .vovason .vovason-password #strength_human .s-badge {
          display: block;
          position: absolute;
          width: 220px;
          height: 50px;
          text-align: center;
          line-height: 49px;
          font-size: 22px;
          border-radius: 4px;
          font-weight: 600;
          background-color: #fff;
          border: 3px solid transparent;
          z-index: 10;
          transition: all .1s linear;
          opacity: 0;
          visibility: hidden; }
          .welcome-tour-page .step-index .vovason .vovason-password #strength_human .s-badge.weak {
            border-color: #FF476A;
            color: #FF476A;
            left: 36px;
            top: -15px;
            height: 57px;
            transition-delay: .1s; }
          .welcome-tour-page .step-index .vovason .vovason-password #strength_human .s-badge.good {
            border-color: #fcc558;
            color: #fcc558;
            left: 36px;
            top: -15px;
            height: 57px;
            transition-delay: .1s; }
          .welcome-tour-page .step-index .vovason .vovason-password #strength_human .s-badge.strong {
            border-color: #26dd7d;
            color: #26dd7d;
            left: 36px;
            top: -15px;
            height: 57px;
            transition-delay: .1s; }
      .welcome-tour-page .step-index .vovason .vovason-name {
        padding-top: 100px;
        min-width: 85px;
        min-height: 85px;
        position: absolute;
        left: -46px;
        top: -141px;
        font-family: Caveat, cursive;
        font-weight: bold;
        font-size: 28px;
        color: #06ADEF;
        transform: rotate(16deg); }
        .welcome-tour-page .step-index .vovason .vovason-name .icon {
          display: inline-block;
          width: 82px;
          height: 83px;
          background-repeat: no-repeat;
          background-position: center center;
          background-image: url(/v2/images/arrow.png);
          position: absolute;
          left: 70px;
          top: 41px;
          transform: rotateX(180deg) rotate(191deg); }
    .welcome-tour-page .step-index .index-text {
      font-weight: 600;
      font-size: 16px;
      margin-bottom: 40px; }
  .welcome-tour-page .step-password .ship {
    display: none; }
  .welcome-tour-page .step-password .column {
    max-width: 550px; }
  .welcome-tour-page .step-name .column {
    max-width: 450px;
    margin: 0 auto; }
    @media (max-width: 767px) {
      .welcome-tour-page .step-name .column {
        max-width: 400px; } }
    .welcome-tour-page .step-name .column .text-center .btn.btn-success {
      margin-top: 20px; }
  .welcome-tour-page .step-name .ship {
    display: none;
    position: absolute;
    left: -70px;
    max-width: 140px;
    height: 130px;
    top: 50%;
    margin-top: -65px;
    transition: left 400ms ease-in-out; }
    @media (max-width: 767px) {
      .welcome-tour-page .step-name .ship {
        display: none; } }
    .welcome-tour-page .step-name .ship.active {
      left: -40px; }
  .welcome-tour-page .step-password .toggle_password {
    font-size: 12px;
    position: absolute;
    right: 2px;
    top: 35px;
    cursor: pointer;
    color: #9fa2a7;
    height: 31px;
    width: 33px;
    line-height: 31px;
    z-index: 50;
    background-color: #fff; }
    .welcome-tour-page .step-password .toggle_password:hover {
      color: inherit; }
  .welcome-tour-page .step-password .fields .form-group, .welcome-tour-page .step-password .fields .element-container {
    position: relative; }
  .welcome-tour-page .step-name .vovason {
    width: 100%;
    text-align: center;
    margin-bottom: 20px; }
    .welcome-tour-page .step-name .vovason img {
      max-height: 160px; }
  .welcome-tour-page .step-name .fields {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    text-align: left; }
  .welcome-tour-page .step-name .text-center .cursive-font {
    font-weight: 600; }
  .welcome-tour-page .step-theme {
    text-align: center; }
    .welcome-tour-page .step-theme .step-title {
      max-width: 670px;
      margin: 0px auto 50px; }
    .welcome-tour-page .step-theme .theme-img {
      border: 3px solid transparent;
      box-sizing: border-box;
      position: relative;
      border-radius: 7px;
      transition: all .3s ease; }
      .welcome-tour-page .step-theme .theme-img:after {
        position: absolute;
        bottom: 0;
        right: 0;
        display: inline-block;
        content: "";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 400;
        font-style: normal;
        text-decoration: inherit;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-color: #06acee;
        color: #ffffff;
        font-size: 24px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s ease, visibility .3s ease; }
      .welcome-tour-page .step-theme .theme-img:before {
        display: block;
        content: "";
        opacity: 0;
        visibility: hidden;
        position: absolute;
        right: 40px;
        bottom: 0;
        width: 0;
        height: 0;
        border-bottom: 40px solid #06ADEF;
        border-left: 13px solid transparent;
        transition: opacity .3s ease, visibility .3s ease; }
      .welcome-tour-page .step-theme .theme-img img:not(:first-child) {
        display: none; }
    .welcome-tour-page .step-theme .theme-input {
      visibility: hidden; }
      .welcome-tour-page .step-theme .theme-input:hover + label .theme-img {
        border: 3px solid #06acee; }
        .welcome-tour-page .step-theme .theme-input:hover + label .theme-img:after {
          opacity: 1;
          visibility: visible; }
        .welcome-tour-page .step-theme .theme-input:hover + label .theme-img:before {
          opacity: 1;
          visibility: visible; }
    .welcome-tour-page .step-theme .theme-label {
      cursor: pointer; }
    .welcome-tour-page .step-theme .theme-title {
      text-align: left;
      margin-bottom: 15px;
      height: 25px; }
      .welcome-tour-page .step-theme .theme-title img {
        max-height: 25px; }
    .welcome-tour-page .step-theme .choose-template-block {
      position: relative;
      display: inline-block; }
      .welcome-tour-page .step-theme .choose-template-block .activate-theme {
        display: none;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        transition: all 0.2s ease-out;
        z-index: 10; }
        .welcome-tour-page .step-theme .choose-template-block .activate-theme .theme-label {
          display: inline-block;
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%; }
      .welcome-tour-page .step-theme .choose-template-block .theme-input {
        display: inline-block;
        visibility: visible;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        border-radius: 0;
        background: transparent !important;
        border: none !important;
        outline: none !important;
        opacity: 0;
        z-index: 100; }
      .welcome-tour-page .step-theme .choose-template-block [hidden] {
        display: block !important; }
      .welcome-tour-page .step-theme .choose-template-block.hover .activate-theme {
        opacity: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center; }
        .welcome-tour-page .step-theme .choose-template-block.hover .activate-theme .txt-part {
          border-radius: 4px;
          color: #fff;
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          padding: 5px;
          font-weight: 500;
          font-size: 16px;
          background: #06adef; }
  .welcome-tour-page .step-settings .step-title {
    margin-bottom: 50px; }
  .welcome-tour-page .step-settings .config-item {
    margin-bottom: 45px; }
    @media (max-width: 767px) {
      .welcome-tour-page .step-settings .config-item {
        margin-bottom: 35px; } }
    .welcome-tour-page .step-settings .config-item .cap {
      font-size: 18px;
      font-weight: 700;
      padding-left: 45px;
      margin-bottom: 20px;
      position: relative; }
    .welcome-tour-page .step-settings .config-item .body {
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative;
      border: 1px solid #ddd;
      border-radius: 5px;
      padding: 30px;
      min-height: 350px;
      transition: all .3s ease; }
      .welcome-tour-page .step-settings .config-item .body:hover, .welcome-tour-page .step-settings .config-item .body.active {
        border: 1px solid #06acee; }
  .welcome-tour-page .step-settings #colors .color-name:checked + .colors-wrap {
    border: 2px solid #06ADEF; }
  .welcome-tour-page .step-settings #colors .palettes-wrapper {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 1fr 1fr; }
    .welcome-tour-page .step-settings #colors .palettes-wrapper input.palette:checked + .palette-item, .welcome-tour-page .step-settings #colors .palettes-wrapper .management-app input.palette.implicit-checked + .palette-item, .management-app .welcome-tour-page .step-settings #colors .palettes-wrapper input.palette.implicit-checked + .palette-item {
      border-color: #06acee; }
    .welcome-tour-page .step-settings #colors .palettes-wrapper input.palette:not(:checked) + .palette-item:hover {
      opacity: .7; }
    .welcome-tour-page .step-settings #colors .palettes-wrapper span {
      font-size: 14px;
      margin-bottom: 4px;
      display: inline-block; }
    .welcome-tour-page .step-settings #colors .palettes-wrapper .palette-item {
      max-width: 330px;
      min-height: 22px;
      border-radius: 4px;
      cursor: pointer;
      height: auto;
      display: grid;
      grid-gap: 3px;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      border: 2px solid #e7e7e7;
      transition: all .3s ease;
      padding-left: 3px;
      padding-right: 3px;
      padding-bottom: 3px;
      padding-top: 3px;
      margin: 0; }
      .welcome-tour-page .step-settings #colors .palettes-wrapper .palette-item .palette-color {
        height: 22px;
        display: inline-block;
        border-radius: 2px;
        box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.35); }
  .welcome-tour-page .step-settings #colors .colors-wrap {
    display: flex;
    border: 2px solid transparent;
    border-radius: 5px; }
    .welcome-tour-page .step-settings #colors .colors-wrap:hover {
      border: 2px solid #06ADEF; }
    .welcome-tour-page .step-settings #colors .colors-wrap .color-cell {
      width: 100%;
      height: 25px;
      cursor: pointer; }
      .welcome-tour-page .step-settings #colors .colors-wrap .color-cell:first-child {
        border-radius: 3px 0 0 3px; }
      .welcome-tour-page .step-settings #colors .colors-wrap .color-cell:last-child {
        border-radius: 0 3px 3px 0; }
    .welcome-tour-page .step-settings #colors .colors-wrap .color-default {
      background: url("/v2/images/admin/pallette.png");
      height: 25px;
      width: 100%;
      border-radius: 3px;
      opacity: 0.7; }
    .welcome-tour-page .step-settings #colors .colors-wrap .minicolors {
      width: 100%;
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: 5px 3px 3px 5px; }
      .welcome-tour-page .step-settings #colors .colors-wrap .minicolors .form-control, .welcome-tour-page .step-settings #colors .colors-wrap .minicolors .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container .welcome-tour-page .step-settings #colors .colors-wrap .minicolors textarea, .welcome-tour-page .step-settings #colors .colors-wrap .minicolors .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .welcome-tour-page .step-settings #colors .colors-wrap .minicolors select, .welcome-tour-page .step-settings #colors .colors-wrap .minicolors .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors .welcome-tour-page .step-settings #colors .colors-wrap .minicolors input, .welcome-tour-page .step-settings #colors .colors-wrap .minicolors .design-settings-page div.input, .design-settings-page .welcome-tour-page .step-settings #colors .colors-wrap .minicolors div.input {
        width: 100%;
        padding: 0 8px 0 66.66%;
        height: 25px;
        text-align: right;
        background: transparent; }
      .welcome-tour-page .step-settings #colors .colors-wrap .minicolors .minicolors-swatch {
        width: 66.66%;
        top: 0;
        border: none;
        border-radius: 3px 0 0 3px;
        height: 100%; }
  @media (max-width: 1024px) {
    .welcome-tour-page .step-settings #preferences .body .col-sm-6 {
      flex: 0 0 100%;
      max-width: 100%; } }
  @media (max-width: 767px) {
    .welcome-tour-page .step-settings #preferences .body .col-sm-6 {
      flex: 0 0 50%;
      max-width: 50%; } }
  @media (max-width: 576px) {
    .welcome-tour-page .step-settings #preferences .body .col-sm-6 {
      flex: 0 0 100%;
      max-width: 100%; } }
  .welcome-tour-page .step-settings #preferences .checks {
    display: flex;
    flex-wrap: wrap; }
    .welcome-tour-page .step-settings #preferences .checks .form-check-label {
      position: relative;
      padding-left: 23px; }
      .welcome-tour-page .step-settings #preferences .checks .form-check-label:before {
        display: block;
        content: "";
        width: 8px;
        height: 13px;
        position: absolute;
        left: 3px;
        top: 1px;
        transform: rotate(45deg);
        border-right: 2px solid #26dd7d;
        border-bottom: 2px solid #26dd7d; }
  .welcome-tour-page .step-settings #preferences .info {
    color: #06ADEF;
    display: flex;
    align-items: center; }
    .welcome-tour-page .step-settings #preferences .info i {
      font-size: 18px;
      margin-right: 5px; }
    .welcome-tour-page .step-settings #preferences .info span {
      font-weight: 600;
      font-style: italic; }
  .welcome-tour-page .step-settings #providers .body,
  .welcome-tour-page .step-settings #services .body {
    min-height: 160px; }
    .welcome-tour-page .step-settings #providers .body .icon,
    .welcome-tour-page .step-settings #services .body .icon {
      color: #06ADEF;
      font-size: 26px;
      margin: 0 10px;
      max-width: 60px; }
  .welcome-tour-page .step-settings .rainbow {
    margin-bottom: -25px; }
  .welcome-tour-page .step-finish {
    text-align: center; }
    .welcome-tour-page .step-finish .step-title {
      margin-bottom: 40px; }
    .welcome-tour-page .step-finish .buttons {
      position: relative;
      max-width: 300px;
      margin: 0 auto; }
  .welcome-tour-page .step-tutorial .popup {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
    background-color: rgba(0, 0, 0, 0.6); }
    .welcome-tour-page .step-tutorial .popup .popup-content {
      position: relative; }
      .welcome-tour-page .step-tutorial .popup .popup-content .item {
        position: absolute;
        display: inline-block;
        max-width: 300px;
        border: 2px solid #06ADEF;
        border-radius: 10px;
        padding: 15px;
        background-color: #d0f7ff; }
        .welcome-tour-page .step-tutorial .popup .popup-content .item:before {
          content: "";
          position: absolute;
          display: block;
          background: url("/v2/images/admin/welcome-tour/angle-item.png");
          width: 20px;
          height: 22px; }
        .welcome-tour-page .step-tutorial .popup .popup-content .item.arr-left:before {
          transform: rotate(-90deg);
          left: -21px; }
        .welcome-tour-page .step-tutorial .popup .popup-content .item.arr-right:before {
          transform: rotate(90deg);
          right: -21px; }
        .welcome-tour-page .step-tutorial .popup .popup-content .item.arr-top:before {
          top: -22px;
          left: 0;
          right: 0;
          margin: 0 auto; }
        .welcome-tour-page .step-tutorial .popup .popup-content .item.arr-bottom:before {
          bottom: -22px;
          left: 0;
          right: 0;
          margin: 0 auto;
          transform: rotate(-180deg); }
      .welcome-tour-page .step-tutorial .popup .popup-content .screen-wrapper {
        width: 1350px;
        height: 550px; }
        .welcome-tour-page .step-tutorial .popup .popup-content .screen-wrapper img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          box-shadow: 0px 6px 25px 0px rgba(0, 0, 0, 0.25); }
        .welcome-tour-page .step-tutorial .popup .popup-content .screen-wrapper .screen {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .welcome-tour-page .step-tutorial .popup .popup-content .text-cloud {
        display: inline-block;
        text-align: left;
        max-width: 500px;
        border: 2px solid #06ADEF;
        border-radius: 10px;
        padding: 15px;
        background-color: #e3f7ff;
        position: relative;
        top: -80px;
        right: -15px; }
        .welcome-tour-page .step-tutorial .popup .popup-content .text-cloud:after {
          content: ' ';
          display: block;
          background: url("/v2/images/admin/welcome-tour/angle.png");
          width: 26px;
          height: 26px;
          position: absolute;
          right: -12px;
          bottom: -12px; }
      .welcome-tour-page .step-tutorial .popup .popup-content .alien-info {
        display: none;
        position: absolute;
        right: 0;
        bottom: 0;
        text-align: right;
        padding-right: 15px;
        padding-bottom: 15px; }
        .welcome-tour-page .step-tutorial .popup .popup-content .alien-info .alien {
          display: inline-block; }
      .welcome-tour-page .step-tutorial .popup .popup-content .alien-info:not([style*="display: none"]) ~ .item {
        animation: 2s fadeInDelay;
        animation-fill-mode: forwards; }
      .welcome-tour-page .step-tutorial .popup .popup-content .alien-finish {
        display: none;
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0;
        bottom: 30px;
        text-align: center; }
  .welcome-tour-page .step-tutorial .skip-tutorial {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
    z-index: 9998;
    background-color: #06ADEF; }
    .welcome-tour-page .step-tutorial .skip-tutorial .wrap {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      min-height: 60px;
      color: #ffffff;
      max-width: 1150px;
      margin: 0 auto; }
      .welcome-tour-page .step-tutorial .skip-tutorial .wrap .btn-link {
        color: #fff; }
  .welcome-tour-page .step-tutorial .disabled {
    pointer-events: none; }
  .welcome-tour-page .step-title {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #313e54; }
    @media (max-width: 1024px) {
      .welcome-tour-page .step-title {
        font-size: 24px; } }
    @media (max-width: 767px) {
      .welcome-tour-page .step-title {
        font-size: 19px; } }
    .welcome-tour-page .step-title .step-title-sub {
      font-size: 26px;
      font-weight: bold;
      margin-top: 20px; }
      @media (max-width: 1024px) {
        .welcome-tour-page .step-title .step-title-sub {
          font-size: 21px; } }
      @media (max-width: 767px) {
        .welcome-tour-page .step-title .step-title-sub {
          font-size: 17px; } }
    .welcome-tour-page .step-title .sub-title {
      font-size: 18px;
      margin-bottom: 25px; }
      @media (max-width: 767px) {
        .welcome-tour-page .step-title .sub-title {
          margin-bottom: 15px;
          font-size: 17px; } }
  .welcome-tour-page .cursive-font {
    font-size: 26px;
    margin-top: 16px;
    line-height: 24px;
    font-weight: bold; }
    @media (max-width: 767px) {
      .welcome-tour-page .cursive-font {
        margin-top: 11px;
        font-size: 24px;
        line-height: 21px; } }
  .welcome-tour-page .slider.slider-horizontal.slider-horizontal,
  .welcome-tour-page .slider.slider-vertical.slider-horizontal {
    width: 100%; }
  .welcome-tour-page .slider.slider-horizontal .slider-selection,
  .welcome-tour-page .slider.slider-vertical .slider-selection {
    background: #06acee;
    box-shadow: none;
    border-radius: 30px; }
  .welcome-tour-page .slider.slider-horizontal .slider-track,
  .welcome-tour-page .slider.slider-vertical .slider-track {
    border-radius: 30px; }
  .welcome-tour-page .slider.slider-horizontal .slider-track-high,
  .welcome-tour-page .slider.slider-vertical .slider-track-high {
    background: #f0f4f6;
    border-radius: 30px; }
  .welcome-tour-page .slider.slider-horizontal .slider-handle,
  .welcome-tour-page .slider.slider-vertical .slider-handle {
    border-radius: 50%;
    background-image: inherit;
    background-color: #ffffff;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
    width: 19px;
    height: 19px;
    cursor: pointer; }
  .welcome-tour-page .slider.slider-horizontal .tooltip-main.in,
  .welcome-tour-page .slider.slider-vertical .tooltip-main.in {
    opacity: 0.9; }
  .welcome-tour-page .slider.slider-horizontal .tooltip-inner, .welcome-tour-page .slider.slider-horizontal .hasTooltip.top:before,
  .welcome-tour-page .slider.slider-vertical .tooltip-inner,
  .welcome-tour-page .slider.slider-vertical .hasTooltip.top:before {
    width: auto;
    background-color: white;
    color: #313e54;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
    padding: 5px 15px;
    border-radius: 1000px; }
  .welcome-tour-page .slider.slider-horizontal .tooltip-arrow:after,
  .welcome-tour-page .slider.slider-horizontal .tooltip-arrow:after,
  .welcome-tour-page .slider.slider-vertical .tooltip-arrow:after,
  .welcome-tour-page .slider.slider-vertical .tooltip-arrow:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: 45%;
    bottom: -10px;
    border: transparent 5px solid;
    border-top: #fff 5px solid;
    filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.3)); }

.welcome-tour-logo {
  max-width: 200px;
  position: absolute;
  top: 10px;
  left: 10px; }
  @media (max-width: 767px) {
    .welcome-tour-logo {
      max-width: 160px; } }

.welcome-tour-sprite {
  background-image: url(/v2/images/admin/tour-sprite.png);
  background-repeat: no-repeat;
  display: block;
  width: 36px;
  height: 36px;
  -webkit-background-size: 40px;
  background-size: 40px;
  position: absolute;
  left: 0;
  top: -4px; }
  .welcome-tour-sprite.colors {
    background-position: -2px -2px; }
  .welcome-tour-sprite.preferences {
    background-position: -2px -82px; }
  .welcome-tour-sprite.providers {
    background-position: -2px -162px; }
  .welcome-tour-sprite.services {
    background-position: -2px -242px; }

.welcome-tour-page.verify-email {
  padding: 0; }

.welcome-tour-page .verify-email--section {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 70px 0;
  /* 2 group of 3 items */ }
  .welcome-tour-page .verify-email--section .header-section {
    max-width: 800px;
    margin: 0 auto 50px;
    text-align: center; }
    @media (max-width: 767px) {
      .welcome-tour-page .verify-email--section .header-section {
        margin-bottom: 25px; } }
    .welcome-tour-page .verify-email--section .header-section__title {
      margin-bottom: 5px;
      font-size: 40px;
      font-weight: 700;
      font-family: 'Mulish', sans-serif;
      line-height: 1.2;
      letter-spacing: .01em;
      color: #253246; }
      @media (max-width: 1024px) {
        .welcome-tour-page .verify-email--section .header-section__title {
          font-size: 26px; } }
    .welcome-tour-page .verify-email--section .header-section__text {
      font-size: 16px;
      font-weight: 400;
      letter-spacing: 0;
      color: #788291;
      margin: 0; }
  .welcome-tour-page .verify-email--section input[type="number"] {
    width: 45px;
    min-width: 40px;
    height: 50px;
    min-height: 50px;
    line-height: 1;
    margin: 0;
    padding: 5px 0 4px;
    font-size: 26px;
    text-align: center;
    appearance: textfield;
    border: 1px solid #E7ECF7;
    color: #253246;
    border-radius: 5px;
    outline: none; }
    .welcome-tour-page .verify-email--section input[type="number"]:focus, .welcome-tour-page .verify-email--section input[type="number"]:focus-visible {
      border: 1px solid #06acee;
      box-shadow: none;
      outline: none; }
  .welcome-tour-page .verify-email--section input::-webkit-outer-spin-button,
  .welcome-tour-page .verify-email--section input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .welcome-tour-page .verify-email--section input[type="number"]:nth-child(n+4) {
    order: 2; }

.welcome-tour-page .verify-email--picture {
  display: block;
  text-align: center;
  margin-bottom: 25px; }
  .welcome-tour-page .verify-email--picture svg {
    max-height: 190px; }

.welcome-tour-page .verify-email--fieldset {
  border: 0;
  padding: 0;
  margin: 0; }

.welcome-tour-page .verify-email--label {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.welcome-tour-page .verify-email--enter-code {
  display: flex;
  align-items: center;
  gap: 10px; }
  @media (min-width: 365px) {
    .welcome-tour-page .verify-email--enter-code {
      gap: 14px; } }
  .welcome-tour-page .verify-email--enter-code:before {
    content: '';
    display: block;
    height: 1px;
    width: 6px;
    margin: 0;
    background: transparent;
    order: 1; }
    @media (min-width: 365px) {
      .welcome-tour-page .verify-email--enter-code:before {
        width: 14px; } }

.welcome-tour-page .verify-email--btn-bar {
  padding-top: 35px;
  text-align: center; }
  .welcome-tour-page .verify-email--btn-bar .btn-bar--row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px 10px; }
  .welcome-tour-page .verify-email--btn-bar .sb-btn {
    display: inline-flex;
    align-items: center;
    min-height: 48px;
    line-height: 1;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    padding: 6px 26px;
    margin: 0;
    color: #fff;
    background: #06adef;
    cursor: pointer; }
    .welcome-tour-page .verify-email--btn-bar .sb-btn:hover {
      color: #fff;
      background: #0590c7; }
  .welcome-tour-page .verify-email--btn-bar button:disabled,
  .welcome-tour-page .verify-email--btn-bar button[disabled] {
    border: 1px solid #DCDCDC;
    background-color: #DCDCDC;
    color: #9DA8B3;
    cursor: not-allowed; }
    .welcome-tour-page .verify-email--btn-bar button:disabled:hover,
    .welcome-tour-page .verify-email--btn-bar button[disabled]:hover {
      border: 1px solid #DCDCDC;
      background-color: #DCDCDC;
      color: #9DA8B3; }

.welcome-tour-page .verify-email--sub-btn-bar {
  padding-top: 18px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px; }

.welcome-tour-page .verify-email--enter-code-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 368px;
  margin: 0 auto; }
  .welcome-tour-page .verify-email--enter-code-wrapper.--error input[type="number"] {
    border: 1px solid #ff3259;
    color: #253246;
    background: #fff7f8; }
    .welcome-tour-page .verify-email--enter-code-wrapper.--error input[type="number"]:focus, .welcome-tour-page .verify-email--enter-code-wrapper.--error input[type="number"]:focus-visible {
      border: 1px solid #06acee;
      outline: none; }
  .welcome-tour-page .verify-email--enter-code-wrapper.--error .verify-email--enter-code + .verify-email--error {
    display: block; }

.welcome-tour-page .verify-email--resend-code {
  color: #788291; }
  .welcome-tour-page .verify-email--resend-code .code-sent {
    display: none; }
    .welcome-tour-page .verify-email--resend-code .code-sent.active {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      color: #788291;
      font-size: 14px;
      animation: pulse-up infinite 1s ease;
      line-height: 1;
      padding: 8px 0; }
      .welcome-tour-page .verify-email--resend-code .code-sent.active .icon {
        line-height: 1; }
        .welcome-tour-page .verify-email--resend-code .code-sent.active .icon svg {
          opacity: 0.6;
          height: 20px; }
      .welcome-tour-page .verify-email--resend-code .code-sent.active .sec {
        color: #ff3259; }

.welcome-tour-page .verify-email--error {
  font-style: normal;
  line-height: 1;
  font-size: 13px;
  color: #ff3259;
  text-align: left;
  width: 100%;
  display: block; }
  .welcome-tour-page .verify-email--error > .alert {
    padding: 0; }
  .welcome-tour-page .verify-email--error :empty {
    display: none; }
  .welcome-tour-page .verify-email--error div.alert {
    padding: 0;
    background: transparent;
    border: none;
    color: #ff3259;
    font-size: 13px;
    font-style: italic; }
    .welcome-tour-page .verify-email--error div.alert .close {
      display: none; }

@keyframes pulse-up {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.06); } }

.linebot {
  padding: 15px; }

.cancel-rec-sub .modal-dialog {
  max-width: 600px; }

.cancel-rec-sub .cursive-font {
  font-size: 28px;
  font-weight: 600; }
  @media (max-width: 1024px) {
    .cancel-rec-sub .cursive-font {
      font-size: 26px; } }
  @media (max-width: 767px) {
    .cancel-rec-sub .cursive-font {
      font-size: 22px; } }

.cancel-rec-sub img {
  max-width: 250px;
  margin: 30px auto;
  display: block; }

.cancel-rec-sub .buttons {
  padding-right: 20px; }
  @media (max-width: 767px) {
    .cancel-rec-sub .buttons {
      padding-right: 0; } }

.dark-mode .ticket-plugin-page .ticket-card--settings-panel .ticket-card--settings-item.custom-code .panel-body {
  border-color: #555555; }

.dark-mode .ticket-plugin-page .ticket-validate-container .qr-reader #video-qr-reader {
  border-color: #555555; }

.dark-mode .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container {
  background: #282828; }
  .dark-mode .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .info-line--view-booking {
    color: #06ADEF; }
  .dark-mode .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .info-line--status.status-used {
    color: #1d9ed1; }
  .dark-mode .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .info-line--ticket-status.cancelled, .dark-mode .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .info-line--ticket-status.canceled {
    color: #FF3259; }
  .dark-mode .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .info-line--booking-status.pending {
    color: #1d9ed1; }
  .dark-mode .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .info-line--booking-status.cancelled, .dark-mode .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .info-line--booking-status.canceled {
    color: #FF3259; }
  .dark-mode .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .info-line--booking-status.error {
    color: #FF3259; }
  .dark-mode .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .info-line--booking-status.not_paid {
    color: #FF3259; }

.dark-mode .ticket-plugin-page .ticket-preview .panel-body {
  border-color: #555555; }

.ticket-plugin-page {
  position: relative;
  padding: 20px; }
  .ticket-plugin-page .plugin--not-available {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    padding: 15px;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1; }
  .ticket-plugin-page.ticket-card--not-available .plugin--not-available {
    display: flex; }
  .ticket-plugin-page.ticket-card--not-available .ticket-card {
    filter: blur(6px); }
  .ticket-plugin-page .ticket-card--settings-panel .ticket-card--settings-item.custom-code .panel-body {
    border: 1px solid #E7ECF7;
    border-radius: 4px;
    padding: 4px; }
    .ticket-plugin-page .ticket-card--settings-panel .ticket-card--settings-item.custom-code .panel-body .CodeMirror {
      height: 408px; }
  .ticket-plugin-page .ticket-card--settings-panel .ticket-card--validate-item.custom-code {
    width: 100%; }
    @media (max-width: 1200px) {
      .ticket-plugin-page .ticket-card--settings-panel .ticket-card--validate-item.custom-code {
        width: 100%; } }
  .ticket-plugin-page .ticket-preview .panel-body {
    padding: 12px;
    border-radius: 5px;
    border: 1px solid #E7ECF7; }
  .ticket-plugin-page .ticket-preview .scroll-box {
    overflow-x: auto; }
    .ticket-plugin-page .ticket-preview .scroll-box iframe {
      min-width: 800px;
      outline: none;
      border: none;
      margin-bottom: 5px; }
  .ticket-plugin-page #plugin_ticket_fields_div {
    max-height: 334px;
    overflow-y: scroll;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
    scrollbar-width: thin;
    scrollbar-color: #788291 #ABBCCC; }
    .ticket-plugin-page #plugin_ticket_fields_div::-webkit-scrollbar {
      width: 5px;
      height: 5px; }
      .ticket-plugin-page #plugin_ticket_fields_div::-webkit-scrollbar-track {
        background-clip: content-box;
        border: 1.25px solid transparent; }
      .ticket-plugin-page #plugin_ticket_fields_div::-webkit-scrollbar-thumb {
        background-color: #788291; }
        .ticket-plugin-page #plugin_ticket_fields_div::-webkit-scrollbar-thumb:hover {
          background-color: #6c7583; }
      .ticket-plugin-page #plugin_ticket_fields_div::-webkit-scrollbar-corner, .ticket-plugin-page #plugin_ticket_fields_div::-webkit-scrollbar-track {
        background-color: #ABBCCC; }
    .ticket-plugin-page #plugin_ticket_fields_div .common-var {
      line-height: 1.5;
      margin-bottom: 5px; }
  .ticket-plugin-page .ticket-validate-container {
    max-width: 800px;
    width: 100%;
    margin: 0 auto; }
    .ticket-plugin-page .ticket-validate-container .logo {
      width: 100%;
      text-align: center; }
    .ticket-plugin-page .ticket-validate-container .buttons-container {
      text-align: center;
      margin: 20px 0px 0px 0px; }
    .ticket-plugin-page .ticket-validate-container .qr-reader #video-qr-reader {
      width: 100%;
      min-height: 450px;
      border: 1px solid gray; }
  .ticket-plugin-page .ticket-scan-container {
    width: 100%;
    max-width: 1200px; }
    .ticket-plugin-page .ticket-scan-container .ticket-scan--content {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start; }
      @media (max-width: 767px) {
        .ticket-plugin-page .ticket-scan-container .ticket-scan--content {
          flex-direction: column;
          justify-content: center; } }
      .ticket-plugin-page .ticket-scan-container .ticket-scan--content .title {
        font-weight: 600; }
      .ticket-plugin-page .ticket-scan-container .ticket-scan--content .scan--con-item-data {
        width: calc(100% - 350px);
        padding-right: 30px; }
        @media (max-width: 767px) {
          .ticket-plugin-page .ticket-scan-container .ticket-scan--content .scan--con-item-data {
            width: 100%;
            padding-right: 0;
            margin-bottom: 15px;
            text-align: center; } }
      .ticket-plugin-page .ticket-scan-container .ticket-scan--content .scan--con-item-image {
        text-align: center;
        min-width: 340px;
        width: 340px; }
        .ticket-plugin-page .ticket-scan-container .ticket-scan--content .scan--con-item-image img {
          max-width: 200px;
          margin-bottom: 15px; }
        @media (max-width: 767px) {
          .ticket-plugin-page .ticket-scan-container .ticket-scan--content .scan--con-item-image {
            min-width: 200px;
            width: 100%;
            margin-bottom: 15px; } }
    .ticket-plugin-page .ticket-scan-container .qr-reader .camera--view-wrapper {
      position: relative;
      width: 100%;
      max-width: 250px;
      height: 250px;
      margin: 0 auto 20px auto;
      overflow: hidden; }
      .ticket-plugin-page .ticket-scan-container .qr-reader .camera--view-wrapper .camera--view {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        border: 0;
        width: 100%;
        height: 100%;
        min-height: 334px; }
    .ticket-plugin-page .ticket-scan-container .scan-ticket-info__result-controller {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      margin: 0 -5px; }
      .ticket-plugin-page .ticket-scan-container .scan-ticket-info__result-controller .btn {
        margin: 5px; }
    .ticket-plugin-page .ticket-scan-container .scan-ticket-info__result-print {
      width: 100%; }
      .ticket-plugin-page .ticket-scan-container .scan-ticket-info__result-print .print-label--wrapper {
        text-align: right; }
        @media (max-width: 767px) {
          .ticket-plugin-page .ticket-scan-container .scan-ticket-info__result-print .print-label--wrapper {
            text-align: center; } }
      .ticket-plugin-page .ticket-scan-container .scan-ticket-info__result-print .result-print-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px; }
        @media (max-width: 767px) {
          .ticket-plugin-page .ticket-scan-container .scan-ticket-info__result-print .result-print-row {
            justify-content: center;
            text-align: center; } }
      .ticket-plugin-page .ticket-scan-container .scan-ticket-info__result-print .result-print-col {
        padding: 6px 10px; }
        .ticket-plugin-page .ticket-scan-container .scan-ticket-info__result-print .result-print-col--info {
          font-size: 16px; }
          .ticket-plugin-page .ticket-scan-container .scan-ticket-info__result-print .result-print-col--info--negative span {
            background: #c8e6c9; }
          .ticket-plugin-page .ticket-scan-container .scan-ticket-info__result-print .result-print-col--info--positive span {
            background: #ffcdd2; }
          .ticket-plugin-page .ticket-scan-container .scan-ticket-info__result-print .result-print-col--info--inconclusive span {
            background: #ffecb3; }
          .ticket-plugin-page .ticket-scan-container .scan-ticket-info__result-print .result-print-col--info span {
            font-weight: bold;
            display: inline-block;
            padding: 6px 16px;
            border-radius: 15px;
            min-width: 100px;
            text-align: center;
            margin: 5px 5px 5px 0;
            line-height: 1; }
    .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container {
      background: #fff;
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
      padding: 20px;
      border-radius: 3px; }
      .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .scan-ticket-info-row {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        @media (max-width: 767px) {
          .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .scan-ticket-info-row {
            flex-direction: column; } }
      .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .scan-ticket-info-col {
        width: 48%; }
        @media (max-width: 767px) {
          .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .scan-ticket-info-col {
            width: 100%;
            margin-bottom: 20px; }
            .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .scan-ticket-info-col:last-child {
              margin-bottom: 0; } }
        .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .scan-ticket-info-col__controls {
          display: flex;
          flex-direction: column;
          align-items: flex-end; }
          @media (max-width: 767px) {
            .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .scan-ticket-info-col__controls {
              align-items: center; } }
        .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .scan-ticket-info-col__footer {
          width: 100%; }
          .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .scan-ticket-info-col__footer .info-line {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap; }
          .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .scan-ticket-info-col__footer-title {
            margin-bottom: 0;
            margin-right: 15px; }
      .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .info-line {
        margin-bottom: 10px;
        display: flex;
        align-items: baseline; }
        .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .info-line:last-child {
          margin-bottom: 0; }
        .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .info-line .ico {
          font-size: 16px;
          min-width: 30px;
          width: 30px;
          text-align: center;
          margin-right: 5px; }
        .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .info-line--view-booking {
          display: inline-flex;
          background: transparent;
          outline: none;
          box-shadow: none;
          border: none;
          color: #06ADEF;
          cursor: pointer;
          padding: 0; }
          .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .info-line--view-booking .ico {
            margin-right: 10px; }
      .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .info-line--name {
        font-size: 18px;
        margin-bottom: 15px;
        font-weight: 600; }
      .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .info-line--status.status-used {
        color: #06adef; }
      .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .info-line--ticket-status.cancelled, .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .info-line--ticket-status.canceled {
        display: block;
        color: red; }
      .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .info-line--booking-status.pending {
        display: block; }
      .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .info-line--booking-status.pending {
        color: #06adef; }
      .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .info-line--booking-status.cancelled, .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .info-line--booking-status.canceled {
        color: red; }
      .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .info-line--booking-status.error {
        color: red; }
      .ticket-plugin-page .ticket-scan-container .scan-ticket-info-container .info-line--booking-status.not_paid {
        color: red; }
    .ticket-plugin-page .ticket-scan-container .scan--mob-control-panel {
      text-align: center;
      display: none; }
      .ticket-plugin-page .ticket-scan-container .scan--mob-control-panel.in {
        display: block; }
      .ticket-plugin-page .ticket-scan-container .scan--mob-control-panel .btn-group .btn .ico {
        margin-right: 6px; }

.dark-mode .online-meeting .divider {
  background-color: #555555; }

.dark-mode .online-meeting .card-meeting-via__header, .dark-mode .online-meeting__control {
  border-color: #555555; }

.online-meeting {
  display: flex;
  justify-content: flex-start;
  margin: 0 auto; }
  @media (max-width: 1024px) {
    .online-meeting {
      flex-direction: column; } }
  .online-meeting .divider {
    height: 1px;
    width: 100%;
    background-color: #E7ECF7;
    margin-bottom: 14px; }
  .online-meeting--settings {
    flex-direction: column;
    max-width: 700px;
    margin: 0;
    gap: 16px; }
    .online-meeting--settings .title {
      margin-bottom: 6px; }
  .online-meeting__control {
    width: 100%;
    padding: 16px 22px;
    border: 1px solid #E7ECF7;
    border-radius: 5px; }
  .online-meeting__control-is-auth {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    .online-meeting__control-is-auth .is-auth--txt {
      margin-right: 15px;
      display: flex;
      align-items: center; }
      .online-meeting__control-is-auth .is-auth--txt img {
        min-width: 35px;
        width: 35px;
        margin-right: 15px; }
      .online-meeting__control-is-auth .is-auth--txt .p {
        margin: 0; }
  .online-meeting__control-no-login {
    display: flex;
    align-items: flex-end;
    justify-content: space-between; }
    .online-meeting__control-no-login .form-group, .online-meeting__control-no-login .element-container {
      margin-right: 15px;
      margin-bottom: 0;
      width: 100%; }
      .online-meeting__control-no-login .form-group .control-label, .online-meeting__control-no-login .element-container .control-label {
        display: flex;
        align-items: center;
        min-height: 28px;
        padding: 4px 0; }
        .online-meeting__control-no-login .form-group .control-label .icon, .online-meeting__control-no-login .element-container .control-label .icon {
          margin-right: 10px;
          font-weight: 400;
          font-size: 20px;
          color: #ABBCCC; }
  .online-meeting .title--h3 {
    font-size: 18px;
    font-weight: 600; }
  .online-meeting__header {
    display: flex;
    align-items: center;
    min-height: 70px; }
    @media (max-width: 1024px) {
      .online-meeting__header {
        padding: 10px 30px;
        border-bottom: 2px solid #fafafa; } }
  @media (max-width: 1024px) and (max-width: 575px) {
    .online-meeting__header {
      padding: 10px 15px; } }
    .online-meeting__header .title {
      margin-bottom: 0; }
  .online-meeting__meeting-welcome {
    margin-right: 40px;
    width: 45%; }
    @media (max-width: 1024px) {
      .online-meeting__meeting-welcome {
        margin-right: 0;
        margin-bottom: 15px;
        background: #fff;
        width: 100%; } }
  .online-meeting .meeting-welcome__body .p--descr {
    margin-bottom: 25px; }
  .online-meeting .meeting-welcome__body .btn {
    margin-bottom: 20px; }
  @media (max-width: 1024px) {
    .online-meeting .meeting-welcome__body {
      padding: 30px; } }
  @media (max-width: 575px) {
    .online-meeting .meeting-welcome__body {
      padding: 20px 15px; } }
  .online-meeting__card-meeting-via {
    width: 100%;
    max-width: 800px; }
  .online-meeting .card-meeting-via__header {
    padding: 10px 0;
    border-bottom: 1px solid #E7ECF7; }
    .online-meeting .card-meeting-via__header .header--image {
      margin-right: 20px;
      min-width: 44px;
      width: 44px; }
      .online-meeting .card-meeting-via__header .header--image img {
        max-height: 44px; }
    .online-meeting .card-meeting-via__header .title {
      margin: 0;
      font-weight: 500;
      font-size: 16px; }
  .online-meeting .card-meeting-via__body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0; }
    @media (max-width: 575px) {
      .online-meeting .card-meeting-via__body {
        padding: 20px 0; } }
  .online-meeting .card-meeting-via__info-list {
    margin-right: 30px; }
    @media (max-width: 575px) {
      .online-meeting .card-meeting-via__info-list {
        margin-right: 15px; } }
  .online-meeting .card-meeting-via__list-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px; }
    .online-meeting .card-meeting-via__list-item .ico {
      width: 30px;
      min-width: 30px;
      text-align: center;
      font-size: 18px;
      font-weight: 400;
      margin-right: 10px; }
  .online-meeting .card-meeting-via__picture {
    min-width: 140px; }
    @media (max-width: 575px) {
      .online-meeting .card-meeting-via__picture {
        min-width: 80px; } }

#wpar-ga-check {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 20px; }
  #wpar-ga-check .messages-container {
    width: 100%;
    max-width: 540px;
    margin: 0 auto 20px auto; }

#wpar-ga-check .messages-container .alert:first-letter {
  text-transform: uppercase; }

#wpar-ga-check .messages-container .alert p:first-letter,
#wpar-ga-check .messages-container .alert > div:first-letter {
  text-transform: uppercase; }

.hipaa-ga__wrapper {
  max-width: 540px;
  margin: 5px auto 0;
  padding: 0; }
  .hipaa-ga__wrapper .one-line {
    display: flex; }
  .hipaa-ga__wrapper .login-form-wrap {
    padding: 25px 30px 0 30px; }
    @media (max-width: 600px) {
      .hipaa-ga__wrapper .login-form-wrap {
        padding: 25px 20px 0 20px; } }

.hipaa-ga__form-wrapper .title {
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 22px;
  font-weight: bold;
  color: #2c3547; }

.hipaa-ga__form-wrapper hr {
  display: none; }

.hipaa-ga__form-wrapper #google-authenticator-form .qrcode {
  max-width: 128px;
  margin-bottom: 20px; }

.hipaa-ga__form-wrapper #google-authenticator-form .ga-warning {
  border-radius: 0;
  padding: 16px 30px;
  margin: 16px -30px;
  line-height: 1.4;
  font-size: 14px;
  color: #2c3547;
  background: #ffe4e4; }
  @media (max-width: 600px) {
    .hipaa-ga__form-wrapper #google-authenticator-form .ga-warning {
      margin-left: -20px;
      margin-right: -20px; } }

.hipaa-ga__btn-bar {
  padding-top: 10px;
  margin-bottom: 20px; }
  .hipaa-ga__btn-bar--app {
    margin-bottom: 10px; }
  .hipaa-ga__btn-bar .btn-bar--row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -5px; }
    .hipaa-ga__btn-bar .btn-bar--row #resend-code-btn:first-letter {
      text-transform: uppercase; }
    .hipaa-ga__btn-bar .btn-bar--row .btn {
      margin: 5px;
      min-width: 110px; }

.hipaa-ga__btn--qr-code {
  position: relative;
  min-height: 1px;
  max-width: 120px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  z-index: 3; }

.hipaa-ga__skip-tour {
  margin-left: -30px;
  margin-right: -30px;
  padding: 20px 30px;
  background: #f1f6ff;
  border-top: 1px solid #d7dfef; }
  @media (max-width: 600px) {
    .hipaa-ga__skip-tour {
      margin-left: -20px;
      margin-right: -20px; } }
  .hipaa-ga__skip-tour--row {
    position: relative;
    padding-left: 30px;
    font-size: 14px; }
    .hipaa-ga__skip-tour--row .ico {
      font-size: 20px;
      position: absolute;
      top: 2px;
      left: 0;
      color: #ABBCCC; }

.hipaa-ga__picture {
  display: block;
  width: 100%;
  max-width: 150px;
  margin: 0 auto 5px auto; }

.hipaa-ga__step-item-num {
  display: inline-block;
  margin-right: 10px; }

#hipaa-ga-check {
  width: 100%; }
  #hipaa-ga-check .google-authenticator-block .shop-link {
    background-repeat: no-repeat;
    border-radius: 3px;
    position: relative;
    text-align: left;
    display: inline-block;
    width: 132px;
    padding-left: 40px;
    background-color: #fff; }
    #hipaa-ga-check .google-authenticator-block .shop-link:hover {
      background-color: #06ADEF; }
    #hipaa-ga-check .google-authenticator-block .shop-link:active {
      color: #fff; }
    #hipaa-ga-check .google-authenticator-block .shop-link.google-play:before {
      display: block;
      content: "";
      width: 27px;
      height: 27px;
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: 21px;
      background-size: 21px;
      background-image: url(/v2/images/admin/google-play.svg);
      position: absolute;
      left: 9px;
      top: 2px; }
    #hipaa-ga-check .google-authenticator-block .shop-link.app-store:before {
      display: block;
      content: "";
      width: 27px;
      height: 27px;
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: 21px;
      background-size: 21px;
      background-image: url(/v2/images/admin/app-store.svg);
      position: absolute;
      left: 9px;
      top: 2px;
      fill: #06ADEF; }
  #hipaa-ga-check .google-authenticator-block .qrcode {
    background-repeat: no-repeat;
    width: 120px;
    height: 120px;
    border-radius: 4px;
    display: none;
    -webkit-animation: fadeOut 1s;
    animation: fadeOut 1s;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #ffffff;
    background-size: 75% 75%;
    background-position: center center;
    margin: 0px auto;
    border: 1px solid #b0b0ad; }
    #hipaa-ga-check .google-authenticator-block .qrcode.google-play {
      background-image: url("/v2/images/simplybook/googleplay_qr.png"); }
    #hipaa-ga-check .google-authenticator-block .qrcode.app-store {
      background-image: url("/v2/images/simplybook/appstore_qr.png"); }
    #hipaa-ga-check .google-authenticator-block .qrcode.active {
      display: block;
      -webkit-animation: fadeIn 1s;
      animation: fadeIn 1s; }
      @media (max-width: 1024px) {
        #hipaa-ga-check .google-authenticator-block .qrcode.active {
          display: none; } }

.delete-company-page {
  padding: 20px; }
  .delete-company-page_content {
    max-width: 1500px; }
  .delete-company-page .error-messages {
    display: none; }
  .delete-company-page .delete-company--alert {
    padding: 20px;
    border-radius: 5px;
    background: #F1F6FF;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px 22px;
    margin-bottom: 20px; }
    @media (max-width: 766px) {
      .delete-company-page .delete-company--alert {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center; } }
    .delete-company-page .delete-company--alert_body {
      flex: 1; }
    .delete-company-page .delete-company--alert_picture-sb {
      display: block; }
    .delete-company-page .delete-company--alert_picture-wl {
      display: none; }
  .delete-company-page .reasons {
    margin: 20px 0 35px 0; }
    .delete-company-page .reasons .reasons-item {
      padding: 6px 0; }
      .delete-company-page .reasons .reasons-item .form-group, .delete-company-page .reasons .reasons-item .element-container {
        margin: 0;
        padding: 0; }
    .delete-company-page .reasons .comments-container {
      display: none;
      margin-top: 15px; }
      .delete-company-page .reasons .comments-container.active {
        display: block; }
  .delete-company-page .delete-check {
    display: block;
    width: 100%;
    background: #fff2f2;
    border: 1px solid #ff9292;
    padding: 15px 15px 15px 48px;
    max-width: 800px;
    border-radius: 4px;
    position: relative;
    font-size: 1.1em;
    color: #000000;
    margin-bottom: 26px; }
    @media (max-width: 767px) {
      .delete-company-page .delete-check {
        padding: 15px; } }
    .delete-company-page .delete-check .check-item {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      gap: 8px; }
    .delete-company-page .delete-check .check-item label,
    .delete-company-page .delete-check .important-title label {
      font-weight: normal;
      font-size: 16px; }
    .delete-company-page .delete-check .check-item:last-child,
    .delete-company-page .delete-check .important-title:last-child {
      margin-bottom: 0px; }
    .delete-company-page .delete-check .danger-icon {
      font-size: 16px;
      position: absolute;
      top: 14px;
      left: 24px;
      color: #ff9292; }
      @media (max-width: 767px) {
        .delete-company-page .delete-check .danger-icon {
          position: static;
          margin-bottom: 8px;
          text-align: center;
          font-size: 26px; } }
    .delete-company-page .delete-check .important-title {
      text-transform: capitalize;
      font-weight: bold;
      font-size: 18px; }
      @media (max-width: 767px) {
        .delete-company-page .delete-check .important-title {
          text-align: center; } }
    .delete-company-page .delete-check .p {
      font-style: italic; }
  .delete-company-page .delete-company--btn-bar {
    padding-top: 20px; }
    .delete-company-page .delete-company--btn-bar .btn-bar__row {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 6px 8px; }
      @media (min-width: 767px) {
        .delete-company-page .delete-company--btn-bar .btn-bar__row {
          justify-content: flex-start; } }

.sad-image-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 24px;
  padding: 22px 0;
  width: 100%;
  max-width: 400px; }
  .sad-image-container .sad-image-sb {
    display: block; }
  .sad-image-container .sad-image-wl {
    display: none; }

.modal__cancel .modal__header {
  border-bottom: 1px solid #f67a6e !important; }

@media (min-width: 640px) {
  .modal__delete-company .modal-dialog {
    max-width: 600px; } }

.modal__delete-company .modal__header {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 46px;
  padding: 5px 0 5px 0;
  border-bottom: 1px solid transparent;
  margin-bottom: 35px; }
  .modal__delete-company .modal__header .close {
    position: absolute;
    width: 40px;
    height: 40px;
    top: -5px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(/v2/images/simplybook/delete-company/icon__close.svg) no-repeat center;
    background-size: 14px;
    opacity: 1; }
  .modal__delete-company .modal__header-title {
    font-size: 18px;
    font-weight: 700;
    padding: 0;
    margin: 0; }
  .modal__delete-company .modal__header-phantom {
    text-align: center;
    display: none; }

.modal__delete-company .modal__body {
  margin-bottom: 30px; }

.modal__delete-company .modal__footer {
  margin-bottom: 15px; }
  .modal__delete-company .modal__footer .btn-bar {
    display: flex;
    margin-left: -5px;
    margin-right: -5px;
    justify-content: flex-end;
    flex-wrap: wrap; }
    @media (max-width: 700px) {
      .modal__delete-company .modal__footer .btn-bar {
        align-items: center;
        justify-content: center; } }
    .modal__delete-company .modal__footer .btn-bar .btn {
      margin: 4px 5px;
      padding-left: 25px;
      padding-right: 25px;
      border-radius: 25px; }

.modal__delete-company .modal-content {
  padding: 20px 25px; }
  @media (max-width: 767px) {
    .modal__delete-company .modal-content {
      padding: 20px; } }
  .modal__delete-company .modal-content .p {
    font-size: 14px;
    color: #788291;
    margin: 0;
    padding: 0; }
  .modal__delete-company .modal-content .title--h3 {
    font-size: 20px;
    margin-bottom: 5px; }

.modal__delete-company .sm-banner {
  padding: 30px 30px 20px 30px;
  background: #FFF8EA;
  border-radius: 5px;
  margin: 25px 0 20px 0; }
  @media (max-width: 700px) {
    .modal__delete-company .sm-banner {
      padding-bottom: 30px; } }
  .modal__delete-company .sm-banner__row {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -20px;
    margin-right: -20px; }
    @media (max-width: 700px) {
      .modal__delete-company .sm-banner__row {
        flex-direction: column;
        text-align: center; } }
  .modal__delete-company .sm-banner__item {
    padding-left: 20px;
    padding-right: 20px; }
    .modal__delete-company .sm-banner__item-picture {
      display: block;
      text-align: center;
      min-width: 234px; }
      .modal__delete-company .sm-banner__item-picture img {
        max-height: 164px; }
    @media (max-width: 700px) {
      .modal__delete-company .sm-banner__item-content {
        margin-bottom: 30px; } }
    .modal__delete-company .sm-banner__item-content .title {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 5px; }
    .modal__delete-company .sm-banner__item-content .btn-bar {
      padding-top: 15px;
      display: flex;
      flex-direction: column;
      align-items: baseline; }
      @media (max-width: 700px) {
        .modal__delete-company .sm-banner__item-content .btn-bar {
          align-items: center;
          justify-content: center; } }
      .modal__delete-company .sm-banner__item-content .btn-bar a {
        margin: 4px 0; }
        .modal__delete-company .sm-banner__item-content .btn-bar a.btn {
          margin-bottom: 8px; }

.modal__delete-company.modal__delete-company_v2 .modal__header {
  justify-content: center;
  padding-top: 45px; }

.modal__delete-company.modal__delete-company_v2 .modal__body {
  text-align: center; }
  .modal__delete-company.modal__delete-company_v2 .modal__body .sm-banner__item-picture {
    margin-bottom: 25px; }
    .modal__delete-company.modal__delete-company_v2 .modal__body .sm-banner__item-picture img {
      max-height: 186px; }
  .modal__delete-company.modal__delete-company_v2 .modal__body .p--secondary {
    font-weight: 300;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto; }
  .modal__delete-company.modal__delete-company_v2 .modal__body .btn-bar {
    padding-top: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    .modal__delete-company.modal__delete-company_v2 .modal__body .btn-bar .btn {
      margin-bottom: 10px; }
      .modal__delete-company.modal__delete-company_v2 .modal__body .btn-bar .btn--primary-sm {
        padding: 11px 25px; }
      .modal__delete-company.modal__delete-company_v2 .modal__body .btn-bar .btn:last-child {
        margin-bottom: 0; }

.dark-mode .delete-company-page .delete-company--alert {
  background: #282828; }

.dark-mode .delete-company-page .delete-check {
  color: #f9f9f9;
  background: #3e292d; }

.dark-mode .page--metricool .metricool-grid_item-content .list-item:before {
  background: #bcbcbc; }

.dark-mode .page--metricool .metricool-grid_item-content .metricool_btn-cta b {
  color: #f9f9f9; }

.dark-mode .page--metricool .metricool-grid_item-picture:before {
  background: #282828; }

.dark-mode .page--metricool .metricool-grid_item-picture picture:before {
  background: linear-gradient(90deg, rgba(40, 40, 40, 0.0242691) 0%, #282828 50%); }

.dark-mode .popover-tour .arrow {
  border-color: transparent #1a1a1a transparent transparent; }

.dark-mode .metricool--trial-alert {
  border: 1px solid #555555; }
  .dark-mode .metricool--trial-alert_icon {
    color: #bfbfbf; }

.metricool--iframe {
  padding: 8px; }
  .metricool--iframe .metric-frame {
    width: 100%; }

.metricool--alert .p span {
  position: relative;
  top: 0.02em;
  font-weight: bolder;
  background: linear-gradient(275deg, #8436FF 2.48%, #2494F3 94.59%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.metricool--trial-alert {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 12px 20px;
  margin-bottom: 20px;
  padding: 8px 16px 10px 16px;
  border-radius: 8px;
  border: 1px solid #E7ECF7; }
  .metricool--trial-alert_icon {
    position: relative;
    top: 0;
    display: inline-block;
    text-align: center;
    line-height: 0.5;
    color: #0B3052; }
    .metricool--trial-alert_icon svg {
      height: 24px; }
  .metricool--trial-alert_content {
    flex: 1;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    min-width: 230px; }
  .metricool--trial-alert_action {
    margin-left: auto;
    position: relative; }

.page--metricool {
  width: 100%;
  padding: 20px;
  min-height: 80dvh;
  overflow: hidden; }
  .page--metricool .metricool-grid {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 25px 20px;
    flex-direction: column; }
    @media (min-width: 767px) {
      .page--metricool .metricool-grid {
        flex-direction: row;
        align-items: center; } }
    .page--metricool .metricool-grid_item {
      flex: 1; }
      .page--metricool .metricool-grid_item-content {
        max-width: 710px; }
        @media (min-width: 767px) {
          .page--metricool .metricool-grid_item-content {
            min-width: 400px; } }
        .page--metricool .metricool-grid_item-content .title {
          margin-bottom: 5px; }
        .page--metricool .metricool-grid_item-content .list {
          display: flex;
          flex-direction: column;
          gap: 8px;
          margin-bottom: 32px; }
          .page--metricool .metricool-grid_item-content .list-item {
            display: block;
            position: relative;
            width: 100%;
            padding-left: 22px;
            font-weight: normal; }
            .page--metricool .metricool-grid_item-content .list-item__caption {
              font-weight: 500;
              display: inline;
              padding-right: 5px; }
            .page--metricool .metricool-grid_item-content .list-item__info {
              display: inline; }
            .page--metricool .metricool-grid_item-content .list-item:before {
              content: '';
              display: block;
              position: absolute;
              top: 8px;
              left: 6px;
              border-radius: 10px;
              width: 5px;
              height: 5px;
              background: #788291; }
        @media (max-width: 767px) {
          .page--metricool .metricool-grid_item-content .btn-bar__row {
            justify-content: center; } }
        .page--metricool .metricool-grid_item-content .metricool_btn-cta {
          display: flex;
          flex-direction: column;
          gap: 8px;
          align-items: center;
          justify-content: center;
          text-align: center; }
          .page--metricool .metricool-grid_item-content .metricool_btn-cta b {
            font-weight: normal;
            color: #0B3052; }
      .page--metricool .metricool-grid_item-picture {
        flex: unset;
        position: relative;
        margin-right: -20px; }
        .page--metricool .metricool-grid_item-picture:before {
          content: '';
          display: block;
          position: absolute;
          top: -11%;
          right: -25%;
          height: 122%;
          aspect-ratio: 1/1;
          border-radius: 50%;
          background: #F1F6FF;
          z-index: -1; }
        @media (min-width: 767px) {
          .page--metricool .metricool-grid_item-picture {
            min-width: 570px; } }
        .page--metricool .metricool-grid_item-picture picture {
          display: inline-block;
          position: relative;
          z-index: 2; }
          .page--metricool .metricool-grid_item-picture picture:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            width: 40px;
            background: #f1f6ff;
            background: linear-gradient(90deg, rgba(241, 246, 255, 0.0242691) 0%, #f1f6ff 50%); }
          .page--metricool .metricool-grid_item-picture picture .btn-tutorial {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 3; }
            @media only screen and (min-width: 768px) and (max-width: 840px) {
              .page--metricool .metricool-grid_item-picture picture .btn-tutorial {
                transform: translate(-130px, -50%); } }

.modal--metricool-trial .modal-footer .btn {
  flex: 1;
  justify-content: center; }

.dark-mode .management-app .main-title {
  color: #f9f9f9; }

@media (max-width: 1200px) {
  .dark-mode .management-app .grid--management .grid-item__form-content {
    background: #1a1a1a; } }

.dark-mode .management-app .grid--management .grid-item__form-content .management-app-steps > .step .step-header {
  background: #282828; }
  .dark-mode .management-app .grid--management .grid-item__form-content .management-app-steps > .step .step-header .title-container .icon {
    color: #ABBCCC; }
  .dark-mode .management-app .grid--management .grid-item__form-content .management-app-steps > .step .step-header:hover {
    background: #232323; }

.dark-mode .management-app .grid--management .grid-item__form-content .management-app-steps > .step.active .step-header {
  background: #232323; }

.dark-mode .management-app .grid--management .grid-item__form-content .management-app-steps > .step:empty {
  display: none; }

.dark-mode .management-app .list-item {
  background: #282828;
  border-color: #303030; }
  .dark-mode .management-app .list-item.saml-user-item {
    background: #232323; }
  .dark-mode .management-app .list-item.active {
    background: #242424; }
  .dark-mode .management-app .list-item.sb-item-disabled {
    background: #3b3b3b; }
    .dark-mode .management-app .list-item.sb-item-disabled .actions-group {
      opacity: unset; }
  .dark-mode .management-app .list-item.category__of-product .duotone .fill {
    fill: #bcbcbc; }
  .dark-mode .management-app .list-item.category__of-product .duotone .fill-darker {
    fill: #898989; }
  .dark-mode .management-app .list-item.category__of-product .duotone .fill-darker-stroke {
    stroke: #898989;
    fill: none; }
  .dark-mode .management-app .list-item.category__of-product .duotone .fill-stroke {
    stroke: #bcbcbc;
    fill: none; }
  .dark-mode .management-app .list-item.category__of-product.default .duotone .fill {
    fill: #06ADEF; }
  .dark-mode .management-app .list-item.category__of-product.default .duotone .fill-darker {
    fill: #047ba9; }
  .dark-mode .management-app .list-item.category__of-product.default .duotone .fill-darker-stroke {
    stroke: #047ba9; }
  .dark-mode .management-app .list-item.category__of-product.default .duotone .fill-stroke {
    stroke: #06ADEF; }
  .dark-mode .management-app .list-item:hover, .dark-mode .management-app .list-item.category:hover, .dark-mode .management-app .list-item.category.default:hover {
    background: #1f1f1f; }
  .dark-mode .management-app .list-item .sb-up-button,
  .dark-mode .management-app .list-item .sb-down-button {
    color: #f9f9f9; }
    .dark-mode .management-app .list-item .sb-up-button:hover:not(.inactive),
    .dark-mode .management-app .list-item .sb-down-button:hover:not(.inactive) {
      cursor: pointer;
      color: #06ADEF; }
    .dark-mode .management-app .list-item .sb-up-button.inactive,
    .dark-mode .management-app .list-item .sb-down-button.inactive {
      cursor: default;
      color: #788291; }

.dark-mode .management-app .step-header,
.dark-mode .management-app .management-app-steps .step.active .step-header {
  background-color: #282828; }
  .dark-mode .management-app .step-header:hover,
  .dark-mode .management-app .management-app-steps .step.active .step-header:hover {
    background-color: #242424; }

.dark-mode .management-app .title-container .icon {
  color: #bfbfbf; }

.dark-mode .management-app .title-container .data {
  color: #bcbcbc; }

.dark-mode .management-app .management-app-steps .step {
  border-color: #555555; }

.dark-mode .management-app hr {
  border-color: rgba(48, 48, 48, 0.6); }

.dark-mode .management-app .sb-toolbar-items .toolbar-item .custom-dropdown-menu {
  background-color: #1a1a1a; }
  .dark-mode .management-app .sb-toolbar-items .toolbar-item .custom-dropdown-menu .custom-dropdown-header {
    border-color: #555555;
    background: #242424; }
  .dark-mode .management-app .sb-toolbar-items .toolbar-item .custom-dropdown-menu a {
    background-color: transparent;
    color: #bcbcbc; }
    .dark-mode .management-app .sb-toolbar-items .toolbar-item .custom-dropdown-menu a:hover {
      background-color: #282828;
      color: #f9f9f9; }

.dark-mode .management-app .description-block--img img {
  filter: grayscale(0.7) invert(88%); }

.dark-mode .management-app .sb-form-content .list-item {
  border-color: #303030; }

.dark-mode .management-app .sb-form-content .sb-list-items .list-item .actions-group .control-label,
.dark-mode .management-app .sb-form-content .sb-list-items .list-item .actions-group .label,
.dark-mode .management-app .sb-form-content .sb-list-items .list-item .actions-group {
  color: #bfbfbf; }

.management-app {
  padding: 5px; }
  .management-app .generate-ai-description-block {
    position: relative;
    top: -6px;
    width: 100%;
    justify-content: flex-end;
    margin-top: -10px; }
    .management-app .generate-ai-description-block .sb-generate-service-description-btn.loading:disabled {
      cursor: wait; }
    .management-app .generate-ai-description-block .attempts-left-span {
      font-size: 12px;
      font-weight: 560; }
  .management-app .grid--management .grid-item__list-content {
    min-width: 488px;
    max-width: 488px; }
    @media (max-width: 1200px) {
      .management-app .grid--management .grid-item__list-content {
        min-width: unset;
        max-width: 100%;
        width: 100%; }
        .management-app .grid--management .grid-item__list-content.form-visible {
          max-height: 50vh;
          overflow: hidden; } }
  .management-app .grid--management .grid-item__form-content {
    max-width: 1100px; }
    @media (min-width: 1200px) {
      .management-app .grid--management .grid-item__form-content {
        position: sticky !important;
        top: 70px !important; }
        .management-app .grid--management .grid-item__form-content .management--form-content {
          max-height: calc(100vh - 78px);
          overflow: auto;
          scrollbar-width: thin;
          scrollbar-color: #788291 #ABBCCC; }
          .management-app .grid--management .grid-item__form-content .management--form-content::-webkit-scrollbar {
            width: 5px;
            height: 5px; }
            .management-app .grid--management .grid-item__form-content .management--form-content::-webkit-scrollbar-track {
              background-clip: content-box;
              border: 1.25px solid transparent; }
            .management-app .grid--management .grid-item__form-content .management--form-content::-webkit-scrollbar-thumb {
              background-color: #788291; }
              .management-app .grid--management .grid-item__form-content .management--form-content::-webkit-scrollbar-thumb:hover {
                background-color: #6c7583; }
            .management-app .grid--management .grid-item__form-content .management--form-content::-webkit-scrollbar-corner, .management-app .grid--management .grid-item__form-content .management--form-content::-webkit-scrollbar-track {
              background-color: #ABBCCC; } }
    @media (max-width: 1200px) {
      .management-app .grid--management .grid-item__form-content {
        position: fixed;
        top: 60px;
        left: auto;
        right: -100%;
        display: flex;
        flex-direction: column;
        max-width: unset;
        width: 100%;
        height: calc(100% - 100px);
        margin: 0;
        transition: all 0.5s ease;
        z-index: 10;
        background: #fff; }
        .management-app .grid--management .grid-item__form-content .management--form-content {
          width: 100%;
          flex: 1 1 auto;
          overflow: auto;
          scrollbar-width: thin;
          scrollbar-color: #788291 #ABBCCC; }
          .management-app .grid--management .grid-item__form-content .management--form-content::-webkit-scrollbar {
            width: 8px;
            height: 8px; }
            .management-app .grid--management .grid-item__form-content .management--form-content::-webkit-scrollbar-track {
              background-clip: content-box;
              border: 2px solid transparent; }
            .management-app .grid--management .grid-item__form-content .management--form-content::-webkit-scrollbar-thumb {
              background-color: #788291; }
              .management-app .grid--management .grid-item__form-content .management--form-content::-webkit-scrollbar-thumb:hover {
                background-color: #6c7583; }
            .management-app .grid--management .grid-item__form-content .management--form-content::-webkit-scrollbar-corner, .management-app .grid--management .grid-item__form-content .management--form-content::-webkit-scrollbar-track {
              background-color: #ABBCCC; } }
    @media (max-width: 767px) {
      .management-app .grid--management .grid-item__form-content {
        height: calc(100% - 60px); } }
    .management-app .grid--management .grid-item__form-content.form-visible {
      right: 0; }
      @media (max-width: 767px) {
        .management-app .grid--management .grid-item__form-content.form-visible {
          right: 0; } }
      @media (max-width: 1200px) {
        .management-app .grid--management .grid-item__form-content.form-visible {
          width: calc(100% - 50px); } }
      @media (max-width: 767px) {
        .management-app .grid--management .grid-item__form-content.form-visible {
          width: calc(100% - 50px); } }
      @media (max-width: 575px) {
        .management-app .grid--management .grid-item__form-content.form-visible {
          width: 100%; } }
    .management-app .grid--management .grid-item__form-content .management-app-header__wrapper .title-container {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 10px;
      flex: 1; }
      .management-app .grid--management .grid-item__form-content .management-app-header__wrapper .title-container .icon {
        min-width: 20px;
        width: 20px;
        text-align: center;
        margin: 0;
        padding: 0;
        font-size: 18px;
        color: #ABBCCC; }
    .management-app .grid--management .grid-item__form-content .management-app-header {
      display: flex;
      padding: 0 0 16px 0;
      align-items: center;
      justify-content: flex-start;
      gap: 4px 12px; }
      .management-app .grid--management .grid-item__form-content .management-app-header .title {
        flex: 1; }
        .management-app .grid--management .grid-item__form-content .management-app-header .title:empty {
          display: none; }
      .management-app .grid--management .grid-item__form-content .management-app-header .title:empty + .btn-bar + .close.sb-close,
      .management-app .grid--management .grid-item__form-content .management-app-header .title:empty + .close.sb-close {
        margin-top: -19px;
        margin-bottom: -14px;
        margin-left: auto;
        margin-right: 0; }
      .management-app .grid--management .grid-item__form-content .management-app-header .close.btn--no-text {
        opacity: unset !important; }
      @media (min-width: 1200px) {
        .management-app .grid--management .grid-item__form-content .management-app-header .close {
          display: none; } }
      @media (max-width: 1200px) {
        .management-app .grid--management .grid-item__form-content .management-app-header .close .icon:before {
          content: '\f340'; } }
      .management-app .grid--management .grid-item__form-content .management-app-header .google-maps-booking-sync-icon {
        color: #caccd1 !important; }
        .management-app .grid--management .grid-item__form-content .management-app-header .google-maps-booking-sync-icon.active {
          color: #26dd7d !important; }
    .management-app .grid--management .grid-item__form-content .management-app-steps {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      flex-direction: column;
      gap: 8px; }
      .management-app .grid--management .grid-item__form-content .management-app-steps > .step {
        width: 100%; }
        .management-app .grid--management .grid-item__form-content .management-app-steps > .step .step-header {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          min-height: 62px;
          gap: 12px;
          padding: 4px 20px;
          margin-left: -20px;
          margin-right: -20px;
          background: #F1F6FF;
          cursor: pointer; }
          .management-app .grid--management .grid-item__form-content .management-app-steps > .step .step-header .title-container {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 10px;
            flex: 1;
            min-width: 146px; }
            .management-app .grid--management .grid-item__form-content .management-app-steps > .step .step-header .title-container__data {
              text-overflow: ellipsis;
              overflow: hidden; }
            .management-app .grid--management .grid-item__form-content .management-app-steps > .step .step-header .title-container .icon {
              min-width: 20px;
              width: 20px;
              text-align: center;
              margin: 0;
              padding: 0;
              font-size: 18px;
              color: #ABBCCC; }
            .management-app .grid--management .grid-item__form-content .management-app-steps > .step .step-header .title-container .title {
              font-weight: 500; }
            .management-app .grid--management .grid-item__form-content .management-app-steps > .step .step-header .title-container .title, .management-app .grid--management .grid-item__form-content .management-app-steps > .step .step-header .title-container .p--small {
              display: block;
              margin: 0;
              padding: 0;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
              line-height: 1.3; }
          .management-app .grid--management .grid-item__form-content .management-app-steps > .step .step-header .btn-bar__adaptive-wrapper {
            max-width: calc(99% - 166px); }
          .management-app .grid--management .grid-item__form-content .management-app-steps > .step .step-header:hover {
            background: #e7efff; }
        .management-app .grid--management .grid-item__form-content .management-app-steps > .step .step-content {
          padding: 12px 0;
          width: 100%; }
        .management-app .grid--management .grid-item__form-content .management-app-steps > .step .step-footer {
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: flex-end;
          gap: 4px;
          min-height: unset;
          padding: 8px 0; }
        .management-app .grid--management .grid-item__form-content .management-app-steps > .step .step-header.has-errors,
        .management-app .grid--management .grid-item__form-content .management-app-steps > .step .step-footer.has-errors {
          border: 1px solid #FF3259; }
        .management-app .grid--management .grid-item__form-content .management-app-steps > .step .step-header .is-changed,
        .management-app .grid--management .grid-item__form-content .management-app-steps > .step .step-footer .is-changed {
          display: none; }
          .management-app .grid--management .grid-item__form-content .management-app-steps > .step .step-header .is-changed.visible,
          .management-app .grid--management .grid-item__form-content .management-app-steps > .step .step-footer .is-changed.visible {
            display: inline; }
        .management-app .grid--management .grid-item__form-content .management-app-steps > .step.active .step-header {
          cursor: default;
          background: #e7efff; }
          .management-app .grid--management .grid-item__form-content .management-app-steps > .step.active .step-header .accordion-icon {
            display: none; }
        .management-app .grid--management .grid-item__form-content .management-app-steps > .step:not(.active) .step-footer,
        .management-app .grid--management .grid-item__form-content .management-app-steps > .step:not(.active) .step-content,
        .management-app .grid--management .grid-item__form-content .management-app-steps > .step:not(.active) .step-header .controls-container {
          display: none; }
        .management-app .grid--management .grid-item__form-content .management-app-steps > .step:not(.active) .step-header .accordion-icon {
          display: inline-block; }
        .management-app .grid--management .grid-item__form-content .management-app-steps > .step:empty {
          display: none; }
        .management-app .grid--management .grid-item__form-content .management-app-steps > .step .minicolors-position-left .minicolors-panel {
          left: auto;
          right: 0; }
    .management-app .grid--management .grid-item__form-content .settings {
      max-width: 500px; }
      .management-app .grid--management .grid-item__form-content .settings.--full {
        max-width: 100%; }
      .management-app .grid--management .grid-item__form-content .settings--address-data {
        max-width: 100%; }
    .management-app .grid--management .grid-item__form-content .btn--tooltip.sb-select-all .btn__txt {
      left: auto;
      right: -22px; }
    .management-app .grid--management .grid-item__form-content .controls-container {
      flex: 1; }
      .management-app .grid--management .grid-item__form-content .controls-container .dynamic-menu {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: nowrap;
        gap: 8px; }
    .management-app .grid--management .grid-item__form-content .data-page--control-panel {
      padding: 12px 0; }
  @media (max-width: 767px) {
    .management-app .m-column {
      padding-left: 0;
      padding-right: 0; } }
  .management-app .management-app-steps .step .step-content .subtitle {
    margin-bottom: 10px; }
  .management-app .management-app-steps .step .step-content .sb-group {
    text-transform: capitalize; }
  .management-app .management-app-steps .step .step-content .alert,
  .management-app .management-app-steps .step .step-content .divider,
  .management-app .management-app-steps .step .step-content .form-group,
  .management-app .management-app-steps .step .step-content .element-container {
    margin-bottom: 2rem; }
  .management-app .management-app-steps .step .step-content .one-row--fixed-date {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    margin: 0 -5px 15px -5px;
    flex-wrap: wrap; }
    .management-app .management-app-steps .step .step-content .one-row--fixed-date .one-row--item {
      margin: 5px; }
      .management-app .management-app-steps .step .step-content .one-row--fixed-date .one-row--item .form-group, .management-app .management-app-steps .step .step-content .one-row--fixed-date .one-row--item .element-container {
        margin: 0; }
        .management-app .management-app-steps .step .step-content .one-row--fixed-date .one-row--item .form-group .form-control.k-input, .management-app .management-app-steps .step .step-content .one-row--fixed-date .one-row--item .element-container .form-control.k-input, .contact-widget-message-form .data-block .element-container .management-app .management-app-steps .step .step-content .one-row--fixed-date .one-row--item .form-group textarea.k-input, .management-app .management-app-steps .step .step-content .one-row--fixed-date .one-row--item .contact-widget-message-form .data-block .element-container textarea.k-input, .contact-widget-message-form .data-block .management-app .management-app-steps .step .step-content .one-row--fixed-date .one-row--item .element-container textarea.k-input, .management-app .management-app-steps .step .step-content .one-row--fixed-date .one-row--item .form-group .templates-page .notifications-settings .field select.k-input, .templates-page .notifications-settings .field .management-app .management-app-steps .step .step-content .one-row--fixed-date .one-row--item .form-group select.k-input, .management-app .management-app-steps .step .step-content .one-row--fixed-date .one-row--item .element-container .templates-page .notifications-settings .field select.k-input, .templates-page .notifications-settings .field .management-app .management-app-steps .step .step-content .one-row--fixed-date .one-row--item .element-container select.k-input, .management-app .management-app-steps .step .step-content .one-row--fixed-date .one-row--item .form-group .design-settings-page .theme-additional-colors input.k-input, .design-settings-page .theme-additional-colors .management-app .management-app-steps .step .step-content .one-row--fixed-date .one-row--item .form-group input.k-input, .management-app .management-app-steps .step .step-content .one-row--fixed-date .one-row--item .element-container .design-settings-page .theme-additional-colors input.k-input, .design-settings-page .theme-additional-colors .management-app .management-app-steps .step .step-content .one-row--fixed-date .one-row--item .element-container input.k-input, .management-app .management-app-steps .step .step-content .one-row--fixed-date .one-row--item .form-group .design-settings-page div.k-input.input, .design-settings-page .management-app .management-app-steps .step .step-content .one-row--fixed-date .one-row--item .form-group div.k-input.input, .management-app .management-app-steps .step .step-content .one-row--fixed-date .one-row--item .element-container .design-settings-page div.k-input.input, .design-settings-page .management-app .management-app-steps .step .step-content .one-row--fixed-date .one-row--item .element-container div.k-input.input {
          min-width: 180px; }
      .management-app .management-app-steps .step .step-content .one-row--fixed-date .one-row--item_btn {
        padding: 0;
        margin-bottom: 14px; }
  .management-app .management-app-steps .step .step-content .alert {
    z-index: 1; }
    .management-app .management-app-steps .step .step-content .alert--membership-fixed-start-date {
      display: flex;
      align-items: flex-start; }
      .management-app .management-app-steps .step .step-content .alert--membership-fixed-start-date .ico {
        font-size: 18px;
        text-align: center;
        margin-right: 8px;
        margin-top: 2px; }
  .management-app .management-app-steps .step .step-content .sb-booking-link-container .booking-link-content {
    display: flex;
    flex-wrap: wrap; }
    .management-app .management-app-steps .step .step-content .sb-booking-link-container .booking-link-content .booking-link-form {
      display: flex;
      align-items: center;
      width: 100%;
      margin-bottom: 15px; }
    .management-app .management-app-steps .step .step-content .sb-booking-link-container .booking-link-content .booking-link-message {
      position: relative;
      width: 100%; }
    .management-app .management-app-steps .step .step-content .sb-booking-link-container .booking-link-content .booking-link-form .sb-booking-link-btn {
      padding-top: 2px;
      padding-bottom: 2px;
      margin-left: 10px; }
    .management-app .management-app-steps .step .step-content .sb-booking-link-container .booking-link-content .alert {
      margin-bottom: 0; }
      .management-app .management-app-steps .step .step-content .sb-booking-link-container .booking-link-content .alert.alert-success {
        position: absolute;
        width: 100%;
        max-width: 320px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        top: -30px;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-color: rgba(0, 0, 0, 0.2);
        border-radius: 4px;
        background: #fff;
        padding-top: 2px;
        padding-bottom: 2px;
        box-shadow: 0px 5px 10px rgba(3, 174, 239, 0.1); }
        .management-app .management-app-steps .step .step-content .sb-booking-link-container .booking-link-content .alert.alert-success:before {
          content: '';
          position: absolute;
          top: auto;
          left: 0;
          right: 0;
          margin-left: auto;
          margin-right: auto;
          transform: rotate(-136deg);
          bottom: -6px;
          width: 10px;
          height: 10px;
          background: #fff;
          border-top: 1px solid rgba(0, 0, 0, 0.2);
          border-left: 1px solid rgba(0, 0, 0, 0.2); }
        .management-app .management-app-steps .step .step-content .sb-booking-link-container .booking-link-content .alert.alert-success .close {
          padding: 5px 12px; }
        .management-app .management-app-steps .step .step-content .sb-booking-link-container .booking-link-content .alert.alert-success > div {
          display: flex;
          align-items: center;
          min-height: 26px;
          font-size: 13px;
          line-height: 1.2; }
  .management-app .management-app-steps .step .step-content .divider {
    display: block;
    border-top: 1px solid #e2e2e2; }
  .management-app .management-app-steps .step .step-content .pluged-in-settings-container:not(.sending) .loading-spinner {
    display: none; }
  .management-app .management-app-steps .step .step-content .pluged-in-settings-container:not(.error) .error {
    display: none; }
  .management-app .management-app-steps .step .step-content .pluged-in-settings-container:not(.active) .settings,
  .management-app .management-app-steps .step .step-content .pluged-in-settings-container:not(.active) .help-visible,
  .management-app .management-app-steps .step .step-content .pluged-in-settings-container:not(.active) .control-label.subtitle,
  .management-app .management-app-steps .step .step-content .pluged-in-settings-container:not(.active) .disable-button-wrapper {
    display: block; }
  .management-app .management-app-steps .step .step-content .pluged-in-settings-container .loading-spinner {
    background: url(/v2/images/ajax_loader.gif) no-repeat top center;
    width: 30px;
    height: 30px; }
  .management-app .management-app-steps .step .step-content .pluged-in-settings-container .errors {
    padding: 0 0 3px; }
    .management-app .management-app-steps .step .step-content .pluged-in-settings-container .errors li {
      color: #FF3259;
      padding-top: 3px; }
  .management-app .management-app-steps .step .step-content .duration-settings .sb-duration-container > div .p.grid-item--full-width {
    padding-top: 5px;
    margin-bottom: -1px; }
  .management-app .management-app-steps .step .step-content .sb-plugin-container-fixed-time {
    padding-top: 5px; }
    .management-app .management-app-steps .step .step-content .sb-plugin-container-fixed-time .btn-tutorial {
      position: absolute;
      top: -0.25em;
      right: 0;
      z-index: 0; }
  .management-app .management-app-steps .step .step-content .sb-deposit-plugin .price-settings .settings {
    position: relative;
    padding-top: 4px; }
  .management-app .management-app-steps .step .step-content .sb-deposit-plugin .btn-tutorial {
    position: absolute;
    top: -0.25em;
    right: 0; }
  .management-app .management-app-steps .step .step-content .sb-plugin-container-limit-bookings {
    position: relative; }
    .management-app .management-app-steps .step .step-content .sb-plugin-container-limit-bookings .limit-bookings-settings {
      position: relative;
      padding-top: 5px; }
    .management-app .management-app-steps .step .step-content .sb-plugin-container-limit-bookings .btn-tutorial {
      position: absolute;
      top: -0.25em;
      right: 0; }
  .management-app .management-app-steps .step .step-footer {
    justify-content: flex-end; }
  .management-app .management-app-steps .open-id--btn-row {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0 -5px; }
    .management-app .management-app-steps .open-id--btn-row .open-id--btn-col {
      position: relative;
      padding: 0 5px;
      display: flex;
      flex-direction: column; }
      .management-app .management-app-steps .open-id--btn-row .open-id--btn-col .disabled-cover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 35px;
        background: rgba(255, 255, 255, 0.2);
        cursor: not-allowed; }
        .management-app .management-app-steps .open-id--btn-row .open-id--btn-col .disabled-cover .ico {
          display: inline-block;
          position: absolute;
          top: -10px;
          right: 10px;
          color: #22dd7d;
          font-size: 20px;
          background: #fff;
          border-radius: 50%; }
      .management-app .management-app-steps .open-id--btn-row .open-id--btn-col .btn {
        min-width: 102px; }
        .management-app .management-app-steps .open-id--btn-row .open-id--btn-col .btn.openid-disconnect {
          background: #fafafa;
          border-color: #fafafa; }
        .management-app .management-app-steps .open-id--btn-row .open-id--btn-col .btn.btn-link {
          background: transparent;
          border: none;
          color: #ff9292;
          padding-top: 2px;
          padding-bottom: 2px;
          font-weight: normal; }
          .management-app .management-app-steps .open-id--btn-row .open-id--btn-col .btn.btn-link:hover, .management-app .management-app-steps .open-id--btn-row .open-id--btn-col .btn.btn-link:active {
            color: #ff7e7e; }
  .management-app .filter-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
    gap: 12px 2px; }
    .management-app .filter-container .sb-search {
      flex: 1;
      min-width: 85px; }
    .management-app .filter-container .filter-container--tags {
      width: 100%; }
      .management-app .filter-container .filter-container--tags > div {
        display: flex;
        align-items: stretch;
        justify-content: center;
        gap: 8px; }
        .management-app .filter-container .filter-container--tags > div .helper-item {
          flex: 1;
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center; }
  .management-app .title-container {
    display: flex;
    align-items: center;
    height: 100%;
    flex: 1; }
    .management-app .title-container .title {
      font-size: 16px; }
      .management-app .title-container .title .is-changed {
        color: #FF3259; }
  .management-app .controls-container {
    text-align: right; }
  .management-app .sb-toolbar-items {
    display: flex; }
    .management-app .sb-toolbar-items .toolbar-item {
      margin-left: 7px;
      position: relative; }
      .management-app .sb-toolbar-items .toolbar-item .custom-dropdown-menu {
        position: absolute;
        top: 60px;
        left: auto;
        right: -15px;
        opacity: 0;
        visibility: hidden;
        width: 240px;
        background-color: #fff;
        border-radius: 5px;
        z-index: 30;
        box-shadow: 2px 2px 15px rgba(45, 51, 72, 0.1);
        transition: all .4s ease;
        padding-bottom: 12px; }
        @media (max-width: 1024px) {
          .management-app .sb-toolbar-items .toolbar-item .custom-dropdown-menu {
            left: auto;
            right: -40px; } }
        .management-app .sb-toolbar-items .toolbar-item .custom-dropdown-menu:before {
          display: block;
          content: "";
          width: 100%;
          height: 20px;
          position: absolute;
          left: 0;
          top: -20px; }
        .management-app .sb-toolbar-items .toolbar-item .custom-dropdown-menu .custom-dropdown-header {
          font-size: 16px;
          padding: 8px 16px;
          border-bottom: 1px solid #E7ECF7;
          background: #F1F6FF;
          margin-bottom: 6px; }
        .management-app .sb-toolbar-items .toolbar-item .custom-dropdown-menu a {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          min-height: 36px;
          padding: 0;
          cursor: pointer;
          background-color: transparent;
          border-left: none;
          border-top: none;
          border-right: none;
          border-radius: 0;
          color: #788291; }
          .management-app .sb-toolbar-items .toolbar-item .custom-dropdown-menu a .sb-menu-item {
            padding: 5px 16px;
            width: 100%; }
          .management-app .sb-toolbar-items .toolbar-item .custom-dropdown-menu a:hover {
            background-color: #f8faff;
            color: #0B3052; }
      .management-app .sb-toolbar-items .toolbar-item.entered:hover .custom-dropdown-menu {
        opacity: 1;
        visibility: visible;
        top: 40px;
        z-index: 999; }
  .management-app .greeting {
    text-align: center;
    padding: 50px 0 0; }
    .management-app .greeting .icon {
      max-width: 210px;
      margin: 0 auto 10px; }
    .management-app .greeting .text {
      max-width: 360px;
      margin: 0 auto; }
  .management-app .list-item-wrapper {
    margin-bottom: 2rem; }
    .management-app .list-item-wrapper:last-child {
      margin-bottom: 0; }
  .management-app .item-icon, .management-app .list-item.category:before, .management-app .list-item.location:before, .management-app .list-item.resource:before, .management-app .resources-multiple-settings .resource-icon:before {
    font-size: 20px !important;
    color: #ABBCCC; }
    @media (max-width: 767px) {
      .management-app .item-icon, .management-app .list-item.category:before, .management-app .list-item.location:before, .management-app .list-item.resource:before, .management-app .resources-multiple-settings .resource-icon:before {
        font-size: 18px !important; } }
  .management-app .list-item {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    padding: 1rem;
    background: #ffffff;
    min-height: 60px;
    border-bottom: 1px solid #E7ECF7; }
    .management-app .list-item .list-item__position {
      min-width: 22px; }
    .management-app .list-item.saml-user-item {
      background: #e5e6e8; }
    .management-app .list-item.active {
      background: #f8faff; }
      .management-app .list-item.active .google-maps-booking-has-merchant {
        opacity: 1 !important; }
    .management-app .list-item.sb-item-disabled {
      background: #F9F9F9; }
      .management-app .list-item.sb-item-disabled .sb-item-name {
        opacity: .6; }
      .management-app .list-item.sb-item-disabled .actions-group {
        opacity: unset; }
    .management-app .list-item.category:before {
      display: inline-block;
      content: "";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 300;
      font-style: normal;
      text-decoration: inherit;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .management-app .list-item.category.default:before {
      display: inline-block;
      content: "";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 300;
      font-style: normal;
      text-decoration: inherit;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #06ADEF; }
    .management-app .list-item.category__of-product {
      position: relative; }
      .management-app .list-item.category__of-product .icon {
        line-height: 0.8; }
      .management-app .list-item.category__of-product:before {
        content: none !important;
        display: none !important; }
      .management-app .list-item.category__of-product .duotone {
        height: 24px;
        min-width: 32px;
        width: auto; }
        .management-app .list-item.category__of-product .duotone .fill {
          fill: #0B3052; }
        .management-app .list-item.category__of-product .duotone .fill-darker {
          fill: black; }
        .management-app .list-item.category__of-product .duotone .fill-darker-stroke {
          stroke: black;
          fill: none; }
        .management-app .list-item.category__of-product .duotone .fill-stroke {
          stroke: #0B3052;
          fill: none; }
      .management-app .list-item.category__of-product.default .duotone .fill {
        fill: #06ADEF; }
      .management-app .list-item.category__of-product.default .duotone .fill-darker {
        fill: #047ba9; }
      .management-app .list-item.category__of-product.default .duotone .fill-darker-stroke {
        stroke: #047ba9; }
      .management-app .list-item.category__of-product.default .duotone .fill-stroke {
        stroke: #06ADEF; }
    .management-app .list-item.location:before {
      display: inline-block;
      content: "";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 300;
      font-style: normal;
      text-decoration: inherit;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #788291; }
    .management-app .list-item.location.default:before {
      color: #06ADEF; }
    .management-app .list-item.provider .name {
      flex-direction: row;
      align-items: center; }
    .management-app .list-item.resource:before {
      color: #788291; }
    .management-app .list-item.resource.resource-multiple:before {
      display: inline-block;
      content: "";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 300;
      font-style: normal;
      text-decoration: inherit;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .management-app .list-item.resource.resource-single:before {
      display: inline-block;
      content: "";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 300;
      font-style: normal;
      text-decoration: inherit;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .management-app .list-item.resource.default:before {
      color: #06ADEF; }
    .management-app .list-item:hover, .management-app .list-item.category:hover, .management-app .list-item.category.default:hover {
      background: #F1F6FF; }
      .management-app .list-item:hover .action--sort, .management-app .list-item.category:hover .action--sort, .management-app .list-item.category.default:hover .action--sort {
        visibility: visible;
        opacity: 1;
        transform: scale(1);
        left: 0; }
    .management-app .list-item.status .status-color {
      width: 6px;
      border-radius: 3px; }
    .management-app .list-item.status.default .name {
      font-weight: bold; }
    .management-app .list-item.list-item__intake-field .icon, .management-app .list-item.list-item__client-field .icon {
      min-width: 24px;
      text-align: center; }
    .management-app .list-item.list-item__add-on .name .name, .management-app .list-item.list-item__client-field .name .name {
      flex-direction: row; }
      .management-app .list-item.list-item__add-on .name .name .additional-icon,
      .management-app .list-item.list-item__add-on .name .name .help-info, .management-app .list-item.list-item__client-field .name .name .additional-icon,
      .management-app .list-item.list-item__client-field .name .name .help-info {
        white-space: normal;
        min-width: 24px; }
    .management-app .list-item.list-item__add-on .name .name .additional-icon,
    .management-app .list-item.list-item__add-on .name .name .help-info {
      margin: -2px 0;
      font-size: 14px; }
    .management-app .list-item .name {
      line-height: initial;
      display: flex;
      flex-direction: column;
      gap: 4px;
      flex: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .management-app .list-item .name .p--primary {
        font-size: 14px; }
      .management-app .list-item .name > * {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .management-app .list-item .name > * .fa-lock {
          color: #06ADEF; }
      .management-app .list-item .name:first-letter {
        text-transform: uppercase; }
      .management-app .list-item .name.sb-group-name {
        font-weight: 600; }
      .management-app .list-item .name a {
        text-decoration: none; }
      .management-app .list-item .name small {
        display: block; }
      .management-app .list-item .name .user-image,
      .management-app .list-item .name .avatar {
        display: inline-block;
        width: 42px;
        min-width: 42px;
        height: 42px;
        line-height: 42px;
        margin-right: 5px; }
      .management-app .list-item .name .user-image {
        object-fit: cover;
        border-radius: 100px; }
      .management-app .list-item .name .avatar {
        font-size: 0;
        vertical-align: middle;
        border-radius: 100px;
        text-align: center;
        color: #fff; }
        .management-app .list-item .name .avatar:first-letter {
          text-transform: uppercase;
          font-size: initial; }
      .management-app .list-item .name .provider-with-dot {
        position: relative;
        display: inline-block;
        margin: 0 5px 0 0;
        vertical-align: middle;
        min-width: 42px; }
        .management-app .list-item .name .provider-with-dot .provider-color-dot {
          position: absolute;
          top: 0;
          right: 0;
          width: 16px;
          height: 16px;
          border-radius: 50%;
          border: 2px solid #fff; }
    .management-app .list-item .actions-group {
      display: flex;
      align-items: center;
      white-space: nowrap;
      margin-left: auto;
      gap: 10px;
      max-width: 48%; }
      .management-app .list-item .actions-group .google-maps-booking-has-merchant {
        color: #26dd7d;
        font-size: 17px;
        opacity: 0.5; }
    .management-app .list-item .action {
      line-height: 1; }
      .management-app .list-item .action .sb-select {
        width: 100%; }
    .management-app .list-item .sb-add-button {
      color: #06ADEF; }
    .management-app .list-item .action--sort {
      -webkit-backdrop-filter: blur(12px);
      backdrop-filter: blur(12px);
      position: absolute;
      top: 0;
      left: -24px;
      bottom: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(255, 255, 255, 0.1);
      visibility: hidden;
      opacity: 0;
      transform: scale(0.7);
      transition: all 0.22s ease-out; }
      .management-app .list-item .action--sort .d-flex {
        flex-direction: column;
        justify-content: center; }
    .management-app .list-item .sb-up-button,
    .management-app .list-item .sb-down-button {
      width: 28px;
      height: 28px;
      min-width: 28px;
      padding: 4px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 45px;
      height: 30px;
      font-size: 22px;
      color: #0B3052; }
      .management-app .list-item .sb-up-button:hover:not(.inactive),
      .management-app .list-item .sb-down-button:hover:not(.inactive) {
        cursor: pointer;
        color: #06ADEF; }
      .management-app .list-item .sb-up-button.inactive,
      .management-app .list-item .sb-down-button.inactive {
        cursor: default;
        color: #788291; }
    .management-app .list-item .sb-show-button,
    .management-app .list-item .sb-hide-button {
      font-size: 14px;
      width: 28px;
      height: 28px;
      min-width: 28px;
      padding: 4px;
      display: inline-flex;
      align-items: center;
      justify-content: center; }
      .management-app .list-item .sb-show-button:hover,
      .management-app .list-item .sb-hide-button:hover {
        color: #06ADEF; }
    .management-app .list-item .form-control-cleared {
      padding: 0;
      line-height: 1; }
    .management-app .list-item.list-item__option {
      padding-left: 30px; }
      .management-app .list-item.list-item__option input[type='text'] {
        height: 36px;
        padding-left: 5px; }
      .management-app .list-item.list-item__option .action--sort_visible {
        visibility: visible;
        opacity: 1;
        transform: scale(1);
        left: 0; }
        .management-app .list-item.list-item__option .action--sort_visible .sb-up-button,
        .management-app .list-item.list-item__option .action--sort_visible .sb-down-button {
          width: 28px; }
  .management-app #qty,
  .management-app input.input-counter {
    max-width: 75px; }
  .management-app input.implicit-checked {
    opacity: .3; }
  .management-app input[type="number"].sb-default-qty {
    width: 50px; }
  .management-app .sb-list-content .filter-container {
    margin-bottom: 22px; }
  .management-app .sb-form-content .management-list .main-title {
    font-size: 14px;
    font-weight: 400; }
  .management-app .sb-form-content .sb-list-items {
    border-bottom: 1px solid rgba(231, 236, 247, 0.55); }
    .management-app .sb-form-content .sb-list-items .list-item {
      cursor: default; }
      .management-app .sb-form-content .sb-list-items .list-item .name {
        flex-direction: row;
        align-items: center;
        flex: 1; }
        .management-app .sb-form-content .sb-list-items .list-item .name .ellipsis {
          width: 100%;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden; }
      .management-app .sb-form-content .sb-list-items .list-item .actions-group {
        max-width: 60%;
        justify-content: flex-end;
        white-space: normal;
        color: #788291; }
        .management-app .sb-form-content .sb-list-items .list-item .actions-group .action .form-group, .management-app .sb-form-content .sb-list-items .list-item .actions-group .action .element-container {
          margin: 0; }
        .management-app .sb-form-content .sb-list-items .list-item .actions-group .control-label, .management-app .sb-form-content .sb-list-items .list-item .actions-group .label {
          color: #788291;
          margin: 0; }
        @media (max-width: 767px) {
          .management-app .sb-form-content .sb-list-items .list-item .actions-group {
            font-size: 12px; }
            .management-app .sb-form-content .sb-list-items .list-item .actions-group .control-label, .management-app .sb-form-content .sb-list-items .list-item .actions-group .label {
              font-size: 12px; } }
      .management-app .sb-form-content .sb-list-items .list-item:hover {
        background-color: transparent; }
    .management-app .sb-form-content .sb-list-items .sb-item-name {
      cursor: pointer; }
      .management-app .sb-form-content .sb-list-items .sb-item-name:hover {
        color: #06ADEF;
        text-decoration: underline; }
  .management-app .sb-form-content .list-item {
    box-shadow: none;
    border: 1px solid rgba(221, 221, 221, 0.55);
    border-bottom: none; }
  .management-app .resources-multiple-settings {
    margin: 0 30px; }
    .management-app .resources-multiple-settings .resource-icon {
      white-space: nowrap; }
      .management-app .resources-multiple-settings .resource-icon:before {
        padding: 0 0.5rem;
        color: #788291; }
      .management-app .resources-multiple-settings .resource-icon.resource-multiple:before {
        display: inline-block;
        content: "";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 300;
        font-style: normal;
        text-decoration: inherit;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
      .management-app .resources-multiple-settings .resource-icon.resource-single:before {
        display: inline-block;
        content: "";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 300;
        font-style: normal;
        text-decoration: inherit;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
  .management-app .resource-flex-content-end.form-inline {
    justify-content: flex-end; }

@media (min-width: 1200px) {
  .modal-open .management-app .grid--management .grid-item__form-content {
    position: relative !important; } }

#app_main {
  padding: 20px; }
  @media (min-width: 767px) {
    #app_main {
      padding-bottom: 66px; } }
  #app_main .feature--settings-page {
    padding: 0; }

#users-description-modal .wrapper {
  position: relative;
  margin-left: 40px; }
  #users-description-modal .wrapper article {
    margin-bottom: 20px; }
  #users-description-modal .wrapper .cap {
    font-weight: 600;
    font-size: 18px; }
  #users-description-modal .wrapper .rank {
    position: absolute;
    left: -40px; }
    @media (max-width: 575px) {
      #users-description-modal .wrapper .rank {
        left: -35px; } }
    #users-description-modal .wrapper .rank:before {
      content: "";
      display: block;
      color: #2c3547;
      font-size: 21px !important;
      line-height: 1; }
    #users-description-modal .wrapper .rank.one:before {
      display: inline-block;
      content: "";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 300;
      font-style: normal;
      text-decoration: inherit;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    #users-description-modal .wrapper .rank.two:before {
      display: inline-block;
      content: "";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 300;
      font-style: normal;
      text-decoration: inherit;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    #users-description-modal .wrapper .rank.three:before {
      display: inline-block;
      content: "";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 900;
      font-style: normal;
      text-decoration: inherit;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    #users-description-modal .wrapper .rank.four:before {
      display: inline-block;
      content: "";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 300;
      font-style: normal;
      text-decoration: inherit;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }

.sb-google-auth-region .title.title--h4 {
  font-size: 18px;
  font-weight: 500; }

.google-2fa__informer {
  position: relative;
  padding: 10px;
  border-radius: 5px;
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
  background-color: #c1ebfb3d; }
  .google-2fa__informer:last-child {
    margin-bottom: 0; }
  .google-2fa__informer .ico {
    font-size: 22px;
    min-width: 30px;
    text-align: center;
    margin-right: 10px; }

.google-2fa__code-list {
  margin: 15px -10px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap; }

.google-2fa__item {
  width: calc(33.33% - 20px);
  margin: 5px 10px;
  border-radius: 5px; }
  @media (max-width: 575px) {
    .google-2fa__item {
      width: calc(50% - 20px); } }
  .google-2fa__item-key {
    display: block;
    text-align: center;
    padding: 6px 0;
    border-radius: 5px;
    font-size: 16px;
    line-height: 1; }
  .google-2fa__item.active {
    background: rgba(76, 175, 80, 0.07); }
  .google-2fa__item.used .google-2fa__item-key {
    background: rgba(255, 0, 0, 0.07);
    text-decoration: line-through;
    opacity: 0.8;
    cursor: no-drop; }

#management-default-page {
  border-radius: 4px; }
  #management-default-page .col {
    margin-bottom: 30px; }

/* legend classes */
.legend-slider-worktime, .mod-worktime-day .ui-slider .ui-slider-range.ui-slider-range-worktime {
  background: #06ADEF; }

.legend-slider-breaktime, .mod-worktime-day .ui-slider .ui-slider-range.ui-slider-range-breaktime {
  background: #fbfbfb; }

.legend-slider-template, .mod-worktime-day .ui-slider .ui-slider-range.ui-slider-range-template {
  background: #c1ebfb; }

.legend-slider-invalid, .mod-worktime-day .ui-slider .ui-slider-range.ui-slider-range-invalid {
  background: #FF3259; }

.legend-timeslot-unavailable, .mod-worktime-day-advanced .sb-worktime-hours .sb-worktime-hour-timeslots .time-slot.unavailable {
  background: #e5e6e8; }

.legend-timeslot-available, .mod-worktime-day-advanced .sb-worktime-hours .sb-worktime-hour-timeslots .time-slot.available {
  background: #c1ebfb; }

.legend-timeslot-selected, .mod-worktime-day-advanced .sb-worktime-hours .sb-worktime-hour-timeslots .time-slot.selected {
  background: #06ADEF; }

.legend-day-off, .mod-worktime-month .sb-table .body .body-row .body-cell.day-off {
  color: #FF3259; }

.legend-day-company-special, .mod-worktime-month .sb-table .body .body-row .body-cell.special-day.company {
  background: #fcc558;
  color: #0B3052; }
  .legend-day-company-special:hover, .mod-worktime-month .sb-table .body .body-row .body-cell.special-day.company:hover {
    background: #fbbb3a;
    color: #0B3052; }

.legend-day-company-special-off, .mod-worktime-month .sb-table .body .body-row .body-cell.special-day.company.day-off {
  border: 1px solid;
  color: #fcc558;
  background: rgba(252, 197, 88, 0.1); }
  .legend-day-company-special-off:hover, .mod-worktime-month .sb-table .body .body-row .body-cell.special-day.company.day-off:hover {
    color: #fbbb3a;
    background: rgba(252, 197, 88, 0.2); }

.legend-day-company-vacation {
  background: lime;
  color: #ffffff; }

.legend-day-special, .mod-worktime-month .sb-table .body .body-row .body-cell.special-day {
  background: #ed9999;
  color: #ffffff; }
  .legend-day-special:hover, .mod-worktime-month .sb-table .body .body-row .body-cell.special-day:hover {
    background: #ed9999;
    color: #ffffff; }

.legend-day-special-off, .mod-worktime-month .sb-table .body .body-row .body-cell.special-day.day-off {
  border: 1px solid;
  color: #ed9999;
  background: rgba(237, 153, 153, 0.1); }

.legend-day-selected, .mod-worktime-month .sb-table .body .body-row .body-cell.selected, .mod-worktime-month .sb-table .body .body-row .body-cell.selected:hover, .mod-worktime-month .sb-table .body .body-row .body-cell.special-day.selected, .mod-worktime-month .sb-table .body .body-row .body-cell.special-day.company.selected {
  background: #06adef;
  color: #fff; }

.company-worktime-legend {
  margin: 20px 0; }
  .company-worktime-legend .title {
    margin-bottom: 10px; }
  .company-worktime-legend .legend {
    display: grid;
    grid-gap: 10px 30px;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    max-width: 930px; }
    .company-worktime-legend .legend .legend-col {
      display: flex;
      flex-direction: column;
      gap: 10px; }
    .company-worktime-legend .legend .item {
      display: flex;
      align-items: center;
      margin: 0;
      padding: 0; }
      .company-worktime-legend .legend .item .sample {
        display: inline-block;
        vertical-align: middle;
        width: 25px;
        min-width: 25px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        font-size: 14px;
        border-radius: 4px;
        margin-right: 6px; }
        .company-worktime-legend .legend .item .sample.legend-slider-breaktime, .company-worktime-legend .legend .item .mod-worktime-day .ui-slider .sample.ui-slider-range.ui-slider-range-breaktime, .mod-worktime-day .ui-slider .company-worktime-legend .legend .item .sample.ui-slider-range.ui-slider-range-breaktime {
          border: 1px solid #788291; }
      .company-worktime-legend .legend .item .txt {
        margin-left: 5px; }

.dark-mode .mod-worktime-day-advanced .title {
  color: #f9f9f9; }

.dark-mode .worktime-container .worktime-week-advanced .worktime-week-advanced-content .timeline .worktime-days-advanced .worktime-day {
  background: #282828; }

.dark-mode .mod-worktime-day-advanced .sb-worktime-hours .sb-worktime-hour-timeslots .hour-switch .icon.text-darker {
  color: #ff6666; }

.dark-mode .mod-worktime-month .mod-worktime__header,
.dark-mode .mod-worktime-month .title,
.dark-mode .mod-worktime-month {
  background: #282828;
  border-color: #555555; }

.dark-mode .mod-worktime-month .sb-table .head .head-row {
  border-color: #555555; }

.dark-mode .worktime-container .worktime-year .worktime-year-content .worktime-year-navigation .year-numb,
.dark-mode .mod-worktime-month .mod-worktime__header,
.dark-mode .mod-worktime-month .title {
  color: #f9f9f9; }

.dark-mode .mod-worktime-month .sb-table .body .body-row .body-cell:hover {
  background: #404040; }

.dark-mode .mod-worktime-month .sb-table .body .body-row .body-cell.skip {
  background: transparent; }
  .dark-mode .mod-worktime-month .sb-table .body .body-row .body-cell.skip:hover {
    background: transparent; }

.dark-mode .worktime-week-content .mod-time-list .time-list-wrapper .time-cell:after {
  background: #555555; }

.dark-mode .legend-slider-breaktime, .dark-mode .mod-worktime-day .ui-slider .ui-slider-range.ui-slider-range-breaktime, .mod-worktime-day .ui-slider .dark-mode .ui-slider-range.ui-slider-range-breaktime,
.dark-mode .mod-worktime-day .ui-slider .ui-slider-range.ui-slider-range-breaktime {
  background: #404040; }

.dark-mode .mod-worktime-day .ui-slider {
  border-color: #303030;
  background: #404040; }

.dark-mode .narrow .worktime-week-content .mod-time-list .time-list-wrapper .time-cell .time {
  background: #202020; }

.dark-mode .worktime-container .worktime-year .worktime-year-content .worktime-special-toolbar .worktime-special-actions {
  border-color: #303030;
  background: #404040; }

.dark-mode .mod-worktime-month .sb-table .body .body-row .body-cell.skip {
  color: #555; }

.dark-mode .worktime-special-day .worktime-special-selected-days .selected-days .day {
  background: #404040;
  color: #bcbcbc; }

@media (min-width: 1920px) {
  .page--worktime {
    padding-left: 10px;
    padding-right: 10px; } }

.page--worktime .nav.custom-tabs {
  margin-bottom: 20px; }

@media (max-width: 575px) {
  .modal .worktime-container,
  .management-app-steps .worktime-container {
    margin: 0; } }

.worktime-container .sb-entity-selector {
  max-width: 500px; }
  .worktime-container .sb-entity-selector .form-control, .worktime-container .sb-entity-selector .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container .worktime-container .sb-entity-selector textarea, .worktime-container .sb-entity-selector .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .worktime-container .sb-entity-selector select, .worktime-container .sb-entity-selector .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors .worktime-container .sb-entity-selector input, .worktime-container .sb-entity-selector .design-settings-page div.input, .design-settings-page .worktime-container .sb-entity-selector div.input {
    max-width: 300px;
    margin-bottom: 6px; }

.worktime-container .worktime-week:not(.worktime-view__breaktimes) .worktime-week-content {
  margin-bottom: 30px; }
  .worktime-container .worktime-week:not(.worktime-view__breaktimes) .worktime-week-content .unused-hours {
    display: none;
    margin-bottom: 10px; }
    .worktime-container .worktime-week:not(.worktime-view__breaktimes) .worktime-week-content .unused-hours .control-label {
      font-size: 20px;
      margin-right: 15px; }
  .worktime-container .worktime-week:not(.worktime-view__breaktimes) .worktime-week-content .timeline {
    position: relative; }
    .narrow.worktime-container .worktime-week:not(.worktime-view__breaktimes) .worktime-week-content .timeline {
      padding-top: 40px; }
    .worktime-container .worktime-week:not(.worktime-view__breaktimes) .worktime-week-content .timeline .sb-worktime-days {
      display: block;
      padding-top: 50px; }
      .narrow.worktime-container .worktime-week:not(.worktime-view__breaktimes) .worktime-week-content .timeline .sb-worktime-days {
        position: absolute;
        top: 0;
        width: calc(100% - 55px);
        height: 100%;
        left: 55px;
        padding: 0; }
  .worktime-container .worktime-week:not(.worktime-view__breaktimes) .worktime-week-content .advanced-settings {
    text-align: center;
    padding: 35px 0 0; }
    .narrow.worktime-container .worktime-week:not(.worktime-view__breaktimes) .worktime-week-content .advanced-settings {
      padding: 20px 0 0; }
    .worktime-container .worktime-week:not(.worktime-view__breaktimes) .worktime-week-content .advanced-settings .cursive-font {
      display: block;
      font-size: 32px;
      margin-bottom: 15px; }
      .narrow.worktime-container .worktime-week:not(.worktime-view__breaktimes) .worktime-week-content .advanced-settings .cursive-font {
        font-size: 24px; }
    .worktime-container .worktime-week:not(.worktime-view__breaktimes) .worktime-week-content .advanced-settings .btn {
      margin-left: 10px; }

.worktime-container .worktime-week-advanced .worktime-week-advanced-content .timeline {
  display: flex;
  padding-top: 20px;
  align-items: flex-end; }
  .worktime-container .worktime-week-advanced .worktime-week-advanced-content .timeline .worktime-days-advanced {
    display: flex;
    width: calc(100% + 12px);
    margin: 0 -6px;
    padding: 4px 0;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #788291 #ABBCCC; }
    .worktime-container .worktime-week-advanced .worktime-week-advanced-content .timeline .worktime-days-advanced::-webkit-scrollbar {
      width: 8px;
      height: 8px; }
      .worktime-container .worktime-week-advanced .worktime-week-advanced-content .timeline .worktime-days-advanced::-webkit-scrollbar-track {
        background-clip: content-box;
        border: 2px solid transparent; }
      .worktime-container .worktime-week-advanced .worktime-week-advanced-content .timeline .worktime-days-advanced::-webkit-scrollbar-thumb {
        background-color: #788291; }
        .worktime-container .worktime-week-advanced .worktime-week-advanced-content .timeline .worktime-days-advanced::-webkit-scrollbar-thumb:hover {
          background-color: #6c7583; }
      .worktime-container .worktime-week-advanced .worktime-week-advanced-content .timeline .worktime-days-advanced::-webkit-scrollbar-corner, .worktime-container .worktime-week-advanced .worktime-week-advanced-content .timeline .worktime-days-advanced::-webkit-scrollbar-track {
        background-color: #ABBCCC; }
    @media (max-width: 1024px) {
      .worktime-container .worktime-week-advanced .worktime-week-advanced-content .timeline .worktime-days-advanced:not(.timeframe-5) {
        overflow: auto !important; }
        .worktime-container .worktime-week-advanced .worktime-week-advanced-content .timeline .worktime-days-advanced:not(.timeframe-5) .worktime-day {
          flex: 215px 0 0; } }
    @media (max-width: 1024px) and (max-width: 767px) {
      .worktime-container .worktime-week-advanced .worktime-week-advanced-content .timeline .worktime-days-advanced:not(.timeframe-5) .worktime-day {
        flex: 100% 0 0; } }
    .worktime-container .worktime-week-advanced .worktime-week-advanced-content .timeline .worktime-days-advanced .worktime-day {
      display: flex;
      flex-direction: column;
      position: relative;
      width: inherit;
      flex: 1;
      max-width: 320px;
      min-width: 200px;
      padding: 28px 10px 10px;
      margin: 6px;
      border-radius: 2px;
      background: #FFF;
      box-shadow: 2px 2px 12px -2px rgba(45, 51, 72, 0.1); }

.worktime-container .worktime-year .worktime-year-content .worktime-special-toolbar {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap; }
  @media (max-width: 575px) {
    .worktime-container .worktime-year .worktime-year-content .worktime-special-toolbar .material-switch-container {
      margin-right: auto; } }
  .worktime-container .worktime-year .worktime-year-content .worktime-special-toolbar .worktime-special-actions {
    position: fixed;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    width: auto;
    height: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px 10px;
    padding: 16px;
    border-radius: 6px;
    border: 1px solid #E7ECF7;
    background-color: #ffffff;
    box-shadow: 2px 2px 15px 0px rgba(45, 51, 72, 0.1);
    z-index: 2;
    max-width: 340px; }
    @media (min-width: 1366px) {
      .worktime-container .worktime-year .worktime-year-content .worktime-special-toolbar .worktime-special-actions {
        transform: translateX(-16%); } }
    .worktime-container .worktime-year .worktime-year-content .worktime-special-toolbar .worktime-special-actions .btn {
      padding: 0.25rem 0.8rem;
      white-space: normal;
      min-width: 140px;
      min-height: 30px; }
  .worktime-container .worktime-year .worktime-year-content .worktime-special-toolbar .btn-tutorial {
    margin-left: auto; }
    @media (max-width: 767px) {
      .worktime-container .worktime-year .worktime-year-content .worktime-special-toolbar .btn-tutorial {
        font-size: 0; }
        .worktime-container .worktime-year .worktime-year-content .worktime-special-toolbar .btn-tutorial span {
          font-size: 14px; } }
    @media (max-width: 575px) {
      .worktime-container .worktime-year .worktime-year-content .worktime-special-toolbar .btn-tutorial {
        margin-left: 0; } }

.worktime-container .worktime-year .worktime-year-content .worktime-year-navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px 22px;
  max-width: 575px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 8px 15px; }
  .worktime-container .worktime-year .worktime-year-content .worktime-year-navigation a {
    text-decoration: none; }
    .worktime-container .worktime-year .worktime-year-content .worktime-year-navigation a .fa {
      font-size: 25px;
      vertical-align: middle; }
    .narrow.worktime-container .worktime-year .worktime-year-content .worktime-year-navigation a .txt {
      display: none; }
  .worktime-container .worktime-year .worktime-year-content .worktime-year-navigation .year-numb {
    font-family: "Mulish", sans-serif;
    font-size: 34px;
    font-weight: 300;
    line-height: 1;
    color: #0B3052; }

.worktime-container .worktime-year .worktime-year-content .sb-worktime-months {
  text-align: center;
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  gap: 28px 16px; }
  .worktime-container .worktime-year .worktime-year-content .sb-worktime-months:before, .worktime-container .worktime-year .worktime-year-content .sb-worktime-months:after {
    display: none; }

.worktime-container .worktime-year .worktime-year-content .btn-tutorial {
  margin-left: auto; }
  @media (max-width: 767px) {
    .worktime-container .worktime-year .worktime-year-content .btn-tutorial {
      font-size: 0; }
      .worktime-container .worktime-year .worktime-year-content .btn-tutorial .btn__txt {
        display: none; }
      .worktime-container .worktime-year .worktime-year-content .btn-tutorial span {
        font-size: 14px; } }

.worktime-container .worktime-special .ws-body {
  display: flex; }
  @media (max-width: 767px) {
    .worktime-container .worktime-special .ws-body {
      flex-direction: column; } }
  .worktime-container .worktime-special .ws-body .ws-calendar {
    text-align: left;
    margin-bottom: 10px;
    margin-right: 10px; }
    @media (max-width: 767px) {
      .worktime-container .worktime-special .ws-body .ws-calendar {
        margin-right: inherit; } }
    .worktime-container .worktime-special .ws-body .ws-calendar .mod-worktime-month {
      display: block;
      max-width: inherit;
      width: 290px;
      margin: 0 auto; }
      @media (max-width: 575px) {
        .worktime-container .worktime-special .ws-body .ws-calendar .mod-worktime-month {
          width: 100%; } }
  @media (max-width: 767px) {
    .worktime-container .worktime-special .ws-body .ws-info {
      text-align: center;
      margin-bottom: 1rem; } }
  .worktime-container .worktime-special .ws-body .ws-info .worktime-special-actions {
    margin-bottom: 15px; }
  .worktime-container .worktime-special .ws-body .ws-info .btn {
    margin-right: 5px;
    margin-bottom: 5px;
    min-height: 30px; }
  .worktime-container .worktime-special .ws-body .ws-info .worktime-selected-month .body-cell {
    display: inline-block;
    border-radius: 2px;
    background: rgba(238, 238, 238, 0.7);
    color: #0B3052;
    margin: 0 5px 5px 0;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    cursor: pointer; }

.worktime-special-day {
  display: block; }
  .worktime-special-day .top-bar {
    text-align: center; }
    .worktime-special-day .top-bar .cursive-font {
      font-size: 21px;
      margin-right: 10px; }
  .worktime-special-day .timeline {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative; }
    .worktime-special-day .timeline > .mod-time-list {
      margin-left: -70px;
      margin-bottom: 0; }
      @media (max-width: 575px) {
        .worktime-special-day .timeline > .mod-time-list {
          margin-left: 0; } }
    .worktime-special-day .timeline .mod-worktime-day {
      display: block;
      text-align: center;
      padding: 0 25px; }
    .worktime-special-day .timeline .worktime-special-day-simple {
      width: 100%; }
      .worktime-special-day .timeline .worktime-special-day-simple .material-switch-container {
        justify-content: center;
        margin-bottom: 50px; }
        .worktime-special-day .timeline .worktime-special-day-simple .material-switch-container .material-switch {
          text-align: center; }
    .worktime-special-day .timeline .worktime-special-day-advanced {
      display: block; }
      .worktime-special-day .timeline .worktime-special-day-advanced .worktime-day {
        display: block;
        text-align: center; }
        .worktime-special-day .timeline .worktime-special-day-advanced .worktime-day .title {
          font-size: 20px;
          margin: 25px 0; }
        .worktime-special-day .timeline .worktime-special-day-advanced .worktime-day .switcher {
          max-width: 180px;
          margin: 0 auto 25px; }
  .worktime-special-day .worktime-special-selected-days .selected-days {
    padding: 10px 0;
    text-align: center; }
    .worktime-special-day .worktime-special-selected-days .selected-days .day {
      display: inline-block;
      color: #0B3052;
      background-color: #F1F6FF;
      padding: 5px 10px;
      border-radius: 5px;
      font-weight: 500;
      line-height: 1;
      text-align: center;
      white-space: nowrap;
      vertical-align: baseline;
      margin: 5px; }

.modal__worktime-special-day .worktime-special-day .timeline .worktime-special-day-simple .material-switch-container {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px 12px; }
  @media (min-width: 600px) {
    .modal__worktime-special-day .worktime-special-day .timeline .worktime-special-day-simple .material-switch-container {
      margin-bottom: 70px; } }
  .modal__worktime-special-day .worktime-special-day .timeline .worktime-special-day-simple .material-switch-container .control-label {
    margin: 0;
    padding: 0; }

@media (max-width: 600px) {
  .modal__worktime-special-day .narrow .mod-worktime-day .ui-slider {
    height: 50vh;
    min-height: 390px; } }

@media (min-width: 600px) {
  .modal__worktime-special-day .worktime-special-day .timeline .mod-worktime-day {
    padding-bottom: 22px; } }

.modal__worktime-special-day .grid__row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 10px 20px; }
  .modal__worktime-special-day .grid__row .selected-days {
    padding: 0;
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap; }
    .modal__worktime-special-day .grid__row .selected-days .day {
      margin: 0; }

.worktime-week-content .mod-time-list {
  display: block; }
  .narrow .worktime-week-content .mod-time-list {
    width: 100%;
    position: relative;
    padding-top: 5px; }
  .worktime-week-content .mod-time-list .time-list-wrapper {
    display: flex;
    width: 100%;
    padding-left: 100px;
    padding-right: 50px;
    overflow: hidden; }
    .narrow .worktime-week-content .mod-time-list .time-list-wrapper {
      display: block;
      padding-left: 0;
      padding-right: 0;
      width: 55px;
      overflow: inherit; }
    .worktime-week-content .mod-time-list .time-list-wrapper .time-cell {
      flex: 8.32% 0 0;
      text-align: left; }
      .narrow .worktime-week-content .mod-time-list .time-list-wrapper .time-cell {
        height: 50px; }
      .worktime-week-content .mod-time-list .time-list-wrapper .time-cell:last-child {
        width: 0; }
        .narrow .worktime-week-content .mod-time-list .time-list-wrapper .time-cell:last-child {
          width: inherit; }
      .worktime-week-content .mod-time-list .time-list-wrapper .time-cell:nth-child(2n) {
        display: none; }
      @media (min-width: 650px) and (max-width: 991px) {
        .worktime-container:not(.narrow) .worktime-week-content .mod-time-list .time-list-wrapper .time-cell:nth-child(4n + 1) {
          visibility: hidden; } }
      .worktime-week-content .mod-time-list .time-list-wrapper .time-cell .time {
        display: block;
        width: 60px;
        margin-left: -30px;
        text-align: center;
        font-size: 13px; }
        .narrow .worktime-week-content .mod-time-list .time-list-wrapper .time-cell .time {
          position: relative;
          max-width: 60px;
          margin: 0;
          text-align: left;
          background: white;
          z-index: 1; }
      .worktime-week-content .mod-time-list .time-list-wrapper .time-cell:after {
        content: "";
        position: absolute;
        width: 1px;
        background: #E7ECF7;
        height: 100%; }
        .narrow .worktime-week-content .mod-time-list .time-list-wrapper .time-cell:after {
          width: 100%;
          height: 1px;
          margin-top: -10px; }

.worktime-week-advanced-content .mod-time-list,
.worktime-special-day .mod-time-list {
  max-width: 70px;
  width: 100%;
  font-size: 12px;
  color: #788291;
  margin-bottom: 18px; }
  .worktime-week-advanced-content .mod-time-list .time-list-wrapper,
  .worktime-special-day .mod-time-list .time-list-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: stretch; }
    .worktime-week-advanced-content .mod-time-list .time-list-wrapper .time-cell,
    .worktime-special-day .mod-time-list .time-list-wrapper .time-cell {
      display: flex;
      align-items: center;
      height: 30px;
      line-height: 30px; }
      .worktime-week-advanced-content .mod-time-list .time-list-wrapper .time-cell.timeformat-12hr:last-child,
      .worktime-special-day .mod-time-list .time-list-wrapper .time-cell.timeformat-12hr:last-child {
        display: none; }
      .worktime-week-advanced-content .mod-time-list .time-list-wrapper .time-cell.timeformat-24hr:last-child,
      .worktime-special-day .mod-time-list .time-list-wrapper .time-cell.timeformat-24hr:last-child {
        display: none; }

.sb-worktime-months {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px; }

.worktime-year .mod-worktime-month .title--year {
  display: none; }

.mod-worktime-month {
  display: inline-block;
  max-width: 290px;
  width: 100%;
  vertical-align: top;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #E7ECF7;
  border-radius: 5px;
  padding: 18px 0 0; }
  @media (max-width: 575px) {
    .mod-worktime-month {
      margin: 0; } }
  .mod-worktime-month .mod-worktime__header,
  .mod-worktime-month .title {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    color: #0B3052;
    font-size: 18px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 8px; }
  .mod-worktime-month .sb-table .head {
    font-size: 14px; }
    .mod-worktime-month .sb-table .head .head-row {
      display: flex;
      justify-content: space-between;
      padding: 8px 14px 12px;
      font-weight: 600;
      border-bottom: 1px solid #E7ECF7; }
      .mod-worktime-month .sb-table .head .head-row .head-cell {
        display: block;
        min-width: 30px; }
  .mod-worktime-month .sb-table .body {
    min-height: 216px;
    border-top: 0;
    padding: 15px; }
    .mod-worktime-month .sb-table .body .body-row {
      display: flex;
      justify-content: space-between;
      margin-bottom: 3px; }
      .mod-worktime-month .sb-table .body .body-row:last-child {
        margin-bottom: 0; }
      .mod-worktime-month .sb-table .body .body-row .body-cell {
        display: table;
        cursor: pointer;
        padding: 0;
        width: 30px;
        height: 30px;
        text-align: center;
        font-size: 14px;
        border-radius: 4px;
        margin-bottom: 3px; }
        .mod-worktime-month .sb-table .body .body-row .body-cell:hover {
          background: #F1F6FF; }
        .mod-worktime-month .sb-table .body .body-row .body-cell span {
          display: table-cell;
          vertical-align: middle; }
        .mod-worktime-month .sb-table .body .body-row .body-cell.special-day.day-off.selected {
          border: none; }
        .mod-worktime-month .sb-table .body .body-row .body-cell.special-day.company.day-off.selected {
          border: none; }
        .mod-worktime-month .sb-table .body .body-row .body-cell.skip {
          cursor: auto;
          color: #ABBCCC;
          background: transparent; }

.mod-worktime-day {
  display: flex;
  align-items: center;
  padding-bottom: 46px;
  gap: 2px 10px; }
  .mod-worktime-day:last-child {
    padding-bottom: 0; }
  .narrow .mod-worktime-day {
    display: block; }
  .mod-worktime-day .form-group__switcher {
    margin: 0 !important;
    min-width: 80px; }
  .mod-worktime-day .material-switch-container {
    max-width: 100px;
    margin: 0 auto; }
    .narrow .mod-worktime-day .material-switch-container {
      max-width: inherit;
      justify-content: center; }
      .narrow .mod-worktime-day .material-switch-container .material-switch {
        text-align: left; }
    .mod-worktime-day .material-switch-container .control-label {
      min-width: 40px; }
  .mod-worktime-day .ui-slider {
    width: 100%;
    height: 10px;
    border-color: #E7ECF7;
    background: #fbfbfb;
    margin-right: 50px; }
    .modal .mod-worktime-day .ui-slider {
      margin-right: 0; }
    .narrow .mod-worktime-day .ui-slider {
      width: 10px;
      margin: 20px auto 0;
      height: 600px; }
    .mod-worktime-day .ui-slider.ui-slider-horizontal .ui-slider-handle .ui-slider-handle-label {
      position: absolute;
      top: -40px;
      left: -20px;
      margin-left: 0; }
      .mod-worktime-day .ui-slider.ui-slider-horizontal .ui-slider-handle .ui-slider-handle-label:after {
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: -8px; }
    .mod-worktime-day .ui-slider.ui-slider-horizontal .ui-slider-near-left .ui-slider-handle-label {
      left: 0; }
      .mod-worktime-day .ui-slider.ui-slider-horizontal .ui-slider-near-left .ui-slider-handle-label:after {
        left: 2px;
        margin: 0;
        border-top: 16px solid #ffffff; }
    .mod-worktime-day .ui-slider.ui-slider-horizontal .ui-slider-near-right .ui-slider-handle-label {
      left: initial;
      right: 0; }
      .mod-worktime-day .ui-slider.ui-slider-horizontal .ui-slider-near-right .ui-slider-handle-label:after {
        left: initial;
        right: 2px;
        margin: 0;
        border-top: 16px solid #ffffff; }
    .mod-worktime-day .ui-slider.ui-slider-horizontal .ui-slider-range-button {
      left: 0;
      right: 0;
      margin: 0 auto;
      bottom: -5px; }
      .mod-worktime-day .ui-slider.ui-slider-horizontal .ui-slider-range-button.ui-slider-range-button-pop {
        bottom: -22px; }
      .mod-worktime-day .ui-slider.ui-slider-horizontal .ui-slider-range-button.ui-slider-range-button-plus {
        margin: inherit; }
      .mod-worktime-day .ui-slider.ui-slider-horizontal .ui-slider-range-button.ui-slider-range-button-add {
        right: 25px; }
        .mod-worktime-day .ui-slider.ui-slider-horizontal .ui-slider-range-button.ui-slider-range-button-add.ui-slider-range-button-pop {
          display: none; }
      .mod-worktime-day .ui-slider.ui-slider-horizontal .ui-slider-range-button.ui-slider-range-button-minus {
        left: 25px; }
        .mod-worktime-day .ui-slider.ui-slider-horizontal .ui-slider-range-button.ui-slider-range-button-minus.ui-slider-range-button-pop {
          left: 0; }
    .mod-worktime-day .ui-slider.ui-slider-horizontal .ui-slider-range-min .ui-slider-range-button.ui-slider-range-button-plus {
      left: auto;
      right: 20px; }
    .mod-worktime-day .ui-slider.ui-slider-horizontal .ui-slider-range-max .ui-slider-range-button.ui-slider-range-button-plus {
      left: 20px; }
    .mod-worktime-day .ui-slider.ui-slider-vertical .ui-slider-range-button {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      .mod-worktime-day .ui-slider.ui-slider-vertical .ui-slider-range-button.ui-slider-range-button-pop {
        margin-top: -200%;
        margin-left: -200%; }
      .mod-worktime-day .ui-slider.ui-slider-vertical .ui-slider-range-button.ui-slider-range-button-add {
        margin-top: 10px; }
        .mod-worktime-day .ui-slider.ui-slider-vertical .ui-slider-range-button.ui-slider-range-button-add.ui-slider-range-button-pop {
          display: none; }
      .mod-worktime-day .ui-slider.ui-slider-vertical .ui-slider-range-button.ui-slider-range-button-minus {
        margin-top: -10px; }
        .mod-worktime-day .ui-slider.ui-slider-vertical .ui-slider-range-button.ui-slider-range-button-minus.ui-slider-range-button-pop {
          margin-top: 0; }
    .mod-worktime-day .ui-slider.ui-slider-vertical .ui-slider-range-min .ui-slider-range-button.ui-slider-range-button-plus {
      top: 40px; }
    .mod-worktime-day .ui-slider.ui-slider-vertical .ui-slider-range-max .ui-slider-range-button.ui-slider-range-button-plus {
      top: auto;
      bottom: 20px; }
    .mod-worktime-day .ui-slider.ui-slider-vertical .ui-slider-handle .ui-slider-handle-label {
      left: 30px; }
      .mod-worktime-day .ui-slider.ui-slider-vertical .ui-slider-handle .ui-slider-handle-label:after {
        top: 50%;
        left: -10px;
        margin-top: -4px;
        transform: rotate(90deg); }
    .mod-worktime-day .ui-slider.ui-slider-vertical .ui-slider-handle:nth-child(2n) .ui-slider-handle-label {
      left: -70px;
      right: inherit; }
      .mod-worktime-day .ui-slider.ui-slider-vertical .ui-slider-handle:nth-child(2n) .ui-slider-handle-label:after {
        bottom: 0;
        left: initial;
        right: -10px;
        transform: rotate(-90deg); }
    .mod-worktime-day .ui-slider .ui-slider-range.ui-slider-range-buttons {
      background: transparent;
      z-index: 11; }
      .mod-worktime-day .ui-slider .ui-slider-range.ui-slider-range-buttons .ui-slider-range-button {
        position: absolute;
        z-index: 11;
        border: 1px solid #c5dbec;
        background: #fff;
        color: #666;
        border-radius: 2px;
        width: 18px;
        height: 18px;
        line-height: 14px;
        text-align: center;
        cursor: pointer; }
        .mod-worktime-day .ui-slider .ui-slider-range.ui-slider-range-buttons .ui-slider-range-button.ui-slider-range-button-plus:after {
          content: "+"; }
        .mod-worktime-day .ui-slider .ui-slider-range.ui-slider-range-buttons .ui-slider-range-button.ui-slider-range-button-minus:after {
          content: "-"; }
        .mod-worktime-day .ui-slider .ui-slider-range.ui-slider-range-buttons .ui-slider-range-button.ui-slider-range-button-remove:after {
          content: '-'; }
        .mod-worktime-day .ui-slider .ui-slider-range.ui-slider-range-buttons .ui-slider-range-button.ui-slider-range-button-add:after {
          content: '||'; }
    .mod-worktime-day .ui-slider .ui-slider-range.ui-slider-range-worktime {
      z-index: 9; }
    .mod-worktime-day .ui-slider .ui-slider-range.ui-slider-range-template {
      z-index: 8; }
    .mod-worktime-day .ui-slider .ui-slider-range.ui-slider-range-invalid {
      z-index: 10; }
    .mod-worktime-day .ui-slider .ui-slider-handle {
      z-index: 1000;
      background: inherit;
      border-radius: 50%;
      background-color: #ffffff;
      box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
      width: 19px;
      height: 19px;
      border: 0;
      text-decoration: none;
      outline: none; }
      .mod-worktime-day .ui-slider .ui-slider-handle.ui-state-hover {
        z-index: 100; }
      .mod-worktime-day .ui-slider .ui-slider-handle .ui-slider-handle-label {
        display: block;
        color: #6a6e77;
        background: #ffffff;
        filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3));
        width: 60px;
        line-height: 28px;
        font-size: 12px;
        border-radius: 1000px;
        text-align: center;
        position: relative; }
        .narrow .mod-worktime-day .ui-slider .ui-slider-handle .ui-slider-handle-label {
          top: -5px; }
        .mod-worktime-day .ui-slider .ui-slider-handle .ui-slider-handle-label:after {
          content: "";
          display: block;
          position: absolute;
          width: 0;
          height: 0;
          vertical-align: middle;
          border-top: 8px solid #ffffff;
          border-right: 8px solid transparent;
          border-left: 8px solid transparent; }

.mod-worktime-day-advanced {
  display: block;
  text-align: center;
  width: 215px;
  margin: 0 auto; }
  .mod-worktime-day-advanced .title {
    font-size: 16px;
    margin: 0 0 8px 0;
    font-weight: 400;
    color: #0B3052; }
  .mod-worktime-day-advanced .material-switch-container {
    margin: 0 auto 20px;
    height: 100%;
    flex-direction: column;
    align-items: center; }
    @media (max-width: 575px) {
      .modal .mod-worktime-day-advanced .material-switch-container {
        flex-direction: row;
        flex-wrap: wrap; } }
  .mod-worktime-day-advanced .sb-worktime-hours {
    width: 100%;
    margin: 0 auto; }
    .mod-worktime-day-advanced .sb-worktime-hours .sb-worktime-hour-timeslots {
      display: flex;
      justify-content: space-between;
      margin-bottom: 5px; }
      .mod-worktime-day-advanced .sb-worktime-hours .sb-worktime-hour-timeslots:last-child {
        margin-bottom: 0; }
      .mod-worktime-day-advanced .sb-worktime-hours .sb-worktime-hour-timeslots .time-slot {
        display: block;
        height: 25px;
        width: 100%;
        border: 1px solid transparent;
        border-radius: 3px;
        margin-right: 3px; }
        .mod-worktime-day-advanced .sb-worktime-hours .sb-worktime-hour-timeslots .time-slot .time {
          color: #ffffff;
          text-align: center; }
        .mod-worktime-day-advanced .sb-worktime-hours .sb-worktime-hour-timeslots .time-slot.available .time, .mod-worktime-day-advanced .sb-worktime-hours .sb-worktime-hour-timeslots .time-slot.unavailable .time {
          color: #656e7c; }
        .mod-worktime-day-advanced .sb-worktime-hours .sb-worktime-hour-timeslots .time-slot:not(.disabled):hover {
          cursor: pointer;
          opacity: .7; }
        .mod-worktime-day-advanced .sb-worktime-hours .sb-worktime-hour-timeslots .time-slot:last-child {
          margin-right: 0; }
        .mod-worktime-day-advanced .sb-worktime-hours .sb-worktime-hour-timeslots .time-slot.disabled {
          cursor: not-allowed; }
      .mod-worktime-day-advanced .sb-worktime-hours .sb-worktime-hour-timeslots .hour-switch {
        position: relative;
        cursor: pointer;
        width: 15px;
        flex: 15px 0 0;
        text-align: center;
        right: -0.2em; }
        .mod-worktime-day-advanced .sb-worktime-hours .sb-worktime-hour-timeslots .hour-switch .icon {
          position: relative;
          z-index: 2; }
        .mod-worktime-day-advanced .sb-worktime-hours .sb-worktime-hour-timeslots .hour-switch:before {
          content: '';
          display: inline-block;
          position: absolute;
          top: 42.5%;
          left: 49%;
          height: 22px;
          width: 22px;
          min-width: 22px;
          border-radius: 30px;
          transform: translate(-50%, -50%) scale(0);
          transition: all .25s ease; }
        .mod-worktime-day-advanced .sb-worktime-hours .sb-worktime-hour-timeslots .hour-switch.off:before {
          background: #E5FBF3; }
        .mod-worktime-day-advanced .sb-worktime-hours .sb-worktime-hour-timeslots .hour-switch.off:hover .icon {
          color: #00ba7a; }
        .mod-worktime-day-advanced .sb-worktime-hours .sb-worktime-hour-timeslots .hour-switch.some-on:before, .mod-worktime-day-advanced .sb-worktime-hours .sb-worktime-hour-timeslots .hour-switch.on:before {
          background: #FEF4F6; }
        .mod-worktime-day-advanced .sb-worktime-hours .sb-worktime-hour-timeslots .hour-switch.some-on:hover .icon, .mod-worktime-day-advanced .sb-worktime-hours .sb-worktime-hour-timeslots .hour-switch.on:hover .icon {
          color: #ff1944; }
        .mod-worktime-day-advanced .sb-worktime-hours .sb-worktime-hour-timeslots .hour-switch:hover {
          opacity: .9; }
          .mod-worktime-day-advanced .sb-worktime-hours .sb-worktime-hour-timeslots .hour-switch:hover:before {
            transform: translate(-50%, -50%) scale(1); }
        @media (max-width: 575px) {
          .mod-worktime-day-advanced .sb-worktime-hours .sb-worktime-hour-timeslots .hour-switch {
            width: 25px;
            flex: 25px 0 0; } }

.sb-classes-worktime-content {
  margin: 0 -40px; }
  @media (max-width: 480px) {
    .sb-classes-worktime-content {
      margin: -20px; } }

@media (max-width: 575px) {
  .sb-day-tabs {
    margin: 0 -15px; } }

.sb-day-tabs .nav-link, .sb-day-tabs ul.nav-tabs > li > a {
  font-weight: bold; }
  @media (max-width: 575px) {
    .sb-day-tabs .nav-link, .sb-day-tabs ul.nav-tabs > li > a {
      font-size: 13px; } }

@media (min-width: 650px) and (max-width: 1900px) {
  .management-app .worktime-container:not(.narrow) .worktime-week-content .mod-time-list .time-list-wrapper .time-cell:nth-child(4n + 1) {
    visibility: hidden; } }

div#ascrail2001-hr {
  display: block !important;
  margin-top: 13px; }

.worktime-special-actions .btn {
  padding: 0.25rem 0.8rem;
  white-space: normal;
  min-width: 140px;
  min-height: 30px; }

@media (min-width: 767px) {
  .modal .worktime-special-day .messages-container .alert.alert-dismissible .alert--content {
    flex-wrap: nowrap; } }

.worktime-special-day .messages-container .alert.alert-dismissible .alert--content {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 5px 12px;
  flex-wrap: wrap; }

.company-info-page #map_search_form #map_canvas .maplibregl-canvas-container {
  width: 100%;
  height: 100%; }
  .company-info-page #map_search_form #map_canvas .maplibregl-canvas-container .maplibregl-canvas {
    width: 100% !important;
    height: 100% !important; }

.dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day {
  border-color: #555555; }

.dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select.show .dropdown-toggle, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select.show .dropdown-toggle,
.dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select.show .dropdown-toggle,
.dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select.show .dropdown-toggle,
.dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select.show .dropdown-toggle,
.dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select.show .dropdown-toggle,
.dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .dropdown-toggle,
.dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .dropdown-toggle,
.dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .dropdown-toggle,
.dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .dropdown-toggle,
.dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .dropdown-toggle,
.dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .dropdown-toggle {
  background-color: #404040;
  color: #f9f9f9; }


.dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .dropdown-toggle,
.dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .dropdown-toggle,
.dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .dropdown-toggle,
.dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .dropdown-toggle {
  border: none; }

.dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .filter-option, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .filter-option, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .filter-option, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .filter-option {
  padding-top: 4px; }

.dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .dropdown-menu .dropdown-item.disabled, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .dropdown-menu .dropdown-item.disabled, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .combobox-container .dropdown-menu li a.disabled, .combobox-container .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .dropdown-menu li a.disabled, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .combobox-container .dropdown-menu li a.disabled, .combobox-container .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .dropdown-menu li a.disabled,
.dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .dropdown-menu .disabled,
.dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .dropdown-menu .disabled, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .dropdown-menu .dropdown-item.disabled, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .dropdown-menu .dropdown-item.disabled, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .combobox-container .dropdown-menu li a.disabled, .combobox-container .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .dropdown-menu li a.disabled, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .combobox-container .dropdown-menu li a.disabled, .combobox-container .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .dropdown-menu li a.disabled,
.dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .dropdown-menu .disabled,
.dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .dropdown-menu .disabled {
  color: #ff6666;
  background: #606060; }
  .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .dropdown-menu .dropdown-item.disabled:hover, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .dropdown-menu .dropdown-item.disabled:hover, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .combobox-container .dropdown-menu li a.disabled:hover, .combobox-container .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .dropdown-menu li a.disabled:hover, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .combobox-container .dropdown-menu li a.disabled:hover, .combobox-container .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .dropdown-menu li a.disabled:hover,
  .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .dropdown-menu .disabled:hover,
  .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .dropdown-menu .disabled:hover, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .dropdown-menu .dropdown-item.disabled:hover, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .dropdown-menu .dropdown-item.disabled:hover, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .combobox-container .dropdown-menu li a.disabled:hover, .combobox-container .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .dropdown-menu li a.disabled:hover, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .combobox-container .dropdown-menu li a.disabled:hover, .combobox-container .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .dropdown-menu li a.disabled:hover,
  .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .dropdown-menu .disabled:hover,
  .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .dropdown-menu .disabled:hover {
    color: #ff928a; }

.dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .dropdown-menu .dropdown-item:not(.disabled):hover, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .dropdown-menu .dropdown-item:not(.disabled):hover, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .combobox-container .dropdown-menu li a:not(.disabled):hover, .combobox-container .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .dropdown-menu li a:not(.disabled):hover, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .combobox-container .dropdown-menu li a:not(.disabled):hover, .combobox-container .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .dropdown-menu li a:not(.disabled):hover, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .dropdown-menu .dropdown-item:not(.disabled):hover, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .dropdown-menu .dropdown-item:not(.disabled):hover, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .combobox-container .dropdown-menu li a:not(.disabled):hover, .combobox-container .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .dropdown-menu li a:not(.disabled):hover, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .combobox-container .dropdown-menu li a:not(.disabled):hover, .combobox-container .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .dropdown-menu li a:not(.disabled):hover {
  background: #1a1a1a;
  color: #00D38B; }

.dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .dropdown-menu .dropdown-item.active, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .dropdown-menu .dropdown-item.active, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .combobox-container .dropdown-menu li a.active, .combobox-container .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .dropdown-menu li a.active, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .combobox-container .dropdown-menu li a.active, .combobox-container .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .dropdown-menu li a.active, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .dropdown-menu .dropdown-item.active, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .dropdown-menu .dropdown-item.active, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .combobox-container .dropdown-menu li a.active, .combobox-container .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .dropdown-menu li a.active, .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .combobox-container .dropdown-menu li a.active, .combobox-container .dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .dropdown-menu li a.active {
  background: #1d9ed1;
  color: #f9f9f9; }

.dark-mode .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods:before {
  background: #282828; }

.page-company-work-hours .nicescroll-rails {
  display: none;
  visibility: hidden; }

.page-company-work-hours .sb-entity-selector {
  max-width: 500px; }
  .page-company-work-hours .sb-entity-selector .form-group, .page-company-work-hours .sb-entity-selector .element-container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px 12px;
    margin-bottom: 25px;
    flex-direction: column; }
    .page-company-work-hours .sb-entity-selector .form-group > div, .page-company-work-hours .sb-entity-selector .element-container > div {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      flex-direction: column;
      gap: 12px 20px; }
      .page-company-work-hours .sb-entity-selector .form-group > div .form-control, .page-company-work-hours .sb-entity-selector .element-container > div .form-control, .page-company-work-hours .sb-entity-selector .form-group > div .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container .page-company-work-hours .sb-entity-selector .form-group > div textarea, .page-company-work-hours .sb-entity-selector .contact-widget-message-form .data-block .element-container > div textarea, .contact-widget-message-form .data-block .page-company-work-hours .sb-entity-selector .element-container > div textarea, .page-company-work-hours .sb-entity-selector .form-group > div .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .page-company-work-hours .sb-entity-selector .form-group > div select, .page-company-work-hours .sb-entity-selector .element-container > div .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .page-company-work-hours .sb-entity-selector .element-container > div select, .page-company-work-hours .sb-entity-selector .form-group > div .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors .page-company-work-hours .sb-entity-selector .form-group > div input, .page-company-work-hours .sb-entity-selector .element-container > div .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors .page-company-work-hours .sb-entity-selector .element-container > div input, .page-company-work-hours .sb-entity-selector .form-group > div .design-settings-page div.input, .design-settings-page .page-company-work-hours .sb-entity-selector .form-group > div div.input, .page-company-work-hours .sb-entity-selector .element-container > div .design-settings-page div.input, .design-settings-page .page-company-work-hours .sb-entity-selector .element-container > div div.input {
        max-width: 300px; }

.page-company-work-hours .advanced-settings-on__breaktimes {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-direction: column; }
  .page-company-work-hours .advanced-settings-on__breaktimes .cursive-font {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.1; }
  .page-company-work-hours .advanced-settings-on__breaktimes .btn-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px 12px;
    flex-wrap: wrap; }
    .page-company-work-hours .advanced-settings-on__breaktimes .btn-bar .btn {
      margin: 0 !important; }

.management-app .management-app-steps .step .step-content .worktime-days-simple .worktime-day--periods-item .form-group, .management-app .management-app-steps .step .step-content .worktime-days-simple .worktime-day--periods-item .element-container {
  padding: 0;
  margin: 0; }

.worktime-container .worktime-view__breaktimes .worktime-week-content .timeline__breaktimes .worktime-days-simple {
  display: flex;
  margin: 0 0 30px 0; }

.worktime-view__breaktimes .worktime-week-content {
  margin: 0;
  padding: 0; }

.worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 8px;
  max-width: 1165px;
  padding: 8px 0;
  margin-bottom: 36px; }
  .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day {
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 12px;
    min-height: 60px;
    padding: 14px 18px;
    border: 1px solid #E7ECF7;
    border-radius: 5px; }
    .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day.worktime-day__off {
      align-items: center; }
    .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container {
      margin: 0;
      padding: 0;
      width: 100%; }
      @media (max-width: 640px) {
        .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container {
          width: 100%; } }
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group select.form-control, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container select.form-control, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group select, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container select, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group select.form-control, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container select.form-control, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group select, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container select {
        font-size: 16px;
        background-color: #F1F6FF;
        height: 36px;
        border-color: #E7ECF7; }
        .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group select.form-control [disabled], .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container select.form-control [disabled], .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .templates-page .notifications-settings .field select [disabled], .templates-page .notifications-settings .field .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group select [disabled], .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .templates-page .notifications-settings .field select [disabled], .templates-page .notifications-settings .field .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container select [disabled], .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group select.form-control [disabled], .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container select.form-control [disabled], .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .templates-page .notifications-settings .field select [disabled], .templates-page .notifications-settings .field .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group select [disabled], .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .templates-page .notifications-settings .field select [disabled], .templates-page .notifications-settings .field .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container select [disabled] {
          color: #ABBCCC; }
        .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group select.form-control option, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container select.form-control option, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .templates-page .notifications-settings .field select option, .templates-page .notifications-settings .field .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group select option, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .templates-page .notifications-settings .field select option, .templates-page .notifications-settings .field .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container select option, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group select.form-control option, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container select.form-control option, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .templates-page .notifications-settings .field select option, .templates-page .notifications-settings .field .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group select option, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .templates-page .notifications-settings .field select option, .templates-page .notifications-settings .field .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container select option {
          color: #0B3052; }
          .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group select.form-control option:disabled, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container select.form-control option:disabled, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .templates-page .notifications-settings .field select option:disabled, .templates-page .notifications-settings .field .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group select option:disabled, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .templates-page .notifications-settings .field select option:disabled, .templates-page .notifications-settings .field .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container select option:disabled, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group select.form-control option:disabled, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container select.form-control option:disabled, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .templates-page .notifications-settings .field select option:disabled, .templates-page .notifications-settings .field .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group select option:disabled, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .templates-page .notifications-settings .field select option:disabled, .templates-page .notifications-settings .field .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container select option:disabled {
            color: #ABBCCC; }
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .control-label, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .control-label, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .control-label, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .control-label {
        display: none;
        max-width: 150px; }
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .dropdown-toggle, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .dropdown-toggle, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .dropdown-toggle, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .dropdown-toggle {
        border-radius: 2.5px;
        font-size: 14px;
        background-color: #F1F6FF;
        padding-left: 12px;
        padding-right: 14px;
        height: 36px;
        border-color: #E7ECF7;
        color: #0B3052;
        outline: none !important; }
        .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .dropdown-toggle:after, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .dropdown-toggle:after, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .dropdown-toggle:after, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .dropdown-toggle:after {
          display: inline-block;
          font-style: normal;
          font-variant: normal;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          font-family: "Font Awesome 5 Pro";
          font-weight: 300;
          content: "\f107";
          top: 1px;
          font-size: 18px; }
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .filter-option, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .filter-option, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .filter-option, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .filter-option {
        padding-top: 4px; }
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .dropdown-menu, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .dropdown-menu, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .dropdown-menu, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .dropdown-menu {
        container-type: normal;
        max-height: 400px !important;
        float: none; }
        .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .dropdown-menu .dropdown-item.disabled, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .dropdown-menu .dropdown-item.disabled, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .combobox-container .dropdown-menu li a.disabled, .combobox-container .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .dropdown-menu li a.disabled, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .combobox-container .dropdown-menu li a.disabled, .combobox-container .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .dropdown-menu li a.disabled,
        .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .dropdown-menu .disabled,
        .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .dropdown-menu .disabled, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .dropdown-menu .dropdown-item.disabled, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .dropdown-menu .dropdown-item.disabled, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .combobox-container .dropdown-menu li a.disabled, .combobox-container .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .dropdown-menu li a.disabled, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .combobox-container .dropdown-menu li a.disabled, .combobox-container .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .dropdown-menu li a.disabled,
        .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .dropdown-menu .disabled,
        .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .dropdown-menu .disabled {
          color: #ABBCCC;
          cursor: not-allowed;
          background: #f9f9f9; }
          .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .dropdown-menu .dropdown-item.disabled:hover, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .dropdown-menu .dropdown-item.disabled:hover, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .combobox-container .dropdown-menu li a.disabled:hover, .combobox-container .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .dropdown-menu li a.disabled:hover, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .combobox-container .dropdown-menu li a.disabled:hover, .combobox-container .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .dropdown-menu li a.disabled:hover,
          .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .dropdown-menu .disabled:hover,
          .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .dropdown-menu .disabled:hover, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .dropdown-menu .dropdown-item.disabled:hover, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .dropdown-menu .dropdown-item.disabled:hover, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .combobox-container .dropdown-menu li a.disabled:hover, .combobox-container .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .dropdown-menu li a.disabled:hover, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .combobox-container .dropdown-menu li a.disabled:hover, .combobox-container .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .dropdown-menu li a.disabled:hover,
          .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .dropdown-menu .disabled:hover,
          .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .dropdown-menu .disabled:hover {
            color: #ff928a; }
        .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .dropdown-menu .dropdown-item:not(.disabled):hover, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .dropdown-menu .dropdown-item:not(.disabled):hover, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .combobox-container .dropdown-menu li a:not(.disabled):hover, .combobox-container .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select .dropdown-menu li a:not(.disabled):hover, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .combobox-container .dropdown-menu li a:not(.disabled):hover, .combobox-container .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select .dropdown-menu li a:not(.disabled):hover, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .dropdown-menu .dropdown-item:not(.disabled):hover, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .dropdown-menu .dropdown-item:not(.disabled):hover, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .combobox-container .dropdown-menu li a:not(.disabled):hover, .combobox-container .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select .dropdown-menu li a:not(.disabled):hover, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .combobox-container .dropdown-menu li a:not(.disabled):hover, .combobox-container .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select .dropdown-menu li a:not(.disabled):hover {
          background: #F1F6FF;
          color: #00D38B; }
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .dropdown.bootstrap-select.show .dropdown-toggle, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .dropdown.bootstrap-select.show .dropdown-toggle, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .form-group .dropdown.bootstrap-select.show .dropdown-toggle, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .element-container .dropdown.bootstrap-select.show .dropdown-toggle {
        background-color: #F1F6FF;
        border-color: #E7ECF7;
        color: #0B3052; }
    .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day .btn-bar__row {
      display: flex;
      align-items: center;
      gap: 6px; }
    .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day .btn {
      -webkit-backdrop-filter: none;
      backdrop-filter: none; }
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day .btn:disabled, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day .btn[disabled] {
        border-color: #c1cee6;
        background: #D7DFEF;
        color: #888;
        pointer-events: none; }
    .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--toggler {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      min-width: 110px;
      margin: 0;
      width: auto;
      min-height: 36px; }
    .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--title {
      white-space: nowrap;
      min-width: 50px;
      font-size: 14px;
      font-weight: normal; }
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--title label {
        margin: 0;
        padding: 0;
        height: auto; }
    .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods {
      position: relative;
      flex: 1;
      display: flex;
      align-items: stretch;
      justify-content: flex-start;
      flex-direction: column;
      gap: 12px; }
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods:before {
        display: inline-block;
        content: '';
        height: calc(100% + 14px);
        width: 100%;
        max-width: 454px;
        min-width: 454px;
        border-radius: 5px;
        background: #FFF8EA;
        position: absolute;
        top: -7px;
        left: -124px;
        bottom: 0;
        z-index: 1;
        user-select: none;
        pointer-events: none; }
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods > .worktime-day--periods-block__title {
        display: none; }
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper {
        container-type: unset !important;
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 22px; }
        .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .worktime-day--list-periods .worktime-day--periods .worktime-day--periods-block__title {
          visibility: hidden; }
        .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper .worktime-day--list-periods .worktime-day--periods:nth-child(2) .worktime-day--periods-block__title {
          visibility: visible; }
    .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods {
      position: relative;
      width: 100%;
      max-width: 320px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 8px;
      padding-right: 46px; }
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .worktime-day--periods-divider,
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .dropdown.bootstrap-select {
        position: relative;
        z-index: 2; }
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .dropdown.bootstrap-select.show {
        position: relative;
        z-index: 100; }
    .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods-block {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 4px 8px;
      flex: 1; }
    .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods-item {
      width: 100%;
      flex: 1; }
    .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods-divider {
      display: inline-block;
      height: 1px;
      width: 8px;
      min-width: 8px;
      background: #788291; }
    .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods-remove-bar {
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      z-index: 2; }
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods-remove-bar:hover {
        z-index: 10; }
    .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--btn-bar {
      margin-left: auto;
      margin-right: 0; }
    .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods-block__title {
      position: absolute;
      top: 0.25em;
      right: calc(100% + 20px);
      z-index: 2; }
    @media (max-width: 914px) {
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods__wrapper {
        flex: unset;
        width: 100%;
        order: 10; }
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods {
        max-width: 100%;
        padding: 0; }
        .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container {
          width: 100%; }
          .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .form-group .control-label, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods .element-container .control-label {
            max-width: unset; }
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods-remove-bar {
        position: static;
        transform: unset; }
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods {
        padding: 2px 10px; }
        .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods:before {
          height: calc(100% + 14px);
          width: 100%;
          max-width: unset;
          min-width: unset;
          top: -8px;
          left: 0; }
        .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--list-periods > .worktime-day--periods-block__title {
          display: block;
          position: static; }
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--periods-block__title {
        display: none; }
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day--btn-bar {
        margin-left: auto;
        order: 10; } }
    .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day.--to-columns .worktime-day--list-periods, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day.--to-columns .worktime-day--list-periods__wrapper {
      flex: unset;
      width: 100%; }
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day.--to-columns .worktime-day--list-periods > .worktime-day--periods, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day.--to-columns .worktime-day--list-periods__wrapper > .worktime-day--periods {
        padding-right: 46px; }
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day.--to-columns .worktime-day--list-periods > .worktime-day--list-periods > .worktime-day--periods, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day.--to-columns .worktime-day--list-periods__wrapper > .worktime-day--list-periods > .worktime-day--periods {
        padding-right: 0; }
    .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day.--to-columns .worktime-day--periods {
      max-width: 100%;
      padding: 0; }
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day.--to-columns .worktime-day--periods .form-group, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day.--to-columns .worktime-day--periods .element-container {
        width: 100%; }
        .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day.--to-columns .worktime-day--periods .form-group .control-label, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day.--to-columns .worktime-day--periods .element-container .control-label {
          max-width: unset; }
    .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day.--to-columns .worktime-day--periods-remove-bar {
      position: static;
      transform: unset; }
    .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day.--to-columns .worktime-day--btn-bar {
      margin-left: auto; }
    .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day.--to-columns .worktime-day--list-periods {
      padding: 2px 10px; }
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day.--to-columns .worktime-day--list-periods:before {
        height: calc(100% + 14px);
        width: 100%;
        min-width: unset;
        max-width: unset;
        top: -8px;
        left: 0; }
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day.--to-columns .worktime-day--list-periods > .worktime-day--periods-block__title {
        display: block;
        position: static; }
    .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day.--to-columns .worktime-day--periods-block__title {
      display: none; }
    @media (max-width: 800px) {
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day .worktime-day--list-periods, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day .worktime-day--list-periods__wrapper {
        flex: unset;
        width: 100%; }
        .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day .worktime-day--list-periods > .worktime-day--periods, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day .worktime-day--list-periods__wrapper > .worktime-day--periods {
          padding-right: 46px; }
        .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day .worktime-day--list-periods > .worktime-day--list-periods > .worktime-day--periods, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day .worktime-day--list-periods__wrapper > .worktime-day--list-periods > .worktime-day--periods {
          padding-right: 0; }
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day .worktime-day--periods {
        max-width: 100%;
        padding: 0; }
        .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day .worktime-day--periods .form-group, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day .worktime-day--periods .element-container {
          width: 100%; }
          .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day .worktime-day--periods .form-group .control-label, .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day .worktime-day--periods .element-container .control-label {
            max-width: unset; }
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day .worktime-day--periods-remove-bar {
        position: static;
        transform: unset; }
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day .worktime-day--btn-bar {
        margin-left: auto; }
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day .worktime-day--list-periods > .worktime-day--periods-block__title {
        display: block; }
      .worktime-view__breaktimes .timeline__breaktimes .worktime-days-simple .worktime-day .worktime-day--periods-block__title {
        display: none; } }

.worktime-week {
  position: relative;
  padding: 0; }

.dark-mode .management-plugin-info .page-view {
  background-color: #282828; }
  .dark-mode .management-plugin-info .page-view .img.v1 img {
    filter: grayscale(0.7) invert(88%); }

.management-plugin-info {
  display: block; }
  .management-plugin-info .page-view {
    padding: 40px;
    max-width: 768px;
    margin: 40px auto 0;
    background-color: #ffffff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
    border-radius: 0.25rem;
    text-align: center; }
    @media (max-width: 767px) {
      .management-plugin-info .page-view {
        padding: 15px;
        margin-top: 15px; } }
    .management-plugin-info .page-view .cap {
      font-weight: 600;
      font-size: 18px;
      margin-bottom: 10px; }
    .management-plugin-info .page-view .txt {
      margin-bottom: 28px; }
    .management-plugin-info .page-view .img {
      margin-bottom: 14px; }
      .management-plugin-info .page-view .img img {
        height: 100px; }
  .management-plugin-info .form-view .plugin {
    display: flex;
    align-items: center; }

.management-plugin-error {
  text-align: center; }

#payments-app {
  /**************************************************/
  display: block; }

@keyframes shadow-pulse {
  0% {
    box-shadow: 0px 0px 0 2px rgba(11, 48, 82, 0.1); }
  100% {
    box-shadow: 0px 0px 0px 14px rgba(11, 48, 82, 0); } }
  #payments-app .title {
    margin: 0;
    font-family: "Mulish", sans-serif; }
    #payments-app .title--h1 {
      font-size: 34px;
      line-height: 42px;
      font-weight: 400; }
      @media (max-width: 767px) {
        #payments-app .title--h1 {
          font-size: 22px;
          line-height: 30px; } }
    #payments-app .title--h2 {
      font-size: 20px;
      line-height: 28px;
      font-weight: 600; }
      @media (max-width: 767px) {
        #payments-app .title--h2 {
          font-size: 18px;
          line-height: 26px; } }
    #payments-app .title--h3 {
      font-size: 18px;
      line-height: 26px;
      font-weight: 600; }
      @media (max-width: 767px) {
        #payments-app .title--h3 {
          font-size: 16px;
          line-height: 24px; } }
  #payments-app .heading {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400; }
    #payments-app .heading--small {
      font-size: 14px;
      line-height: 22px;
      font-weight: 600; }
  #payments-app .p {
    display: block;
    margin-bottom: 0;
    font-family: "Noto Sans", sans-serif;
    font-size: 14px; }
    #payments-app .p--primary {
      color: #0B3052; }
    #payments-app .p--secondary {
      color: #575c69; }
    #payments-app .p--accent-primary {
      color: #06ADEF; }
    #payments-app .p--accent-secondary {
      color: #06ADEF; }
    #payments-app .p--heading {
      font-size: 16px; }
    #payments-app .p--default {
      font-size: 16px; }
    #payments-app .p--small {
      font-size: 12px;
      line-height: 20px; }
    #payments-app .p--tiny {
      font-size: 10px;
      line-height: 18px; }
    #payments-app .p em, #payments-app .p--italic {
      font-style: italic; }
  #payments-app .light {
    font-weight: 300; }
  #payments-app .normal {
    font-weight: 400; }
  #payments-app .bold {
    font-weight: 600; }
  #payments-app .bolder {
    font-weight: 700; }
  #payments-app .medium {
    font-weight: 500; }
  #payments-app .text-left {
    text-align: left; }
  #payments-app .text-right {
    text-align: right; }
  #payments-app .text-center {
    text-align: center; }
  #payments-app .text-darker {
    color: #0B3052; }
  #payments-app .text-secondary {
    color: #575c69; }
  #payments-app .text-warning {
    color: #FEC439; }
  #payments-app .text-danger {
    color: #FF3259; }
  #payments-app .text-success {
    color: #00D38B; }
  #payments-app .text-accent {
    color: #06ADEF; }
  #payments-app .text-icon {
    color: #ABBCCC; }
  #payments-app .nowrap {
    white-space: nowrap; }
  #payments-app .ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  #payments-app .line-clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  #payments-app em {
    font-style: italic; }

@keyframes shadow-pulse {
  0% {
    box-shadow: 0px 0px 0 2px rgba(11, 48, 82, 0.1); }
  100% {
    box-shadow: 0px 0px 0px 14px rgba(11, 48, 82, 0); } }
  #payments-app .grid-type-flex {
    display: flex;
    flex-wrap: wrap; }
    #payments-app .grid-type-flex.__no-wrap {
      flex-wrap: nowrap; }
    #payments-app .grid-type-flex.mb-0 {
      margin-bottom: 0 !important; }
    #payments-app .grid-type-flex.mb-m {
      margin-bottom: 4px !important; }
    #payments-app .grid-type-flex.mb-s {
      margin-bottom: 8px !important; }
    #payments-app .grid-type-flex.mb-l {
      margin-bottom: 16px !important; }
    #payments-app .grid-type-flex.mb-xl {
      margin-bottom: 22px !important; }
    #payments-app .grid-type-flex.direction--row {
      flex-direction: row; }
    #payments-app .grid-type-flex.direction--column {
      flex-direction: column;
      align-items: stretch; }
      #payments-app .grid-type-flex.direction--column.align--start {
        align-items: flex-start; }
    #payments-app .grid-type-flex .grid-item {
      flex: 1; }
      #payments-app .grid-type-flex .grid-item--fit-by-content {
        width: auto;
        flex: unset; }
      #payments-app .grid-type-flex .grid-item--full-width {
        flex: unset;
        width: 100%; }
  #payments-app .grid-gap-x-8 {
    column-gap: 8px; }
  #payments-app .grid-gap-x-10 {
    column-gap: 10px; }
  #payments-app .grid-gap-x-16 {
    column-gap: 16px; }
  #payments-app .grid-gap-x-24 {
    column-gap: 24px; }
  #payments-app .grid-gap-x-30 {
    column-gap: 30px; }
  #payments-app .grid-gap-x-40 {
    column-gap: 40px; }
  #payments-app .grid-gap-x-50 {
    column-gap: 50px; }
  #payments-app .grid-gap-x-60 {
    column-gap: 60px; }
  #payments-app .grid-gap-y-0 {
    row-gap: 0; }
  #payments-app .grid-gap-y-4 {
    row-gap: 4px; }
  #payments-app .grid-gap-y-8 {
    row-gap: 8px; }
  #payments-app .grid-gap-y-10 {
    row-gap: 10px; }
  #payments-app .grid-gap-y-16 {
    row-gap: 16px; }
  #payments-app .grid-gap-y-24 {
    row-gap: 24px; }
  #payments-app .grid-gap-y-30 {
    row-gap: 30px; }
  #payments-app .grid-gap-y-40 {
    row-gap: 40px; }
  #payments-app .grid-gap-y-50 {
    row-gap: 50px; }
  #payments-app .grid-gap-y-60 {
    row-gap: 60px; }
  #payments-app .grid-justify-center {
    justify-content: center; }
  #payments-app .grid-justify-space-between {
    justify-content: space-between; }
  #payments-app .grid-justify-end {
    justify-content: end; }
  #payments-app .grid-align-baseline {
    align-items: baseline; }
  #payments-app .grid-align-stretch {
    align-items: stretch; }
  #payments-app .grid-align-start {
    align-items: start; }
  #payments-app .grid-align-center {
    align-items: center; }
  #payments-app .grid-align-end {
    align-items: end; }
  @media (max-width: 1366px) {
    #payments-app .grid-break-laptop.grid-type-grid.grid-even-cols {
      grid-auto-flow: row; }
    #payments-app .grid-break-laptop.grid-type-flex {
      flex-direction: column; }
    #payments-app .grid-break-laptop.grid-mob-align-start {
      align-items: start;
      justify-items: start; }
    #payments-app .grid-break-laptop.grid-mob-align-end {
      align-items: end;
      justify-items: end; }
    #payments-app .grid-break-laptop.grid-mob-align-center {
      align-items: center;
      justify-items: center; }
    #payments-app .grid-break-laptop.grid-type-grid.grid-mob-justify-start {
      justify-items: start; }
    #payments-app .grid-break-laptop.grid-type-grid.grid-mob-justify-end {
      justify-items: end; }
    #payments-app .grid-break-laptop.grid-type-grid.grid-mob-justify-center {
      justify-items: center; }
    #payments-app .grid-break-laptop.grid-type-flex.grid-mob-justify-start {
      justify-content: start; }
    #payments-app .grid-break-laptop.grid-type-flex.grid-mob-justify-end {
      justify-content: end; }
    #payments-app .grid-break-laptop.grid-type-flex.grid-mob-justify-center {
      justify-content: center; }
    #payments-app .grid-break-laptop.grid-type-flex.grid-mob-justify-space-between {
      justify-content: space-between; }
    #payments-app .grid-break-laptop.grid-type-flex.reverse-on-mob {
      flex-direction: column-reverse; } }
  @media (max-width: 1023px) {
    #payments-app .grid-break-tab.grid-type-grid.grid-even-cols {
      grid-auto-flow: row; }
    #payments-app .grid-break-tab.grid-type-flex {
      flex-direction: column; }
    #payments-app .grid-break-tab.grid-mob-align-start {
      align-items: start;
      justify-items: start; }
    #payments-app .grid-break-tab.grid-mob-align-end {
      align-items: end;
      justify-items: end; }
    #payments-app .grid-break-tab.grid-mob-align-center {
      align-items: center;
      justify-items: center; }
    #payments-app .grid-break-tab.grid-type-grid.grid-mob-justify-start {
      justify-items: start; }
    #payments-app .grid-break-tab.grid-type-grid.grid-mob-justify-end {
      justify-items: end; }
    #payments-app .grid-break-tab.grid-type-grid.grid-mob-justify-center {
      justify-items: center; }
    #payments-app .grid-break-tab.grid-type-flex.grid-mob-justify-start {
      justify-content: start; }
    #payments-app .grid-break-tab.grid-type-flex.grid-mob-justify-end {
      justify-content: end; }
    #payments-app .grid-break-tab.grid-type-flex.grid-mob-justify-center {
      justify-content: center; }
    #payments-app .grid-break-tab.grid-type-flex.grid-mob-justify-space-between {
      justify-content: space-between; }
    #payments-app .grid-break-tab.grid-type-flex.reverse-on-mob {
      flex-direction: column-reverse; } }
  @media (max-width: 767px) {
    #payments-app .grid-break-mob.grid-type-grid.grid-even-cols {
      grid-auto-flow: row; }
    #payments-app .grid-break-mob.grid-type-flex {
      flex-direction: column; }
    #payments-app .grid-break-mob.grid-mob-align-start {
      align-items: start; }
    #payments-app .grid-break-mob.grid-mob-align-end {
      align-items: end; }
    #payments-app .grid-break-mob.grid-mob-align-center {
      align-items: center; }
    #payments-app .grid-break-mob.grid-type-grid.grid-mob-justify-start {
      justify-items: start; }
    #payments-app .grid-break-mob.grid-type-grid.grid-mob-justify-end {
      justify-items: end; }
    #payments-app .grid-break-mob.grid-type-grid.grid-mob-justify-center {
      justify-items: center; }
    #payments-app .grid-break-mob.grid-type-flex.grid-mob-justify-start {
      justify-content: start; }
    #payments-app .grid-break-mob.grid-type-flex.grid-mob-justify-end {
      justify-content: end; }
    #payments-app .grid-break-mob.grid-type-flex.grid-mob-justify-center {
      justify-content: center; }
    #payments-app .grid-break-mob.grid-type-flex.grid-mob-justify-space-between {
      justify-content: space-between; }
    #payments-app .grid-break-mob.grid-type-flex.reverse-on-mob {
      flex-direction: column-reverse; } }
  #payments-app .grid-item {
    width: 100%;
    min-width: 0; }
  @media (max-width: 1023px) {
    #payments-app .grid-break-tab .grid-item:not(.grid-item-mob-shrinked) {
      max-width: 100% !important; } }
  @media (max-width: 1200px) {
    #payments-app .grid-break-mob-xl .grid-item:not(.grid-item-mob-shrinked) {
      flex: unset;
      width: 100%;
      max-width: 100% !important; } }
  @media (max-width: 980px) {
    #payments-app .grid-break-mob-l .grid-item:not(.grid-item-mob-shrinked) {
      flex: unset;
      width: 100%;
      max-width: 100% !important; } }
  @media (max-width: 767px) {
    #payments-app .grid-break-mob .grid-item:not(.grid-item-mob-shrinked) {
      max-width: 100% !important; } }
  #payments-app .slide-grid {
    min-height: 80vh; }
    @media (min-width: 1023px) {
      #payments-app .slide-grid.grid-break-tab .grid-item--front {
        position: sticky;
        top: 80px; } }
    @media (min-width: 767px) {
      #payments-app .slide-grid.grid-break-mob .grid-item--front {
        position: sticky;
        top: 80px; } }
  #payments-app .management-app .field-container,
  #payments-app .plugins-form .field-container {
    display: flex;
    justify-content: flex-start; }
    #payments-app .management-app .field-container.grid-x-gap-4,
    #payments-app .plugins-form .field-container.grid-x-gap-4 {
      column-gap: 4px; }
    #payments-app .management-app .field-container.grid-x-gap-8,
    #payments-app .plugins-form .field-container.grid-x-gap-8 {
      column-gap: 8px; }
    #payments-app .management-app .field-container.grid-x-gap-16,
    #payments-app .plugins-form .field-container.grid-x-gap-16 {
      column-gap: 16px; }
    #payments-app .management-app .field-container.grid-x-gap-24,
    #payments-app .plugins-form .field-container.grid-x-gap-24 {
      column-gap: 24px; }
    #payments-app .management-app .field-container.grid-y-gap-4,
    #payments-app .plugins-form .field-container.grid-y-gap-4 {
      row-gap: 4px; }
    #payments-app .management-app .field-container.grid-y-gap-8,
    #payments-app .plugins-form .field-container.grid-y-gap-8 {
      row-gap: 8px; }
    #payments-app .management-app .field-container.grid-y-gap-16,
    #payments-app .plugins-form .field-container.grid-y-gap-16 {
      row-gap: 16px; }
    #payments-app .management-app .field-container.grid-y-gap-24,
    #payments-app .plugins-form .field-container.grid-y-gap-24 {
      row-gap: 24px; }
    #payments-app .management-app .field-container.align--baseline,
    #payments-app .plugins-form .field-container.align--baseline {
      align-items: baseline; }
    #payments-app .management-app .field-container.align--bottom,
    #payments-app .plugins-form .field-container.align--bottom {
      align-items: flex-end; }
    #payments-app .management-app .field-container.align--center,
    #payments-app .plugins-form .field-container.align--center {
      align-items: center; }
    #payments-app .management-app .field-container.align--start,
    #payments-app .plugins-form .field-container.align--start {
      align-items: start; }
    #payments-app .management-app .field-container.direction--row,
    #payments-app .plugins-form .field-container.direction--row {
      flex-direction: row; }
    #payments-app .management-app .field-container.direction--column,
    #payments-app .plugins-form .field-container.direction--column {
      flex-direction: column;
      align-items: stretch; }
    @media (max-width: 370px) {
      #payments-app .management-app .field-container.direction--row.to-col-on-mob_xs,
      #payments-app .plugins-form .field-container.direction--row.to-col-on-mob_xs {
        flex-direction: column;
        align-items: stretch; } }
    @media (max-width: 767px) {
      #payments-app .management-app .field-container.direction--row.to-col-on-mob,
      #payments-app .plugins-form .field-container.direction--row.to-col-on-mob {
        flex-direction: column;
        align-items: stretch; } }
    #payments-app .management-app .field-container.wrap,
    #payments-app .plugins-form .field-container.wrap {
      flex-wrap: wrap; }
    #payments-app .management-app .field-container .control-label,
    #payments-app .plugins-form .field-container .control-label {
      padding: 0;
      word-break: break-word; }
    #payments-app .management-app .field-container .input-group,
    #payments-app .management-app .field-container .form-group,
    #payments-app .management-app .field-container .element-container,
    #payments-app .plugins-form .field-container .input-group,
    #payments-app .plugins-form .field-container .form-group,
    #payments-app .plugins-form .field-container .element-container {
      flex: 1;
      margin: 0;
      margin-bottom: 0 !important; }
    #payments-app .management-app .field-container .--flex-1,
    #payments-app .plugins-form .field-container .--flex-1 {
      flex: 1; }
  #payments-app .cap {
    color: #253246; }
  #payments-app .title {
    color: #253246;
    letter-spacing: 0.01em;
    font-weight: 700;
    font-family: "Mulish", sans-serif; }
    #payments-app .title--h1 {
      font-size: 34px;
      font-weight: 400;
      margin-bottom: 30px; }
      @media (max-width: 1200px) {
        #payments-app .title--h1 {
          line-height: 30px;
          font-size: 28px; } }
      @media (max-width: 767px) {
        #payments-app .title--h1 {
          font-size: 22px; } }
    #payments-app .title--h2 {
      font-size: 30px;
      line-height: 1.2; }
      @media (max-width: 1023px) {
        #payments-app .title--h2 {
          font-size: 22px; } }
      #payments-app .title--h2.has-subtitle {
        margin-bottom: 10px; }
    #payments-app .title--h3 {
      font-size: 18px;
      line-height: 1.3;
      letter-spacing: 0; }
      #payments-app .title--h3.has-subtitle {
        margin-bottom: 7px; }
    #payments-app .title--h4 {
      font-size: 16px;
      line-height: 1.3;
      letter-spacing: 0; }
    #payments-app .title--light {
      color: #ffffff; }
  #payments-app .p {
    color: #253246;
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
    letter-spacing: 0; }
    #payments-app .p--neutral-lite, #payments-app .p--secondary {
      color: #788291; }
    #payments-app .p--small {
      font-size: 14px;
      line-height: 1.45; }
    #payments-app .p--light {
      color: #ffffff; }
    #payments-app .p--bold {
      font-weight: 700; }
    #payments-app .p.ellipsis {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    #payments-app .p--hint {
      padding: 2px 0 2px 6px;
      border-left: 3px solid #06ADEF;
      font-size: 14px; }
  #payments-app label.subtitle,
  #payments-app .subtitle {
    font-weight: 700;
    color: #253246;
    font-family: "Mulish", sans-serif; }
  #payments-app .text-success {
    color: #00D38B; }
  #payments-app .dark-mode .cap,
  #payments-app .dark-mode .title {
    color: #f9f9f9; }
  #payments-app .dark-mode .p {
    color: #f9f9f9; }
    #payments-app .dark-mode .p--neutral-lite, #payments-app .dark-mode .p--secondary {
      color: #bcbcbc; }
  #payments-app .dark-mode label.subtitle,
  #payments-app .dark-mode .subtitle {
    color: #bfbfbf; }
  #payments-app .dark-mode a {
    color: #1d9ed1; }
  #payments-app ::-webkit-input-placeholder {
    font-size: 14px;
    font-family: "Noto Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #ABBCCC; }
  #payments-app ::-moz-placeholder {
    font-size: 14px;
    font-family: "Noto Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #ABBCCC; }
  #payments-app :-ms-input-placeholder {
    font-size: 14px;
    font-family: "Noto Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #ABBCCC; }
  #payments-app input:-moz-placeholder {
    font-size: 14px;
    font-family: "Noto Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #ABBCCC; }
  #payments-app .iti__search-input:-webkit-autofill,
  #payments-app .iti__search-input:-webkit-autofill:hover,
  #payments-app .iti__search-input:-webkit-autofill:focus,
  #payments-app input:-webkit-autofill,
  #payments-app input:-webkit-autofill:hover,
  #payments-app input:-webkit-autofill:focus,
  #payments-app textarea:-webkit-autofill,
  #payments-app textarea:-webkit-autofill:hover,
  #payments-app textarea:-webkit-autofill:focus,
  #payments-app select:-webkit-autofill,
  #payments-app select:-webkit-autofill:hover,
  #payments-app select:-webkit-autofill:focus {
    border: 1px solid #0B3052;
    -webkit-text-fill-color: #0B3052;
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s; }
  #payments-app .k-picker-wrap .k-select, #payments-app .k-numeric-wrap .k-select, #payments-app .k-dropdown-wrap .k-select {
    height: 36px; }
  #payments-app .iti__search-input,
  #payments-app .k-textbox > input, #payments-app .k-autocomplete .k-input, #payments-app .k-picker-wrap .k-input, #payments-app .k-numeric-wrap .k-input, #payments-app .k-dropdown-wrap .k-input, #payments-app .k-selectbox .k-input,
  #payments-app input,
  #payments-app textarea,
  #payments-app select,
  #payments-app .react-select__value-container,
  #payments-app .react-datepicker__fake-input,
  #payments-app select.form-control:not([size]):not([multiple]),
  #payments-app .templates-page .notifications-settings .field select:not([size]):not([multiple]),
  .templates-page .notifications-settings .field #payments-app select:not([size]):not([multiple]),
  #payments-app .templates-page .notifications-settings .field select:not([size]):not([multiple]) {
    height: 36px;
    box-sizing: border-box; }
  #payments-app textarea {
    min-height: 86px;
    height: auto;
    padding-block: 10px;
    line-height: inherit;
    font-weight: 400; }
    #payments-app textarea[readonly], #payments-app textarea:disabled {
      background-color: #F6F6F6; }
  #payments-app .control-label,
  #payments-app .label {
    display: inline-flex;
    align-items: baseline;
    justify-content: flex-start;
    gap: 4px 8px;
    color: #0B3052;
    margin-bottom: 4px;
    padding: 0;
    font-size: 14px;
    font-weight: 400; }
    #payments-app .control-label__caption,
    #payments-app .label__caption {
      color: #0B3052; }
    #payments-app .control-label .badge, #payments-app .control-label .label, #payments-app .control-label__hint,
    #payments-app .label .badge,
    #payments-app .label .label,
    #payments-app .label__hint {
      order: 10;
      margin: 0; }
      #payments-app .control-label .badge .icon, #payments-app .control-label .label .icon, #payments-app .control-label .badge i, #payments-app .control-label .label i, #payments-app .control-label__hint .icon, #payments-app .control-label__hint i,
      #payments-app .label .badge .icon,
      #payments-app .label .label .icon,
      #payments-app .label .badge i,
      #payments-app .label .label i,
      #payments-app .label__hint .icon,
      #payments-app .label__hint i {
        position: relative;
        color: #ABBCCC;
        font-size: 16px;
        line-height: 1;
        bottom: -0.1em; }
        #payments-app .control-label .badge .icon:before, #payments-app .control-label .label .icon:before, #payments-app .control-label .badge i:before, #payments-app .control-label .label i:before, #payments-app .control-label__hint .icon:before, #payments-app .control-label__hint i:before,
        #payments-app .label .badge .icon:before,
        #payments-app .label .label .icon:before,
        #payments-app .label .badge i:before,
        #payments-app .label .label i:before,
        #payments-app .label__hint .icon:before,
        #payments-app .label__hint i:before {
          content: '\f30f';
          font-weight: bold; }
  #payments-app .zend_form .form-group, #payments-app .zend_form .element-container {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 16px; }
    #payments-app .zend_form .form-group .control-label, #payments-app .zend_form .element-container .control-label {
      display: flex;
      align-items: baseline;
      gap: 4px 8px;
      max-width: unset;
      flex: unset;
      padding: 0;
      margin: 0 0 4px 0;
      color: #788291;
      font-size: 14px;
      font-weight: 400; }
    #payments-app .zend_form .form-group [class^="col-"], #payments-app .zend_form .element-container [class^="col-"] {
      padding-left: 0;
      padding-right: 0;
      max-width: unset;
      flex: unset; }
  #payments-app [class^="col-"] > .form-group, #payments-app [class^="col-"] > .element-container {
    margin-left: -15px;
    margin-right: -15px; }
    #payments-app [class^="col-"] > .form-group .control-label, #payments-app [class^="col-"] > .element-container .control-label,
    #payments-app [class^="col-"] > .form-group [class^="col-"],
    #payments-app [class^="col-"] > .element-container [class^="col-"] {
      padding-right: 15px;
      padding-left: 15px; }
  #payments-app .form-group .badge .icon, #payments-app .element-container .badge .icon, #payments-app .form-group .label .icon, #payments-app .element-container .label .icon, #payments-app .form-group .badge i, #payments-app .element-container .badge i, #payments-app .form-group .label i, #payments-app .element-container .label i,
  #payments-app .form-group .help-info .icon,
  #payments-app .element-container .help-info .icon,
  #payments-app .form-group .help-info i,
  #payments-app .element-container .help-info i {
    position: relative;
    color: #ABBCCC;
    font-size: 16px;
    line-height: 1;
    bottom: -0.1em; }
  #payments-app .form-group.row .control-label, #payments-app .row.element-container .control-label, #payments-app .zend_form .form-group .control-label, .zend_form #payments-app .form-group .control-label, #payments-app .zend_form .element-container .control-label, .zend_form #payments-app .element-container .control-label, #payments-app .form-container .form-horizontal .form-group .control-label, .form-container .form-horizontal #payments-app .form-group .control-label, #payments-app .form-container .form-horizontal .element-container .control-label, .form-container .form-horizontal #payments-app .element-container .control-label, #payments-app #booking_tabs .form-group .control-label, #booking_tabs #payments-app .form-group .control-label, #payments-app #booking_tabs .element-container .control-label, #booking_tabs #payments-app .element-container .control-label, #payments-app .form-group.row label, #payments-app .row.element-container label, #payments-app .zend_form .form-group label, .zend_form #payments-app .form-group label, #payments-app .zend_form .element-container label, .zend_form #payments-app .element-container label, #payments-app .form-container .form-horizontal .form-group label, .form-container .form-horizontal #payments-app .form-group label, #payments-app .form-container .form-horizontal .element-container label, .form-container .form-horizontal #payments-app .element-container label, #payments-app #booking_tabs .form-group label, #booking_tabs #payments-app .form-group label, #payments-app #booking_tabs .element-container label, #booking_tabs #payments-app .element-container label {
    padding-right: 15px;
    padding-left: 15px; }
  #payments-app .form-group--checkbox {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 4px 8px;
    padding: 0; }
    #payments-app .form-group--checkbox .control-label,
    #payments-app .form-group--checkbox .label {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      flex-wrap: nowrap;
      flex: 1;
      gap: 4px 8px;
      margin: 0;
      padding: 0; }
      #payments-app .form-group--checkbox .control-label > input[type="checkbox"],
      #payments-app .form-group--checkbox .label > input[type="checkbox"] {
        position: relative;
        bottom: -0.01em; }
    #payments-app .form-group--checkbox > input[type="checkbox"] {
      position: relative;
      margin: -0.1em 0 0 0;
      bottom: -0.4em; }
  #payments-app .form-check {
    padding-left: 2.3rem; }
    #payments-app .form-check > label,
    #payments-app .form-check .control-label {
      margin: 0;
      min-height: 24px; }
    #payments-app .form-check .form-check-input {
      margin-left: -2.3rem; }
    #payments-app .form-check--radio {
      padding-left: 2rem; }
      #payments-app .form-check--radio .form-check-input {
        margin-left: -2rem; }
  #payments-app .form-group--switcher,
  #payments-app .form-group__switcher {
    position: relative;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 4px 8px; }
    #payments-app .form-group--switcher.--no-wrap,
    #payments-app .form-group__switcher.--no-wrap {
      flex-wrap: nowrap; }
    #payments-app .form-group--switcher .label,
    #payments-app .form-group__switcher .label {
      margin: 0;
      flex: 1; }
    #payments-app .form-group--switcher .material-switch label,
    #payments-app .form-group__switcher .material-switch label {
      padding: 0 !important; }
    #payments-app .form-group--switcher .material-switch + label,
    #payments-app .form-group__switcher .material-switch + label {
      margin-left: 0 !important;
      padding-right: 0 !important;
      line-height: 22px; }
    #payments-app .form-group--switcher .alert,
    #payments-app .form-group--switcher .errors,
    #payments-app .form-group__switcher .alert,
    #payments-app .form-group__switcher .errors {
      width: 100%; }
  #payments-app .iti__search-input,
  #payments-app .form-control,
  #payments-app .contact-widget-message-form .data-block .element-container textarea,
  .contact-widget-message-form .data-block .element-container #payments-app textarea,
  #payments-app .templates-page .notifications-settings .field select,
  .templates-page .notifications-settings .field #payments-app select,
  #payments-app .design-settings-page .theme-additional-colors input,
  .design-settings-page .theme-additional-colors #payments-app input,
  #payments-app .design-settings-page div.input,
  .design-settings-page #payments-app div.input {
    border: 1px solid #E7ECF7; }
    #payments-app .iti__search-input:focus, #payments-app .iti__search-input:focus-within,
    #payments-app .form-control:focus,
    #payments-app .contact-widget-message-form .data-block .element-container textarea:focus,
    .contact-widget-message-form .data-block .element-container #payments-app textarea:focus,
    #payments-app .templates-page .notifications-settings .field select:focus,
    .templates-page .notifications-settings .field #payments-app select:focus,
    #payments-app .design-settings-page .theme-additional-colors input:focus,
    .design-settings-page .theme-additional-colors #payments-app input:focus,
    #payments-app .design-settings-page div.input:focus,
    .design-settings-page #payments-app div.input:focus,
    #payments-app .form-control:focus-within,
    #payments-app .contact-widget-message-form .data-block .element-container textarea:focus-within,
    .contact-widget-message-form .data-block .element-container #payments-app textarea:focus-within,
    #payments-app .templates-page .notifications-settings .field select:focus-within,
    .templates-page .notifications-settings .field #payments-app select:focus-within,
    #payments-app .design-settings-page .theme-additional-colors input:focus-within,
    .design-settings-page .theme-additional-colors #payments-app input:focus-within,
    #payments-app .design-settings-page div.input:focus-within,
    .design-settings-page #payments-app div.input:focus-within {
      border: 1px solid #0B3052;
      box-shadow: none;
      outline: none;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none; }
  #payments-app .input-group.searcher .combobox_wrapper {
    width: 100%; }
    #payments-app .input-group.searcher .combobox_wrapper .form-control, #payments-app .input-group.searcher .combobox_wrapper .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container #payments-app .input-group.searcher .combobox_wrapper textarea, #payments-app .input-group.searcher .combobox_wrapper .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field #payments-app .input-group.searcher .combobox_wrapper select, #payments-app .input-group.searcher .combobox_wrapper .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors #payments-app .input-group.searcher .combobox_wrapper input, #payments-app .input-group.searcher .combobox_wrapper .design-settings-page div.input, .design-settings-page #payments-app .input-group.searcher .combobox_wrapper div.input {
      height: 36px !important;
      border-radius: 4px; }
      #payments-app .input-group.searcher .combobox_wrapper .form-control input[type="text"], #payments-app .input-group.searcher .combobox_wrapper .contact-widget-message-form .data-block .element-container textarea input[type="text"], .contact-widget-message-form .data-block .element-container #payments-app .input-group.searcher .combobox_wrapper textarea input[type="text"], #payments-app .input-group.searcher .combobox_wrapper .templates-page .notifications-settings .field select input[type="text"], .templates-page .notifications-settings .field #payments-app .input-group.searcher .combobox_wrapper select input[type="text"], #payments-app .input-group.searcher .combobox_wrapper .design-settings-page .theme-additional-colors input input[type="text"], .design-settings-page .theme-additional-colors #payments-app .input-group.searcher .combobox_wrapper input input[type="text"], #payments-app .input-group.searcher .combobox_wrapper .design-settings-page div.input input[type="text"], .design-settings-page #payments-app .input-group.searcher .combobox_wrapper div.input input[type="text"] {
        height: 34px !important;
        width: 99% !important;
        padding: 2px 50px 2px 18px !important;
        top: 0px !important;
        left: 0px !important;
        border: none !important;
        outline: none !important;
        border-radius: 4px;
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden; }
    #payments-app .input-group.searcher .combobox_wrapper .dropdown-toggle {
      border-radius: 0 4px 4px 0;
      min-width: 46px;
      width: 46px;
      min-height: 36px;
      padding: 4px;
      display: inline-flex;
      align-items: center;
      justify-content: center; }
  #payments-app .input-group.searcher .dropdown-menu {
    scrollbar-width: thin;
    scrollbar-color: #788291 #ABBCCC; }
    #payments-app .input-group.searcher .dropdown-menu::-webkit-scrollbar {
      width: 6px;
      height: 6px; }
      #payments-app .input-group.searcher .dropdown-menu::-webkit-scrollbar-track {
        background-clip: content-box;
        border: 1.5px solid transparent; }
      #payments-app .input-group.searcher .dropdown-menu::-webkit-scrollbar-thumb {
        background-color: #788291;
        cursor: pointer; }
        #payments-app .input-group.searcher .dropdown-menu::-webkit-scrollbar-thumb:hover {
          background-color: #6c7583; }
      #payments-app .input-group.searcher .dropdown-menu::-webkit-scrollbar-corner, #payments-app .input-group.searcher .dropdown-menu::-webkit-scrollbar-track {
        background-color: #ABBCCC; }
    #payments-app .input-group.searcher .dropdown-menu li {
      background: transparent !important;
      line-height: 1.2 !important;
      display: block !important;
      align-items: center;
      justify-content: flex-start;
      min-height: 34px;
      padding: 8px 16px !important;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      color: #788291 !important;
      cursor: pointer; }
      #payments-app .input-group.searcher .dropdown-menu li:hover {
        background: #f8faff !important;
        color: #0B3052 !important; }
  #payments-app .form-group__radio-list {
    display: flex;
    flex-direction: column;
    gap: 6px; }
  #payments-app .form-group__radio-list_item-caption {
    padding: 0;
    margin: 0; }
  #payments-app .input-file-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px 8px; }
    #payments-app .input-file-container .input-file {
      width: 100%;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      padding: 4px;
      padding-right: 44px;
      border-radius: 4px;
      border: 1px solid #E7ECF7;
      min-height: 36px;
      height: 38px; }
    #payments-app .input-file-container .icon {
      position: absolute;
      right: 18px;
      color: #ABBCCC;
      font-size: 16px;
      user-select: none;
      pointer-events: none; }
  #payments-app .minicolors {
    max-width: 110px; }
  #payments-app .form-group .minicolors, #payments-app .element-container .minicolors, #payments-app .form-group.color .minicolors, #payments-app .color.element-container .minicolors {
    position: relative;
    background: #f8faff;
    border-radius: 4px; }
    #payments-app .form-group .minicolors input, #payments-app .element-container .minicolors input, #payments-app .form-group.color .minicolors input, #payments-app .color.element-container .minicolors input {
      height: 33px;
      padding-left: 24px;
      border: none;
      text-transform: uppercase;
      color: #788291;
      background: transparent;
      min-width: 95px; }
      #payments-app .form-group .minicolors input:focus, #payments-app .element-container .minicolors input:focus, #payments-app .form-group.color .minicolors input:focus, #payments-app .color.element-container .minicolors input:focus {
        box-shadow: none; }
  #payments-app .form-group .minicolors-swatch, #payments-app .element-container .minicolors-swatch, #payments-app .form-group.color .minicolors-swatch, #payments-app .color.element-container .minicolors-swatch {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 18px;
    border-radius: 4px;
    border: 1px solid #E7ECF7;
    overflow: hidden;
    z-index: 0; }
  #payments-app .combobox-container .dropdown-toggle .icon {
    background-image: url(../../images/admin/drop_select.svg);
    background-size: 10px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center; }
  #payments-app .form-group .ui-multiselect, #payments-app .element-container .ui-multiselect {
    font-family: "Noto Sans", sans-serif;
    display: flex;
    min-height: 36px;
    width: 100% !important;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    outline: none !important; }
    #payments-app .form-group .ui-multiselect:focus, #payments-app .element-container .ui-multiselect:focus {
      border-color: #79d7fc;
      box-shadow: 0 0 0 0.2rem rgba(6, 173, 239, 0.25); }
    #payments-app .form-group .ui-multiselect span, #payments-app .element-container .ui-multiselect span {
      display: block;
      flex: 1;
      overflow: hidden;
      white-space: nowrap;
      font-size: 1rem;
      line-height: 1.5;
      color: #495057;
      font-weight: normal;
      font-family: "Noto Sans", sans-serif; }
    #payments-app .form-group .ui-multiselect .ui-multiselect-open, #payments-app .element-container .ui-multiselect .ui-multiselect-open {
      order: 100;
      margin-left: auto;
      margin-right: 0;
      width: 16px;
      flex: unset; }
    #payments-app .form-group .ui-multiselect .ui-icon, #payments-app .element-container .ui-multiselect .ui-icon {
      background-image: url(../../images/admin/drop_select.svg);
      background-size: 10px;
      background-color: #fff;
      background-repeat: no-repeat;
      background-position: center;
      height: 21px; }
  #payments-app .uploader-popup .uploader-header .error-container:not(:empty) {
    padding-top: 4px;
    padding-bottom: 6px; }
  #payments-app .invalid-feedback, #payments-app .form-group.has-error .help-block, .form-group.has-error #payments-app .help-block, #payments-app .has-error.element-container .help-block, .has-error.element-container #payments-app .help-block, #payments-app .element-container.error-field .help-block, .element-container.error-field #payments-app .help-block, #payments-app .element-container .error-message, .element-container #payments-app .error-message,
  #payments-app .invalid-feedback.err,
  #payments-app .form-group.has-error .err.help-block,
  .form-group.has-error #payments-app .err.help-block,
  #payments-app .has-error.element-container .err.help-block,
  .has-error.element-container #payments-app .err.help-block,
  #payments-app .element-container.error-field .err.help-block,
  .element-container.error-field #payments-app .err.help-block,
  #payments-app .element-container .err.error-message,
  .element-container #payments-app .err.error-message,
  #payments-app .uploader-popup .uploader-header .error-container,
  #payments-app .input-error,
  #payments-app .form-container .input-error,
  #payments-app .zend_form ul.errors li {
    color: #FF3259;
    font-size: 12px; }
  #payments-app .image-settings .form-check {
    margin: 3px 0; }
    #payments-app .image-settings .form-check .ml-2.pt-1 {
      margin: 0 !important; }
  @media (min-width: 700px) {
    #payments-app .custom-email--params .field-container {
      flex-basis: 190px; } }
  #payments-app .input-group--price .input-group--price {
    flex-wrap: nowrap; }
  #payments-app .input-group--price .form-control, #payments-app .input-group--price .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container #payments-app .input-group--price textarea, #payments-app .input-group--price .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field #payments-app .input-group--price select, #payments-app .input-group--price .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors #payments-app .input-group--price input, #payments-app .input-group--price .design-settings-page div.input, .design-settings-page #payments-app .input-group--price div.input {
    flex-basis: 130px;
    min-width: 130px; }
  #payments-app .bootstrap-tagsinput input {
    border: none;
    border-color: transparent !important; }
  #payments-app .dark-mode .iti__search-input:-webkit-autofill,
  #payments-app .dark-mode .iti__search-input:-webkit-autofill:hover,
  #payments-app .dark-mode .iti__search-input:-webkit-autofill:focus,
  #payments-app .dark-mode input:-webkit-autofill,
  #payments-app .dark-mode input:-webkit-autofill:hover,
  #payments-app .dark-mode input:-webkit-autofill:focus,
  #payments-app .dark-mode textarea:-webkit-autofill,
  #payments-app .dark-mode textarea:-webkit-autofill:hover,
  #payments-app .dark-mode textarea:-webkit-autofill:focus,
  #payments-app .dark-mode select:-webkit-autofill,
  #payments-app .dark-mode select:-webkit-autofill:hover,
  #payments-app .dark-mode select:-webkit-autofill:focus {
    border: 1px solid #777777;
    -webkit-text-fill-color: #f9f9f9;
    -webkit-box-shadow: 0 0 0 1000px #404040 inset;
    transition: background-color 5000s ease-in-out 0s; }
  #payments-app .dark-mode .form-control::placeholder, #payments-app .dark-mode .contact-widget-message-form .data-block .element-container textarea::placeholder, .contact-widget-message-form .data-block .element-container #payments-app .dark-mode textarea::placeholder, #payments-app .dark-mode .templates-page .notifications-settings .field select::placeholder, .templates-page .notifications-settings .field #payments-app .dark-mode select::placeholder, #payments-app .dark-mode .design-settings-page .theme-additional-colors input::placeholder, .design-settings-page .theme-additional-colors #payments-app .dark-mode input::placeholder, #payments-app .dark-mode .design-settings-page div.input::placeholder, .design-settings-page #payments-app .dark-mode div.input::placeholder,
  #payments-app .dark-mode .contact-widget-message-form .data-block .element-container textarea::placeholder,
  #payments-app .dark-mode .templates-page .notifications-settings .field select::placeholder,
  #payments-app .dark-mode .design-settings-page .theme-additional-colors input::placeholder,
  #payments-app .dark-mode .design-settings-page div.input::placeholder,
  #payments-app .dark-mode .iti input::-webkit-input-placeholder,
  #payments-app .dark-mode .iti input[type="tel"]::-webkit-input-placeholder,
  #payments-app .dark-mode .iti input[type="text"]::-webkit-input-placeholder {
    color: #838383; }
  #payments-app .dark-mode textarea[readonly]::placeholder,
  #payments-app .dark-mode textarea[disabled]::placeholder,
  #payments-app .dark-mode textarea:disabled::placeholder,
  #payments-app .dark-mode .form-control[readonly]::placeholder,
  #payments-app .dark-mode .contact-widget-message-form .data-block .element-container textarea[readonly]::placeholder,
  .contact-widget-message-form .data-block .element-container #payments-app .dark-mode textarea[readonly]::placeholder,
  #payments-app .dark-mode .templates-page .notifications-settings .field select[readonly]::placeholder,
  .templates-page .notifications-settings .field #payments-app .dark-mode select[readonly]::placeholder,
  #payments-app .dark-mode .design-settings-page .theme-additional-colors input[readonly]::placeholder,
  .design-settings-page .theme-additional-colors #payments-app .dark-mode input[readonly]::placeholder,
  #payments-app .dark-mode .design-settings-page div.input[readonly]::placeholder,
  .design-settings-page #payments-app .dark-mode div.input[readonly]::placeholder,
  #payments-app .dark-mode .form-control[disabled]::placeholder,
  #payments-app .dark-mode .contact-widget-message-form .data-block .element-container textarea[disabled]::placeholder,
  .contact-widget-message-form .data-block .element-container #payments-app .dark-mode textarea[disabled]::placeholder,
  #payments-app .dark-mode .templates-page .notifications-settings .field select[disabled]::placeholder,
  .templates-page .notifications-settings .field #payments-app .dark-mode select[disabled]::placeholder,
  #payments-app .dark-mode .design-settings-page .theme-additional-colors input[disabled]::placeholder,
  .design-settings-page .theme-additional-colors #payments-app .dark-mode input[disabled]::placeholder,
  #payments-app .dark-mode .design-settings-page div.input[disabled]::placeholder,
  .design-settings-page #payments-app .dark-mode div.input[disabled]::placeholder,
  #payments-app .dark-mode .form-control:disabled::placeholder,
  #payments-app .dark-mode .contact-widget-message-form .data-block .element-container textarea:disabled::placeholder,
  .contact-widget-message-form .data-block .element-container #payments-app .dark-mode textarea:disabled::placeholder,
  #payments-app .dark-mode .templates-page .notifications-settings .field select:disabled::placeholder,
  .templates-page .notifications-settings .field #payments-app .dark-mode select:disabled::placeholder,
  #payments-app .dark-mode .design-settings-page .theme-additional-colors input:disabled::placeholder,
  .design-settings-page .theme-additional-colors #payments-app .dark-mode input:disabled::placeholder,
  #payments-app .dark-mode .design-settings-page div.input:disabled::placeholder,
  .design-settings-page #payments-app .dark-mode div.input:disabled::placeholder,
  #payments-app .dark-mode input[type="text"][readonly]::placeholder,
  #payments-app .dark-mode input[type="text"][disabled]::placeholder,
  #payments-app .dark-mode input[type="text"]:disabled::placeholder {
    color: #d2d2d2 !important; }
  #payments-app .dark-mode .label,
  #payments-app .dark-mode .control-label,
  #payments-app .dark-mode .label__caption,
  #payments-app .dark-mode .zend_form .form-group .control-label,
  #payments-app .dark-mode .zend_form .element-container .control-label,
  #payments-app .dark-mode .zend_form .element-container .control-label {
    color: #bfbfbf; }
  #payments-app .dark-mode input[type="radio"],
  #payments-app .dark-mode input[type="checkbox"] {
    color: #f9f9f9;
    background-color: #404040; }
    #payments-app .dark-mode input[type="radio"]:hover, #payments-app .dark-mode input[type="radio"]:focus,
    #payments-app .dark-mode input[type="checkbox"]:hover,
    #payments-app .dark-mode input[type="checkbox"]:focus {
      border-color: #777777;
      background-color: #282828; }
    #payments-app .dark-mode input[type="radio"]:checked, #payments-app .dark-mode .management-app input.implicit-checked[type="radio"], .management-app #payments-app .dark-mode input.implicit-checked[type="radio"],
    #payments-app .dark-mode input[type="checkbox"]:checked,
    #payments-app .dark-mode .management-app input.implicit-checked[type="checkbox"],
    .management-app #payments-app .dark-mode input.implicit-checked[type="checkbox"] {
      border-color: #777777;
      background-color: #f1f6ff; }
      #payments-app .dark-mode input[type="radio"]:checked:hover, #payments-app .dark-mode .management-app input.implicit-checked[type="radio"]:hover, .management-app #payments-app .dark-mode input.implicit-checked[type="radio"]:hover, #payments-app .dark-mode input[type="radio"]:checked:focus, #payments-app .dark-mode .management-app input.implicit-checked[type="radio"]:focus, .management-app #payments-app .dark-mode input.implicit-checked[type="radio"]:focus,
      #payments-app .dark-mode input[type="checkbox"]:checked:hover,
      #payments-app .dark-mode .management-app input.implicit-checked[type="checkbox"]:hover,
      .management-app #payments-app .dark-mode input.implicit-checked[type="checkbox"]:hover,
      #payments-app .dark-mode input[type="checkbox"]:checked:focus,
      #payments-app .dark-mode .management-app input.implicit-checked[type="checkbox"]:focus,
      .management-app #payments-app .dark-mode input.implicit-checked[type="checkbox"]:focus {
        border-color: #777777;
        background-color: #f1f6ff; }
  #payments-app .dark-mode .material-switch-container .material-switch label::before {
    background-color: #282828;
    border-color: #555555; }
  #payments-app .dark-mode .material-switch-container .material-switch input[type="checkbox"]:checked + label::before, #payments-app .dark-mode .material-switch-container .material-switch .management-app input.implicit-checked[type="checkbox"] + label::before, .management-app #payments-app .dark-mode .material-switch-container .material-switch input.implicit-checked[type="checkbox"] + label::before {
    background-color: #282828;
    border-color: #967100; }
  #payments-app .dark-mode .material-switch-container .material-switch label::after {
    background: #bfbfbf; }
  #payments-app .dark-mode .material-switch-container .material-switch input[type="checkbox"]:checked + label::after, #payments-app .dark-mode .material-switch-container .material-switch .management-app input.implicit-checked[type="checkbox"] + label::after, .management-app #payments-app .dark-mode .material-switch-container .material-switch input.implicit-checked[type="checkbox"] + label::after {
    background: #06ADEF; }
  #payments-app .dark-mode .material-switch-container.danger input[type="checkbox"]:checked + label::before, #payments-app .dark-mode .material-switch-container.danger .management-app input.implicit-checked[type="checkbox"] + label::before, .management-app #payments-app .dark-mode .material-switch-container.danger input.implicit-checked[type="checkbox"] + label::before {
    background: #ffe4e4; }
  #payments-app .dark-mode .input-file-container .input-file,
  #payments-app .dark-mode .form-control,
  #payments-app .dark-mode .contact-widget-message-form .data-block .element-container textarea,
  .contact-widget-message-form .data-block .element-container #payments-app .dark-mode textarea,
  #payments-app .dark-mode .templates-page .notifications-settings .field select,
  .templates-page .notifications-settings .field #payments-app .dark-mode select,
  #payments-app .dark-mode .design-settings-page .theme-additional-colors input,
  .design-settings-page .theme-additional-colors #payments-app .dark-mode input,
  #payments-app .dark-mode .design-settings-page div.input,
  .design-settings-page #payments-app .dark-mode div.input,
  #payments-app .dark-mode textarea,
  #payments-app .dark-mode select,
  #payments-app .dark-mode input {
    color: #f9f9f9;
    border: 1px solid #555555;
    background-color: #404040; }
    #payments-app .dark-mode .input-file-container .input-file:focus, #payments-app .dark-mode .input-file-container .input-file:focus-within,
    #payments-app .dark-mode .form-control:focus,
    #payments-app .dark-mode .contact-widget-message-form .data-block .element-container textarea:focus,
    .contact-widget-message-form .data-block .element-container #payments-app .dark-mode textarea:focus,
    #payments-app .dark-mode .templates-page .notifications-settings .field select:focus,
    .templates-page .notifications-settings .field #payments-app .dark-mode select:focus,
    #payments-app .dark-mode .design-settings-page .theme-additional-colors input:focus,
    .design-settings-page .theme-additional-colors #payments-app .dark-mode input:focus,
    #payments-app .dark-mode .design-settings-page div.input:focus,
    .design-settings-page #payments-app .dark-mode div.input:focus,
    #payments-app .dark-mode .form-control:focus-within,
    #payments-app .dark-mode .contact-widget-message-form .data-block .element-container textarea:focus-within,
    .contact-widget-message-form .data-block .element-container #payments-app .dark-mode textarea:focus-within,
    #payments-app .dark-mode .templates-page .notifications-settings .field select:focus-within,
    .templates-page .notifications-settings .field #payments-app .dark-mode select:focus-within,
    #payments-app .dark-mode .design-settings-page .theme-additional-colors input:focus-within,
    .design-settings-page .theme-additional-colors #payments-app .dark-mode input:focus-within,
    #payments-app .dark-mode .design-settings-page div.input:focus-within,
    .design-settings-page #payments-app .dark-mode div.input:focus-within,
    #payments-app .dark-mode textarea:focus,
    #payments-app .dark-mode textarea:focus-within,
    #payments-app .dark-mode select:focus,
    #payments-app .dark-mode select:focus-within,
    #payments-app .dark-mode input:focus,
    #payments-app .dark-mode input:focus-within {
      border: 1px solid #777777; }
    #payments-app .dark-mode .input-file-container .input-file[readonly], #payments-app .dark-mode .input-file-container .input-file:disabled, #payments-app .dark-mode .input-file-container .input-file.disabled,
    #payments-app .dark-mode .form-control[readonly],
    #payments-app .dark-mode .contact-widget-message-form .data-block .element-container textarea[readonly],
    .contact-widget-message-form .data-block .element-container #payments-app .dark-mode textarea[readonly],
    #payments-app .dark-mode .templates-page .notifications-settings .field select[readonly],
    .templates-page .notifications-settings .field #payments-app .dark-mode select[readonly],
    #payments-app .dark-mode .design-settings-page .theme-additional-colors input[readonly],
    .design-settings-page .theme-additional-colors #payments-app .dark-mode input[readonly],
    #payments-app .dark-mode .design-settings-page div.input[readonly],
    .design-settings-page #payments-app .dark-mode div.input[readonly],
    #payments-app .dark-mode .form-control:disabled,
    #payments-app .dark-mode .contact-widget-message-form .data-block .element-container textarea:disabled,
    .contact-widget-message-form .data-block .element-container #payments-app .dark-mode textarea:disabled,
    #payments-app .dark-mode .templates-page .notifications-settings .field select:disabled,
    .templates-page .notifications-settings .field #payments-app .dark-mode select:disabled,
    #payments-app .dark-mode .design-settings-page .theme-additional-colors input:disabled,
    .design-settings-page .theme-additional-colors #payments-app .dark-mode input:disabled,
    #payments-app .dark-mode .design-settings-page div.input:disabled,
    .design-settings-page #payments-app .dark-mode div.input:disabled,
    #payments-app .dark-mode .form-control.disabled,
    #payments-app .dark-mode .contact-widget-message-form .data-block .element-container textarea.disabled,
    .contact-widget-message-form .data-block .element-container #payments-app .dark-mode textarea.disabled,
    #payments-app .dark-mode .templates-page .notifications-settings .field select.disabled,
    .templates-page .notifications-settings .field #payments-app .dark-mode select.disabled,
    #payments-app .dark-mode .design-settings-page .theme-additional-colors input.disabled,
    .design-settings-page .theme-additional-colors #payments-app .dark-mode input.disabled,
    #payments-app .dark-mode .design-settings-page div.disabled.input,
    .design-settings-page #payments-app .dark-mode div.disabled.input,
    #payments-app .dark-mode textarea[readonly],
    #payments-app .dark-mode textarea:disabled,
    #payments-app .dark-mode textarea.disabled,
    #payments-app .dark-mode select[readonly],
    #payments-app .dark-mode select:disabled,
    #payments-app .dark-mode select.disabled,
    #payments-app .dark-mode input[readonly],
    #payments-app .dark-mode input:disabled,
    #payments-app .dark-mode input.disabled {
      background-color: #818181;
      border-color: #707070;
      color: #efefef; }
  #payments-app .dark-mode input.form-control[readonly], #payments-app .dark-mode .design-settings-page .theme-additional-colors input[readonly], .design-settings-page .theme-additional-colors #payments-app .dark-mode input[readonly],
  #payments-app .dark-mode textarea.form-control[readonly],
  #payments-app .dark-mode .contact-widget-message-form .data-block .element-container textarea[readonly],
  .contact-widget-message-form .data-block .element-container #payments-app .dark-mode textarea[readonly],
  #payments-app .dark-mode .form-control[readonly],
  #payments-app .dark-mode .contact-widget-message-form .data-block .element-container textarea[readonly],
  .contact-widget-message-form .data-block .element-container #payments-app .dark-mode textarea[readonly],
  #payments-app .dark-mode .templates-page .notifications-settings .field select[readonly],
  .templates-page .notifications-settings .field #payments-app .dark-mode select[readonly],
  #payments-app .dark-mode .design-settings-page .theme-additional-colors input[readonly],
  .design-settings-page .theme-additional-colors #payments-app .dark-mode input[readonly],
  #payments-app .dark-mode .design-settings-page div.input[readonly],
  .design-settings-page #payments-app .dark-mode div.input[readonly] {
    background-color: #818181 !important;
    border-color: #707070 !important;
    color: #efefef; }
  #payments-app .dark-mode .form-group .ui-multiselect, #payments-app .dark-mode .element-container .ui-multiselect,
  #payments-app .dark-mode .element-container .ui-multiselect {
    background-color: #404040;
    border-color: #555555; }
  #payments-app .dark-mode .form-group .ui-multiselect .ui-icon, #payments-app .dark-mode .element-container .ui-multiselect .ui-icon,
  #payments-app .dark-mode .element-container .ui-multiselect .ui-icon {
    background-color: #404040;
    background-image: url("/react-admin/assets/images/select--arrow-dark-mode.svg"); }
  #payments-app .dark-mode select,
  #payments-app .dark-mode select.form-control,
  #payments-app .dark-mode .templates-page .notifications-settings .field select,
  .templates-page .notifications-settings .field #payments-app .dark-mode select {
    background-image: url("/react-admin/assets/images/select--arrow-dark-mode.svg");
    background-color: #404040; }
    #payments-app .dark-mode select:disabled, #payments-app .dark-mode select.disabled,
    #payments-app .dark-mode select.form-control:disabled,
    #payments-app .dark-mode .templates-page .notifications-settings .field select:disabled,
    .templates-page .notifications-settings .field #payments-app .dark-mode select:disabled,
    #payments-app .dark-mode select.form-control.disabled,
    #payments-app .dark-mode .templates-page .notifications-settings .field select.disabled,
    .templates-page .notifications-settings .field #payments-app .dark-mode select.disabled {
      background-color: #818181;
      border-color: #707070;
      color: #ccc; }
  #payments-app .dark-mode .react-select__control .react-select__input-container {
    color: #f9f9f9; }
    #payments-app .dark-mode .react-select__control .react-select__input-container input[type='text'] {
      color: #f9f9f9; }
      #payments-app .dark-mode .react-select__control .react-select__input-container input[type='text']:focus, #payments-app .dark-mode .react-select__control .react-select__input-container input[type='text']:focus-within {
        color: #f9f9f9; }
  #payments-app .dark-mode .zend_form ul.errors li {
    color: #ff6666;
    font-size: 13px; }
  #payments-app .dark-mode .form-group.has-error .form-control, #payments-app .dark-mode .has-error.element-container .form-control, #payments-app .dark-mode .element-container.error-field .form-control, #payments-app .dark-mode .form-group.has-error .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container #payments-app .dark-mode .form-group.has-error textarea, #payments-app .dark-mode .contact-widget-message-form .data-block .has-error.element-container textarea, .contact-widget-message-form .data-block #payments-app .dark-mode .has-error.element-container textarea, #payments-app .dark-mode .contact-widget-message-form .data-block .element-container.error-field textarea, .contact-widget-message-form .data-block #payments-app .dark-mode .element-container.error-field textarea, #payments-app .dark-mode .form-group.has-error .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field #payments-app .dark-mode .form-group.has-error select, #payments-app .dark-mode .has-error.element-container .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field #payments-app .dark-mode .has-error.element-container select, #payments-app .dark-mode .element-container.error-field .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field #payments-app .dark-mode .element-container.error-field select, #payments-app .dark-mode .form-group.has-error .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors #payments-app .dark-mode .form-group.has-error input, #payments-app .dark-mode .has-error.element-container .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors #payments-app .dark-mode .has-error.element-container input, #payments-app .dark-mode .element-container.error-field .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors #payments-app .dark-mode .element-container.error-field input, #payments-app .dark-mode .form-group.has-error .design-settings-page div.input, .design-settings-page #payments-app .dark-mode .form-group.has-error div.input, #payments-app .dark-mode .has-error.element-container .design-settings-page div.input, .design-settings-page #payments-app .dark-mode .has-error.element-container div.input, #payments-app .dark-mode .element-container.error-field .design-settings-page div.input, .design-settings-page #payments-app .dark-mode .element-container.error-field div.input {
    border-color: #cf6679;
    box-shadow: none; }
  #payments-app .dark-mode input[readonly] {
    background-color: #404040 !important; }
  #payments-app .dark-mode .note-editor.note-frame .note-editing-area .note-editable,
  #payments-app .dark-mode .bootstrap-tagsinput {
    background-color: #404040;
    color: #f9f9f9; }
  #payments-app .dark-mode .form-group .minicolors, #payments-app .dark-mode .element-container .minicolors, #payments-app .dark-mode .form-group.color .minicolors, #payments-app .dark-mode .color.element-container .minicolors {
    background: rgba(64, 64, 64, 0.2); }
    #payments-app .dark-mode .form-group .minicolors input, #payments-app .dark-mode .element-container .minicolors input, #payments-app .dark-mode .form-group.color .minicolors input, #payments-app .dark-mode .color.element-container .minicolors input {
      color: #f9f9f9;
      opacity: 1; }
  #payments-app .dark-mode .form-group .minicolors-swatch, #payments-app .dark-mode .element-container .minicolors-swatch, #payments-app .dark-mode .form-group.color .minicolors-swatch, #payments-app .dark-mode .color.element-container .minicolors-swatch {
    border-color: #777777; }
  #payments-app .dark-mode .iti__arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 4px solid #fff; }
  #payments-app .dark-mode .iti__arrow--up {
    border-bottom: 4px solid #fff; }
  #payments-app .dark-mode .k-datepicker .k-picker-wrap.k-state-focused {
    border-color: #777777 !important; }
  #payments-app .dark-mode .k-widget.form-control .k-picker-wrap.k-state-focused, #payments-app .dark-mode .contact-widget-message-form .data-block .element-container textarea.k-widget .k-picker-wrap.k-state-focused, .contact-widget-message-form .data-block .element-container #payments-app .dark-mode textarea.k-widget .k-picker-wrap.k-state-focused, #payments-app .dark-mode .templates-page .notifications-settings .field select.k-widget .k-picker-wrap.k-state-focused, .templates-page .notifications-settings .field #payments-app .dark-mode select.k-widget .k-picker-wrap.k-state-focused, #payments-app .dark-mode .design-settings-page .theme-additional-colors input.k-widget .k-picker-wrap.k-state-focused, .design-settings-page .theme-additional-colors #payments-app .dark-mode input.k-widget .k-picker-wrap.k-state-focused, #payments-app .dark-mode .design-settings-page div.k-widget.input .k-picker-wrap.k-state-focused, .design-settings-page #payments-app .dark-mode div.k-widget.input .k-picker-wrap.k-state-focused, #payments-app .dark-mode .contact-widget-message-form .data-block .element-container textarea.k-widget .k-picker-wrap.k-state-focused, #payments-app .dark-mode .templates-page .notifications-settings .field select.k-widget .k-picker-wrap.k-state-focused, #payments-app .dark-mode .design-settings-page .theme-additional-colors input.k-widget .k-picker-wrap.k-state-focused, #payments-app .dark-mode .design-settings-page div.k-widget.input .k-picker-wrap.k-state-focused {
    border-color: #777777; }
  #payments-app .dark-mode .form-group .ui-multiselect span, #payments-app .dark-mode .element-container .ui-multiselect span {
    color: #f9f9f9; }
  #payments-app .partner-whitelabel #preloader-overlay #preloader,
  #payments-app .partner-whitelabel #preloader-overlay .ajax-loader-image,
  #payments-app .partner-whitelabel .ajax-loader #preloader,
  #payments-app .partner-whitelabel .ajax-loader .ajax-loader-image {
    width: 220px;
    height: 220px;
    background: rgba(216, 244, 255, 0.2);
    border-radius: 50%;
    background-image: none !important;
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-content: center;
    align-items: center; }
    #payments-app .partner-whitelabel #preloader-overlay #preloader:before, #payments-app .partner-whitelabel #preloader-overlay #preloader:after,
    #payments-app .partner-whitelabel #preloader-overlay .ajax-loader-image:before,
    #payments-app .partner-whitelabel #preloader-overlay .ajax-loader-image:after,
    #payments-app .partner-whitelabel .ajax-loader #preloader:before,
    #payments-app .partner-whitelabel .ajax-loader #preloader:after,
    #payments-app .partner-whitelabel .ajax-loader .ajax-loader-image:before,
    #payments-app .partner-whitelabel .ajax-loader .ajax-loader-image:after {
      content: '';
      position: absolute;
      box-sizing: border-box;
      display: block;
      margin: auto;
      border: 3px solid transparent;
      border-radius: 50%; }
    #payments-app .partner-whitelabel #preloader-overlay #preloader:before,
    #payments-app .partner-whitelabel #preloader-overlay .ajax-loader-image:before,
    #payments-app .partner-whitelabel .ajax-loader #preloader:before,
    #payments-app .partner-whitelabel .ajax-loader .ajax-loader-image:before {
      height: 80px;
      width: 80px;
      border-top: 2px solid #3a8aaa;
      border-left: 2px solid #3a8aaa;
      animation: loader-4-dblspin 1.8s linear infinite; }
    #payments-app .partner-whitelabel #preloader-overlay #preloader:after,
    #payments-app .partner-whitelabel #preloader-overlay .ajax-loader-image:after,
    #payments-app .partner-whitelabel .ajax-loader #preloader:after,
    #payments-app .partner-whitelabel .ajax-loader .ajax-loader-image:after {
      height: 112px;
      width: 112px;
      border-bottom: 2px solid #1d9ed1;
      border-left: 2px solid #1d9ed1;
      animation: loader-4-dblspin2 1.2s linear infinite; }
  #payments-app .partner-whitelabel .loader--block .loader--block-picture {
    background: rgba(216, 244, 255, 0.2);
    border-radius: 50%;
    background-image: none !important;
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-content: center;
    align-items: center; }
    #payments-app .partner-whitelabel .loader--block .loader--block-picture:before, #payments-app .partner-whitelabel .loader--block .loader--block-picture:after {
      content: '';
      position: absolute;
      box-sizing: border-box;
      display: block;
      margin: auto;
      border: 3px solid transparent;
      border-radius: 50%; }
    #payments-app .partner-whitelabel .loader--block .loader--block-picture:before {
      height: 80px;
      width: 80px;
      border-top: 2px solid #3a8aaa;
      border-left: 2px solid #3a8aaa;
      animation: loader-4-dblspin 1.8s linear infinite; }
    #payments-app .partner-whitelabel .loader--block .loader--block-picture:after {
      height: 112px;
      width: 112px;
      border-bottom: 2px solid #1d9ed1;
      border-left: 2px solid #1d9ed1;
      animation: loader-4-dblspin2 1.2s linear infinite; }
  #payments-app .partner-whitelabel .no-data__picture-wrapper img,
  #payments-app .partner-whitelabel .app-content .no-data__picture-wrapper img,
  #payments-app .partner-whitelabel #modal_root .no-data__picture-wrapper img,
  #payments-app .partner-whitelabel #app_root .no-data__picture-wrapper img {
    max-height: 120px; }
  #payments-app .partner-whitelabel .react-confirm-alert-body-element .sbpay-no-data__picture svg, #payments-app .partner-whitelabel .sbpay-widget .sbpay-no-data__picture svg .sbpay-bird_body,
  #payments-app .partner-whitelabel .react-confirm-alert-body-element .sbpay--plan-item__picture svg .sbpay-bird-color,
  #payments-app .partner-whitelabel .react-confirm-alert-body-element .sbpay-result-page-picture svg .sbpay-bird-color,
  #payments-app .partner-whitelabel .sbpay-widget .sbpay--plan-item__picture svg .sbpay-bird-color,
  #payments-app .partner-whitelabel .sbpay-widget .sbpay-result-page-picture svg .sbpay-bird-color {
    fill: #d5e0ef; }
  #payments-app .partner-whitelabel .sbpay-widget.theme-sb .sbpay-section-header .sbpay-help-center {
    display: none;
    visibility: hidden; }
  #payments-app .partner-whitelabel .payment-status .no-data__picture-wrapper {
    height: 90px;
    min-height: 90px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 88px !important; }
    #payments-app .partner-whitelabel .payment-status .no-data__picture-wrapper img {
      display: none; }
  #payments-app .partner-whitelabel .payment-status.payment-status--wire-transfer .no-data__picture-wrapper {
    background-image: url(/react-admin/assets/images/payment-result/payment--wire-transfer_wl.svg); }
  #payments-app .partner-whitelabel .payment-status.payment-status--free-wait.payment-status--cancelled .no-data__picture-wrapper {
    background-image: url(/react-admin/assets/images/payment-result/payment--cancelled_wl.svg); }
  #payments-app .partner-whitelabel .payment-status.payment-status--free .no-data__picture-wrapper {
    background-image: url(/react-admin/assets/images/payment-result/payment--free_wl.svg); }
  #payments-app .partner-whitelabel .payment-status.paid .no-data__picture-wrapper {
    background-image: url(/react-admin/assets/images/payment-result/payment--success_wl.svg); }
  #payments-app .partner-whitelabel .company-dashboard .empty-chart .chart-container,
  #payments-app .partner-whitelabel .company-dashboard .panel-dashboard-block.dashboard-popular-providers .chart-table .chart-container .no-chart {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/v2/images/admin/white-label/chart-pie-sharp-thin.svg);
    background-size: 100px; }
  #payments-app .partner-whitelabel #invoice-sales-report .no-chart, #payments-app .partner-whitelabel #invoice-sales-report .vovason-block {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/v2/images/admin/white-label/chart-pie-sharp-thin.svg);
    background-size: 100px; }
  #payments-app .partner-whitelabel .page-billings .page-header #help {
    display: none; }
  #payments-app .partner-whitelabel .delete-company-page .delete-company--alert_picture-sb {
    display: none; }
  #payments-app .partner-whitelabel .delete-company-page .delete-company--alert_picture-wl {
    display: block; }
  #payments-app .partner-whitelabel .delete-company-page .sad-image-container .sad-image-sb {
    display: none; }
  #payments-app .partner-whitelabel .delete-company-page .sad-image-container .sad-image-wl {
    display: block; }
  #payments-app .partner-whitelabel .--campaign-list .campaign-statistic__wrapper-empty picture {
    display: inline-block;
    height: 70px;
    width: 70px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/v2/images/admin/white-label/chart-pie-sharp-thin.svg);
    background-size: 70px;
    margin-bottom: 14px; }
    #payments-app .partner-whitelabel .--campaign-list .campaign-statistic__wrapper-empty picture img {
      display: none; }
  #payments-app .partner-whitelabel .--campaign-list .campaign--settings-block .preview-block .preview-block--body .sb-push-body-text:before {
    display: none; }
  #payments-app .partner-whitelabel .company-blocked__image img.image_block-sb {
    display: none; }
  #payments-app .partner-whitelabel .company-blocked__image img.image_block-wl {
    display: inline-block; }

@keyframes loader-4-dblspin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(-720deg); } }

@keyframes loader-4-dblspin2 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  #payments-app .help-info .icon.fa-info-square {
    font-size: 16px;
    color: #ABBCCC; }
  #payments-app .page-header.__has-action .page-header__item-title {
    flex: unset;
    text-align: left;
    padding: 0;
    line-height: 34px; }
  #payments-app .page-header.__has-action.__wrap .page-header__row {
    flex-wrap: wrap; }
  @media (max-width: 767px) {
    #payments-app .page-header.__has-action.__wrap .page-header__item-title {
      width: 100%;
      text-align: center; } }
  #payments-app .page-header.__has-back-btn {
    padding-top: 40px; }
    #payments-app .page-header.__has-back-btn .btn--secondary-outline.btn--back,
    #payments-app .page-header.__has-back-btn .btn-secondary--outline.btn--back {
      position: absolute;
      top: 0;
      left: 0;
      padding-left: 0;
      border: none;
      background: transparent; }
      #payments-app .page-header.__has-back-btn .btn--secondary-outline.btn--back .icon,
      #payments-app .page-header.__has-back-btn .btn-secondary--outline.btn--back .icon {
        font-size: 18px; }
  #payments-app .page-header.__no-action .page-header__row .page-header__item.page-header__item-title {
    padding: 0; }
  #payments-app .page-header .btn-bar__sticky {
    transition: all 0.25s ease-out; }
  #payments-app .page-header .btn-bar.btn-bar--simple {
    flex: 1; }
  #payments-app .page-header .btn-bar .btn--save,
  #payments-app .page-header .btn-bar .save-button,
  #payments-app .page-header .btn-bar input[type=submit] {
    transition: all 0.25s ease-out; }
  #payments-app .page-header.--sticky .btn-bar__sticky {
    position: fixed;
    bottom: 26px;
    min-width: 150px;
    justify-content: center;
    left: 50%;
    transform: translateX(-50%);
    z-index: 50; }
    #payments-app .page-header.--sticky .btn-bar__sticky .btn {
      box-shadow: 0px 0px 16px 3px rgba(4, 16, 28, 0.37) !important; }
  #payments-app .page-header.--sticky .btn-bar .btn--save,
  #payments-app .page-header.--sticky .btn-bar .save-button,
  #payments-app .page-header.--sticky .btn-bar input[type=submit] {
    position: fixed;
    bottom: 26px;
    min-width: 150px;
    justify-content: center;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px 0px 16px 3px rgba(4, 16, 28, 0.37) !important;
    z-index: 50; }
  #payments-app .page-header.--sticky .btn-bar__sticky .btn--save {
    position: relative;
    left: unset;
    bottom: unset;
    transform: none;
    z-index: auto; }
  #payments-app .page-header.__has-subtitle.__wrap .page-header__row {
    flex-wrap: wrap; }
  #payments-app .page-header.__has-subtitle.__wrap .page-header__item-title,
  #payments-app .page-header.__has-subtitle.__wrap .page-header__item-subtitle {
    width: 100%; }
  #payments-app .page-header.buttons-container {
    margin-bottom: 12px; }
    @media (max-width: 1023px) {
      #payments-app .page-header.buttons-container {
        padding-left: 46px; } }
    #payments-app .page-header.buttons-container .dynamic-menu .btn {
      margin: 0; }
  #payments-app .btn-bar__adaptive-wrapper {
    flex: 1; }
    #payments-app .btn-bar__adaptive-wrapper .dynamic-menu {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 5px 5px; }
      @media (max-width: 980px) {
        #payments-app .btn-bar__adaptive-wrapper .dynamic-menu .sb-button-outside-submenu .btn-tutorial {
          padding: 4px;
          width: 36px;
          min-width: 36px;
          justify-content: center; }
          #payments-app .btn-bar__adaptive-wrapper .dynamic-menu .sb-button-outside-submenu .btn-tutorial .btn__txt {
            display: none; } }
      #payments-app .btn-bar__adaptive-wrapper .dynamic-menu .dropdown {
        order: 10;
        margin-right: 0 !important; }
      #payments-app .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu {
        padding: 16px 0;
        min-width: 140px;
        min-width: 10rem;
        text-align: left;
        font-size: 14px;
        color: #788291;
        border-radius: 5px;
        margin: 0.125rem 0 0;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: none;
        box-shadow: 2px 2px 15px rgba(45, 51, 72, 0.1); }
        #payments-app .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu .btn {
          display: flex;
          width: 100%;
          margin: 0;
          padding: 6px 24px;
          font-size: 14px;
          color: #788291;
          font-weight: 400;
          border: none;
          background: transparent;
          border-radius: 0;
          white-space: nowrap; }
          #payments-app .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu .btn:hover, #payments-app .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu .btn:focus, #payments-app .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu .btn:active {
            color: #0B3052;
            background: #f8faff;
            border: none;
            filter: unset; }
          #payments-app .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu .btn .icon, #payments-app .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu .btn i {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 26px; }
          #payments-app .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu .btn .btn__txt {
            display: inline-block; }
          #payments-app .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu .btn.btn--danger-high {
            color: #FF3259; }
            #payments-app .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu .btn.btn--danger-high:hover, #payments-app .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu .btn.btn--danger-high:focus, #payments-app .btn-bar__adaptive-wrapper .dynamic-menu .dropdown-menu .btn.btn--danger-high:active {
              color: #FF3259;
              background: #f8faff;
              border: none; }
  #payments-app .combobox-container .dropdown-menu li a {
    white-space: normal; }
  #payments-app #scheduler-page .scheduler-container #scheduler-nav .scheduler-mode-wrap .scheduler-mode,
  #payments-app .dropdown-menu {
    background-color: #fff;
    border: none;
    box-shadow: 2px 2px 18px rgba(45, 51, 72, 0.12); }
  #payments-app #scheduler-page .scheduler-container #scheduler-nav .scheduler-mode-wrap .scheduler-mode .mode-item,
  #payments-app .dropdown-item,
  #payments-app .combobox-container .dropdown-menu li a,
  .combobox-container .dropdown-menu li #payments-app a,
  #payments-app .combobox-container .dropdown-menu li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 36px;
    padding: 5px 24px;
    font-size: 14px;
    color: #788291;
    font-weight: 400; }
    #payments-app #scheduler-page .scheduler-container #scheduler-nav .scheduler-mode-wrap .scheduler-mode .mode-item:empty,
    #payments-app .dropdown-item:empty,
    #payments-app .combobox-container .dropdown-menu li a:empty,
    .combobox-container .dropdown-menu li #payments-app a:empty,
    #payments-app .combobox-container .dropdown-menu li a:empty {
      padding-top: 0;
      padding-bottom: 0;
      min-height: unset;
      line-height: 6px; }
  #payments-app .combobox-container .dropdown-menu li.empty a {
    padding-top: 0;
    padding-bottom: 0;
    min-height: unset;
    line-height: 6px; }
  #payments-app .plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn,
  #payments-app .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn,
  #payments-app .dropdown .dropdown-menu .btn,
  #payments-app .dropdown-menu .btn {
    display: flex;
    width: 100%;
    margin: 0 !important;
    padding: 6px 24px;
    font-size: 14px;
    color: #788291;
    font-weight: 400;
    border: none;
    background: transparent;
    border-radius: 0;
    white-space: nowrap;
    text-align: left !important;
    justify-content: flex-start !important; }
    #payments-app .plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn:hover, #payments-app .plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn:focus, #payments-app .plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn:active,
    #payments-app .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn:hover,
    #payments-app .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn:focus,
    #payments-app .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn:active,
    #payments-app .dropdown .dropdown-menu .btn:hover,
    #payments-app .dropdown .dropdown-menu .btn:focus,
    #payments-app .dropdown .dropdown-menu .btn:active,
    #payments-app .dropdown-menu .btn:hover,
    #payments-app .dropdown-menu .btn:focus,
    #payments-app .dropdown-menu .btn:active {
      color: #0B3052;
      background: #f8faff;
      border: none;
      filter: unset; }
    #payments-app .plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn .icon, #payments-app .plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn i, #payments-app .plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn .fal, #payments-app .plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn [class*='fa-']:not(.fab), #payments-app .plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn .far, #payments-app .plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn [class~='far']:not(.fab), #payments-app .plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn .fab,
    #payments-app .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn .icon,
    #payments-app .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn i,
    #payments-app .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn .fal,
    #payments-app .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn [class*='fa-']:not(.fab),
    #payments-app .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn .far,
    #payments-app .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn [class~='far']:not(.fab),
    #payments-app .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn .fab,
    #payments-app .dropdown .dropdown-menu .btn .icon,
    #payments-app .dropdown .dropdown-menu .btn i,
    #payments-app .dropdown .dropdown-menu .btn .fal,
    #payments-app .dropdown .dropdown-menu .btn [class*='fa-']:not(.fab),
    #payments-app .dropdown .dropdown-menu .btn .far,
    #payments-app .dropdown .dropdown-menu .btn [class~='far']:not(.fab),
    #payments-app .dropdown .dropdown-menu .btn .fab,
    #payments-app .dropdown-menu .btn .icon,
    #payments-app .dropdown-menu .btn i,
    #payments-app .dropdown-menu .btn .fal,
    #payments-app .dropdown-menu .btn [class*='fa-']:not(.fab),
    #payments-app .dropdown-menu .btn .far,
    #payments-app .dropdown-menu .btn [class~='far']:not(.fab),
    #payments-app .dropdown-menu .btn .fab {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 26px; }
    #payments-app .plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn.btn--danger-high,
    #payments-app .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn.btn--danger-high,
    #payments-app .dropdown .dropdown-menu .btn.btn--danger-high,
    #payments-app .dropdown-menu .btn.btn--danger-high {
      color: #FF3259; }
      #payments-app .plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn.btn--danger-high:hover, #payments-app .plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn.btn--danger-high:focus, #payments-app .plugins-page .dropdown-vars-block .drop-down-block .sb-button-in-submenu .btn.btn--danger-high:active,
      #payments-app .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn.btn--danger-high:hover,
      #payments-app .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn.btn--danger-high:focus,
      #payments-app .dropdown-vars-block.dropdown-btns-block .wrap-drop-down .drop-down-block li .btn.btn--danger-high:active,
      #payments-app .dropdown .dropdown-menu .btn.btn--danger-high:hover,
      #payments-app .dropdown .dropdown-menu .btn.btn--danger-high:focus,
      #payments-app .dropdown .dropdown-menu .btn.btn--danger-high:active,
      #payments-app .dropdown-menu .btn.btn--danger-high:hover,
      #payments-app .dropdown-menu .btn.btn--danger-high:focus,
      #payments-app .dropdown-menu .btn.btn--danger-high:active {
        color: #FF3259;
        background: #f8faff;
        border: none; }
  #payments-app .notifications-settings {
    scrollbar-width: thin;
    scrollbar-color: #788291 #ABBCCC; }
    #payments-app .notifications-settings::-webkit-scrollbar {
      width: 12px;
      height: 12px; }
      #payments-app .notifications-settings::-webkit-scrollbar-track {
        background-clip: content-box;
        border: 3px solid transparent; }
      #payments-app .notifications-settings::-webkit-scrollbar-thumb {
        background-color: #788291;
        cursor: pointer; }
        #payments-app .notifications-settings::-webkit-scrollbar-thumb:hover {
          background-color: #6c7583; }
      #payments-app .notifications-settings::-webkit-scrollbar-corner, #payments-app .notifications-settings::-webkit-scrollbar-track {
        background-color: #ABBCCC; }
  #payments-app body .mb-xs {
    margin-bottom: 4px; }
  #payments-app body .mb-s {
    margin-bottom: 8px; }
  #payments-app body .mb-m {
    margin-bottom: 12px; }
  #payments-app body .mb-l {
    margin-bottom: 16px; }
  #payments-app body .mb-xl {
    margin-bottom: 20px; }
  #payments-app body .mb-xxl {
    margin-bottom: 30px; }
  #payments-app body.body-full-height .content-wrapper {
    min-height: calc(100vh - 41px); }
  #payments-app body.body-full-height .metric-frame {
    min-height: calc(100vh - 110px); }
  #payments-app body.body-full-height .messages-container {
    display: none; }
  #payments-app body.without-chat #supportChat {
    display: none; }
  #payments-app .popover-tour,
  #payments-app .popover {
    border-radius: 5px;
    box-shadow: 2px 2px 15px rgba(11, 48, 82, 0.16);
    font-size: 12px;
    background: #fff;
    color: #788291;
    border: none;
    white-space: normal;
    position: absolute;
    display: block;
    max-width: 276px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    line-break: auto;
    word-wrap: break-word;
    background-clip: padding-box;
    z-index: 1060; }
    #payments-app .popover-tour .popover-header,
    #payments-app .popover .popover-header {
      font-size: 14px;
      color: #0B3052;
      background-color: #f8faff;
      padding-left: 12px;
      padding-right: 12px;
      border-top-left-radius: calc(5px - 1px);
      border-top-right-radius: calc(5px - 1px);
      white-space: normal; }
    #payments-app .popover-tour .popover-body,
    #payments-app .popover .popover-body {
      min-width: 120px;
      color: #0B3052;
      font-family: "Noto Sans", sans-serif;
      padding: 8px 12px;
      font-size: 12px;
      white-space: normal; }
  #payments-app .popper-content .popper-body {
    white-space: normal; }
  #payments-app .bs-popover-left .arrow::before, #payments-app .bs-popover-auto[x-placement^="left"] .arrow::before,
  #payments-app .bs-popover-top .arrow::before,
  #payments-app .bs-popover-auto[x-placement^="top"] .arrow::before,
  #payments-app .bs-popover-bottom .arrow::before,
  #payments-app .bs-popover-auto[x-placement^="bottom"] .arrow::before,
  #payments-app .bs-popover-right .arrow::before,
  #payments-app .bs-popover-auto[x-placement^="right"] .arrow::before,
  #payments-app .bs-popover-auto[x-placement^="left"] .arrow::before,
  #payments-app .bs-popover-auto[x-placement^="top"] .arrow::before,
  #payments-app .bs-popover-auto[x-placement^="bottom"] .arrow::before,
  #payments-app .bs-popover-auto[x-placement^="right"] .arrow::before {
    border-color: transparent !important; }
  #payments-app .feature--settings-page {
    padding: 20px; }
    @media (min-width: 1023px) {
      #payments-app .feature--settings-page {
        max-width: 1520px; } }
    #payments-app .feature--settings-page .page-header {
      padding-bottom: 14px; }
      #payments-app .feature--settings-page .page-header.__has-border {
        padding-bottom: 14px; }
    #payments-app .feature--settings-page .enable-or-activate-feature__row {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      flex-wrap: wrap;
      gap: 20px; }
      #payments-app .feature--settings-page .enable-or-activate-feature__row .arrow {
        position: relative;
        display: inline-block;
        min-height: 20px; }
        #payments-app .feature--settings-page .enable-or-activate-feature__row .arrow .icon {
          background: url("/v2/images/admin/arrow--long.svg") no-repeat;
          display: inline-block;
          position: absolute;
          bottom: -48px;
          height: 82px;
          left: -22px;
          width: 46px;
          background-size: 56px;
          transform: scale(1, -1) rotate(-92deg);
          background-position: -15px -30px; }
      #payments-app .feature--settings-page .enable-or-activate-feature__row .p--heading {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px; }
      #payments-app .feature--settings-page .enable-or-activate-feature__row .item--enable-or-activate-feature {
        width: 100%;
        max-width: 320px;
        border-radius: 5px; }
        #payments-app .feature--settings-page .enable-or-activate-feature__row .item--enable-or-activate-feature .item-container {
          position: relative;
          padding: 20px 25px 25px;
          text-align: center; }
        #payments-app .feature--settings-page .enable-or-activate-feature__row .item--enable-or-activate-feature .item-row {
          display: flex;
          flex-direction: column;
          gap: 16px;
          align-items: center; }
        #payments-app .feature--settings-page .enable-or-activate-feature__row .item--enable-or-activate-feature .item-col__picture {
          position: relative;
          width: 100%; }
          #payments-app .feature--settings-page .enable-or-activate-feature__row .item--enable-or-activate-feature .item-col__picture img {
            display: inline-block;
            height: 80px; }
  #payments-app .popper-content {
    line-height: 1.36; }
  #payments-app .note-editor.note-disabled {
    pointer-events: none;
    user-select: none;
    filter: invert(0.2) sepia(1) hue-rotate(180deg) saturate(0.1) brightness(1); }
  #payments-app .--variables .common_var,
  #payments-app .variables-list .common-var,
  #payments-app .variables-list .new-user-var,
  #payments-app .variables-list .event-var,
  #payments-app .variables-list .feedback-var,
  #payments-app .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    gap: 6px; }
    #payments-app .--variables .common_var .val-of-field,
    #payments-app .variables-list .common-var .val-of-field,
    #payments-app .variables-list .new-user-var .val-of-field,
    #payments-app .variables-list .event-var .val-of-field,
    #payments-app .variables-list .feedback-var .val-of-field,
    #payments-app .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .val-of-field {
      display: none; }
    #payments-app .--variables .common_var .sb-insert-code,
    #payments-app .--variables .common_var .sb-insert-var,
    #payments-app .--variables .common_var .insert-code,
    #payments-app .variables-list .common-var .sb-insert-code,
    #payments-app .variables-list .common-var .sb-insert-var,
    #payments-app .variables-list .common-var .insert-code,
    #payments-app .variables-list .new-user-var .sb-insert-code,
    #payments-app .variables-list .new-user-var .sb-insert-var,
    #payments-app .variables-list .new-user-var .insert-code,
    #payments-app .variables-list .event-var .sb-insert-code,
    #payments-app .variables-list .event-var .sb-insert-var,
    #payments-app .variables-list .event-var .insert-code,
    #payments-app .variables-list .feedback-var .sb-insert-code,
    #payments-app .variables-list .feedback-var .sb-insert-var,
    #payments-app .variables-list .feedback-var .insert-code,
    #payments-app .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .sb-insert-code,
    #payments-app .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .sb-insert-var,
    #payments-app .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .insert-code {
      overflow: visible !important;
      text-overflow: unset !important;
      justify-content: flex-start;
      text-align: left;
      width: auto;
      white-space: normal;
      word-break: break-word;
      line-height: 1.68;
      text-wrap: balance;
      margin-left: 0 !important;
      margin-right: auto !important; }
      @media (min-width: 1023px) {
        #payments-app .--variables .common_var .sb-insert-code,
        #payments-app .--variables .common_var .sb-insert-var,
        #payments-app .--variables .common_var .insert-code,
        #payments-app .variables-list .common-var .sb-insert-code,
        #payments-app .variables-list .common-var .sb-insert-var,
        #payments-app .variables-list .common-var .insert-code,
        #payments-app .variables-list .new-user-var .sb-insert-code,
        #payments-app .variables-list .new-user-var .sb-insert-var,
        #payments-app .variables-list .new-user-var .insert-code,
        #payments-app .variables-list .event-var .sb-insert-code,
        #payments-app .variables-list .event-var .sb-insert-var,
        #payments-app .variables-list .event-var .insert-code,
        #payments-app .variables-list .feedback-var .sb-insert-code,
        #payments-app .variables-list .feedback-var .sb-insert-var,
        #payments-app .variables-list .feedback-var .insert-code,
        #payments-app .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .sb-insert-code,
        #payments-app .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .sb-insert-var,
        #payments-app .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .insert-code {
          max-width: 206px !important;
          width: fit-content !important;
          block-size: fit-content; }
          #payments-app .--variables .common_var .sb-insert-code.min-max__200,
          #payments-app .--variables .common_var .sb-insert-var.min-max__200,
          #payments-app .--variables .common_var .insert-code.min-max__200,
          #payments-app .variables-list .common-var .sb-insert-code.min-max__200,
          #payments-app .variables-list .common-var .sb-insert-var.min-max__200,
          #payments-app .variables-list .common-var .insert-code.min-max__200,
          #payments-app .variables-list .new-user-var .sb-insert-code.min-max__200,
          #payments-app .variables-list .new-user-var .sb-insert-var.min-max__200,
          #payments-app .variables-list .new-user-var .insert-code.min-max__200,
          #payments-app .variables-list .event-var .sb-insert-code.min-max__200,
          #payments-app .variables-list .event-var .sb-insert-var.min-max__200,
          #payments-app .variables-list .event-var .insert-code.min-max__200,
          #payments-app .variables-list .feedback-var .sb-insert-code.min-max__200,
          #payments-app .variables-list .feedback-var .sb-insert-var.min-max__200,
          #payments-app .variables-list .feedback-var .insert-code.min-max__200,
          #payments-app .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .sb-insert-code.min-max__200,
          #payments-app .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .sb-insert-var.min-max__200,
          #payments-app .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .insert-code.min-max__200 {
            max-width: 190px !important; } }
    #payments-app .--variables .common_var .sb-insert-code:hover + .common-var_descr,
    #payments-app .--variables .common_var .sb-insert-var:hover + .common-var_descr,
    #payments-app .--variables .common_var .insert-code:hover + .common-var_descr,
    #payments-app .variables-list .common-var .sb-insert-code:hover + .common-var_descr,
    #payments-app .variables-list .common-var .sb-insert-var:hover + .common-var_descr,
    #payments-app .variables-list .common-var .insert-code:hover + .common-var_descr,
    #payments-app .variables-list .new-user-var .sb-insert-code:hover + .common-var_descr,
    #payments-app .variables-list .new-user-var .sb-insert-var:hover + .common-var_descr,
    #payments-app .variables-list .new-user-var .insert-code:hover + .common-var_descr,
    #payments-app .variables-list .event-var .sb-insert-code:hover + .common-var_descr,
    #payments-app .variables-list .event-var .sb-insert-var:hover + .common-var_descr,
    #payments-app .variables-list .event-var .insert-code:hover + .common-var_descr,
    #payments-app .variables-list .feedback-var .sb-insert-code:hover + .common-var_descr,
    #payments-app .variables-list .feedback-var .sb-insert-var:hover + .common-var_descr,
    #payments-app .variables-list .feedback-var .insert-code:hover + .common-var_descr,
    #payments-app .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .sb-insert-code:hover + .common-var_descr,
    #payments-app .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .sb-insert-var:hover + .common-var_descr,
    #payments-app .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .insert-code:hover + .common-var_descr {
      color: #1d9ed1; }
    #payments-app .--variables .common_var .common-var_descr,
    #payments-app .variables-list .common-var .common-var_descr,
    #payments-app .variables-list .new-user-var .common-var_descr,
    #payments-app .variables-list .event-var .common-var_descr,
    #payments-app .variables-list .feedback-var .common-var_descr,
    #payments-app .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .common-var_descr {
      display: flex;
      align-items: baseline;
      justify-content: flex-end;
      gap: 4px;
      margin-left: auto;
      text-align: right;
      flex: 1;
      min-width: 160px;
      word-break: break-word; }
      #payments-app .--variables .common_var .common-var_descr:before,
      #payments-app .variables-list .common-var .common-var_descr:before,
      #payments-app .variables-list .new-user-var .common-var_descr:before,
      #payments-app .variables-list .event-var .common-var_descr:before,
      #payments-app .variables-list .feedback-var .common-var_descr:before,
      #payments-app .plugins-page .dropdown-vars-block.sb-vars-block.sb-variables .drop-down-block > li .common-var_descr:before {
        position: relative;
        top: -0.22em;
        content: '';
        display: block;
        flex: 1;
        min-width: 22px;
        height: 1px;
        border-bottom: 1px dashed rgba(171, 188, 204, 0.8); }
  #payments-app .vars-list .my-2.d-flex {
    align-items: center;
    gap: 4px 8px; }
  #payments-app .row-payments-app {
    flex-direction: column-reverse; }
    #payments-app .row-payments-app .payments-app-col-1 {
      flex: 0 0 100%;
      max-width: 100%; }
    #payments-app .row-payments-app .payments-app-col-2 {
      flex: 0 0 100%;
      max-width: 100%; }
      #payments-app .row-payments-app .payments-app-col-2 .sidebar {
        display: flex;
        flex-wrap: wrap;
        padding-top: 15px !important;
        margin-top: 15px; }
        #payments-app .row-payments-app .payments-app-col-2 .sidebar .content-row {
          width: 50%;
          margin-bottom: 0; }
          @media (max-width: 767px) {
            #payments-app .row-payments-app .payments-app-col-2 .sidebar .content-row {
              width: 100%;
              margin-bottom: 20px; }
              #payments-app .row-payments-app .payments-app-col-2 .sidebar .content-row:last-child {
                margin-bottom: 0; } }
          #payments-app .row-payments-app .payments-app-col-2 .sidebar .content-row > div {
            width: 100%; }
          #payments-app .row-payments-app .payments-app-col-2 .sidebar .content-row .cap {
            font-weight: 400; }
          #payments-app .row-payments-app .payments-app-col-2 .sidebar .content-row .txt {
            font-weight: bold; }
            #payments-app .row-payments-app .payments-app-col-2 .sidebar .content-row .txt .nowrap {
              white-space: nowrap; }
            #payments-app .row-payments-app .payments-app-col-2 .sidebar .content-row .txt a {
              font-weight: 400; }
    #payments-app .row-payments-app .grid-payments-items {
      width: 100%;
      display: grid;
      grid-gap: 15px;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      margin: 0; }
      #payments-app .row-payments-app .grid-payments-items .payment-item {
        width: 100%;
        margin: 0 0 15px 0;
        height: 100%;
        max-width: 620px; }
  #payments-app .subscr-update-col {
    display: flex;
    justify-content: center; }
    @media (max-width: 1023px) {
      #payments-app .subscr-update-col {
        flex-wrap: wrap; } }
    #payments-app .subscr-update-col .sb-current-subscription,
    #payments-app .subscr-update-col .descr-subscr,
    #payments-app .subscr-update-col .sb-next-subscription {
      padding-right: 15px;
      padding-left: 15px;
      width: 100%;
      max-width: 470px; }
      @media (max-width: 1023px) {
        #payments-app .subscr-update-col .sb-current-subscription,
        #payments-app .subscr-update-col .descr-subscr,
        #payments-app .subscr-update-col .sb-next-subscription {
          max-width: 100%; } }
      #payments-app .subscr-update-col .sb-current-subscription > div,
      #payments-app .subscr-update-col .descr-subscr > div,
      #payments-app .subscr-update-col .sb-next-subscription > div {
        height: 100%; }
      #payments-app .subscr-update-col .sb-current-subscription .price-tab,
      #payments-app .subscr-update-col .descr-subscr .price-tab,
      #payments-app .subscr-update-col .sb-next-subscription .price-tab {
        padding-bottom: 0; }
      #payments-app .subscr-update-col .sb-current-subscription .text-center .cap,
      #payments-app .subscr-update-col .descr-subscr .text-center .cap,
      #payments-app .subscr-update-col .sb-next-subscription .text-center .cap {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 5px;
        color: #06acee; }
        #payments-app .subscr-update-col .sb-current-subscription .text-center .cap .fa,
        #payments-app .subscr-update-col .descr-subscr .text-center .cap .fa,
        #payments-app .subscr-update-col .sb-next-subscription .text-center .cap .fa {
          font-size: 20px;
          position: relative;
          bottom: -1px;
          padding-right: 2px; }
    #payments-app .subscr-update-col .descr-subscr {
      width: 300px;
      min-width: 300px; }
      @media (max-width: 1920px) {
        #payments-app .subscr-update-col .descr-subscr {
          width: 230px;
          min-width: 230px;
          padding-right: 0;
          padding-left: 0; } }
      @media (max-width: 1023px) {
        #payments-app .subscr-update-col .descr-subscr {
          width: 100%;
          min-width: 100%;
          padding-right: 15px;
          padding-left: 15px; } }
  #payments-app .price-tab {
    position: relative;
    padding-bottom: 50px;
    border: 1px solid #E7ECF7;
    overflow: hidden; }
    #payments-app .price-tab .title {
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 85px;
      font-size: 20px;
      background-color: #06acee;
      color: #fff;
      padding: 8px; }
      #payments-app .price-tab .title span {
        font-weight: bold;
        padding-right: 4px; }
      @media (max-width: 1366px) {
        #payments-app .price-tab .title {
          font-size: 18px; } }
    #payments-app .price-tab .body dd {
      min-width: 45px;
      font-weight: 700; }
      @media screen and (max-width: 1800px) {
        #payments-app .price-tab .body dd .txt-infinity {
          display: none; } }
      #payments-app .price-tab .body dd .chart-infinity {
        display: none;
        font-size: 28px;
        line-height: 1; }
        @media screen and (max-width: 1800px) {
          #payments-app .price-tab .body dd .chart-infinity {
            display: inline-block; } }
    #payments-app .price-tab .body .d-flex .fa {
      font-weight: 600; }
    #payments-app .price-tab .subscription-carousel {
      background: #06acee;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-left: 6px;
      padding-right: 6px; }
      #payments-app .price-tab .subscription-carousel .subscription-name {
        width: calc(100% - 80px); }
      #payments-app .price-tab .subscription-carousel .prev-subscr-block,
      #payments-app .price-tab .subscription-carousel .next-subscr-block {
        width: 40px; }
        #payments-app .price-tab .subscription-carousel .prev-subscr-block .btn,
        #payments-app .price-tab .subscription-carousel .next-subscr-block .btn {
          width: 34px; }
      #payments-app .price-tab .subscription-carousel .title {
        text-align: center;
        background-color: transparent;
        padding-left: 6px;
        padding-right: 6px;
        line-height: 1.2; }
      #payments-app .price-tab .subscription-carousel .btn-outline-primary {
        color: #fff;
        border-color: #fff;
        opacity: .7; }
        #payments-app .price-tab .subscription-carousel .btn-outline-primary:hover, #payments-app .price-tab .subscription-carousel .btn-outline-primary:focus {
          color: #fff;
          border-color: #fff;
          opacity: 1; }
    #payments-app .price-tab.not-allowed .title, #payments-app .price-tab.not-allowed .body *, #payments-app .price-tab.not-allowed .subscription-carousel {
      opacity: .7; }
    #payments-app .price-tab.not-allowed .body .buy-btn-block,
    #payments-app .price-tab.not-allowed .body .buy-btn-block *,
    #payments-app .price-tab.not-allowed .body .messages-container,
    #payments-app .price-tab.not-allowed .body .messages-container * {
      opacity: 1 !important; }
    #payments-app .price-tab .messages-container {
      position: absolute;
      top: -100%;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: .4;
      visibility: hidden;
      transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
      #payments-app .price-tab .messages-container .alert {
        background: #f4fcff;
        border-color: #f4fcff;
        border-radius: 0;
        height: 100%;
        padding: 30px 15px 30px 15px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        text-align: center; }
        #payments-app .price-tab .messages-container .alert .btn-bar {
          margin-top: auto;
          margin-bottom: 0; }
        #payments-app .price-tab .messages-container .alert button.close {
          padding-top: 4px;
          padding-bottom: 4px;
          outline: none; }
          #payments-app .price-tab .messages-container .alert button.close span {
            line-height: 1;
            font-size: 34px;
            font-weight: 500; }
        #payments-app .price-tab .messages-container .alert .img-container {
          text-align: center; }
          #payments-app .price-tab .messages-container .alert .img-container img {
            max-height: 130px; }
        #payments-app .price-tab .messages-container .alert .txt p {
          margin-bottom: 8px; }
          @media (max-width: 1023px) {
            #payments-app .price-tab .messages-container .alert .txt p {
              font-size: 13px; } }
          #payments-app .price-tab .messages-container .alert .txt p:last-child {
            margin-bottom: 0; }
      #payments-app .price-tab .messages-container.visible {
        visibility: visible;
        opacity: 1;
        top: 0; }
  #payments-app .descr-subscr-tab {
    text-align: center; }
    #payments-app .descr-subscr-tab .subtitle {
      font-size: 25px;
      font-weight: bold;
      text-align: center;
      color: #06acee;
      margin-bottom: 30px;
      margin-top: 76px;
      font-family: "Caveat", cursive; }
      @media (max-width: 1023px) {
        #payments-app .descr-subscr-tab .subtitle {
          margin-top: 15px; } }
      #payments-app .descr-subscr-tab .subtitle span {
        display: block;
        width: 100%; }
      #payments-app .descr-subscr-tab .subtitle.update-to img {
        margin-top: -18px;
        max-height: 34px; }
    #payments-app .descr-subscr-tab .subscr-difference {
      margin-bottom: 30px; }
    #payments-app .descr-subscr-tab .btn.sb-upgrade-button {
      width: 100%;
      max-width: 300px; }
    #payments-app .descr-subscr-tab .subtitle.buy-next-month {
      margin-bottom: 0;
      margin-top: 60px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      @media (max-width: 1023px) {
        #payments-app .descr-subscr-tab .subtitle.buy-next-month {
          margin-bottom: 20px; } }
      #payments-app .descr-subscr-tab .subtitle.buy-next-month div.d-flex {
        align-items: flex-start;
        width: 100%;
        justify-content: center; }
        #payments-app .descr-subscr-tab .subtitle.buy-next-month div.d-flex span {
          display: inline-block;
          width: auto; }
      #payments-app .descr-subscr-tab .subtitle.buy-next-month img {
        position: relative;
        margin-left: 10px;
        margin-top: -45px;
        max-height: 60px; }
      #payments-app .descr-subscr-tab .subtitle.buy-next-month span {
        line-height: 1; }
  #payments-app .pack-item {
    position: relative;
    border: 1px solid #E7ECF7;
    min-height: 275px;
    text-align: center;
    padding: 0 10px 10px; }
    #payments-app .pack-item .badge, #payments-app .pack-item .label {
      position: absolute;
      top: 15px;
      right: 15px; }
      #payments-app .pack-item .badge .fa, #payments-app .pack-item .label .fa {
        font-size: 24px; }
    #payments-app .pack-item .icon {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 160px; }
    #payments-app .pack-item .cap {
      min-height: 40px;
      font-weight: 600; }
  #payments-app .body.body-subscr {
    position: static; }
    #payments-app .body.body-subscr .price-tab__tariff-switcher {
      padding-top: 20px; }
      #payments-app .body.body-subscr .price-tab__tariff-switcher .price {
        display: block; }
      #payments-app .body.body-subscr .price-tab__tariff-switcher .priceCell__info {
        padding-top: 6px;
        text-align: center;
        font-weight: 400; }
      #payments-app .body.body-subscr .price-tab__tariff-switcher .priceCell__txt {
        display: block;
        font-size: 12px;
        line-height: 1.1;
        font-weight: 300; }
      #payments-app .body.body-subscr .price-tab__tariff-switcher .priceCell__vat {
        color: #2c3547;
        margin-bottom: 4px; }
    #payments-app .body.body-subscr .buy-btn-block {
      position: absolute;
      bottom: 20px;
      left: 0;
      right: 0;
      width: 100%; }
      #payments-app .body.body-subscr .buy-btn-block .buy-button {
        min-width: 120px; }
  #payments-app .sb-pay-button,
  #payments-app .sb-back-button {
    min-width: 120px; }
  #payments-app .price-vat {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2; }
  #payments-app .pack-item .price-vat {
    margin: 10px 0; }
  #payments-app .sb-back-button {
    margin-right: 10px; }
  #payments-app .foot-nouts {
    margin-top: 15px; }
    #payments-app .foot-nouts p {
      font-size: 12px;
      margin-bottom: 5px; }
      #payments-app .foot-nouts p:last-child {
        margin-bottom: 0; }
  #payments-app .invoice-information-container-checkbox {
    display: flex !important;
    align-items: center;
    margin-bottom: 5px;
    padding: 15px 20px;
    padding-left: 0;
    border-radius: 5px;
    background: transparent; }
    #payments-app .invoice-information-container-checkbox--terms {
      background: none;
      padding: 0; }
      #payments-app .invoice-information-container-checkbox--terms:last-child {
        margin-bottom: 30px; }
    #payments-app .invoice-information-container-checkbox.hidden {
      display: none !important; }
    #payments-app .invoice-information-container-checkbox label {
      display: flex;
      align-items: center;
      margin: 0; }
      #payments-app .invoice-information-container-checkbox label input {
        margin-right: 20px; }
    #payments-app .invoice-information-container-checkbox .help-info {
      margin-left: auto; }
  #payments-app .choose-amount--list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px; }
  #payments-app .choose-amount--item {
    position: relative;
    width: calc(50% - 16px);
    margin: 8px;
    max-width: 200px;
    line-height: 1;
    cursor: pointer;
    transition: all .25s ease; }
    #payments-app .choose-amount--item-switcher {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      border-radius: 0;
      opacity: 0; }
    #payments-app .choose-amount--item-content {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      text-align: center;
      padding: 10px 20px;
      height: 100%;
      min-height: 46px;
      border: 1px solid #E7ECF7;
      border-radius: 3px;
      color: #788291;
      margin: 0;
      font-weight: 700; }
      #payments-app .choose-amount--item-content .priceCell__info {
        padding-top: 6px;
        text-align: center;
        font-weight: 400; }
      #payments-app .choose-amount--item-content .priceCell__txt {
        display: block;
        font-size: 12px;
        line-height: 1.1;
        font-weight: 300; }
      #payments-app .choose-amount--item-content .priceCell__vat {
        color: #2c3547;
        margin-bottom: 4px; }
      #payments-app .choose-amount--item-content-item-vat {
        padding-top: 4px; }
    #payments-app .choose-amount--item.clickable .choose-amount--item-content {
      cursor: pointer;
      color: #2c3547; }
      #payments-app .choose-amount--item.clickable .choose-amount--item-content:hover {
        background: #f1f6ff; }
    #payments-app .choose-amount--item:hover-content {
      border: 1px solid #d8e0f2; }
    #payments-app .choose-amount--item input[type=radio]:checked + .choose-amount--item-content, #payments-app .choose-amount--item .management-app input.implicit-checked[type="radio"] + .choose-amount--item-content, .management-app #payments-app .choose-amount--item input.implicit-checked[type="radio"] + .choose-amount--item-content {
      background: #f1f6ff;
      color: #253246; }
  #payments-app .payment-processors-list {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0; }
    #payments-app .payment-processors-list--item {
      position: relative;
      display: block;
      width: calc(50% - 16px);
      margin: 0 0 10px 0;
      max-width: 420px;
      transition: all .25s ease; }
      #payments-app .payment-processors-list--item__switcher {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        border-radius: 0;
        opacity: 0; }
      #payments-app .payment-processors-list--item__content {
        width: 100%;
        line-height: 1;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        padding: 8px 20px;
        min-height: 94px;
        border: 1px solid #E7ECF7;
        border-radius: 3px;
        font-weight: 500;
        color: #788291;
        margin: 0; }
        #payments-app .payment-processors-list--item__content img {
          max-height: 38px;
          opacity: 0.5; }
        #payments-app .payment-processors-list--item__content > div {
          padding: 8px 0 0 0;
          width: 100%;
          font-size: 12px; }
      #payments-app .payment-processors-list--item input[type=radio]:checked + .payment-processors-list--item__content, #payments-app .payment-processors-list--item .management-app input.implicit-checked[type="radio"] + .payment-processors-list--item__content, .management-app #payments-app .payment-processors-list--item input.implicit-checked[type="radio"] + .payment-processors-list--item__content {
        background: #f1f6ff;
        color: #253246; }
        #payments-app .payment-processors-list--item input[type=radio]:checked + .payment-processors-list--item__content img, #payments-app .payment-processors-list--item .management-app input.implicit-checked[type="radio"] + .payment-processors-list--item__content img, .management-app #payments-app .payment-processors-list--item input.implicit-checked[type="radio"] + .payment-processors-list--item__content img {
          opacity: 1; }
  #payments-app .payments-tarif-layout .payment-tariff--choose-amount {
    padding-top: 30px;
    margin-bottom: 8px; }
  #payments-app .payments-tarif-layout .payment-tariff--additional-confirm-info__v2 {
    padding-top: 12px; }
    #payments-app .payments-tarif-layout .payment-tariff--additional-confirm-info__v2 .invoice-information-container-checkbox {
      background: transparent;
      padding: 0;
      margin: 0; }
      #payments-app .payments-tarif-layout .payment-tariff--additional-confirm-info__v2 .invoice-information-container-checkbox:last-child {
        margin-bottom: 8px; }
  #payments-app .payments-tarif-layout .payment-tariff--choose-payment-processors-list {
    margin-bottom: 35px; }
  #payments-app .payment-tariff--billing-details {
    margin-bottom: 25px; }
  #payments-app .recurring-info {
    margin-bottom: 10px;
    padding-top: 10px; }
    #payments-app .recurring-info__subscr-info {
      margin-top: 20px; }
    #payments-app .recurring-info .p--hint {
      display: none;
      max-width: 550px;
      margin: 0;
      padding: 4px 0 6px 10px;
      border-left: 2px solid #06ADEF;
      font-style: italic;
      font-weight: 400; }
  #payments-app .sb-invoice-content .choose-amount--list {
    display: block;
    margin-left: 0;
    margin-right: 0; }
    #payments-app .sb-invoice-content .choose-amount--list > div {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      margin-left: -8px;
      margin-right: -8px; }

.modal-dialog-recurring-confirmation .content-modal-recurring-confirm {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px; }
  @media (max-width: 767px) {
    .modal-dialog-recurring-confirmation .content-modal-recurring-confirm {
      padding-left: 0;
      padding-right: 0; } }
  .modal-dialog-recurring-confirmation .content-modal-recurring-confirm .top-text {
    margin-bottom: 30px; }
  .modal-dialog-recurring-confirmation .content-modal-recurring-confirm .img {
    margin-bottom: 20px; }
  .modal-dialog-recurring-confirmation .content-modal-recurring-confirm .btn-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 30px; }
    .modal-dialog-recurring-confirmation .content-modal-recurring-confirm .btn-bar .btn {
      margin: 6px; }
  .modal-dialog-recurring-confirmation .content-modal-recurring-confirm .foot-nouts {
    font-size: 12px; }
    .modal-dialog-recurring-confirmation .content-modal-recurring-confirm .foot-nouts .nouts-star {
      font-size: 16px;
      color: #FF3259; }

.modal-dialog-expired-trial.custom-modal-title .modal-header {
  margin-bottom: 15px; }
  .modal-dialog-expired-trial.custom-modal-title .modal-header .close {
    display: none; }
  .modal-dialog-expired-trial.custom-modal-title .modal-header .modal-title {
    font-family: "Open Sans", sans-serif;
    color: #2c3547;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    line-height: 1.4;
    padding-left: 15px;
    padding-right: 15px; }
    @media (max-width: 1024px) {
      .modal-dialog-expired-trial.custom-modal-title .modal-header .modal-title {
        font-size: 18px; } }

.modal-dialog-expired-trial.custom-modal-title .modal-body {
  text-align: center; }
  .modal-dialog-expired-trial.custom-modal-title .modal-body .img-container {
    text-align: center; }
  .modal-dialog-expired-trial.custom-modal-title .modal-body .subtitle {
    font-size: 32px;
    text-align: center;
    color: #06acee;
    margin-bottom: 15px;
    font-family: "Caveat", cursive; }
    @media (max-width: 1024px) {
      .modal-dialog-expired-trial.custom-modal-title .modal-body .subtitle {
        font-size: 26px; } }
  .modal-dialog-expired-trial.custom-modal-title .modal-body .bar-with-arrow {
    padding: 30px 30px 0 30px;
    position: relative;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
    .modal-dialog-expired-trial.custom-modal-title .modal-body .bar-with-arrow .invert-arrow {
      position: absolute;
      bottom: 18px;
      right: 0;
      width: 32px;
      height: 60px;
      transform: scale(-1, 1) rotate(180deg); }

#users-description-modal .exceptions {
  color: #06ADEF; }

#users-description-modal .links-red {
  color: #FF3259; }
  #users-description-modal .links-red a {
    color: #FF3259; }

.invoice-table .cell-title {
  min-width: 150px; }

#sb_invoice_details_container .used-promo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 4px -4px;
  background-color: #f8f8f8;
  padding: 4px 4px 4px 12px;
  border-radius: 5px; }
  #sb_invoice_details_container .used-promo__name {
    flex: 1;
    line-height: 1.1;
    margin: 0 4px; }
  #sb_invoice_details_container .used-promo__action {
    border: none;
    margin: 0 4px;
    display: inline-flex;
    min-width: 35px;
    justify-content: center;
    align-items: center;
    line-height: 1;
    padding: 0;
    font-size: 24px;
    font-weight: 300; }

.promotion__row {
  display: flex;
  align-items: stretch;
  margin-left: -5px;
  margin-right: -5px; }

.promotion__row-item {
  padding: 0 5px; }
  .promotion__row-item--title {
    padding-top: 8px;
    min-width: 150px; }
    @media (max-width: 575px) {
      .promotion__row-item--title {
        min-width: 130px; } }
  .promotion__row-item--data {
    flex: 1; }

.modal--select-payment-method .payment-method__row {
  justify-content: space-between;
  margin: 0;
  word-wrap: break-word; }
  .modal--select-payment-method .payment-method__row picture {
    min-width: 50px; }

.modal--select-payment-method .payment-method__list {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
  @media (min-width: 575px) {
    .modal--select-payment-method .payment-method__list {
      grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); } }

.modal--select-payment-method .payment-method__item {
  width: 45%;
  max-width: unset;
  margin: 0;
  cursor: pointer;
  text-align: left; }
  .modal--select-payment-method .payment-method__item-content {
    padding: 4px 12px;
    height: 100%;
    min-height: 40px; }
    .modal--select-payment-method .payment-method__item-content:hover {
      color: #0B3052;
      background: #F1F6FF; }

.modal--select-payment-method .payment-method__card-num {
  color: #0B3052;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
  margin: 0;
  white-space: pre-wrap; }

.modal--select-payment-method .payment-method__info-status {
  display: block;
  text-align: center; }
  .modal--select-payment-method .payment-method__info-status .title {
    margin-bottom: 5px; }
  .modal--select-payment-method .payment-method__info-status p {
    font-size: 14px; }

.modal--select-payment-method .payment-method__info-status-picture {
  display: inline-block;
  margin-bottom: 15px; }

.modal--select-payment-method .payment-method__item.sb-payment-method {
  width: 45%;
  text-decoration: none; }
  .modal--select-payment-method .payment-method__item.sb-payment-method .payment-method__item-content {
    padding-top: 12px;
    padding-bottom: 12px; }
  .modal--select-payment-method .payment-method__item.sb-payment-method .payment-method__row {
    display: flex;
    margin: 0;
    justify-content: space-between;
    gap: 12px; }
    .modal--select-payment-method .payment-method__item.sb-payment-method .payment-method__row picture {
      min-width: 30px;
      display: block; }
      .modal--select-payment-method .payment-method__item.sb-payment-method .payment-method__row picture img {
        max-height: 32px;
        width: auto;
        opacity: 0.7; }
  .modal--select-payment-method .payment-method__item.sb-payment-method .payment-method__card-num {
    font-size: 14px;
    letter-spacing: 0.03em;
    color: #788291;
    font-weight: normal; }
  .modal--select-payment-method .payment-method__item.sb-payment-method .payment-method__item-title {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 8px;
    color: #788291; }
  .modal--select-payment-method .payment-method__item.sb-payment-method:hover {
    text-decoration: none; }
    .modal--select-payment-method .payment-method__item.sb-payment-method:hover .payment-method__row picture img {
      opacity: 1; }

.modal--select-payment-method .payment-method__item.sb-payment-method--connect-sbpaypro, .modal--select-payment-method .payment-method__item.sb-payment-method--no-active {
  max-width: 232px; }
  .modal--select-payment-method .payment-method__item.sb-payment-method--connect-sbpaypro .highlight, .modal--select-payment-method .payment-method__item.sb-payment-method--no-active .highlight {
    color: #06adef;
    font-size: 14px;
    line-height: 1;
    padding-top: 5px; }
  .modal--select-payment-method .payment-method__item.sb-payment-method--connect-sbpaypro .payment-method__card-link, .modal--select-payment-method .payment-method__item.sb-payment-method--no-active .payment-method__card-link {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }

.dark-mode #invoice-sales-report .table-items.table-responsive .table, .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .table, .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .table, .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .table,
.dark-mode #invoice-sales-report .table-items.dataTables_wrapper .table,
.dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .table,
.dark-mode .plugin-status-page #invoice-sales-report .table-items#status_div .table {
  border-color: #303030; }

.dark-mode #invoice-sales-report .chart-filter {
  border-color: #555555; }

.dark-mode #invoice-sales-report .chart-filter {
  border-color: #555555; }
  @media (max-width: 1024px) {
    .dark-mode #invoice-sales-report .chart-filter.chart-filter-big .line-type-filter {
      border-color: #555555; } }

.dark-mode #invoice-sales-report .table-items.table-responsive .table, .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .table, .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .table, .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .table {
  border-color: #303030; }

.dark-mode #invoice-sales-report .table-items.table-responsive .row .col, .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .row .col, .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .row .col, .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .row .col, .dark-mode #invoice-sales-report .table-items.table-responsive .zend_form .form-group .col, .zend_form .dark-mode #invoice-sales-report .table-items.table-responsive .form-group .col, .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .zend_form .form-group .col, .zend_form .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .form-group .col, .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .zend_form .form-group .col, .zend_form .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .form-group .col, .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .zend_form .form-group .col, .zend_form .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .form-group .col, .dark-mode #invoice-sales-report .table-items.table-responsive .zend_form .element-container .col, .zend_form .dark-mode #invoice-sales-report .table-items.table-responsive .element-container .col, .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .zend_form .element-container .col, .zend_form .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .element-container .col, .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .zend_form .element-container .col, .zend_form .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .element-container .col, .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .zend_form .element-container .col, .zend_form .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .element-container .col, .dark-mode #invoice-sales-report .table-items.table-responsive .form-container .form-horizontal .form-group .col, .form-container .form-horizontal .dark-mode #invoice-sales-report .table-items.table-responsive .form-group .col, .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .form-container .form-horizontal .form-group .col, .form-container .form-horizontal .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .form-group .col, .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .form-container .form-horizontal .form-group .col, .form-container .form-horizontal .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .form-group .col, .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .form-container .form-horizontal .form-group .col, .form-container .form-horizontal .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .form-group .col, .dark-mode #invoice-sales-report .table-items.table-responsive .form-container .form-horizontal .element-container .col, .form-container .form-horizontal .dark-mode #invoice-sales-report .table-items.table-responsive .element-container .col, .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .form-container .form-horizontal .element-container .col, .form-container .form-horizontal .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .element-container .col, .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .form-container .form-horizontal .element-container .col, .form-container .form-horizontal .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .element-container .col, .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .form-container .form-horizontal .element-container .col, .form-container .form-horizontal .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .element-container .col, .dark-mode #invoice-sales-report .table-items.table-responsive #booking_tabs .form-group .col, #booking_tabs .dark-mode #invoice-sales-report .table-items.table-responsive .form-group .col, .dark-mode #invoice-sales-report .table-items.dataTables_wrapper #booking_tabs .form-group .col, #booking_tabs .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .form-group .col, .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div #booking_tabs .form-group .col, #booking_tabs .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .form-group .col, .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div #booking_tabs .form-group .col, #booking_tabs .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .form-group .col, .dark-mode #invoice-sales-report .table-items.table-responsive #booking_tabs .element-container .col, #booking_tabs .dark-mode #invoice-sales-report .table-items.table-responsive .element-container .col, .dark-mode #invoice-sales-report .table-items.dataTables_wrapper #booking_tabs .element-container .col, #booking_tabs .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .element-container .col, .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div #booking_tabs .element-container .col, #booking_tabs .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .element-container .col, .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div #booking_tabs .element-container .col, #booking_tabs .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .element-container .col {
  border-left: 1px solid #303030;
  border-bottom: 1px solid #303030; }
  .dark-mode #invoice-sales-report .table-items.table-responsive .row .col:last-child, .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .row .col:last-child, .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .row .col:last-child, .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .row .col:last-child, .dark-mode #invoice-sales-report .table-items.table-responsive .zend_form .form-group .col:last-child, .zend_form .dark-mode #invoice-sales-report .table-items.table-responsive .form-group .col:last-child, .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .zend_form .form-group .col:last-child, .zend_form .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .form-group .col:last-child, .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .zend_form .form-group .col:last-child, .zend_form .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .form-group .col:last-child, .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .zend_form .form-group .col:last-child, .zend_form .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .form-group .col:last-child, .dark-mode #invoice-sales-report .table-items.table-responsive .zend_form .element-container .col:last-child, .zend_form .dark-mode #invoice-sales-report .table-items.table-responsive .element-container .col:last-child, .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .zend_form .element-container .col:last-child, .zend_form .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .element-container .col:last-child, .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .zend_form .element-container .col:last-child, .zend_form .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .element-container .col:last-child, .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .zend_form .element-container .col:last-child, .zend_form .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .element-container .col:last-child, .dark-mode #invoice-sales-report .table-items.table-responsive .form-container .form-horizontal .form-group .col:last-child, .form-container .form-horizontal .dark-mode #invoice-sales-report .table-items.table-responsive .form-group .col:last-child, .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .form-container .form-horizontal .form-group .col:last-child, .form-container .form-horizontal .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .form-group .col:last-child, .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .form-container .form-horizontal .form-group .col:last-child, .form-container .form-horizontal .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .form-group .col:last-child, .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .form-container .form-horizontal .form-group .col:last-child, .form-container .form-horizontal .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .form-group .col:last-child, .dark-mode #invoice-sales-report .table-items.table-responsive .form-container .form-horizontal .element-container .col:last-child, .form-container .form-horizontal .dark-mode #invoice-sales-report .table-items.table-responsive .element-container .col:last-child, .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .form-container .form-horizontal .element-container .col:last-child, .form-container .form-horizontal .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .element-container .col:last-child, .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .form-container .form-horizontal .element-container .col:last-child, .form-container .form-horizontal .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .element-container .col:last-child, .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .form-container .form-horizontal .element-container .col:last-child, .form-container .form-horizontal .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .element-container .col:last-child, .dark-mode #invoice-sales-report .table-items.table-responsive #booking_tabs .form-group .col:last-child, #booking_tabs .dark-mode #invoice-sales-report .table-items.table-responsive .form-group .col:last-child, .dark-mode #invoice-sales-report .table-items.dataTables_wrapper #booking_tabs .form-group .col:last-child, #booking_tabs .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .form-group .col:last-child, .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div #booking_tabs .form-group .col:last-child, #booking_tabs .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .form-group .col:last-child, .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div #booking_tabs .form-group .col:last-child, #booking_tabs .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .form-group .col:last-child, .dark-mode #invoice-sales-report .table-items.table-responsive #booking_tabs .element-container .col:last-child, #booking_tabs .dark-mode #invoice-sales-report .table-items.table-responsive .element-container .col:last-child, .dark-mode #invoice-sales-report .table-items.dataTables_wrapper #booking_tabs .element-container .col:last-child, #booking_tabs .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .element-container .col:last-child, .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div #booking_tabs .element-container .col:last-child, #booking_tabs .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .element-container .col:last-child, .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div #booking_tabs .element-container .col:last-child, #booking_tabs .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .element-container .col:last-child {
    border-right: 1px solid #303030; }

.dark-mode #invoice-sales-report .table-items.table-responsive .sb-items .row:nth-of-type(odd), .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .sb-items .row:nth-of-type(odd), .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .row:nth-of-type(odd), .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .sb-items .row:nth-of-type(odd), .dark-mode #invoice-sales-report .table-items.table-responsive .sb-items .zend_form .form-group:nth-of-type(odd), .zend_form .dark-mode #invoice-sales-report .table-items.table-responsive .sb-items .form-group:nth-of-type(odd), .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .sb-items .zend_form .form-group:nth-of-type(odd), .zend_form .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .sb-items .form-group:nth-of-type(odd), .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .zend_form .form-group:nth-of-type(odd), .zend_form .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .form-group:nth-of-type(odd), .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .sb-items .zend_form .form-group:nth-of-type(odd), .zend_form .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .sb-items .form-group:nth-of-type(odd), .dark-mode #invoice-sales-report .table-items.table-responsive .sb-items .zend_form .element-container:nth-of-type(odd), .zend_form .dark-mode #invoice-sales-report .table-items.table-responsive .sb-items .element-container:nth-of-type(odd), .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .sb-items .zend_form .element-container:nth-of-type(odd), .zend_form .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .sb-items .element-container:nth-of-type(odd), .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .zend_form .element-container:nth-of-type(odd), .zend_form .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .element-container:nth-of-type(odd), .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .sb-items .zend_form .element-container:nth-of-type(odd), .zend_form .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .sb-items .element-container:nth-of-type(odd), .dark-mode #invoice-sales-report .table-items.table-responsive .sb-items .form-container .form-horizontal .form-group:nth-of-type(odd), .form-container .form-horizontal .dark-mode #invoice-sales-report .table-items.table-responsive .sb-items .form-group:nth-of-type(odd), .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .sb-items .form-container .form-horizontal .form-group:nth-of-type(odd), .form-container .form-horizontal .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .sb-items .form-group:nth-of-type(odd), .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .form-container .form-horizontal .form-group:nth-of-type(odd), .form-container .form-horizontal .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .form-group:nth-of-type(odd), .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .sb-items .form-container .form-horizontal .form-group:nth-of-type(odd), .form-container .form-horizontal .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .sb-items .form-group:nth-of-type(odd), .dark-mode #invoice-sales-report .table-items.table-responsive .sb-items .form-container .form-horizontal .element-container:nth-of-type(odd), .form-container .form-horizontal .dark-mode #invoice-sales-report .table-items.table-responsive .sb-items .element-container:nth-of-type(odd), .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .sb-items .form-container .form-horizontal .element-container:nth-of-type(odd), .form-container .form-horizontal .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .sb-items .element-container:nth-of-type(odd), .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .form-container .form-horizontal .element-container:nth-of-type(odd), .form-container .form-horizontal .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .element-container:nth-of-type(odd), .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .sb-items .form-container .form-horizontal .element-container:nth-of-type(odd), .form-container .form-horizontal .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .sb-items .element-container:nth-of-type(odd), .dark-mode #invoice-sales-report .table-items.table-responsive .sb-items #booking_tabs .form-group:nth-of-type(odd), #booking_tabs .dark-mode #invoice-sales-report .table-items.table-responsive .sb-items .form-group:nth-of-type(odd), .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .sb-items #booking_tabs .form-group:nth-of-type(odd), #booking_tabs .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .sb-items .form-group:nth-of-type(odd), .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items #booking_tabs .form-group:nth-of-type(odd), #booking_tabs .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .form-group:nth-of-type(odd), .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .sb-items #booking_tabs .form-group:nth-of-type(odd), #booking_tabs .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .sb-items .form-group:nth-of-type(odd), .dark-mode #invoice-sales-report .table-items.table-responsive .sb-items #booking_tabs .element-container:nth-of-type(odd), #booking_tabs .dark-mode #invoice-sales-report .table-items.table-responsive .sb-items .element-container:nth-of-type(odd), .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .sb-items #booking_tabs .element-container:nth-of-type(odd), #booking_tabs .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .sb-items .element-container:nth-of-type(odd), .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items #booking_tabs .element-container:nth-of-type(odd), #booking_tabs .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .element-container:nth-of-type(odd), .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .sb-items #booking_tabs .element-container:nth-of-type(odd), #booking_tabs .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .sb-items .element-container:nth-of-type(odd) {
  background-color: #1a1a1a; }

.dark-mode #invoice-sales-report .table-items.table-responsive .sb-items .row:hover, .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .sb-items .row:hover, .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .row:hover, .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .sb-items .row:hover, .dark-mode #invoice-sales-report .table-items.table-responsive .sb-items .zend_form .form-group:hover, .zend_form .dark-mode #invoice-sales-report .table-items.table-responsive .sb-items .form-group:hover, .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .sb-items .zend_form .form-group:hover, .zend_form .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .sb-items .form-group:hover, .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .zend_form .form-group:hover, .zend_form .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .form-group:hover, .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .sb-items .zend_form .form-group:hover, .zend_form .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .sb-items .form-group:hover, .dark-mode #invoice-sales-report .table-items.table-responsive .sb-items .zend_form .element-container:hover, .zend_form .dark-mode #invoice-sales-report .table-items.table-responsive .sb-items .element-container:hover, .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .sb-items .zend_form .element-container:hover, .zend_form .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .sb-items .element-container:hover, .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .zend_form .element-container:hover, .zend_form .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .element-container:hover, .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .sb-items .zend_form .element-container:hover, .zend_form .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .sb-items .element-container:hover, .dark-mode #invoice-sales-report .table-items.table-responsive .sb-items .form-container .form-horizontal .form-group:hover, .form-container .form-horizontal .dark-mode #invoice-sales-report .table-items.table-responsive .sb-items .form-group:hover, .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .sb-items .form-container .form-horizontal .form-group:hover, .form-container .form-horizontal .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .sb-items .form-group:hover, .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .form-container .form-horizontal .form-group:hover, .form-container .form-horizontal .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .form-group:hover, .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .sb-items .form-container .form-horizontal .form-group:hover, .form-container .form-horizontal .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .sb-items .form-group:hover, .dark-mode #invoice-sales-report .table-items.table-responsive .sb-items .form-container .form-horizontal .element-container:hover, .form-container .form-horizontal .dark-mode #invoice-sales-report .table-items.table-responsive .sb-items .element-container:hover, .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .sb-items .form-container .form-horizontal .element-container:hover, .form-container .form-horizontal .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .sb-items .element-container:hover, .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .form-container .form-horizontal .element-container:hover, .form-container .form-horizontal .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .element-container:hover, .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .sb-items .form-container .form-horizontal .element-container:hover, .form-container .form-horizontal .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .sb-items .element-container:hover, .dark-mode #invoice-sales-report .table-items.table-responsive .sb-items #booking_tabs .form-group:hover, #booking_tabs .dark-mode #invoice-sales-report .table-items.table-responsive .sb-items .form-group:hover, .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .sb-items #booking_tabs .form-group:hover, #booking_tabs .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .sb-items .form-group:hover, .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items #booking_tabs .form-group:hover, #booking_tabs .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .form-group:hover, .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .sb-items #booking_tabs .form-group:hover, #booking_tabs .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .sb-items .form-group:hover, .dark-mode #invoice-sales-report .table-items.table-responsive .sb-items #booking_tabs .element-container:hover, #booking_tabs .dark-mode #invoice-sales-report .table-items.table-responsive .sb-items .element-container:hover, .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .sb-items #booking_tabs .element-container:hover, #booking_tabs .dark-mode #invoice-sales-report .table-items.dataTables_wrapper .sb-items .element-container:hover, .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items #booking_tabs .element-container:hover, #booking_tabs .dark-mode #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .element-container:hover, .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .sb-items #booking_tabs .element-container:hover, #booking_tabs .plugin-status-page .dark-mode #invoice-sales-report .table-items#status_div .sb-items .element-container:hover {
  background-color: #404040; }

#invoice-sales-report .mobile-select {
  display: none; }
  @media (max-width: 767px) {
    #invoice-sales-report .mobile-select {
      display: block;
      width: 100%; } }

#invoice-sales-report .container-sales-report {
  padding: 0; }
  #invoice-sales-report .container-sales-report .block-customize > .card, #invoice-sales-report .container-sales-report .block-customize > .panel {
    height: 100%; }

#invoice-sales-report .main-title {
  padding: 0;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px; }
  #invoice-sales-report .main-title:empty {
    display: none; }

#invoice-sales-report canvas.chart {
  display: none;
  height: 300px;
  min-height: 300px; }
  #invoice-sales-report canvas.chart.chartjs-render-monitor {
    display: block; }

#invoice-sales-report .chart-wrap {
  height: 140px;
  min-height: 140px;
  max-height: 140px; }
  #invoice-sales-report .chart-wrap canvas.chart {
    height: 140px;
    min-height: 140px;
    max-height: 140px; }

#invoice-sales-report .legend-container {
  overflow: visible; }
  @media (max-width: 767px) {
    #invoice-sales-report .legend-container {
      padding-top: 40px; } }
  #invoice-sales-report .legend-container ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px; }
    #invoice-sales-report .legend-container ul li {
      display: inline-flex;
      align-items: center;
      width: 50%;
      padding: 0 5px;
      line-height: 1;
      min-height: 24px;
      overflow-wrap: unset;
      word-break: break-all;
      white-space: nowrap;
      cursor: pointer; }
      #invoice-sales-report .legend-container ul li .badge, #invoice-sales-report .legend-container ul li .label {
        order: 4;
        padding-left: 4px; }
      #invoice-sales-report .legend-container ul li span {
        line-height: 1;
        display: inline-block;
        width: 12px;
        min-width: 12px;
        height: 12px;
        margin-right: 4px;
        border-radius: 50%; }

#invoice-sales-report .no-chart, #invoice-sales-report .vovason-block {
  display: block;
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100px;
  padding-top: 145px;
  text-align: center;
  font-size: 16px;
  background-repeat: no-repeat;
  background-position: 50% 5px;
  background-image: url(/v2/images/admin/bird-jay-side.svg);
  background-size: 127px;
  min-width: 100px;
  margin-bottom: 24px; }

#invoice-sales-report .line-type-filter .btn-group:first-child .btn-default, #invoice-sales-report .period-filter .btn-group:first-child .btn-default, #invoice-sales-report .qty-amount-switcher .btn-group:first-child .btn-default, #invoice-sales-report .provider-user-switcher .btn-group:first-child .btn-default {
  background-color: #ffffff;
  border-color: #06ADEF;
  color: #06ADEF; }
  #invoice-sales-report .line-type-filter .btn-group:first-child .btn-default.active, #invoice-sales-report .period-filter .btn-group:first-child .btn-default.active, #invoice-sales-report .qty-amount-switcher .btn-group:first-child .btn-default.active, #invoice-sales-report .provider-user-switcher .btn-group:first-child .btn-default.active {
    background-color: #06ADEF;
    border-color: #06ADEF;
    color: #fff; }

#invoice-sales-report .line-type-filter .btn-group:first-child .btn input, #invoice-sales-report .period-filter .btn-group:first-child .btn input, #invoice-sales-report .qty-amount-switcher .btn-group:first-child .btn input, #invoice-sales-report .provider-user-switcher .btn-group:first-child .btn input {
  display: none; }

#invoice-sales-report .arrow {
  display: inline-flex;
  align-items: center;
  color: #06ADEF;
  font-size: 14px;
  cursor: pointer;
  position: relative;
  vertical-align: top;
  white-space: nowrap;
  line-height: 1;
  min-height: 36px; }
  #invoice-sales-report .arrow:hover {
    text-decoration: underline; }
  #invoice-sales-report .arrow.prev-period {
    margin-left: 15px; }
    #invoice-sales-report .arrow.prev-period:before {
      display: inline-block;
      content: "";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 300;
      font-style: normal;
      text-decoration: inherit;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 20px;
      text-decoration: none;
      left: -15px; }
  #invoice-sales-report .arrow.next-period {
    margin-right: 15px; }
    #invoice-sales-report .arrow.next-period:after {
      display: inline-block;
      content: "";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 300;
      font-style: normal;
      text-decoration: inherit;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 20px;
      text-decoration: none;
      right: -15px; }
  #invoice-sales-report .arrow.prev-period:before, #invoice-sales-report .arrow.prev-period:after, #invoice-sales-report .arrow.next-period:before, #invoice-sales-report .arrow.next-period:after {
    display: inline-flex;
    align-items: center;
    font-size: 20px;
    color: #06ADEF;
    margin: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 10px;
    line-height: 1; }

#invoice-sales-report .chart-filter {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 2px solid #f5f5f5; }
  #invoice-sales-report .chart-filter .period-filter {
    width: calc(100% - 60px);
    margin-right: 10px; }
    @media (max-width: 640px) {
      #invoice-sales-report .chart-filter .period-filter {
        order: 1; } }
    #invoice-sales-report .chart-filter .period-filter .period-filter-row {
      width: 100%;
      display: flex;
      flex-wrap: wrap; }
      @media (max-width: 2120px) {
        #invoice-sales-report .chart-filter .period-filter .period-filter-row {
          justify-content: space-between; } }
      @media (max-width: 2120px) {
        #invoice-sales-report .chart-filter .period-filter .period-filter-row .item.item-btn-group {
          order: 1;
          width: 100%; }
          #invoice-sales-report .chart-filter .period-filter .period-filter-row .item.item-btn-group .btn-group {
            width: 100%; }
            #invoice-sales-report .chart-filter .period-filter .period-filter-row .item.item-btn-group .btn-group .btn {
              width: 100%; }
        #invoice-sales-report .chart-filter .period-filter .period-filter-row .item.item-period-from {
          order: 2;
          text-align: left;
          padding-top: 5px; }
        #invoice-sales-report .chart-filter .period-filter .period-filter-row .item.item-period-to {
          order: 3;
          text-align: right;
          padding-top: 5px; } }
  #invoice-sales-report .chart-filter .item-btn-group {
    margin: 0 15px; }
    @media (max-width: 2120px) {
      #invoice-sales-report .chart-filter .item-btn-group {
        margin-left: 0;
        margin-right: 0; } }
  #invoice-sales-report .chart-filter .format-switcher {
    width: 50px;
    min-width: 50px; }
    #invoice-sales-report .chart-filter .format-switcher * {
      width: 100%; }
      #invoice-sales-report .chart-filter .format-switcher *.btn--no-text {
        width: 36px; }
    @media (max-width: 640px) {
      #invoice-sales-report .chart-filter .format-switcher {
        order: 1;
        text-align: right;
        margin-bottom: 15px; } }
  #invoice-sales-report .chart-filter.chart-filter-big {
    justify-content: space-between; }
    #invoice-sales-report .chart-filter.chart-filter-big > div {
      margin-right: 10px; }
      #invoice-sales-report .chart-filter.chart-filter-big > div:last-child {
        margin-right: 0; }
      #invoice-sales-report .chart-filter.chart-filter-big > div .btn-group {
        width: 100%; }
        #invoice-sales-report .chart-filter.chart-filter-big > div .btn-group .btn {
          width: 100%; }
          #invoice-sales-report .chart-filter.chart-filter-big > div .btn-group .btn.btn--no-text {
            width: 36px; }
    @media (max-width: 2120px) {
      #invoice-sales-report .chart-filter.chart-filter-big .line-type-filter {
        order: 1;
        width: calc(100% - 280px); } }
    @media (max-width: 1024px) {
      #invoice-sales-report .chart-filter.chart-filter-big .line-type-filter {
        order: 3;
        width: 100%;
        margin-right: 0;
        padding-top: 15px;
        margin-top: 10px;
        border-top: 2px solid #f5f5f5; } }
    @media (max-width: 2120px) {
      #invoice-sales-report .chart-filter.chart-filter-big .qty-amount-switcher {
        order: 2;
        margin-right: 0; } }
    @media (max-width: 1024px) {
      #invoice-sales-report .chart-filter.chart-filter-big .qty-amount-switcher {
        order: 1; } }
    @media (max-width: 767px) {
      #invoice-sales-report .chart-filter.chart-filter-big .qty-amount-switcher {
        width: calc(100% - 65px); } }
    #invoice-sales-report .chart-filter.chart-filter-big .period-filter {
      width: auto; }
      @media (max-width: 2120px) {
        #invoice-sales-report .chart-filter.chart-filter-big .period-filter {
          order: 3;
          width: 100%;
          margin-right: 0; } }
      @media (max-width: 1024px) {
        #invoice-sales-report .chart-filter.chart-filter-big .period-filter {
          order: 4;
          width: 100%;
          margin-right: 0; } }
    @media (max-width: 2120px) {
      #invoice-sales-report .chart-filter.chart-filter-big .format-switcher {
        order: 2;
        margin-right: 0; } }
    @media (max-width: 1024px) {
      #invoice-sales-report .chart-filter.chart-filter-big .format-switcher {
        order: 2; } }
  @media (max-width: 2120px) {
    #invoice-sales-report .chart-filter.has-user-switcher .provider-user-switcher {
      order: 2;
      margin-left: 10px;
      margin-right: auto; } }
  @media (max-width: 767px) {
    #invoice-sales-report .chart-filter.has-user-switcher .provider-user-switcher {
      width: calc(50% - 35px); } }
  @media (max-width: 767px) {
    #invoice-sales-report .chart-filter.has-user-switcher .qty-amount-switcher {
      width: calc(50% - 35px); } }

#invoice-sales-report .table-items.table-responsive, #invoice-sales-report .table-items.dataTables_wrapper, #invoice-sales-report .plugin-status-page .table-items#status_div, .plugin-status-page #invoice-sales-report .table-items#status_div {
  min-height: 50px; }
  #invoice-sales-report .table-items.table-responsive .table, #invoice-sales-report .table-items.dataTables_wrapper .table, #invoice-sales-report .plugin-status-page .table-items#status_div .table, .plugin-status-page #invoice-sales-report .table-items#status_div .table {
    border-top: 1px solid #ececec; }
  #invoice-sales-report .table-items.table-responsive .row, #invoice-sales-report .table-items.dataTables_wrapper .row, #invoice-sales-report .plugin-status-page .table-items#status_div .row, .plugin-status-page #invoice-sales-report .table-items#status_div .row, #invoice-sales-report .table-items.table-responsive .zend_form .form-group, .zend_form #invoice-sales-report .table-items.table-responsive .form-group, #invoice-sales-report .table-items.dataTables_wrapper .zend_form .form-group, .zend_form #invoice-sales-report .table-items.dataTables_wrapper .form-group, #invoice-sales-report .plugin-status-page .table-items#status_div .zend_form .form-group, .zend_form #invoice-sales-report .plugin-status-page .table-items#status_div .form-group, .plugin-status-page #invoice-sales-report .table-items#status_div .zend_form .form-group, .zend_form .plugin-status-page #invoice-sales-report .table-items#status_div .form-group, #invoice-sales-report .table-items.table-responsive .zend_form .element-container, .zend_form #invoice-sales-report .table-items.table-responsive .element-container, #invoice-sales-report .table-items.dataTables_wrapper .zend_form .element-container, .zend_form #invoice-sales-report .table-items.dataTables_wrapper .element-container, #invoice-sales-report .plugin-status-page .table-items#status_div .zend_form .element-container, .zend_form #invoice-sales-report .plugin-status-page .table-items#status_div .element-container, .plugin-status-page #invoice-sales-report .table-items#status_div .zend_form .element-container, .zend_form .plugin-status-page #invoice-sales-report .table-items#status_div .element-container, #invoice-sales-report .table-items.table-responsive .form-container .form-horizontal .form-group, .form-container .form-horizontal #invoice-sales-report .table-items.table-responsive .form-group, #invoice-sales-report .table-items.dataTables_wrapper .form-container .form-horizontal .form-group, .form-container .form-horizontal #invoice-sales-report .table-items.dataTables_wrapper .form-group, #invoice-sales-report .plugin-status-page .table-items#status_div .form-container .form-horizontal .form-group, .form-container .form-horizontal #invoice-sales-report .plugin-status-page .table-items#status_div .form-group, .plugin-status-page #invoice-sales-report .table-items#status_div .form-container .form-horizontal .form-group, .form-container .form-horizontal .plugin-status-page #invoice-sales-report .table-items#status_div .form-group, #invoice-sales-report .table-items.table-responsive .form-container .form-horizontal .element-container, .form-container .form-horizontal #invoice-sales-report .table-items.table-responsive .element-container, #invoice-sales-report .table-items.dataTables_wrapper .form-container .form-horizontal .element-container, .form-container .form-horizontal #invoice-sales-report .table-items.dataTables_wrapper .element-container, #invoice-sales-report .plugin-status-page .table-items#status_div .form-container .form-horizontal .element-container, .form-container .form-horizontal #invoice-sales-report .plugin-status-page .table-items#status_div .element-container, .plugin-status-page #invoice-sales-report .table-items#status_div .form-container .form-horizontal .element-container, .form-container .form-horizontal .plugin-status-page #invoice-sales-report .table-items#status_div .element-container, #invoice-sales-report .table-items.table-responsive #booking_tabs .form-group, #booking_tabs #invoice-sales-report .table-items.table-responsive .form-group, #invoice-sales-report .table-items.dataTables_wrapper #booking_tabs .form-group, #booking_tabs #invoice-sales-report .table-items.dataTables_wrapper .form-group, #invoice-sales-report .plugin-status-page .table-items#status_div #booking_tabs .form-group, #booking_tabs #invoice-sales-report .plugin-status-page .table-items#status_div .form-group, .plugin-status-page #invoice-sales-report .table-items#status_div #booking_tabs .form-group, #booking_tabs .plugin-status-page #invoice-sales-report .table-items#status_div .form-group, #invoice-sales-report .table-items.table-responsive #booking_tabs .element-container, #booking_tabs #invoice-sales-report .table-items.table-responsive .element-container, #invoice-sales-report .table-items.dataTables_wrapper #booking_tabs .element-container, #booking_tabs #invoice-sales-report .table-items.dataTables_wrapper .element-container, #invoice-sales-report .plugin-status-page .table-items#status_div #booking_tabs .element-container, #booking_tabs #invoice-sales-report .plugin-status-page .table-items#status_div .element-container, .plugin-status-page #invoice-sales-report .table-items#status_div #booking_tabs .element-container, #booking_tabs .plugin-status-page #invoice-sales-report .table-items#status_div .element-container {
    flex-wrap: nowrap; }
    #invoice-sales-report .table-items.table-responsive .row .col, #invoice-sales-report .table-items.dataTables_wrapper .row .col, #invoice-sales-report .plugin-status-page .table-items#status_div .row .col, .plugin-status-page #invoice-sales-report .table-items#status_div .row .col, #invoice-sales-report .table-items.table-responsive .zend_form .form-group .col, .zend_form #invoice-sales-report .table-items.table-responsive .form-group .col, #invoice-sales-report .table-items.dataTables_wrapper .zend_form .form-group .col, .zend_form #invoice-sales-report .table-items.dataTables_wrapper .form-group .col, #invoice-sales-report .plugin-status-page .table-items#status_div .zend_form .form-group .col, .zend_form #invoice-sales-report .plugin-status-page .table-items#status_div .form-group .col, .plugin-status-page #invoice-sales-report .table-items#status_div .zend_form .form-group .col, .zend_form .plugin-status-page #invoice-sales-report .table-items#status_div .form-group .col, #invoice-sales-report .table-items.table-responsive .zend_form .element-container .col, .zend_form #invoice-sales-report .table-items.table-responsive .element-container .col, #invoice-sales-report .table-items.dataTables_wrapper .zend_form .element-container .col, .zend_form #invoice-sales-report .table-items.dataTables_wrapper .element-container .col, #invoice-sales-report .plugin-status-page .table-items#status_div .zend_form .element-container .col, .zend_form #invoice-sales-report .plugin-status-page .table-items#status_div .element-container .col, .plugin-status-page #invoice-sales-report .table-items#status_div .zend_form .element-container .col, .zend_form .plugin-status-page #invoice-sales-report .table-items#status_div .element-container .col, #invoice-sales-report .table-items.table-responsive .form-container .form-horizontal .form-group .col, .form-container .form-horizontal #invoice-sales-report .table-items.table-responsive .form-group .col, #invoice-sales-report .table-items.dataTables_wrapper .form-container .form-horizontal .form-group .col, .form-container .form-horizontal #invoice-sales-report .table-items.dataTables_wrapper .form-group .col, #invoice-sales-report .plugin-status-page .table-items#status_div .form-container .form-horizontal .form-group .col, .form-container .form-horizontal #invoice-sales-report .plugin-status-page .table-items#status_div .form-group .col, .plugin-status-page #invoice-sales-report .table-items#status_div .form-container .form-horizontal .form-group .col, .form-container .form-horizontal .plugin-status-page #invoice-sales-report .table-items#status_div .form-group .col, #invoice-sales-report .table-items.table-responsive .form-container .form-horizontal .element-container .col, .form-container .form-horizontal #invoice-sales-report .table-items.table-responsive .element-container .col, #invoice-sales-report .table-items.dataTables_wrapper .form-container .form-horizontal .element-container .col, .form-container .form-horizontal #invoice-sales-report .table-items.dataTables_wrapper .element-container .col, #invoice-sales-report .plugin-status-page .table-items#status_div .form-container .form-horizontal .element-container .col, .form-container .form-horizontal #invoice-sales-report .plugin-status-page .table-items#status_div .element-container .col, .plugin-status-page #invoice-sales-report .table-items#status_div .form-container .form-horizontal .element-container .col, .form-container .form-horizontal .plugin-status-page #invoice-sales-report .table-items#status_div .element-container .col, #invoice-sales-report .table-items.table-responsive #booking_tabs .form-group .col, #booking_tabs #invoice-sales-report .table-items.table-responsive .form-group .col, #invoice-sales-report .table-items.dataTables_wrapper #booking_tabs .form-group .col, #booking_tabs #invoice-sales-report .table-items.dataTables_wrapper .form-group .col, #invoice-sales-report .plugin-status-page .table-items#status_div #booking_tabs .form-group .col, #booking_tabs #invoice-sales-report .plugin-status-page .table-items#status_div .form-group .col, .plugin-status-page #invoice-sales-report .table-items#status_div #booking_tabs .form-group .col, #booking_tabs .plugin-status-page #invoice-sales-report .table-items#status_div .form-group .col, #invoice-sales-report .table-items.table-responsive #booking_tabs .element-container .col, #booking_tabs #invoice-sales-report .table-items.table-responsive .element-container .col, #invoice-sales-report .table-items.dataTables_wrapper #booking_tabs .element-container .col, #booking_tabs #invoice-sales-report .table-items.dataTables_wrapper .element-container .col, #invoice-sales-report .plugin-status-page .table-items#status_div #booking_tabs .element-container .col, #booking_tabs #invoice-sales-report .plugin-status-page .table-items#status_div .element-container .col, .plugin-status-page #invoice-sales-report .table-items#status_div #booking_tabs .element-container .col, #booking_tabs .plugin-status-page #invoice-sales-report .table-items#status_div .element-container .col {
      padding-top: 6px;
      padding-bottom: 6px;
      min-width: 150px;
      border-left: 1px solid #ececec;
      border-bottom: 1px solid #ececec; }
      #invoice-sales-report .table-items.table-responsive .row .col:last-child, #invoice-sales-report .table-items.dataTables_wrapper .row .col:last-child, #invoice-sales-report .plugin-status-page .table-items#status_div .row .col:last-child, .plugin-status-page #invoice-sales-report .table-items#status_div .row .col:last-child, #invoice-sales-report .table-items.table-responsive .zend_form .form-group .col:last-child, .zend_form #invoice-sales-report .table-items.table-responsive .form-group .col:last-child, #invoice-sales-report .table-items.dataTables_wrapper .zend_form .form-group .col:last-child, .zend_form #invoice-sales-report .table-items.dataTables_wrapper .form-group .col:last-child, #invoice-sales-report .plugin-status-page .table-items#status_div .zend_form .form-group .col:last-child, .zend_form #invoice-sales-report .plugin-status-page .table-items#status_div .form-group .col:last-child, .plugin-status-page #invoice-sales-report .table-items#status_div .zend_form .form-group .col:last-child, .zend_form .plugin-status-page #invoice-sales-report .table-items#status_div .form-group .col:last-child, #invoice-sales-report .table-items.table-responsive .zend_form .element-container .col:last-child, .zend_form #invoice-sales-report .table-items.table-responsive .element-container .col:last-child, #invoice-sales-report .table-items.dataTables_wrapper .zend_form .element-container .col:last-child, .zend_form #invoice-sales-report .table-items.dataTables_wrapper .element-container .col:last-child, #invoice-sales-report .plugin-status-page .table-items#status_div .zend_form .element-container .col:last-child, .zend_form #invoice-sales-report .plugin-status-page .table-items#status_div .element-container .col:last-child, .plugin-status-page #invoice-sales-report .table-items#status_div .zend_form .element-container .col:last-child, .zend_form .plugin-status-page #invoice-sales-report .table-items#status_div .element-container .col:last-child, #invoice-sales-report .table-items.table-responsive .form-container .form-horizontal .form-group .col:last-child, .form-container .form-horizontal #invoice-sales-report .table-items.table-responsive .form-group .col:last-child, #invoice-sales-report .table-items.dataTables_wrapper .form-container .form-horizontal .form-group .col:last-child, .form-container .form-horizontal #invoice-sales-report .table-items.dataTables_wrapper .form-group .col:last-child, #invoice-sales-report .plugin-status-page .table-items#status_div .form-container .form-horizontal .form-group .col:last-child, .form-container .form-horizontal #invoice-sales-report .plugin-status-page .table-items#status_div .form-group .col:last-child, .plugin-status-page #invoice-sales-report .table-items#status_div .form-container .form-horizontal .form-group .col:last-child, .form-container .form-horizontal .plugin-status-page #invoice-sales-report .table-items#status_div .form-group .col:last-child, #invoice-sales-report .table-items.table-responsive .form-container .form-horizontal .element-container .col:last-child, .form-container .form-horizontal #invoice-sales-report .table-items.table-responsive .element-container .col:last-child, #invoice-sales-report .table-items.dataTables_wrapper .form-container .form-horizontal .element-container .col:last-child, .form-container .form-horizontal #invoice-sales-report .table-items.dataTables_wrapper .element-container .col:last-child, #invoice-sales-report .plugin-status-page .table-items#status_div .form-container .form-horizontal .element-container .col:last-child, .form-container .form-horizontal #invoice-sales-report .plugin-status-page .table-items#status_div .element-container .col:last-child, .plugin-status-page #invoice-sales-report .table-items#status_div .form-container .form-horizontal .element-container .col:last-child, .form-container .form-horizontal .plugin-status-page #invoice-sales-report .table-items#status_div .element-container .col:last-child, #invoice-sales-report .table-items.table-responsive #booking_tabs .form-group .col:last-child, #booking_tabs #invoice-sales-report .table-items.table-responsive .form-group .col:last-child, #invoice-sales-report .table-items.dataTables_wrapper #booking_tabs .form-group .col:last-child, #booking_tabs #invoice-sales-report .table-items.dataTables_wrapper .form-group .col:last-child, #invoice-sales-report .plugin-status-page .table-items#status_div #booking_tabs .form-group .col:last-child, #booking_tabs #invoice-sales-report .plugin-status-page .table-items#status_div .form-group .col:last-child, .plugin-status-page #invoice-sales-report .table-items#status_div #booking_tabs .form-group .col:last-child, #booking_tabs .plugin-status-page #invoice-sales-report .table-items#status_div .form-group .col:last-child, #invoice-sales-report .table-items.table-responsive #booking_tabs .element-container .col:last-child, #booking_tabs #invoice-sales-report .table-items.table-responsive .element-container .col:last-child, #invoice-sales-report .table-items.dataTables_wrapper #booking_tabs .element-container .col:last-child, #booking_tabs #invoice-sales-report .table-items.dataTables_wrapper .element-container .col:last-child, #invoice-sales-report .plugin-status-page .table-items#status_div #booking_tabs .element-container .col:last-child, #booking_tabs #invoice-sales-report .plugin-status-page .table-items#status_div .element-container .col:last-child, .plugin-status-page #invoice-sales-report .table-items#status_div #booking_tabs .element-container .col:last-child, #booking_tabs .plugin-status-page #invoice-sales-report .table-items#status_div .element-container .col:last-child {
        border-right: 1px solid #ececec; }
  #invoice-sales-report .table-items.table-responsive .sb-items .row:nth-of-type(odd), #invoice-sales-report .table-items.dataTables_wrapper .sb-items .row:nth-of-type(odd), #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .row:nth-of-type(odd), .plugin-status-page #invoice-sales-report .table-items#status_div .sb-items .row:nth-of-type(odd), #invoice-sales-report .table-items.table-responsive .sb-items .zend_form .form-group:nth-of-type(odd), .zend_form #invoice-sales-report .table-items.table-responsive .sb-items .form-group:nth-of-type(odd), #invoice-sales-report .table-items.dataTables_wrapper .sb-items .zend_form .form-group:nth-of-type(odd), .zend_form #invoice-sales-report .table-items.dataTables_wrapper .sb-items .form-group:nth-of-type(odd), #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .zend_form .form-group:nth-of-type(odd), .zend_form #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .form-group:nth-of-type(odd), .plugin-status-page #invoice-sales-report .table-items#status_div .sb-items .zend_form .form-group:nth-of-type(odd), .zend_form .plugin-status-page #invoice-sales-report .table-items#status_div .sb-items .form-group:nth-of-type(odd), #invoice-sales-report .table-items.table-responsive .sb-items .zend_form .element-container:nth-of-type(odd), .zend_form #invoice-sales-report .table-items.table-responsive .sb-items .element-container:nth-of-type(odd), #invoice-sales-report .table-items.dataTables_wrapper .sb-items .zend_form .element-container:nth-of-type(odd), .zend_form #invoice-sales-report .table-items.dataTables_wrapper .sb-items .element-container:nth-of-type(odd), #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .zend_form .element-container:nth-of-type(odd), .zend_form #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .element-container:nth-of-type(odd), .plugin-status-page #invoice-sales-report .table-items#status_div .sb-items .zend_form .element-container:nth-of-type(odd), .zend_form .plugin-status-page #invoice-sales-report .table-items#status_div .sb-items .element-container:nth-of-type(odd), #invoice-sales-report .table-items.table-responsive .sb-items .form-container .form-horizontal .form-group:nth-of-type(odd), .form-container .form-horizontal #invoice-sales-report .table-items.table-responsive .sb-items .form-group:nth-of-type(odd), #invoice-sales-report .table-items.dataTables_wrapper .sb-items .form-container .form-horizontal .form-group:nth-of-type(odd), .form-container .form-horizontal #invoice-sales-report .table-items.dataTables_wrapper .sb-items .form-group:nth-of-type(odd), #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .form-container .form-horizontal .form-group:nth-of-type(odd), .form-container .form-horizontal #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .form-group:nth-of-type(odd), .plugin-status-page #invoice-sales-report .table-items#status_div .sb-items .form-container .form-horizontal .form-group:nth-of-type(odd), .form-container .form-horizontal .plugin-status-page #invoice-sales-report .table-items#status_div .sb-items .form-group:nth-of-type(odd), #invoice-sales-report .table-items.table-responsive .sb-items .form-container .form-horizontal .element-container:nth-of-type(odd), .form-container .form-horizontal #invoice-sales-report .table-items.table-responsive .sb-items .element-container:nth-of-type(odd), #invoice-sales-report .table-items.dataTables_wrapper .sb-items .form-container .form-horizontal .element-container:nth-of-type(odd), .form-container .form-horizontal #invoice-sales-report .table-items.dataTables_wrapper .sb-items .element-container:nth-of-type(odd), #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .form-container .form-horizontal .element-container:nth-of-type(odd), .form-container .form-horizontal #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .element-container:nth-of-type(odd), .plugin-status-page #invoice-sales-report .table-items#status_div .sb-items .form-container .form-horizontal .element-container:nth-of-type(odd), .form-container .form-horizontal .plugin-status-page #invoice-sales-report .table-items#status_div .sb-items .element-container:nth-of-type(odd), #invoice-sales-report .table-items.table-responsive .sb-items #booking_tabs .form-group:nth-of-type(odd), #booking_tabs #invoice-sales-report .table-items.table-responsive .sb-items .form-group:nth-of-type(odd), #invoice-sales-report .table-items.dataTables_wrapper .sb-items #booking_tabs .form-group:nth-of-type(odd), #booking_tabs #invoice-sales-report .table-items.dataTables_wrapper .sb-items .form-group:nth-of-type(odd), #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items #booking_tabs .form-group:nth-of-type(odd), #booking_tabs #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .form-group:nth-of-type(odd), .plugin-status-page #invoice-sales-report .table-items#status_div .sb-items #booking_tabs .form-group:nth-of-type(odd), #booking_tabs .plugin-status-page #invoice-sales-report .table-items#status_div .sb-items .form-group:nth-of-type(odd), #invoice-sales-report .table-items.table-responsive .sb-items #booking_tabs .element-container:nth-of-type(odd), #booking_tabs #invoice-sales-report .table-items.table-responsive .sb-items .element-container:nth-of-type(odd), #invoice-sales-report .table-items.dataTables_wrapper .sb-items #booking_tabs .element-container:nth-of-type(odd), #booking_tabs #invoice-sales-report .table-items.dataTables_wrapper .sb-items .element-container:nth-of-type(odd), #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items #booking_tabs .element-container:nth-of-type(odd), #booking_tabs #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .element-container:nth-of-type(odd), .plugin-status-page #invoice-sales-report .table-items#status_div .sb-items #booking_tabs .element-container:nth-of-type(odd), #booking_tabs .plugin-status-page #invoice-sales-report .table-items#status_div .sb-items .element-container:nth-of-type(odd) {
    background-color: #fcfcfc; }
  #invoice-sales-report .table-items.table-responsive .sb-items .row:hover, #invoice-sales-report .table-items.dataTables_wrapper .sb-items .row:hover, #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .row:hover, .plugin-status-page #invoice-sales-report .table-items#status_div .sb-items .row:hover, #invoice-sales-report .table-items.table-responsive .sb-items .zend_form .form-group:hover, .zend_form #invoice-sales-report .table-items.table-responsive .sb-items .form-group:hover, #invoice-sales-report .table-items.dataTables_wrapper .sb-items .zend_form .form-group:hover, .zend_form #invoice-sales-report .table-items.dataTables_wrapper .sb-items .form-group:hover, #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .zend_form .form-group:hover, .zend_form #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .form-group:hover, .plugin-status-page #invoice-sales-report .table-items#status_div .sb-items .zend_form .form-group:hover, .zend_form .plugin-status-page #invoice-sales-report .table-items#status_div .sb-items .form-group:hover, #invoice-sales-report .table-items.table-responsive .sb-items .zend_form .element-container:hover, .zend_form #invoice-sales-report .table-items.table-responsive .sb-items .element-container:hover, #invoice-sales-report .table-items.dataTables_wrapper .sb-items .zend_form .element-container:hover, .zend_form #invoice-sales-report .table-items.dataTables_wrapper .sb-items .element-container:hover, #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .zend_form .element-container:hover, .zend_form #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .element-container:hover, .plugin-status-page #invoice-sales-report .table-items#status_div .sb-items .zend_form .element-container:hover, .zend_form .plugin-status-page #invoice-sales-report .table-items#status_div .sb-items .element-container:hover, #invoice-sales-report .table-items.table-responsive .sb-items .form-container .form-horizontal .form-group:hover, .form-container .form-horizontal #invoice-sales-report .table-items.table-responsive .sb-items .form-group:hover, #invoice-sales-report .table-items.dataTables_wrapper .sb-items .form-container .form-horizontal .form-group:hover, .form-container .form-horizontal #invoice-sales-report .table-items.dataTables_wrapper .sb-items .form-group:hover, #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .form-container .form-horizontal .form-group:hover, .form-container .form-horizontal #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .form-group:hover, .plugin-status-page #invoice-sales-report .table-items#status_div .sb-items .form-container .form-horizontal .form-group:hover, .form-container .form-horizontal .plugin-status-page #invoice-sales-report .table-items#status_div .sb-items .form-group:hover, #invoice-sales-report .table-items.table-responsive .sb-items .form-container .form-horizontal .element-container:hover, .form-container .form-horizontal #invoice-sales-report .table-items.table-responsive .sb-items .element-container:hover, #invoice-sales-report .table-items.dataTables_wrapper .sb-items .form-container .form-horizontal .element-container:hover, .form-container .form-horizontal #invoice-sales-report .table-items.dataTables_wrapper .sb-items .element-container:hover, #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .form-container .form-horizontal .element-container:hover, .form-container .form-horizontal #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .element-container:hover, .plugin-status-page #invoice-sales-report .table-items#status_div .sb-items .form-container .form-horizontal .element-container:hover, .form-container .form-horizontal .plugin-status-page #invoice-sales-report .table-items#status_div .sb-items .element-container:hover, #invoice-sales-report .table-items.table-responsive .sb-items #booking_tabs .form-group:hover, #booking_tabs #invoice-sales-report .table-items.table-responsive .sb-items .form-group:hover, #invoice-sales-report .table-items.dataTables_wrapper .sb-items #booking_tabs .form-group:hover, #booking_tabs #invoice-sales-report .table-items.dataTables_wrapper .sb-items .form-group:hover, #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items #booking_tabs .form-group:hover, #booking_tabs #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .form-group:hover, .plugin-status-page #invoice-sales-report .table-items#status_div .sb-items #booking_tabs .form-group:hover, #booking_tabs .plugin-status-page #invoice-sales-report .table-items#status_div .sb-items .form-group:hover, #invoice-sales-report .table-items.table-responsive .sb-items #booking_tabs .element-container:hover, #booking_tabs #invoice-sales-report .table-items.table-responsive .sb-items .element-container:hover, #invoice-sales-report .table-items.dataTables_wrapper .sb-items #booking_tabs .element-container:hover, #booking_tabs #invoice-sales-report .table-items.dataTables_wrapper .sb-items .element-container:hover, #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items #booking_tabs .element-container:hover, #booking_tabs #invoice-sales-report .plugin-status-page .table-items#status_div .sb-items .element-container:hover, .plugin-status-page #invoice-sales-report .table-items#status_div .sb-items #booking_tabs .element-container:hover, #booking_tabs .plugin-status-page #invoice-sales-report .table-items#status_div .sb-items .element-container:hover {
    background-color: rgba(6, 173, 239, 0.1); }

#invoice-sales-report #detailed-chart-container .table-items.table-responsive .row .col, #invoice-sales-report #detailed-chart-container .table-items.dataTables_wrapper .row .col, #invoice-sales-report #detailed-chart-container .plugin-status-page .table-items#status_div .row .col, .plugin-status-page #invoice-sales-report #detailed-chart-container .table-items#status_div .row .col, #invoice-sales-report #detailed-chart-container .table-items.table-responsive .zend_form .form-group .col, .zend_form #invoice-sales-report #detailed-chart-container .table-items.table-responsive .form-group .col, #invoice-sales-report #detailed-chart-container .table-items.dataTables_wrapper .zend_form .form-group .col, .zend_form #invoice-sales-report #detailed-chart-container .table-items.dataTables_wrapper .form-group .col, #invoice-sales-report #detailed-chart-container .plugin-status-page .table-items#status_div .zend_form .form-group .col, .zend_form #invoice-sales-report #detailed-chart-container .plugin-status-page .table-items#status_div .form-group .col, .plugin-status-page #invoice-sales-report #detailed-chart-container .table-items#status_div .zend_form .form-group .col, .zend_form .plugin-status-page #invoice-sales-report #detailed-chart-container .table-items#status_div .form-group .col, #invoice-sales-report #detailed-chart-container .table-items.table-responsive .zend_form .element-container .col, .zend_form #invoice-sales-report #detailed-chart-container .table-items.table-responsive .element-container .col, #invoice-sales-report #detailed-chart-container .table-items.dataTables_wrapper .zend_form .element-container .col, .zend_form #invoice-sales-report #detailed-chart-container .table-items.dataTables_wrapper .element-container .col, #invoice-sales-report #detailed-chart-container .plugin-status-page .table-items#status_div .zend_form .element-container .col, .zend_form #invoice-sales-report #detailed-chart-container .plugin-status-page .table-items#status_div .element-container .col, .plugin-status-page #invoice-sales-report #detailed-chart-container .table-items#status_div .zend_form .element-container .col, .zend_form .plugin-status-page #invoice-sales-report #detailed-chart-container .table-items#status_div .element-container .col, #invoice-sales-report #detailed-chart-container .table-items.table-responsive .form-container .form-horizontal .form-group .col, .form-container .form-horizontal #invoice-sales-report #detailed-chart-container .table-items.table-responsive .form-group .col, #invoice-sales-report #detailed-chart-container .table-items.dataTables_wrapper .form-container .form-horizontal .form-group .col, .form-container .form-horizontal #invoice-sales-report #detailed-chart-container .table-items.dataTables_wrapper .form-group .col, #invoice-sales-report #detailed-chart-container .plugin-status-page .table-items#status_div .form-container .form-horizontal .form-group .col, .form-container .form-horizontal #invoice-sales-report #detailed-chart-container .plugin-status-page .table-items#status_div .form-group .col, .plugin-status-page #invoice-sales-report #detailed-chart-container .table-items#status_div .form-container .form-horizontal .form-group .col, .form-container .form-horizontal .plugin-status-page #invoice-sales-report #detailed-chart-container .table-items#status_div .form-group .col, #invoice-sales-report #detailed-chart-container .table-items.table-responsive .form-container .form-horizontal .element-container .col, .form-container .form-horizontal #invoice-sales-report #detailed-chart-container .table-items.table-responsive .element-container .col, #invoice-sales-report #detailed-chart-container .table-items.dataTables_wrapper .form-container .form-horizontal .element-container .col, .form-container .form-horizontal #invoice-sales-report #detailed-chart-container .table-items.dataTables_wrapper .element-container .col, #invoice-sales-report #detailed-chart-container .plugin-status-page .table-items#status_div .form-container .form-horizontal .element-container .col, .form-container .form-horizontal #invoice-sales-report #detailed-chart-container .plugin-status-page .table-items#status_div .element-container .col, .plugin-status-page #invoice-sales-report #detailed-chart-container .table-items#status_div .form-container .form-horizontal .element-container .col, .form-container .form-horizontal .plugin-status-page #invoice-sales-report #detailed-chart-container .table-items#status_div .element-container .col, #invoice-sales-report #detailed-chart-container .table-items.table-responsive #booking_tabs .form-group .col, #booking_tabs #invoice-sales-report #detailed-chart-container .table-items.table-responsive .form-group .col, #invoice-sales-report #detailed-chart-container .table-items.dataTables_wrapper #booking_tabs .form-group .col, #booking_tabs #invoice-sales-report #detailed-chart-container .table-items.dataTables_wrapper .form-group .col, #invoice-sales-report #detailed-chart-container .plugin-status-page .table-items#status_div #booking_tabs .form-group .col, #booking_tabs #invoice-sales-report #detailed-chart-container .plugin-status-page .table-items#status_div .form-group .col, .plugin-status-page #invoice-sales-report #detailed-chart-container .table-items#status_div #booking_tabs .form-group .col, #booking_tabs .plugin-status-page #invoice-sales-report #detailed-chart-container .table-items#status_div .form-group .col, #invoice-sales-report #detailed-chart-container .table-items.table-responsive #booking_tabs .element-container .col, #booking_tabs #invoice-sales-report #detailed-chart-container .table-items.table-responsive .element-container .col, #invoice-sales-report #detailed-chart-container .table-items.dataTables_wrapper #booking_tabs .element-container .col, #booking_tabs #invoice-sales-report #detailed-chart-container .table-items.dataTables_wrapper .element-container .col, #invoice-sales-report #detailed-chart-container .plugin-status-page .table-items#status_div #booking_tabs .element-container .col, #booking_tabs #invoice-sales-report #detailed-chart-container .plugin-status-page .table-items#status_div .element-container .col, .plugin-status-page #invoice-sales-report #detailed-chart-container .table-items#status_div #booking_tabs .element-container .col, #booking_tabs .plugin-status-page #invoice-sales-report #detailed-chart-container .table-items#status_div .element-container .col {
  min-width: 120px;
  max-width: 220px; }

#invoice-sales-report .container-sales-report .big-filter .chart-filter .line-type-filter {
  order: 1; }
  @media (max-width: 2120px) {
    #invoice-sales-report .container-sales-report .big-filter .chart-filter .line-type-filter {
      order: 3;
      margin-right: 0;
      width: 100%; } }

#invoice-sales-report .container-sales-report .big-filter .chart-filter .format-switcher {
  order: 3; }
  @media (max-width: 2120px) {
    #invoice-sales-report .container-sales-report .big-filter .chart-filter .format-switcher {
      order: 2; } }

#invoice-sales-report .container-sales-report .big-filter .chart-filter .qty-amount-switcher {
  order: 2;
  margin-left: auto; }
  @media (max-width: 2120px) {
    #invoice-sales-report .container-sales-report .big-filter .chart-filter .qty-amount-switcher {
      order: 1;
      margin-left: 0; } }

#invoice-sales-report .container-sales-report .big-filter .chart-filter .period-filter {
  order: 4;
  margin-left: -15px;
  width: 100%; }
  @media (max-width: 2120px) {
    #invoice-sales-report .container-sales-report .big-filter .chart-filter .period-filter {
      margin-left: 0;
      margin-right: 0;
      width: 100%; } }

#invoice-sales-report .container-sales-report .big-filter .chart-filter .arrow.prev-period {
  margin-left: 30px; }
  @media (max-width: 2120px) {
    #invoice-sales-report .container-sales-report .big-filter .chart-filter .arrow.prev-period {
      margin-left: 15px; } }

.promo-instance-popup .errors {
  font-size: 16px; }

.promo-instance-popup .template_variables > span {
  display: block;
  margin-bottom: 8px; }

.promo-instance-popup ul li .amount {
  font-weight: 800; }

.promo-instance-popup ul textarea {
  min-height: 160px; }

.promo-instance-popup .form-groups {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: -1px;
  padding: 1rem; }
  .promo-instance-popup .form-groups .form-group, .promo-instance-popup .form-groups .element-container {
    margin: 0; }

.promo-instance-popup .details .form-groups {
  border-top: none; }

.promo-instance-popup .details .col-line {
  display: flex;
  gap: 4px 8px;
  flex-wrap: wrap; }
  .promo-instance-popup .details .col-line .info-label {
    flex-grow: 1;
    flex-basis: 100px; }
  .promo-instance-popup .details .col-line .p--primary,
  .promo-instance-popup .details .col-line .amount {
    flex-grow: 10;
    flex-basis: 150px; }
  .promo-instance-popup .details .col-line > div.status-col .label {
    display: inline-block;
    text-align: center;
    min-width: 50px;
    font-size: 12px;
    font-style: italic;
    border-radius: 10rem; }

.promo-instance-popup .gift-card-type .form-groups {
  border-top: none; }

.sb-issue,
.sb-send-promotion-messages {
  margin-left: auto;
  margin-right: 6px; }

.field-container--send .field-container__col-template {
  flex-grow: 2;
  flex-basis: 440px; }

.field-container--send .field-container__col-vars {
  flex-grow: 1;
  flex-basis: 350px; }

.dark-mode .page--marketing-suite .marketplaces__waiting-title {
  color: #f9f9f9; }

.dark-mode .page--marketing-suite .marketplaces__item-stats,
.dark-mode .page--marketing-suite .marketplaces__item-stats .marketplaces__waiting-text {
  color: #bcbcbc; }

.dark-mode .page--marketing-suite .marketplaces__item,
.dark-mode .page--marketing-suite .plugins__item {
  background: #1a1a1a;
  border-color: #555555; }
  .dark-mode .page--marketing-suite .marketplaces__item--enabled,
  .dark-mode .page--marketing-suite .plugins__item--enabled {
    background: #282828; }
  .dark-mode .page--marketing-suite .marketplaces__item-image img,
  .dark-mode .page--marketing-suite .plugins__item-image img {
    filter: grayscale(0.7) invert(88%); }
  .dark-mode .page--marketing-suite .marketplaces__item-title,
  .dark-mode .page--marketing-suite .plugins__item-title {
    color: #f9f9f9; }
  .dark-mode .page--marketing-suite .marketplaces__item--info-panel,
  .dark-mode .page--marketing-suite .plugins__item--info-panel {
    display: inline-block; }
    .dark-mode .page--marketing-suite .marketplaces__item--info-panel .dropdown .dropdown-menu,
    .dark-mode .page--marketing-suite .plugins__item--info-panel .dropdown .dropdown-menu {
      background: #242424;
      color: #bcbcbc; }
  .dark-mode .page--marketing-suite .marketplaces__item-footer .btn--secondary-outline,
  .dark-mode .page--marketing-suite .plugins__item-footer .btn--secondary-outline {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: rgba(255, 255, 255, 0.2);
    border-color: #555555 !important;
    color: #f9f9f9; }
    .dark-mode .page--marketing-suite .marketplaces__item-footer .btn--secondary-outline svg path,
    .dark-mode .page--marketing-suite .plugins__item-footer .btn--secondary-outline svg path {
      fill: #f9f9f9; }
    .dark-mode .page--marketing-suite .marketplaces__item-footer .btn--secondary-outline:hover, .dark-mode .page--marketing-suite .marketplaces__item-footer .btn--secondary-outline:focus,
    .dark-mode .page--marketing-suite .plugins__item-footer .btn--secondary-outline:hover,
    .dark-mode .page--marketing-suite .plugins__item-footer .btn--secondary-outline:focus {
      border-color: #777777 !important;
      background: rgba(241, 246, 255, 0.8);
      color: #0B3052; }
      .dark-mode .page--marketing-suite .marketplaces__item-footer .btn--secondary-outline:hover svg path, .dark-mode .page--marketing-suite .marketplaces__item-footer .btn--secondary-outline:focus svg path,
      .dark-mode .page--marketing-suite .plugins__item-footer .btn--secondary-outline:hover svg path,
      .dark-mode .page--marketing-suite .plugins__item-footer .btn--secondary-outline:focus svg path {
        fill: #0B3052; }
      .dark-mode .page--marketing-suite .marketplaces__item-footer .btn--secondary-outline:hover .fa, .dark-mode .page--marketing-suite .marketplaces__item-footer .btn--secondary-outline:focus .fa,
      .dark-mode .page--marketing-suite .plugins__item-footer .btn--secondary-outline:hover .fa,
      .dark-mode .page--marketing-suite .plugins__item-footer .btn--secondary-outline:focus .fa {
        color: #0B3052; }
  .dark-mode .page--marketing-suite .marketplaces__item.google_business .marketplaces__item-image img,
  .dark-mode .page--marketing-suite .marketplaces__item.google_business .plugins__item-image img, .dark-mode .page--marketing-suite .marketplaces__item.google-maps .marketplaces__item-image img,
  .dark-mode .page--marketing-suite .marketplaces__item.google-maps .plugins__item-image img, .dark-mode .page--marketing-suite .marketplaces__item.facebook_business .marketplaces__item-image img,
  .dark-mode .page--marketing-suite .marketplaces__item.facebook_business .plugins__item-image img, .dark-mode .page--marketing-suite .marketplaces__item.qr-code .marketplaces__item-image img,
  .dark-mode .page--marketing-suite .marketplaces__item.qr-code .plugins__item-image img,
  .dark-mode .page--marketing-suite .plugins__item.google_business .marketplaces__item-image img,
  .dark-mode .page--marketing-suite .plugins__item.google_business .plugins__item-image img,
  .dark-mode .page--marketing-suite .plugins__item.google-maps .marketplaces__item-image img,
  .dark-mode .page--marketing-suite .plugins__item.google-maps .plugins__item-image img,
  .dark-mode .page--marketing-suite .plugins__item.facebook_business .marketplaces__item-image img,
  .dark-mode .page--marketing-suite .plugins__item.facebook_business .plugins__item-image img,
  .dark-mode .page--marketing-suite .plugins__item.qr-code .marketplaces__item-image img,
  .dark-mode .page--marketing-suite .plugins__item.qr-code .plugins__item-image img {
    filter: none; }

.dark-mode .page--marketing-suite .item__tutorial {
  background: #1a1a1a;
  border-color: #555555; }
  .dark-mode .page--marketing-suite .item__tutorial .tutorial-video {
    border-color: #555555; }
    .dark-mode .page--marketing-suite .item__tutorial .tutorial-video .tutorial-video {
      background: rgba(11, 48, 82, 0.22);
      border-color: rgba(11, 48, 82, 0.34);
      color: #fff; }
      .dark-mode .page--marketing-suite .item__tutorial .tutorial-video .tutorial-video:hover {
        background: rgba(11, 48, 82, 0.36);
        border-color: rgba(11, 48, 82, 0.45); }

.dark-mode .page--marketing-suite .page--marketing-suite .wt-ms-block .title--h2 {
  color: #1d9ed1; }

.page--marketing-suite {
  padding: 10px 5px; }
  .page--marketing-suite .page-header__row {
    flex-wrap: wrap; }
    @media (max-width: 767px) {
      .page--marketing-suite .page-header__row {
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .page--marketing-suite .page-header__row .page-header__item-title {
          padding: 0; } }
  .page--marketing-suite .page-header__item-title .title {
    margin: 0; }
  .page--marketing-suite .marketing-suite--content {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column-reverse;
    gap: 26px;
    flex-wrap: wrap; }
    @media (min-width: 1395px) {
      .page--marketing-suite .marketing-suite--content {
        flex-direction: row; } }
    .page--marketing-suite .marketing-suite--content-grid {
      flex: 1;
      max-width: 100%;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      flex-direction: column;
      gap: 26px;
      flex-basis: 526px; }
      @media (min-width: 1395px) {
        .page--marketing-suite .marketing-suite--content-grid {
          max-width: 1200px; } }
      @media (max-width: 1395px) {
        .page--marketing-suite .marketing-suite--content-grid {
          width: 100%; } }
  .page--marketing-suite .marketing-suite--block {
    width: 100%; }
    .page--marketing-suite .marketing-suite--block .block-header {
      margin-bottom: 12px; }
  .page--marketing-suite .marketplaces__item,
  .page--marketing-suite .plugins__item {
    position: relative;
    width: 100%;
    min-height: 290px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    margin: 0;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #ddd; }
    .page--marketing-suite .marketplaces__item--enabled,
    .page--marketing-suite .plugins__item--enabled {
      background: #F1F6FF; }
    .page--marketing-suite .marketplaces__item-image,
    .page--marketing-suite .plugins__item-image {
      width: 100%;
      display: flex;
      align-items: center;
      min-height: 66px;
      justify-content: flex-start;
      margin: 0 0 8px 0;
      padding: 0 60px 0 0; }
      .page--marketing-suite .marketplaces__item-image img,
      .page--marketing-suite .plugins__item-image img {
        display: inline-block;
        width: auto;
        max-height: 66px;
        max-width: 100%; }
    .page--marketing-suite .marketplaces__item-body,
    .page--marketing-suite .plugins__item-body {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 6px;
      flex: 1 1 auto;
      text-align: left; }
      .page--marketing-suite .marketplaces__item-body .p,
      .page--marketing-suite .plugins__item-body .p {
        font-size: 14px !important; }
    .page--marketing-suite .marketplaces__item-title,
    .page--marketing-suite .plugins__item-title {
      background: transparent;
      font-size: 16px;
      color: #0B3052;
      font-weight: 600;
      line-height: 1.26;
      margin: 0;
      padding: 0;
      display: flex;
      align-items: baseline;
      justify-content: flex-start;
      gap: 5px 10px; }
      .page--marketing-suite .marketplaces__item-title .help-info,
      .page--marketing-suite .plugins__item-title .help-info {
        position: relative;
        top: -0.2em; }
      .page--marketing-suite .marketplaces__item-title .item--info-panel .dropdown .dropdown-toggle,
      .page--marketing-suite .plugins__item-title .item--info-panel .dropdown .dropdown-toggle {
        background: transparent !important;
        border: none !important;
        padding: 4px;
        margin: 0;
        min-height: unset;
        height: auto;
        width: auto;
        min-width: unset; }
        .page--marketing-suite .marketplaces__item-title .item--info-panel .dropdown .dropdown-toggle svg,
        .page--marketing-suite .plugins__item-title .item--info-panel .dropdown .dropdown-toggle svg {
          height: 16px; }
    .page--marketing-suite .marketplaces__item--info-panel,
    .page--marketing-suite .plugins__item--info-panel {
      display: inline-block; }
      .page--marketing-suite .marketplaces__item--info-panel .dropdown-toggle,
      .page--marketing-suite .plugins__item--info-panel .dropdown-toggle {
        padding: 4px !important;
        height: 36px;
        width: 36px;
        min-width: 36px;
        border-radius: 50px;
        line-height: 1;
        margin: 0;
        outline: none;
        justify-content: center;
        cursor: pointer; }
        .page--marketing-suite .marketplaces__item--info-panel .dropdown-toggle span,
        .page--marketing-suite .plugins__item--info-panel .dropdown-toggle span {
          display: none; }
        .page--marketing-suite .marketplaces__item--info-panel .dropdown-toggle svg,
        .page--marketing-suite .plugins__item--info-panel .dropdown-toggle svg {
          height: 14px; }
          .page--marketing-suite .marketplaces__item--info-panel .dropdown-toggle svg path,
          .page--marketing-suite .plugins__item--info-panel .dropdown-toggle svg path {
            transition: all 0.2s ease;
            fill: #2c3547; }
        .page--marketing-suite .marketplaces__item--info-panel .dropdown-toggle:hover svg path,
        .page--marketing-suite .plugins__item--info-panel .dropdown-toggle:hover svg path {
          fill: #2c3547; }
      .page--marketing-suite .marketplaces__item--info-panel .dropdown,
      .page--marketing-suite .plugins__item--info-panel .dropdown {
        display: inline-block;
        width: auto;
        position: relative; }
        .page--marketing-suite .marketplaces__item--info-panel .dropdown .dropdown-menu,
        .page--marketing-suite .plugins__item--info-panel .dropdown .dropdown-menu {
          transition: all 0.2s ease;
          top: 36px !important;
          right: -30px;
          left: auto !important;
          background: #fff;
          min-width: 250px;
          padding: 20px;
          border-radius: 8px;
          border: none;
          transform: none !important;
          font-size: 13px;
          color: #788291; }
        .page--marketing-suite .marketplaces__item--info-panel .dropdown.show .dropdown-menu.show,
        .page--marketing-suite .plugins__item--info-panel .dropdown.show .dropdown-menu.show {
          top: 31px !important; }
        .page--marketing-suite .marketplaces__item--info-panel .dropdown:hover .dropdown-menu,
        .page--marketing-suite .plugins__item--info-panel .dropdown:hover .dropdown-menu {
          display: block;
          position: absolute;
          top: 31px !important;
          transform: none;
          will-change: transform; }
    .page--marketing-suite .marketplaces__item-footer,
    .page--marketing-suite .plugins__item-footer {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-wrap: wrap;
      gap: 6px; }
      .page--marketing-suite .marketplaces__item-footer .btn,
      .page--marketing-suite .plugins__item-footer .btn {
        margin: 0;
        padding: 0;
        min-height: 36px; }
        .page--marketing-suite .marketplaces__item-footer .btn .btn-txt,
        .page--marketing-suite .marketplaces__item-footer .btn .btn__txt,
        .page--marketing-suite .plugins__item-footer .btn .btn-txt,
        .page--marketing-suite .plugins__item-footer .btn .btn__txt {
          line-height: 1.4; }
      .page--marketing-suite .marketplaces__item-footer > .form-group, .page--marketing-suite .marketplaces__item-footer > .element-container,
      .page--marketing-suite .plugins__item-footer > .form-group,
      .page--marketing-suite .plugins__item-footer > .element-container {
        margin: 0;
        position: absolute;
        left: auto;
        top: 36px;
        right: 16px;
        width: 50px; }
    .page--marketing-suite .marketplaces__item--enabled .marketplaces__item-footer,
    .page--marketing-suite .marketplaces__item--enabled .plugins__item-footer,
    .page--marketing-suite .plugins__item--enabled .marketplaces__item-footer,
    .page--marketing-suite .plugins__item--enabled .plugins__item-footer {
      justify-content: center; }
      .page--marketing-suite .marketplaces__item--enabled .marketplaces__item-footer .btn,
      .page--marketing-suite .marketplaces__item--enabled .plugins__item-footer .btn,
      .page--marketing-suite .plugins__item--enabled .marketplaces__item-footer .btn,
      .page--marketing-suite .plugins__item--enabled .plugins__item-footer .btn {
        padding: 4px 16px;
        flex-grow: 1;
        border: 1px solid #ddd;
        justify-content: center; }
        .page--marketing-suite .marketplaces__item--enabled .marketplaces__item-footer .btn:hover, .page--marketing-suite .marketplaces__item--enabled .marketplaces__item-footer .btn:focus,
        .page--marketing-suite .marketplaces__item--enabled .plugins__item-footer .btn:hover,
        .page--marketing-suite .marketplaces__item--enabled .plugins__item-footer .btn:focus,
        .page--marketing-suite .plugins__item--enabled .marketplaces__item-footer .btn:hover,
        .page--marketing-suite .plugins__item--enabled .marketplaces__item-footer .btn:focus,
        .page--marketing-suite .plugins__item--enabled .plugins__item-footer .btn:hover,
        .page--marketing-suite .plugins__item--enabled .plugins__item-footer .btn:focus {
          text-decoration: none; }
        .page--marketing-suite .marketplaces__item--enabled .marketplaces__item-footer .btn:hover, .page--marketing-suite .marketplaces__item--enabled .marketplaces__item-footer .btn:focus,
        .page--marketing-suite .marketplaces__item--enabled .plugins__item-footer .btn:hover,
        .page--marketing-suite .marketplaces__item--enabled .plugins__item-footer .btn:focus,
        .page--marketing-suite .plugins__item--enabled .marketplaces__item-footer .btn:hover,
        .page--marketing-suite .plugins__item--enabled .marketplaces__item-footer .btn:focus,
        .page--marketing-suite .plugins__item--enabled .plugins__item-footer .btn:hover,
        .page--marketing-suite .plugins__item--enabled .plugins__item-footer .btn:focus {
          opacity: unset; }
      .page--marketing-suite .marketplaces__item--enabled .marketplaces__item-footer.--has-statistic > .btn:last-of-type,
      .page--marketing-suite .marketplaces__item--enabled .plugins__item-footer.--has-statistic > .btn:last-of-type,
      .page--marketing-suite .plugins__item--enabled .marketplaces__item-footer.--has-statistic > .btn:last-of-type,
      .page--marketing-suite .plugins__item--enabled .plugins__item-footer.--has-statistic > .btn:last-of-type {
        width: calc(100% - 44px);
        text-overflow: ellipsis;
        overflow: hidden; }
        .page--marketing-suite .marketplaces__item--enabled .marketplaces__item-footer.--has-statistic > .btn:last-of-type .btn__txt,
        .page--marketing-suite .marketplaces__item--enabled .marketplaces__item-footer.--has-statistic > .btn:last-of-type .btn-txt,
        .page--marketing-suite .marketplaces__item--enabled .plugins__item-footer.--has-statistic > .btn:last-of-type .btn__txt,
        .page--marketing-suite .marketplaces__item--enabled .plugins__item-footer.--has-statistic > .btn:last-of-type .btn-txt,
        .page--marketing-suite .plugins__item--enabled .marketplaces__item-footer.--has-statistic > .btn:last-of-type .btn__txt,
        .page--marketing-suite .plugins__item--enabled .marketplaces__item-footer.--has-statistic > .btn:last-of-type .btn-txt,
        .page--marketing-suite .plugins__item--enabled .plugins__item-footer.--has-statistic > .btn:last-of-type .btn__txt,
        .page--marketing-suite .plugins__item--enabled .plugins__item-footer.--has-statistic > .btn:last-of-type .btn-txt {
          display: block;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden; }
    .page--marketing-suite .marketplaces__item.sb,
    .page--marketing-suite .plugins__item.sb {
      display: none; }
  .page--marketing-suite .item__tutorial {
    margin: 0;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #ddd; }
    .page--marketing-suite .item__tutorial .item-container {
      padding: 16px; }
      .page--marketing-suite .item__tutorial .item-container .item-row {
        display: flex;
        gap: 20px;
        flex-direction: row;
        flex-wrap: wrap; }
        @media (min-width: 1395px) {
          .page--marketing-suite .item__tutorial .item-container .item-row {
            flex-direction: column; } }
        @media (max-width: 980px) {
          .page--marketing-suite .item__tutorial .item-container .item-row {
            flex-direction: column; } }
    @media (max-width: 1395px) {
      .page--marketing-suite .item__tutorial .item-col__body {
        flex-grow: 1;
        flex-basis: 280px; } }
    @media (max-width: 980px) {
      .page--marketing-suite .item__tutorial .item-col__body {
        flex-basis: unset; } }
    .page--marketing-suite .item__tutorial .item-col__picture {
      width: 100%; }
      @media (max-width: 1395px) {
        .page--marketing-suite .item__tutorial .item-col__picture {
          flex-grow: 10;
          aspect-ratio: 16/9;
          flex-basis: 300px; } }
      @media (max-width: 980px) {
        .page--marketing-suite .item__tutorial .item-col__picture {
          flex-basis: unset;
          aspect-ratio: unset; } }
    .page--marketing-suite .item__tutorial .tutorial-video {
      position: relative;
      border: 1px solid #ddd;
      border-radius: 8px;
      aspect-ratio: 16/9;
      overflow: hidden; }
      .page--marketing-suite .item__tutorial .tutorial-video iframe {
        width: 100%;
        height: 100%;
        border: none;
        display: none;
        border-radius: 8px;
        overflow: hidden; }
      .page--marketing-suite .item__tutorial .tutorial-video--play-toggler {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer; }
        .page--marketing-suite .item__tutorial .tutorial-video--play-toggler img {
          width: 100%;
          height: auto;
          display: block;
          border-radius: 8px; }
        .page--marketing-suite .item__tutorial .tutorial-video--play-toggler .tutorial-video {
          position: absolute;
          border-radius: 50%; }
      .page--marketing-suite .item__tutorial .tutorial-video.playing .tutorial-video--play-toggler {
        display: none;
        /* Hide play button and preview image when video starts */ }
      .page--marketing-suite .item__tutorial .tutorial-video.playing iframe {
        display: block;
        /* Show the iframe when the video is playing */ }
  .page--marketing-suite .wt-ms-block {
    margin-top: 34px; }
    @media (min-width: 1395px) {
      .page--marketing-suite .wt-ms-block {
        position: sticky;
        top: 66px;
        flex-basis: 580px; } }
    @media (max-width: 1395px) {
      .page--marketing-suite .wt-ms-block {
        width: 100%;
        position: static;
        margin-top: 0; } }
    .page--marketing-suite .wt-ms-block .title--h2 {
      font-family: Caveat, cursive;
      letter-spacing: 1px;
      line-height: 1.1;
      color: #06ADEF;
      font-weight: bold;
      font-size: 24px;
      margin-bottom: 16px; }
      @media (max-width: 1024px) {
        .page--marketing-suite .wt-ms-block .title--h2 {
          font-size: 28px; } }

.marketing .plugins__list, .marketing .marketplaces__list {
  display: inline-grid;
  width: 100%;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
  @media (max-width: 630px) {
    .marketing .plugins__list, .marketing .marketplaces__list {
      grid-template-columns: 1fr; } }

.marketing .marketplaces__list {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
  @media (max-width: 630px) {
    .marketing .marketplaces__list {
      grid-template-columns: 1fr; } }

.marketing .marketplaces__item-stats {
  color: #2c3547;
  display: block;
  text-align: center;
  padding: 0;
  background: transparent;
  font-size: 12px; }
  .marketing .marketplaces__item-stats .marketplaces__waiting-text {
    color: #788291; }

.marketing .marketplaces__item--qr-code .qr-life-preview--inp {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  opacity: 0;
  width: 1px;
  height: 1px; }

.marketing .marketplaces__item--qr-code .plugins__item-image {
  position: relative;
  text-align: left;
  padding: 0;
  min-height: 66px; }
  .marketing .marketplaces__item--qr-code .plugins__item-image img {
    height: 66px;
    max-height: unset;
    transition: all 0.33s ease-out; }
  .marketing .marketplaces__item--qr-code .plugins__item-image .qr-life-preview {
    background: transparent;
    position: static;
    text-align: left;
    display: block;
    margin: 0;
    padding: 0; }
    .marketing .marketplaces__item--qr-code .plugins__item-image .qr-life-preview .qrcode {
      position: absolute;
      top: 0;
      left: 0;
      display: inline-block;
      width: auto;
      padding: 0;
      background: rgba(255, 255, 255, 0.6);
      border: none;
      border-radius: 4px;
      line-height: 0.8;
      transition: all 0.3s ease-out; }
    .marketing .marketplaces__item--qr-code .plugins__item-image .qr-life-preview .wrap-qr-code {
      margin: 0;
      padding: 0;
      line-height: 1; }

.marketing .marketplaces__item--qr-code .copy-qr-image-link .btn-txt--copied {
  display: none !important; }

.marketing .marketplaces__item--qr-code .copy-qr-image-link.done {
  color: #26dd7d !important; }
  .marketing .marketplaces__item--qr-code .copy-qr-image-link.done .btn-txt--copied {
    display: inline-block !important; }
  .marketing .marketplaces__item--qr-code .copy-qr-image-link.done .btn-txt--copy {
    display: none !important; }

.marketing .marketplaces__item--qr-code .plugins__item-body .plugins__item-image:hover .qr-life-preview .qrcode {
  padding: 5px;
  background: #fff;
  height: 160px;
  width: 160px; }
  .marketing .marketplaces__item--qr-code .plugins__item-body .plugins__item-image:hover .qr-life-preview .qrcode img {
    width: 150px;
    height: auto;
    aspect-ratio: 1/1; }

.marketing .marketplaces__period {
  display: block;
  font-size: 12px;
  color: #2c3547;
  line-height: 1.6; }
  .marketing .marketplaces__period-title {
    display: none;
    font-weight: 700;
    margin-bottom: 5px; }
  .marketing .marketplaces__period-date {
    font-size: 12px;
    font-weight: 400;
    color: #788291; }

.marketing .marketplaces__bookings-content {
  text-align: center; }

.marketing .marketplaces__bookings-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1; }

.marketing .marketplaces__bookings-value {
  font-size: 14px;
  font-weight: 600;
  line-height: 1; }

.marketing .marketplaces__bookings-percentage {
  display: block;
  padding-top: 10px;
  padding-bottom: 4px; }
  .marketing .marketplaces__bookings-percentage-val {
    color: #30d569; }
  .marketing .marketplaces__bookings-percentage .fa {
    font-size: 14px;
    color: #30d569;
    margin-right: 5px; }

.marketing .marketplaces__waiting {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%; }
  .marketing .marketplaces__waiting-content {
    line-height: 1.3; }
    @media (max-width: 1024px) {
      .marketing .marketplaces__waiting-content {
        margin-right: 15px; } }
  .marketing .marketplaces__waiting-title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px; }
  @media (max-width: 1024px) {
    .marketing .marketplaces__waiting-text {
      font-size: 12px; } }
  .marketing .marketplaces__waiting-icon {
    font-size: 18px;
    color: #06ADEF;
    margin-left: 6px;
    display: none; }

.vaccination-report {
  padding-top: 20px; }
  .vaccination-report__header {
    margin-bottom: 20px;
    font-family: 'Mulish', sans-serif;
    font-size: 18px;
    font-weight: 700; }
  .vaccination-report__panel {
    font-family: 'Noto Sans', sans-serif;
    box-shadow: none; }
    .vaccination-report__panel-wrapper {
      padding: 0 30px 30px; }
    .vaccination-report__panel-header {
      display: flex;
      align-items: center;
      margin-top: 20px; }
      @media (max-width: 767px) {
        .vaccination-report__panel-header {
          flex-wrap: wrap; } }
    .vaccination-report__panel-row {
      display: flex; }
      @media (max-width: 1024px) {
        .vaccination-report__panel-row {
          position: relative;
          flex-direction: column;
          padding-top: 190px; } }
      @media (max-width: 767px) {
        .vaccination-report__panel-row {
          padding-top: 140px; } }
      .vaccination-report__panel-row--month-view .vaccination-report__panel-column--first {
        flex: 1 1 765px; }
      .vaccination-report__panel-row--month-view .vaccination-report__panel-column--second {
        flex: 1 1 320px;
        margin-left: 55px; }
        @media (min-width: 1024px) and (max-width: 1200px) {
          .vaccination-report__panel-row--month-view .vaccination-report__panel-column--second .vaccination-report__cards {
            justify-content: center;
            margin: 30px 0 0; }
          .vaccination-report__panel-row--month-view .vaccination-report__panel-column--second .vaccination-report__card {
            width: 100%;
            max-width: 100%;
            flex: 0 1 auto;
            margin: 0 8px 15px; } }
      .vaccination-report__panel-row--month-view .vaccination-report__table-wrapper {
        overflow: visible; }
      .vaccination-report__panel-row--second-appointment-view .vaccination-report__panel-column--first {
        flex: 1 1 730px; }
      .vaccination-report__panel-row--second-appointment-view .vaccination-report__panel-column--second {
        flex: 1 1 320px;
        margin-left: 55px; }
      .vaccination-report__panel-row--second-appointment-view .vaccination-report__chart-wrapper {
        flex-direction: column; }
        @media (max-width: 767px) {
          .vaccination-report__panel-row--second-appointment-view .vaccination-report__chart-wrapper {
            flex-direction: row; } }
      .vaccination-report__panel-row--second-appointment-view .vaccination-report__chart-left {
        margin: 0 0 40px; }
        @media (max-width: 767px) {
          .vaccination-report__panel-row--second-appointment-view .vaccination-report__chart-left {
            margin: 0 30px 0 0; } }
    .vaccination-report__panel-column {
      min-width: 0; }
      @media (max-width: 1024px) {
        .vaccination-report__panel-column {
          width: 100%;
          flex: 1 !important;
          margin: 0; } }
      .vaccination-report__panel-column--first {
        max-width: 800px;
        flex: 1 1 650px; }
      .vaccination-report__panel-column--second {
        flex: 1 1 435px;
        margin-left: 55px; }
        @media (max-width: 1024px) {
          .vaccination-report__panel-column--second {
            margin: 40px 0 0 0 !important; } }
        @media (max-width: 767px) {
          .vaccination-report__panel-column--second {
            margin: 40px 0 0 0 !important; } }
    .vaccination-report__panel-tabs {
      margin-bottom: 10px !important;
      border-radius: 4px 4px 0 0 !important; }
      .vaccination-report__panel-tabs .nav-tabs {
        border-radius: 4px 4px 0 0 !important; }
        .vaccination-report__panel-tabs .nav-tabs a {
          padding-left: 40px !important;
          padding-right: 40px !important; }
    .vaccination-report__panel-hint {
      margin-left: 5px; }
      @media (max-width: 767px) {
        .vaccination-report__panel-hint {
          display: none; } }
  .vaccination-report__group-by {
    margin-left: 25px; }
    @media (max-width: 767px) {
      .vaccination-report__group-by {
        margin: 15px 0 0 0; } }
  @media (max-width: 767px) {
    .vaccination-report__period-tabs, .vaccination-report__group-by, .vaccination-report__group-by-secondary {
      width: 100%; } }
  .vaccination-report__period-tabs .nav-tabs, .vaccination-report__group-by .nav-tabs, .vaccination-report__group-by-secondary .nav-tabs {
    border: 1px solid #06ADEF;
    border-radius: 5px;
    overflow: hidden;
    background: none; }
    .vaccination-report__period-tabs .nav-tabs .nav-item, .vaccination-report__period-tabs ul.nav-tabs > li, .vaccination-report__group-by .nav-tabs .nav-item, .vaccination-report__group-by ul.nav-tabs > li, .vaccination-report__group-by-secondary .nav-tabs .nav-item, .vaccination-report__group-by-secondary ul.nav-tabs > li {
      margin-bottom: -1px;
      margin-top: -1px; }
      .vaccination-report__period-tabs .nav-tabs .nav-item a, .vaccination-report__period-tabs ul.nav-tabs > li a, .vaccination-report__group-by .nav-tabs .nav-item a, .vaccination-report__group-by ul.nav-tabs > li a, .vaccination-report__group-by-secondary .nav-tabs .nav-item a, .vaccination-report__group-by-secondary ul.nav-tabs > li a {
        padding: 8px 23px;
        font-weight: 700;
        border: none;
        color: #06ADEF;
        opacity: 1; }
        @media (max-width: 767px) {
          .vaccination-report__period-tabs .nav-tabs .nav-item a, .vaccination-report__period-tabs ul.nav-tabs > li a, .vaccination-report__group-by .nav-tabs .nav-item a, .vaccination-report__group-by ul.nav-tabs > li a, .vaccination-report__group-by-secondary .nav-tabs .nav-item a, .vaccination-report__group-by-secondary ul.nav-tabs > li a {
            padding: 8px 10px; } }
        .vaccination-report__period-tabs .nav-tabs .nav-item a.active, .vaccination-report__period-tabs ul.nav-tabs > li a.active, .vaccination-report__group-by .nav-tabs .nav-item a.active, .vaccination-report__group-by ul.nav-tabs > li a.active, .vaccination-report__group-by-secondary .nav-tabs .nav-item a.active, .vaccination-report__group-by-secondary ul.nav-tabs > li a.active {
          border-radius: 5px;
          background: #06ADEF;
          color: white; }
  .vaccination-report__group-by-secondary {
    display: flex;
    justify-content: center; }
    @media (max-width: 767px) {
      .vaccination-report__group-by-secondary {
        margin-bottom: 40px; } }
    .vaccination-report__group-by-secondary .nav-tabs {
      flex-wrap: nowrap;
      margin-bottom: 25px; }
      @media (max-width: 767px) {
        .vaccination-report__group-by-secondary .nav-tabs {
          width: 100%; } }
      .vaccination-report__group-by-secondary .nav-tabs .nav-item a, .vaccination-report__group-by-secondary ul.nav-tabs > li a {
        padding: 8px 30px; }
        @media (max-width: 767px) {
          .vaccination-report__group-by-secondary .nav-tabs .nav-item a, .vaccination-report__group-by-secondary ul.nav-tabs > li a {
            padding: 8px 15px; } }
  .vaccination-report__date > div {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 25px 0 45px;
    padding: 10px 0;
    border-top: 1px solid #D5E0F0;
    border-bottom: 1px solid #D5E0F0; }
    @media (max-width: 767px) {
      .vaccination-report__date > div {
        flex-direction: column;
        margin: 10px 0 0;
        padding: 0;
        border: none; } }
  .vaccination-report__date-current {
    margin-left: auto;
    padding-right: 15px; }
    @media (max-width: 767px) {
      .vaccination-report__date-current {
        width: 100%;
        margin: 0;
        padding: 15px 0;
        text-align: center; } }
    .vaccination-report__date-current button {
      font-size: 14px;
      font-weight: 600;
      color: #06ADEF;
      outline: none;
      padding: 0;
      background: none;
      border: none;
      cursor: pointer; }
  .vaccination-report__calendar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1; }
    @media (max-width: 767px) {
      .vaccination-report__calendar {
        width: 100%;
        padding: 10px 0;
        border-top: 1px solid #D5E0F0;
        border-bottom: 1px solid #D5E0F0; } }
    .vaccination-report__calendar--custom .vaccination-report__calendar-icon {
      margin-left: 5px;
      margin-right: 0; }
    .vaccination-report__calendar--custom .vaccination-report__calendar-divider {
      margin: 0 15px; }
    .vaccination-report__calendar-arrow {
      font-size: 30px;
      line-height: 1;
      color: #06ADEF;
      cursor: pointer; }
    .vaccination-report__calendar-date {
      display: flex;
      align-items: center;
      margin: 0 40px; }
    .vaccination-report__calendar-text {
      font-size: 16px;
      font-weight: 400;
      color: #2c3547; }
    .vaccination-report__calendar-icon {
      margin-left: 20px;
      font-size: 16px;
      color: #06ADEF;
      cursor: pointer; }
  .vaccination-report__table {
    border-collapse: separate; }
    .vaccination-report__table-wrapper {
      display: flex;
      flex-direction: column;
      height: 100%;
      min-height: auto; }
    .vaccination-report__table thead th {
      font-family: 'Noto Sans', sans-serif;
      font-size: 12px;
      font-weight: 700;
      border: none; }
    .vaccination-report__table tbody tr td {
      font-family: 'Noto Sans', sans-serif;
      font-size: 13px;
      border: none; }
      .vaccination-report__table tbody tr td.free, .vaccination-report__table tbody tr td.busy {
        font-weight: 700; }
      .vaccination-report__table tbody tr td.free {
        color: #00D38B; }
      .vaccination-report__table tbody tr td.busy {
        color: #FF3259; }
      .vaccination-report__table tbody tr td .view-btn {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        font-family: 'Noto Sans', sans-serif !important;
        text-transform: capitalize !important;
        color: #06ADEF; }
        .vaccination-report__table tbody tr td .view-btn:hover {
          color: #06ADEF; }
  .vaccination-report__table--day, .vaccination-report__table--week, .vaccination-report__table--custom {
    border-spacing: 0 5px; }
    .vaccination-report__table--day thead th, .vaccination-report__table--week thead th, .vaccination-report__table--custom thead th {
      min-width: 100px;
      padding: 0 0 10px 35px;
      line-height: 1.2; }
      .vaccination-report__table--day thead th:first-child, .vaccination-report__table--week thead th:first-child, .vaccination-report__table--custom thead th:first-child {
        min-width: 170px;
        padding-left: 20px; }
      @media (max-width: 767px) {
        .vaccination-report__table--day thead th, .vaccination-report__table--week thead th, .vaccination-report__table--custom thead th {
          padding: 0 0 10px 20px; }
          .vaccination-report__table--day thead th:nth-child(4), .vaccination-report__table--week thead th:nth-child(4), .vaccination-report__table--custom thead th:nth-child(4) {
            display: none; } }
    .vaccination-report__table--day tbody tr:hover td, .vaccination-report__table--week tbody tr:hover td, .vaccination-report__table--custom tbody tr:hover td {
      background: #E7ECF7; }
    .vaccination-report__table--day tbody tr td, .vaccination-report__table--week tbody tr td, .vaccination-report__table--custom tbody tr td {
      min-width: 100px;
      padding: 14px 0 13px 35px;
      background: #F1F6FF;
      cursor: pointer; }
      @media (max-width: 767px) {
        .vaccination-report__table--day tbody tr td, .vaccination-report__table--week tbody tr td, .vaccination-report__table--custom tbody tr td {
          padding: 20px 0 15px 20px; }
          .vaccination-report__table--day tbody tr td:nth-child(4), .vaccination-report__table--week tbody tr td:nth-child(4), .vaccination-report__table--custom tbody tr td:nth-child(4) {
            display: none; } }
      .vaccination-report__table--day tbody tr td:nth-child(1), .vaccination-report__table--week tbody tr td:nth-child(1), .vaccination-report__table--custom tbody tr td:nth-child(1) {
        min-width: 170px;
        padding-right: 15px;
        padding-left: 20px;
        border-radius: 4px 0 0 4px; }
      .vaccination-report__table--day tbody tr td:last-child, .vaccination-report__table--week tbody tr td:last-child, .vaccination-report__table--custom tbody tr td:last-child {
        padding-right: 35px;
        border-radius: 0 4px 4px 0; }
  .vaccination-report__table--day thead th:last-child {
    display: none; }
  .vaccination-report__table--day tbody tr {
    cursor: default; }
    .vaccination-report__table--day tbody tr:hover td {
      background: #f1f6ff; }
    .vaccination-report__table--day tbody tr td:nth-child(5) {
      border-radius: 0 4px 4px 0; }
    .vaccination-report__table--day tbody tr td:last-child {
      display: none; }
  .vaccination-report__table--month {
    border-spacing: 6px 10px; }
    .vaccination-report__table--month thead th {
      font-weight: 300;
      text-align: center;
      color: #788291; }
      @media (max-width: 767px) {
        .vaccination-report__table--month thead th {
          padding-top: 0; } }
    .vaccination-report__table--month tbody tr td {
      position: relative;
      padding: 18px;
      line-height: 1;
      text-align: center;
      border-radius: 4px;
      background: #F1F6FF;
      cursor: pointer; }
      @media (max-width: 767px) {
        .vaccination-report__table--month tbody tr td {
          padding: 15px 8px 8px; } }
      .vaccination-report__table--month tbody tr td:hover {
        background: #E7ECF7; }
        .vaccination-report__table--month tbody tr td:hover .vaccination-report__table-hint {
          display: block;
          opacity: 1; }
      .vaccination-report__table--month tbody tr td.skip {
        cursor: auto;
        background: transparent; }
      .vaccination-report__table--month tbody tr td .date {
        display: block;
        margin-bottom: 10px;
        font-size: 10px;
        color: #788291; }
        @media (max-width: 767px) {
          .vaccination-report__table--month tbody tr td .date {
            margin-bottom: 5px; } }
      .vaccination-report__table--month tbody tr td .slots {
        display: block;
        margin-bottom: 5px; }
        @media (max-width: 767px) {
          .vaccination-report__table--month tbody tr td .slots {
            display: none; } }
      .vaccination-report__table--month tbody tr td .free-slots {
        display: block;
        font-weight: 700; }
        @media (max-width: 767px) {
          .vaccination-report__table--month tbody tr td .free-slots {
            display: none; } }
        .vaccination-report__table--month tbody tr td .free-slots.free {
          color: #00D38B; }
        .vaccination-report__table--month tbody tr td .free-slots.busy {
          color: #FF3259; }
      .vaccination-report__table--month tbody tr td .bottom-line {
        display: none;
        height: 3px;
        border-radius: 50px;
        background: #2c3547; }
        @media (max-width: 767px) {
          .vaccination-report__table--month tbody tr td .bottom-line {
            display: block; } }
        .vaccination-report__table--month tbody tr td .bottom-line.free {
          background: #00D38B; }
        .vaccination-report__table--month tbody tr td .bottom-line.busy {
          background: #FF3259; }
      .vaccination-report__table--month tbody tr td .vaccination-report__table-hint {
        display: none;
        position: absolute;
        min-width: 200px;
        width: auto;
        left: 30px;
        bottom: 90%;
        padding: 25px 20px;
        border-radius: 4px;
        box-shadow: 0 2px 7px rgba(45, 51, 72, 0.1);
        background: #fff;
        opacity: 0;
        transition: .4s ease;
        z-index: 3;
        pointer-events: none; }
        .vaccination-report__table--month tbody tr td .vaccination-report__table-hint ul li {
          display: flex;
          align-items: center;
          margin-bottom: 10px; }
          .vaccination-report__table--month tbody tr td .vaccination-report__table-hint ul li:last-child {
            margin-bottom: 0; }
          .vaccination-report__table--month tbody tr td .vaccination-report__table-hint ul li span {
            width: 50%;
            text-align: left; }
            .vaccination-report__table--month tbody tr td .vaccination-report__table-hint ul li span:first-child {
              font-size: 12px;
              font-weight: 600; }
            .vaccination-report__table--month tbody tr td .vaccination-report__table-hint ul li span:last-child {
              font-size: 14px; }
  .vaccination-report__table--second-appointment {
    border-spacing: 0 7px; }
    .vaccination-report__table--second-appointment thead th {
      padding: 0 0 10px 20px; }
      @media (max-width: 767px) {
        .vaccination-report__table--second-appointment thead th.appointment-date {
          display: none; } }
    .vaccination-report__table--second-appointment tbody tr:hover td {
      background: #E7ECF7; }
    .vaccination-report__table--second-appointment tbody tr td {
      padding: 20px 0 15px 20px;
      cursor: pointer;
      background: #F1F6FF; }
      .vaccination-report__table--second-appointment tbody tr td:first-child {
        min-width: 150px;
        border-radius: 4px 0 0 4px; }
      .vaccination-report__table--second-appointment tbody tr td:last-child {
        padding-right: 35px;
        border-radius: 0 4px 4px 0; }
      @media (max-width: 767px) {
        .vaccination-report__table--second-appointment tbody tr td.appointment-date {
          display: none; } }
      .vaccination-report__table--second-appointment tbody tr td .booking-label {
        padding: 3px 14px;
        font-size: 12px;
        font-style: italic;
        line-height: 1;
        border-radius: 50px;
        color: #fff; }
        .vaccination-report__table--second-appointment tbody tr td .booking-label--green {
          background: #00D38B; }
        .vaccination-report__table--second-appointment tbody tr td .booking-label--red {
          background: #F19795; }
  .vaccination-report__cards {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 -8px; }
    @media (min-width: 1024px) and (max-width: 1200px) {
      .vaccination-report__cards {
        margin: 0; } }
    @media (max-width: 1024px) {
      .vaccination-report__cards {
        justify-content: center;
        margin: 0 -8px; } }
    @media (max-width: 767px) {
      .vaccination-report__cards {
        margin: 0; } }
  .vaccination-report__card {
    max-width: calc(50% - 16px);
    flex: 1;
    margin: 0 8px;
    box-shadow: 0px 2px 3px rgba(45, 51, 72, 0.1);
    border-radius: 4px;
    background: #fff; }
    @media (min-width: 1024px) and (max-width: 1920px) {
      .vaccination-report__card {
        width: 100%;
        max-width: 330px;
        flex: 0 1 auto;
        margin: 0 8px 20px; } }
    @media (max-width: 1024px) {
      .vaccination-report__card {
        max-width: calc(50% - 16px);
        margin: 0 8px; } }
    @media (max-width: 767px) {
      .vaccination-report__card {
        max-width: 100%;
        margin: 0 0 25px; }
        .vaccination-report__card:last-child {
          margin-bottom: 0; } }
    .vaccination-report__card-header {
      padding: 12px 20px 8px;
      font-size: 14px;
      font-weight: 700;
      color: #2c3547;
      background: #F1F6FF; }
    .vaccination-report__card-title {
      margin: 0; }
    .vaccination-report__card-body {
      padding: 30px 20px 25px; }
    .vaccination-report__card li {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 15px; }
      .vaccination-report__card li:last-child {
        margin-bottom: 0; }
      .vaccination-report__card li span {
        width: 100%;
        max-width: 20%; }
        .vaccination-report__card li span.free {
          color: #00D38B; }
        .vaccination-report__card li span.busy {
          color: #FF3259; }
  .vaccination-report__filter {
    margin-bottom: 35px;
    padding: 20px 30px 35px; }
    @media (max-width: 767px) {
      .vaccination-report__filter {
        display: none; } }
    @media (max-width: 767px) {
      .vaccination-report__filter-container.filter-visible .vaccination-report__filter {
        display: block; }
      .vaccination-report__filter-container.filter-visible .vaccination-report__filter-toggle {
        background: #06ADEF;
        color: #fff; } }
    .vaccination-report__filter-toggle {
      display: none;
      margin: 20px auto 25px;
      border: 1px solid #06ADEF;
      color: #06ADEF; }
      @media (max-width: 767px) {
        .vaccination-report__filter-toggle {
          display: block; } }
    .vaccination-report__filter-row {
      display: flex;
      align-items: flex-end;
      margin: 0 -7px; }
      @media (max-width: 1024px) {
        .vaccination-report__filter-row {
          flex-wrap: wrap;
          margin: 0; } }
    .vaccination-report__filter-column {
      width: calc(25% - 14px);
      margin: 0 7px; }
      @media (max-width: 1024px) {
        .vaccination-report__filter-column {
          width: 100%;
          margin: 0 0 10px; }
          .vaccination-report__filter-column:last-child {
            margin-bottom: 0; } }
      .vaccination-report__filter-column--action {
        width: auto;
        margin-left: auto; }
        @media (max-width: 1024px) {
          .vaccination-report__filter-column--action {
            width: 100%;
            margin: 20px 0 0;
            text-align: center; } }
      .vaccination-report__filter-column .form-group, .vaccination-report__filter-column .element-container {
        margin: 0; }
      .vaccination-report__filter-column input {
        height: 1.6em !important;
        line-height: 1 !important; }
  @media (max-width: 1024px) {
    .vaccination-report__chart {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%); } }
  @media (max-width: 767px) {
    .vaccination-report__chart {
      width: 100%;
      padding: 20px 0;
      border-top: 1px solid #D5E0F0;
      border-bottom: 1px solid #D5E0F0; } }
  .vaccination-report__chart-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 35px; }
    @media (max-width: 1024px) {
      .vaccination-report__chart-wrapper {
        margin: 0; } }
  .vaccination-report__chart-left {
    width: 150px;
    height: 150px;
    margin-right: 40px; }
    @media (max-width: 767px) {
      .vaccination-report__chart-left {
        width: 65px;
        height: 65px;
        margin-right: 30px; } }
  .vaccination-report__chart-legend ul {
    display: flex;
    flex-direction: column; }
    .vaccination-report__chart-legend ul li {
      display: flex;
      align-items: center;
      width: 100%;
      margin-bottom: 20px;
      padding: 0;
      overflow-wrap: unset;
      word-break: break-all;
      white-space: nowrap; }
      @media (max-width: 767px) {
        .vaccination-report__chart-legend ul li {
          margin-bottom: 5px; } }
      .vaccination-report__chart-legend ul li:last-child {
        margin-bottom: 0; }
      .vaccination-report__chart-legend ul li span {
        min-width: 55px;
        margin-right: 15px;
        font-size: 20px;
        font-weight: 700;
        text-align: right; }
  .vaccination-report__chart .chart-wrap {
    height: 150px;
    min-height: 150px; }
    @media (max-width: 767px) {
      .vaccination-report__chart .chart-wrap {
        height: 65px;
        min-height: 65px; } }
  .vaccination-report__modal {
    max-width: 650px; }
    .vaccination-report__modal .modal-header {
      padding: 15px 30px; }
    .vaccination-report__modal .modal-body {
      display: flex;
      flex-wrap: wrap;
      margin: 0 -25px;
      padding: 30px; }
      @media (max-width: 575px) {
        .vaccination-report__modal .modal-body {
          margin: 0; } }
    .vaccination-report__modal-column {
      width: calc(50% - 50px);
      margin: 0 25px; }
      @media (max-width: 575px) {
        .vaccination-report__modal-column {
          width: 100%;
          margin: 0 0 25px; }
          .vaccination-report__modal-column:last-child {
            margin-bottom: 0; } }
    .vaccination-report__modal-heading {
      margin-bottom: 10px;
      font-family: 'Noto Sans', sans-serif;
      font-size: 18px;
      font-weight: 700; }
    .vaccination-report__modal-text {
      margin-bottom: 0;
      font-family: 'Noto Sans', sans-serif;
      font-size: 14px;
      color: #788291; }
      .vaccination-report__modal-text:last-child {
        margin-bottom: 0; }

.sb-pagination-content {
  margin-top: auto; }

.sb-step-details .form-groups .note-editable.loading, .sb-step-details .form-groups textarea.sb-description.loading {
  cursor: wait; }

.sb-step-details .form-groups .note-editable.loading, .sb-step-details .form-groups textarea.sb-description.loading {
  cursor: wait; }

.sb-step-details .form-groups .note-editable.loading, .sb-step-details .form-groups textarea.sb-description.loading {
  cursor: wait; }

.dark-mode .page--affiliate-integration .pai-benefit .pai-benefit-list_item {
  border-color: #555555; }

.page--affiliate-integration {
  padding-bottom: 40px; }
  .page--affiliate-integration .title {
    width: 100%; }
    .page--affiliate-integration .title.center {
      text-align: center; }
  .page--affiliate-integration .cursive {
    position: relative;
    display: inline-block;
    font-family: Caveat, cursive;
    letter-spacing: 1px;
    line-height: 1.1;
    color: #ABBCCC;
    font-weight: bold;
    font-size: 20px; }
    .page--affiliate-integration .cursive.--arrow {
      padding-right: 30px; }
      .page--affiliate-integration .cursive.--arrow .arrow {
        position: absolute;
        top: -15px;
        right: 0;
        color: #ABBCCC; }
        .page--affiliate-integration .cursive.--arrow .arrow svg {
          height: 52px; }
  .page--affiliate-integration .pai-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto; }
  .page--affiliate-integration .pai-page-content {
    display: flex;
    flex-direction: column;
    gap: 50px; }
  .page--affiliate-integration .pai-greeting {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 20px 64px; }
    @media (min-width: 990px) {
      .page--affiliate-integration .pai-greeting {
        flex-direction: row; } }
    .page--affiliate-integration .pai-greeting_content {
      width: 100%;
      max-width: 520px;
      text-align: center; }
      @media (min-width: 990px) {
        .page--affiliate-integration .pai-greeting_content {
          flex: 1;
          text-align: left; } }
      @media (min-width: 1024px) {
        .page--affiliate-integration .pai-greeting_content .form-group, .page--affiliate-integration .pai-greeting_content .element-container {
          max-width: 400px; } }
      .page--affiliate-integration .pai-greeting_content .subtitle {
        display: flex;
        align-items: baseline;
        gap: 8px;
        font-weight: normal; }
        @media (max-width: 990px) {
          .page--affiliate-integration .pai-greeting_content .subtitle {
            justify-content: center; } }
        .page--affiliate-integration .pai-greeting_content .subtitle .icon {
          font-size: 16px; }
      .page--affiliate-integration .pai-greeting_content .btn-bar {
        margin-top: 20px; }
        @media (max-width: 990px) {
          .page--affiliate-integration .pai-greeting_content .btn-bar__raw {
            justify-content: center; } }
        .page--affiliate-integration .pai-greeting_content .btn-bar__raw .save.btn--primary {
          justify-content: center;
          min-width: 150px; }
        .page--affiliate-integration .pai-greeting_content .btn-bar .cursive {
          padding-top: 22px; }
  .page--affiliate-integration .pai-how-it-work {
    margin: 0 -20px; }
    .page--affiliate-integration .pai-how-it-work .section__cover-content.-p-0 {
      padding: 56px 22px; }
    .page--affiliate-integration .pai-how-it-work .title.center {
      margin-bottom: 40px; }
    .page--affiliate-integration .pai-how-it-work .hiw-list {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      flex-wrap: wrap;
      gap: 40px; }
      .page--affiliate-integration .pai-how-it-work .hiw-list_item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        flex-grow: 1;
        flex-basis: 300px;
        max-width: 380px; }
        .page--affiliate-integration .pai-how-it-work .hiw-list_item_picture {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 80px;
          width: 80px;
          border-radius: 100px;
          color: #0B3052;
          margin-bottom: 26px; }
          .page--affiliate-integration .pai-how-it-work .hiw-list_item_picture.share {
            background: #FFFCF5; }
          .page--affiliate-integration .pai-how-it-work .hiw-list_item_picture.add {
            background: #D8F4FF; }
          .page--affiliate-integration .pai-how-it-work .hiw-list_item_picture.earn {
            background: #E5FBF3; }
          .page--affiliate-integration .pai-how-it-work .hiw-list_item_picture .icon {
            font-size: 24px; }
        .page--affiliate-integration .pai-how-it-work .hiw-list_item .title {
          margin-bottom: 12px; }
  .page--affiliate-integration .pai-benefit .title.center {
    margin-bottom: 28px; }
  .page--affiliate-integration .pai-benefit .pai-benefit-grid {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px 55px;
    margin-bottom: 42px; }
    @media (max-width: 990px) {
      .page--affiliate-integration .pai-benefit .pai-benefit-grid {
        flex-direction: column; } }
  .page--affiliate-integration .pai-benefit .pai-benefit-content {
    flex: 1; }
  .page--affiliate-integration .pai-benefit .pai-benefit-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 16px; }
    .page--affiliate-integration .pai-benefit .pai-benefit-list_item {
      padding: 16px;
      border-radius: 5px;
      border: 1px solid #E7ECF7;
      flex-grow: 1;
      flex-basis: 300px;
      max-width: 460px; }
  .page--affiliate-integration .pai-begin .title.center {
    margin-bottom: 32px; }
  .page--affiliate-integration .pai-begin-grid {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px 48px; }
    @media (max-width: 990px) {
      .page--affiliate-integration .pai-begin-grid {
        flex-direction: column; } }
  .page--affiliate-integration .pai-begin-form, .page--affiliate-integration .pai-begin-content {
    flex: 1;
    max-width: 520px;
    width: 100%; }
  .page--affiliate-integration .pai-begin-form {
    max-width: 460px; }

.configuration-menu-page {
  padding: 15px;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap; }
  .configuration-menu-page .menu-group {
    margin-bottom: 30px; }
  .configuration-menu-page .sb-settings-tabs .tab .sb-url-wrap a {
    padding-left: 0; }

.btn-confirm-upload {
  padding-left: 43px;
  padding-right: 43px; }

.msg-type-icon, .msg-settings-table .msg-settings-row .icons span {
  display: inline-block;
  font-size: 1.2em;
  color: #ccc; }

.configuration-page,
.notification-configuration-page {
  /* loading */
  /* success message */
  /* errors */
  /* buttons */ }
  .configuration-page .loading-spinner,
  .notification-configuration-page .loading-spinner {
    float: right;
    margin-right: 20px; }
    .configuration-page .loading-spinner:not(.sending),
    .notification-configuration-page .loading-spinner:not(.sending) {
      display: none; }
  .configuration-page .success-message:not(.visible),
  .notification-configuration-page .success-message:not(.visible) {
    display: none; }
  .configuration-page .error-message,
  .notification-configuration-page .error-message {
    margin: 20px;
    display: none; }
  .configuration-page .field-errors,
  .notification-configuration-page .field-errors {
    margin-top: 10px;
    padding: 10px; }
  .configuration-page .form-group:not(.error) .field-errors, .configuration-page .element-container:not(.error) .field-errors,
  .notification-configuration-page .form-group:not(.error) .field-errors,
  .notification-configuration-page .element-container:not(.error) .field-errors {
    display: none; }
  .configuration-page .buttons,
  .notification-configuration-page .buttons {
    margin-bottom: 1rem; }
    .configuration-page .buttons:after,
    .notification-configuration-page .buttons:after {
      content: '';
      display: block;
      clear: both; }

.configuration-page #gocoin .btns.authorized .btn.authorize-button,
.configuration-page #gocoin .btns:not(.authorized) .btn.unauthorize-button {
  display: none; }

.configuration-page #sale_tax {
  display: inline-block; }

.configuration-page .msg-type-icon, .configuration-page .msg-settings-table .msg-settings-row .icons span, .msg-settings-table .msg-settings-row .icons .configuration-page span {
  display: inline-block;
  font-size: 1.2em;
  color: #ccc; }

.configuration-page input.half-size {
  display: inline-block;
  vertical-align: middle;
  width: 47.5%;
  max-width: 240px; }

.configuration-page .sales-tax-container .percent-symbol {
  font-size: 1.3em; }

.configuration-page #gocoin .btns.authorized .btn.authorize-button,
.configuration-page #gocoin .btns:not(.authorized) .btn.unauthorize-button {
  display: none; }

.configuration-page .accordion-tab-header .state-label {
  display: inline-block;
  margin-right: 10px; }
  .configuration-page .accordion-tab-header .state-label.fa-check-circle {
    color: #26dd7d; }
  .configuration-page .accordion-tab-header .state-label.fa-circle {
    color: #ccc; }

.configuration-page .dark-title {
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 18px; }

.configuration-page .inner-header {
  margin-bottom: 20px; }

.configuration-page .pull-left {
  margin-right: 15px; }

.configuration-page .field input[type='checkbox'] {
  position: relative;
  top: 4px; }

.configuration-page #sale_tax {
  display: inline-block; }

.configuration-page .field {
  position: relative; }

.configuration-page #fixed_country_prefix_select {
  width: 155px;
  float: left; }
  .configuration-page #fixed_country_prefix_select + .ui-button {
    position: absolute;
    left: 15px;
    top: 0;
    height: 30px;
    width: 155px;
    background: url("/v2/images/admin/drop_select.png") right 10px center no-repeat;
    border-color: transparent; }
    .configuration-page #fixed_country_prefix_select + .ui-button .ui-icon {
      display: none; }

.configuration-page .promo {
  color: #06acee;
  font-size: 22px;
  float: right;
  position: relative;
  bottom: 7px; }

.config_form .field-container {
  clear: both; }

.config_form .config_header {
  margin: 20px 0px 5px 0px;
  font-size: large;
  border-bottom: 1px dotted;
  width: 400px;
  padding-bottom: 3px; }

.static-help {
  display: none; }

.field .ui-combobox-toggle {
  top: 0px;
  margin-left: -15px;
  height: 30px; }

@media (max-width: 980px) {
  .pad-css__directory-settings .right-block,
  .pad-css__directory-settings .left-block {
    width: 100%;
    margin-left: 0; } }

#templates-page .template-vars-container {
  position: absolute;
  overflow-x: auto; }

#templates-page #email-settings .notifications-table {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd; }
  #templates-page #email-settings .notifications-table tr th {
    vertical-align: middle; }
  #templates-page #email-settings .notifications-table tr td {
    width: 19%;
    vertical-align: middle; }
    #templates-page #email-settings .notifications-table tr td .custom-checkbox {
      margin: 0; }
    #templates-page #email-settings .notifications-table tr td select {
      max-width: 180px;
      margin: 0 auto; }
  #templates-page #email-settings .notifications-table tr th,
  #templates-page #email-settings .notifications-table tr td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    text-align: center; }
    #templates-page #email-settings .notifications-table tr th:last-child,
    #templates-page #email-settings .notifications-table tr td:last-child {
      border-right: none; }

#templates-page #email-settings #templates-list .template .cap {
  color: #2c3547; }
  #templates-page #email-settings #templates-list .template .cap:before {
    display: inline-block;
    content: "";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-style: normal;
    text-decoration: inherit;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  #templates-page #email-settings #templates-list .template .cap.collapsed:before {
    display: inline-block;
    content: "";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-style: normal;
    text-decoration: inherit;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

#templates-page #email-settings #templates-list .template .content {
  padding: 0 30px; }

@media (max-width: 767px) {
  .adds_block_800_container .adds-block.green-block {
    width: 65%;
    margin-bottom: 20px; }
  .notifications-settings.w75,
  .notifications-settings.w75 table {
    box-sizing: border-box;
    margin: 10px;
    width: 100%; }
  .notifications-settings.w75 table {
    width: 95%; }
  .notifications-settings .notification-element,
  .notifications-settings th.notification-element {
    word-wrap: normal;
    white-space: normal; } }

/* Paid events email template */
.notifications-settings .field .form-group, .notifications-settings .field .element-container {
  margin-bottom: 5px; }
  .notifications-settings .field .form-group .material-switch-container, .notifications-settings .field .element-container .material-switch-container {
    justify-content: center; }
    .notifications-settings .field .form-group .material-switch-container .material-switch, .notifications-settings .field .element-container .material-switch-container .material-switch {
      margin: 0; }

.notification-configuration-page {
  padding: 15px; }

.msg-settings-table {
  margin-bottom: 20px; }
  .msg-settings-table .msg-settings-row {
    margin: 10px 0;
    /* /.header-row */
    /* /.footer-row */
    /* /.remind-before-settings-container */
    /* /.msg-settings */ }
    @media (max-width: 575px) {
      .msg-settings-table .msg-settings-row {
        border-bottom: 1px solid #41cac0;
        padding: 10px 0; } }
    .msg-settings-table .msg-settings-row.header-row {
      margin-top: 20px;
      border-bottom: 1px solid #41cac0; }
      @media (max-width: 575px) {
        .msg-settings-table .msg-settings-row.header-row {
          display: none; } }
      .msg-settings-table .msg-settings-row.header-row .control-label {
        margin-bottom: 10px; }
      .msg-settings-table .msg-settings-row.header-row .col-names .col:last-child .control-label {
        margin-left: 10px; }
      .msg-settings-table .msg-settings-row.header-row .col-names .col:last-child .control-label {
        margin-left: 20px; }
    @media (min-width: 575px) {
      .msg-settings-table .msg-settings-row.footer-row {
        padding-top: 20px;
        border-top: 1px solid #41cac0; } }
    @media (min-width: 575px) {
      .msg-settings-table .msg-settings-row .remind-before-settings-container {
        text-align: center; }
        .msg-settings-table .msg-settings-row .remind-before-settings-container .form-group, .msg-settings-table .msg-settings-row .remind-before-settings-container .element-container {
          margin: 0; } }
    @media (max-width: 575px) {
      .msg-settings-table .msg-settings-row .remind-before-settings-container .form-group, .msg-settings-table .msg-settings-row .remind-before-settings-container .element-container {
        margin: 10px 0; } }
    .msg-settings-table .msg-settings-row .msg-setting {
      display: inline-block;
      margin-right: 10px;
      margin-bottom: 10px; }
      .msg-settings-table .msg-settings-row .msg-setting .material-switch-container,
      .msg-settings-table .msg-settings-row .msg-setting .icons {
        display: inline-block; }
      .msg-settings-table .msg-settings-row .msg-setting .material-switch-container {
        width: 60px; }
      .msg-settings-table .msg-settings-row .msg-setting .empty-material-switch-container {
        width: 60px;
        color: #ccc;
        font-size: 1.2em;
        margin-left: 20px;
        display: inline-block;
        text-align: center; }
    .msg-settings-table .msg-settings-row .icons {
      display: inline-block; }
      .msg-settings-table .msg-settings-row .icons span {
        margin-left: 10px; }
      @media (min-width: 575px) {
        .msg-settings-table .msg-settings-row .icons .recipient-icon {
          display: none; } }

.custom-translations-page {
  padding: 20px; }
  .custom-translations-page .grid-type-flex {
    flex-direction: row;
    flex-wrap: nowrap; }
    @media (max-width: 1200px) {
      .custom-translations-page .grid-type-flex {
        flex-direction: column; } }
    @media (max-width: 1200px) {
      .custom-translations-page .grid-type-flex .grid-item {
        flex: unset;
        width: 100%; } }
    .custom-translations-page .grid-type-flex .grid-item.grid-item--content {
      order: 1; }
      @media (min-width: 1200px) {
        .custom-translations-page .grid-type-flex .grid-item.grid-item--content {
          order: 0; } }
    @media (min-width: 1200px) {
      .custom-translations-page .grid-type-flex .grid-item.translations-page--sidebar {
        position: sticky;
        top: 70px;
        flex: unset;
        min-width: 400px;
        max-width: 480px; } }
  .custom-translations-page .buttons-container {
    margin-bottom: 15px; }
  .custom-translations-page .panel .panel-heading {
    position: sticky;
    top: 60px;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 10; }
    .custom-translations-page .panel .panel-heading .custom-tabs {
      flex-wrap: nowrap;
      padding: 0;
      margin: 0; }
      .custom-translations-page .panel .panel-heading .custom-tabs li {
        flex: 1; }
    .custom-translations-page .panel .panel-heading a {
      display: flex;
      flex: 1;
      align-items: center;
      justify-content: center;
      text-align: center;
      line-height: 1.2;
      font-size: 14px;
      gap: 6px;
      padding: 5px 15px;
      height: 50px;
      transition: all 0.5s ease;
      overflow: hidden; }
      @media (max-width: 767px) {
        .custom-translations-page .panel .panel-heading a {
          font-weight: normal;
          font-size: 13px; }
          .custom-translations-page .panel .panel-heading a i {
            display: none; } }
    .custom-translations-page .panel .panel-heading.--sticky {
      position: sticky;
      top: 60px;
      left: 0;
      z-index: 10;
      padding: 0; }
      .custom-translations-page .panel .panel-heading.--sticky .custom-tabs {
        flex-wrap: nowrap;
        background: #F1F6FF;
        border-radius: 0; }
        @media (max-width: 992px) {
          .custom-translations-page .panel .panel-heading.--sticky .custom-tabs {
            margin-left: -15px;
            margin-right: -15px; } }
        .custom-translations-page .panel .panel-heading.--sticky .custom-tabs li {
          flex: 1; }
      .custom-translations-page .panel .panel-heading.--sticky a {
        font-weight: 300;
        color: #0B3052; }
  .custom-translations-page .panel .panel-body > .link {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding: 0 1.25rem 1.25rem;
    border-bottom: 1px solid #e2e2e2; }
    .custom-translations-page .panel .panel-body > .link a:hover, .custom-translations-page .panel .panel-body > .link a:active, .custom-translations-page .panel .panel-body > .link a:focus {
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      -webkit-tap-highlight-color: transparent;
      text-decoration: none; }
    @media (max-width: 1024px) {
      .custom-translations-page .panel .panel-body > .link {
        text-align: right; } }
    @media (max-width: 767px) {
      .custom-translations-page .panel .panel-body > .link {
        text-align: center; } }

#translations_container .table {
  table-layout: fixed; }

#translations_container tr .form-control, #translations_container tr .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container #translations_container tr textarea, #translations_container tr .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field #translations_container tr select, #translations_container tr .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors #translations_container tr input, #translations_container tr .design-settings-page div.input, .design-settings-page #translations_container tr div.input {
  border-color: #26dd7d; }

#translations_container tr.non-translated .form-control, #translations_container tr.non-translated .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container #translations_container tr.non-translated textarea, #translations_container tr.non-translated .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field #translations_container tr.non-translated select, #translations_container tr.non-translated .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors #translations_container tr.non-translated input, #translations_container tr.non-translated .design-settings-page div.input, .design-settings-page #translations_container tr.non-translated div.input {
  border-color: #788291; }

#translations_container.new_only tr .non-translated .form-control, #translations_container.new_only tr .non-translated .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container #translations_container.new_only tr .non-translated textarea, #translations_container.new_only tr .non-translated .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field #translations_container.new_only tr .non-translated select, #translations_container.new_only tr .non-translated .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors #translations_container.new_only tr .non-translated input, #translations_container.new_only tr .non-translated .design-settings-page div.input, .design-settings-page #translations_container.new_only tr .non-translated div.input {
  border-color: #788291; }

.dark-mode .design-settings-page .main-page-text .opening-hours {
  border-color: #303030; }

.dark-mode .design-settings-page .theme-settings .theme-configuration .theme-fields {
  border-color: #303030; }

.dark-mode .form-group-mode-switcher .display-mode-switcher .display-mode-switcher-item .ico {
  color: #bcbcbc;
  opacity: 0.8; }

.dark-mode .form-group-mode-switcher .display-mode-switcher .display-mode-switcher-item.active .ico {
  color: #f9f9f9;
  opacity: 1; }

.dark-mode .wrap-bg-position .position-container:before,
.dark-mode .design-settings-page .theme-settings .palette-list .palette-item {
  border-color: #777777; }

.dark-mode .design-settings-page .theme-settings .theme-gallery .theme-items .theme-item img {
  filter: grayscale(0.1) invert(14%); }

.dark-mode .design-settings-page .theme-settings .theme-gallery .theme-items .theme-item.active img, .dark-mode .design-settings-page .theme-settings .theme-gallery .theme-items .theme-item:hover img {
  filter: none; }

.dark-mode .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes {
  background-color: #1a1a1a;
  color: #f9f9f9; }
  .dark-mode .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes:hover {
    background-color: #242424; }

.dark-mode .design-settings-page .theme-settings .logo-maker--component {
  mix-blend-mode: unset;
  background: #242424;
  border-color: #555555; }

.dark-mode .design-settings-page .theme-settings .logo-maker--picture svg,
.dark-mode .design-settings-page .theme-settings .logo-maker--picture img {
  filter: grayscale(0.7) invert(88%); }

.design-settings-page {
  padding: 20px; }
  .design-settings-page .buttons-container {
    position: relative;
    width: 100%;
    text-align: right; }
    @media (max-width: 767px) {
      .design-settings-page .buttons-container {
        text-align: center; } }
  .design-settings-page .settings-section {
    position: relative; }
  .design-settings-page .customize-tutorial {
    display: inline-block;
    position: absolute;
    top: -3px;
    left: 0;
    font-size: 26px;
    transition: all .3s ease; }
    @media (max-width: 767px) {
      .design-settings-page .customize-tutorial {
        position: static;
        margin-bottom: 15px;
        margin-right: 10px; } }
    .design-settings-page .customize-tutorial:hover, .design-settings-page .customize-tutorial:active {
      text-decoration: none; }
    .design-settings-page .customize-tutorial:hover, .design-settings-page .customize-tutorial:active, .design-settings-page .customize-tutorial:focus {
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      -webkit-tap-highlight-color: transparent;
      outline: none; }
    .design-settings-page .customize-tutorial .fab {
      font-size: 22px; }
  .design-settings-page.old .colors-block label {
    display: block; }
  .design-settings-page.old .extra-color {
    margin-right: 5px; }
  .design-settings-page.old .images-download .image {
    width: auto;
    height: auto;
    border: none; }
    .design-settings-page.old .images-download .image .image-label {
      width: 100%;
      height: auto;
      border: none; }
  .design-settings-page.old .selection-links-container a.current {
    background-color: #06ADEF;
    color: #fff;
    opacity: .6; }
  .design-settings-page.old .selection-links-container a.selected {
    background-color: #06ADEF;
    color: #fff; }
  .design-settings-page.old .main-page-text textarea.text-field {
    padding: 8px 15px;
    margin: 15px 0;
    resize: both;
    width: 100%;
    min-height: 100px; }
    .design-settings-page.old .main-page-text textarea.text-field:focus {
      outline: none; }
  .design-settings-page.old .main-page-text .title {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 0; }
  .design-settings-page.old .main-page-text .on-success-button-settings ul li {
    margin-left: 0;
    margin-right: 0; }
  @media (max-width: 767px) {
    .design-settings-page.old .iframe-preview {
      display: none; } }
  .design-settings-page .main-page-text .grid--home-page {
    gap: 24px; }
  @media (max-width: 1920px) {
    .design-settings-page .main-page-text .grid-item {
      flex: unset;
      width: calc(((100% / 2) - 24px) + (24px / 2)); } }
  @media (max-width: 1400px) {
    .design-settings-page .main-page-text .grid-item {
      width: 100%; } }
  .design-settings-page .main-page-text .grid-item [class^="col-"],
  .design-settings-page .main-page-text .grid-item .field-cont {
    padding-left: 0;
    padding-right: 0; }

.theme-preview-section.theme {
  backdrop-filter: blur(10px); }
  .theme-preview-section.theme.__is-expand {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 999999; }

.design-settings-page a.button.save-button,
.design-settings-page a.button.save-button:hover {
  color: #ffffff; }

.design-settings-page.facebook-page a.button.save-button {
  margin-left: 20px; }

.design-settings-page .button.save-button {
  font-size: 18px;
  line-height: 35px; }

.design-settings-page .box-header .button.save-button {
  float: right;
  margin-top: -10px; }

.design-settings-page .column {
  display: inline-block;
  vertical-align: top; }

.design-settings-page .no-preview-div {
  display: none; }

.design-settings-page .tab-column {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top; }

.design-settings-page ul.tab-column li {
  margin-bottom: 10px; }

.design-settings-page ul.tab-column.with-padding li {
  padding-bottom: 15px; }

.design-settings-page .tab-column.static {
  width: 220px;
  margin: 0 40px 0px 0; }

.design-settings-page .tab-column.static.wide {
  width: 320px;
  margin: 0 20px 20px 0; }

.design-settings-page ul li h3 {
  font-size: 1.7em;
  color: #777777;
  padding: 12px 0; }

.design-settings-page .color-picker-container {
  width: 600px; }

.design-settings-page .color-picker-container .color-picker-wrap,
.design-settings-page .color-picker-container .slider-container {
  display: inline-block;
  vertical-align: top; }

.design-settings-page .color-picker-container .color-picker-wrap {
  width: 530px; }

.design-settings-page .color-picker-container .slider-container {
  width: 40px;
  margin: 30px 0 0 -50px; }

.design-settings-page .color-picker-container .slider-container .ui-slider-vertical {
  height: 195px; }

.design-settings-page .color-picker-wrap {
  width: 550px; }

.design-settings-page .color-picker-wrap .color-picker {
  line-height: 0; }

.design-settings-page .theme-additional-colors {
  width: 500px; }

.design-settings-page .color-picker-container input[type=text],
.design-settings-page .color-picker-container .button {
  display: inline-block;
  width: 40%; }

.design-settings-page .color-picker-container input[type=text] {
  margin-right: 10px;
  font-size: 1.4em;
  text-align: center;
  color: #444444 !important; }

.design-settings-page .color-picker-container .input-container .box {
  padding: 10px;
  margin-top: 14px;
  margin-left: 14px; }

.design-settings-page .color-picker-container.main,
.design-settings-page .theme-additional-colors {
  display: inline-block;
  vertical-align: top; }

.design-settings-page .hidden-input {
  visibility: hidden; }

.design-settings-page .theme-additional-colors .font-color-text-container {
  float: left;
  margin: 20px 0 0 40px; }

.design-settings-page .theme-additional-colors .font-color-text-container .bootstrap__joy__header_font_color_div,
.design-settings-page .theme-additional-colors .font-color-text-container .bootstrap__joy__header_font_color_text,
.design-settings-page .theme-additional-colors .font-color-text-container .bootstrap__square_rainbow__header_font_color_div,
.design-settings-page .theme-additional-colors .font-color-text-container .bootstrap__square_rainbow__header_font_color_text,
.design-settings-page .theme-additional-colors .bootstrap__joy__base_font_color_container .bootstrap__joy__base_font_color_div,
.design-settings-page .theme-additional-colors .bootstrap__joy__base_font_color_container .bootstrap__joy__base_font_color_text {
  display: inline-block;
  vertical-align: bottom; }

.design-settings-page .theme-additional-colors .font-color-text-container .bootstrap__joy__header_font_color_div,
.design-settings-page .theme-additional-colors .font-color-text-container .bootstrap__square_rainbow__header_font_color_div {
  width: 50px;
  height: 50px;
  margin-right: 15px; }

.design-settings-page .theme-additional-colors .bootstrap__joy__base_font_color_container .bootstrap__joy__base_font_color_div {
  width: 25px;
  height: 25px;
  margin-right: 10px; }

.design-settings-page .theme-additional-colors .font-color-text-container .bootstrap__joy__header_font_color_text,
.design-settings-page .theme-additional-colors .font-color-text-container .bootstrap__square_rainbow__header_font_color_text,
.design-settings-page .theme-additional-colors .bootstrap__joy__base_font_color_container .bootstrap__joy__base_font_color_text {
  font-family: "Open Sans", sans-serif;
  font-size: 25px;
  text-transform: capitalize;
  line-height: 1em; }

.design-settings-page .theme-additional-colors .bootstrap__joy__base_font_color_container .bootstrap__joy__base_font_color_text {
  font-size: 19px; }

.design-settings-page .theme-additional-colors .bootstrap__joy__base_color_div,
.design-settings-page .theme-additional-colors .bootstrap__square_rainbow__base_color_div {
  width: 450px;
  height: 150px; }

.design-settings-page .theme-additional-colors .bootstrap__joy__base_color_light_div,
.design-settings-page .theme-additional-colors .bootstrap__square_rainbow__base_color_light_div {
  width: 450px;
  height: 50px;
  margin-bottom: 30px; }

.design-settings-page .theme-additional-colors .bootstrap__joy__base_color_light_div {
  margin-bottom: 10px; }

.design-settings-page .theme-additional-colors .bootstrap__joy__base_font_color_container {
  margin-bottom: 30px; }

.design-settings-page .theme-additional-colors .bootstrap__joy__additional_color_div,
.design-settings-page .theme-additional-colors .bootstrap__joy__additional_color_light_div,
.design-settings-page .theme-additional-colors .bootstrap__joy__additional_color_dark_div {
  width: 150px;
  height: 100px;
  display: inline-block; }

.design-settings-page .theme-additional-colors .bootstrap__square_rainbow__extra_color1_div,
.design-settings-page .theme-additional-colors .bootstrap__square_rainbow__extra_color2_div,
.design-settings-page .theme-additional-colors .bootstrap__square_rainbow__extra_color3_div,
.design-settings-page .theme-additional-colors .bootstrap__square_rainbow__extra_color4_div,
.design-settings-page .theme-additional-colors .bootstrap__square_rainbow__extra_color5_div,
.design-settings-page .theme-additional-colors .bootstrap__square_rainbow__extra_color6_div {
  width: 75px;
  height: 100px;
  display: inline-block; }

.design-settings-page .theme-settings .theme-colors.bootstrap__joy,
.design-settings-page .theme-settings .theme-colors.bootstrap__square_rainbow,
.design-settings-page .theme-settings .use-custom-colors-switcher-container {
  display: none; }

.design-settings-page .theme-settings.bootstrap__joy .theme-colors.bootstrap__joy,
.design-settings-page .theme-settings.bootstrap__square_rainbow .theme-colors.bootstrap__square_rainbow {
  display: block; }

.design-settings-page .theme-settings.bootstrap__joy.not-use-custom-colors .theme-colors.bootstrap__joy,
.design-settings-page .theme-settings.bootstrap__square_rainbow.not-use-custom-colors .theme-colors.bootstrap__square_rainbow {
  display: none; }

.design-settings-page .theme-settings.bootstrap__square_rainbow .use-custom-colors-switcher-container {
  display: inline-block; }

.design-settings-page .theme-settings.bootstrap__joy .color-selector {
  /*display: none;*/ }

.design-settings-page .theme-colors.bootstrap__square_rainbow,
.design-settings-page .theme-colors.bootstrap__joy {
  padding: 25px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  background: #fcfcfc; }

.design-settings-page .tab-column.static.layout-selector-container {
  margin-bottom: 0; }

.design-settings-page .selection-links-container a,
.design-settings-page .background-repeat-links-container a,
.design-settings-page .hide-company-name-link a {
  display: inline-block;
  margin: 5px 10px 5px 0; }

.design-settings-page .selection-links-container a.selected,
.design-settings-page .background-repeat-links-container a.selected {
  font-weight: bold; }

.design-settings-page .hide-company-name-link a.green-text,
.design-settings-page .hide-company-name-link a.green-text:hover,
.design-settings-page .use-custom-colors-switcher a.green-text,
.design-settings-page .use-custom-colors-switcher a.green-text:hover {
  color: #26dd7d; }

.design-settings-page .hide-company-name-link a.red-text,
.design-settings-page .hide-company-name-link a.red-text:hover,
.design-settings-page .use-custom-colors-switcher a.red-text,
.design-settings-page .use-custom-colors-switcher a.red-text:hover {
  color: #FF3259; }

.design-settings-page .hide-company-name-link a.selected,
.design-settings-page .use-custom-colors-switcher a.selected {
  font-weight: bold; }

.design-settings-page .selection-links-container a.disabled,
.design-settings-page .selection-links-container a.disabled:hover,
.design-settings-page .background-repeat-links-container a.disabled,
.design-settings-page .background-repeat-links-container a.disabled:hover {
  color: #999999;
  cursor: help; }

.use-custom-colors-switcher {
  margin-top: 40px; }

.design-settings-page .images-download,
.design-settings-page .background-repeat-links-container,
.design-settings-page .hide-company-name-link {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box; }

.design-settings-page .images-download {
  margin: 0;
  width: 110px; }

.design-settings-page .background-repeat-links-container,
.design-settings-page .hide-company-name-link,
.design-settings-page .selection-links-container {
  min-height: 115px;
  box-sizing: border-box; }

.design-settings-page .images-download .image-field {
  display: none; }

.design-settings-page .images-download .image {
  border-radius: 0px;
  border: 1px solid #cccccc; }

.design-settings-page .images-download .image:hover {
  border-color: #26dd7d; }

.design-settings-page .link-group {
  margin: 10px 0;
  background: #f0f0f0;
  border: 1px solid #eeeeee;
  padding: 10px; }

.design-settings-page .dropdown-container {
  position: relative; }

.design-settings-page ul.drop-down.color-scheme-select {
  display: none;
  position: absolute;
  max-height: 250px;
  overflow: auto;
  z-index: 2;
  background: #ffffff;
  color: #777777;
  box-shadow: 2px 2px 3px #cccccc; }

.design-settings-page .active ul.drop-down.color-scheme-select {
  display: block; }

.design-settings-page div.input {
  background: url(/common/images/arrow-right.png) no-repeat transparent right 10px center; }

.design-settings-page .palette-selector {
  display: none; }

.design-settings-page .theme-settings.bootstrap__joy .palette-selector {
  display: block; }

.design-settings-page .palette-selector .palette {
  display: inline-block;
  margin-right: 7px;
  cursor: pointer; }

.design-settings-page .palette-selector .palette .base-color,
.design-settings-page .palette-selector .palette .additional-color {
  display: inline-block;
  height: 30px; }

.design-settings-page .palette-selector .palette .base-color {
  width: 30px; }

.design-settings-page .palette-selector .palette .additional-color {
  width: 20px; }

.design-settings-page #sheduling_component_div.iframe-preview iframe,
.design-settings-page #save-iframe-code-page-iframe-preview iframe {
  display: block;
  margin: auto !important;
  width: 960px;
  height: 1050px; }

.design-settings-page #iframe_width {
  border: 1px solid #cccccc;
  background: #ffffff; }

.design-settings-page #iframe_data {
  width: 97%;
  padding: 10px;
  height: 120px;
  font-size: 1.2em;
  color: #444444;
  background: #fafafa;
  border: 1px solid #cccccc;
  box-shadow: 0 0 1px #cccccc inset; }

#tabs.white-tabs {
  background: transparent;
  border: none; }

#tabs.white-tabs .ui-widget-header {
  background: transparent !important;
  padding: 0 !important; }

#tabs.white-tabs > ul {
  padding: 0px; }

#tabs.white-tabs .tab-content {
  background: #ffffff !important; }

#tabs.white-tabs .ui-widget-content .ui-state-default,
#tabs.white-tabs .ui-widget-content .ui-state-default.ui-state-hover,
#tabs.white-tabs .ui-widget-content .ui-state-default.ui-state-active,
#tabs.white-tabs .ui-widget-header .ui-state-default.ui-state-active {
  background: #ffffff !important; }

.design-settings-page .slider-container {
  width: 380px;
  margin: 10px; }

.design-settings-page #tabs.white-tabs .tab-content {
  padding: 5px 10px; }

/*---------- Design: Home-page tab -----------*/
.design-settings-page .main-page-text h3.sub-title {
  font-weight: normal;
  margin-bottom: 10px; }

.design-settings-page .main-page-text .editor {
  margin-bottom: 20px; }

.design-settings-page .form-group.has-error .note-editor, .design-settings-page .has-error.element-container .note-editor, .design-settings-page .element-container.error-field .note-editor {
  border-color: #ff9292 !important; }

.design-settings-page .main-page-text .on-success-button-settings .description {
  padding: 15px;
  background: #f1f2f7;
  border-radius: 6px; }

/*-------- Button widget design ------*/
.design-settings-page .button-position-container input[type=text],
.design-settings-page .button-position-container select {
  display: inline-block; }

.design-settings-page .button-position-container input[type=text] {
  width: 63%;
  margin-right: 4%; }

.design-settings-page .button-position-container select {
  width: 30%; }

.design-settings-page .hint-container {
  position: relative;
  left: 0;
  display: inline-block; }

.design-settings-page .hint-container .hint-text {
  font-weight: normal; }

.design-settings-page .checkbox-container {
  padding-left: 10px; }

.design-settings-page .checkbox-container:first-child {
  margin-top: 28px; }

/***************************************


	Button-widget design page settings


****************************************/
.design-settings-page ul li.checkbox-container label,
.design-settings-page .checkbox-container input[type=checkbox] {
  display: inline-block;
  margin-right: 5px; }

.design-settings-page.button-page .white-tabs .tab-column.static.wide.preview-controls-container {
  width: 480px; }

.design-settings-page.button-page .white-tabs .tab-column.static.wide.preview-controls-container input[type=text] {
  width: 320px; }

.design-settings-page.button-page .preview-controls-container input[type=text],
.design-settings-page.button-page .preview-controls-container .button {
  display: inline-block;
  vertical-align: top; }

.design-settings-page.button-page .custom-button-warning {
  display: none; }

.design-settings-page.button-page .iframe-preview {
  width: 754px;
  margin-right: 20px;
  margin: auto; }

.design-settings-page.button-page #sheduling_component_div.iframe-preview iframe,
.design-settings-page.button-page #save-iframe-code-page-iframe-preview iframe {
  width: 754px;
  height: 630px; }

ul.drop-down.color-scheme-select {
  position: absolute;
  display: none;
  max-height: 200px;
  overflow: auto;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
  margin-top: 21px;
  z-index: 9999; }

ul.drop-down.color-scheme-select li {
  padding: 2px;
  padding-left: 4px;
  cursor: default; }

ul.drop-down.color-scheme-select li.hover {
  background-color: #000080;
  color: #fff; }

ul.drop-down.color-scheme-select li.hidden {
  display: none; }

ul.drop-down.color-scheme-select {
  margin-top: 37px; }

ul.drop-down.color-scheme-select li {
  padding: 10px 15px;
  text-indent: 0;
  border-bottom: 1px solid #cccccc; }
  ul.drop-down.color-scheme-select li:first-child {
    border-top: 0; }
  ul.drop-down.color-scheme-select li:last-child {
    border-bottom: 0; }

ul.drop-down.color-scheme-select li.hidden {
  display: none; }

ul.drop-down.color-scheme-select li .left,
ul.drop-down.color-scheme-select li .right {
  display: inline-block; }

ul.drop-down.color-scheme-select li .right {
  font-size: 0.8em;
  margin-top: 5px;
  text-align: right;
  float: right; }

ul.drop-down.color-scheme-select li .left {
  width: 100px; }

ul.drop-down.color-scheme-select .color span {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #cccccc; }

/*------------------------------------


		Design pages


------------------------------------*/
.design-settings-page .middle-panel {
  margin-top: 20px;
  padding-top: 40px;
  border-top: 1px solid #eff2f7; }

.design-settings-page .theme-settings .color-picker-container input[type="text"],
.design-settings-page .theme-settings .color-picker-container .button {
  display: inline-block; }

.design-settings-page .on-success-button-settings li {
  margin: 15px 5px; }

.design-settings-page.iframe-page #configurations-tab,
.design-settings-page.button-page #configurations-tab {
  border-bottom: 1px solid #eff2f7;
  padding-bottom: 15px;
  margin-bottom: 20px; }

.design-settings-page.save-iframe #iframe_data {
  width: 100%;
  padding: 10px;
  min-height: 70px;
  border-radius: 3px; }

.design-settings-page.button-page .custom-button-warning ul {
  padding: 10px;
  background: #f1f2f7;
  border-radius: 5px; }
  .design-settings-page.button-page .custom-button-warning ul li {
    margin: 7px; }

.design-settings-page .theme-settings {
  padding-top: 15px; }
  .design-settings-page .theme-settings .theme-configuration {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    max-width: 1300px;
    margin: 0;
    gap: 20px; }
    @media (min-width: 500px) {
      .design-settings-page .theme-settings .theme-configuration {
        grid-template-columns: repeat(auto-fit, minmax(460px, 1fr)); } }
    .design-settings-page .theme-settings .theme-configuration .theme-fields {
      margin: 0;
      padding: 20px;
      border: 1px solid #E7ECF7;
      border-radius: 5px; }
    .design-settings-page .theme-settings .theme-configuration._col-widget-settings {
      max-width: 1800px; }
  .design-settings-page .theme-settings .theme-configuration .theme-fields .form-group--checkbox {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-left: 0;
    margin-right: 0; }
    .design-settings-page .theme-settings .theme-configuration .theme-fields .form-group--checkbox .checkbox,
    .design-settings-page .theme-settings .theme-configuration .theme-fields .form-group--checkbox .field-cont {
      order: -1;
      padding: 0;
      width: auto;
      flex: unset; }
    .design-settings-page .theme-settings .theme-configuration .theme-fields .form-group--checkbox .control-label {
      flex: 1;
      width: auto;
      padding: 0;
      max-width: unset; }
  .design-settings-page .theme-settings .title {
    display: flex;
    align-items: center;
    min-height: 34px;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 4px 12px;
    margin-bottom: 14px; }
    .design-settings-page .theme-settings .title .buttons-container {
      position: static;
      display: inline-flex;
      align-items: center;
      margin: 0 0 0 auto; }
  .design-settings-page .theme-settings .dark-mode .design-settings-page .theme-settings .theme-gallery .sb_toggle_themes:hover {
    background-color: #242424; }
  .design-settings-page .theme-settings .theme-gallery {
    margin-bottom: 5em; }
    .design-settings-page .theme-settings .theme-gallery .theme-items {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      flex-wrap: wrap;
      gap: 26px 20px;
      position: relative; }
      .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes,
      .design-settings-page .theme-settings .theme-gallery .theme-items .theme-item {
        position: relative;
        width: calc(((100% / 7) - 20px) + (20px / 7));
        transition: all .3s ease;
        opacity: 0;
        display: none; }
        @media (max-width: 2200px) {
          .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes,
          .design-settings-page .theme-settings .theme-gallery .theme-items .theme-item {
            width: calc(((99.9% / 7) - 20px) + (20px / 7)); } }
        @media (max-width: 1920px) {
          .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes,
          .design-settings-page .theme-settings .theme-gallery .theme-items .theme-item {
            width: calc(((99.9% / 5) - 20px) + (20px / 5)); } }
        @media (max-width: 1380px) {
          .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes,
          .design-settings-page .theme-settings .theme-gallery .theme-items .theme-item {
            width: calc(((99.9% / 4) - 20px) + (20px / 4)); } }
        @media (max-width: 1024px) {
          .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes,
          .design-settings-page .theme-settings .theme-gallery .theme-items .theme-item {
            width: calc(((99.9% / 3) - 20px) + (20px / 3)); } }
        @media (max-width: 768px) {
          .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes,
          .design-settings-page .theme-settings .theme-gallery .theme-items .theme-item {
            width: calc(((99.9% / 2) - 20px) + (20px / 2)); } }
        .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes.show,
        .design-settings-page .theme-settings .theme-gallery .theme-items .theme-item.show {
          display: block;
          transform: scale(1);
          opacity: 1; }
        .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes .theme-title,
        .design-settings-page .theme-settings .theme-gallery .theme-items .theme-item .theme-title {
          display: flex;
          align-items: center;
          justify-content: center;
          min-height: 22px;
          text-align: center;
          overflow: hidden;
          text-transform: capitalize;
          font-family: "Mulish", sans-serif;
          font-size: 16px;
          font-weight: 600; }
          @media (max-width: 1700px) {
            .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes .theme-title,
            .design-settings-page .theme-settings .theme-gallery .theme-items .theme-item .theme-title {
              font-size: 14px; } }
        .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes .badge, .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes .label,
        .design-settings-page .theme-settings .theme-gallery .theme-items .theme-item .badge,
        .design-settings-page .theme-settings .theme-gallery .theme-items .theme-item .label {
          position: absolute;
          top: 10px;
          left: 10px; }
        .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes .img-border,
        .design-settings-page .theme-settings .theme-gallery .theme-items .theme-item .img-border {
          outline: 2px solid transparent;
          position: relative;
          border-radius: 5px;
          box-shadow: 2px 2px 15px rgba(11, 48, 82, 0.1);
          transition: all .2s ease-out;
          margin-bottom: 14px; }
          .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes .img-border .choose,
          .design-settings-page .theme-settings .theme-gallery .theme-items .theme-item .img-border .choose {
            display: none;
            opacity: 0;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0; }
          .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes .img-border:hover,
          .design-settings-page .theme-settings .theme-gallery .theme-items .theme-item .img-border:hover {
            outline: 2px solid #06ADEF;
            box-shadow: 2px 2px 15px rgba(11, 48, 82, 0.2); }
            .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes .img-border:hover .choose,
            .design-settings-page .theme-settings .theme-gallery .theme-items .theme-item .img-border:hover .choose {
              opacity: 1;
              display: block; }
        .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes .img-wrap,
        .design-settings-page .theme-settings .theme-gallery .theme-items .theme-item .img-wrap {
          position: relative;
          overflow: hidden;
          border-radius: 5px; }
        .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes img,
        .design-settings-page .theme-settings .theme-gallery .theme-items .theme-item img {
          display: inline-block;
          width: 100%;
          height: auto;
          border-radius: 5px; }
        .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes.active .img-border,
        .design-settings-page .theme-settings .theme-gallery .theme-items .theme-item.active .img-border {
          outline: 2px solid #00D38B;
          border-color: #00D38B; }
        .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes.active .theme-title,
        .design-settings-page .theme-settings .theme-gallery .theme-items .theme-item.active .theme-title {
          color: #06ADEF; }
        .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes.active:after,
        .design-settings-page .theme-settings .theme-gallery .theme-items .theme-item.active:after {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          content: "";
          width: 36px;
          height: 36px;
          position: absolute;
          display: inline-block;
          content: "";
          font-family: 'Font Awesome 5 Pro';
          font-weight: 400;
          font-style: normal;
          text-decoration: inherit;
          font-size: inherit;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-weight: 300;
          text-align: center;
          color: #fff;
          background: #00D38B;
          font-size: 22px;
          border-radius: 50px;
          top: -8px;
          right: -8px;
          z-index: 10; }
      .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes {
        opacity: unset;
        display: flex;
        z-index: 10;
        background-color: #fff;
        cursor: pointer;
        border-radius: 5px; }
        @media (max-width: 1200px) {
          .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes {
            margin-left: auto;
            margin-right: 0; } }
        @media (max-width: 767px) {
          .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes {
            position: static;
            transform: none; } }
        .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes:hover {
          background-color: #f1f1f1; }
        .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes.opened {
          position: static;
          transform: none;
          z-index: 0; }
          .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes.opened .inner:before {
            display: none; }
        .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes .inner {
          margin: auto;
          font-weight: 600;
          font-size: 18px;
          padding-top: 40px;
          position: relative;
          background-repeat: no-repeat;
          background-position: top center;
          -webkit-background-size: 50px;
          background-size: 50px;
          background-image: url(/v2/images/admin/icons/more.svg); }
          @media (max-width: 1024px) {
            .design-settings-page .theme-settings .theme-gallery .theme-items .sb_toggle_themes .inner {
              font-size: 16px;
              padding-top: 32px;
              -webkit-background-size: 40px;
              background-size: 40px; } }
  .design-settings-page .theme-settings .colors-panel .color select {
    background-color: transparent;
    border: none;
    z-index: 50;
    position: relative; }
    .design-settings-page .theme-settings .colors-panel .color select:focus {
      box-shadow: none; }
  .design-settings-page .theme-settings .colors-panel .color input {
    background-color: transparent; }
  .design-settings-page .theme-settings .panel-heading {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 19px;
    background-color: transparent !important; }
  .design-settings-page .theme-settings .color-wheel-part {
    margin-bottom: -4px; }
  .design-settings-page .theme-settings .theme-base-color .picker {
    width: 110px;
    padding-left: 30px; }
  .design-settings-page .theme-settings .color-picker-wrap .input-container {
    position: static;
    bottom: auto;
    left: auto; }
  .design-settings-page .theme-settings .image-field {
    display: none; }
  .design-settings-page .theme-settings .plugin-module_pwa,
  .design-settings-page .theme-settings .color .field-cont {
    position: relative; }
  .design-settings-page .theme-settings .gradient .gradient-preview {
    display: block;
    width: 100%;
    max-width: 290px;
    height: 26px;
    border-radius: 4px;
    border: 1px solid #ddd; }
  .design-settings-page .theme-settings .gradient .minicolors-swatch {
    cursor: pointer; }
  .design-settings-page .theme-settings .toggle-palettes {
    position: relative; }
    .design-settings-page .theme-settings .toggle-palettes .fal, .design-settings-page .theme-settings .toggle-palettes [class*='fa-']:not(.fab) {
      font-size: 20px;
      position: absolute;
      right: -20px;
      top: 0; }
  .design-settings-page .theme-settings .palette-list {
    margin-top: 20px; }
    .design-settings-page .theme-settings .palette-list > span {
      font-size: 16px;
      margin-bottom: 4px;
      display: inline-block;
      margin-top: 12px; }
    .design-settings-page .theme-settings .palette-list .palette-item {
      max-width: 330px;
      min-height: 22px;
      border-radius: 4px;
      cursor: pointer;
      height: auto;
      display: grid;
      grid-gap: 3px;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
      border: 2px solid #e7e7e7;
      transition: all .3s ease;
      padding-left: 3px;
      padding-right: 3px;
      padding-bottom: 3px;
      padding-top: 3px; }
      .design-settings-page .theme-settings .palette-list .palette-item:hover:not(.active) {
        opacity: .7; }
      .design-settings-page .theme-settings .palette-list .palette-item.active {
        border-color: #06acee; }
      .design-settings-page .theme-settings .palette-list .palette-item .palette-color {
        height: 22px;
        display: inline-block;
        border-radius: 2px;
        box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.35); }
  .design-settings-page .theme-settings .logo-maker--component {
    width: 100%;
    mix-blend-mode: darken;
    background: #F1F6FF;
    border: 1px solid #E7ECF7;
    margin: 10px auto;
    border-radius: 5px; }
  .design-settings-page .theme-settings .logo-maker--row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    min-height: 60px;
    padding: 15px 20px; }
    @media (max-width: 575px) {
      .design-settings-page .theme-settings .logo-maker--row {
        flex-direction: column; } }
  .design-settings-page .theme-settings .logo-maker--header {
    max-width: 140px;
    flex-basis: 140px;
    flex-grow: 2;
    max-height: 20px;
    overflow: hidden; }
  .design-settings-page .theme-settings .logo-maker--picture {
    display: inline-block;
    text-align: center;
    line-height: 1; }
    .design-settings-page .theme-settings .logo-maker--picture svg,
    .design-settings-page .theme-settings .logo-maker--picture img {
      max-width: 140px;
      line-height: 1;
      height: auto; }
  .design-settings-page .theme-settings .logo-maker--fiverr {
    margin-bottom: -4px; }
  .design-settings-page .theme-settings .logo-maker--content {
    flex-grow: 10;
    flex-basis: 200px;
    text-align: right; }
    @media (max-width: 575px) {
      .design-settings-page .theme-settings .logo-maker--content {
        flex-grow: unset;
        flex-basis: unset;
        max-width: 100%;
        text-align: center; } }

.design-settings-page .theme-preview-section .panel .panel-body {
  padding: 0;
  border-radius: 3px;
  overflow: hidden; }

.design-settings-page .theme-preview-section .panel iframe {
  border: none !important;
  border-radius: 3px; }

.design-settings-page .main-page-text .title {
  margin-bottom: 20px; }
  @media (max-width: 767px) {
    .design-settings-page .main-page-text .title {
      margin-top: 20px; } }

.design-settings-page .main-page-text .opening-hours {
  border-left: 1px solid #f2f2f5;
  border-right: 1px solid #f2f2f5;
  border-bottom: 1px solid #f2f2f5;
  border-radius: 3px;
  margin-bottom: 15px; }
  .design-settings-page .main-page-text .opening-hours input.form-control, .design-settings-page .main-page-text .opening-hours .theme-additional-colors input, .design-settings-page .theme-additional-colors .main-page-text .opening-hours input {
    min-width: 85px; }

.design-settings-page .theme-fields .form-horizontal .form-group, .design-settings-page .theme-fields .form-horizontal .element-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: baseline;
  gap: 0 12px; }
  .design-settings-page .theme-fields .form-horizontal .form-group._label-wrap .control-label, .design-settings-page .theme-fields .form-horizontal ._label-wrap.element-container .control-label {
    flex-wrap: wrap; }
  .design-settings-page .theme-fields .form-horizontal .form-group .control-label, .design-settings-page .theme-fields .form-horizontal .element-container .control-label {
    padding-left: 0;
    padding-right: 0;
    max-width: unset;
    flex-basis: 210px;
    flex-grow: 10;
    margin: 0; }
    .design-settings-page .theme-fields .form-horizontal .form-group .control-label._label-wrap, .design-settings-page .theme-fields .form-horizontal .element-container .control-label._label-wrap {
      flex-wrap: wrap; }
  .design-settings-page .theme-fields .form-horizontal .form-group [class^="col-"], .design-settings-page .theme-fields .form-horizontal .element-container [class^="col-"] {
    padding-left: 0;
    padding-right: 0;
    max-width: unset;
    flex-grow: 2;
    flex-basis: 180px; }
  .design-settings-page .theme-fields .form-horizontal .form-group.color .control-label, .design-settings-page .theme-fields .form-horizontal .color.element-container .control-label {
    flex-basis: 220px;
    flex-grow: 10; }
  .design-settings-page .theme-fields .form-horizontal .form-group.color [class^="col-"].field-cont, .design-settings-page .theme-fields .form-horizontal .color.element-container [class^="col-"].field-cont {
    flex: unset;
    flex-grow: 2;
    flex-basis: 100px;
    max-width: 100px; }
  .design-settings-page .theme-fields .form-horizontal .form-group.gradient .control-label, .design-settings-page .theme-fields .form-horizontal .gradient.element-container .control-label {
    flex-basis: 180px;
    flex-grow: 3; }
  .design-settings-page .theme-fields .form-horizontal .form-group.gradient [class^="col-"].field-cont, .design-settings-page .theme-fields .form-horizontal .gradient.element-container [class^="col-"].field-cont {
    flex: unset;
    flex-grow: 10;
    flex-basis: 288px;
    max-width: 288px;
    margin-left: auto; }
  .design-settings-page .theme-fields .form-horizontal .form-group .field-cont--list, .design-settings-page .theme-fields .form-horizontal .element-container .field-cont--list {
    padding-top: 5px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 4px; }
    .design-settings-page .theme-fields .form-horizontal .form-group .field-cont--list .minicolors, .design-settings-page .theme-fields .form-horizontal .element-container .field-cont--list .minicolors {
      flex: 1;
      max-width: 92px; }

.design-settings-page .theme-fields select {
  max-width: 260px; }
  @media (max-width: 575px) {
    .design-settings-page .theme-fields select {
      max-width: 100%; } }

@media (max-width: 767px) {
  .design-settings-page .theme-fields .additional-settings-wrapper .media {
    flex-wrap: wrap;
    flex-direction: column; }
    .design-settings-page .theme-fields .additional-settings-wrapper .media .image-settings {
      margin-top: 15px; } }

.design-settings-page #sheduling_component_div {
  display: block; }
  @media (max-width: 767px) {
    .design-settings-page #sheduling_component_div iframe {
      display: none; } }
  .design-settings-page #sheduling_component_div .no-preview-div {
    display: none; }
    @media (max-width: 767px) {
      .design-settings-page #sheduling_component_div .no-preview-div {
        display: block;
        margin: 0;
        padding: 10px;
        text-align: center; } }

@media (max-width: 1600px) {
  .form-group.image:nth-child(2) .media-body.image-settings, .image.element-container:nth-child(2) .media-body.image-settings {
    padding-bottom: 175px; } }

@media (max-width: 1199px) {
  .form-group.image:nth-child(2) .media-body.image-settings, .image.element-container:nth-child(2) .media-body.image-settings {
    padding-bottom: 0; } }

@media (max-width: 575px) {
  .form-group.image:nth-child(2) .media-body.image-settings, .image.element-container:nth-child(2) .media-body.image-settings {
    padding-bottom: 175px; } }

@media (max-width: 1600px) {
  .form-group.image:nth-child(2) .media-body.image-settings .col.col-set-bg-position, .image.element-container:nth-child(2) .media-body.image-settings .col.col-set-bg-position {
    flex-basis: 100%;
    position: absolute;
    left: 0;
    bottom: 0; }
    .form-group.image:nth-child(2) .media-body.image-settings .col.col-set-bg-position .wrap-bg-position:before, .image.element-container:nth-child(2) .media-body.image-settings .col.col-set-bg-position .wrap-bg-position:before,
    .form-group.image:nth-child(2) .media-body.image-settings .col.col-set-bg-position .wrap-bg-position:after,
    .image.element-container:nth-child(2) .media-body.image-settings .col.col-set-bg-position .wrap-bg-position:after {
      display: none; } }

@media (max-width: 1199px) {
  .form-group.image:nth-child(2) .media-body.image-settings .col.col-set-bg-position, .image.element-container:nth-child(2) .media-body.image-settings .col.col-set-bg-position {
    position: static;
    flex-basis: 0%;
    margin-left: 0; } }

@media (max-width: 575px) {
  .form-group.image:nth-child(2) .media-body.image-settings .col.col-set-bg-position, .image.element-container:nth-child(2) .media-body.image-settings .col.col-set-bg-position {
    flex-basis: 100%;
    position: absolute;
    left: 0;
    bottom: 0; } }

.wrap-bg-position {
  position: relative; }
  .wrap-bg-position .position-container {
    margin-bottom: 4px;
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100px;
    width: 100%;
    max-width: 170px; }
    .wrap-bg-position .position-container:before {
      content: ' ';
      position: absolute;
      top: 50%;
      left: 50%;
      width: calc(100% - 12px);
      height: calc(100% - 20px);
      display: block;
      border: 1px solid #ddd;
      transform: translate(-50%, -50%);
      border-radius: 4px; }
    .wrap-bg-position .position-container .line {
      margin-bottom: 14px;
      position: relative;
      z-index: 3;
      height: 24px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      line-height: 1; }
      .wrap-bg-position .position-container .line:last-child {
        margin-bottom: 0; }
      .wrap-bg-position .position-container .line label {
        display: none; }
      .wrap-bg-position .position-container .line .form-check {
        padding: 0;
        line-height: 1; }
      .wrap-bg-position .position-container .line .form-check-input {
        position: relative;
        margin: 0;
        border-radius: 16px;
        height: 16px;
        width: 16px; }

.sb__propose_plugin_container .control-label a:not(.btn) {
  display: inline-block;
  padding: 0 1px;
  margin-left: 2px;
  margin-right: 2px; }

.form-group-mode-switcher .display-mode-switcher {
  display: flex;
  align-items: center;
  min-height: 40px; }
  .form-group-mode-switcher .display-mode-switcher .display-mode-switcher-item {
    position: relative;
    margin-right: 15px;
    margin-bottom: 0;
    cursor: pointer; }
    .form-group-mode-switcher .display-mode-switcher .display-mode-switcher-item:hover {
      opacity: 0.8; }
    .form-group-mode-switcher .display-mode-switcher .display-mode-switcher-item .ico {
      color: #caccd1;
      font-size: 24px;
      position: relative;
      line-height: 32px;
      height: 32px; }
      .form-group-mode-switcher .display-mode-switcher .display-mode-switcher-item .ico.fa-grip-horizontal {
        font-size: 32px; }
    .form-group-mode-switcher .display-mode-switcher .display-mode-switcher-item.active .ico {
      color: #787d8a; }
  .form-group-mode-switcher .display-mode-switcher select.form-control, .form-group-mode-switcher .display-mode-switcher .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .form-group-mode-switcher .display-mode-switcher select {
    max-width: 175px; }
    @media (max-width: 576px) {
      .form-group-mode-switcher .display-mode-switcher select.form-control, .form-group-mode-switcher .display-mode-switcher .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .form-group-mode-switcher .display-mode-switcher select {
        max-width: 100%; } }

@media (max-width: 1200px) {
  .theme-fields.col-xl-4.col-lg-12 .config-settings.col-lg-12 {
    flex: 0 0 50%;
    width: 50%; } }

@media (max-width: 1024px) {
  .theme-fields.col-xl-4.col-lg-12 .config-settings.col-lg-12 {
    flex: 0 0 100%;
    width: 100%; } }

.config-settings {
  position: relative; }
  .config-settings .buttons-container {
    position: absolute;
    width: auto;
    right: 15px;
    top: 8px; }
    @media (max-widtH: 767px) {
      .config-settings .buttons-container {
        position: static;
        text-align: left; } }
    .config-settings .buttons-container .customize-tutorial {
      position: static; }

.gift-card-items {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 26px 20px;
  position: relative;
  padding: 8px 0; }
  .gift-card-items .gift-card-item {
    position: relative;
    width: calc(((100% / 6) - 20px) + (20px / 6));
    cursor: pointer;
    transition: all .3s ease; }
    @media (max-width: 2200px) {
      .gift-card-items .gift-card-item {
        width: calc(((99.9% / 6) - 20px) + (20px / 6)); } }
    @media (max-width: 1920px) {
      .gift-card-items .gift-card-item {
        width: calc(((99.9% / 5) - 20px) + (20px / 5)); } }
    @media (max-width: 1380px) {
      .gift-card-items .gift-card-item {
        width: calc(((99.9% / 4) - 20px) + (20px / 4)); } }
    @media (max-width: 1024px) {
      .gift-card-items .gift-card-item {
        width: calc(((99.9% / 3) - 20px) + (20px / 3)); } }
    @media (max-width: 768px) {
      .gift-card-items .gift-card-item {
        width: calc(((99.9% / 2) - 20px) + (20px / 2)); } }
    .gift-card-items .gift-card-item .title {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 28px;
      text-align: center;
      overflow: hidden;
      text-transform: capitalize;
      font-family: "Mulish", sans-serif;
      font-size: 16px;
      font-weight: 600; }
      @media (max-width: 1700px) {
        .gift-card-items .gift-card-item .title {
          font-size: 14px; } }
    .gift-card-items .gift-card-item .img-border {
      outline: 2px solid transparent;
      position: relative;
      border-radius: 5px;
      box-shadow: 2px 2px 15px rgba(11, 48, 82, 0.1);
      transition: all .2s ease-out;
      margin-bottom: 14px; }
      .gift-card-items .gift-card-item .img-border:hover {
        outline: 2px solid #06ADEF;
        box-shadow: 2px 2px 15px rgba(11, 48, 82, 0.2); }
      .gift-card-items .gift-card-item .img-border.active {
        outline: 2px solid #26dd7d; }
    .gift-card-items .gift-card-item label input[type="radio"] {
      display: none; }
    .gift-card-items .gift-card-item .delete-item {
      position: absolute;
      top: 2px;
      right: 2px; }
    .gift-card-items .gift-card-item .overlay {
      -webkit-backdrop-filter: blur(6px);
      backdrop-filter: blur(6px);
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      transform: scale(0.2) translate(-50%, -50%);
      padding: 4px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 8px;
      background: rgba(36, 36, 36, 0.75);
      border-radius: 5px;
      opacity: 0;
      visibility: hidden;
      overflow: hidden;
      transition: all .25s ease; }
      .gift-card-items .gift-card-item .overlay .btn {
        font-size: 14px;
        min-width: 100px;
        justify-content: center;
        padding-left: 16px;
        padding-right: 16px;
        min-height: 32px; }
        .gift-card-items .gift-card-item .overlay .btn.btn--no-text {
          min-width: 32px;
          min-height: 32px;
          padding: 4px; }
    .gift-card-items .gift-card-item .img-wrap {
      position: relative;
      overflow: hidden;
      border-radius: 5px; }
      .gift-card-items .gift-card-item .img-wrap img {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        border-radius: 5px; }
    .gift-card-items .gift-card-item .preview-image {
      display: block;
      width: 100%;
      height: 0;
      min-height: 150px;
      padding-top: 74.20%;
      border-radius: 5px;
      overflow: hidden;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: top center; }
    .gift-card-items .gift-card-item:hover .overlay, .gift-card-items .gift-card-item:focus .overlay, .gift-card-items .gift-card-item:active .overlay {
      transform: scale(1) translate(0%, 0%);
      visibility: visible;
      opacity: 1; }

.--promotions-list .gift-card-items {
  gap: 26px 12px; }

.--promotions-list .gift-card-item {
  width: calc(((100% / 4) - 12px) + (12px / 4)); }
  @media (max-width: 1700px) {
    .--promotions-list .gift-card-item {
      width: calc(((99.9% / 3) - 12px) + (12px / 3)); } }
  @media (max-width: 1024px) {
    .--promotions-list .gift-card-item {
      width: calc(((99.9% / 2) - 12px) + (12px / 2)); } }
  @media (max-width: 768px) {
    .--promotions-list .gift-card-item {
      width: calc(((99.9% / 2) - 12px) + (12px / 2)); } }
  .--promotions-list .gift-card-item .title {
    font-size: 14px; }
    @media (max-width: 1700px) {
      .--promotions-list .gift-card-item .title {
        font-size: 14px; } }
  .--promotions-list .gift-card-item .img-wrap {
    aspect-ratio: 1/0.69;
    padding-top: 0; }
    .--promotions-list .gift-card-item .img-wrap img {
      position: relative;
      object-fit: cover;
      height: 100%;
      width: 100%; }
  .--promotions-list .gift-card-item--create-custom .img-wrap {
    display: flex;
    align-items: center;
    justify-content: center; }
    .--promotions-list .gift-card-item--create-custom .img-wrap img {
      width: auto;
      max-height: 96px;
      max-width: 100%; }

.design-settings-page .generate-company-ai-description-block {
  width: fit-content;
  margin: 10px 10px 0 auto; }
  .design-settings-page .generate-company-ai-description-block .sb-generate-company-description-btn.loading:disabled {
    cursor: wait; }
  .design-settings-page .generate-company-ai-description-block .attempts-left-span {
    font-size: 12px;
    margin-right: 15px;
    font-weight: 560; }

.design-settings-page .note-editable.loading, .design-settings-page textarea.sb-description.loading {
  cursor: wait; }

.design-settings-page .form-group.image-sb_review_image .form-group--image-item_preview, .design-settings-page .image-sb_review_image.element-container .form-group--image-item_preview {
  flex-basis: 125px;
  max-width: 125px;
  min-width: 125px;
  width: 125px; }

.design-settings-page .form-group.image-sb_review_image .image-preview-area, .design-settings-page .image-sb_review_image.element-container .image-preview-area {
  border-radius: 150px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%2306ADEF' stroke-width='2' stroke-dasharray='10' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  background-size: 100%; }
  .design-settings-page .form-group.image-sb_review_image .image-preview-area img[src*="/uploads"], .design-settings-page .image-sb_review_image.element-container .image-preview-area img[src*="/uploads"],
  .design-settings-page .form-group.image-sb_review_image .image-preview-area img.has-image,
  .design-settings-page .image-sb_review_image.element-container .image-preview-area img.has-image {
    border-radius: 150px; }

.design-settings-page .form-group.image-favicon .form-group--image-item_preview, .design-settings-page .image-favicon.element-container .form-group--image-item_preview {
  flex-basis: 120px;
  max-width: 120px;
  min-width: 120px;
  width: 120px; }

.design-settings-page .form-group.image-favicon .image-preview-area, .design-settings-page .image-favicon.element-container .image-preview-area {
  min-width: 120px;
  min-height: 120px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='0' ry='0' stroke='%2306ADEF' stroke-width='2' stroke-dasharray='10' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  background-size: 100%; }

.dark-mode .design-settings-page .drag-box--level-1 .controls--btn {
  background: #1a1a1a; }

.dark-mode .design-settings-page .switch-devices__item {
  color: #bcbcbc; }
  .dark-mode .design-settings-page .switch-devices__item .ico {
    color: #ABBCCC; }

.dark-mode .design-settings-page .deep-theme-customizer-tabs .customizer-tab--content {
  border-color: #555555; }
  .dark-mode .design-settings-page .deep-theme-customizer-tabs .customizer-tab--content .customizer-tab-link {
    color: #f9f9f9; }
    .dark-mode .design-settings-page .deep-theme-customizer-tabs .customizer-tab--content .customizer-tab-link .ico {
      color: #ABBCCC; }

.dark-mode .design-settings-page .deep-customizer__hint {
  background: #404040;
  border: 1px solid #777777; }
  .dark-mode .design-settings-page .deep-customizer__hint:before {
    border-left: 1px solid #777777;
    border-top: 1px solid #777777;
    background: #404040; }

.dark-mode .design-settings-page .mockup__list.custom-state-active {
  background: #eee; }

.dark-mode .design-settings-page .drop-box--home-page {
  border-color: #555555; }
  .dark-mode .design-settings-page .drop-box--home-page .mockup--header {
    background: #404040; }
    .dark-mode .design-settings-page .drop-box--home-page .mockup--header .logo {
      background: #333333; }
    .dark-mode .design-settings-page .drop-box--home-page .mockup--header .menu span {
      background: #313131; }
      .dark-mode .design-settings-page .drop-box--home-page .mockup--header .menu span:before {
        border-right: 4px solid #404040;
        background: #313131; }
    .dark-mode .design-settings-page .drop-box--home-page .mockup--header .controls span {
      background: #313131; }
  .dark-mode .design-settings-page .drop-box--home-page .mockup--footer {
    background: #404040; }
    .dark-mode .design-settings-page .drop-box--home-page .mockup--footer span {
      background: #333333; }
  .dark-mode .design-settings-page .drop-box--home-page .drop-place--level-1 {
    border: 1px solid #404040;
    background: rgba(0, 0, 0, 0.3); }

.dark-mode .design-settings-page .wrap-drag-components {
  background: #282828; }

.dark-mode .design-settings-page .drag-box--level-1 {
  background: #404040;
  border: 1px solid #777777; }
  .dark-mode .design-settings-page .drag-box--level-1 .drop-box--level-2 {
    border: 1px dashed #777777;
    background: #242424; }
    .dark-mode .design-settings-page .drag-box--level-1 .drop-box--level-2.drophover, .dark-mode .design-settings-page .drag-box--level-1 .drop-box--level-2.free-for-block {
      background: #e8f5e9; }
    .dark-mode .design-settings-page .drag-box--level-1 .drop-box--level-2.already-have-block {
      background: #ffebee; }
    .dark-mode .design-settings-page .drag-box--level-1 .drop-box--level-2.free-for-block.drophover {
      background: #c8e6c9; }
      .dark-mode .design-settings-page .drag-box--level-1 .drop-box--level-2.free-for-block.drophover .txt {
        color: #0B3052; }
    .dark-mode .design-settings-page .drag-box--level-1 .drop-box--level-2.already-have-block.drophover .customizer-content-block {
      background: #ffebee; }

.dark-mode .design-settings-page .drop-box--home-page .drag-box--level-1 .customizer-content-block {
  border: 1px solid #555555;
  background: #242424; }

.dark-mode .design-settings-page .drag-box--level-2 .drag-box--message {
  background: #404040; }

.dark-mode .design-settings-page .customizer-content-blocks-list .drag-box--level-2 {
  border: 1px solid #555555;
  background: #242424; }
  .dark-mode .design-settings-page .customizer-content-blocks-list .drag-box--level-2.ui-draggable-dragging {
    background: #1a1a1a; }
  .dark-mode .design-settings-page .customizer-content-blocks-list .drag-box--level-2:hover {
    box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.8); }

.design-settings-page .switch-devices {
  position: relative; }
  .design-settings-page .switch-devices__tab {
    position: absolute;
    top: -61px;
    right: 0;
    display: flex; }
  .design-settings-page .switch-devices__item {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    padding: 8px 20px;
    font-size: 16px;
    font-weight: 500;
    color: #2c3547;
    cursor: pointer; }
    .design-settings-page .switch-devices__item .ico {
      color: #ccc;
      font-size: 20px;
      font-weight: 300; }
    .design-settings-page .switch-devices__item.active .ico {
      color: #06ADEF; }

.design-settings-page .deep-customizer-expand-mode {
  display: none;
  position: absolute;
  top: -48px;
  left: 0; }
  .design-settings-page .deep-customizer-expand-mode .expand-mode--button {
    cursor: pointer; }
    .design-settings-page .deep-customizer-expand-mode .expand-mode--button .ico {
      margin-right: 10px; }
      .design-settings-page .deep-customizer-expand-mode .expand-mode--button .ico.ico-expand {
        display: inline-block; }
      .design-settings-page .deep-customizer-expand-mode .expand-mode--button .ico.ico-compress {
        display: none; }
    .design-settings-page .deep-customizer-expand-mode .expand-mode--button .txt.expand-mode {
      display: inline-block; }
    .design-settings-page .deep-customizer-expand-mode .expand-mode--button .txt.narrow-mode {
      display: none; }
    .design-settings-page .deep-customizer-expand-mode .expand-mode--button.expand-mode .ico {
      font-weight: 400; }
      .design-settings-page .deep-customizer-expand-mode .expand-mode--button.expand-mode .ico.ico-expand {
        display: none; }
      .design-settings-page .deep-customizer-expand-mode .expand-mode--button.expand-mode .ico.ico-compress {
        display: inline-block; }
    .design-settings-page .deep-customizer-expand-mode .expand-mode--button.expand-mode .txt.expand-mode {
      display: none; }
    .design-settings-page .deep-customizer-expand-mode .expand-mode--button.expand-mode .txt.narrow-mode {
      display: inline-block; }

.design-settings-page .deep-theme-customizer-tabs .customizer-tab--content {
  position: relative;
  display: flex;
  border-bottom: 1px solid #ccc;
  margin-top: -61px;
  z-index: 10; }
  .design-settings-page .deep-theme-customizer-tabs .customizer-tab--content .customizer-tab-link {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    padding: 8px 20px;
    font-size: 16px;
    font-weight: 500;
    color: #0B3052;
    text-decoration: none; }
    .design-settings-page .deep-theme-customizer-tabs .customizer-tab--content .customizer-tab-link .ico {
      color: #788291;
      font-size: 20px;
      font-weight: 300; }
    .design-settings-page .deep-theme-customizer-tabs .customizer-tab--content .customizer-tab-link.active .ico {
      color: #06ADEF; }
    .design-settings-page .deep-theme-customizer-tabs .customizer-tab--content .customizer-tab-link:hover .deep-customizer__hint {
      opacity: 1;
      display: block; }

.design-settings-page .deep-customizer__hint {
  display: none;
  position: absolute;
  bottom: 65px;
  left: 0;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #CCC;
  opacity: 0; }
  .design-settings-page .deep-customizer__hint:before {
    content: '';
    display: block;
    height: 12px;
    width: 12px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    position: absolute;
    left: 10%;
    transform: rotate(-134deg);
    bottom: -7px;
    background: #fff; }
  .design-settings-page .deep-customizer__hint-body {
    position: relative;
    padding: 10px;
    font-size: 13px;
    line-height: 1.27;
    font-weight: normal;
    min-width: 350px;
    text-align: left; }

.design-settings-page .mockup-wrapper {
  will-change: min-height; }

.design-settings-page .mockup__inner {
  width: 100% !important;
  max-width: 470px;
  transform: translate(0, 0);
  /* For browsers don't support translate3d. */
  transform: translate3d(0, 0, 0);
  will-change: position, transform; }
  @media (max-width: 1200px) {
    .design-settings-page .mockup__inner {
      max-width: 420px; } }

.design-settings-page .mockup__list.custom-state-active {
  background: #eee; }

.design-settings-page .drop-box--home-page {
  position: relative;
  min-height: 500px;
  width: 100%;
  margin: 0 auto;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 10px;
  transition: all 0.2s ease; }
  .design-settings-page .drop-box--home-page.mockup-desktop {
    max-width: 500px; }
  .design-settings-page .drop-box--home-page.mockup-mob {
    max-width: 340px;
    min-height: 500px;
    max-height: 500px;
    overflow: auto;
    /* Scrollbar Styling */ }
    .design-settings-page .drop-box--home-page.mockup-mob::-webkit-scrollbar {
      width: 4px; }
    .design-settings-page .drop-box--home-page.mockup-mob::-webkit-scrollbar-track {
      background-color: #ebebeb;
      -webkit-border-radius: 10px;
      border-radius: 10px; }
    .design-settings-page .drop-box--home-page.mockup-mob::-webkit-scrollbar-thumb {
      -webkit-border-radius: 10px;
      border-radius: 10px;
      background: #c1c1c1; }
  .design-settings-page .drop-box--home-page .mockup--header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 36px;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 0 10px;
    background: #fbfafa; }
    .design-settings-page .drop-box--home-page .mockup--header .logo {
      height: 20px;
      width: 64px;
      min-width: 64px;
      border-radius: 3px;
      background: #f0ecec;
      margin-right: 15px; }
      @media (max-width: 1200px) {
        .design-settings-page .drop-box--home-page .mockup--header .logo {
          width: 40px;
          min-width: 40px; } }
    .design-settings-page .drop-box--home-page .mockup--header .menu {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      .design-settings-page .drop-box--home-page .mockup--header .menu span {
        width: 46px;
        height: 6px;
        border-radius: 2px;
        margin-left: 6px;
        background: #ede9e9;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start; }
        .design-settings-page .drop-box--home-page .mockup--header .menu span:before {
          content: '';
          display: none;
          width: 10px;
          min-width: 10px;
          height: 6px;
          border-right: 4px solid #fbfafa;
          border-radius: 2px;
          background: #ede9e9; }
      .design-settings-page .drop-box--home-page .mockup--header .menu.icon--top span:before, .design-settings-page .drop-box--home-page .mockup--header .menu.icon--left span:before {
        display: block; }
      .design-settings-page .drop-box--home-page .mockup--header .menu.icon--top span {
        flex-direction: column;
        align-items: center; }
        .design-settings-page .drop-box--home-page .mockup--header .menu.icon--top span:before {
          width: 6px;
          min-width: 6px;
          border-right: none;
          margin: -8px 0 4px 0; }
    .design-settings-page .drop-box--home-page .mockup--header .controls {
      display: flex;
      margin-left: 20px; }
      .design-settings-page .drop-box--home-page .mockup--header .controls span {
        display: block;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        margin-left: 5px;
        background: #ede9e9; }
  .design-settings-page .drop-box--home-page .mockup--footer {
    height: 25px;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #fbfafa;
    border-radius: 3px; }
    .design-settings-page .drop-box--home-page .mockup--footer span {
      display: block;
      width: 70%;
      height: 2px;
      background: #f0ecec;
      margin: 0 auto 4px auto; }
      .design-settings-page .drop-box--home-page .mockup--footer span:last-child {
        max-width: 45%;
        margin-bottom: 0; }
  .design-settings-page .drop-box--home-page .mockup--body {
    position: relative;
    min-height: 576px; }
  .design-settings-page .drop-box--home-page .drop-place--level-1 {
    display: block;
    position: relative;
    min-height: 70px;
    border: 1px solid #fbfafa;
    border-radius: 3px;
    margin-bottom: 10px;
    background: rgba(251, 250, 250, 0.5); }
  .design-settings-page .drop-box--home-page .mockup--body-phantom {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1; }
  .design-settings-page .drop-box--home-page.mockup-mob .mockup--header .menu {
    display: none; }
  .design-settings-page .drop-box--home-page.mockup-mob .drag-box--level-1 {
    display: block;
    flex-wrap: wrap;
    height: auto;
    min-height: 70px;
    pointer-events: none !important; }
    .design-settings-page .drop-box--home-page.mockup-mob .drag-box--level-1 .drop-box--level-2,
    .design-settings-page .drop-box--home-page.mockup-mob .drag-box--level-1 .drop-box--level-2:nth-child(odd),
    .design-settings-page .drop-box--home-page.mockup-mob .drag-box--level-1 .drop-box--level-2:nth-child(even) {
      width: 100%; }
    .design-settings-page .drop-box--home-page.mockup-mob .drag-box--level-1.child-2 .drop-box--level-2:nth-child(1) {
      margin-bottom: 10px; }
    .design-settings-page .drop-box--home-page.mockup-mob .drag-box--level-1.child-3 .drop-box--level-2:nth-child(1), .design-settings-page .drop-box--home-page.mockup-mob .drag-box--level-1.child-3 .drop-box--level-2:nth-child(2) {
      margin-bottom: 10px; }
  .design-settings-page .drop-box--home-page.mockup-mob.header--left, .design-settings-page .drop-box--home-page.mockup-mob.header--right {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start; }
    .design-settings-page .drop-box--home-page.mockup-mob.header--left .mockup--header, .design-settings-page .drop-box--home-page.mockup-mob.header--right .mockup--header {
      width: 100%;
      flex-direction: row;
      flex-wrap: nowrap;
      padding: 10px;
      order: -2; }
      .design-settings-page .drop-box--home-page.mockup-mob.header--left .mockup--header .logo, .design-settings-page .drop-box--home-page.mockup-mob.header--right .mockup--header .logo {
        height: 20px;
        width: 60px;
        margin: 0 20px 0 0;
        order: -2; }
      .design-settings-page .drop-box--home-page.mockup-mob.header--left .mockup--header .controls, .design-settings-page .drop-box--home-page.mockup-mob.header--right .mockup--header .controls {
        order: 1;
        margin: 0 0 0 auto; }
      .design-settings-page .drop-box--home-page.mockup-mob.header--left .mockup--header .menu, .design-settings-page .drop-box--home-page.mockup-mob.header--right .mockup--header .menu {
        order: unset; }
    .design-settings-page .drop-box--home-page.mockup-mob.header--left .mockup--body, .design-settings-page .drop-box--home-page.mockup-mob.header--right .mockup--body {
      width: 100%; }
      .design-settings-page .drop-box--home-page.mockup-mob.header--left .mockup--body .drag-box--level-1, .design-settings-page .drop-box--home-page.mockup-mob.header--right .mockup--body .drag-box--level-1 {
        height: auto;
        min-height: 70px; }
        .design-settings-page .drop-box--home-page.mockup-mob.header--left .mockup--body .drag-box--level-1.child-3, .design-settings-page .drop-box--home-page.mockup-mob.header--left .mockup--body .drag-box--level-1.child-2, .design-settings-page .drop-box--home-page.mockup-mob.header--right .mockup--body .drag-box--level-1.child-3, .design-settings-page .drop-box--home-page.mockup-mob.header--right .mockup--body .drag-box--level-1.child-2 {
          flex-wrap: wrap; }
          .design-settings-page .drop-box--home-page.mockup-mob.header--left .mockup--body .drag-box--level-1.child-3 .drop-box--level-2, .design-settings-page .drop-box--home-page.mockup-mob.header--left .mockup--body .drag-box--level-1.child-2 .drop-box--level-2, .design-settings-page .drop-box--home-page.mockup-mob.header--right .mockup--body .drag-box--level-1.child-3 .drop-box--level-2, .design-settings-page .drop-box--home-page.mockup-mob.header--right .mockup--body .drag-box--level-1.child-2 .drop-box--level-2 {
            width: 100% !important; }
  .design-settings-page .drop-box--home-page.header--left, .design-settings-page .drop-box--home-page.header--right {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start; }
    .design-settings-page .drop-box--home-page.header--left .mockup--header, .design-settings-page .drop-box--home-page.header--right .mockup--header {
      width: 30%;
      flex-direction: column;
      justify-content: center;
      height: auto;
      padding: 10px; }
      .design-settings-page .drop-box--home-page.header--left .mockup--header .logo, .design-settings-page .drop-box--home-page.header--right .mockup--header .logo {
        height: 30px;
        width: 80px;
        margin: 0 auto 10px auto;
        order: -2; }
      .design-settings-page .drop-box--home-page.header--left .mockup--header .controls, .design-settings-page .drop-box--home-page.header--right .mockup--header .controls {
        order: -1;
        margin: 0 auto 12px auto; }
        .design-settings-page .drop-box--home-page.header--left .mockup--header .controls span:first-child, .design-settings-page .drop-box--home-page.header--right .mockup--header .controls span:first-child {
          margin-left: 0; }
      .design-settings-page .drop-box--home-page.header--left .mockup--header .menu, .design-settings-page .drop-box--home-page.header--right .mockup--header .menu {
        flex-direction: column;
        order: 3;
        align-items: flex-start;
        justify-content: flex-start; }
        .design-settings-page .drop-box--home-page.header--left .mockup--header .menu span, .design-settings-page .drop-box--home-page.header--right .mockup--header .menu span {
          margin-left: 0;
          margin-bottom: 4px;
          width: 100%; }
          .design-settings-page .drop-box--home-page.header--left .mockup--header .menu span:nth-child(odd), .design-settings-page .drop-box--home-page.header--right .mockup--header .menu span:nth-child(odd) {
            width: 75%; }
          .design-settings-page .drop-box--home-page.header--left .mockup--header .menu span:last-child, .design-settings-page .drop-box--home-page.header--right .mockup--header .menu span:last-child {
            width: 50%; }
        .design-settings-page .drop-box--home-page.header--left .mockup--header .menu.icon--top, .design-settings-page .drop-box--home-page.header--right .mockup--header .menu.icon--top {
          align-items: center;
          margin-top: 12px; }
          .design-settings-page .drop-box--home-page.header--left .mockup--header .menu.icon--top span, .design-settings-page .drop-box--home-page.header--right .mockup--header .menu.icon--top span {
            margin-bottom: 18px; }
            .design-settings-page .drop-box--home-page.header--left .mockup--header .menu.icon--top span:last-child, .design-settings-page .drop-box--home-page.header--right .mockup--header .menu.icon--top span:last-child {
              margin-bottom: 0; }
    .design-settings-page .drop-box--home-page.header--left .mockup--body, .design-settings-page .drop-box--home-page.header--right .mockup--body {
      width: 68%; }
      .design-settings-page .drop-box--home-page.header--left .mockup--body .drag-box--level-1, .design-settings-page .drop-box--home-page.header--right .mockup--body .drag-box--level-1 {
        height: auto;
        min-height: 70px; }
        .design-settings-page .drop-box--home-page.header--left .mockup--body .drag-box--level-1.drop-box--v-6, .design-settings-page .drop-box--home-page.header--left .mockup--body .drag-box--level-1.drop-box--v-3, .design-settings-page .drop-box--home-page.header--right .mockup--body .drag-box--level-1.drop-box--v-6, .design-settings-page .drop-box--home-page.header--right .mockup--body .drag-box--level-1.drop-box--v-3 {
          flex-wrap: wrap; }
          .design-settings-page .drop-box--home-page.header--left .mockup--body .drag-box--level-1.drop-box--v-6 .drop-box--level-2:nth-child(2), .design-settings-page .drop-box--home-page.header--left .mockup--body .drag-box--level-1.drop-box--v-3 .drop-box--level-2:nth-child(2), .design-settings-page .drop-box--home-page.header--right .mockup--body .drag-box--level-1.drop-box--v-6 .drop-box--level-2:nth-child(2), .design-settings-page .drop-box--home-page.header--right .mockup--body .drag-box--level-1.drop-box--v-3 .drop-box--level-2:nth-child(2) {
            order: -1;
            width: 100%;
            margin-bottom: 10px; }
          .design-settings-page .drop-box--home-page.header--left .mockup--body .drag-box--level-1.drop-box--v-6 .drop-box--level-2:nth-child(1), .design-settings-page .drop-box--home-page.header--left .mockup--body .drag-box--level-1.drop-box--v-6 .drop-box--level-2:nth-child(3), .design-settings-page .drop-box--home-page.header--left .mockup--body .drag-box--level-1.drop-box--v-3 .drop-box--level-2:nth-child(1), .design-settings-page .drop-box--home-page.header--left .mockup--body .drag-box--level-1.drop-box--v-3 .drop-box--level-2:nth-child(3), .design-settings-page .drop-box--home-page.header--right .mockup--body .drag-box--level-1.drop-box--v-6 .drop-box--level-2:nth-child(1), .design-settings-page .drop-box--home-page.header--right .mockup--body .drag-box--level-1.drop-box--v-6 .drop-box--level-2:nth-child(3), .design-settings-page .drop-box--home-page.header--right .mockup--body .drag-box--level-1.drop-box--v-3 .drop-box--level-2:nth-child(1), .design-settings-page .drop-box--home-page.header--right .mockup--body .drag-box--level-1.drop-box--v-3 .drop-box--level-2:nth-child(3) {
            width: calc(50% - 5px); }
    .design-settings-page .drop-box--home-page.header--left .mockup--footer, .design-settings-page .drop-box--home-page.header--right .mockup--footer {
      width: 100%;
      order: 10; }
  .design-settings-page .drop-box--home-page.header--right .mockup--header {
    order: 2; }
  .design-settings-page .drop-box--home-page.header--right .mockup--body {
    order: -1; }

.design-settings-page .wrap-drag-components {
  width: 100%;
  max-width: 1200px;
  padding: 25px;
  background: #fafafa;
  display: block;
  border-radius: 3px;
  min-height: 400px; }
  .design-settings-page .wrap-drag-components .drag-box--level-1 {
    margin-bottom: 15px; }
    .design-settings-page .wrap-drag-components .drag-box--level-1.ui-draggable-dragging {
      max-width: 500px !important;
      width: 500px !important;
      z-index: 9999999; }
    .design-settings-page .wrap-drag-components .drag-box--level-1:last-child {
      margin-bottom: 0; }

.design-settings-page .drag-box--level-1 {
  position: relative;
  display: flex;
  width: 100%;
  height: 70px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 10px;
  cursor: grab;
  justify-content: space-between;
  margin-bottom: 10px; }
  .design-settings-page .drag-box--level-1:last-child {
    margin-bottom: 0; }
  .design-settings-page .drag-box--level-1 .controls--btn {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    line-height: 1;
    background: #fff;
    box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.3);
    z-index: 10; }
    .design-settings-page .drag-box--level-1 .controls--btn i {
      font-weight: 300; }
    .design-settings-page .drag-box--level-1 .controls--btn:hover {
      box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.7); }
    .design-settings-page .drag-box--level-1 .controls--btn.copy-to-mockup {
      top: 22px;
      left: -13px; }
      .design-settings-page .drag-box--level-1 .controls--btn.copy-to-mockup.hide {
        display: none; }
    .design-settings-page .drag-box--level-1 .controls--btn.delete-from-mockup {
      display: none;
      top: -8px;
      right: -7px;
      background: #ffa3a3;
      opacity: 0; }
  .design-settings-page .drag-box--level-1 .drop-box--level-2 {
    height: 50px;
    border: 1px dashed #ccc;
    background: #fafafa;
    border-radius: 3px;
    padding: 3px; }
    .design-settings-page .drag-box--level-1 .drop-box--level-2.drophover, .design-settings-page .drag-box--level-1 .drop-box--level-2.free-for-block {
      background: #e8f5e9; }
    .design-settings-page .drag-box--level-1 .drop-box--level-2.already-have-block {
      background: #ffebee; }
    .design-settings-page .drag-box--level-1 .drop-box--level-2.free-for-block.drophover {
      background: #c8e6c9; }
    .design-settings-page .drag-box--level-1 .drop-box--level-2.already-have-block.drophover .customizer-content-block {
      background: #ffebee; }
  .design-settings-page .drag-box--level-1.drop-box--v-1 .drop-box--level-2 {
    width: 100%; }
  .design-settings-page .drag-box--level-1.drop-box--v-2 .drop-box--level-2 {
    width: calc(50% - 5px); }
  .design-settings-page .drag-box--level-1.drop-box--v-3 .drop-box--level-2 {
    width: calc(33.33% - 5px); }
  .design-settings-page .drag-box--level-1.drop-box--v-4 .drop-box--level-2:first-child {
    width: calc(60% - 5px); }
  .design-settings-page .drag-box--level-1.drop-box--v-4 .drop-box--level-2:nth-child(2) {
    width: calc(40% - 5px); }
  .design-settings-page .drag-box--level-1.drop-box--v-5 .drop-box--level-2:first-child {
    width: calc(40% - 5px); }
  .design-settings-page .drag-box--level-1.drop-box--v-5 .drop-box--level-2:nth-child(2) {
    width: calc(60% - 5px); }
  .design-settings-page .drag-box--level-1.drop-box--v-6 .drop-box--level-2 {
    width: calc(50% - 5px); }
    .design-settings-page .drag-box--level-1.drop-box--v-6 .drop-box--level-2:first-child, .design-settings-page .drag-box--level-1.drop-box--v-6 .drop-box--level-2:nth-child(3) {
      width: calc(25% - 5px); }
  .design-settings-page .drag-box--level-1.drop-box--v-7 {
    display: grid;
    grid-template-columns: 4fr 6fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    height: auto;
    min-height: 70px; }
    .design-settings-page .drag-box--level-1.drop-box--v-7 .drop-box--level-2 {
      width: unset;
      min-height: 20px;
      height: 100%; }
      .design-settings-page .drag-box--level-1.drop-box--v-7 .drop-box--level-2:nth-child(1) {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 3; }

.design-settings-page .drop-box--home-page .drag-box--level-1 {
  cursor: default; }
  .design-settings-page .drop-box--home-page .drag-box--level-1 .drop-box--level-2:last-child {
    margin-bottom: 0; }
  .design-settings-page .drop-box--home-page .drag-box--level-1.drop-box--v-7 .drop-box--level-2 {
    min-height: 58px; }
  .design-settings-page .drop-box--home-page .drag-box--level-1:last-child {
    margin-bottom: 15px; }
  .design-settings-page .drop-box--home-page .drag-box--level-1 .controls--btn.copy-to-mockup {
    display: none; }
  .design-settings-page .drop-box--home-page .drag-box--level-1 .controls--btn.delete-from-mockup {
    display: flex; }
  .design-settings-page .drop-box--home-page .drag-box--level-1 .customizer-content-block {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 4px 10px;
    margin: 0;
    border: 1px solid #a5a5a5;
    background: #fdfdfd;
    border-radius: 3px;
    z-index: 10; }
    @media (max-width: 1200px) {
      .design-settings-page .drop-box--home-page .drag-box--level-1 .customizer-content-block {
        padding: 4px 6px;
        font-size: 11px; } }
    .design-settings-page .drop-box--home-page .drag-box--level-1 .customizer-content-block .controls--btn {
      position: absolute;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      cursor: pointer;
      height: 25px;
      width: 25px;
      border-radius: 50%;
      line-height: 1;
      background: #fff;
      box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.3);
      z-index: 10;
      display: none; }
      .design-settings-page .drop-box--home-page .drag-box--level-1 .customizer-content-block .controls--btn i {
        font-weight: 300; }
      .design-settings-page .drop-box--home-page .drag-box--level-1 .customizer-content-block .controls--btn:hover {
        box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.7); }
      .design-settings-page .drop-box--home-page .drag-box--level-1 .customizer-content-block .controls--btn.delete-content-block {
        background: #ffa3a3;
        top: 8px;
        right: 8px; }
    .design-settings-page .drop-box--home-page .drag-box--level-1 .customizer-content-block.ui-draggable-dragging {
      background: #fff;
      width: 180px !important;
      max-width: 180px !important;
      max-height: 38px !important;
      min-height: 38px !important;
      font-size: 10px;
      z-index: 999; }
    .design-settings-page .drop-box--home-page .drag-box--level-1 .customizer-content-block:hover .controls--btn {
      display: inline-flex; }
  .design-settings-page .drop-box--home-page .drag-box--level-1:hover {
    cursor: default; }
    .design-settings-page .drop-box--home-page .drag-box--level-1:hover .controls--btn.delete-from-mockup {
      opacity: 1; }

.design-settings-page .drag-box--level-2 .txt,
.design-settings-page .drag-box--level-2 .drag-box--message {
  width: 100%;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  line-height: 1.3;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.design-settings-page .drag-box--level-2 .drag-box--message {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #fff;
  border-radius: 3px;
  padding: 10px;
  cursor: default !important; }

.design-settings-page .drag-box--level-2.drag-box--not-available {
  position: relative;
  opacity: 0.6; }
  .design-settings-page .drag-box--level-2.drag-box--not-available .drag-box--message {
    display: flex; }
  .design-settings-page .drag-box--level-2.drag-box--not-available:hover {
    box-shadow: none !important; }

.design-settings-page .customizer-content-blocks-list {
  position: static;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-left: -5px;
  margin-right: -5px;
  height: auto;
  min-height: 190px; }
  .design-settings-page .customizer-content-blocks-list .drag-box--level-2 {
    display: inline-flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 10px;
    min-height: 100px;
    width: calc(33.33% - 10px);
    margin: 0 5px 10px 5px;
    border: 1px solid #a5a5a5;
    background: #fdfdfd;
    border-radius: 3px;
    cursor: grab;
    overflow: hidden; }
    .design-settings-page .customizer-content-blocks-list .drag-box--level-2 .controls--btn {
      display: none; }
    .design-settings-page .customizer-content-blocks-list .drag-box--level-2.ui-draggable-dragging {
      background: #fff;
      width: 190px !important;
      max-width: 190px !important;
      max-height: 50px !important;
      min-height: 50px !important;
      font-size: 12px;
      z-index: 999; }
    .design-settings-page .customizer-content-blocks-list .drag-box--level-2:hover {
      box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.4); }

.design-settings-page .deep-customizer-tab-links,
.design-settings-page #deep-settings--structure,
.design-settings-page #deep-settings--content {
  display: none; }

.design-settings-page.active-deep-mode-tab .deep-customizer-tab-links {
  display: block; }
  @media (max-width: 1023px) {
    .design-settings-page.active-deep-mode-tab .deep-customizer-tab-links {
      display: none; } }

@media (max-width: 1023px) {
  .design-settings-page.active-deep-mode-tab .deep-customizer-tabs #deep-settings--structure,
  .design-settings-page.active-deep-mode-tab .deep-customizer-tabs #deep-settings--content {
    display: none !important; }
  .design-settings-page.active-deep-mode-tab .deep-customizer-tabs #deep-settings--settings {
    display: block !important; } }

.design-settings-page.active-deep-mode-tab #deep-settings--structure.active,
.design-settings-page.active-deep-mode-tab #deep-settings--content.active {
  display: block; }

.design-settings-page.active-deep-mode-tab .deep-customizer-expand-mode {
  display: inline-block; }

.design-settings-page.active-deep-mode-tab .buttons-container .save-button {
  position: relative;
  z-index: 10; }

.customizer__orientation-alert {
  margin-top: 10px;
  display: none; }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .customizer__orientation-alert.in {
      display: block;
      /* your css rules for ipad portrait */ } }
  @media all and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {
    .customizer__orientation-alert.in {
      display: none;
      /* your css rules for ipad landscape */ } }
  .customizer__orientation-alert .orientation-alert__body {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .customizer__orientation-alert .orientation-alert__body picture {
      display: inline-block;
      margin-right: 15px; }
      .customizer__orientation-alert .orientation-alert__body picture img {
        max-height: 120px;
        height: 120px; }
  .customizer__orientation-alert .orientation-alert__title {
    font-size: 16px; }

.dark-mode .design-settings-page.active-deep-mode-tab.active-expand-deep-mode {
  background: #1a1a1a; }

.design-settings-page #preview-mockup-section {
  display: none; }

.design-settings-page.active-deep-mode-tab {
  transition: all 0.3s ease; }
  .design-settings-page.active-deep-mode-tab.active-expand-deep-mode {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    min-height: calc(100% - 60px);
    background: #fafafa;
    z-index: 1005; }
    .design-settings-page.active-deep-mode-tab.active-expand-deep-mode .customize-tutorial {
      display: none; }
    .design-settings-page.active-deep-mode-tab.active-expand-deep-mode .theme-settings {
      padding-top: 68px; }
      .design-settings-page.active-deep-mode-tab.active-expand-deep-mode .theme-settings .theme-settings {
        padding-top: 15px; }
      .design-settings-page.active-deep-mode-tab.active-expand-deep-mode .theme-settings .deep-theme-customizer-wrapper .theme-gallery {
        display: none; }
    .design-settings-page.active-deep-mode-tab.active-expand-deep-mode .theme-preview-section {
      display: none; }
  .design-settings-page.active-deep-mode-tab .deep-theme-customizer-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .design-settings-page.active-deep-mode-tab .deep-theme-customizer-wrapper .theme-gallery {
      width: 100%;
      margin-bottom: 80px; }
      @media (max-width: 1023px) {
        .design-settings-page.active-deep-mode-tab .deep-theme-customizer-wrapper .theme-gallery {
          margin-bottom: 20px; } }
    .design-settings-page.active-deep-mode-tab .deep-theme-customizer-wrapper .deep-theme-customizer-content {
      width: 100%;
      display: flex;
      align-items: stretch;
      justify-content: flex-start;
      flex-wrap: wrap; }
      .design-settings-page.active-deep-mode-tab .deep-theme-customizer-wrapper .deep-theme-customizer-content #preview-mockup-section {
        position: relative;
        display: block;
        width: 470px;
        margin-right: 30px; }
        .design-settings-page.active-deep-mode-tab .deep-theme-customizer-wrapper .deep-theme-customizer-content #preview-mockup-section .panel {
          background: transparent;
          box-shadow: none; }
        @media (max-width: 1200px) {
          .design-settings-page.active-deep-mode-tab .deep-theme-customizer-wrapper .deep-theme-customizer-content #preview-mockup-section {
            width: 420px; } }
        .design-settings-page.active-deep-mode-tab .deep-theme-customizer-wrapper .deep-theme-customizer-content #preview-mockup-section:hover {
          z-index: 100; }
        @media (max-width: 1023px) {
          .design-settings-page.active-deep-mode-tab .deep-theme-customizer-wrapper .deep-theme-customizer-content #preview-mockup-section {
            display: none; } }
      .design-settings-page.active-deep-mode-tab .deep-theme-customizer-wrapper .deep-theme-customizer-content .deep-theme-customizer-tabs {
        width: calc(100% - 500px); }
        @media (max-width: 1200px) {
          .design-settings-page.active-deep-mode-tab .deep-theme-customizer-wrapper .deep-theme-customizer-content .deep-theme-customizer-tabs {
            width: calc(100% - 450px); } }
        @media (max-width: 1023px) {
          .design-settings-page.active-deep-mode-tab .deep-theme-customizer-wrapper .deep-theme-customizer-content .deep-theme-customizer-tabs {
            width: 100%; } }
    @media (min-width: 2200px) {
      .design-settings-page.active-deep-mode-tab .deep-theme-customizer-wrapper .deep-theme-settings--container .theme-settings .row > .theme-fields, .design-settings-page.active-deep-mode-tab .deep-theme-customizer-wrapper .deep-theme-settings--container .theme-settings .zend_form .form-group > .theme-fields, .zend_form .design-settings-page.active-deep-mode-tab .deep-theme-customizer-wrapper .deep-theme-settings--container .theme-settings .form-group > .theme-fields, .design-settings-page.active-deep-mode-tab .deep-theme-customizer-wrapper .deep-theme-settings--container .theme-settings .zend_form .element-container > .theme-fields, .zend_form .design-settings-page.active-deep-mode-tab .deep-theme-customizer-wrapper .deep-theme-settings--container .theme-settings .element-container > .theme-fields, .design-settings-page.active-deep-mode-tab .deep-theme-customizer-wrapper .deep-theme-settings--container .theme-settings .form-container .form-horizontal .form-group > .theme-fields, .form-container .form-horizontal .design-settings-page.active-deep-mode-tab .deep-theme-customizer-wrapper .deep-theme-settings--container .theme-settings .form-group > .theme-fields, .design-settings-page.active-deep-mode-tab .deep-theme-customizer-wrapper .deep-theme-settings--container .theme-settings .form-container .form-horizontal .element-container > .theme-fields, .form-container .form-horizontal .design-settings-page.active-deep-mode-tab .deep-theme-customizer-wrapper .deep-theme-settings--container .theme-settings .element-container > .theme-fields, .design-settings-page.active-deep-mode-tab .deep-theme-customizer-wrapper .deep-theme-settings--container .theme-settings #booking_tabs .form-group > .theme-fields, #booking_tabs .design-settings-page.active-deep-mode-tab .deep-theme-customizer-wrapper .deep-theme-settings--container .theme-settings .form-group > .theme-fields, .design-settings-page.active-deep-mode-tab .deep-theme-customizer-wrapper .deep-theme-settings--container .theme-settings #booking_tabs .element-container > .theme-fields, #booking_tabs .design-settings-page.active-deep-mode-tab .deep-theme-customizer-wrapper .deep-theme-settings--container .theme-settings .element-container > .theme-fields {
        flex: 0 0 33.33333%;
        max-width: 33.33333%; } }

.translations-admin-interface {
  padding: 15px; }
  .translations-admin-interface .functions select,
  .translations-admin-interface .functions input,
  .translations-admin-interface .functions a.btn {
    margin: 5px 0; }
  .translations-admin-interface span.part {
    margin-right: 6px; }
  .translations-admin-interface a.btn-primary, .translations-admin-interface .btn-group a.btn.active:not(:disabled):not(.disabled):not([disabled]), .btn-group .translations-admin-interface a.btn.active:not(:disabled):not(.disabled):not([disabled]) {
    color: #fff; }
  .translations-admin-interface h3 {
    font-size: 1.2rem;
    font-weight: 600; }

.translations-admin-interface .functions .description {
  margin-bottom: 15px;
  padding: 15px 0;
  color: #666666; }

.translations-admin-interface .keys-table td,
.translations-admin-interface .keys-table th {
  background: #fafafa;
  border: 1px solid #cccccc;
  text-align: center;
  vertical-align: middle; }
  .translations-admin-interface .keys-table td input,
  .translations-admin-interface .keys-table td select,
  .translations-admin-interface .keys-table th input,
  .translations-admin-interface .keys-table th select {
    margin: 0; }

.translations-admin-interface .keys-table th {
  font-size: 1.2em; }

.translations-admin-interface .keys-table a {
  color: #2fa3d8; }

.theme-preview-section .wrap-tabs {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  background-color: #F1F6FF;
  position: relative;
  z-index: 10; }
  @media (max-width: 1250px) {
    .theme-preview-section .wrap-tabs {
      display: none; } }
  .theme-preview-section .wrap-tabs .wrap-swich .title {
    color: #0B3052;
    font-weight: 400;
    font-size: 14px;
    margin: 10px 0 4px 0;
    text-align: center;
    padding: 0; }
  .theme-preview-section .wrap-tabs .get-qr-code {
    margin: auto 0 4px auto; }
    .theme-preview-section .wrap-tabs .get-qr-code button {
      height: 41px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      cursor: pointer;
      font-weight: 400;
      font-size: 16px;
      color: #788291;
      outline: none;
      border: none;
      border-bottom: 4px solid transparent;
      padding: 0 20px;
      background: transparent; }
      .theme-preview-section .wrap-tabs .get-qr-code button svg {
        height: 24px; }
      .theme-preview-section .wrap-tabs .get-qr-code button:hover {
        color: #0B3052;
        opacity: 1; }
  .theme-preview-section .wrap-tabs .expand-block {
    display: none; }
  .theme-preview-section .wrap-tabs .nav li button {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-weight: 400;
    font-size: 16px;
    color: #788291;
    background: transparent;
    outline: none;
    border: none;
    border-bottom: 1px solid transparent;
    padding: 0px 15px 5px 20px; }
    .theme-preview-section .wrap-tabs .nav li button svg,
    .theme-preview-section .wrap-tabs .nav li button img {
      margin-right: 6px;
      height: 24px; }
    .theme-preview-section .wrap-tabs .nav li button:hover, .theme-preview-section .wrap-tabs .nav li button.active {
      opacity: 1;
      color: #0B3052; }
  .theme-preview-section .wrap-tabs .nav li.active button {
    opacity: 1;
    border-bottom: 1px solid #ffd943;
    color: #0B3052; }
  .theme-preview-section .wrap-tabs .view-angle-block {
    margin-left: 50px; }
    .theme-preview-section .wrap-tabs .view-angle-block .list-position {
      margin-top: 5px; }
      .theme-preview-section .wrap-tabs .view-angle-block .list-position li {
        margin-right: 10px; }
        .theme-preview-section .wrap-tabs .view-angle-block .list-position li:last-child {
          margin-right: 0; }
        .theme-preview-section .wrap-tabs .view-angle-block .list-position li button {
          border-radius: 4px;
          height: 40px;
          outline: none;
          padding: 0 15px;
          border-bottom: none;
          border: 1px solid transparent; }
          .theme-preview-section .wrap-tabs .view-angle-block .list-position li button.position-2 svg,
          .theme-preview-section .wrap-tabs .view-angle-block .list-position li button.position-2 img {
            height: 28px;
            perspective: 800px;
            perspective-origin: 50% 50%;
            margin-right: 12px;
            transform: scaleX(1) scaleY(1) scaleZ(1) rotateX(44deg) rotateY(20deg) rotateZ(-44deg) translateX(-5px) translateY(10px) translateZ(10px) skewX(0deg) skewY(10deg); }
          .theme-preview-section .wrap-tabs .view-angle-block .list-position li button.position-3.active {
            border: 1px solid #E7ECF7;
            color: #0B3052;
            opacity: 1;
            background-position: left 10px center; }
          .theme-preview-section .wrap-tabs .view-angle-block .list-position li button:hover {
            border: 1px solid #E7ECF7;
            opacity: 1; }
        .theme-preview-section .wrap-tabs .view-angle-block .list-position li.active button {
          color: #0B3052;
          opacity: 1;
          background-color: #fff; }

.wrap-phone {
  perspective: 1700px;
  min-height: 1050px;
  position: relative; }
  @media (max-width: 1250px) {
    .wrap-phone {
      min-height: 1px; } }

.device {
  width: 768px;
  height: 100%;
  position: relative;
  transition: all 1s ease;
  background: #2c3547; }
  @media (max-width: 1250px) {
    .device {
      background: transparent; } }
  .device:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: "";
    display: block;
    width: 99.5%;
    height: 100%;
    background: #000;
    border-top-left-radius: 30px 20px;
    border-top-right-radius: 30px 20px;
    border-bottom-left-radius: 30px 20px;
    border-bottom-right-radius: 30px 20px; }
  .device .top-panel {
    height: 15px;
    width: 50%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    top: -22px;
    z-index: 10;
    left: 0;
    right: 0;
    margin: 0 auto; }
    .device .top-panel .camera {
      height: 15px;
      width: 15px;
      border: 2px solid #333;
      border-radius: 50%;
      margin-left: 15px;
      background: #222;
      position: relative;
      opacity: .7; }
      .device .top-panel .camera:before {
        content: '';
        display: block;
        height: 7px;
        width: 7px;
        background: #fff;
        border-radius: 50%;
        position: relative;
        top: 2px;
        left: 2px;
        opacity: .05; }
    .device .top-panel .speeker {
      width: 56px;
      height: 8px;
      border: 1px solid rgba(51, 51, 51, 0.4);
      border-radius: 4px;
      position: absolute;
      left: 0;
      right: 0;
      top: 50%;
      margin: -5px auto 0 auto;
      box-shadow: inset -8px 1px 5px rgba(0, 0, 0, 0.24); }

.device.phone {
  height: 860px;
  width: 410px;
  border-top: 10px solid #2c3547;
  border-bottom: 10px solid #2c3547;
  border-left: 8px solid #2c3547;
  border-right: 8px solid #2c3547;
  margin: 60px auto;
  border-top-left-radius: 18px 18px;
  border-top-right-radius: 18px 18px;
  border-bottom-left-radius: 18px 18px;
  border-bottom-right-radius: 18px 18px;
  transform: scale(0.8); }
  .device.phone .wrap-frame iframe {
    max-width: calc(100% + 11px); }
  .device.phone:before {
    border-top-left-radius: 36px 36px;
    border-top-right-radius: 36px 36px;
    border-bottom-left-radius: 36px 36px;
    border-bottom-right-radius: 36px 36px; }
  .device.phone:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: "";
    display: block;
    width: 99.5%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0.3) 99%, rgba(255, 255, 255, 0.5) 100%);
    border-top-left-radius: 18px 18px;
    border-top-right-radius: 18px 18px;
    border-bottom-left-radius: 18px 18px;
    border-bottom-right-radius: 18px 18px; }
  .device.phone .top-panel {
    height: 10px;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top: -10px; }
    .device.phone .top-panel .camera {
      position: absolute;
      bottom: -20px;
      left: 0;
      right: 0;
      margin: 0 auto;
      opacity: 1; }
      .device.phone .top-panel .camera:before {
        content: '';
        display: block;
        height: 7px;
        width: 7px;
        background: #fff;
        border-radius: 50%;
        position: relative;
        top: 2px;
        left: 2px;
        opacity: .05; }
    .device.phone .top-panel .speeker {
      width: 70px;
      height: 6px;
      border: 1px solid rgba(171, 171, 171, 0.4);
      border-radius: 4px;
      position: static;
      margin: 0;
      box-shadow: inset -8px 1px 5px rgba(0, 0, 0, 0.5); }
  .device.phone.rotate-x {
    width: 860px;
    height: 410px;
    border-left: 10px solid #2c3547;
    border-right: 10px solid #2c3547;
    border-top: 8px solid #2c3547;
    border-bottom: 8px solid #2c3547;
    transform: scale(0.8); }
    .device.phone.rotate-x:before {
      border-top-left-radius: 18px 18px;
      border-top-right-radius: 18px 18px;
      border-bottom-left-radius: 18px 18px;
      border-bottom-right-radius: 18px 18px; }
    .device.phone.rotate-x .top-panel {
      height: 50%;
      width: 10px;
      flex-direction: column;
      justify-content: center;
      top: 0;
      bottom: 0;
      z-index: 10;
      left: -10px;
      right: auto;
      margin: auto 0; }
      .device.phone.rotate-x .top-panel .camera {
        bottom: auto;
        left: 20px; }
      .device.phone.rotate-x .top-panel .speeker {
        width: 5px;
        height: 80px;
        margin: 0 auto;
        opacity: 0.7; }
  .device.phone.view_gor {
    -webkit-transform: rotateX(50deg) rotateY(0deg) rotateZ(-30deg) scale(0.8);
    transform: rotateX(50deg) rotateY(0deg) rotateZ(-30deg) scale(0.8); }
  .device.phone.view_vert {
    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.8);
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.8); }
  .device.phone .wrap-frame {
    border-top-left-radius: 12px 12px;
    border-top-right-radius: 12px 12px;
    border-bottom-left-radius: 12px 12px;
    border-bottom-right-radius: 12px 12px; }

.device.tablet {
  height: 1104px;
  width: 846px;
  border-top: 26px solid #2c3547;
  border-bottom: 26px solid #2c3547;
  border-left: 22px solid #2c3547;
  border-right: 22px solid #2c3547;
  margin: 25px auto;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  position: relative;
  transition: all 1.5s ease;
  transform: scale(0.9); }
  .device.tablet:before {
    border-top-left-radius: 6px 6px;
    border-top-right-radius: 6px 6px;
    border-bottom-left-radius: 6px 6px;
    border-bottom-right-radius: 6px 6px; }
  .device.tablet:after {
    display: none; }
  .device.tablet .wrap-frame {
    width: 99.9%; }
    .device.tablet .wrap-frame iframe {
      max-width: calc(100% + 11px); }
  .device.tablet .top-panel {
    top: -20px; }
  .device.tablet.rotate-x {
    width: 1104px;
    height: 846px;
    border-left: 26px solid #2c3547;
    border-right: 26px solid #2c3547;
    border-top: 22px solid #2c3547;
    border-bottom: 22px solid #2c3547;
    transform: scale(0.9); }
    .device.tablet.rotate-x .top-panel {
      height: 50%;
      width: 15px;
      flex-direction: column;
      justify-content: center;
      top: 0;
      bottom: 0;
      z-index: 10;
      left: -20px;
      right: auto;
      margin: auto 0; }
      .device.tablet.rotate-x .top-panel .camera {
        margin-left: 0;
        margin-bottom: auto;
        margin-top: 0; }
      .device.tablet.rotate-x .top-panel .speeker {
        width: 8px;
        height: 56px;
        margin: -26px auto 0 auto; }
  .device.tablet.view_gor {
    margin-bottom: 230px;
    margin-top: -180px;
    -webkit-transform: rotateX(50deg) rotateY(0deg) rotateZ(-30deg) scale(0.9);
    transform: rotateX(50deg) rotateY(0deg) rotateZ(-30deg) scale(0.9); }
  .device.tablet.view_gor.rotate-x {
    margin-bottom: 130px;
    margin-top: -90px; }
  .device.tablet.view_vert {
    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.9);
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.9); }

.device.desktop {
  background: transparent;
  height: 1100px;
  width: 100%;
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
  margin: 15px auto;
  border-top-left-radius: 0 0;
  border-top-right-radius: 0 0;
  border-bottom-left-radius: 0 0;
  border-bottom-right-radius: 0 0;
  box-shadow: none; }
  @media (max-width: 1250px) {
    .device.desktop {
      height: auto;
      border: none;
      margin: 0;
      border-radius: 0; } }
  .device.desktop:before {
    border-radius: 0;
    height: 60px;
    width: 100%;
    max-width: 80px;
    background: #2c3547;
    bottom: -88px;
    top: auto;
    display: none; }
  .device.desktop:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -106px;
    margin: 0 auto;
    content: "";
    height: 20px;
    width: 100%;
    max-width: 360px;
    background: #2c3547;
    border-radius: 20px 20px 0 0;
    display: none; }
  .device.desktop .wrap-frame {
    width: 99.9%; }
    @media (max-width: 1250px) {
      .device.desktop .wrap-frame {
        width: 100%; } }
  .device.desktop .top-panel {
    display: none; }

.wrap-frame {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 99.5%;
  height: 100%;
  overflow: hidden; }
  @media (max-width: 1250px) {
    .wrap-frame {
      position: static;
      width: 100%;
      overflow: visible;
      height: 1060px; } }
  @media (max-width: 767px) {
    .wrap-frame {
      height: auto; } }
  .wrap-frame iframe {
    position: absolute;
    width: calc(100% + 17px);
    height: 100%;
    z-index: 2;
    right: 0;
    left: 0;
    border: none; }
    @media (max-width: 1250px) {
      .wrap-frame iframe {
        width: 100%;
        height: 1050px; } }

.qr-life-preview {
  position: absolute;
  z-index: 100;
  top: 100px;
  width: 100%;
  min-height: 92%;
  background: rgba(255, 255, 255, 0.97);
  display: none;
  text-align: center; }
  .qr-life-preview .wrap-qr-code {
    max-width: 300px;
    margin: 30px auto; }
    .qr-life-preview .wrap-qr-code title {
      font-size: 21px;
      text-align: center; }
  .qr-life-preview .qrcode {
    display: inline-block;
    padding: 20px;
    background: #f6f6f6;
    border: 1px dotted #ccc;
    border-radius: 4px; }

.view_gor {
  -webkit-transform: rotateX(50deg) rotateY(0deg) rotateZ(-30deg);
  transform: rotateX(50deg) rotateY(0deg) rotateZ(-30deg);
  box-shadow: -10px 14px 0 #737373, 2px -1px 0 #848484, 0px 0px 0 #000000, -1px 4px 0 #868686, -25px 22px 43px #000; }

.view_vert {
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  box-shadow: 3px 3px 60px 18px rgba(58, 65, 78, 0.61); }

.theme-preview-section.__is-expand > .panel .panel-body {
  width: 100%;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0; }
  .theme-preview-section.__is-expand > .panel .panel-body #sheduling_component_div {
    flex: 1 1 auto;
    width: 100%;
    height: calc(100vh - 84px);
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #788291 #ABBCCC; }
    .theme-preview-section.__is-expand > .panel .panel-body #sheduling_component_div::-webkit-scrollbar {
      width: 10px;
      height: 10px; }
      .theme-preview-section.__is-expand > .panel .panel-body #sheduling_component_div::-webkit-scrollbar-track {
        background-clip: content-box;
        border: 2.5px solid transparent; }
      .theme-preview-section.__is-expand > .panel .panel-body #sheduling_component_div::-webkit-scrollbar-thumb {
        background-color: #788291; }
        .theme-preview-section.__is-expand > .panel .panel-body #sheduling_component_div::-webkit-scrollbar-thumb:hover {
          background-color: #6c7583; }
      .theme-preview-section.__is-expand > .panel .panel-body #sheduling_component_div::-webkit-scrollbar-corner, .theme-preview-section.__is-expand > .panel .panel-body #sheduling_component_div::-webkit-scrollbar-track {
        background-color: #ABBCCC; }

.theme-preview-section.__is-expand .wrap-tabs {
  display: flex;
  min-height: 80px; }
  .theme-preview-section.__is-expand .wrap-tabs .expand-block {
    display: inline-flex;
    align-self: end;
    margin-bottom: 8px;
    margin-right: 22px;
    margin-left: 22px; }
    .theme-preview-section.__is-expand .wrap-tabs .expand-block .btn__txt {
      display: none; }
      .theme-preview-section.__is-expand .wrap-tabs .expand-block .btn__txt-close {
        display: inline-block; }
    @media (max-width: 1250px) {
      .theme-preview-section.__is-expand .wrap-tabs .expand-block {
        margin-bottom: 23px;
        margin-left: auto; } }
  .theme-preview-section.__is-expand .wrap-tabs .view-angle-block {
    margin-left: 30px; }
  @media (max-width: 1250px) {
    .theme-preview-section.__is-expand .wrap-tabs .wrap-swich {
      display: none !important; } }

.dark-mode .theme-preview-section .wrap-tabs {
  background-color: #282828; }

.dark-mode .theme-preview-section .wrap-tabs .wrap-swich .title {
  color: #bfbfbf; }

.dark-mode .theme-preview-section .wrap-tabs .nav li button:hover {
  color: #f9f9f9; }

.dark-mode .theme-preview-section .wrap-tabs .nav li.active button {
  color: #f9f9f9; }

.dark-mode .theme-preview-section .wrap-tabs .get-qr-code button:hover {
  color: #f9f9f9; }

.dark-mode .qr-life-preview {
  background: #242424; }

.dark-mode .theme-preview-section .wrap-tabs .view-angle-block .list-position li.active button {
  background: #242424;
  color: #f9f9f9; }

.dark-mode .theme-preview-section .wrap-tabs .view-angle-block .list-position li button.position-3.active {
  background: #242424;
  color: #f9f9f9; }

/*----- Book soon notifications form ------*/
.advanced_notification_form {
  display: block;
  padding: 15px; }
  .advanced_notification_form .combobox_wrapper .dropdown-menu li {
    cursor: pointer;
    background-color: #fff;
    padding: 0 10px; }
    .advanced_notification_form .combobox_wrapper .dropdown-menu li:hover {
      background-color: #06ADEF;
      color: #fff; }
  .advanced_notification_form .combobox_wrapper input[type="text"]:focus {
    outline: none; }

.advanced_notification_form .wizard .step_content .step {
  display: block; }

.advanced_notification_form .wizard .step_content .combobox_list {
  min-height: 0; }
  .advanced_notification_form .wizard .step_content .combobox_list .actions .fa {
    margin: 0; }

.advanced_notification_form .wizard .step_content #common_step_content dd {
  position: relative; }

.advanced_notification_form .wizard .advanced-notification-fields {
  margin-bottom: 20px;
  margin-left: 30px; }

@media (max-width: 980px) {
  .advanced_notification_form .wizard {
    width: 100%;
    min-width: 100%;
    box-sizing: border-box; }
  .advanced_notification_form .wizard .step_content .step .left,
  .advanced_notification_form .wizard .step_content .step .right {
    width: 380px; }
  .advanced_notification_form .wizard .step_content .step input.middle[type="text"],
  .advanced_notification_form .wizard .step_content .step .service_dates_container input.datepicker {
    width: 130px; }
  .advanced_notification_form .wizard .step_content .searcher {
    margin-bottom: 15px; }
  .advanced_notification_form .wizard .step_content .combobox_list .empty_rows {
    width: 340px; }
  .advanced_notification_form .wizard .step_content .combobox_list table {
    width: 380px; }
  .advanced_notification_form .wizard .step_content .combobox_list table td .info {
    width: 200px; }
  .wizard .right {
    margin-left: 10px; }
  .wizard .right.small {
    margin-left: 0; }
  .wizard .step_content .step .left {
    margin-left: 15px; }
  .wizard .step_content .step .left.small,
  .wizard .step_content .step .right.small {
    display: block;
    float: none;
    marign: 0;
    width: 100%; } }

.google-calendar-settings-table .sync_checkbox_cell {
  width: 150px;
  text-align: center; }

.google-calendar-settings-table tr {
  height: 45px; }

.google-calendar-settings-table label {
  position: relative;
  top: -1px; }

.google-calendar-settings-table input[type=checkbox] {
  position: relative;
  top: 2px; }

.sync_checkbox_container {
  position: relative; }

.sync_checkbox_container .help-notation {
  width: 370px;
  top: -30px;
  left: 150px; }

.sync_checkbox_container:hover .help-notation {
  display: block; }

.help-notation {
  position: absolute;
  left: 330px;
  padding: 10px;
  top: 10%;
  width: 150px;
  border: 1px solid #2fa3d8;
  background: #fff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  display: none; }

.help-notation.fixed {
  margin-bottom: 10px;
  left: auto;
  top: auto;
  width: auto;
  position: relative;
  display: block; }

.help-notation div {
  line-height: 1.3em;
  font-size: 1.2em; }

.help-notation div.triangle {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #2fa3d8;
  position: absolute;
  left: -10px;
  top: 35%; }

.help-notation div.ui-icon {
  float: left;
  margin: 3px 10px 3px 5px;
  background-image: url(/common/css/ui-colors/admin-blue/images/ui-icons_blue_256x240.png); }

.help-notation a {
  color: #2fa3d8;
  cursor: pointer; }

.plugin-status-page {
  padding: 15px; }
  .plugin-status-page .actions_container .btn {
    margin: 2px; }
  .plugin-status-page .color > div {
    border-radius: 3px;
    padding: 5px; }

#contact-widget {
  padding: 15px; }

.new-messages {
  line-height: 30px;
  margin-left: 10px; }

.new-messages .count {
  font-weight: bold; }

#iframe_width {
  background: #f3f3f3;
  border: 1px solid #e1e1e1;
  padding: 5px 7px;
  min-width: 130px; }

@media (max-width: 980px) {
  #widget_settings {
    width: 100% !important; }
  #widget_settings .button-settings {
    width: 240px;
    display: inline-block; }
  #widget_settings #widget_code_container {
    display: inline-block;
    width: 100%; }
  #sheduling_component_div,
  #preview_iframe_div,
  #widget_button_container {
    display: none; } }

.no-preview-div {
  display: none;
  margin: 30px;
  font-size: 21px;
  color: #888888;
  text-align: center; }
  @media (max-width: 980px) {
    .no-preview-div {
      display: block; } }

#widget_settings {
  padding: 15px; }
  #widget_settings .zend_form {
    padding: 15px; }
    #widget_settings .zend_form .form-group, #widget_settings .zend_form .element-container {
      display: block; }
      #widget_settings .zend_form .form-group .element, #widget_settings .zend_form .element-container .element {
        display: flex;
        align-items: center;
        justify-content: space-between; }
    #widget_settings .zend_form label {
      margin-bottom: 0; }
  #widget_settings .button_settings label,
  #widget_settings .custom_translations_block label {
    font-weight: normal;
    margin-right: 10px;
    margin-bottom: 0.25rem; }
  #widget_settings .form-control#offset, #widget_settings .contact-widget-message-form .data-block .element-container textarea#offset, .contact-widget-message-form .data-block .element-container #widget_settings textarea#offset, #widget_settings .templates-page .notifications-settings .field select#offset, .templates-page .notifications-settings .field #widget_settings select#offset, #widget_settings .design-settings-page .theme-additional-colors input#offset, .design-settings-page .theme-additional-colors #widget_settings input#offset, #widget_settings .design-settings-page div#offset.input, .design-settings-page #widget_settings div#offset.input {
    margin-right: 5px; }
  #widget_settings .form-control#offset, #widget_settings .contact-widget-message-form .data-block .element-container textarea#offset, .contact-widget-message-form .data-block .element-container #widget_settings textarea#offset, #widget_settings .templates-page .notifications-settings .field select#offset, .templates-page .notifications-settings .field #widget_settings select#offset, #widget_settings .design-settings-page .theme-additional-colors input#offset, .design-settings-page .theme-additional-colors #widget_settings input#offset, #widget_settings .design-settings-page div#offset.input, .design-settings-page #widget_settings div#offset.input,
  #widget_settings .form-control#offset_type,
  #widget_settings .contact-widget-message-form .data-block .element-container textarea#offset_type,
  .contact-widget-message-form .data-block .element-container #widget_settings textarea#offset_type,
  #widget_settings .templates-page .notifications-settings .field select#offset_type,
  .templates-page .notifications-settings .field #widget_settings select#offset_type,
  #widget_settings .design-settings-page .theme-additional-colors input#offset_type,
  .design-settings-page .theme-additional-colors #widget_settings input#offset_type,
  #widget_settings .design-settings-page div#offset_type.input,
  .design-settings-page #widget_settings div#offset_type.input {
    width: 45%;
    display: inline-block; }

.custom_translations_block {
  margin: 15px 0; }
  .custom_translations_block div.table input {
    margin-bottom: 10px; }
  .custom_translations_block div.table label {
    padding: 0.375rem 0;
    margin-right: 0; }
  .custom_translations_block div.table h5.block-title {
    font-weight: 600;
    margin-bottom: 15px; }
  .custom_translations_block div.table .row:last-child input, .custom_translations_block div.table .zend_form .form-group:last-child input, .zend_form .custom_translations_block div.table .form-group:last-child input, .custom_translations_block div.table .zend_form .element-container:last-child input, .zend_form .custom_translations_block div.table .element-container:last-child input, .custom_translations_block div.table .form-container .form-horizontal .form-group:last-child input, .form-container .form-horizontal .custom_translations_block div.table .form-group:last-child input, .custom_translations_block div.table .form-container .form-horizontal .element-container:last-child input, .form-container .form-horizontal .custom_translations_block div.table .element-container:last-child input, .custom_translations_block div.table #booking_tabs .form-group:last-child input, #booking_tabs .custom_translations_block div.table .form-group:last-child input, .custom_translations_block div.table #booking_tabs .element-container:last-child input, #booking_tabs .custom_translations_block div.table .element-container:last-child input {
    margin-bottom: 0; }
  .custom_translations_block td {
    width: 50%; }

.custom_translations_block .hint-container {
  position: absolute;
  right: 5px;
  left: auto;
  top: 5px; }

.custom_translations_block input[type=text] {
  background: #fff; }

/*----- Design (themes & colors, Custom CSS) ----*/
.pad-css__design-interface {
  padding: 20px; }
  .pad-css__design-interface .custom-css--sidebar .tab-content {
    margin: 0;
    padding: 10px 5px;
    border: 1px solid #E7ECF7;
    border-radius: 0px 0px 4px 4px; }
  .pad-css__design-interface #fbdp-tab,
  .pad-css__design-interface #webpage-tab,
  .pad-css__design-interface #widget-tab {
    height: 100%; }
    .pad-css__design-interface #fbdp-tab .themes-list--wrapper,
    .pad-css__design-interface #webpage-tab .themes-list--wrapper,
    .pad-css__design-interface #widget-tab .themes-list--wrapper {
      margin-bottom: 15px;
      padding-bottom: 10px;
      border-bottom: 1px solid #f2f2f5; }
    .pad-css__design-interface #fbdp-tab textarea,
    .pad-css__design-interface #webpage-tab textarea,
    .pad-css__design-interface #widget-tab textarea {
      border-radius: 0 0 4px 4px;
      border: none;
      resize: none;
      font-family: monospace;
      line-height: 1.32;
      font-size: 13px;
      font-weight: 300;
      color: #0B3052;
      scrollbar-width: thin;
      scrollbar-color: #788291 #ABBCCC; }
      .pad-css__design-interface #fbdp-tab textarea::-webkit-scrollbar,
      .pad-css__design-interface #webpage-tab textarea::-webkit-scrollbar,
      .pad-css__design-interface #widget-tab textarea::-webkit-scrollbar {
        width: 8px;
        height: 8px; }
        .pad-css__design-interface #fbdp-tab textarea::-webkit-scrollbar-track,
        .pad-css__design-interface #webpage-tab textarea::-webkit-scrollbar-track,
        .pad-css__design-interface #widget-tab textarea::-webkit-scrollbar-track {
          background-clip: content-box;
          border: 2px solid transparent; }
        .pad-css__design-interface #fbdp-tab textarea::-webkit-scrollbar-thumb,
        .pad-css__design-interface #webpage-tab textarea::-webkit-scrollbar-thumb,
        .pad-css__design-interface #widget-tab textarea::-webkit-scrollbar-thumb {
          background-color: #788291; }
          .pad-css__design-interface #fbdp-tab textarea::-webkit-scrollbar-thumb:hover,
          .pad-css__design-interface #webpage-tab textarea::-webkit-scrollbar-thumb:hover,
          .pad-css__design-interface #widget-tab textarea::-webkit-scrollbar-thumb:hover {
            background-color: #6c7583; }
        .pad-css__design-interface #fbdp-tab textarea::-webkit-scrollbar-corner, .pad-css__design-interface #fbdp-tab textarea::-webkit-scrollbar-track,
        .pad-css__design-interface #webpage-tab textarea::-webkit-scrollbar-corner,
        .pad-css__design-interface #webpage-tab textarea::-webkit-scrollbar-track,
        .pad-css__design-interface #widget-tab textarea::-webkit-scrollbar-corner,
        .pad-css__design-interface #widget-tab textarea::-webkit-scrollbar-track {
          background-color: #ABBCCC; }
  .pad-css__design-interface #preview_iframe_div {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    padding: 0;
    line-height: 1;
    border-radius: 5px;
    margin: 0 auto;
    overflow: hidden; }
    .pad-css__design-interface #preview_iframe_div iframe {
      border: 1px solid #f2f2f5; }
  @media (max-width: 1200px) {
    .pad-css__design-interface .grid-type-flex {
      flex-direction: column; }
      .pad-css__design-interface .grid-type-flex .no-preview-div {
        display: block; }
      .pad-css__design-interface .grid-type-flex #preview_iframe_div {
        display: none; } }
  .pad-css__design-interface .grid-type-flex .grid-item.custom-css--sidebar {
    width: 100%; }
    @media (min-width: 1200px) {
      .pad-css__design-interface .grid-type-flex .grid-item.custom-css--sidebar {
        min-width: 480px;
        max-width: 480px; } }
  .pad-css__design-interface .btn--expand-block .narrow-mode,
  .pad-css__design-interface .btn--expand-block .ico-compress {
    display: none; }
  .pad-css__design-interface .btn--expand-block.active .narrow-mode,
  .pad-css__design-interface .btn--expand-block.active .ico-compress {
    display: inline-block; }
  .pad-css__design-interface .btn--expand-block.active .ico-expand,
  .pad-css__design-interface .btn--expand-block.active .expand-mode {
    display: none; }
  .pad-css__design-interface #preview-block {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease-out; }
    .pad-css__design-interface #preview-block .btn-bar__row {
      min-height: 50px;
      padding-left: 20px;
      padding-right: 20px;
      align-items: center; }
      @media (max-width: 1200px) {
        .pad-css__design-interface #preview-block .btn-bar__row {
          display: none; } }
    .pad-css__design-interface #preview-block.__is-expand {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      z-index: 999999; }
      .pad-css__design-interface #preview-block.__is-expand .device__desktop {
        position: relative;
        height: calc(100vh - 51px); }
        .pad-css__design-interface #preview-block.__is-expand .device__desktop .preview-frame {
          position: absolute;
          top: 0;
          left: 0;
          height: 99.9%;
          width: calc(100% + 10px);
          align-items: flex-start;
          justify-content: flex-start; }
          .pad-css__design-interface #preview-block.__is-expand .device__desktop .preview-frame iframe {
            height: 100% !important; }

.pad-css__design-interface .column {
  display: block;
  float: none;
  width: 100% !important;
  box-sizing: border-box;
  margin-left: 0; }

.pad-css__design-interface .column:last-child {
  margin-top: 15px; }

.pad-css__design-interface .ui-tabs-panel {
  box-sizing: border-box;
  width: 100%; }

.pad-css__design-interface .buttons-container {
  text-align: left;
  padding: 0 0 10px; }

#webpage_css_editor,
#fbdp_css_editor,
#widget_css_editor {
  width: 100%;
  min-height: 500px;
  border-top: 0;
  height: calc(82vh - 200px); }
  @media (max-width: 1366px) {
    #webpage_css_editor,
    #fbdp_css_editor,
    #widget_css_editor {
      min-height: 400px; } }

.dark-mode .pad-css__design-interface .custom-css--sidebar .tab-content {
  border-color: #555555; }

.dark-mode .pad-css__design-interface #fbdp-tab textarea,
.dark-mode .pad-css__design-interface #webpage-tab textarea,
.dark-mode .pad-css__design-interface #widget-tab textarea {
  color: #f9f9f9;
  background: #1a1a1a; }

.import-clients-plugin .backend-field {
  font-weight: normal; }
  .import-clients-plugin .backend-field option {
    font-weight: normal; }
  .import-clients-plugin .backend-field option.require {
    font-weight: bold; }

.plugin-disabled {
  padding: 15px;
  text-align: center; }
  .plugin-disabled .wrapper {
    padding: 40px;
    max-width: 768px;
    margin: 40px auto 0;
    background-color: #ffffff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
    border-radius: 0.25rem; }
    @media (max-width: 1366px) {
      .plugin-disabled .wrapper {
        padding: 15px;
        margin-top: 15px; } }
  .plugin-disabled .cap {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px; }
  .plugin-disabled .txt,
  .plugin-disabled .img {
    margin-bottom: 30px; }

.news-plugin {
  padding: 15px; }
  .news-plugin .table-advance {
    border-bottom: 1px solid #ececec;
    margin-bottom: 10px; }

#client-report-page {
  padding: 15px; }
  #client-report-page .buttons-container .btn {
    margin-bottom: 7px;
    margin-right: 5px; }

@media (max-width: 1024px) {
  .data-page.page--Clients > .page-header.__has-action {
    padding-bottom: 8px;
    border-bottom: 1px solid #06ADEF; } }

.data-page.page--Clients .dynamic-menu .icon {
  font-weight: 300; }
  .data-page.page--Clients .dynamic-menu .icon.fa-ellipsis-v {
    font-weight: 500; }

.data-page.page--Clients .dynamic-menu .sb-button-outside-submenu.Del_3, .data-page.page--Clients .dynamic-menu .sb-button-outside-submenu.Add_0 {
  margin-right: auto; }

.data-page.page--Clients .dynamic-menu .sb-button-in-submenu {
  position: relative; }
  .data-page.page--Clients .dynamic-menu .sb-button-in-submenu.Del_3 {
    padding-bottom: 6px;
    margin-bottom: 6px; }
    .data-page.page--Clients .dynamic-menu .sb-button-in-submenu.Del_3:after {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      content: '';
      display: block;
      width: 86%;
      border-bottom: 1px solid #E7ECF7; }
  .data-page.page--Clients .dynamic-menu .sb-button-in-submenu.Vid_7 {
    padding-top: 6px;
    margin-top: 8px; }
    .data-page.page--Clients .dynamic-menu .sb-button-in-submenu.Vid_7:after {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      content: '';
      display: block;
      width: 86%;
      border-bottom: 1px solid #E7ECF7; }

.dark-mode .gallery-list .images-list-container .images li.edit-image {
  border-color: #555555; }

.dark-mode .gallery-list .save-mess {
  display: none; }

.images-list-container .images-list {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 12px; }
  .images-list-container .images-list .images-list__item {
    border-radius: 5px;
    width: calc(((100% / 6) - 12px) + (12px / 6)); }
    @media (max-width: 1400px) {
      .images-list-container .images-list .images-list__item {
        width: calc(((100% / 5) - 12px) + (12px / 5)); } }
    @media (max-width: 1100px) {
      .images-list-container .images-list .images-list__item {
        width: calc(((100% / 4) - 12px) + (12px / 4)); } }
    @media (max-width: 800px) {
      .images-list-container .images-list .images-list__item {
        width: calc(((100% / 3) - 12px) + (12px / 3)); } }
    @media (max-width: 500px) {
      .images-list-container .images-list .images-list__item {
        width: calc(((100% / 2) - 12px) + (12px / 2)); } }
    .images-list-container .images-list .images-list__item.edit-image:not(.new-img) {
      width: 100%; }

.gallery-list .images-list-container .images-list li.edit-image {
  width: 100%;
  display: block;
  margin: 10px 0 10px 0;
  padding: 16px;
  height: auto;
  border: 1px solid #E7ECF7;
  border-radius: 5px;
  overflow: hidden; }
  @media (max-width: 767px) {
    .gallery-list .images-list-container .images-list li.edit-image {
      padding: 0; } }
  .gallery-list .images-list-container .images-list li.edit-image:hover {
    background: transparent; }
  .gallery-list .images-list-container .images-list li.edit-image .pimg {
    width: 100%;
    height: 150px;
    background-size: cover;
    background-color: #fafafa; }
    @media (max-width: 767px) {
      .gallery-list .images-list-container .images-list li.edit-image .pimg {
        height: 200px; } }
  .gallery-list .images-list-container .images-list li.edit-image textarea {
    width: 100%;
    height: 150px;
    padding: 10px; }
    @media (max-width: 767px) {
      .gallery-list .images-list-container .images-list li.edit-image textarea {
        margin-top: 15px; } }

.gallery-list .images-list-container .images-list li {
  /* /.description-container */ }
  .gallery-list .images-list-container .images-list li .image-container {
    width: 100%;
    height: 144px;
    background: #F1F6FF;
    text-align: center;
    position: relative;
    border-radius: 5px; }
    .gallery-list .images-list-container .images-list li .image-container .buttons {
      position: absolute;
      top: 5px;
      right: 5px;
      z-index: 2;
      display: flex;
      flex-direction: column;
      gap: 6px; }
      .gallery-list .images-list-container .images-list li .image-container .buttons a, .gallery-list .images-list-container .images-list li .image-container .buttons button {
        text-decoration: none;
        width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        background-color: #f8faff;
        border: 1px solid #555555;
        line-height: 35px;
        border-radius: 4px;
        transition: all .3s ease;
        cursor: pointer;
        transform: scale(0); }
        .gallery-list .images-list-container .images-list li .image-container .buttons a.edit, .gallery-list .images-list-container .images-list li .image-container .buttons button.edit {
          transition-delay: .10s; }
          .gallery-list .images-list-container .images-list li .image-container .buttons a.edit .fa, .gallery-list .images-list-container .images-list li .image-container .buttons button.edit .fa {
            color: #06ADEF; }
        .gallery-list .images-list-container .images-list li .image-container .buttons a.delete .fa, .gallery-list .images-list-container .images-list li .image-container .buttons button.delete .fa {
          color: #FF3259; }
        .gallery-list .images-list-container .images-list li .image-container .buttons a.zoom, .gallery-list .images-list-container .images-list li .image-container .buttons button.zoom {
          transition-delay: .2s; }
        .gallery-list .images-list-container .images-list li .image-container .buttons a:hover, .gallery-list .images-list-container .images-list li .image-container .buttons button:hover {
          background: #F1F6FF; }
          .gallery-list .images-list-container .images-list li .image-container .buttons a:hover .fa, .gallery-list .images-list-container .images-list li .image-container .buttons button:hover .fa {
            opacity: .8; }
        .gallery-list .images-list-container .images-list li .image-container .buttons a .fa, .gallery-list .images-list-container .images-list li .image-container .buttons button .fa {
          font-size: 16px;
          color: #788291; }
    .gallery-list .images-list-container .images-list li .image-container img {
      max-width: 100%;
      max-height: 100%; }
    .gallery-list .images-list-container .images-list li .image-container .pimg {
      width: 100%;
      height: 100%;
      border-radius: 4px;
      background-size: cover; }
  .gallery-list .images-list-container .images-list li .description-container {
    display: none; }
  .gallery-list .images-list-container .images-list li:hover {
    background: #bcbcbc; }
    .gallery-list .images-list-container .images-list li:hover .image-container .buttons a, .gallery-list .images-list-container .images-list li:hover .image-container .buttons button {
      transform: scale(1); }

.gallery-list .save-mess {
  display: none; }

.save-changes-block {
  float: right; }
  @media (max-width: 767px) {
    .save-changes-block {
      float: none;
      margin-top: 12px; } }

.daily-report-feature {
  padding: 15px; }
  .daily-report-feature select.form-control, .daily-report-feature .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .daily-report-feature select {
    max-width: 175px; }
  .daily-report-feature .button-container {
    margin: 15px 0; }

.dark-mode .fixed-time-container .fixed-time-setting .table {
  border-color: #303030; }

.fixed-time-container {
  padding: 20px; }
  .fixed-time-container .fixed-time-setting {
    max-width: 600px; }
  .fixed-time-container .time-title {
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 18px; }
    @media (max-width: 767px) {
      .fixed-time-container .time-title {
        margin-top: 15px; } }
  .fixed-time-container .fixed-time-setting .table {
    border: 1px solid #E7ECF7;
    margin-top: 6px; }
    .fixed-time-container .fixed-time-setting .table .selected-time i {
      font-size: 16px; }
    .fixed-time-container .fixed-time-setting .table .actions {
      text-align: right; }

.flexible-template-configurations {
  padding: 20px; }
  @media (min-width: 1200px) {
    .flexible-template-configurations .grid-item__sidebar {
      max-width: 600px;
      position: sticky;
      top: 80px;
      display: flex;
      flex-direction: column;
      max-height: calc(88vh - 140px);
      border-radius: 5px;
      overflow: hidden; }
      .flexible-template-configurations .grid-item__sidebar .section__cover-content {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        overflow: auto;
        padding-left: 10px;
        padding-right: 10px; }
      .flexible-template-configurations .grid-item__sidebar .inner-header {
        padding-left: 10px;
        padding-right: 10px; } }
  @media (max-width: 1600px) {
    .flexible-template-configurations .grid-item__sidebar {
      max-width: 460px; } }
  .flexible-template-configurations .select-list .selected-services .remove {
    cursor: pointer; }
    .flexible-template-configurations .select-list .selected-services .remove .fa {
      color: #FF3259; }
  .flexible-template-configurations .notification-templates .remove {
    color: #FF3259; }
  .flexible-template-configurations textarea.sms-template {
    min-height: 102px; }

.flexible-template-container .select-list .actions .btn {
  float: right; }

.flexible-template-container .select-list .duration {
  color: #06acee;
  font-size: 1.1em;
  min-width: 60px; }
  .flexible-template-container .select-list .duration span {
    margin-left: 3px; }

.flexible-template-container .templates {
  margin-bottom: 20px; }

.flexible-template-container .template-vars-container {
  right: 0px;
  max-height: 100vh;
  overflow: auto; }

.flexible-template-container #template_vars_top,
.flexible-template-container #templates_cont {
  clear: both; }

.flexible-template-container #template_vars_top .info {
  margin-bottom: 20px; }

.template-to-clone {
  display: none; }

.any-employee-selector {
  padding: 15px; }
  .any-employee-selector .alert .btn {
    text-decoration: none; }
  .any-employee-selector #image_container label {
    width: 100%; }
  .any-employee-selector .image-container img {
    max-width: 450px;
    width: 100%; }

.api-doc-container {
  padding: 15px; }

.facebook-bot {
  padding: 15px; }
  .facebook-bot .wrapper {
    max-width: 768px; }

#social-gallery-plugin-settings .insta-icon {
  max-width: 150px;
  margin: 0 auto 15px; }

#social-gallery-plugin-settings .photos .image-item-container .image-item {
  width: 100%;
  height: 0%;
  padding-top: 100%;
  background-size: cover;
  background-position: center center; }
  #social-gallery-plugin-settings .photos .image-item-container .image-item:focus, #social-gallery-plugin-settings .photos .image-item-container .image-item:visited, #social-gallery-plugin-settings .photos .image-item-container .image-item:active {
    outline: none; }

.calendar-sync {
  padding: 20px; }
  @media (max-width: 1200px) {
    .calendar-sync .grid--calendar-export .grid-item--select-calendar {
      max-width: 400px !important;
      flex: unset; }
    .calendar-sync .grid--calendar-export .grid-item--select-provider {
      flex: unset;
      width: 100%; } }
  @media (max-width: 980px) {
    .calendar-sync .grid--calendar-export .grid-item .btn-bar .btn-bar__row {
      justify-content: center; } }
  .calendar-sync .calendar .save-btn,
  .calendar-sync .calendar .cancel-btn,
  .calendar-sync .calendar .loader {
    display: none; }
  .calendar-sync .calendar.changed .save-btn,
  .calendar-sync .calendar.changed .cancel-btn {
    display: inline-flex; }
  .calendar-sync .calendar.changed .export-btn,
  .calendar-sync .calendar.changed .delete-btn {
    display: none; }
  .calendar-sync .calendar.load .btn {
    display: none; }
  .calendar-sync .calendar.load .loader {
    position: relative;
    display: block;
    width: 32px;
    height: 32px;
    background-image: url("/v2/images/ajax_loader.gif");
    margin: auto; }
  .calendar-sync .calendar td.actions {
    text-align: right; }

#voice-booking-report {
  padding: 15px; }
  #voice-booking-report .combobox-container {
    width: 100%; }

.custom-domain .domain-field {
  max-width: 300px; }

.data-security-plugin {
  padding: 15px; }
  .data-security-plugin .wrapper {
    max-width: 768px; }

.dark-mode #client-soap-view .key textarea.fresh-key {
  background: rgba(229, 251, 243, 0.2);
  color: #00D38B; }

.dark-mode #client-soap-view .recode_old,
.dark-mode #client-soap-view .recode_unencoded {
  color: #e6d0d0; }

.dark-mode .client-soap-view__header img {
  filter: grayscale(0.7) invert(88%); }

.dark-mode #client-soap-view .actions_sequence {
  color: #bcbcbc; }
  .dark-mode #client-soap-view .actions_sequence ul, .dark-mode #client-soap-view .actions_sequence li, .dark-mode #client-soap-view .actions_sequence p {
    color: #bcbcbc; }

@media (max-width: 1560px) {
  #client-soap-view .grid__soap-fields {
    flex-direction: column; } }

#client-soap-view .soap-block .fresh-key {
  height: 250px; }

#client-soap-view .soap-block.d-flex {
  display: flex;
  flex-direction: column;
  height: 100%; }

#client-soap-view .sb-recode-old-block .sb-upload-old-key {
  margin: 15px 0; }

#client-soap-view .actions_sequence ol {
  padding-left: 0;
  margin-top: 18px; }
  #client-soap-view .actions_sequence ol li {
    position: relative;
    padding-left: 26px;
    list-style-position: inside;
    list-style-type: decimal; }
    #client-soap-view .actions_sequence ol li p {
      margin-bottom: 8px; }
    #client-soap-view .actions_sequence ol li li {
      list-style-type: lower-latin; }
    #client-soap-view .actions_sequence ol li.success:before {
      display: inline-block;
      content: "";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 300;
      font-style: normal;
      text-decoration: inherit;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      font-weight: 500;
      left: 0;
      top: -1px;
      font-size: 16px;
      color: #00de77; }

#client-soap-view .actions_sequence ul li {
  padding-left: 26px; }

#client-soap-view .key {
  position: relative; }
  #client-soap-view .key .loader {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center; }
    #client-soap-view .key .loader img {
      max-width: 75px;
      margin: 0 auto;
      animation: keyGenerate 1.7s ease infinite; }
    #client-soap-view .key .loader .msg {
      padding: 0.375rem 0.75rem;
      color: #06acee;
      font-size: 14px;
      font-weight: 600; }
  #client-soap-view .key textarea.form-control, #client-soap-view .key .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container #client-soap-view .key textarea {
    height: 250px; }

#client-soap-view .sb-generating .key .loader {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center; }

#client-soap-view .text-right.d-flex {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: auto; }

.client-soap-view__header {
  margin-bottom: 12px;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 8px; }
  .client-soap-view__header img {
    height: 46px;
    min-width: 46px;
    margin: -6px 0; }
  .client-soap-view__header .icon {
    font-size: 18px; }

#client-soap-view .key textarea.fresh-key {
  background: #eaffea; }

#client-soap-view .recode_old,
#client-soap-view .recode_unencoded {
  background: url("/v2/images/warrning.png") no-repeat right 30px center;
  background-size: 110px;
  padding-right: 170px;
  color: #ac5757;
  font-weight: bold;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  min-height: 180px; }
  #client-soap-view .recode_old .file-upload,
  #client-soap-view .recode_unencoded .file-upload {
    margin-top: 15px; }
    #client-soap-view .recode_old .file-upload .file-select,
    #client-soap-view .recode_unencoded .file-upload .file-select {
      border: 1px solid #FF3259; }
      #client-soap-view .recode_old .file-upload .file-select .file-select-button,
      #client-soap-view .recode_unencoded .file-upload .file-select .file-select-button {
        background: #FF3259; }

@media (max-width: 767px) {
  #client-soap-view .recode_old,
  #client-soap-view .recode_unencoded {
    background: transparent;
    padding: 0; } }

#client-soap-view .recode_old label,
#client-soap-view .recode_unencoded label {
  margin: 5px 0; }

#client-soap-view .recode_old .btn,
#client-soap-view .recode_unencoded .btn {
  margin: 10px 0; }

@keyframes keyGenerate {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(0.5); }
  100% {
    transform: rotate(1); } }

/*style for modal Edit client - tab SOAP info*/
.tab-content #soap .data-encrypted {
  background: #f2fcff; }

.tab-content .sb-upload-key {
  margin-top: 10px; }
  .tab-content .sb-upload-key .wrap-upload-private {
    margin-top: 10px;
    align-items: center; }
    .tab-content .sb-upload-key .wrap-upload-private img {
      margin-right: 10px; }
    .tab-content .sb-upload-key .wrap-upload-private .file-upload {
      width: 100%; }

.sb-accordion .data-encrypted a .latest-info {
  font-weight: 600;
  color: #06acee; }

.sb-accordion .data-encrypted--toggler {
  border: none !important;
  background: transparent !important; }

.sb-accordion .data-encrypted .panel-title {
  padding-right: 26px;
  background: url("/v2/images/main-sb-icons/lock-22.png") no-repeat center right 15px; }

.data-encrypted {
  background: #f2fcff; }
  .data-encrypted.sb-is-decrypting {
    background: url(/v2/images/ajax_loader.gif) no-repeat center #f2fcff; }
  .data-encrypted.data-encrypted-with-different-key {
    background: #fff2f2; }

#soap-medical-history .sb-upload-key .img {
  max-width: 165px;
  margin: 0 auto; }

/*style for input type file*/
.dark-mode .file-upload .file-select {
  border-color: #555555;
  color: #bcbcbc;
  background: #404040; }

.file-upload {
  display: block;
  text-align: center;
  font-size: 12px; }

.file-upload .file-select {
  display: block;
  border: 1px solid #E7ECF7;
  border-radius: 4px;
  color: #788291;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  text-align: left;
  background: #ffffff;
  overflow: hidden;
  position: relative; }

.file-upload .file-select .file-select-button {
  background: #06acee;
  padding: 0 10px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  color: #fff;
  border-right: 4px 0 0 4px; }

.file-upload .file-select .file-select-name {
  line-height: 40px;
  display: inline-block;
  padding: 0 10px; }

.file-upload .file-select:hover {
  border-color: #0588bc;
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out; }

.file-upload .file-select:hover .file-select-button {
  background: #0588bc;
  color: #ffffff;
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out; }

.file-upload.active .file-select {
  border-color: #3fa46a;
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out; }

.file-upload.active .file-select .file-select-button {
  background: #3fa46a;
  color: #ffffff;
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out; }

.file-upload .file-select input[type=file] {
  z-index: 100;
  cursor: pointer;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0); }

.file-upload .file-select.file-select-disabled {
  opacity: 0.65; }

.file-upload .file-select.file-select-disabled:hover {
  cursor: default;
  display: block;
  border: 1px solid #dce4ec;
  color: #34495e;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  margin-top: 5px;
  text-align: left;
  background: #ffffff;
  overflow: hidden;
  position: relative; }

.file-upload .file-select.file-select-disabled:hover .file-select-button {
  background: #dce4ec;
  color: #666666;
  padding: 0 10px;
  display: inline-block;
  height: 40px;
  line-height: 40px; }

.file-upload .file-select.file-select-disabled:hover .file-select-name {
  line-height: 40px;
  display: inline-block;
  padding: 0 10px; }

.google-tag-manager-page {
  padding: 15px; }
  .google-tag-manager-page .gt-img {
    display: block;
    width: 242px;
    margin: 0 auto 25px auto; }
  @media (max-width: 767px) {
    .google-tag-manager-page .submit-wrap .btn {
      width: 100%; } }

.step-content .form-groups .img-block {
  text-align: center;
  margin-bottom: 20px; }
  .step-content .form-groups .img-block .img-thumbnail {
    border: none;
    display: inline-block;
    max-width: 100%;
    height: auto;
    max-height: 150px;
    padding: 0; }

.step-content .form-groups .description-block {
  text-align: center;
  margin-bottom: 20px; }

.dark-mode .gt-preview__select {
  border-color: #555555;
  background: #404040;
  color: #bfbfbf; }
  .dark-mode .gt-preview__select .icon {
    color: #f9f9f9; }

#google-translate-plugin .form-group, #google-translate-plugin .element-container {
  margin: 0; }
  #google-translate-plugin .form-group:not(.form-check), #google-translate-plugin .element-container:not(.form-check) {
    grid-column: 1/-1; }

#google-translate-plugin .row, #google-translate-plugin .zend_form .form-group, .zend_form #google-translate-plugin .form-group, #google-translate-plugin .zend_form .element-container, .zend_form #google-translate-plugin .element-container, #google-translate-plugin .form-container .form-horizontal .form-group, .form-container .form-horizontal #google-translate-plugin .form-group, #google-translate-plugin .form-container .form-horizontal .element-container, .form-container .form-horizontal #google-translate-plugin .element-container, #google-translate-plugin #booking_tabs .form-group, #booking_tabs #google-translate-plugin .form-group, #google-translate-plugin #booking_tabs .element-container, #booking_tabs #google-translate-plugin .element-container, #google-translate-plugin .form-buttons {
  grid-column: 1/-1; }

#google-translate-plugin #langs-check-container {
  display: grid;
  grid-gap: 8px 30px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
  @media (min-width: 500px) {
    #google-translate-plugin #langs-check-container {
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); } }

#google-translate-plugin #mode {
  max-width: 216px;
  position: relative; }
  @media (max-width: 767px) {
    #google-translate-plugin #mode {
      max-width: 420px; } }
  #google-translate-plugin #mode .item input:checked + label + .gt-preview__wrapper, #google-translate-plugin #mode .item .management-app input.implicit-checked + label + .gt-preview__wrapper, .management-app #google-translate-plugin #mode .item input.implicit-checked + label + .gt-preview__wrapper {
    opacity: 1;
    display: inline-block;
    visibility: visible;
    transform: scale(1), translateY(-50%); }
  #google-translate-plugin #mode .item input[type="radio"] {
    margin-right: 5px; }
  #google-translate-plugin #mode .item--mode_0 .gt-preview {
    text-align: center;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px 6px; }
    #google-translate-plugin #mode .item--mode_0 .gt-preview .gt-preview__image {
      min-width: 200px; }
  #google-translate-plugin #mode .item--mode_1 {
    flex-direction: row; }
    @media (max-width: 420px) {
      #google-translate-plugin #mode .item--mode_1 .gt-preview {
        transform: translateX(-36px) scale(0.83) !important; } }
  #google-translate-plugin #mode .item--mode_2 {
    text-align: left; }
    #google-translate-plugin #mode .item--mode_2 .gt-preview__select {
      padding-left: 37px;
      background-image: url("/v2/images/admin/icons/lang/google_symbol.svg") !important;
      background-size: 24px;
      background-repeat: no-repeat;
      background-position: 6px 3px; }
    #google-translate-plugin #mode .item--mode_2 .gt-preview__image {
      display: none; }

.gt-preview {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 6px 12px; }
  .gt-preview__wrapper {
    display: none;
    position: absolute;
    left: 180px;
    top: 0%;
    transform: scale(0), translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease-out;
    height: 68px;
    width: 100%;
    min-width: 400px; }
    @media (max-width: 767px) {
      .gt-preview__wrapper {
        margin: 8px 0;
        position: relative;
        transform: none;
        width: 100%;
        height: auto;
        top: unset;
        left: unset; } }
  .gt-preview__select {
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 32px;
    border: 1px solid #E7ECF7;
    background: #fff;
    border-radius: 4px;
    padding: 4px 14px;
    color: #788291;
    font-size: 14px; }
    .gt-preview__select .icon {
      margin-left: auto;
      margin-right: 0;
      color: #0B3052;
      font-size: 14px; }

.dark-mode .facebook-business-page .facebook-business--card {
  border-color: #555555; }
  .dark-mode .facebook-business-page .facebook-business--card .icon img {
    filter: grayscale(0.7) invert(88%); }

.facebook-business-page .facebook-business--card-list {
  display: flex;
  flex-wrap: wrap; }
  .facebook-business-page .facebook-business--card-list.not-logged {
    justify-content: center; }

.facebook-business-page .select-theme .select-theme-row .form-group, .facebook-business-page .select-theme .select-theme-row .element-container {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 0; }
  @media (max-width: 767px) {
    .facebook-business-page .select-theme .select-theme-row .form-group, .facebook-business-page .select-theme .select-theme-row .element-container {
      flex-wrap: wrap; } }
  .facebook-business-page .select-theme .select-theme-row .form-group .activate-select, .facebook-business-page .select-theme .select-theme-row .element-container .activate-select {
    margin-right: 10px; }
  .facebook-business-page .select-theme .select-theme-row .form-group .activate-select + label, .facebook-business-page .select-theme .select-theme-row .element-container .activate-select + label {
    margin-right: 20px;
    margin-bottom: 0; }
  .facebook-business-page .select-theme .select-theme-row .form-group .custom-theme-select, .facebook-business-page .select-theme .select-theme-row .element-container .custom-theme-select {
    display: flex;
    position: relative;
    flex-wrap: nowrap; }
    @media (max-width: 767px) {
      .facebook-business-page .select-theme .select-theme-row .form-group .custom-theme-select, .facebook-business-page .select-theme .select-theme-row .element-container .custom-theme-select {
        margin-top: 10px;
        width: 100%; }
        .facebook-business-page .select-theme .select-theme-row .form-group .custom-theme-select select, .facebook-business-page .select-theme .select-theme-row .element-container .custom-theme-select select {
          width: 100%; } }
    .facebook-business-page .select-theme .select-theme-row .form-group .custom-theme-select:before, .facebook-business-page .select-theme .select-theme-row .element-container .custom-theme-select:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: rgba(255, 255, 255, 0.55);
      z-index: 100; }
  .facebook-business-page .select-theme .select-theme-row .form-group .activate-select:checked + label + .custom-theme-select:before, .facebook-business-page .select-theme .select-theme-row .element-container .activate-select:checked + label + .custom-theme-select:before {
    display: none;
    visibility: hidden; }

.facebook-business-page .grid-item--fb-list {
  width: 100%;
  display: grid;
  grid-gap: 16px;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); }

.facebook-business-page .facebook-business--card {
  width: 100%;
  display: inline-flex;
  position: relative;
  box-shadow: none;
  border-radius: 5px;
  background: transparent;
  border: 1px solid #E7ECF7; }
  .facebook-business-page .facebook-business--card .icon {
    width: 100%;
    text-align: center; }
    .facebook-business-page .facebook-business--card .icon.not-logged-yet {
      margin-bottom: 30px; }
    .facebook-business-page .facebook-business--card .icon img {
      height: 80px; }
  .facebook-business-page .facebook-business--card .facebook-business--body {
    padding: 1.25rem; }
    .facebook-business-page .facebook-business--card .facebook-business--body .info-block {
      text-align: center; }
      .facebook-business-page .facebook-business--card .facebook-business--body .info-block p {
        opacity: 0.8;
        font-size: 14px;
        margin-bottom: 0; }
    .facebook-business-page .facebook-business--card .facebook-business--body .facebook-business--client-list .fb--client-list-item {
      margin-bottom: 10px; }
      .facebook-business-page .facebook-business--card .facebook-business--body .facebook-business--client-list .fb--client-list-item:last-child {
        margin-bottom: 0; }
      .facebook-business-page .facebook-business--card .facebook-business--body .facebook-business--client-list .fb--client-list-item .fb--client-list-item-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px; }
        .facebook-business-page .facebook-business--card .facebook-business--body .facebook-business--client-list .fb--client-list-item .fb--client-list-item-row:last-child {
          margin-bottom: 0; }
        .facebook-business-page .facebook-business--card .facebook-business--body .facebook-business--client-list .fb--client-list-item .fb--client-list-item-row .fb--client-list-item-title {
          margin-right: 15px; }
  .facebook-business-page .facebook-business--card.facebook-business--card-header {
    width: calc(100% - 30px);
    margin-bottom: 30px; }
    @media (max-width: 767px) {
      .facebook-business-page .facebook-business--card.facebook-business--card-header {
        width: 100%;
        margin: 0 0 20px 0; } }
  .facebook-business-page .facebook-business--card.facebook-business--card-not-logged .facebook-business--header {
    margin-bottom: 10px;
    padding: 0.75rem 0px; }

.facebook-business-page .grid-item--isnt-logged .facebook-business--card-not-logged {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 430px;
  margin: 0 auto;
  padding: 20px;
  border: none; }
  .facebook-business-page .grid-item--isnt-logged .facebook-business--card-not-logged .facebook-business--header,
  .facebook-business-page .grid-item--isnt-logged .facebook-business--card-not-logged .facebook-business--body {
    padding: 0; }

#sb-tickets-plugin-settings #sb-tickets-list-result {
  position: relative;
  margin: 0 -10px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap; }
  #sb-tickets-plugin-settings #sb-tickets-list-result .ticket-card-item {
    position: relative;
    margin: 8px 10px;
    width: calc(33.33% - 20px); }
    @media (max-width: 1440px) {
      #sb-tickets-plugin-settings #sb-tickets-list-result .ticket-card-item {
        width: calc(50% - 20px); } }
    @media (max-width: 767px) {
      #sb-tickets-plugin-settings #sb-tickets-list-result .ticket-card-item {
        width: calc(50% - 20px); } }
    @media (max-width: 480px) {
      #sb-tickets-plugin-settings #sb-tickets-list-result .ticket-card-item {
        width: calc(100% - 20px); } }
    #sb-tickets-plugin-settings #sb-tickets-list-result .ticket-card-item .img-border {
      margin-bottom: 10px;
      border: 3px solid transparent;
      position: relative;
      transition: all .4s ease; }
      #sb-tickets-plugin-settings #sb-tickets-list-result .ticket-card-item .img-border:after {
        display: block;
        border-radius: 8px 0 0 0;
        content: "";
        width: 40px;
        height: 40px;
        padding-left: 5px;
        background-color: #06ADEF;
        position: absolute;
        display: inline-block;
        content: "";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 400;
        font-style: normal;
        text-decoration: inherit;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-align: center;
        line-height: 40px;
        bottom: 0;
        color: #fff;
        font-size: 25px;
        right: 0;
        z-index: 10;
        opacity: 0;
        visibility: hidden; }
      #sb-tickets-plugin-settings #sb-tickets-list-result .ticket-card-item .img-border.active {
        border: 3px solid #06ADEF; }
        #sb-tickets-plugin-settings #sb-tickets-list-result .ticket-card-item .img-border.active:after {
          opacity: 1;
          visibility: visible; }
      #sb-tickets-plugin-settings #sb-tickets-list-result .ticket-card-item .img-border .img-wrap {
        position: relative;
        overflow: hidden; }
        #sb-tickets-plugin-settings #sb-tickets-list-result .ticket-card-item .img-border .img-wrap .overlay {
          position: absolute;
          left: 0;
          top: 0;
          height: 100%;
          width: 100%;
          background-color: rgba(26, 26, 26, 0.6);
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 15px;
          flex-direction: column;
          opacity: 0;
          visibility: hidden;
          transition: all .4s ease;
          cursor: pointer; }
      #sb-tickets-plugin-settings #sb-tickets-list-result .ticket-card-item .img-border:hover .img-wrap .overlay {
        visibility: visible;
        opacity: 1; }
    #sb-tickets-plugin-settings #sb-tickets-list-result .ticket-card-item .preview-image {
      display: block;
      width: 100%;
      height: 1px;
      padding-top: 50%;
      border: 1px solid #ced4da;
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat; }
    #sb-tickets-plugin-settings #sb-tickets-list-result .ticket-card-item label input[type="radio"] {
      display: none; }
    #sb-tickets-plugin-settings #sb-tickets-list-result .ticket-card-item .title {
      font-size: 16px;
      font-weight: 600;
      text-transform: capitalize;
      font-family: "Open Sans", sans-serif; }

.online-meeting-provider .control-label {
  display: none; }

.online-meeting-provider .online-meeting-provider-own-authorization {
  background: #fafafa;
  padding: 5px 10px;
  color: grey; }

.dark-mode .custom-email--templates-list__item {
  background: #242424;
  border-color: #555555; }
  .dark-mode .custom-email--templates-list__item:hover {
    background: #1f1f1f; }

.dark-mode .custom-email--templates-list__title {
  color: #bcbcbc; }

.custom-email--page {
  padding: 20px; }

.custom-email--controls-bar, .custom-email--controls-bar-editing {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin: 0 -5px 15px -5px; }
  .custom-email--controls-bar .btn, .custom-email--controls-bar-editing .btn {
    margin: 5px; }
    .custom-email--controls-bar .btn .ico, .custom-email--controls-bar-editing .btn .ico {
      margin-right: 5px;
      font-size: 16px;
      font-weight: 400; }

.custom-email--template-name {
  font-size: 17px;
  font-weight: 600; }

.custom-email--templates-list {
  display: grid;
  grid-gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
  @media (max-width: 1060px) {
    .custom-email--templates-list {
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); } }
  .custom-email--templates-list__item {
    display: block;
    max-width: 400px;
    width: 100%;
    border-radius: 5px;
    background: #F1F6FF;
    transition: all 0.2s ease-out;
    border: 1px solid #E7ECF7; }
    .custom-email--templates-list__item:hover {
      background: #e7efff; }
    @media (max-width: 1060px) {
      .custom-email--templates-list__item {
        max-width: 100%; } }
  .custom-email--templates-list__content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 22px;
    min-height: 60px;
    margin: 0;
    width: 100%;
    cursor: pointer; }
  .custom-email--templates-list__title {
    display: block;
    width: calc( 100% - 34px);
    margin-right: 14px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3; }
  .custom-email--templates-list__empty {
    padding: 25px 15px;
    max-width: 1000px;
    margin: 0 auto;
    text-align: center; }
    .custom-email--templates-list__empty-icon {
      display: inline-block;
      margin-bottom: 10px; }
      .custom-email--templates-list__empty-icon i {
        font-size: 30px; }

#custom-email #email-editor {
  min-height: 700px;
  max-height: 1500px;
  height: 86%;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden; }
  #custom-email #email-editor iframe {
    min-height: 77vh !important; }

#custom-email #status.alert {
  margin: 15px 0px 0px 0px;
  width: 100%; }
  #custom-email #status.alert:empty {
    display: none; }

#custom-email-templates-list {
  width: 100%;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 15px; }
  #custom-email-templates-list .custom-email-templates-list--item, #custom-email-templates-list .custom-gift-card-templates-list--item {
    position: relative; }
    #custom-email-templates-list .custom-email-templates-list--item .image, #custom-email-templates-list .custom-gift-card-templates-list--item .image {
      display: block;
      width: 100%;
      max-height: 200px;
      min-height: 200px;
      background-size: cover;
      background-position: top center; }
    #custom-email-templates-list .custom-email-templates-list--item input, #custom-email-templates-list .custom-gift-card-templates-list--item input {
      display: block;
      position: absolute;
      width: 0px;
      height: 0px;
      top: 0px;
      visibility: hidden; }
    #custom-email-templates-list .custom-email-templates-list--item .name, #custom-email-templates-list .custom-gift-card-templates-list--item .name {
      display: block;
      padding: 10px 8px 12px; }
    #custom-email-templates-list .custom-email-templates-list--item label, #custom-email-templates-list .custom-gift-card-templates-list--item label {
      position: relative;
      display: block;
      border: 2px solid transparent; }
      #custom-email-templates-list .custom-email-templates-list--item label:after, #custom-email-templates-list .custom-gift-card-templates-list--item label:after {
        display: block;
        border-radius: 0 0 0 8px;
        content: "";
        width: 40px;
        height: 40px;
        padding-left: 5px;
        background-color: #06ADEF;
        position: absolute;
        display: inline-block;
        content: "";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 400;
        font-style: normal;
        text-decoration: inherit;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-align: center;
        line-height: 40px;
        top: 0;
        right: 0;
        color: #fff;
        font-size: 25px;
        z-index: 10;
        opacity: 0;
        visibility: hidden; }
    #custom-email-templates-list .custom-email-templates-list--item input[type="radio"]:checked + label, #custom-email-templates-list .custom-email-templates-list--item .management-app input.implicit-checked[type="radio"] + label, .management-app #custom-email-templates-list .custom-email-templates-list--item input.implicit-checked[type="radio"] + label, #custom-email-templates-list .custom-gift-card-templates-list--item input[type="radio"]:checked + label, #custom-email-templates-list .custom-gift-card-templates-list--item .management-app input.implicit-checked[type="radio"] + label, .management-app #custom-email-templates-list .custom-gift-card-templates-list--item input.implicit-checked[type="radio"] + label {
      display: block;
      border: 2px solid #38bdf2; }
      #custom-email-templates-list .custom-email-templates-list--item input[type="radio"]:checked + label:after, #custom-email-templates-list .custom-email-templates-list--item .management-app input.implicit-checked[type="radio"] + label:after, .management-app #custom-email-templates-list .custom-email-templates-list--item input.implicit-checked[type="radio"] + label:after, #custom-email-templates-list .custom-gift-card-templates-list--item input[type="radio"]:checked + label:after, #custom-email-templates-list .custom-gift-card-templates-list--item .management-app input.implicit-checked[type="radio"] + label:after, .management-app #custom-email-templates-list .custom-gift-card-templates-list--item input.implicit-checked[type="radio"] + label:after {
        visibility: visible;
        opacity: 1; }
  #custom-email-templates-list .custom-gift-card-templates-list--item .image {
    display: block;
    width: 100%;
    max-height: 180px;
    min-height: 178px;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat; }

.modal-dialog.modal--email-custom-templates {
  /* Works on Firefox */
  /* Works on Chrome, Edge, and Safari */ }
  @media (min-width: 767px) {
    .modal-dialog.modal--email-custom-templates {
      max-width: 600px; } }
  .modal-dialog.modal--email-custom-templates * {
    scrollbar-width: thin;
    scrollbar-color: rgba(122, 122, 122, 0.84) white; }
  .modal-dialog.modal--email-custom-templates *::-webkit-scrollbar {
    width: 10px; }
  .modal-dialog.modal--email-custom-templates *::-webkit-scrollbar-track {
    background: white; }
  .modal-dialog.modal--email-custom-templates *::-webkit-scrollbar-thumb {
    background-color: rgba(122, 122, 122, 0.84);
    border-radius: 20px;
    border: 3px solid white; }

.custom-gift-card--page {
  padding: 20px; }

.custom-gift-card--controls-bar, .custom-gift-card--controls-bar-editing {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin: 0 -5px 15px -5px; }
  .custom-gift-card--controls-bar .btn, .custom-gift-card--controls-bar-editing .btn {
    margin: 5px; }
    .custom-gift-card--controls-bar .btn .ico, .custom-gift-card--controls-bar-editing .btn .ico {
      margin-right: 5px;
      font-size: 16px;
      font-weight: 400; }

.custom-gift-card--template-name {
  font-size: 17px;
  font-weight: 600; }

.custom-gift-card--templates-list__item .preview-image {
  background-size: cover !important;
  background-position: top center !important;
  background-repeat: no-repeat; }
  .custom-gift-card--templates-list__item .preview-image--default {
    background-size: 120px !important;
    background-position: center !important; }

.custom-gift-card--templates-list__content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 22px;
  min-height: 60px;
  margin: 0;
  width: 100%;
  cursor: pointer; }

.custom-gift-card--templates-list__title {
  display: block;
  width: calc( 100% - 34px);
  margin-right: 14px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3; }

.custom-gift-card--templates-list__empty {
  padding: 25px 15px;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center; }
  .custom-gift-card--templates-list__empty-icon {
    display: inline-block;
    margin-bottom: 10px; }
    .custom-gift-card--templates-list__empty-icon i {
      font-size: 30px; }

#custom-gift-card {
  padding: 20px; }
  #custom-gift-card #gift-card-editor {
    min-height: 700px;
    max-height: 1500px;
    height: 86%;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden; }
    #custom-gift-card #gift-card-editor iframe {
      min-height: 68vh !important; }
  #custom-gift-card #status.alert {
    margin: 15px 0px 0px 0px;
    width: 100%; }
    #custom-gift-card #status.alert:empty {
      display: none; }

#custom-gift-card-templates-list {
  width: 100%;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 15px; }
  #custom-gift-card-templates-list .custom-gift-card-templates-list--item {
    position: relative; }
    #custom-gift-card-templates-list .custom-gift-card-templates-list--item .image {
      display: block;
      width: 100%;
      max-height: 180px;
      min-height: 180px;
      background-size: cover;
      background-position: top center; }
    #custom-gift-card-templates-list .custom-gift-card-templates-list--item input {
      display: block;
      position: absolute;
      width: 0px;
      height: 0px;
      top: 0px;
      visibility: hidden; }
    #custom-gift-card-templates-list .custom-gift-card-templates-list--item .name {
      display: block;
      padding: 10px 8px 12px; }
    #custom-gift-card-templates-list .custom-gift-card-templates-list--item label {
      position: relative;
      display: block;
      border: 2px solid transparent; }
      #custom-gift-card-templates-list .custom-gift-card-templates-list--item label:after {
        display: block;
        border-radius: 0 0 0 8px;
        content: "";
        width: 40px;
        height: 40px;
        padding-left: 5px;
        background-color: #06ADEF;
        position: absolute;
        display: inline-block;
        content: "";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 400;
        font-style: normal;
        text-decoration: inherit;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-align: center;
        line-height: 40px;
        top: 0;
        right: 0;
        color: #fff;
        font-size: 25px;
        z-index: 10;
        opacity: 0;
        visibility: hidden; }
    #custom-gift-card-templates-list .custom-gift-card-templates-list--item input[type="radio"]:checked + label, #custom-gift-card-templates-list .custom-gift-card-templates-list--item .management-app input.implicit-checked[type="radio"] + label, .management-app #custom-gift-card-templates-list .custom-gift-card-templates-list--item input.implicit-checked[type="radio"] + label {
      display: block;
      border: 2px solid #38bdf2; }
      #custom-gift-card-templates-list .custom-gift-card-templates-list--item input[type="radio"]:checked + label:after, #custom-gift-card-templates-list .custom-gift-card-templates-list--item .management-app input.implicit-checked[type="radio"] + label:after, .management-app #custom-gift-card-templates-list .custom-gift-card-templates-list--item input.implicit-checked[type="radio"] + label:after {
        visibility: visible;
        opacity: 1; }

@media (min-width: 767px) {
  .modal-dialog.modal--email-custom-templates {
    max-width: 600px; } }

.telegram-notifications__plugin-settings {
  max-width: 1200px;
  margin: 0 auto; }

.telegram-notifications__description {
  margin-bottom: 20px; }

.telegram-notifications__controls {
  align-items: center;
  margin-bottom: 15px; }
  @media (max-width: 767px) {
    .telegram-notifications__controls {
      margin-bottom: 25px; } }

.telegram-notifications__connect-to {
  margin-bottom: 0; }
  @media (min-width: 767px) {
    .telegram-notifications__connect-to {
      padding-top: 15px; } }

.telegram-notifications__title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 30px !important;
  text-align: center; }

.telegram-notifications__gr-code {
  text-align: center;
  margin-bottom: 25px; }

.telegram-notifications__form {
  padding-left: 15px;
  padding-right: 15px; }
  .telegram-notifications__form .label {
    font-size: 14px;
    display: block;
    margin-bottom: 0;
    color: #0B3052;
    font-weight: normal;
    padding: 0;
    text-align: left;
    line-height: 1.5; }
  .telegram-notifications__form .qrcode {
    margin-bottom: 0 !important;
    margin-left: auto;
    margin-right: auto; }

.telegram-notifications__alert-info {
  margin-bottom: 0;
  margin-top: 22px; }

.dark-mode .--campaign-list .campaign--settings-block .tabs-container .tab-content,
.dark-mode .--campaign-list .table-header,
.dark-mode .--campaign-list .report-filter {
  background: #282828; }

.dark-mode .--campaign-list .campaign--settings-block .preview-block .preview-block--body {
  background: #232323; }

.dark-mode .campaign-popup--confirm-send .campaign--credit-list_item-value-total,
.dark-mode .campaign-popup--confirm-send .campaign--credit-list_item-value,
.dark-mode .--campaign-list .campaign-statistic__chart-part .campaign-statistic__chart-right .legend-item,
.dark-mode .--campaign-list .campaign--settings-block .preview-block .sb-sms-preview__header,
.dark-mode .--campaign-list .campaign--settings-block .tabs-container .tab-pane--header-caption {
  color: #f9f9f9; }

.dark-mode .--campaign-list .campaign-statistic__chart-part .campaign-statistic__chart-right .legend-item__value {
  color: #bcbcbc; }

.dark-mode .--campaign-list .campaign-statistic__report-table-wrapper .table td,
.dark-mode .--campaign-list .campaign-statistic__report-table-wrapper .table th {
  border-color: #303030; }

.dark-mode .--campaign-list .campaign-statistic__report-table-wrapper .table .no-border,
.dark-mode .--campaign-list .campaign-statistic__report-table-wrapper .table-striped tbody tr:nth-of-type(odd) {
  background: #191919; }

.dark-mode .--campaign-list .campaign--settings-block .tabs-container .nav-tabs {
  background: #282828;
  border: 1px solid #555555; }
  .dark-mode .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item .nav-link, .dark-mode .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li .nav-link, .dark-mode .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item ul.nav-tabs > li > a, .dark-mode .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li > a {
    background: #282828;
    color: #bcbcbc; }
    .dark-mode .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item .nav-link:hover, .dark-mode .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li .nav-link:hover, .dark-mode .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item ul.nav-tabs > li > a:hover, .dark-mode .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li > a:hover {
      background: #232323; }
    .dark-mode .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item .nav-link.active, .dark-mode .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li .nav-link.active, .dark-mode .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item ul.nav-tabs > li > a.active, .dark-mode .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li > a.active {
      color: #f9f9f9;
      background: #1e1e1e; }
    .dark-mode .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item .nav-link.has-error, .dark-mode .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li .nav-link.has-error, .dark-mode .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item ul.nav-tabs > li > a.has-error, .dark-mode .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li > a.has-error, .dark-mode .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item ul.nav-tabs > li > a.element-container.error-field, .dark-mode .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li > a.element-container.error-field, .dark-mode .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item .nav-link.element-container.error-field, .dark-mode .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li .nav-link.element-container.error-field {
      color: #FF3259; }
      .dark-mode .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item .nav-link.has-error:hover, .dark-mode .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li .nav-link.has-error:hover, .dark-mode .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item ul.nav-tabs > li > a.has-error:hover, .dark-mode .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li > a.has-error:hover, .dark-mode .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item ul.nav-tabs > li > a.element-container.error-field:hover, .dark-mode .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li > a.element-container.error-field:hover, .dark-mode .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item .nav-link.element-container.error-field:hover, .dark-mode .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li .nav-link.element-container.error-field:hover {
        background: #3e292d;
        color: #FF3259; }
      .dark-mode .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item .nav-link.has-error.active, .dark-mode .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li .nav-link.has-error.active, .dark-mode .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item ul.nav-tabs > li > a.has-error.active, .dark-mode .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li > a.has-error.active, .dark-mode .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item ul.nav-tabs > li > a.active.element-container.error-field, .dark-mode .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li > a.active.element-container.error-field, .dark-mode .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item .nav-link.active.element-container.error-field, .dark-mode .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li .nav-link.active.element-container.error-field {
        color: #FF3259;
        background: #322124;
        border: none; }

.dark-mode .--campaign-list .campaign--settings-block .tabs-container .tab-content {
  background: #282828; }

.dark-mode .--campaign-list .campaign--settings-block .tabs-container .tab-pane--header {
  border-color: #555555; }
  .dark-mode .--campaign-list .campaign--settings-block .tabs-container .tab-pane--header-caption {
    color: #f9f9f9; }

.dark-mode .--campaign-list .campaign-statistic__client-count {
  color: #f9f9f9; }

.dark-mode .ui-multiselect-menu .ui-widget-header {
  background: #282828;
  color: #f9f9f9; }

.dark-mode .ui-widget-content {
  border-color: #555555;
  background: #242424;
  color: #bcbcbc; }

.dark-mode .ui-state-hover, .dark-mode .ui-widget-content .ui-state-hover, .dark-mode .ui-widget-header .ui-state-hover, .dark-mode .ui-state-focus, .dark-mode .ui-widget-content .ui-state-focus, .dark-mode .ui-widget-header .ui-state-focus {
  background: #232323;
  color: #f9f9f9; }

.dark-mode .ui-multiselect-menu .ui-widget-header .ui-helper-reset li .ui-icon.ui-icon-circle-close {
  background: #cf6679; }

.--campaign-list .grid--management .grid-item__form-content .management--form-content {
  max-height: none !important; }

.--campaign-list .data-page .tag-item--list {
  flex-wrap: wrap; }

.--campaign-list .fa-info-square:before,
.--campaign-list .fa-info-circle:before {
  content: '\f30f';
  font-weight: bold;
  color: #ABBCCC; }

.--campaign-list .badge, .--campaign-list .label {
  cursor: default; }
  .--campaign-list .badge--primary {
    cursor: pointer; }
    .--campaign-list .badge--primary:hover {
      border-color: #06ADEF; }

.--campaign-list .note-editor .note-toolbar-wrapper .note-toolbar button[aria-label='Video'] {
  display: none; }

.--campaign-list .btn.no-active {
  user-select: none;
  pointer-events: none;
  cursor: none;
  border-radius: 0.2rem;
  padding-left: 10px;
  padding-right: 10px; }

.--campaign-list .form-check {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  padding-left: 44px; }
  .--campaign-list .form-check .form-check-input {
    position: relative;
    bottom: -0.2em;
    margin: 0;
    padding: 0; }
  .--campaign-list .form-check .control-label {
    margin: 0;
    padding: 0; }

.--campaign-list .sb-form-content .management-app-header {
  gap: 6px; }
  .--campaign-list .sb-form-content .management-app-header .main-title {
    flex: 1; }

.--campaign-list .sb-form-content .management-app-steps .step-header {
  padding-top: 6px;
  padding-bottom: 6px;
  gap: 6px 10px; }
  .--campaign-list .sb-form-content .management-app-steps .step-header .title-container {
    flex: 1; }
    .--campaign-list .sb-form-content .management-app-steps .step-header .title-container .data.sb-label-data-container {
      display: none;
      font-size: 12px; }

.--campaign-list .sb-form-content .management-app-steps .p--hint {
  font-size: 14px;
  line-height: 1.3;
  padding: 2px 0 2px 6px;
  border-left: 3px solid #06ADEF;
  font-style: italic;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 8px; }
  .--campaign-list .sb-form-content .management-app-steps .p--hint .sb-sms-preview__link {
    font-style: normal;
    color: #06ADEF;
    font-size: 16px; }
    .--campaign-list .sb-form-content .management-app-steps .p--hint .sb-sms-preview__link:hover {
      color: #0B3052; }

.--campaign-list .sb-form-content .management-app-steps .form-group > .label, .--campaign-list .sb-form-content .management-app-steps .element-container > .label {
  white-space: normal; }

.--campaign-list .sb-table-bar {
  display: none; }

.--campaign-list .sb-filter-content .form-horizontal.report-filter {
  display: block !important; }

.--campaign-list .report-filter {
  background: #f8faff; }
  .--campaign-list .report-filter .form-group, .--campaign-list .report-filter .element-container {
    display: flex;
    flex-direction: column;
    margin: 0 !important; }
    .--campaign-list .report-filter .form-group > .control-label, .--campaign-list .report-filter .element-container > .control-label {
      display: flex;
      align-items: center;
      min-height: 38px; }
  .--campaign-list .report-filter ul.form-groups {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 12px; }
    .--campaign-list .report-filter ul.form-groups > li {
      flex-grow: 1;
      flex-basis: 260px; }
      .--campaign-list .report-filter ul.form-groups > li:last-child {
        display: none;
        flex-basis: unset;
        flex-grow: 6; }

.--campaign-list .table-header {
  background: #f8faff; }
  .--campaign-list .table-header th {
    border: none; }
    .--campaign-list .table-header th:first-child {
      width: 50px; }

.--campaign-list .campaign--client-cleckbox {
  width: 50px; }

.--campaign-list .campaign--cell_tag-item {
  width: 100%; }

.--campaign-list .campaign--client-row .p {
  font-weight: 400; }
  .--campaign-list .campaign--client-row .p--secondary {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.3; }

.--campaign-list .campaign--client-row .tag-item--list {
  width: 100%;
  max-width: unset; }

.--campaign-list .campaign--settings-block .form-group .form-group, .--campaign-list .campaign--settings-block .element-container .form-group, .--campaign-list .campaign--settings-block .form-group .element-container, .--campaign-list .campaign--settings-block .element-container .element-container {
  margin: 0 !important; }

.--campaign-list .campaign--settings-block .form-group__delivery-method-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 12px; }

.--campaign-list .campaign--settings-block .link-dialog .form-group, .--campaign-list .campaign--settings-block .link-dialog .element-container {
  margin: 0 0 1em 0 !important; }

.--campaign-list .campaign--settings-block .link-dialog .custom-control.custom-checkbox {
  align-items: flex-end; }

.--campaign-list .campaign--settings-block .preview-block {
  display: flex;
  flex-direction: column;
  gap: 8px; }
  .--campaign-list .campaign--settings-block .preview-block .sb-sms-preview__header {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px;
    flex-wrap: wrap;
    color: #0B3052; }
    .--campaign-list .campaign--settings-block .preview-block .sb-sms-preview__header .sb-sms-preview__header__counter {
      font-weight: 700; }
    .--campaign-list .campaign--settings-block .preview-block .sb-sms-preview__header .help-info {
      position: relative;
      top: -0.2em; }
  .--campaign-list .campaign--settings-block .preview-block .preview-block--body {
    padding: 18px;
    background: #f8faff;
    border-radius: 5px; }
    .--campaign-list .campaign--settings-block .preview-block .preview-block--body .sb-email-body-text,
    .--campaign-list .campaign--settings-block .preview-block .preview-block--body .sb-push-body-text,
    .--campaign-list .campaign--settings-block .preview-block .preview-block--body .sb-sms-body-text {
      position: relative;
      padding: 10px;
      border-radius: 12px;
      background: #FFF;
      box-shadow: 2px 2px 15px 0px rgba(45, 51, 72, 0.1);
      color: #0B3052; }
    .--campaign-list .campaign--settings-block .preview-block .preview-block--body .sb-sms-body-text {
      max-width: 480px;
      min-height: 50px; }
      .--campaign-list .campaign--settings-block .preview-block .preview-block--body .sb-sms-body-text:before {
        content: '';
        display: inline-block;
        position: absolute;
        bottom: -8px;
        left: -8px;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0 12px 18px 0px;
        border-color: transparent transparent #fff transparent;
        transform: rotate(240deg); }
    .--campaign-list .campaign--settings-block .preview-block .preview-block--body .sb-push-body-text {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 10px;
      font-size: 12px;
      min-height: 60px;
      max-width: 420px;
      margin: 0 auto; }
      .--campaign-list .campaign--settings-block .preview-block .preview-block--body .sb-push-body-text:before {
        display: inline-block;
        content: '';
        min-width: 40px;
        height: 40px;
        background: url("/v2/images/admin/S.svg") no-repeat center;
        background-size: contain; }
    .--campaign-list .campaign--settings-block .preview-block .preview-block--body .sb-email-body-text {
      position: relative;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      max-width: 620px;
      margin: 0 auto; }
      .--campaign-list .campaign--settings-block .preview-block .preview-block--body .sb-email-body-text iframe {
        min-height: 100px; }

.--campaign-list .campaign--settings-block .color--warning {
  color: #FEC439; }

.--campaign-list .campaign--settings-block .color--danger {
  color: #FF3259; }

.--campaign-list .campaign--settings-block .p--small {
  font-size: 12px; }

.--campaign-list .campaign--settings-block .p--bold {
  font-weight: bold; }

.--campaign-list .campaign--settings-block .form-group label.image-preview-area, .--campaign-list .campaign--settings-block .element-container label.image-preview-area, .--campaign-list .campaign--settings-block .form-group .label.image-preview-area, .--campaign-list .campaign--settings-block .element-container .label.image-preview-area {
  margin: 0; }

.--campaign-list .campaign--settings-block .form-group__hint-row {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 4px 12px;
  padding-top: 4px; }

.--campaign-list .campaign--settings-block .form-group__hint-col {
  flex: 1;
  font-size: 12px;
  color: #788291;
  line-height: 1.22; }
  .--campaign-list .campaign--settings-block .form-group__hint-col-size {
    flex: unset; }

.--campaign-list .campaign--settings-block .alert {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px; }
  .--campaign-list .campaign--settings-block .alert--icon {
    position: relative;
    font-size: 16px;
    bottom: -0.2em; }
  .--campaign-list .campaign--settings-block .alert--info {
    background: transparent;
    box-shadow: none;
    border: none;
    padding: 4px 0;
    color: #788291;
    font-style: italic; }
  .--campaign-list .campaign--settings-block .alert--danger {
    background: #FEF4F6; }

.--campaign-list .campaign--settings-block .tabs-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 14px; }
  .--campaign-list .campaign--settings-block .tabs-container .nav-tabs {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 4px;
    border-radius: 5px;
    margin: 0;
    padding: 0;
    background: #f8faff;
    border: none; }
    .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item, .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li {
      margin: 0; }
      .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item .nav-link, .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li .nav-link, .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item ul.nav-tabs > li > a, .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li > a {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 36px;
        border-radius: 5px;
        font-size: 16px;
        font-weight: 400;
        padding: 5px 22px;
        border: none;
        background: #f8faff;
        color: #788291;
        margin: 0; }
        .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item .nav-link:hover, .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li .nav-link:hover, .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item ul.nav-tabs > li > a:hover, .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li > a:hover {
          background: #F1F6FF; }
        .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item .nav-link.active, .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li .nav-link.active, .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item ul.nav-tabs > li > a.active, .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li > a.active {
          color: #0B3052;
          background: #dde9ff;
          border: none; }
        .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item .nav-link.has-error, .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li .nav-link.has-error, .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item ul.nav-tabs > li > a.has-error, .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li > a.has-error, .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item ul.nav-tabs > li > a.element-container.error-field, .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li > a.element-container.error-field, .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item .nav-link.element-container.error-field, .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li .nav-link.element-container.error-field {
          color: #FF3259; }
          .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item .nav-link.has-error:hover, .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li .nav-link.has-error:hover, .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item ul.nav-tabs > li > a.has-error:hover, .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li > a.has-error:hover, .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item ul.nav-tabs > li > a.element-container.error-field:hover, .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li > a.element-container.error-field:hover, .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item .nav-link.element-container.error-field:hover, .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li .nav-link.element-container.error-field:hover {
            background: #FEF4F6;
            color: #FF3259; }
          .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item .nav-link.has-error.active, .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li .nav-link.has-error.active, .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item ul.nav-tabs > li > a.has-error.active, .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li > a.has-error.active, .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item ul.nav-tabs > li > a.active.element-container.error-field, .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li > a.active.element-container.error-field, .--campaign-list .campaign--settings-block .tabs-container .nav-tabs .nav-item .nav-link.active.element-container.error-field, .--campaign-list .campaign--settings-block .tabs-container ul.nav-tabs > li .nav-link.active.element-container.error-field {
            color: #FF3259;
            background: #fce1e7;
            border: none; }
  .--campaign-list .campaign--settings-block .tabs-container .tab-content {
    width: 100%;
    border-radius: 5px;
    padding: 16px;
    background: #F1F6FF; }
  .--campaign-list .campaign--settings-block .tabs-container .tab-pane--header {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    gap: 4px 12px;
    padding-bottom: 6px;
    margin-bottom: 14px;
    border-bottom: 1px solid #ddd; }
    .--campaign-list .campaign--settings-block .tabs-container .tab-pane--header-caption {
      font-size: 16px;
      color: #0B3052;
      margin: 0;
      padding: 0;
      flex: 1; }
    .--campaign-list .campaign--settings-block .tabs-container .tab-pane--header .dropdown-vars-block {
      z-index: 1100; }
      @media (max-width: 1200px) {
        .--campaign-list .campaign--settings-block .tabs-container .tab-pane--header .dropdown-vars-block {
          position: fixed;
          top: 20px;
          right: 20px;
          left: auto;
          bottom: auto;
          width: 92%;
          max-width: 400px; } }
      .--campaign-list .campaign--settings-block .tabs-container .tab-pane--header .dropdown-vars-block .wrap-drop-down {
        width: 100%; }

.--campaign-list .campaign-statistic__wrapper {
  padding-top: 26px;
  width: 100%; }
  .--campaign-list .campaign-statistic__wrapper-empty {
    padding-bottom: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 400px;
    margin: 0 auto; }
    .--campaign-list .campaign-statistic__wrapper-empty img {
      width: 100%;
      max-width: 100%;
      height: auto;
      max-height: 200px; }

.--campaign-list .campaign-statistic__header {
  margin-bottom: 16px; }

.--campaign-list .campaign-statistic__top-summary {
  font-size: 14px;
  margin-bottom: 18px;
  font-weight: 300; }

.--campaign-list .campaign-statistic__client-count {
  color: #0B3052;
  font-weight: 700; }

.--campaign-list .campaign-statistic__report-table-wrapper {
  max-width: 560px;
  margin-bottom: 16px; }
  .--campaign-list .campaign-statistic__report-table-wrapper .table-striped tbody tr:nth-of-type(odd) {
    background: #f8faff; }
  .--campaign-list .campaign-statistic__report-table-wrapper .table-responsive, .--campaign-list .campaign-statistic__report-table-wrapper .dataTables_wrapper, .--campaign-list .campaign-statistic__report-table-wrapper .plugin-status-page #status_div, .plugin-status-page .--campaign-list .campaign-statistic__report-table-wrapper #status_div {
    min-height: unset; }
  .--campaign-list .campaign-statistic__report-table-wrapper .table .no-border {
    border: none;
    background: #fff; }
  .--campaign-list .campaign-statistic__report-table-wrapper .table td, .--campaign-list .campaign-statistic__report-table-wrapper .table th {
    white-space: nowrap;
    border: 1px solid #ececec; }

.--campaign-list .campaign-statistic__chart-part {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px 30px; }
  .--campaign-list .campaign-statistic__chart-part .campaign-statistic__chart-left .sb-chart-wrap {
    min-width: 150px;
    min-height: 150px; }
  .--campaign-list .campaign-statistic__chart-part .campaign-statistic__chart-right .legend-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    color: #0B3052;
    min-width: 90px;
    line-height: 1; }
    .--campaign-list .campaign-statistic__chart-part .campaign-statistic__chart-right .legend-item__off {
      color: #ABBCCC; }
    .--campaign-list .campaign-statistic__chart-part .campaign-statistic__chart-right .legend-item__list {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 8px; }
    .--campaign-list .campaign-statistic__chart-part .campaign-statistic__chart-right .legend-item__color {
      display: inline-block;
      width: 12px;
      height: 12px;
      min-width: 12px;
      border-radius: 20px;
      margin-right: 4px; }
    .--campaign-list .campaign-statistic__chart-part .campaign-statistic__chart-right .legend-item__value {
      color: #788291;
      order: 5;
      margin-left: 2px; }
      .--campaign-list .campaign-statistic__chart-part .campaign-statistic__chart-right .legend-item__value:before {
        content: ': ';
        color: #0B3052; }
  .--campaign-list .campaign-statistic__chart-part .sb-no-chart {
    text-align: center; }
    .--campaign-list .campaign-statistic__chart-part .sb-no-chart picture {
      padding-top: 8px;
      display: inline-block;
      line-height: 1; }
      .--campaign-list .campaign-statistic__chart-part .sb-no-chart picture svg {
        height: 180px; }

.campaign-popup--confirm-send .campaign--credit-list {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px; }
  .campaign-popup--confirm-send .campaign--credit-list_item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    gap: 4px;
    min-height: 120px;
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 12px;
    text-align: center;
    flex-grow: 1;
    flex-basis: 150px; }
    .campaign-popup--confirm-send .campaign--credit-list_item .p {
      margin: 0; }
    .campaign-popup--confirm-send .campaign--credit-list_item-value {
      font-size: 30px;
      font-weight: 700;
      color: #0B3052;
      padding: 4px;
      line-height: 1; }
      .campaign-popup--confirm-send .campaign--credit-list_item-value-total {
        font-weight: 700;
        color: #0B3052; }
        .campaign-popup--confirm-send .campaign--credit-list_item-value-total.normal {
          font-weight: 400; }
        .campaign-popup--confirm-send .campaign--credit-list_item-value-total.text-secondary {
          color: #788291; }
          .campaign-popup--confirm-send .campaign--credit-list_item-value-total.text-secondary.color--danger {
            color: #FF3259 !important; }

.campaign-popup--confirm-send .p--hint {
  font-size: 14px;
  line-height: 1.3;
  padding: 2px 0 2px 6px;
  border-left: 3px solid #06ADEF;
  font-style: italic;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 8px; }

.campaign-popup--confirm-send .alert {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px; }
  .campaign-popup--confirm-send .alert--icon {
    position: relative;
    font-size: 16px;
    bottom: -0.2em; }
  .campaign-popup--confirm-send .alert--info {
    background: transparent;
    box-shadow: none;
    border: none;
    padding: 4px 0;
    color: #788291;
    font-style: italic; }
  .campaign-popup--confirm-send .alert--danger {
    background: #FEF4F6; }

.campaign-popup--confirm-send .color--warning {
  color: #FEC439; }

.campaign-popup--confirm-send .color--danger {
  color: #FF3259; }

.campaign-popup--confirm-send .badge--plain {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 12px;
  font-weight: 400;
  border-radius: 4px;
  height: 24px;
  padding: 4px 14px;
  overflow: hidden;
  border: none;
  outline: none; }

.campaign-popup--confirm-send .badge--info {
  background: #F1F6FF;
  color: #06ADEF; }

.campaign-popup--confirm-send .campaign-popup--success-message {
  margin: 0 auto; }
  .campaign-popup--confirm-send .campaign-popup--success-message picture {
    display: block;
    text-align: center; }
    .campaign-popup--confirm-send .campaign-popup--success-message picture svg {
      display: inline-block;
      max-width: 100%;
      height: auto;
      max-height: 300px; }

.body-pos-page .main-container,
.body-pos-page #content,
.body-pos-page .content-wrapper,
.body-pos-page #app_main {
  height: 100%;
  min-height: 100%; }

.body-pos-page .main-container #content {
  margin: 0; }

.body-pos-page #content .content-wrapper {
  padding: 0; }

.body-pos-page #app_main {
  padding: 0; }

.body-pos-page .mobileDevice #app_main {
  overflow-x: hidden; }

.body-pos-page #preloader-overlay #preloader {
  background: url("/v2/images/admin/pos-img/Infinity-1.5s-123px.gif") no-repeat center;
  animation: none; }

.body-pos-page #preloader-overlay:after {
  display: none; }

.pos-page {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  background: #e9ebee;
  padding: 5px; }
  .pos-page .pos-body {
    width: calc(60% - 5px);
    border-radius: 4px;
    background: #fff; }
    @media (max-width: 1024px) {
      .pos-page .pos-body {
        width: calc(50% - 5px); } }
  .pos-page .pos-sidebar {
    width: 40%;
    border-radius: 4px;
    background: #fff; }
    @media (max-width: 1024px) {
      .pos-page .pos-sidebar {
        width: 50%; } }
    .pos-page .pos-sidebar .pos-wrap-sidebar-content {
      height: 100%; }
  .pos-page .pos-main {
    position: relative;
    padding: 0;
    height: calc(100% - 71px); }
  .pos-page .pos-sidebar-content {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
    width: 100%; }

.body-pos-page .form-control, .body-pos-page .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container .body-pos-page textarea, .body-pos-page .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .body-pos-page select, .body-pos-page .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors .body-pos-page input, .body-pos-page .design-settings-page div.input, .design-settings-page .body-pos-page div.input,
.body-pos-page .wrap-sb-main-content select.form-control,
.body-pos-page .wrap-sb-main-content .templates-page .notifications-settings .field select,
.templates-page .notifications-settings .field .body-pos-page .wrap-sb-main-content select,
.body-pos-page .form-control.k-input,
.body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-input,
.contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-input,
.body-pos-page .templates-page .notifications-settings .field select.k-input,
.templates-page .notifications-settings .field .body-pos-page select.k-input,
.body-pos-page .design-settings-page .theme-additional-colors input.k-input,
.design-settings-page .theme-additional-colors .body-pos-page input.k-input,
.body-pos-page .design-settings-page div.k-input.input,
.design-settings-page .body-pos-page div.k-input.input {
  height: 50px;
  border-radius: 4px;
  padding: 5px 15px;
  font-size: 18px;
  font-weight: 300;
  text-align: left;
  color: #464646; }
  .body-pos-page .form-control:focus, .body-pos-page .contact-widget-message-form .data-block .element-container textarea:focus, .contact-widget-message-form .data-block .element-container .body-pos-page textarea:focus, .body-pos-page .templates-page .notifications-settings .field select:focus, .templates-page .notifications-settings .field .body-pos-page select:focus, .body-pos-page .design-settings-page .theme-additional-colors input:focus, .design-settings-page .theme-additional-colors .body-pos-page input:focus, .body-pos-page .design-settings-page div.input:focus, .design-settings-page .body-pos-page div.input:focus, .body-pos-page .form-control:active, .body-pos-page .contact-widget-message-form .data-block .element-container textarea:active, .contact-widget-message-form .data-block .element-container .body-pos-page textarea:active, .body-pos-page .templates-page .notifications-settings .field select:active, .templates-page .notifications-settings .field .body-pos-page select:active, .body-pos-page .design-settings-page .theme-additional-colors input:active, .design-settings-page .theme-additional-colors .body-pos-page input:active, .body-pos-page .design-settings-page div.input:active, .design-settings-page .body-pos-page div.input:active,
  .body-pos-page .wrap-sb-main-content select.form-control:focus,
  .body-pos-page .wrap-sb-main-content .templates-page .notifications-settings .field select:focus,
  .templates-page .notifications-settings .field .body-pos-page .wrap-sb-main-content select:focus,
  .body-pos-page .wrap-sb-main-content select.form-control:active,
  .body-pos-page .wrap-sb-main-content .templates-page .notifications-settings .field select:active,
  .templates-page .notifications-settings .field .body-pos-page .wrap-sb-main-content select:active,
  .body-pos-page .form-control.k-input:focus,
  .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-input:focus,
  .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-input:focus,
  .body-pos-page .templates-page .notifications-settings .field select.k-input:focus,
  .templates-page .notifications-settings .field .body-pos-page select.k-input:focus,
  .body-pos-page .design-settings-page .theme-additional-colors input.k-input:focus,
  .design-settings-page .theme-additional-colors .body-pos-page input.k-input:focus,
  .body-pos-page .design-settings-page div.k-input.input:focus,
  .design-settings-page .body-pos-page div.k-input.input:focus,
  .body-pos-page .form-control.k-input:active,
  .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-input:active,
  .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-input:active,
  .body-pos-page .templates-page .notifications-settings .field select.k-input:active,
  .templates-page .notifications-settings .field .body-pos-page select.k-input:active,
  .body-pos-page .design-settings-page .theme-additional-colors input.k-input:active,
  .design-settings-page .theme-additional-colors .body-pos-page input.k-input:active,
  .body-pos-page .design-settings-page div.k-input.input:active,
  .design-settings-page .body-pos-page div.k-input.input:active {
    border-color: #79d7fc; }
  .body-pos-page .form-control:focus, .body-pos-page .contact-widget-message-form .data-block .element-container textarea:focus, .contact-widget-message-form .data-block .element-container .body-pos-page textarea:focus, .body-pos-page .templates-page .notifications-settings .field select:focus, .templates-page .notifications-settings .field .body-pos-page select:focus, .body-pos-page .design-settings-page .theme-additional-colors input:focus, .design-settings-page .theme-additional-colors .body-pos-page input:focus, .body-pos-page .design-settings-page div.input:focus, .design-settings-page .body-pos-page div.input:focus,
  .body-pos-page .wrap-sb-main-content select.form-control:focus,
  .body-pos-page .wrap-sb-main-content .templates-page .notifications-settings .field select:focus,
  .templates-page .notifications-settings .field .body-pos-page .wrap-sb-main-content select:focus,
  .body-pos-page .form-control.k-input:focus,
  .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-input:focus,
  .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-input:focus,
  .body-pos-page .templates-page .notifications-settings .field select.k-input:focus,
  .templates-page .notifications-settings .field .body-pos-page select.k-input:focus,
  .body-pos-page .design-settings-page .theme-additional-colors input.k-input:focus,
  .design-settings-page .theme-additional-colors .body-pos-page input.k-input:focus,
  .body-pos-page .design-settings-page div.k-input.input:focus,
  .design-settings-page .body-pos-page div.k-input.input:focus {
    color: #495057;
    background-color: #fff;
    border-color: #79d7fc;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(6, 173, 239, 0.25); }

.body-pos-page textarea.form-control, .body-pos-page .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container .body-pos-page textarea {
  height: auto;
  max-height: 200px;
  min-height: 68px; }

.body-pos-page .material-switch-container {
  display: flex;
  align-items: baseline; }
  .body-pos-page .material-switch-container .material-switch {
    height: 50px; }
    .body-pos-page .material-switch-container .material-switch:last-child {
      margin-left: 0; }
  .body-pos-page .material-switch-container .material-switch label {
    width: 100px;
    height: 50px; }
  .body-pos-page .material-switch-container .material-switch label::before {
    border-radius: 34px;
    height: 50px;
    width: 100px;
    margin-top: 0px; }
  .body-pos-page .material-switch-container .material-switch label::after {
    width: 42px;
    height: 42px;
    margin-top: 1px;
    left: 5px;
    border-radius: 50%;
    box-shadow: none; }
  .body-pos-page .material-switch-container .material-switch input[type="checkbox"]:checked + label::after, .body-pos-page .material-switch-container .material-switch .management-app input.implicit-checked[type="checkbox"] + label::after, .management-app .body-pos-page .material-switch-container .material-switch input.implicit-checked[type="checkbox"] + label::after,
  .body-pos-page .material-switch-container .material-switch .management-app input.implicit-checked[type="checkbox"] + label::after,
  .body-pos-page .material-switch-container .management-app .material-switch input.implicit-checked[type="checkbox"] + label::after {
    left: calc(100% - 47px); }

.body-pos-page .plugin-add-value {
  display: inline-block; }
  .body-pos-page .plugin-add-value .active-count {
    display: flex;
    align-items: flex-start; }
    .body-pos-page .plugin-add-value .active-count .add-value-input-div {
      order: 2;
      width: 50px;
      height: 50px;
      font-size: 24px;
      font-weight: 600;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      background: #f6f6f6; }
      @media (max-width: 992px) {
        .body-pos-page .plugin-add-value .active-count .add-value-input-div {
          font-size: 18px; } }
    .body-pos-page .plugin-add-value .active-count .add-count {
      width: 50px;
      height: 50px;
      font-size: 20px;
      border-color: #f6f6f6;
      background: #f6f6f6; }
      .body-pos-page .plugin-add-value .active-count .add-count:hover, .body-pos-page .plugin-add-value .active-count .add-count:active {
        color: #06acee;
        background: #e9e9e9; }
    .body-pos-page .plugin-add-value .active-count .plus {
      order: 3;
      border-radius: 0 4px 4px 0; }
    .body-pos-page .plugin-add-value .active-count .minus {
      order: 1;
      border-radius: 4px 0 0 4px; }

.body-pos-page .form-check {
  display: flex;
  padding-left: 60px;
  min-height: 60px;
  align-items: center; }

.body-pos-page .form-check-input {
  margin-left: -60px; }

.body-pos-page input[type="radio"]:checked, .body-pos-page .management-app input.implicit-checked[type="radio"], .management-app .body-pos-page input.implicit-checked[type="radio"], .body-pos-page .management-app input.implicit-checked[type="radio"] {
  border: 12px solid #f6f6f6;
  background-color: #06acee; }

.body-pos-page input[type="radio"] {
  width: 50px;
  height: 50px;
  flex: 50px 0 0;
  background-color: #f6f6f6;
  border: 1px solid #eaeaea; }

.body-pos-page .form-group .with-icon, .body-pos-page .element-container .with-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  .body-pos-page .form-group .with-icon .icon, .body-pos-page .element-container .with-icon .icon {
    width: 40px;
    min-width: 40px;
    min-height: 50px;
    margin-right: 20px;
    font-size: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center; }
    .body-pos-page .form-group .with-icon .icon .required, .body-pos-page .element-container .with-icon .icon .required {
      position: absolute;
      top: -8px;
      right: -10px; }
    .body-pos-page .form-group .with-icon .icon .ico, .body-pos-page .element-container .with-icon .icon .ico {
      font-size: 28px; }
  .body-pos-page .form-group .with-icon .custom-select-v2, .body-pos-page .element-container .with-icon .custom-select-v2 {
    width: calc(100% - 60px); }
  .body-pos-page .form-group .with-icon.with-trigger .custom-select-v2, .body-pos-page .element-container .with-icon.with-trigger .custom-select-v2 {
    width: calc(100% - 60px); }
    .body-pos-page .form-group .with-icon.with-trigger .custom-select-v2 .list-item, .body-pos-page .element-container .with-icon.with-trigger .custom-select-v2 .list-item {
      width: calc(100% - 50px); }
  .body-pos-page .form-group .with-icon.with-trigger .wrap-full-info-trigger, .body-pos-page .element-container .with-icon.with-trigger .wrap-full-info-trigger {
    position: absolute;
    top: 0;
    right: 50px;
    height: 100%;
    bottom: 0; }
  .body-pos-page .form-group .with-icon.with-trigger .full-info-trigger, .body-pos-page .element-container .with-icon.with-trigger .full-info-trigger {
    height: 100%;
    width: 44px;
    border-radius: 0 4px 4px 0;
    font-size: 22px;
    border-color: transparent;
    background: transparent; }
    .body-pos-page .form-group .with-icon.with-trigger .full-info-trigger .ico, .body-pos-page .element-container .with-icon.with-trigger .full-info-trigger .ico {
      margin: 0; }
    .body-pos-page .form-group .with-icon.with-trigger .full-info-trigger:hover, .body-pos-page .element-container .with-icon.with-trigger .full-info-trigger:hover, .body-pos-page .form-group .with-icon.with-trigger .full-info-trigger:active, .body-pos-page .element-container .with-icon.with-trigger .full-info-trigger:active {
      color: #0588bc; }
  .body-pos-page .form-group .with-icon.has-error, .body-pos-page .element-container .with-icon.has-error, .body-pos-page .form-group .with-icon.element-container.error-field, .body-pos-page .element-container .with-icon.element-container.error-field {
    align-items: flex-start; }
    .body-pos-page .form-group .with-icon.has-error .errors, .body-pos-page .element-container .with-icon.has-error .errors, .body-pos-page .form-group .with-icon.element-container.error-field .errors, .body-pos-page .element-container .with-icon.element-container.error-field .errors {
      margin-left: -60px; }

.body-pos-page .with-label .control-label {
  margin-left: 0;
  margin-right: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.body-pos-page .with-label .form-group, .body-pos-page .with-label .element-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 0;
  width: calc(100% - 60px); }
  .body-pos-page .with-label .form-group .control-label, .body-pos-page .with-label .element-container .control-label {
    width: calc(100% - 170px); }

.body-pos-page .with-label .material-switch-container {
  width: 100%; }
  .body-pos-page .with-label .material-switch-container .control-label {
    margin-left: 0; }
  .body-pos-page .with-label .material-switch-container .material-switch {
    margin-left: auto;
    margin-right: 0; }

.body-pos-page .sb-client-fields .form-group .with-icon .icon, .body-pos-page .sb-client-fields .element-container .with-icon .icon, .body-pos-page .sb-built-in-fields .form-group .with-icon .icon, .body-pos-page .sb-built-in-fields .element-container .with-icon .icon {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  min-width: 20px; }
  .body-pos-page .sb-client-fields .form-group .with-icon .icon .badge, .body-pos-page .sb-client-fields .element-container .with-icon .icon .badge, .body-pos-page .sb-client-fields .form-group .with-icon .icon .label, .body-pos-page .sb-client-fields .element-container .with-icon .icon .label, .body-pos-page .sb-built-in-fields .form-group .with-icon .icon .badge, .body-pos-page .sb-built-in-fields .element-container .with-icon .icon .badge, .body-pos-page .sb-built-in-fields .form-group .with-icon .icon .label, .body-pos-page .sb-built-in-fields .element-container .with-icon .icon .label {
    font-size: 20px; }
  .body-pos-page .sb-client-fields .form-group .with-icon .icon .ico, .body-pos-page .sb-client-fields .element-container .with-icon .icon .ico, .body-pos-page .sb-built-in-fields .form-group .with-icon .icon .ico, .body-pos-page .sb-built-in-fields .element-container .with-icon .icon .ico {
    font-size: 20px; }

.body-pos-page .sb-client-fields .form-group .with-icon .form-control, .body-pos-page .sb-client-fields .element-container .with-icon .form-control, .body-pos-page .sb-client-fields .form-group .with-icon .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container .body-pos-page .sb-client-fields .form-group .with-icon textarea, .body-pos-page .sb-client-fields .contact-widget-message-form .data-block .element-container .with-icon textarea, .contact-widget-message-form .data-block .body-pos-page .sb-client-fields .element-container .with-icon textarea, .body-pos-page .sb-client-fields .form-group .with-icon .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .body-pos-page .sb-client-fields .form-group .with-icon select, .body-pos-page .sb-client-fields .element-container .with-icon .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .body-pos-page .sb-client-fields .element-container .with-icon select, .body-pos-page .sb-client-fields .form-group .with-icon .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors .body-pos-page .sb-client-fields .form-group .with-icon input, .body-pos-page .sb-client-fields .element-container .with-icon .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors .body-pos-page .sb-client-fields .element-container .with-icon input, .body-pos-page .sb-client-fields .form-group .with-icon .design-settings-page div.input, .design-settings-page .body-pos-page .sb-client-fields .form-group .with-icon div.input, .body-pos-page .sb-client-fields .element-container .with-icon .design-settings-page div.input, .design-settings-page .body-pos-page .sb-client-fields .element-container .with-icon div.input, .body-pos-page .sb-built-in-fields .form-group .with-icon .form-control, .body-pos-page .sb-built-in-fields .element-container .with-icon .form-control, .body-pos-page .sb-built-in-fields .form-group .with-icon .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container .body-pos-page .sb-built-in-fields .form-group .with-icon textarea, .body-pos-page .sb-built-in-fields .contact-widget-message-form .data-block .element-container .with-icon textarea, .contact-widget-message-form .data-block .body-pos-page .sb-built-in-fields .element-container .with-icon textarea, .body-pos-page .sb-built-in-fields .form-group .with-icon .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .body-pos-page .sb-built-in-fields .form-group .with-icon select, .body-pos-page .sb-built-in-fields .element-container .with-icon .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .body-pos-page .sb-built-in-fields .element-container .with-icon select, .body-pos-page .sb-built-in-fields .form-group .with-icon .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors .body-pos-page .sb-built-in-fields .form-group .with-icon input, .body-pos-page .sb-built-in-fields .element-container .with-icon .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors .body-pos-page .sb-built-in-fields .element-container .with-icon input, .body-pos-page .sb-built-in-fields .form-group .with-icon .design-settings-page div.input, .design-settings-page .body-pos-page .sb-built-in-fields .form-group .with-icon div.input, .body-pos-page .sb-built-in-fields .element-container .with-icon .design-settings-page div.input, .design-settings-page .body-pos-page .sb-built-in-fields .element-container .with-icon div.input {
  padding-left: 45px; }

.body-pos-page .pos-select,
.body-pos-page select,
.body-pos-page select.form-control,
.body-pos-page .templates-page .notifications-settings .field select,
.templates-page .notifications-settings .field .body-pos-page select {
  display: flex;
  align-items: center;
  width: 100%;
  padding-left: 15px;
  border-radius: 4px;
  font-size: 18px;
  padding-right: 40px;
  background-image: url("/v2/images/admin/pos-img/input-arrow.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: right 15px top 50%;
  -webkit-appearance: none;
  appearance: none;
  text-decoration: none;
  color: #464646; }

.body-pos-page .pos-select.custom-select-v1 {
  height: 80px;
  border: solid 1px #06acee; }
  .body-pos-page .pos-select.custom-select-v1.disabled {
    filter: grayscale(100%) opacity(70%); }
  .body-pos-page .pos-select.custom-select-v1 .list-item, .body-pos-page .pos-select.custom-select-v1 .client-name, .body-pos-page .pos-select.custom-select-v1 .txt {
    padding: 0;
    border: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden; }

.body-pos-page .pos-select.custom-select-v2,
.body-pos-page select.form-control,
.body-pos-page .templates-page .notifications-settings .field select,
.templates-page .notifications-settings .field .body-pos-page select {
  min-height: 50px;
  background-color: #f6f6f6;
  border: 1px solid;
  border-color: #f6f6f6;
  padding-right: 45px;
  background-position: right 15px top 50%;
  cursor: pointer; }
  .body-pos-page .pos-select.custom-select-v2:hover,
  .body-pos-page select.form-control:hover,
  .body-pos-page .templates-page .notifications-settings .field select:hover,
  .templates-page .notifications-settings .field .body-pos-page select:hover {
    text-decoration: none;
    color: #464646; }
  .body-pos-page .pos-select.custom-select-v2:active,
  .body-pos-page select.form-control:active,
  .body-pos-page .templates-page .notifications-settings .field select:active,
  .templates-page .notifications-settings .field .body-pos-page select:active {
    border-color: #79d7fc;
    background-color: rgba(6, 172, 238, 0.2); }
    .body-pos-page .pos-select.custom-select-v2:active .list-item, .body-pos-page .pos-select.custom-select-v2:active .list-item:active,
    .body-pos-page select.form-control:active .list-item,
    .body-pos-page .templates-page .notifications-settings .field select:active .list-item,
    .templates-page .notifications-settings .field .body-pos-page select:active .list-item,
    .body-pos-page select.form-control:active .list-item:active,
    .body-pos-page .templates-page .notifications-settings .field select:active .list-item:active,
    .templates-page .notifications-settings .field .body-pos-page select:active .list-item:active {
      background: transparent; }

.body-pos-page .btn {
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  border-radius: 4px;
  white-space: normal;
  font-weight: normal;
  line-height: 1.2; }
  .body-pos-page .btn.link-btn {
    padding-top: 15px; }
  .body-pos-page .btn .ico {
    vertical-align: middle;
    font-weight: 600;
    font-size: 20px;
    margin-right: 8px; }
    .body-pos-page .btn .ico.ico-info {
      font-weight: 300; }
  .body-pos-page .btn:disabled {
    opacity: 0.5;
    cursor: default; }

.body-pos-page .btn-outline-danger {
  background: #fdf1f1; }
  .body-pos-page .btn-outline-danger:enabled:hover {
    background: #f9d6d6;
    color: #ff5d5d; }

.body-pos-page .btn-outline-primary,
.body-pos-page .btn-outline-info {
  background: #eaf7fd; }
  .body-pos-page .btn-outline-primary:enabled:hover,
  .body-pos-page .btn-outline-info:enabled:hover {
    background: #ceecfa;
    color: #06acee; }

.body-pos-page .big-btn {
  margin: 10px 5px; }
  .body-pos-page .big-btn.sb-home, .body-pos-page .big-btn.btn-go-to-calendar {
    max-width: 50px;
    min-width: 50px; }
    .body-pos-page .big-btn.sb-home .ico, .body-pos-page .big-btn.btn-go-to-calendar .ico {
      margin: 0; }
  @media (max-width: 1200px) {
    .body-pos-page .big-btn.delete-button, .body-pos-page .big-btn.edit-button {
      max-width: 50px;
      min-width: 50px; } }
  @media (max-width: 1200px) {
    .body-pos-page .big-btn.delete-button .ico, .body-pos-page .big-btn.edit-button .ico {
      margin: 0; } }
  @media (max-width: 1200px) {
    .body-pos-page .big-btn.delete-button .btn-text, .body-pos-page .big-btn.edit-button .btn-text {
      display: none; } }
  .body-pos-page .big-btn.sb-add-membership {
    min-width: 170px; }

.body-pos-page .wrap-client-content .invoice-main-buttons .big-btn {
  display: inline-flex; }
  @media (max-width: 1200px) {
    .body-pos-page .wrap-client-content .invoice-main-buttons .big-btn.delete-button {
      max-width: 100%;
      min-width: 50px; } }
  @media (max-width: 1200px) {
    .body-pos-page .wrap-client-content .invoice-main-buttons .big-btn.delete-button .ico {
      margin-right: 8px; } }
  @media (max-width: 1200px) {
    .body-pos-page .wrap-client-content .invoice-main-buttons .big-btn.delete-button .btn-text {
      display: inline-block; } }

.body-pos-page .table thead {
  background: #f6f6f6; }

.body-pos-page .table th, .body-pos-page .table td {
  font-size: 16px; }

.body-pos-page .title {
  font-size: 48px;
  font-weight: bold;
  text-align: center; }
  @media (max-width: 992px) {
    .body-pos-page .title {
      font-size: 36px; } }

.body-pos-page .normal-title {
  font-size: 18px;
  text-align: left; }

.body-pos-page .notification-txt {
  font-size: 24px;
  text-align: center;
  line-height: 1.3; }
  @media (max-width: 992px) {
    .body-pos-page .notification-txt {
      font-size: 18px; } }

.body-pos-page .control-label {
  font-size: 18px;
  width: 100%; }

.body-pos-page .txt {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  margin: 0;
  padding: 0; }
  .body-pos-page .txt.status {
    display: flex;
    align-items: center;
    min-height: 22px; }
    .body-pos-page .txt.status span {
      font-style: italic;
      display: inline-flex;
      text-align: center;
      line-height: 1;
      min-width: 80px;
      height: auto;
      border: 2px solid #fff;
      padding: 2px 15px 3px 15px;
      border-radius: 30px;
      align-items: center;
      justify-content: center;
      font-size: 13px;
      color: #2c3547; }
      .body-pos-page .txt.status span.invoice-new {
        background: #91daf8; }
      .body-pos-page .txt.status span.invoice-error {
        background: #ff2a2a; }
      .body-pos-page .txt.status span.invoice-pending, .body-pos-page .txt.status span.invoice-payment_pending {
        background: #fbb426; }
      .body-pos-page .txt.status span.invoice-refunded, .body-pos-page .txt.status span.invoice-cancelled {
        background: #ff5f5f; }
      .body-pos-page .txt.status span.invoice-deleted {
        background: #6d6d6d; }
      .body-pos-page .txt.status span.invoice-paid {
        background: #25dd7d; }

.body-pos-page .form-group .invalid-feedback, .body-pos-page .element-container .invalid-feedback, .body-pos-page .form-group.has-error .help-block, .form-group.has-error .body-pos-page .element-container .help-block, .has-error.element-container .body-pos-page .form-group .help-block, .body-pos-page .has-error.element-container .help-block, .element-container.error-field .body-pos-page .form-group .help-block, .body-pos-page .element-container.error-field .help-block, .element-container .body-pos-page .form-group .error-message, .body-pos-page .element-container .error-message,
.body-pos-page .invalid-feedback,
.body-pos-page .form-group.has-error .help-block,
.form-group.has-error .body-pos-page .help-block,
.body-pos-page .has-error.element-container .help-block,
.has-error.element-container .body-pos-page .help-block,
.body-pos-page .element-container.error-field .help-block,
.element-container.error-field .body-pos-page .help-block,
.body-pos-page .element-container .error-message,
.element-container .body-pos-page .error-message {
  font-size: 16px;
  color: #ff5d5d; }

.body-pos-page .form-group.has-error .custom-select-v2, .body-pos-page .has-error.element-container .custom-select-v2, .body-pos-page .element-container.error-field .custom-select-v2 {
  border-color: #ff5d5d; }

.body-pos-page.mobileDevice .form-group .invalid-feedback, .body-pos-page.mobileDevice .element-container .invalid-feedback, .body-pos-page.mobileDevice .form-group.has-error .help-block, .form-group.has-error .body-pos-page.mobileDevice .element-container .help-block, .has-error.element-container .body-pos-page.mobileDevice .form-group .help-block, .body-pos-page.mobileDevice .has-error.element-container .help-block, .element-container.error-field .body-pos-page.mobileDevice .form-group .help-block, .body-pos-page.mobileDevice .element-container.error-field .help-block, .element-container .body-pos-page.mobileDevice .form-group .error-message, .body-pos-page.mobileDevice .element-container .error-message,
.body-pos-page.mobileDevice .invalid-feedback,
.body-pos-page.mobileDevice .form-group.has-error .help-block,
.form-group.has-error .body-pos-page.mobileDevice .help-block,
.body-pos-page.mobileDevice .has-error.element-container .help-block,
.has-error.element-container .body-pos-page.mobileDevice .help-block,
.body-pos-page.mobileDevice .element-container.error-field .help-block,
.element-container.error-field .body-pos-page.mobileDevice .help-block,
.body-pos-page.mobileDevice .element-container .error-message,
.element-container .body-pos-page.mobileDevice .error-message {
  font-size: 12px; }

.body-pos-page .pos-page-nav {
  display: none; }

.body-pos-page .errors {
  width: 100%; }

.body-pos-page .list-item {
  display: block;
  border-top: 1px solid #e1e1e1;
  padding: 10px 25px;
  text-decoration: none;
  color: inherit; }
  @media (max-width: 1024px) {
    .body-pos-page .list-item {
      padding-left: 10px;
      padding-right: 10px; } }
  .body-pos-page .list-item:first-child {
    border-top: none; }
  .body-pos-page .list-item.list-subitem {
    border-top: none; }
  .body-pos-page .list-item .normal-title, .body-pos-page .list-item .txt {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden; }
    .body-pos-page .list-item .normal-title.multiline, .body-pos-page .list-item .txt.multiline {
      white-space: normal;
      text-overflow: initial; }
  .body-pos-page .list-item .normal-title {
    font-size: 18px;
    font-weight: 600;
    opacity: 1;
    padding: 0;
    border: none;
    line-height: 1.2;
    margin-bottom: 5px; }
  .body-pos-page .list-item .txt {
    opacity: .8;
    font-size: 14px; }
    .body-pos-page .list-item .txt.price {
      font-weight: 600;
      font-size: 16px; }
    .body-pos-page .list-item .txt.status {
      margin-left: auto;
      margin-right: 0; }
  .body-pos-page .list-item .d-flex {
    align-items: center; }
    .body-pos-page .list-item .d-flex .txt {
      margin-right: 10px; }
      .body-pos-page .list-item .d-flex .txt:last-child {
        margin-right: 0; }
    .body-pos-page .list-item .d-flex__title {
      color: #868686; }
    .body-pos-page .list-item .d-flex.contacts-line {
      flex-wrap: wrap; }
  .body-pos-page .list-item.wrap-custom-select-v1 {
    border: none; }
  .body-pos-page .list-item:active {
    background: rgba(6, 172, 238, 0.1); }
  .body-pos-page .list-item.service {
    width: 100%;
    padding: 10px 0;
    border-bottom: none; }
    .body-pos-page .list-item.service .normal-title {
      min-height: 1px;
      display: block;
      margin-bottom: 5px; }
    .body-pos-page .list-item.service .one-line {
      display: flex;
      align-items: center; }
      .body-pos-page .list-item.service .one-line .txt {
        opacity: 1;
        margin-bottom: 5px; }
      .body-pos-page .list-item.service .one-line .service-price {
        margin-right: 10px;
        font-weight: 600;
        font-size: 18px;
        min-width: 70px; }
      .body-pos-page .list-item.service .one-line .service-required-memberships {
        margin-bottom: 0; }
        .body-pos-page .list-item.service .one-line .service-required-memberships .ico {
          font-size: 18px; }
        .body-pos-page .list-item.service .one-line .service-required-memberships.service-missing-memberships {
          color: #fcc558; }
  .body-pos-page .list-item.provider, .body-pos-page .list-item.category, .body-pos-page .list-item.location, .body-pos-page .list-item.product, .body-pos-page .list-item.gift, .body-pos-page .list-item.membership, .body-pos-page .list-item.package {
    width: 100%;
    padding: 10px 0;
    border-bottom: none; }
    .body-pos-page .list-item.provider .normal-title, .body-pos-page .list-item.category .normal-title, .body-pos-page .list-item.location .normal-title, .body-pos-page .list-item.product .normal-title, .body-pos-page .list-item.gift .normal-title, .body-pos-page .list-item.membership .normal-title, .body-pos-page .list-item.package .normal-title {
      margin: 0;
      min-height: 1px; }
  .body-pos-page .list-item.membership:active, .body-pos-page .list-item.gift:active, .body-pos-page .list-item.package:active {
    background: transparent; }
  .body-pos-page .list-item.membership .normal-title, .body-pos-page .list-item.gift .normal-title, .body-pos-page .list-item.package .normal-title {
    margin-bottom: 5px; }
  .body-pos-page .list-item.membership .one-line, .body-pos-page .list-item.gift .one-line, .body-pos-page .list-item.package .one-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .body-pos-page .list-item.membership .one-line .membership-price,
    .body-pos-page .list-item.membership .one-line .gift-price,
    .body-pos-page .list-item.membership .one-line .gift-amount,
    .body-pos-page .list-item.membership .one-line .package-price, .body-pos-page .list-item.gift .one-line .membership-price,
    .body-pos-page .list-item.gift .one-line .gift-price,
    .body-pos-page .list-item.gift .one-line .gift-amount,
    .body-pos-page .list-item.gift .one-line .package-price, .body-pos-page .list-item.package .one-line .membership-price,
    .body-pos-page .list-item.package .one-line .gift-price,
    .body-pos-page .list-item.package .one-line .gift-amount,
    .body-pos-page .list-item.package .one-line .package-price {
      font-weight: 600;
      margin-right: 10px;
      font-size: 18px; }
  .body-pos-page .list-item.check-item {
    padding: 10px;
    border: solid 1px #ddd;
    border-radius: 4px;
    position: relative;
    margin-bottom: 15px; }
    .body-pos-page .list-item.check-item:hover {
      border-color: #d0d0d0; }
    .body-pos-page .list-item.check-item .normal-title {
      font-weight: 300; }
    .body-pos-page .list-item.check-item .txt {
      font-weight: 600; }
    .body-pos-page .list-item.check-item .check-status {
      position: absolute;
      height: 100%;
      width: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      top: 0;
      right: 0;
      font-weight: 900;
      font-size: 20px;
      color: #fff; }
    .body-pos-page .list-item.check-item .one-line.d-flex {
      align-items: center;
      margin-top: 10px; }
      .body-pos-page .list-item.check-item .one-line.d-flex .plugin-add-value {
        margin-right: 15px; }
    .body-pos-page .list-item.check-item.active {
      border-color: #06acee; }
      .body-pos-page .list-item.check-item.active .normal-title,
      .body-pos-page .list-item.check-item.active .txt {
        opacity: 1; }
      .body-pos-page .list-item.check-item.active .check-status {
        color: #06acee; }
    .body-pos-page .list-item.check-item.product, .body-pos-page .list-item.check-item.addon {
      padding: 2px 2px 2px 10px;
      align-items: center;
      justify-content: flex-end;
      flex-wrap: wrap; }
      @media (max-width: 1200px) {
        .body-pos-page .list-item.check-item.product, .body-pos-page .list-item.check-item.addon {
          padding: 10px; } }
      @media (max-width: 992px) {
        .body-pos-page .list-item.check-item.product, .body-pos-page .list-item.check-item.addon {
          justify-content: flex-start; } }
      .body-pos-page .list-item.check-item.product .normal-title, .body-pos-page .list-item.check-item.addon .normal-title {
        margin-left: 0;
        width: calc(100% - 350px);
        margin-right: auto;
        margin-bottom: 0;
        position: relative;
        padding-right: 30px; }
        .body-pos-page .list-item.check-item.product .normal-title .ico-invisible, .body-pos-page .list-item.check-item.addon .normal-title .ico-invisible {
          position: absolute;
          right: 10px; }
        @media (max-width: 992px) {
          .body-pos-page .list-item.check-item.product .normal-title, .body-pos-page .list-item.check-item.addon .normal-title {
            width: 100%;
            margin-bottom: 5px; } }
      .body-pos-page .list-item.check-item.product .price,
      .body-pos-page .list-item.check-item.product .product-price, .body-pos-page .list-item.check-item.addon .price,
      .body-pos-page .list-item.check-item.addon .product-price {
        margin-left: 10px;
        margin-right: 10px;
        width: 100px;
        min-width: 100px;
        font-size: 20px; }
        @media (max-width: 992px) {
          .body-pos-page .list-item.check-item.product .price,
          .body-pos-page .list-item.check-item.product .product-price, .body-pos-page .list-item.check-item.addon .price,
          .body-pos-page .list-item.check-item.addon .product-price {
            margin-left: 0; } }
      .body-pos-page .list-item.check-item.product .product-price, .body-pos-page .list-item.check-item.addon .product-price {
        font-size: 14px; }
      .body-pos-page .list-item.check-item.product .duration, .body-pos-page .list-item.check-item.addon .duration {
        margin-left: 10px;
        margin-right: 10px;
        width: 50px;
        min-width: 50px; }
      .body-pos-page .list-item.check-item.product .wrap-plugin-add, .body-pos-page .list-item.check-item.addon .wrap-plugin-add {
        margin-left: auto;
        margin-right: 0; }
    .body-pos-page .list-item.check-item.addon .normal-title {
      padding-right: 0; }
      .body-pos-page .list-item.check-item.addon .normal-title.with-duration {
        width: calc(100% - 420px); }
        @media (max-width: 1200px) {
          .body-pos-page .list-item.check-item.addon .normal-title.with-duration {
            width: 100%;
            margin-bottom: 12px; } }
      @media (max-width: 1200px) {
        .body-pos-page .list-item.check-item.addon .normal-title {
          width: 100%;
          margin-bottom: 12px; } }
    .body-pos-page .list-item.check-item.addon .duration {
      width: auto; }
      @media (max-width: 1200px) {
        .body-pos-page .list-item.check-item.addon .duration {
          margin-left: 0;
          order: 2; } }
    @media (max-width: 1200px) {
      .body-pos-page .list-item.check-item.addon .addon-price {
        order: 1; } }
    .body-pos-page .list-item.check-item.addon .wrap-plugin-add {
      margin-left: 15px; }
      @media (max-width: 1200px) {
        .body-pos-page .list-item.check-item.addon .wrap-plugin-add {
          margin-left: auto;
          order: 3; } }
    .body-pos-page .list-item.check-item.addon.with-trigger .one-line {
      min-width: 150px;
      justify-content: space-between; }
      .body-pos-page .list-item.check-item.addon.with-trigger .one-line.line-with-trigger .wrap-full-info-trigger {
        margin-left: 0; }
      @media (max-width: 1200px) {
        .body-pos-page .list-item.check-item.addon.with-trigger .one-line.line-with-trigger {
          flex-direction: row-reverse; } }
    .body-pos-page .list-item.check-item.addon .normal-title, .body-pos-page .list-item.check-item.product .normal-title {
      width: calc(100% - 430px);
      padding-right: 30px;
      position: relative; }
      .body-pos-page .list-item.check-item.addon .normal-title .ico-invisible, .body-pos-page .list-item.check-item.product .normal-title .ico-invisible {
        position: absolute;
        right: 10px; }
      @media (max-width: 1200px) {
        .body-pos-page .list-item.check-item.addon .normal-title, .body-pos-page .list-item.check-item.product .normal-title {
          width: 100%;
          margin-bottom: 0;
          margin-top: 0; } }
    .body-pos-page .list-item.check-item.addon .line-with-trigger,
    .body-pos-page .list-item.check-item.addon .line-cur-price, .body-pos-page .list-item.check-item.product .line-with-trigger,
    .body-pos-page .list-item.check-item.product .line-cur-price {
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      @media (max-width: 1200px) {
        .body-pos-page .list-item.check-item.addon .line-with-trigger,
        .body-pos-page .list-item.check-item.addon .line-cur-price, .body-pos-page .list-item.check-item.product .line-with-trigger,
        .body-pos-page .list-item.check-item.product .line-cur-price {
          width: 100%; } }
    .body-pos-page .list-item.check-item.addon .line-with-trigger, .body-pos-page .list-item.check-item.product .line-with-trigger {
      flex-direction: row-reverse; }
      @media (max-width: 1200px) {
        .body-pos-page .list-item.check-item.addon .line-with-trigger, .body-pos-page .list-item.check-item.product .line-with-trigger {
          flex-direction: row;
          margin-bottom: 5px; } }
      .body-pos-page .list-item.check-item.addon .line-with-trigger .product-price, .body-pos-page .list-item.check-item.product .line-with-trigger .product-price {
        min-width: 70px;
        width: 70px; }
        @media (max-width: 1200px) {
          .body-pos-page .list-item.check-item.addon .line-with-trigger .product-price, .body-pos-page .list-item.check-item.product .line-with-trigger .product-price {
            min-width: 100px;
            width: 100px;
            margin-left: 0; } }
      .body-pos-page .list-item.check-item.addon .line-with-trigger .wrap-full-info-trigger, .body-pos-page .list-item.check-item.product .line-with-trigger .wrap-full-info-trigger {
        margin-right: 10px; }
        @media (max-width: 1200px) {
          .body-pos-page .list-item.check-item.addon .line-with-trigger .wrap-full-info-trigger, .body-pos-page .list-item.check-item.product .line-with-trigger .wrap-full-info-trigger {
            margin-left: auto;
            margin-right: 0; } }
        .body-pos-page .list-item.check-item.addon .line-with-trigger .wrap-full-info-trigger .full-info-trigger, .body-pos-page .list-item.check-item.product .line-with-trigger .wrap-full-info-trigger .full-info-trigger {
          font-size: 22px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-color: transparent;
          background: transparent; }
          .body-pos-page .list-item.check-item.addon .line-with-trigger .wrap-full-info-trigger .full-info-trigger:hover, .body-pos-page .list-item.check-item.addon .line-with-trigger .wrap-full-info-trigger .full-info-trigger:active, .body-pos-page .list-item.check-item.product .line-with-trigger .wrap-full-info-trigger .full-info-trigger:hover, .body-pos-page .list-item.check-item.product .line-with-trigger .wrap-full-info-trigger .full-info-trigger:active {
            color: #0588bc; }
          .body-pos-page .list-item.check-item.addon .line-with-trigger .wrap-full-info-trigger .full-info-trigger .ico, .body-pos-page .list-item.check-item.product .line-with-trigger .wrap-full-info-trigger .full-info-trigger .ico {
            margin: 0; }
    .body-pos-page .list-item.check-item.addon .line-cur-price, .body-pos-page .list-item.check-item.product .line-cur-price {
      margin-right: 0; }
      @media (max-width: 1200px) {
        .body-pos-page .list-item.check-item.addon .line-cur-price .price, .body-pos-page .list-item.check-item.product .line-cur-price .price {
          margin-left: 0; } }
  .body-pos-page .list-item.invoice-list-item, .body-pos-page .list-item.membership-list-item, .body-pos-page .list-item.package-list-item {
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    position: relative; }
    .body-pos-page .list-item.invoice-list-item.selected, .body-pos-page .list-item.membership-list-item.selected, .body-pos-page .list-item.package-list-item.selected {
      background-color: rgba(6, 172, 238, 0.2); }
    .body-pos-page .list-item.invoice-list-item .txt, .body-pos-page .list-item.membership-list-item .txt, .body-pos-page .list-item.package-list-item .txt {
      opacity: 1; }
    .body-pos-page .list-item.invoice-list-item .normal-title, .body-pos-page .list-item.membership-list-item .normal-title, .body-pos-page .list-item.package-list-item .normal-title {
      margin-right: 20px;
      opacity: 1;
      font-size: 18px;
      color: #2c3547; }
    .body-pos-page .list-item.invoice-list-item .status, .body-pos-page .list-item.membership-list-item .status, .body-pos-page .list-item.package-list-item .status {
      margin-left: auto;
      margin-right: 0;
      overflow: visible; }
    .body-pos-page .list-item.invoice-list-item .one-line, .body-pos-page .list-item.membership-list-item .one-line, .body-pos-page .list-item.package-list-item .one-line {
      align-items: center;
      justify-content: flex-start; }
      .body-pos-page .list-item.invoice-list-item .one-line__title, .body-pos-page .list-item.membership-list-item .one-line__title, .body-pos-page .list-item.package-list-item .one-line__title {
        color: #464646; }
      .body-pos-page .list-item.invoice-list-item .one-line .date-item, .body-pos-page .list-item.membership-list-item .one-line .date-item, .body-pos-page .list-item.package-list-item .one-line .date-item {
        margin-right: 20px; }
    .body-pos-page .list-item.invoice-list-item .price, .body-pos-page .list-item.membership-list-item .price, .body-pos-page .list-item.package-list-item .price {
      color: #2c3547;
      font-weight: 600;
      font-size: 16px; }
  .body-pos-page .list-item.invoice-list-item .invoice-list-item__row {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    color: #868686;
    font-size: 14px;
    line-height: 1.3; }
  .body-pos-page .list-item.invoice-list-item .invoice-list-item__col {
    padding-left: 10px;
    padding-right: 10px; }
    @media (max-width: 1100px) {
      .body-pos-page .list-item.invoice-list-item .invoice-list-item__col {
        width: 100%;
        text-align: left; } }
    .body-pos-page .list-item.invoice-list-item .invoice-list-item__col-data {
      flex: 1; }
    .body-pos-page .list-item.invoice-list-item .invoice-list-item__col-payment-data .one-line.d-flex.status {
      flex-direction: column;
      align-items: flex-start; }
      @media (min-width: 1100px) {
        .body-pos-page .list-item.invoice-list-item .invoice-list-item__col-payment-data .one-line.d-flex.status {
          align-items: end;
          text-align: right;
          display: block !important; } }
      @media (max-width: 1100px) {
        .body-pos-page .list-item.invoice-list-item .invoice-list-item__col-payment-data .one-line.d-flex.status {
          text-align: left; } }
    @media (max-width: 1100px) {
      .body-pos-page .list-item.invoice-list-item .invoice-list-item__col-row--status {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row-reverse; } }

.body-pos-page .icon {
  position: relative;
  text-align: center; }
  .body-pos-page .icon .badge, .body-pos-page .icon .label {
    padding: 0;
    font-size: 28px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0; }
  .body-pos-page .icon .ico {
    color: #e5e5e5;
    font-weight: 600; }

.body-pos-page .barcode-search .barcode-search-input {
  margin-right: 0; }

.body-pos-page .barcode-search .barcode-search-button {
  min-width: 80px;
  max-width: 100px;
  margin: 0;
  height: 50px; }

.body-pos-page .search-bar {
  position: relative; }
  .body-pos-page .search-bar .icon {
    position: absolute;
    top: 11px;
    bottom: 0;
    right: 28px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    width: 44px;
    font-size: 22px;
    background-color: #fff; }
    @media (max-width: 1024px) {
      .body-pos-page .search-bar .icon {
        right: 20px; } }
    .body-pos-page .search-bar .icon .search-ico {
      opacity: .5; }

.body-pos-page .week-days {
  display: flex; }
  .body-pos-page .week-days .week-day {
    display: flex;
    border-radius: 0;
    width: 100%;
    margin-bottom: 0;
    text-transform: capitalize;
    font-size: 18px;
    border-left: none;
    font-weight: 300;
    margin-bottom: 0;
    padding: 8px; }
    @media (max-width: 1024px) {
      .body-pos-page .week-days .week-day {
        font-size: 16px; } }
    .body-pos-page .week-days .week-day:first-child {
      border-radius: 4px 0 0 4px;
      border-left: 1px solid; }
    .body-pos-page .week-days .week-day:last-child {
      border-radius: 0 4px 4px 0; }

.body-pos-page .input-group .input-group-append .btn {
  margin-top: 0;
  margin-bottom: 0;
  min-width: 60px;
  height: 50px; }
  .body-pos-page .input-group .input-group-append .btn .ico {
    margin: 0; }

.body-pos-page .scroll-box {
  overflow-y: auto;
  padding-top: 3px; }
  .body-pos-page .scroll-box .scroll-box-body {
    padding-left: 7px;
    padding-right: 7px; }

.body-pos-page .scroll-x {
  overflow-x: auto; }

.body-pos-page .or-rep-every-n-days .plugin-add-value {
  display: flex;
  align-items: center; }

.body-pos-page .calendar-time-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .body-pos-page .calendar-time-block .calendar-block {
    width: 100%;
    max-width: 350px; }
    @media (max-width: 1200px) {
      .body-pos-page .calendar-time-block .calendar-block {
        max-width: 100%; } }
  .body-pos-page .calendar-time-block .time-block {
    width: calc(100% - 380px); }
    @media (max-width: 1200px) {
      .body-pos-page .calendar-time-block .time-block {
        width: 100%; } }
  .body-pos-page .calendar-time-block .calendar-time-error-block {
    width: 100%;
    margin-bottom: 15px; }

.body-pos-page .calendar-header .d-flex {
  justify-content: space-between;
  align-items: center; }

.body-pos-page .calendar-header .calendar-header-btn .btn {
  width: 50px;
  padding: 0 4px; }
  .body-pos-page .calendar-header .calendar-header-btn .btn .ico {
    font-size: 34px;
    font-weight: 100;
    margin: 0;
    padding: 0; }

.body-pos-page .calendar-header .normal-title {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  padding: 0 15px; }

.body-pos-page .calendar .weeks-name .name {
  font-weight: bold; }

.body-pos-page .calendar .weeks-date .date {
  opacity: 0.3; }

.body-pos-page .calendar .weeks-date .date.current-month {
  opacity: 1; }

.body-pos-page .calendar .weeks-name .name,
.body-pos-page .calendar .weeks-date .date {
  text-align: center;
  width: calc(100% / 7);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 50px; }

.body-pos-page .calendar .weeks-date .date {
  cursor: pointer; }
  .body-pos-page .calendar .weeks-date .date.disabled {
    cursor: not-allowed; }

.body-pos-page .calendar .weeks-date .date.today, .body-pos-page .calendar .weeks-date .date.today span {
  font-weight: bold; }

.body-pos-page .calendar .weeks-date .date.selected {
  background-color: #06acee;
  border-color: #ffffff;
  border-radius: 4px; }
  .body-pos-page .calendar .weeks-date .date.selected span {
    color: #ffffff; }

.body-pos-page .calendar .weeks-date .date.day-off {
  color: #868686; }

.body-pos-page .time-container {
  overflow: hidden; }
  .body-pos-page .time-container > div {
    margin-right: -3px;
    margin-left: -3px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row; }
  .body-pos-page .time-container .wrap-time-container {
    width: calc(100% - 6px);
    margin: auto;
    text-align: center;
    display: block;
    align-items: center;
    justify-content: center;
    min-height: 100px; }
    .body-pos-page .time-container .wrap-time-container .normal-title {
      opacity: .8;
      text-align: center;
      margin: 20px 0; }
    .body-pos-page .time-container .wrap-time-container .btn {
      margin: 5px 0;
      display: inline-block; }
  .body-pos-page .time-container .time-item {
    height: 50px;
    border: 1px solid #06acee;
    padding: 4px;
    width: auto;
    min-width: 100px;
    max-width: 160px;
    margin-bottom: 6px;
    margin-left: 3px;
    margin-right: 3px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center; }
    .body-pos-page .time-container .time-item.selected {
      border: 1px solid #06acee;
      background-color: #06acee;
      color: #fff; }
    @media (max-width: 1024px) {
      .body-pos-page .time-container .time-item {
        max-width: 100%;
        width: calc(33.33% - 6px); } }

.body-pos-page .list-in-modal .list-item.payment-method .normal-title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0; }
  .body-pos-page .list-in-modal .list-item.payment-method .normal-title .icon {
    text-align: center;
    position: relative;
    width: 50px;
    margin-right: 20px; }
    .body-pos-page .list-in-modal .list-item.payment-method .normal-title .icon .ico {
      font-size: 26px;
      color: #bfbfbf; }
      .body-pos-page .list-in-modal .list-item.payment-method .normal-title .icon .ico--saved {
        position: absolute;
        bottom: 0;
        right: -3px;
        width: 22px;
        height: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
        color: #464646;
        background: #51e497;
        border-radius: 50%; }

.body-pos-page .empty-list {
  text-align: center;
  padding: 30px 0; }
  .body-pos-page .empty-list .icon .ico {
    font-size: 100px;
    font-weight: 300; }
  .body-pos-page .empty-list .normal-title {
    margin: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    opacity: .8;
    border-bottom: none; }

.body-pos-page .client-data .empty-list .normal-title {
  font-size: 18px;
  font-weight: 300; }

.body-pos-page .ico.ico-invisible {
  color: #d8d8d8;
  font-size: 16px; }

.body-pos-page .popover .popover-header {
  padding-top: 4px;
  padding-bottom: 2px; }

.body-pos-page .pos-main-body-message .big-btn-row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; }
  .body-pos-page .pos-main-body-message .big-btn-row .big-btn {
    height: 100px;
    width: 100%;
    max-width: 300px;
    font-size: 30px; }

.body-pos-page .k-widget.k-datepicker.form-control, .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker, .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker, .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker, .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker, .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker, .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker, .body-pos-page .design-settings-page div.k-widget.k-datepicker.input, .design-settings-page .body-pos-page div.k-widget.k-datepicker.input {
  padding: 0;
  margin: 0;
  height: auto; }
  .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap, .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap, .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap, .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap, .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap, .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker .k-picker-wrap, .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker .k-picker-wrap, .body-pos-page .design-settings-page div.k-widget.k-datepicker.input .k-picker-wrap, .design-settings-page .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap {
    display: flex;
    padding-right: 0;
    border: none; }
    .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap:before, .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap:before, .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap:before, .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap:before, .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap:before, .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker .k-picker-wrap:before, .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker .k-picker-wrap:before, .body-pos-page .design-settings-page div.k-widget.k-datepicker.input .k-picker-wrap:before, .design-settings-page .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap:before {
      display: none; }
    .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap .form-control.k-input, .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap .form-control.k-input, .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap .form-control.k-input, .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap .form-control.k-input, .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap .form-control.k-input, .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker .k-picker-wrap .form-control.k-input, .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker .k-picker-wrap .form-control.k-input, .body-pos-page .design-settings-page div.k-widget.k-datepicker.input .k-picker-wrap .form-control.k-input, .design-settings-page .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap .form-control.k-input, .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap .contact-widget-message-form .data-block .element-container textarea.k-input, .contact-widget-message-form .data-block .element-container .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap textarea.k-input, .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap textarea.k-input, .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap textarea.k-input, .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap .contact-widget-message-form .data-block .element-container textarea.k-input, .contact-widget-message-form .data-block .element-container .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap textarea.k-input, .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap .contact-widget-message-form .data-block .element-container textarea.k-input, .contact-widget-message-form .data-block .element-container .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap textarea.k-input, .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker .k-picker-wrap .contact-widget-message-form .data-block .element-container textarea.k-input, .contact-widget-message-form .data-block .element-container .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker .k-picker-wrap textarea.k-input, .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker .k-picker-wrap .contact-widget-message-form .data-block .element-container textarea.k-input, .contact-widget-message-form .data-block .element-container .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker .k-picker-wrap textarea.k-input, .body-pos-page .design-settings-page div.k-widget.k-datepicker.input .k-picker-wrap .contact-widget-message-form .data-block .element-container textarea.k-input, .contact-widget-message-form .data-block .element-container .body-pos-page .design-settings-page div.k-widget.k-datepicker.input .k-picker-wrap textarea.k-input, .design-settings-page .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap .contact-widget-message-form .data-block .element-container textarea.k-input, .contact-widget-message-form .data-block .element-container .design-settings-page .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap textarea.k-input, .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap .templates-page .notifications-settings .field select.k-input, .templates-page .notifications-settings .field .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap select.k-input, .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap .templates-page .notifications-settings .field select.k-input, .templates-page .notifications-settings .field .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap select.k-input, .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap .templates-page .notifications-settings .field select.k-input, .templates-page .notifications-settings .field .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap select.k-input, .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap select.k-input, .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap select.k-input, .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker .k-picker-wrap .templates-page .notifications-settings .field select.k-input, .templates-page .notifications-settings .field .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker .k-picker-wrap select.k-input, .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker .k-picker-wrap .templates-page .notifications-settings .field select.k-input, .templates-page .notifications-settings .field .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker .k-picker-wrap select.k-input, .body-pos-page .design-settings-page div.k-widget.k-datepicker.input .k-picker-wrap .templates-page .notifications-settings .field select.k-input, .templates-page .notifications-settings .field .body-pos-page .design-settings-page div.k-widget.k-datepicker.input .k-picker-wrap select.k-input, .design-settings-page .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap .templates-page .notifications-settings .field select.k-input, .templates-page .notifications-settings .field .design-settings-page .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap select.k-input, .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap .design-settings-page .theme-additional-colors input.k-input, .design-settings-page .theme-additional-colors .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap input.k-input, .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap .design-settings-page .theme-additional-colors input.k-input, .design-settings-page .theme-additional-colors .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap input.k-input, .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap .design-settings-page .theme-additional-colors input.k-input, .design-settings-page .theme-additional-colors .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap input.k-input, .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap .design-settings-page .theme-additional-colors input.k-input, .design-settings-page .theme-additional-colors .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap input.k-input, .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap .design-settings-page .theme-additional-colors input.k-input, .design-settings-page .theme-additional-colors .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap input.k-input, .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker .k-picker-wrap input.k-input, .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker .k-picker-wrap input.k-input, .body-pos-page .design-settings-page div.k-widget.k-datepicker.input .k-picker-wrap .theme-additional-colors input.k-input, .body-pos-page .design-settings-page .theme-additional-colors div.k-widget.k-datepicker.input .k-picker-wrap input.k-input, .design-settings-page .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap .theme-additional-colors input.k-input, .design-settings-page .theme-additional-colors .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap input.k-input, .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap .design-settings-page div.k-input.input, .design-settings-page .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap div.k-input.input, .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap .design-settings-page div.k-input.input, .design-settings-page .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap div.k-input.input, .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap .design-settings-page div.k-input.input, .design-settings-page .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap div.k-input.input, .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap .design-settings-page div.k-input.input, .design-settings-page .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap div.k-input.input, .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap .design-settings-page div.k-input.input, .design-settings-page .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap div.k-input.input, .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker .k-picker-wrap div.k-input.input, .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker .k-picker-wrap div.k-input.input, .body-pos-page .design-settings-page div.k-widget.k-datepicker.input .k-picker-wrap div.k-input.input, .design-settings-page .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap div.k-input.input {
      border: 1px solid #ced4da;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-right: none;
      padding: 0; }
      .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap .form-control.k-input:focus, .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap .form-control.k-input:focus, .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap .form-control.k-input:focus, .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap .form-control.k-input:focus, .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap .form-control.k-input:focus, .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker .k-picker-wrap .form-control.k-input:focus, .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker .k-picker-wrap .form-control.k-input:focus, .body-pos-page .design-settings-page div.k-widget.k-datepicker.input .k-picker-wrap .form-control.k-input:focus, .design-settings-page .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap .form-control.k-input:focus, .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap .contact-widget-message-form .data-block .element-container textarea.k-input:focus, .contact-widget-message-form .data-block .element-container .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap textarea.k-input:focus, .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap textarea.k-input:focus, .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap textarea.k-input:focus, .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap .contact-widget-message-form .data-block .element-container textarea.k-input:focus, .contact-widget-message-form .data-block .element-container .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap textarea.k-input:focus, .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap .contact-widget-message-form .data-block .element-container textarea.k-input:focus, .contact-widget-message-form .data-block .element-container .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap textarea.k-input:focus, .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker .k-picker-wrap .contact-widget-message-form .data-block .element-container textarea.k-input:focus, .contact-widget-message-form .data-block .element-container .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker .k-picker-wrap textarea.k-input:focus, .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker .k-picker-wrap .contact-widget-message-form .data-block .element-container textarea.k-input:focus, .contact-widget-message-form .data-block .element-container .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker .k-picker-wrap textarea.k-input:focus, .body-pos-page .design-settings-page div.k-widget.k-datepicker.input .k-picker-wrap .contact-widget-message-form .data-block .element-container textarea.k-input:focus, .contact-widget-message-form .data-block .element-container .body-pos-page .design-settings-page div.k-widget.k-datepicker.input .k-picker-wrap textarea.k-input:focus, .design-settings-page .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap .contact-widget-message-form .data-block .element-container textarea.k-input:focus, .contact-widget-message-form .data-block .element-container .design-settings-page .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap textarea.k-input:focus, .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap .templates-page .notifications-settings .field select.k-input:focus, .templates-page .notifications-settings .field .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap select.k-input:focus, .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap .templates-page .notifications-settings .field select.k-input:focus, .templates-page .notifications-settings .field .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap select.k-input:focus, .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap .templates-page .notifications-settings .field select.k-input:focus, .templates-page .notifications-settings .field .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap select.k-input:focus, .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap select.k-input:focus, .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap select.k-input:focus, .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker .k-picker-wrap .templates-page .notifications-settings .field select.k-input:focus, .templates-page .notifications-settings .field .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker .k-picker-wrap select.k-input:focus, .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker .k-picker-wrap .templates-page .notifications-settings .field select.k-input:focus, .templates-page .notifications-settings .field .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker .k-picker-wrap select.k-input:focus, .body-pos-page .design-settings-page div.k-widget.k-datepicker.input .k-picker-wrap .templates-page .notifications-settings .field select.k-input:focus, .templates-page .notifications-settings .field .body-pos-page .design-settings-page div.k-widget.k-datepicker.input .k-picker-wrap select.k-input:focus, .design-settings-page .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap .templates-page .notifications-settings .field select.k-input:focus, .templates-page .notifications-settings .field .design-settings-page .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap select.k-input:focus, .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap .design-settings-page .theme-additional-colors input.k-input:focus, .design-settings-page .theme-additional-colors .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap input.k-input:focus, .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap .design-settings-page .theme-additional-colors input.k-input:focus, .design-settings-page .theme-additional-colors .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap input.k-input:focus, .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap .design-settings-page .theme-additional-colors input.k-input:focus, .design-settings-page .theme-additional-colors .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap input.k-input:focus, .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap .design-settings-page .theme-additional-colors input.k-input:focus, .design-settings-page .theme-additional-colors .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap input.k-input:focus, .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap .design-settings-page .theme-additional-colors input.k-input:focus, .design-settings-page .theme-additional-colors .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap input.k-input:focus, .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker .k-picker-wrap input.k-input:focus, .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker .k-picker-wrap input.k-input:focus, .body-pos-page .design-settings-page div.k-widget.k-datepicker.input .k-picker-wrap .theme-additional-colors input.k-input:focus, .body-pos-page .design-settings-page .theme-additional-colors div.k-widget.k-datepicker.input .k-picker-wrap input.k-input:focus, .design-settings-page .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap .theme-additional-colors input.k-input:focus, .design-settings-page .theme-additional-colors .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap input.k-input:focus, .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap .design-settings-page div.k-input.input:focus, .design-settings-page .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap div.k-input.input:focus, .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap .design-settings-page div.k-input.input:focus, .design-settings-page .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap div.k-input.input:focus, .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap .design-settings-page div.k-input.input:focus, .design-settings-page .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap div.k-input.input:focus, .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap .design-settings-page div.k-input.input:focus, .design-settings-page .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap div.k-input.input:focus, .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap .design-settings-page div.k-input.input:focus, .design-settings-page .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap div.k-input.input:focus, .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker .k-picker-wrap div.k-input.input:focus, .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker .k-picker-wrap div.k-input.input:focus, .body-pos-page .design-settings-page div.k-widget.k-datepicker.input .k-picker-wrap div.k-input.input:focus, .design-settings-page .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap div.k-input.input:focus, .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap .form-control.k-input:active, .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap .form-control.k-input:active, .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap .form-control.k-input:active, .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap .form-control.k-input:active, .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap .form-control.k-input:active, .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker .k-picker-wrap .form-control.k-input:active, .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker .k-picker-wrap .form-control.k-input:active, .body-pos-page .design-settings-page div.k-widget.k-datepicker.input .k-picker-wrap .form-control.k-input:active, .design-settings-page .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap .form-control.k-input:active, .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap .contact-widget-message-form .data-block .element-container textarea.k-input:active, .contact-widget-message-form .data-block .element-container .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap textarea.k-input:active, .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap textarea.k-input:active, .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap textarea.k-input:active, .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap .contact-widget-message-form .data-block .element-container textarea.k-input:active, .contact-widget-message-form .data-block .element-container .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap textarea.k-input:active, .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap .contact-widget-message-form .data-block .element-container textarea.k-input:active, .contact-widget-message-form .data-block .element-container .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap textarea.k-input:active, .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker .k-picker-wrap .contact-widget-message-form .data-block .element-container textarea.k-input:active, .contact-widget-message-form .data-block .element-container .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker .k-picker-wrap textarea.k-input:active, .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker .k-picker-wrap .contact-widget-message-form .data-block .element-container textarea.k-input:active, .contact-widget-message-form .data-block .element-container .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker .k-picker-wrap textarea.k-input:active, .body-pos-page .design-settings-page div.k-widget.k-datepicker.input .k-picker-wrap .contact-widget-message-form .data-block .element-container textarea.k-input:active, .contact-widget-message-form .data-block .element-container .body-pos-page .design-settings-page div.k-widget.k-datepicker.input .k-picker-wrap textarea.k-input:active, .design-settings-page .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap .contact-widget-message-form .data-block .element-container textarea.k-input:active, .contact-widget-message-form .data-block .element-container .design-settings-page .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap textarea.k-input:active, .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap .templates-page .notifications-settings .field select.k-input:active, .templates-page .notifications-settings .field .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap select.k-input:active, .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap .templates-page .notifications-settings .field select.k-input:active, .templates-page .notifications-settings .field .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap select.k-input:active, .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap .templates-page .notifications-settings .field select.k-input:active, .templates-page .notifications-settings .field .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap select.k-input:active, .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap select.k-input:active, .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap select.k-input:active, .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker .k-picker-wrap .templates-page .notifications-settings .field select.k-input:active, .templates-page .notifications-settings .field .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker .k-picker-wrap select.k-input:active, .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker .k-picker-wrap .templates-page .notifications-settings .field select.k-input:active, .templates-page .notifications-settings .field .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker .k-picker-wrap select.k-input:active, .body-pos-page .design-settings-page div.k-widget.k-datepicker.input .k-picker-wrap .templates-page .notifications-settings .field select.k-input:active, .templates-page .notifications-settings .field .body-pos-page .design-settings-page div.k-widget.k-datepicker.input .k-picker-wrap select.k-input:active, .design-settings-page .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap .templates-page .notifications-settings .field select.k-input:active, .templates-page .notifications-settings .field .design-settings-page .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap select.k-input:active, .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap .design-settings-page .theme-additional-colors input.k-input:active, .design-settings-page .theme-additional-colors .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap input.k-input:active, .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap .design-settings-page .theme-additional-colors input.k-input:active, .design-settings-page .theme-additional-colors .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap input.k-input:active, .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap .design-settings-page .theme-additional-colors input.k-input:active, .design-settings-page .theme-additional-colors .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap input.k-input:active, .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap .design-settings-page .theme-additional-colors input.k-input:active, .design-settings-page .theme-additional-colors .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap input.k-input:active, .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap .design-settings-page .theme-additional-colors input.k-input:active, .design-settings-page .theme-additional-colors .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap input.k-input:active, .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker .k-picker-wrap input.k-input:active, .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker .k-picker-wrap input.k-input:active, .body-pos-page .design-settings-page div.k-widget.k-datepicker.input .k-picker-wrap .theme-additional-colors input.k-input:active, .body-pos-page .design-settings-page .theme-additional-colors div.k-widget.k-datepicker.input .k-picker-wrap input.k-input:active, .design-settings-page .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap .theme-additional-colors input.k-input:active, .design-settings-page .theme-additional-colors .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap input.k-input:active, .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap .design-settings-page div.k-input.input:active, .design-settings-page .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap div.k-input.input:active, .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap .design-settings-page div.k-input.input:active, .design-settings-page .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap div.k-input.input:active, .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap .design-settings-page div.k-input.input:active, .design-settings-page .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap div.k-input.input:active, .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap .design-settings-page div.k-input.input:active, .design-settings-page .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap div.k-input.input:active, .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap .design-settings-page div.k-input.input:active, .design-settings-page .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap div.k-input.input:active, .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker .k-picker-wrap div.k-input.input:active, .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker .k-picker-wrap div.k-input.input:active, .body-pos-page .design-settings-page div.k-widget.k-datepicker.input .k-picker-wrap div.k-input.input:active, .design-settings-page .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap div.k-input.input:active {
        border-color: #79d7fc; }
    .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap .k-select, .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap .k-select, .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap .k-select, .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap .k-select, .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap .k-select, .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker .k-picker-wrap .k-select, .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker .k-picker-wrap .k-select, .body-pos-page .design-settings-page div.k-widget.k-datepicker.input .k-picker-wrap .k-select, .design-settings-page .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap .k-select {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      position: relative;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      min-width: 60px;
      height: 50px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      background: #eaf7fd;
      border-color: #06acee; }
      .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap .k-select:hover, .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap .k-select:hover, .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap .k-select:hover, .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap .k-select:hover, .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap .k-select:hover, .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker .k-picker-wrap .k-select:hover, .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker .k-picker-wrap .k-select:hover, .body-pos-page .design-settings-page div.k-widget.k-datepicker.input .k-picker-wrap .k-select:hover, .design-settings-page .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap .k-select:hover {
        background: #ceecfa;
        color: #06acee;
        border-color: #06acee; }
      .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap .k-select:active, .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap .k-select:active, .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap .k-select:active, .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap .k-select:active, .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap .k-select:active, .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker .k-picker-wrap .k-select:active, .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker .k-picker-wrap .k-select:active, .body-pos-page .design-settings-page div.k-widget.k-datepicker.input .k-picker-wrap .k-select:active, .design-settings-page .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap .k-select:active {
        color: #fff;
        background: #06acee; }
      .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap .k-select .k-icon, .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap .k-select .k-icon, .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap .k-select .k-icon, .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap .k-select .k-icon, .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap .k-select .k-icon, .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker .k-picker-wrap .k-select .k-icon, .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker .k-picker-wrap .k-select .k-icon, .body-pos-page .design-settings-page div.k-widget.k-datepicker.input .k-picker-wrap .k-select .k-icon, .design-settings-page .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap .k-select .k-icon {
        line-height: 1;
        padding: 0 1px; }
        .body-pos-page .k-widget.k-datepicker.form-control .k-picker-wrap .k-select .k-icon:before, .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap .k-select .k-icon:before, .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker .k-picker-wrap .k-select .k-icon:before, .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap .k-select .k-icon:before, .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker .k-picker-wrap .k-select .k-icon:before, .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker .k-picker-wrap .k-select .k-icon:before, .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker .k-picker-wrap .k-select .k-icon:before, .body-pos-page .design-settings-page div.k-widget.k-datepicker.input .k-picker-wrap .k-select .k-icon:before, .design-settings-page .body-pos-page div.k-widget.k-datepicker.input .k-picker-wrap .k-select .k-icon:before {
          font-size: 20px;
          font-weight: 400; }
  .body-pos-page .k-widget.k-datepicker.form-control input, .body-pos-page .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker input, .contact-widget-message-form .data-block .element-container .body-pos-page textarea.k-widget.k-datepicker input, .body-pos-page .templates-page .notifications-settings .field select.k-widget.k-datepicker input, .templates-page .notifications-settings .field .body-pos-page select.k-widget.k-datepicker input, .body-pos-page .design-settings-page .theme-additional-colors input.k-widget.k-datepicker input, .design-settings-page .theme-additional-colors .body-pos-page input.k-widget.k-datepicker input, .body-pos-page .design-settings-page div.k-widget.k-datepicker.input input, .design-settings-page .body-pos-page div.k-widget.k-datepicker.input input {
    box-sizing: border-box; }

.body-pos-page .selected-package-list,
.body-pos-page .selected-package-instance-list {
  margin-bottom: 15px;
  margin-top: 15px;
  position: relative; }
  .body-pos-page .selected-package-list .package-list-item,
  .body-pos-page .selected-package-instance-list .package-list-item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 10px; }
    .body-pos-page .selected-package-list .package-list-item:last-child,
    .body-pos-page .selected-package-instance-list .package-list-item:last-child {
      margin-bottom: 0; }
    .body-pos-page .selected-package-list .package-list-item:before,
    .body-pos-page .selected-package-instance-list .package-list-item:before {
      display: inline-block;
      margin-right: 10px;
      width: 30px;
      min-width: 30px;
      text-align: center;
      font-weight: 600;
      font-size: 22px !important;
      color: #e5e5e5; }
    .body-pos-page .selected-package-list .package-list-item .title,
    .body-pos-page .selected-package-instance-list .package-list-item .title {
      width: 100%;
      margin-right: 10px;
      position: relative; }
    .body-pos-page .selected-package-list .package-list-item.package-attr:before,
    .body-pos-page .selected-package-instance-list .package-list-item.package-attr:before {
      display: inline-block;
      content: "";
      font-family: 'Font Awesome 5 Pro';
      font-style: normal;
      font-weight: 900;
      text-decoration: inherit;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .body-pos-page .selected-package-list .package-list-item.package-product:before,
    .body-pos-page .selected-package-instance-list .package-list-item.package-product:before {
      display: inline-block;
      content: "";
      font-family: 'Font Awesome 5 Pro';
      font-style: normal;
      font-weight: 900;
      text-decoration: inherit;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .body-pos-page .selected-package-list .package-list-item.package-service:before,
    .body-pos-page .selected-package-instance-list .package-list-item.package-service:before {
      display: inline-block;
      content: "";
      font-family: 'Font Awesome 5 Pro';
      font-style: normal;
      font-weight: 900;
      text-decoration: inherit;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .body-pos-page .selected-package-list .package-list-item .count,
    .body-pos-page .selected-package-instance-list .package-list-item .count {
      white-space: nowrap;
      margin-left: auto;
      margin-right: 0; }

.body-pos-page .modal .modal-dialog {
  display: flex;
  align-items: center;
  transform: translate(0, 0);
  width: 700px;
  max-width: 700px; }
  @media (max-width: 767px) {
    .body-pos-page .modal .modal-dialog {
      width: auto;
      max-width: 100%;
      margin: 10px; } }
  .body-pos-page .modal .modal-dialog .modal-header {
    background: #ffffff;
    border-bottom: 1px solid #ddd;
    position: relative;
    min-height: 44px;
    height: 44px;
    overflow: hidden; }
    .body-pos-page .modal .modal-dialog .modal-header .close {
      display: flex;
      align-items: center;
      justify-content: center;
      background: transparent;
      position: absolute;
      top: -5px;
      right: 0;
      margin: 0;
      border-radius: 0 4px 0 0; }
    .body-pos-page .modal .modal-dialog .modal-header .modal-title {
      color: #464646;
      text-align: left;
      font-size: 20px;
      opacity: .8;
      padding-right: 60px; }
  .body-pos-page .modal .modal-dialog .modal-body {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    flex: 1 1 auto;
    position: static; }
    .body-pos-page .modal .modal-dialog .modal-body .modal-body--scrollbox {
      max-height: calc(99vh - (4rem + 50px + 40px + 44px + 60px)); }
    .body-pos-page .modal .modal-dialog .modal-body.scroll-inside {
      overflow-y: hidden; }
    .body-pos-page .modal .modal-dialog .modal-body .description-block {
      opacity: .8; }
      .body-pos-page .modal .modal-dialog .modal-body .description-block ul, .body-pos-page .modal .modal-dialog .modal-body .description-block ol {
        list-style: inside;
        margin-bottom: 15px;
        padding-left: 15px; }
        .body-pos-page .modal .modal-dialog .modal-body .description-block ul li, .body-pos-page .modal .modal-dialog .modal-body .description-block ol li {
          list-style: inside; }
      .body-pos-page .modal .modal-dialog .modal-body .description-block .contacts-data {
        margin-bottom: 10px; }
        .body-pos-page .modal .modal-dialog .modal-body .description-block .contacts-data:last-child {
          margin-bottom: 0; }
        .body-pos-page .modal .modal-dialog .modal-body .description-block .contacts-data .ico {
          color: #e5e5e5;
          margin-right: 10px; }
  .body-pos-page .modal .modal-dialog .modal-footer {
    text-align: center;
    justify-content: center; }
    .body-pos-page .modal .modal-dialog .modal-footer .btn {
      min-width: 100px;
      margin: 10px 5px; }
  .body-pos-page .modal .modal-dialog.modal-dialog-choose-list {
    width: 480px;
    max-width: 480px;
    transition: transform 0.3s; }
    @media (max-width: 767px) {
      .body-pos-page .modal .modal-dialog.modal-dialog-choose-list {
        width: auto;
        max-width: 100%;
        margin: 10px; } }
    .body-pos-page .modal .modal-dialog.modal-dialog-choose-list .modal-content .modal-body .list-item.search-bar {
      padding-left: 0;
      padding-right: 0; }
    .body-pos-page .modal .modal-dialog.modal-dialog-choose-list .list-in-modal .list-item {
      padding: 10px 15px;
      cursor: pointer; }
  .body-pos-page .modal .modal-dialog.full-info-modal .modal-header {
    display: block;
    position: relative;
    padding-right: 60px; }
    .body-pos-page .modal .modal-dialog.full-info-modal .modal-header .modal-title {
      line-height: 1.3;
      font-size: 20px; }
  .body-pos-page .modal .modal-dialog .payments-method-list--wrapper .title {
    text-align: left;
    font-size: 16px; }
  .body-pos-page .modal .modal-dialog .payments-method-list--send-code .title, .body-pos-page .modal .modal-dialog .payments-method-list--client-pp .title {
    padding-top: 30px; }
  .body-pos-page .modal .modal-dialog .payments-method-list--send-code .payment-method__copy-link {
    height: auto;
    gap: 0; }
    .body-pos-page .modal .modal-dialog .payments-method-list--send-code .payment-method__copy-link .ico {
      font-weight: 300; }
  .body-pos-page .modal .modal-dialog .payments-method-list--send-code .btn-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; }
    .body-pos-page .modal .modal-dialog .payments-method-list--send-code .btn-bar .btn {
      flex: 1; }

.body-pos-page .modal-dialog-invoice .txt .item-bold {
  font-weight: 600; }

.body-pos-page .modal-dialog-invoice .header-invoice-data {
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 15px; }
  .body-pos-page .modal-dialog-invoice .header-invoice-data .item {
    padding: 10px;
    width: 46%; }
    .body-pos-page .modal-dialog-invoice .header-invoice-data .item.item-client-data {
      border: 1px dashed #ccc;
      border-radius: 4px; }
    .body-pos-page .modal-dialog-invoice .header-invoice-data .item .txt {
      display: flex; }
      .body-pos-page .modal-dialog-invoice .header-invoice-data .item .txt .item {
        padding: 0;
        width: auto;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
        .body-pos-page .modal-dialog-invoice .header-invoice-data .item .txt .item.item-title {
          margin-right: 15px;
          width: 100%;
          max-width: 100px;
          min-width: 100px; }
        .body-pos-page .modal-dialog-invoice .header-invoice-data .item .txt .item.status span {
          border: none; }
    .body-pos-page .modal-dialog-invoice .header-invoice-data .item.item-client-data {
      width: 54%; }

.body-pos-page .modal-dialog-invoice .scroll-table {
  overflow: hidden;
  overflow-x: auto; }

.body-pos-page .modal-dialog-invoice .table th {
  white-space: nowrap; }

.body-pos-page .modal-dialog-invoice .table td {
  border-bottom: 1px solid #ddd; }

.body-pos-page .modal-dialog-invoice .invoice-summary-info {
  margin-top: 20px;
  justify-content: flex-end;
  flex-direction: column;
  align-items: flex-end; }
  .body-pos-page .modal-dialog-invoice .invoice-summary-info .txt {
    display: flex;
    font-size: 16px; }
    .body-pos-page .modal-dialog-invoice .invoice-summary-info .txt .item-title {
      width: 140px; }
    .body-pos-page .modal-dialog-invoice .invoice-summary-info .txt .item-bold {
      width: 140px;
      text-align: right; }
  .body-pos-page .modal-dialog-invoice .invoice-summary-info .txt-total-price, .body-pos-page .modal-dialog-invoice .invoice-summary-info .txt-total-price .item-bold {
    font-size: 24px;
    font-weight: 600; }

.body-pos-page .modal-dialog-membership .description-block .membership-info-block,
.body-pos-page .modal-dialog-membership .description-block .package-info-block,
.body-pos-page .modal-dialog-package .description-block .membership-info-block,
.body-pos-page .modal-dialog-package .description-block .package-info-block {
  margin-bottom: 15px; }
  .body-pos-page .modal-dialog-membership .description-block .membership-info-block .txt,
  .body-pos-page .modal-dialog-membership .description-block .package-info-block .txt,
  .body-pos-page .modal-dialog-package .description-block .membership-info-block .txt,
  .body-pos-page .modal-dialog-package .description-block .package-info-block .txt {
    font-size: 16px;
    display: flex;
    align-items: center;
    font-weight: 600; }
    .body-pos-page .modal-dialog-membership .description-block .membership-info-block .txt .item-name,
    .body-pos-page .modal-dialog-membership .description-block .package-info-block .txt .item-name,
    .body-pos-page .modal-dialog-package .description-block .membership-info-block .txt .item-name,
    .body-pos-page .modal-dialog-package .description-block .package-info-block .txt .item-name {
      display: inline-block;
      min-width: 150px;
      font-weight: 400; }

.body-pos-page .modal-dialog-client .modal-content .modal-footer {
  display: block; }
  .body-pos-page .modal-dialog-client .modal-content .modal-footer .btn {
    margin: 5px;
    width: 100%;
    max-width: 270px; }

.body-pos-page .modal-package-instance .list-in-modal .list-item {
  padding: 10px; }
  .body-pos-page .modal-package-instance .list-in-modal .list-item .package-instance-header {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .body-pos-page .modal-package-instance .list-in-modal .list-item .package-instance-header .instance-header-item-1 {
      width: 34px;
      margin-right: 10px; }
      .body-pos-page .modal-package-instance .list-in-modal .list-item .package-instance-header .instance-header-item-1 .select-checkbox {
        width: 32px;
        height: 32px;
        flex: 32px 0 0; }
    .body-pos-page .modal-package-instance .list-in-modal .list-item .package-instance-header .instance-header-item-2 {
      width: calc(100% - 42px); }
  .body-pos-page .modal-package-instance .list-in-modal .list-item .selected-package-instance-list {
    margin: 5px 0 0 0; }

.body-pos-page .modal-package-instance .modal-footer {
  border-top: 1px solid #e9ecef;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block; }

.body-pos-page #toaster.toaster .alert {
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
  width: 90%;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 15px;
  border: none; }
  .body-pos-page #toaster.toaster .alert .close {
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 50px;
    text-shadow: none;
    font-size: 36px;
    font-weight: 400;
    padding: 0; }
  .body-pos-page #toaster.toaster .alert .title {
    font-size: 20px;
    opacity: .8;
    font-weight: 300 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0; }
    .body-pos-page #toaster.toaster .alert .title:before {
      position: relative;
      content: " ";
      font-family: 'Font Awesome 5 Pro';
      font-weight: 300;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      line-height: 1;
      font-size: 30px;
      margin-right: 20px;
      opacity: .8; }
  .body-pos-page #toaster.toaster .alert .message {
    font-weight: 300;
    font-size: 16px;
    opacity: .7; }
  .body-pos-page #toaster.toaster .alert.alert-info {
    background: #c1eafb; }
  .body-pos-page #toaster.toaster .alert.alert-danger {
    background: #ffc3c3; }
  .body-pos-page #toaster.toaster .alert.alert-pending {
    background: #fcc558; }
  .body-pos-page #toaster.toaster .alert.alert-cancelled {
    background: #ff9292; }
  .body-pos-page #toaster.toaster .alert.alert--deleted {
    background: #868686; }
  .body-pos-page #toaster.toaster .alert.alert-success {
    background: #a9f2cc; }
  .body-pos-page #toaster.toaster .alert.alert-success .title:before {
    top: -4px;
    content: "\f46c"; }

.body-pos-page .letters-list {
  position: absolute;
  top: 70px;
  right: 0;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 60px;
  height: calc(100% - 100px);
  overflow-y: auto; }
  .body-pos-page .letters-list p {
    background: #06acee;
    color: #fff;
    cursor: pointer;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    margin: 0 0 5px 0;
    font-size: 20px;
    font-weight: 600;
    width: 36px;
    height: 36px;
    min-height: 36px;
    border-radius: 4px; }
    .body-pos-page .letters-list p:last-child {
      margin-bottom: 15px; }

@media only screen and (min-width: 1200px) {
  .pos-menu-big-btn::-webkit-scrollbar,
  .scroll-box::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 6px;
    height: 6px; }
  .pos-menu-big-btn::-webkit-scrollbar-thumb, .pos-menu-big-btn::-webkit-scrollbar-thumb:hover,
  .scroll-box::-webkit-scrollbar-thumb,
  .scroll-box::-webkit-scrollbar-thumb:hover {
    border-radius: 4px;
    border: 1px solid #fff;
    background-clip: content-box;
    background-color: #d6d6d6; }
  .pos-menu-big-btn::-webkit-scrollbar-corner,
  .scroll-box::-webkit-scrollbar-corner {
    background-color: #a0a0a0; } }

.body-pos-page {
  height: 100%;
  min-height: 100%;
  width: 100%;
  position: fixed;
  overflow: hidden;
  color: #464646;
  font-size: 16px; }

.body-pos-page .img-block {
  text-align: center;
  margin-bottom: 15px; }
  .body-pos-page .img-block img {
    max-height: 400px; }

.body-pos-page .booking-line-time {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column; }

@media (max-width: 1024px) {
  .body-pos-page .datepicker-container, .body-pos-page .timepicker-container, .body-pos-page .k-animation-container {
    position: fixed; } }

.body-pos-page .wrap-custom-select-v1:active {
  background: transparent; }
  .body-pos-page .wrap-custom-select-v1:active .custom-select-v1 {
    background-color: rgba(6, 172, 238, 0.2); }
    .body-pos-page .wrap-custom-select-v1:active .custom-select-v1 .list-item {
      background: transparent; }

.body-pos-page .list-in-modal li {
  position: relative; }
  .body-pos-page .list-in-modal li .edit-button {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    right: 10px;
    padding: 1px 0 0 0;
    height: 36px;
    width: 36px; }
    .body-pos-page .list-in-modal li .edit-button .ico {
      margin: 0; }

.body-pos-page .list-in-modal .list-in-modal-empty {
  text-align: center;
  line-height: 3em; }

.body-pos-page .list-in-modal .list-item {
  border-bottom: 1px solid #e1e1e1;
  border-radius: 0; }
  .body-pos-page .list-in-modal .list-item .normal-title {
    width: 100%; }
  .body-pos-page .list-in-modal .list-item .one-line {
    display: flex;
    align-items: center; }
    .body-pos-page .list-in-modal .list-item .one-line .txt {
      padding-right: 10px; }
      .body-pos-page .list-in-modal .list-item .one-line .txt:last-child {
        margin-right: 0; }
  .body-pos-page .list-in-modal .list-item.selected {
    background-color: rgba(6, 172, 238, 0.2); }
  .body-pos-page .list-in-modal .list-item.service .one-line .service-price {
    font-weight: 600;
    margin-right: 15px; }
  .body-pos-page .list-in-modal .list-item.provider, .body-pos-page .list-in-modal .list-item.category, .body-pos-page .list-in-modal .list-item.location {
    display: flex;
    min-height: 66px;
    align-items: center; }
    .body-pos-page .list-in-modal .list-item.provider header, .body-pos-page .list-in-modal .list-item.category header, .body-pos-page .list-in-modal .list-item.location header {
      margin-bottom: 0; }
  .body-pos-page .list-in-modal .list-item.gift .one-line .txt {
    padding-right: 10px; }
    .body-pos-page .list-in-modal .list-item.gift .one-line .txt:last-child {
      padding-right: 0; }
  .body-pos-page .list-in-modal .list-item.package-instance.selected .selected-package-instance-list .package-list-item:before {
    color: rgba(0, 0, 0, 0.5); }

.body-pos-page .list-in-modal.clients-list-with-btn .list-item.client .normal-title, .body-pos-page .list-in-modal.clients-list-with-btn .list-item.client .txt {
  width: calc(100% - 40px); }

.body-pos-page .sb-select-client {
  margin-left: 0;
  margin-right: 0; }

.body-pos-page .pos-menu-big-btn {
  display: flex;
  position: relative;
  width: 100%; }
  .body-pos-page .pos-menu-big-btn .big-btn:first-child {
    margin-left: 0; }
  .body-pos-page .pos-menu-big-btn .big-btn:last-child {
    margin-right: 0; }

.body-pos-page .wrap-pos-menu-btn {
  padding: 0 10px; }
  .body-pos-page .wrap-pos-menu-btn .pos-menu-big-btn {
    overflow-x: auto; }
  .body-pos-page .wrap-pos-menu-btn .wrap-header-title {
    width: 100%;
    margin: 10px 5px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
    .body-pos-page .wrap-pos-menu-btn .wrap-header-title .icon {
      margin-right: 10px;
      max-width: 30px;
      min-width: 30px;
      text-align: center; }
      .body-pos-page .wrap-pos-menu-btn .wrap-header-title .icon .ico {
        position: relative;
        font-weight: 600;
        font-size: 22px;
        color: #e5e5e5; }
    .body-pos-page .wrap-pos-menu-btn .wrap-header-title .normal-title {
      line-height: 1.2;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      opacity: .5; }
      .body-pos-page .wrap-pos-menu-btn .wrap-header-title .normal-title.with-status {
        margin-right: 20px;
        font-size: 24px; }
    .body-pos-page .wrap-pos-menu-btn .wrap-header-title .status {
      margin-left: auto;
      margin-right: 0; }

.body-pos-page .pos-menu .pos-menu-big-btn .btn {
  white-space: nowrap; }

.body-pos-page .pos-main .form-group .with-icon > input.tel, .body-pos-page .pos-main .element-container .with-icon > input.tel {
  opacity: 0; }

.body-pos-page .pos-main .pos-main-body-message {
  padding: 30px;
  text-align: center; }
  @media (max-width: 1024px) {
    .body-pos-page .pos-main .pos-main-body-message {
      padding: 20px; } }
  .body-pos-page .pos-main .pos-main-body-message .icon {
    margin-top: 70px;
    margin-bottom: 20px; }
    .body-pos-page .pos-main .pos-main-body-message .icon .ico {
      font-size: 130px;
      font-weight: 300; }
  .body-pos-page .pos-main .pos-main-body-message .pos-main-body-message-title,
  .body-pos-page .pos-main .pos-main-body-message .notification-txt {
    opacity: 0.5; }
  .body-pos-page .pos-main .pos-main-body-message .pos-main-body-message-title {
    margin-bottom: 15px; }
  .body-pos-page .pos-main .pos-main-body-message .notification-txt {
    max-width: 371px;
    margin-left: auto;
    margin-right: auto; }

.body-pos-page .pos-sidebar-content .normal-title {
  opacity: .5;
  padding: 0 25px 5px 25px;
  border-bottom: 1px solid #e1e1e1; }
  @media (max-width: 1024px) {
    .body-pos-page .pos-sidebar-content .normal-title {
      padding-left: 15px;
      padding-right: 15px; } }

.body-pos-page .pos-sidebar-content .empty-list .normal-title {
  border-bottom: none; }

.body-pos-page .pos-sidebar-content .list-item.wrap-custom-select-v1 {
  padding-left: 10px;
  padding-right: 10px; }

.body-pos-page .pos-sidebar-content .list-item .client-name {
  font-weight: 600;
  opacity: 1;
  padding: 0;
  border: none;
  line-height: 1.2;
  margin-bottom: 5px; }

.body-pos-page .pos-sidebar-content .list-item:active {
  background: rgba(6, 172, 238, 0.2); }
  .body-pos-page .pos-sidebar-content .list-item:active .data-block .icon .ico {
    color: rgba(0, 0, 0, 0.5); }

.body-pos-page .pos-sidebar-content .wrap-list {
  margin-bottom: 10px;
  height: 100%;
  padding-left: 0;
  padding-right: 0; }

.body-pos-page .pos-sidebar-content .wrap-mix-list .list-name {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: none;
  padding: 0;
  opacity: 1; }
  .body-pos-page .pos-sidebar-content .wrap-mix-list .list-name .name-block {
    font-weight: 300;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-right: 15px; }
  .body-pos-page .pos-sidebar-content .wrap-mix-list .list-name .price-block {
    font-weight: 600;
    margin-left: auto; }

.body-pos-page .pos-sidebar-content .wrap-mix-list .data-block .one-line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start; }

.body-pos-page .pos-sidebar-content .wrap-mix-list .data-block .icon {
  margin-right: 10px;
  min-width: 40px;
  width: 40px;
  text-align: center; }
  .body-pos-page .pos-sidebar-content .wrap-mix-list .data-block .icon .badge, .body-pos-page .pos-sidebar-content .wrap-mix-list .data-block .icon .label {
    padding: 0; }
  .body-pos-page .pos-sidebar-content .wrap-mix-list .data-block .icon .ico {
    font-size: 28px;
    color: #e5e5e5;
    font-weight: 600; }

.body-pos-page .pos-sidebar-content .wrap-mix-list .data-block .date {
  width: calc(100% - 50px); }
  .body-pos-page .pos-sidebar-content .wrap-mix-list .data-block .date .item .promo-name {
    padding-right: 10px; }

.body-pos-page .pos-sidebar-content .btn-bar {
  margin: auto 0 0 0; }
  .body-pos-page .pos-sidebar-content .btn-bar .d-flex {
    align-items: flex-end;
    justify-content: space-between; }
    .body-pos-page .pos-sidebar-content .btn-bar .d-flex .item {
      width: 50%; }
  .body-pos-page .pos-sidebar-content .btn-bar .promo-code-list,
  .body-pos-page .pos-sidebar-content .btn-bar .tax-discount-block {
    margin-bottom: 10px; }
  .body-pos-page .pos-sidebar-content .btn-bar .tax-discount-block {
    padding-left: 25px;
    padding-right: 25px; }
    @media (max-width: 1024px) {
      .body-pos-page .pos-sidebar-content .btn-bar .tax-discount-block {
        padding-left: 10px;
        padding-right: 10px; } }
    .body-pos-page .pos-sidebar-content .btn-bar .tax-discount-block .summary-block {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      align-items: center; }
      .body-pos-page .pos-sidebar-content .btn-bar .tax-discount-block .summary-block .price {
        font-weight: 600;
        margin-left: 20px;
        font-size: 18px; }
  .body-pos-page .pos-sidebar-content .btn-bar .promo-code-list {
    padding-left: 10px;
    padding-right: 5px; }
  .body-pos-page .pos-sidebar-content .btn-bar .promo-list-item {
    align-items: flex-start;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ddd; }
    .body-pos-page .pos-sidebar-content .btn-bar .promo-list-item:last-child {
      border-bottom: none;
      margin-bottom: 0;
      padding-bottom: 0; }
    .body-pos-page .pos-sidebar-content .btn-bar .promo-list-item .item-promo-name {
      width: calc(100% - 38px); }
      .body-pos-page .pos-sidebar-content .btn-bar .promo-list-item .item-promo-name .txt {
        line-height: 1.2; }
      .body-pos-page .pos-sidebar-content .btn-bar .promo-list-item .item-promo-name .price {
        font-weight: 600;
        font-size: 18px; }
    .body-pos-page .pos-sidebar-content .btn-bar .promo-list-item .item-promo-delette {
      width: 38px;
      text-align: right; }
    .body-pos-page .pos-sidebar-content .btn-bar .promo-list-item .delette-promo-code {
      font-size: 16px;
      height: 33px;
      width: 36px;
      border-radius: 4px;
      line-height: 1; }
  .body-pos-page .pos-sidebar-content .btn-bar .btn {
    margin: 0;
    height: 70px;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    width: 100%;
    font-size: 30px;
    border-radius: 0 0 4px 4px; }
    @media (max-width: 1200px) {
      .body-pos-page .pos-sidebar-content .btn-bar .btn {
        flex-direction: row; } }
    @media (max-width: 1200px) {
      .body-pos-page .pos-sidebar-content .btn-bar .btn .lines {
        width: 100%; } }
    .body-pos-page .pos-sidebar-content .btn-bar .btn .lines.text-line {
      padding-left: 10px; }
      @media (max-width: 1200px) {
        .body-pos-page .pos-sidebar-content .btn-bar .btn .lines.text-line {
          padding-left: 0;
          font-size: 18px; } }
    .body-pos-page .pos-sidebar-content .btn-bar .btn .ico {
      margin-left: 10px; }
  .body-pos-page .pos-sidebar-content .btn-bar .bar-with-promo .big-btn {
    border-radius: 0 0 4px 0; }
  .body-pos-page .pos-sidebar-content .btn-bar .item-promo .normal-title {
    border-bottom: none; }
  .body-pos-page .pos-sidebar-content .btn-bar .item-promo .wrap-input-code-group {
    height: 68px; }
    .body-pos-page .pos-sidebar-content .btn-bar .item-promo .wrap-input-code-group .input-group {
      position: absolute;
      top: auto;
      bottom: 0;
      left: 0;
      width: 50%;
      transition: all .4s ease-in-out; }
    .body-pos-page .pos-sidebar-content .btn-bar .item-promo .wrap-input-code-group .input-enter-code {
      height: 68px;
      border-radius: 0 0 0 4px; }
    .body-pos-page .pos-sidebar-content .btn-bar .item-promo .wrap-input-code-group .run-promo-code {
      border-radius: 0;
      width: 50px; }
      .body-pos-page .pos-sidebar-content .btn-bar .item-promo .wrap-input-code-group .run-promo-code .ico {
        margin: 0;
        font-weight: 400; }
    @media (max-width: 1024px) {
      .body-pos-page .pos-sidebar-content .btn-bar .item-promo .wrap-input-code-group.has-focus .input-group {
        width: 86%; } }
    .body-pos-page .pos-sidebar-content .btn-bar .item-promo .wrap-input-code-group.has-focus .input-group .run-promo-code {
      width: 70px; }

.body-pos-page .pos-sidebar-content.clients-sidebar .letters-list {
  display: none; }

.body-pos-page .wrap-sb-main-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 5px; }
  .body-pos-page .wrap-sb-main-content .header-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 70px;
    font-size: 24px;
    margin-bottom: 10px;
    opacity: .5; }
    .body-pos-page .wrap-sb-main-content .header-title b {
      padding-left: 10px;
      font-weight: 600; }
    .body-pos-page .wrap-sb-main-content .header-title .icon-type {
      margin-right: 10px; }
    @media (max-width: 992px) {
      .body-pos-page .wrap-sb-main-content .header-title {
        font-size: 18px; } }
  .body-pos-page .wrap-sb-main-content .scroll-box {
    margin-bottom: 50px; }
    @media (max-width: 1024px) {
      .body-pos-page .wrap-sb-main-content .scroll-box {
        min-height: auto; } }
  .body-pos-page .wrap-sb-main-content .fixed-form-buttons {
    width: 100%;
    height: auto;
    margin-top: auto; }
    .body-pos-page .wrap-sb-main-content .fixed-form-buttons .btn-bar {
      padding: 0 10px;
      text-align: right; }
      .body-pos-page .wrap-sb-main-content .fixed-form-buttons .btn-bar .btn:first-child {
        margin-left: 0; }
      .body-pos-page .wrap-sb-main-content .fixed-form-buttons .btn-bar .btn:last-child {
        margin-right: 0; }
  .body-pos-page .wrap-sb-main-content .is-disabled {
    text-align: center; }
    .body-pos-page .wrap-sb-main-content .is-disabled .notification-txt {
      margin-bottom: 30px; }
    .body-pos-page .wrap-sb-main-content .is-disabled .big-btn {
      margin-left: auto;
      margin-right: auto;
      max-width: 300px;
      display: inline-flex; }
    .body-pos-page .wrap-sb-main-content .is-disabled .disabled-cover {
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 999;
      background: #e9ebee;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 15px; }
      .body-pos-page .wrap-sb-main-content .is-disabled .disabled-cover .disabled-popup {
        padding: 60px 40px;
        width: 100%;
        max-width: 600px;
        background: #fff;
        border-radius: 4px; }
        .body-pos-page .wrap-sb-main-content .is-disabled .disabled-cover .disabled-popup .img {
          margin-bottom: 30px; }
        .body-pos-page .wrap-sb-main-content .is-disabled .disabled-cover .disabled-popup .btn-bar {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center; }
          .body-pos-page .wrap-sb-main-content .is-disabled .disabled-cover .disabled-popup .btn-bar .big-btn {
            width: 100%;
            max-width: 320px;
            margin-top: 5px;
            margin-bottom: 5px; }
  .body-pos-page .wrap-sb-main-content.booking-form .is-disabled img {
    max-width: 150px; }

.body-pos-page .client-block .with-edit-button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 10px;
  padding-right: 10px;
  position: relative; }
  .body-pos-page .client-block .with-edit-button .list-item.wrap-custom-select-v1 {
    padding-left: 0;
    padding-right: 0;
    width: 100%; }
    .body-pos-page .client-block .with-edit-button .list-item.wrap-custom-select-v1 .custom-select-v1 .list-item {
      width: calc(100% - 50px); }
    .body-pos-page .client-block .with-edit-button .list-item.wrap-custom-select-v1 .custom-select-v1 .one-line .iten-client-info {
      display: flex; }
      .body-pos-page .client-block .with-edit-button .list-item.wrap-custom-select-v1 .custom-select-v1 .one-line .iten-client-info .client-phone {
        margin-right: 10px; }
  .body-pos-page .client-block .with-edit-button .btn-edit-client {
    position: absolute;
    top: 0;
    right: 50px;
    width: 44px;
    height: 100%;
    border-radius: 0 4px 4px 0;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: transparent;
    background: transparent; }
    .body-pos-page .client-block .with-edit-button .btn-edit-client:hover, .body-pos-page .client-block .with-edit-button .btn-edit-client:active {
      color: #0588bc; }

.body-pos-page .invoice-main-buttons {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap; }
  .body-pos-page .invoice-main-buttons .top-btn-block {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap; }
  .body-pos-page .invoice-main-buttons .btn {
    text-overflow: ellipsis;
    margin: 5px 0;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    min-width: 100px; }
    .body-pos-page .invoice-main-buttons .btn.w50 {
      width: calc(50% - 5px); }
    .body-pos-page .invoice-main-buttons .btn.w100 {
      width: 100%; }

.body-pos-page .input-group__has-info .btn {
  height: auto;
  min-height: 50px; }

.body-pos-page .info-panel {
  display: flex;
  align-items: center;
  border-radius: 4px 0 0 4px;
  padding: 4px 15px;
  margin: 5px 0;
  color: rgba(70, 70, 70, 0.6);
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis; }
  .body-pos-page .info-panel.w50 {
    width: 50%; }
  .body-pos-page .info-panel.panel-default {
    background: #fcfcfc; }
  .body-pos-page .info-panel.panel-success {
    background: #e9f9ed; }

.body-pos-page .client-data {
  margin-top: 15px;
  padding: 0 30px; }
  .body-pos-page .client-data .client-field-list-item {
    padding: 20px 0;
    border: none; }
  .body-pos-page .client-data .with-icon {
    margin: 0; }
    .body-pos-page .client-data .with-icon .icon {
      width: 20px;
      min-width: 20px;
      min-height: auto;
      margin-right: 10px;
      margin-left: -30px; }
      .body-pos-page .client-data .with-icon .icon .ico {
        font-size: 20px; }
      .body-pos-page .client-data .with-icon .icon .badge, .body-pos-page .client-data .with-icon .icon .label {
        font-size: 20px; }
  .body-pos-page .client-data .normal-title {
    margin-bottom: 15px;
    overflow: visible;
    opacity: 0.5;
    font-size: 16px;
    font-weight: 300; }

.body-pos-page .client-data-list {
  margin-top: 0;
  padding-bottom: 1px;
  border-bottom: 1px solid #ddd; }
  .body-pos-page .client-data-list .txt {
    font-weight: 600;
    font-size: 18px; }
    .body-pos-page .client-data-list .txt.txt-email {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }

.body-pos-page .one-line-detail {
  display: flex;
  align-items: center; }
  .body-pos-page .one-line-detail .line-detail-items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-right: 20px;
    overflow: hidden; }
    .body-pos-page .one-line-detail .line-detail-items .item-promo-name {
      width: 100%; }
    .body-pos-page .one-line-detail .line-detail-items .line-code-item {
      flex-wrap: wrap;
      flex-direction: column; }
      .body-pos-page .one-line-detail .line-detail-items .line-code-item .item {
        width: 100%; }
  .body-pos-page .one-line-detail .item-block-delete {
    margin-left: auto;
    margin-right: 0; }
    .body-pos-page .one-line-detail .item-block-delete .btn {
      padding: 0;
      width: 36px;
      height: 36px; }
      .body-pos-page .one-line-detail .item-block-delete .btn .ico {
        margin: 0;
        font-weight: 600; }

.body-pos-page .promo-code-list .wrap-list.wrap-mix-list,
.body-pos-page .package-list .wrap-list.wrap-mix-list {
  margin-bottom: 0;
  padding-bottom: 0;
  background: #e9f9ed; }
  .body-pos-page .promo-code-list .wrap-list.wrap-mix-list .sb-items .list-item .icon .ico,
  .body-pos-page .package-list .wrap-list.wrap-mix-list .sb-items .list-item .icon .ico {
    color: rgba(0, 0, 0, 0.5); }

.body-pos-page .promo-code-list .title-promo-list,
.body-pos-page .promo-code-list .title-package-list,
.body-pos-page .package-list .title-promo-list,
.body-pos-page .package-list .title-package-list {
  border-top: 1px solid #ddd;
  padding-bottom: 0; }

.body-pos-page .promo-code-list .promo-list-item,
.body-pos-page .package-list .promo-list-item {
  border-top: none; }

.body-pos-page .package-list .package-list-item {
  border: none; }

.body-pos-page .package-list .wrap-mix-list .title-package-list {
  padding-top: 10px; }

.body-pos-page .pos__duplicate-client--picture {
  aspect-ratio: 2/1;
  background: url("/v2/images/admin/pos-img/bird--diplicate-client.svg") no-repeat center;
  margin-bottom: 16px;
  background-size: contain;
  max-width: 340px;
  min-height: 240px;
  margin-left: auto;
  margin-right: auto; }

.body-pos-page .pos__duplicate-client--content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 10px 16px;
  border-radius: 6px;
  border: 1px solid #e1e1e1; }

.body-pos-page .pos__duplicate-client--row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0 8px;
  color: #0B3052;
  font-weight: normal; }

.body-pos-page .pos__duplicate-client--data {
  white-space: nowrap;
  color: #ff5d5d;
  font-style: italic;
  font-weight: 500; }

.body-pos-page .landscape-view {
  display: none; }

.body-pos-page.mobileDevice {
  font-size: 13px; }
  .body-pos-page.mobileDevice #app_main::-webkit-scrollbar {
    display: none !important; }
  .body-pos-page.mobileDevice .pos-page {
    overflow-x: visible; }
    .body-pos-page.mobileDevice .pos-page .pos-body,
    .body-pos-page.mobileDevice .pos-page .pos-sidebar {
      position: absolute;
      bottom: 5px;
      top: 5px;
      width: calc(100vw - 10px);
      min-width: calc(100vw - 10px);
      height: calc(100% - 10px);
      background: #fff;
      z-index: 1;
      transition: all .2s ease-in-out; }
    .body-pos-page.mobileDevice .pos-page .pos-body {
      left: 5px; }
    .body-pos-page.mobileDevice .pos-page .pos-sidebar {
      right: -100%;
      z-index: 10; }
      .body-pos-page.mobileDevice .pos-page .pos-sidebar.active-page {
        right: 5px;
        transition: all .2s ease-in-out; }
    .body-pos-page.mobileDevice .pos-page .pos-main {
      height: calc(100% - 46px); }
      .body-pos-page.mobileDevice .pos-page .pos-main .form-group .with-icon > input.tel, .body-pos-page.mobileDevice .pos-page .pos-main .element-container .with-icon > input.tel {
        opacity: 0; }
  .body-pos-page.mobileDevice .pos-page-nav {
    display: block;
    position: absolute;
    bottom: 0;
    z-index: 10;
    width: 56px;
    height: 56px;
    border-radius: 4px;
    overflow: hidden;
    opacity: .8; }
    .body-pos-page.mobileDevice .pos-page-nav .btn {
      position: relative;
      border-radius: 50%;
      height: 80px;
      width: 80px;
      padding: 0;
      z-index: 1;
      user-select: none;
      transition: .3s ease-out;
      text-align: center;
      bottom: -5px; }
      .body-pos-page.mobileDevice .pos-page-nav .btn .ico {
        font-size: 24px;
        font-weight: 300; }
    .body-pos-page.mobileDevice .pos-page-nav.pos-page-to-r {
      right: 0; }
      .body-pos-page.mobileDevice .pos-page-nav.pos-page-to-r .btn {
        padding: 0 18px 22px 0;
        right: -5px; }
    .body-pos-page.mobileDevice .pos-page-nav.pos-page-to-l {
      left: 0; }
      .body-pos-page.mobileDevice .pos-page-nav.pos-page-to-l .btn {
        padding: 0 0 22px 30px;
        left: -30px; }
  .body-pos-page.mobileDevice .wrap-sb-main-content .fixed-form-buttons .btn-bar {
    padding-right: 62px; }
  .body-pos-page.mobileDevice .form-group, .body-pos-page.mobileDevice .element-container, .body-pos-page.mobileDevice .element-container {
    margin-bottom: 10px; }
  .body-pos-page.mobileDevice .wrap-sb-main-content .is-disabled .disabled-cover {
    padding: 10px; }
  .body-pos-page.mobileDevice .wrap-sb-main-content .is-disabled .disabled-cover .disabled-popup {
    padding: 35px 20px; }
  .body-pos-page.mobileDevice .pos-main .pos-main-body-message {
    padding: 10px; }
  .body-pos-page.mobileDevice .title {
    font-size: 25px; }
  .body-pos-page.mobileDevice .notification-txt {
    font-size: 16px; }
  .body-pos-page.mobileDevice .control-label {
    font-size: 12px; }
  .body-pos-page.mobileDevice .wrap-pos-menu-btn .wrap-header-title {
    margin: 4px 0px; }
  .body-pos-page.mobileDevice .client-block .with-edit-button .btn-edit-client {
    right: 36px;
    width: 40px;
    height: 58px;
    top: 9px;
    border-radius: 0; }
    .body-pos-page.mobileDevice .client-block .with-edit-button .btn-edit-client:hover, .body-pos-page.mobileDevice .client-block .with-edit-button .btn-edit-client:active {
      background: rgba(6, 172, 238, 0.2); }
  .body-pos-page.mobileDevice client-block .with-edit-button .list-item.wrap-custom-select-v1 .custom-select-v1 .list-item {
    width: calc(100% - 34px); }
  .body-pos-page.mobileDevice .wrap-pos-menu-btn .wrap-header-title .normal-title.with-status {
    margin-right: 10px;
    font-size: 18px; }
  .body-pos-page.mobileDevice .modal .modal-dialog.modal-dialog-choose-list .list-in-modal .list-item {
    padding: 6px 15px; }
  .body-pos-page.mobileDevice .wrap-pos-menu-btn .pos-menu-big-btn {
    min-height: 46px; }
  .body-pos-page.mobileDevice .list-in-modal .list-item.provider,
  .body-pos-page.mobileDevice .list-in-modal .list-item.category,
  .body-pos-page.mobileDevice .list-in-modal .list-item.location {
    min-height: 44px; }
  .body-pos-page.mobileDevice .wrap-sb-main-content .header-title {
    min-height: 44px;
    font-size: 18px;
    line-height: 1.2; }
  .body-pos-page.mobileDevice .client-data-list .with-icon {
    margin: 0; }
  .body-pos-page.mobileDevice .client-data-list .txt {
    font-size: 13px; }
  .body-pos-page.mobileDevice .client-data .normal-title {
    font-size: 18px; }
  .body-pos-page.mobileDevice .modal-dialog-invoice .header-invoice-data {
    justify-content: flex-start;
    flex-direction: column-reverse; }
  .body-pos-page.mobileDevice .time-container .time-item {
    height: 36px; }
  .body-pos-page.mobileDevice control-label {
    font-size: 14px; }
  .body-pos-page.mobileDevice .input-group .input-group-append .btn {
    min-width: 50px;
    height: 36px; }
  .body-pos-page.mobileDevice .material-switch-container .material-switch {
    height: 36px; }
  .body-pos-page.mobileDevice .material-switch-container .material-switch label::before {
    height: 36px;
    width: 88px;
    margin-top: -14px; }
  .body-pos-page.mobileDevice .material-switch-container .material-switch label::after {
    width: 30px;
    height: 30px;
    margin-top: -11px; }
  .body-pos-page.mobileDevice .wrap-sb-main-content .scroll-box {
    margin-bottom: 50px; }
  .body-pos-page.mobileDevice .list-item {
    padding: 8px 6px; }
    .body-pos-page.mobileDevice .list-item .normal-title {
      font-size: 14px; }
    .body-pos-page.mobileDevice .list-item .txt {
      font-size: 12px; }
      .body-pos-page.mobileDevice .list-item .txt.price {
        font-size: 14px; }
    .body-pos-page.mobileDevice .list-item.service {
      padding: 8px 0; }
      .body-pos-page.mobileDevice .list-item.service .one-line .service-price {
        font-size: 14px;
        min-width: 60px; }
      .body-pos-page.mobileDevice .list-item.service .one-line .service-required-memberships .ico {
        font-size: 20px; }
    .body-pos-page.mobileDevice .list-item.provider, .body-pos-page.mobileDevice .list-item.category, .body-pos-page.mobileDevice .list-item.location, .body-pos-page.mobileDevice .list-item.product, .body-pos-page.mobileDevice .list-item.gift, .body-pos-page.mobileDevice .list-item.membership, .body-pos-page.mobileDevice .list-item.package {
      padding: 8px 0; }
    .body-pos-page.mobileDevice .list-item.membership .one-line, .body-pos-page.mobileDevice .list-item.gift .one-line, .body-pos-page.mobileDevice .list-item.package .one-line {
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      .body-pos-page.mobileDevice .list-item.membership .one-line .membership-price,
      .body-pos-page.mobileDevice .list-item.membership .one-line .gift-price,
      .body-pos-page.mobileDevice .list-item.membership .one-line .gift-amount,
      .body-pos-page.mobileDevice .list-item.membership .one-line .package-price, .body-pos-page.mobileDevice .list-item.gift .one-line .membership-price,
      .body-pos-page.mobileDevice .list-item.gift .one-line .gift-price,
      .body-pos-page.mobileDevice .list-item.gift .one-line .gift-amount,
      .body-pos-page.mobileDevice .list-item.gift .one-line .package-price, .body-pos-page.mobileDevice .list-item.package .one-line .membership-price,
      .body-pos-page.mobileDevice .list-item.package .one-line .gift-price,
      .body-pos-page.mobileDevice .list-item.package .one-line .gift-amount,
      .body-pos-page.mobileDevice .list-item.package .one-line .package-price {
        font-size: 14px; }
    .body-pos-page.mobileDevice .list-item.check-item {
      padding: 8px;
      margin-bottom: 15px; }
      .body-pos-page.mobileDevice .list-item.check-item .check-status {
        font-size: 20px; }
      .body-pos-page.mobileDevice .list-item.check-item.product, .body-pos-page.mobileDevice .list-item.check-item.addon {
        padding: 8px 8px 8px 10px;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap; }
        .body-pos-page.mobileDevice .list-item.check-item.product .normal-title, .body-pos-page.mobileDevice .list-item.check-item.addon .normal-title {
          width: calc(100% - 302px);
          padding-right: 30px; }
          .body-pos-page.mobileDevice .list-item.check-item.product .normal-title .ico-invisible, .body-pos-page.mobileDevice .list-item.check-item.addon .normal-title .ico-invisible {
            position: absolute;
            right: 10px; }
          @media (max-width: 992px) {
            .body-pos-page.mobileDevice .list-item.check-item.product .normal-title, .body-pos-page.mobileDevice .list-item.check-item.addon .normal-title {
              width: 100%;
              margin-bottom: 5px; } }
        .body-pos-page.mobileDevice .list-item.check-item.product .price,
        .body-pos-page.mobileDevice .list-item.check-item.product .product-price, .body-pos-page.mobileDevice .list-item.check-item.addon .price,
        .body-pos-page.mobileDevice .list-item.check-item.addon .product-price {
          margin-left: 8px;
          margin-right: 8px;
          width: 80px;
          min-width: 80px;
          font-size: 14px; }
          @media (max-width: 992px) {
            .body-pos-page.mobileDevice .list-item.check-item.product .price,
            .body-pos-page.mobileDevice .list-item.check-item.product .product-price, .body-pos-page.mobileDevice .list-item.check-item.addon .price,
            .body-pos-page.mobileDevice .list-item.check-item.addon .product-price {
              margin-left: 0; } }
        .body-pos-page.mobileDevice .list-item.check-item.product .product-price, .body-pos-page.mobileDevice .list-item.check-item.addon .product-price {
          font-size: 14px; }
        .body-pos-page.mobileDevice .list-item.check-item.product .wrap-plugin-add, .body-pos-page.mobileDevice .list-item.check-item.addon .wrap-plugin-add {
          margin-left: auto;
          margin-right: 0; }
      .body-pos-page.mobileDevice .list-item.check-item.product .normal-title {
        width: calc(100% - 430px);
        padding-right: 30px;
        position: relative; }
        .body-pos-page.mobileDevice .list-item.check-item.product .normal-title .ico-invisible {
          position: absolute;
          right: 10px; }
        @media (max-width: 1200px) {
          .body-pos-page.mobileDevice .list-item.check-item.product .normal-title {
            width: 100%;
            margin-bottom: 0;
            margin-top: 0; } }
      .body-pos-page.mobileDevice .list-item.check-item.product .line-with-trigger,
      .body-pos-page.mobileDevice .list-item.check-item.product .line-cur-price {
        display: flex;
        align-items: center;
        justify-content: flex-start; }
        @media (max-width: 1200px) {
          .body-pos-page.mobileDevice .list-item.check-item.product .line-with-trigger,
          .body-pos-page.mobileDevice .list-item.check-item.product .line-cur-price {
            width: 100%; } }
      .body-pos-page.mobileDevice .list-item.check-item.product .line-with-trigger {
        flex-direction: row-reverse; }
        @media (max-width: 1200px) {
          .body-pos-page.mobileDevice .list-item.check-item.product .line-with-trigger {
            flex-direction: row;
            margin-bottom: 5px; } }
        .body-pos-page.mobileDevice .list-item.check-item.product .line-with-trigger .product-price {
          min-width: 70px;
          width: 70px; }
          @media (max-width: 1200px) {
            .body-pos-page.mobileDevice .list-item.check-item.product .line-with-trigger .product-price {
              min-width: 100px;
              width: 100px; } }
        .body-pos-page.mobileDevice .list-item.check-item.product .line-with-trigger .wrap-full-info-trigger .full-info-trigger {
          font-size: 22px; }
      .body-pos-page.mobileDevice .list-item.check-item.product .line-cur-price {
        margin-right: 0; }
        @media (max-width: 1200px) {
          .body-pos-page.mobileDevice .list-item.check-item.product .line-cur-price .price {
            margin-left: 0; } }
    .body-pos-page.mobileDevice .list-item.invoice-list-item, .body-pos-page.mobileDevice .list-item.membership-list-item, .body-pos-page.mobileDevice .list-item.package-list-item {
      margin-bottom: 10px; }
      .body-pos-page.mobileDevice .list-item.invoice-list-item .title-line .normal-title, .body-pos-page.mobileDevice .list-item.membership-list-item .title-line .normal-title, .body-pos-page.mobileDevice .list-item.package-list-item .title-line .normal-title {
        margin-right: 15px;
        font-size: 14px; }
      .body-pos-page.mobileDevice .list-item.invoice-list-item .one-line, .body-pos-page.mobileDevice .list-item.membership-list-item .one-line, .body-pos-page.mobileDevice .list-item.package-list-item .one-line {
        align-items: center;
        justify-content: flex-start; }
        .body-pos-page.mobileDevice .list-item.invoice-list-item .one-line .date-item, .body-pos-page.mobileDevice .list-item.membership-list-item .one-line .date-item, .body-pos-page.mobileDevice .list-item.package-list-item .one-line .date-item {
          margin-right: 15px; }
      .body-pos-page.mobileDevice .list-item.invoice-list-item .price, .body-pos-page.mobileDevice .list-item.membership-list-item .price, .body-pos-page.mobileDevice .list-item.package-list-item .price {
        font-size: 14px; }
  .body-pos-page.mobileDevice .input-group .input-group-append .btn {
    min-width: 50px;
    height: 36px; }
  .body-pos-page.mobileDevice .search-bar .icon {
    right: 7px;
    height: 31px;
    width: 40px;
    font-size: 20px; }
  .body-pos-page.mobileDevice .form-control, .body-pos-page.mobileDevice .contact-widget-message-form .data-block .element-container textarea, .contact-widget-message-form .data-block .element-container .body-pos-page.mobileDevice textarea, .body-pos-page.mobileDevice .templates-page .notifications-settings .field select, .templates-page .notifications-settings .field .body-pos-page.mobileDevice select, .body-pos-page.mobileDevice .design-settings-page .theme-additional-colors input, .design-settings-page .theme-additional-colors .body-pos-page.mobileDevice input, .body-pos-page.mobileDevice .design-settings-page div.input, .design-settings-page .body-pos-page.mobileDevice div.input,
  .body-pos-page.mobileDevice .wrap-sb-main-content select.form-control,
  .body-pos-page.mobileDevice .wrap-sb-main-content .templates-page .notifications-settings .field select,
  .templates-page .notifications-settings .field .body-pos-page.mobileDevice .wrap-sb-main-content select {
    height: 36px;
    min-height: 36px;
    font-size: 12px; }
  .body-pos-page.mobileDevice .form-group .with-icon .icon, .body-pos-page.mobileDevice .element-container .with-icon .icon {
    width: 34px;
    min-width: 34px;
    margin-right: 10px;
    font-size: 20px; }
    .body-pos-page.mobileDevice .form-group .with-icon .icon .required, .body-pos-page.mobileDevice .element-container .with-icon .icon .required {
      top: -8px;
      right: -10px; }
    .body-pos-page.mobileDevice .form-group .with-icon .icon .ico, .body-pos-page.mobileDevice .element-container .with-icon .icon .ico {
      font-size: 20px; }
  .body-pos-page.mobileDevice .form-group .with-icon .custom-select-v2, .body-pos-page.mobileDevice .element-container .with-icon .custom-select-v2 {
    width: calc(100% - 44px); }
  .body-pos-page.mobileDevice .form-group .with-icon.with-trigger .custom-select-v2, .body-pos-page.mobileDevice .element-container .with-icon.with-trigger .custom-select-v2 {
    width: calc(100% - 44px); }
    .body-pos-page.mobileDevice .form-group .with-icon.with-trigger .custom-select-v2 .list-item, .body-pos-page.mobileDevice .element-container .with-icon.with-trigger .custom-select-v2 .list-item {
      width: calc(100% - 38px); }
  .body-pos-page.mobileDevice .form-group .with-icon.with-trigger .wrap-full-info-trigger, .body-pos-page.mobileDevice .element-container .with-icon.with-trigger .wrap-full-info-trigger {
    right: 30px; }
    .body-pos-page.mobileDevice .form-group .with-icon.with-trigger .wrap-full-info-trigger:hover, .body-pos-page.mobileDevice .element-container .with-icon.with-trigger .wrap-full-info-trigger:hover, .body-pos-page.mobileDevice .form-group .with-icon.with-trigger .wrap-full-info-trigger:active, .body-pos-page.mobileDevice .element-container .with-icon.with-trigger .wrap-full-info-trigger:active {
      background: rgba(6, 172, 238, 0.2); }
  .body-pos-page.mobileDevice .form-group .with-icon.with-trigger .full-info-trigger, .body-pos-page.mobileDevice .element-container .with-icon.with-trigger .full-info-trigger {
    width: 44px;
    border-radius: 0 4px 4px 0;
    font-size: 22px; }
  .body-pos-page.mobileDevice .input-group__has-info .btn {
    min-height: 36px; }
  .body-pos-page.mobileDevice .form-group .with-icon .icon, .body-pos-page.mobileDevice .element-container .with-icon .icon,
  .body-pos-page.mobileDevice .element-container .with-icon .icon {
    display: block;
    min-height: 30px; }
  .body-pos-page.mobileDevice .form-group .with-icon.has-error .errors, .body-pos-page.mobileDevice .element-container .with-icon.has-error .errors, .body-pos-page.mobileDevice .form-group .with-icon.element-container.error-field .errors, .body-pos-page.mobileDevice .element-container .with-icon.element-container.error-field .errors,
  .body-pos-page.mobileDevice .element-container .with-icon.has-error .errors,
  .body-pos-page.mobileDevice .element-container .with-icon.element-container.error-field .errors,
  .body-pos-page.mobileDevice .form-group .with-icon.element-container.error-field .errors,
  .body-pos-page.mobileDevice .element-container .with-icon.element-container.error-field .errors,
  .body-pos-page.mobileDevice .element-container .with-icon.element-container.error-field .errors {
    margin-left: -42px; }
  .body-pos-page.mobileDevice .with-label .form-group .control-label, .body-pos-page.mobileDevice .with-label .element-container .control-label,
  .body-pos-page.mobileDevice .with-label .element-container .control-label {
    width: calc(100% - 134px); }
  .body-pos-page.mobileDevice .pos-select,
  .body-pos-page.mobileDevice select,
  .body-pos-page.mobileDevice select.form-control,
  .body-pos-page.mobileDevice .templates-page .notifications-settings .field select,
  .templates-page .notifications-settings .field .body-pos-page.mobileDevice select {
    padding-left: 10px;
    font-size: 12px;
    padding-right: 30px;
    background-size: 15px;
    background-position: right 12px top 50%; }
  .body-pos-page.mobileDevice .pos-select.custom-select-v1 {
    height: 60px; }
  .body-pos-page.mobileDevice .material-switch-container .material-switch label::after {
    width: 28px;
    height: 28px;
    margin-top: -11px;
    left: 4px; }
  .body-pos-page.mobileDevice .material-switch-container .material-switch label {
    width: 70px; }
  .body-pos-page.mobileDevice .material-switch-container .material-switch label::before {
    height: 34px;
    width: 70px; }
  .body-pos-page.mobileDevice .material-switch-container .material-switch input[type="checkbox"]:checked + label::after, .body-pos-page.mobileDevice .material-switch-container .material-switch .management-app input.implicit-checked[type="checkbox"] + label::after, .management-app .body-pos-page.mobileDevice .material-switch-container .material-switch input.implicit-checked[type="checkbox"] + label::after,
  .body-pos-page.mobileDevice .material-switch-container .material-switch .management-app input.implicit-checked[type="checkbox"] + label::after,
  .body-pos-page.mobileDevice .management-app .material-switch-container .material-switch input.implicit-checked[type="checkbox"] + label::after,
  .body-pos-page.mobileDevice .material-switch-container .material-switch .management-app input.implicit-checked[type="checkbox"] + label::after,
  .body-pos-page.mobileDevice .material-switch-container .management-app .material-switch input.implicit-checked[type="checkbox"] + label::after {
    left: calc(100% - 32px); }
  .body-pos-page.mobileDevice .plugin-add-value .active-count .add-count {
    width: 34px;
    height: 34px;
    font-size: 18px; }
  .body-pos-page.mobileDevice .plugin-add-value .active-count .add-value-input-div {
    font-size: 16px;
    width: 46px;
    height: 34px; }
  .body-pos-page.mobileDevice .input[type="radio"]:checked,
  .body-pos-page.mobileDevice .management-app input.implicit-checked[type="radio"],
  .body-pos-page.mobileDevice .management-app input.implicit-checked[type="radio"],
  .body-pos-page.mobileDevice .management-app input.implicit-checked[type="radio"] {
    border: 8px solid #f6f6f6;
    background-color: #06acee; }
  .body-pos-page.mobileDevice input[type="radio"] {
    width: 34px;
    height: 34px;
    flex: 34px 0 0; }
  .body-pos-page.mobileDevice .form-check {
    padding-left: 46px; }
  .body-pos-page.mobileDevice .form-check-input {
    margin-left: -46px; }
  .body-pos-page.mobileDevice .btn {
    height: 34px;
    font-size: 12px;
    padding: 4px 8px; }
    .body-pos-page.mobileDevice .btn.link-btn {
      padding-top: 6px; }
    .body-pos-page.mobileDevice .btn .ico {
      font-size: 20px;
      margin-right: 5px; }
      .body-pos-page.mobileDevice .btn .ico.ico-info {
        margin-right: 0; }
  .body-pos-page.mobileDevice .big-btn {
    margin: 4px; }
    .body-pos-page.mobileDevice .big-btn.sb-home, .body-pos-page.mobileDevice .big-btn.btn-go-to-calendar {
      max-width: 34px;
      min-width: 34px; }
      .body-pos-page.mobileDevice .big-btn.sb-home .ico, .body-pos-page.mobileDevice .big-btn.btn-go-to-calendar .ico {
        margin: 0; }
    @media (max-width: 1200px) {
      .body-pos-page.mobileDevice .big-btn.delete-button, .body-pos-page.mobileDevice .big-btn.edit-button {
        max-width: 34px;
        min-width: 34px; } }
    .body-pos-page.mobileDevice .big-btn.sb-add-membership {
      min-width: 120px; }
  .body-pos-page.mobileDevice .wrap-client-content .invoice-main-buttons .big-btn.delete-button .ico {
    margin-right: 5px; }
  .body-pos-page.mobileDevice .invoice-main-buttons .btn.w50 {
    margin: 5px 0; }
  .body-pos-page.mobileDevice .modal .modal-dialog.modal-dialog-choose-list .modal-content .sb-list {
    max-height: 55vh; }
  .body-pos-page.mobileDevice .modal-dialog-client .modal-content .modal-footer .btn {
    max-width: 130px; }
  .body-pos-page.mobileDevice .modal-dialog-invoice .header-invoice-data .item {
    padding: 10px;
    width: 100%; }
  .body-pos-page.mobileDevice .modal-dialog-invoice .header-invoice-data .item.item-client-data {
    width: 100%; }
  .body-pos-page.mobileDevice .modal-dialog-membership .description-block .membership-info-block .txt,
  .body-pos-page.mobileDevice .modal-dialog-membership .description-block .package-info-block .txt,
  .body-pos-page.mobileDevice .modal-dialog-package .description-block .membership-info-block .txt,
  .body-pos-page.mobileDevice .modal-dialog-package .description-block .package-info-block .txt {
    font-size: 14px; }
    .body-pos-page.mobileDevice .modal-dialog-membership .description-block .membership-info-block .txt .item-name,
    .body-pos-page.mobileDevice .modal-dialog-membership .description-block .package-info-block .txt .item-name,
    .body-pos-page.mobileDevice .modal-dialog-package .description-block .membership-info-block .txt .item-name,
    .body-pos-page.mobileDevice .modal-dialog-package .description-block .package-info-block .txt .item-name {
      font-size: 12px; }
  .body-pos-page.mobileDevice .scroll-table {
    overflow: hidden;
    overflow-x: auto; }
    .body-pos-page.mobileDevice .scroll-table table {
      white-space: nowrap; }
  .body-pos-page.mobileDevice .table th,
  .body-pos-page.mobileDevice .table td {
    font-size: 12px; }
  .body-pos-page.mobileDevice .time-container .wrap-time-container {
    min-height: 70px; }
    .body-pos-page.mobileDevice .time-container .wrap-time-container .normal-title {
      font-size: 14px;
      line-height: 1.4; }
  .body-pos-page.mobileDevice .with-label .form-group, .body-pos-page.mobileDevice .with-label .element-container,
  .body-pos-page.mobileDevice .with-label .element-container {
    margin-bottom: 0;
    width: calc(100% - 44px); }
  .body-pos-page.mobileDevice .pos-sidebar-content .btn-bar .btn {
    height: 60px;
    font-size: 20px; }
  .body-pos-page.mobileDevice .pos-sidebar-content .btn-bar .btn .lines.text-line {
    font-size: 14px; }
  .body-pos-page.mobileDevice .calendar-header .normal-title {
    font-size: 13px; }
  .body-pos-page.mobileDevice .calendar .weeks-name .name,
  .body-pos-page.mobileDevice .calendar .weeks-date .date {
    height: 38px; }
  .body-pos-page.mobileDevice .letters-list {
    top: 52px;
    height: calc(100% - 70px); }
  .body-pos-page.mobileDevice .list-in-modal .list-item.provider,
  .body-pos-page.mobileDevice .list-in-modal .list-item.category,
  .body-pos-page.mobileDevice .list-in-modal .list-item.location {
    min-height: 48px; }
  .body-pos-page.mobileDevice .pos-main .pos-main-body-message .icon .ico {
    font-size: 80px; }
  .body-pos-page.mobileDevice #toaster.toaster .alert {
    padding: 30px 15px 15px 15px; }
  .body-pos-page.mobileDevice #toaster.toaster .alert .title {
    font-size: 18px; }
  .body-pos-page.mobileDevice #toaster.toaster .alert .message {
    font-size: 13px; }
  .body-pos-page.mobileDevice #toaster.toaster .alert .title:before {
    margin-right: 14px; }
  .body-pos-page.mobileDevice .k-widget.k-datepicker.form-control .k-picker-wrap .k-select, .body-pos-page.mobileDevice .contact-widget-message-form .data-block .element-container textarea.k-widget.k-datepicker .k-picker-wrap .k-select, .contact-widget-message-form .data-block .element-container .body-pos-page.mobileDevice textarea.k-widget.k-datepicker .k-picker-wrap .k-select, .body-pos-page.mobileDevice .templates-page .notifications-settings .field select.k-widget.k-datepicker .k-picker-wrap .k-select, .templates-page .notifications-settings .field .body-pos-page.mobileDevice select.k-widget.k-datepicker .k-picker-wrap .k-select, .body-pos-page.mobileDevice .design-settings-page .theme-additional-colors input.k-widget.k-datepicker .k-picker-wrap .k-select, .design-settings-page .theme-additional-colors .body-pos-page.mobileDevice input.k-widget.k-datepicker .k-picker-wrap .k-select, .body-pos-page.mobileDevice .design-settings-page div.k-widget.k-datepicker.input .k-picker-wrap .k-select, .design-settings-page .body-pos-page.mobileDevice div.k-widget.k-datepicker.input .k-picker-wrap .k-select {
    min-width: 50px;
    height: 36px; }
  .body-pos-page.mobileDevice .selected-package-list .package-list-item:before, .body-pos-page.mobileDevice .body-pos-page .selected-package-instance-list .package-list-item:before {
    font-size: 18px !important; }
  .body-pos-page.mobileDevice .pos__duplicate-client--picture {
    min-height: unset; }

/**
COMMON STYLES
 */
@font-face {
  font-family: "Caveat";
  font-style: inherit;
  font-weight: 600;
  src: url("/v2/fonts/simplybook/caveat/Caveat-Bold.woff") format("woff"), url("/v2/fonts/simplybook/caveat/Caveat-Bold.ttf") format("truetype"), url("/v2/fonts/simplybook/caveat/Caveat-Bold.svg#Caveat") format("svg"), url("/v2/fonts/simplybook/caveat/Caveat-Bold.eot?") format("eot"); }

@font-face {
  font-family: "Caveat";
  font-style: inherit;
  font-weight: 400;
  src: url("/v2/fonts/simplybook/caveat/Caveat-Regular.woff") format("woff"), url("/v2/fonts/simplybook/caveat/Caveat-Regular.ttf") format("truetype"), url("/v2/fonts/simplybook/caveat/Caveat-Regular.svg#Caveat") format("svg"), url("/v2/fonts/simplybook/caveat/Caveat-Regular.eot?") format("eot"); }

@font-face {
  font-family: "Open Sans";
  font-style: inherit;
  font-weight: 300;
  src: url("/v2/fonts/simplybook/open-sans/OpenSans-Light.woff") format("woff"), url("/v2/fonts/simplybook/open-sans/OpenSans-Light.ttf") format("truetype"), url("/v2/fonts/simplybook/open-sans/OpenSans-Light.eot?") format("eot"); }

@font-face {
  font-family: "Open Sans";
  font-style: inherit;
  font-weight: 400;
  src: url("/v2/fonts/simplybook/open-sans/OpenSans-Regular.woff") format("woff"), url("/v2/fonts/simplybook/open-sans/OpenSans-Regular.ttf") format("truetype"), url("/v2/fonts/simplybook/open-sans/OpenSans-Regular.eot?") format("eot"); }

@font-face {
  font-family: "Open Sans";
  font-style: inherit;
  font-weight: 600;
  src: url("/v2/fonts/simplybook/open-sans/OpenSans-SemiBold.woff") format("woff"), url("/v2/fonts/simplybook/open-sans/OpenSans-SemiBold.ttf") format("truetype"), url("/v2/fonts/simplybook/open-sans/OpenSans-SemiBold.eot?") format("eot"); }

@font-face {
  font-family: "Open Sans";
  font-style: inherit;
  font-weight: 700;
  src: url("/v2/fonts/simplybook/open-sans/OpenSans-Bold.woff") format("woff"), url("/v2/fonts/simplybook/open-sans/OpenSans-Bold.ttf") format("truetype"), url("/v2/fonts/simplybook/open-sans/OpenSans-Bold.eot?") format("eot"); }

@font-face {
  font-family: "Open Sans";
  font-style: inherit;
  font-weight: 800;
  src: url("/v2/fonts/simplybook/open-sans/OpenSans-ExtraBold.woff") format("woff"), url("/v2/fonts/simplybook/open-sans/OpenSans-ExtraBold.ttf") format("truetype"), url("/v2/fonts/simplybook/open-sans/OpenSans-ExtraBold.eot?") format("eot"); }

.dark-mode .support-container-div .supportChat {
  background-color: #1d9ed1;
  color: #f9f9f9; }

.dark-mode .support-container--action-content {
  background: #404040;
  box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.48); }

.dark-mode .support-container--data .icon {
  color: #06adef; }

.dark-mode .support-container--image:before {
  border-color: #bcbcbc; }

.dark-mode .support-container--txt {
  color: #bcbcbc; }

.dark-mode .support-container--close {
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.48);
  color: #ff6666;
  background: #fff; }

html {
  font-size: 14px; }

body {
  font-family: "Open Sans", "Noto Sans", sans-serif, sans-serif;
  color: #0B3052;
  position: relative;
  min-height: 100vh; }
  body.dark-mode {
    color: #f9f9f9;
    background: #1a1a1a; }

.title,
.cap,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Mulish", sans-serif; }

.p--secondary {
  color: #788291; }

.p--small {
  font-size: 12px; }

.app-links {
  display: flex;
  justify-content: center;
  text-align: center;
  margin: 0 -5px; }
  .app-links .app-links__link {
    display: block;
    max-width: 120px;
    width: 100%;
    margin: 5px;
    filter: invert(0.5) sepia(1) hue-rotate(180deg) saturate(0.6) brightness(1);
    transition: .3s ease; }
    .app-links .app-links__link:hover {
      filter: none; }

.title-small {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 18px;
  margin: 12px 0; }

@media (max-width: 1024px) {
  .buttons-container .btn {
    margin-bottom: 5px; } }

@media (max-width: 575px) {
  .buttons-container.text-left, .buttons-container.text-right {
    text-align: center !important; } }

.section {
  background-color: #fff;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  padding: 30px 0; }

.page-title {
  font-family: "Open Sans", sans-serif;
  font-size: 1.25rem;
  margin-bottom: 15px;
  font-weight: 600; }

.cursive-font {
  font-family: Caveat, cursive;
  letter-spacing: 1px;
  color: #06ADEF; }

.resize-both {
  resize: both; }

.theme-selection .theme-gallery li .badge, .theme-selection .theme-gallery li .label {
  position: absolute;
  top: 5px;
  left: 5px; }

.ui-autocomplete {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto; }

#content {
  min-height: calc(100vh - 41px); }
  #content .content-wrapper {
    width: 100%;
    padding: 60px 0 0; }
    @media (max-width: 575px) {
      #content .content-wrapper {
        padding: 61px 0 0; } }
    #content .content-wrapper > .messages-container--banners,
    #content .content-wrapper > .messages-container {
      padding: 0 15px; }
      #content .content-wrapper > .messages-container--banners .intro-banner.alert-dismissible,
      #content .content-wrapper > .messages-container .intro-banner.alert-dismissible {
        padding-right: 4rem; }
        #content .content-wrapper > .messages-container--banners .intro-banner.alert-dismissible .alert__content,
        #content .content-wrapper > .messages-container .intro-banner.alert-dismissible .alert__content {
          position: static; }
      #content .content-wrapper > .messages-container--banners .intro-banner,
      #content .content-wrapper > .messages-container--banners .alert,
      #content .content-wrapper > .messages-container .intro-banner,
      #content .content-wrapper > .messages-container .alert {
        margin-top: 1rem;
        margin-bottom: 0; }

@media (max-width: 767px) {
  .hidden-xs {
    display: none; } }

@media (max-width: 1024px) {
  .hidden-sm {
    display: none; } }

.btn.d-block {
  white-space: normal; }

.btn-link:hover {
  color: #06ADEF;
  opacity: .7; }

.btn-link--danger {
  color: #FF3259; }
  .btn-link--danger:hover {
    color: #FF3259;
    opacity: .7; }

span.required {
  color: #FF3259; }

_::-webkit-full-page-media,
_:future,
:root select,
textarea,
input {
  font-size: 16px !important; }
  @media (max-width: 1024px) {
    _::-webkit-full-page-media,
    _:future,
    :root select,
    textarea,
    input {
      font-size: 15px !important; } }

.form-control-cleared {
  border: 0;
  outline: 0;
  box-shadow: none;
  background: transparent; }
  .form-control-cleared:focus, .form-control-cleared:active, .form-control-cleared:hover {
    border: 0;
    outline: 0;
    box-shadow: none;
    background: transparent; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src$=".svg"] {
    width: 100%; } }

.slick-prev {
  left: 0; }

.slick-next {
  right: 0; }

.font-main {
  font-family: "Mulish", sans-serif; }

.font-cursive {
  font-family: 'Caveat', cursive; }

.hasTooltip.top:before {
  content: ""; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.inner-header {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 19px; }

.capital:first-letter {
  text-transform: uppercase; }

.font-weight-semibold {
  font-weight: 600; }

a {
  color: #06adef; }

.clear::after {
  display: block;
  clear: both;
  content: ""; }

.loading-spinner {
  background: url(/v2/images/ajax_loader.gif) no-repeat top center;
  width: 32px;
  height: 32px; }
  .loading-spinner:not(.sending) {
    display: none; }

.adv-table-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px; }

.support-container-div {
  display: block; }
  .support-container-div .supportChat {
    position: relative;
    background-color: #06ADEF;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    color: #fff;
    z-index: 2;
    font-size: 24px;
    cursor: pointer; }
    .support-container-div .supportChat:before {
      display: block;
      content: '';
      height: 14px;
      width: 14px;
      position: absolute;
      background: #00D38B;
      border-radius: 50%;
      bottom: 2px;
      left: 0;
      border: 2px solid #fff;
      transition: all 0.3s ease; }
  @media (max-width: 767px) {
    .support-container-div {
      display: none; } }

.support-container--action-button {
  position: fixed;
  bottom: 5%;
  right: 30px;
  z-index: 1005; }

.support-container--action-content {
  position: absolute;
  top: 0;
  right: 25px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 0;
  max-width: 0px;
  gap: 18px;
  border-radius: 12px 5px 5px 12px;
  background: #fff;
  box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.28);
  height: 55px;
  padding: 0;
  transition: all 0.3s ease;
  opacity: 0.1;
  z-index: 1;
  overflow: hidden; }

.support-container--data {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  text-align: left;
  transition: all 0.3s ease; }
  .support-container--data .icon {
    color: #06adef;
    font-size: 20px; }

.support-container--image {
  position: relative;
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 6px;
  background: url(/v2/images/admin/Suport_avatar_80x80.png) no-repeat center;
  background-size: cover;
  transform: scale(0.4);
  opacity: 0.5;
  transition: all 0.45s ease; }
  .support-container--image:before {
    display: block;
    content: '';
    height: 14px;
    width: 14px;
    position: absolute;
    background: #00D38B;
    border-radius: 50%;
    bottom: -4px;
    right: -12px;
    border: 2px solid #fff;
    transition: all 0.45s ease;
    opacity: 0; }

.support-container--txt {
  position: relative;
  color: #788291;
  line-height: 1.2;
  font-size: 12px;
  font-weight: normal;
  min-width: 100px;
  white-space: nowrap;
  transform: translateX(18px);
  opacity: 0.4;
  transition: all 0.4s ease; }

.support-container--action-button:hover .supportChat:before, .support-container--action-button.open .supportChat:before {
  transform: translateX(-12px);
  opacity: 0; }

.support-container--action-button:hover .support-container--action-content, .support-container--action-button.open .support-container--action-content {
  opacity: 1;
  width: 340px;
  max-width: 340px;
  padding: 5px 45px 5px 10px; }

.support-container--action-button:hover .support-container--image, .support-container--action-button.open .support-container--image {
  opacity: 1;
  transform: scale(1); }
  .support-container--action-button:hover .support-container--image:before, .support-container--action-button.open .support-container--image:before {
    opacity: 1;
    right: -4px; }

.support-container--action-button:hover .support-container--txt, .support-container--action-button.open .support-container--txt {
  opacity: 1;
  transform: translateX(0); }

.support-container--action-button.open {
  bottom: 15%; }
  .support-container--action-button.open .support-container--close {
    display: flex !important; }

.support-container--close {
  position: absolute;
  top: 3px;
  left: 4px;
  display: none !important;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  font-size: 15px;
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.28);
  color: #FF3259;
  background: #fff;
  cursor: pointer;
  z-index: 1; }

@media (max-width: 1024px) {
  .live-help-menu-item {
    display: block; } }

.underline {
  text-decoration: underline; }

.clear {
  clear: both; }

.fl {
  float: left !important; }

.fr {
  float: right !important; }

.hidden {
  display: none !important; }

.hide {
  display: none; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.text-wrap {
  white-space: normal !important; }

@media (max-width: 1024px) {
  .scroll-text-content {
    overflow: auto;
    min-width: 150px;
    max-height: 300px; } }

@media (max-width: 767px) {
  .scroll-text-content {
    max-height: 150px; } }

.fa-close-thin::before {
  content: "\F105\F104";
  letter-spacing: -0.15em; }

.text-wrap {
  white-space: normal; }

@media (min-width: 992px) {
  .modal-xl {
    max-width: 1000px; } }

.badge + label, .label + label {
  display: inline; }

.messages-spacer {
  display: none; }

.sb-new-color-value.minicolors-input,
.sb-new-color-value.minicolors-input + .minicolors-swatch {
  display: none; }

.leave-review .review-rate {
  unicode-bidi: bidi-override;
  direction: rtl; }

.leave-review .review-rate-input {
  display: none; }

.leave-review .review-rate-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #788291;
  cursor: pointer;
  transition: .3s ease; }
  .leave-review .review-rate-label:hover {
    color: #2c3547;
    background: #f1f6ff; }
    .leave-review .review-rate-label:hover ~ .review-rate-label {
      color: #2c3547; }
  @media (max-width: 1024px) {
    .leave-review .review-rate-label {
      width: 35px;
      height: 35px; } }
  @media (max-width: 767px) {
    .leave-review .review-rate-label {
      width: 20px;
      height: 20px; } }

.leave-review .review-rate-min, .leave-review .review-rate-max {
  color: #788291; }

.no-data__content .leave-review .review-rate-max, .no-data__content .leave-review .review-rate-min {
  font-size: 12px; }

.no-data__content .leave-review .review-rate-label {
  width: 30px;
  height: 30px;
  font-size: 13px; }
  @media (max-width: 1024px) {
    .no-data__content .leave-review .review-rate-label {
      width: 20px;
      height: 20px; } }

#review-modal .review-modal-body {
  position: relative;
  overflow: hidden; }
  #review-modal .review-modal-body:before {
    position: absolute;
    content: '';
    bottom: -20%;
    right: -15%;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: #f1f6ff; }
    @media (max-width: 767px) {
      #review-modal .review-modal-body:before {
        bottom: -10%;
        right: -10%;
        width: 100px;
        height: 100px; } }

#review-modal .review-modal__links-image {
  position: absolute;
  width: 140px;
  bottom: 15px;
  right: 15px; }
  @media (max-width: 767px) {
    #review-modal .review-modal__links-image {
      width: 80px; } }

#review-modal .review-modal__heading {
  font-size: 20px;
  font-weight: 600; }

#review-modal .review-modal__items-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 70%;
  margin-top: 20px; }

#review-modal .review-modal__item {
  width: 50%;
  margin-bottom: 20px; }
  #review-modal .review-modal__item:hover .review-modal__item-rating .fas, #review-modal .review-modal__item:hover .review-modal__item-rating [class~='fas']:not(.fab) {
    color: #fec439; }
  #review-modal .review-modal__item:hover .review-modal__item-value {
    color: #2c3547; }
  #review-modal .review-modal__item-link {
    text-decoration: none; }
    #review-modal .review-modal__item-link:hover, #review-modal .review-modal__item-link:focus {
      text-decoration: none; }
  #review-modal .review-modal__item-image {
    max-width: 100px;
    margin-bottom: 5px; }
  #review-modal .review-modal__item-rating {
    display: flex;
    align-items: center;
    font-size: 12px; }
    #review-modal .review-modal__item-rating .fas, #review-modal .review-modal__item-rating [class~='fas']:not(.fab) {
      color: #d7dee5;
      transition: .3s ease; }
  #review-modal .review-modal__item-value {
    margin-left: 5px;
    font-weight: 600;
    color: #d7dee5;
    transition: .3s ease; }

#review-modal .review-modal__form {
  max-width: 70%; }
  #review-modal .review-modal__form-label {
    margin-bottom: 20px; }

#review-modal .review-modal__rating {
  max-width: 71%;
  padding-bottom: 30px; }
  #review-modal .review-modal__rating .review-rate-label {
    width: 30px;
    height: 30px; }
  #review-modal .review-modal__rating .review-rate-line {
    width: 50%;
    height: 1px; }
  #review-modal .review-modal__rating .review-rate-line--min {
    background: linear-gradient(-90deg, rgba(255, 50, 89, 0.2) 0%, #ff3259 45%); }
  #review-modal .review-modal__rating .review-rate-line--max {
    background: linear-gradient(-90deg, #0ed189 55%, rgba(14, 209, 137, 0.2) 100%); }
  #review-modal .review-modal__rating .review-rate-min {
    font-weight: 300;
    color: #FF3259; }
  #review-modal .review-modal__rating .review-rate-max {
    font-weight: 300;
    color: #0ED189; }

.gdpr-client-list + .data-page .report-table .table-header th #selectall {
  display: none; }

.actions_container .dropdown-item, .actions_container .combobox-container .dropdown-menu li a, .combobox-container .dropdown-menu li .actions_container a {
  box-shadow: none;
  outline: none;
  border: none;
  -webkit-appearance: initial; }

.darkCover {
  display: none; }

.transpatentCover {
  display: none; }

.popover-tour {
  display: none; }

.sa--hint {
  overflow: hidden; }
  .sa--hint #sidebar {
    position: absolute;
    z-index: 10; }
    .sa--hint #sidebar .sub {
      z-index: 10000; }
  .sa--hint .darkCover {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(11, 48, 82, 0.45);
    z-index: 1100; }
  .sa--hint .transpatentCover {
    display: block;
    position: absolute !important;
    z-index: 1110;
    background: rgba(255, 255, 255, 0.36);
    border-radius: 6px; }
  .sa--hint .popover-tour {
    display: block;
    z-index: 1111; }
    .sa--hint .popover-tour .popover-title {
      font-size: 14px;
      margin-bottom: 5px;
      padding: 0;
      font-weight: bold; }
    .sa--hint .popover-tour .arrow {
      position: absolute;
      top: 26px;
      right: 99%;
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 8px 8px 8px 0;
      border-color: transparent #fff transparent transparent;
      transform: rotate(0deg);
      margin: 0;
      padding: 0; }
    .sa--hint .popover-tour .popover-navigation {
      margin-top: 12px; }
  .sa--hint .--ancor {
    position: relative;
    z-index: 1200; }

/*# sourceMappingURL=init.css.map */