/*

To get this list of colors inject jQuery at http://www.google.com/design/spec/style/color.html#color-color-palette

Then, run this script to get the list.


(function() {
  var colors = {}, main = {};
  $(".color-group").each(function() {
    var color = $(this).find(".name").text().trim().toLowerCase().replace(" ", "-");
    colors[color] = {};

    $(this).find(".color").not(".main-color").each(function() {
      var shade = $(this).find(".shade").text().trim(),
          hex   = $(this).find(".hex").text().trim();

      colors[color][shade] = hex;
    });
    main[color] = color + "-" + $(this).find(".main-color .shade").text().trim();

  });
  var LESS = "";
  $.each(colors, function(name, shades) {
    LESS += "\n\n";
    $.each(shades, function(shade, hex) {
      LESS += "@" + name + "-" + shade + ": " + hex + ";\n";
    });
    if (main[name]) {
      LESS += "@" + name + ": " + main[name] + ";\n";
    }
  });
  console.log(LESS);
})();


*/
/**
 * Swiper 3.0.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: April 25, 2015
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-wa4business,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%230078ff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-wa4business,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%230078ff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-green .swiper-pagination-bullet {
  background: #66B254;
}
.swiper-pagination-glamvision .swiper-pagination-bullet {
  background: #0092d5;
}
.swiper-pagination-radionovelli .swiper-pagination-bullet {
  background: #619543;
}
.swiper-pagination-aclinet .swiper-pagination-bullet {
  background: #2f387f;
}
.swiper-pagination-selfulness .swiper-pagination-bullet {
  background: #d2062a;
}
.swiper-pagination-watchover .swiper-pagination-bullet {
  background: #424777;
}
.swiper-pagination-airmessage .swiper-pagination-bullet {
  background: #1972b8;
}
.swiper-pagination-feedgood .swiper-pagination-bullet {
  background: #40ab36;
}
.swiper-pagination-wa4business .swiper-pagination-bullet {
  background: #0078ff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #000000;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-green .swiper-pagination-bullet-active {
  background: #66B254;
}
.swiper-pagination-glamvision .swiper-pagination-bullet-active {
  background: #0092d5;
}
.swiper-pagination-radionovelli .swiper-pagination-bullet-active {
  background: #619543;
}
.swiper-pagination-aclinet .swiper-pagination-bullet-active {
  background: #2f387f;
}
.swiper-pagination-selfulness .swiper-pagination-bullet-active {
  background: #d2062a;
}
.swiper-pagination-wa4business .swiper-pagination-bullet-active {
  background: #0078ff;
}
.swiper-pagination-watchover .swiper-pagination-bullet-active {
  background: #424777;
}
.swiper-pagination-airmessage .swiper-pagination-bullet-active {
  background: #1972b8;
}
.swiper-pagination-feedgood .swiper-pagination-bullet-active {
  background: #40ab36;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
}
/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active {
  pointer-events: auto;
}
/* Cube */
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}
.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
  z-index: 0;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@font-face {
  font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  src: local('FranchiseBold'), url(https://agorhub.com/fonts/Franchise/FranchiseBold.woff) format('woff'), url(https://agorhub.com/fonts/Franchise/FranchiseBold.ttf) format('truetype');
}
.franchise-font {
  font-family: 'FranchiseBold' !important;
}
.share-up-logo {
  width: 135px;
  display: inline-block;
  padding-top: 13px;
  text-align: left;
  line-height: 30px;
}
.share-up-logo > div {
  display: inline-block;
  width: 90px;
  position: relative;
  padding-top: 3px;
  letter-spacing: 3px;
  font-size: 30px;
  padding-left: 8px;
  background-color: #000;
  color: #fff;
  font-weight: 400;
  font-family: 'FranchiseBold' !important;
}
.share-up-logo > div > div {
  background-color: #22b250 !important;
  color: #fff !important;
  font-size: 35px;
  position: absolute;
  left: 78px;
  top: -10px;
  color: #fff;
  padding-left: 5px;
  padding-right: 4px;
  padding-top: 6px;
  -webkit-transform: rotate(340deg);
  -moz-transform: rotate(340deg);
  -ms-transform: rotate(340deg);
  -o-transform: rotate(340deg);
  transform: rotate(345deg);
}
html {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-overflow-scrolling: touch !important;
  background: url("") repeat scroll 0 0 #ffffff !important;
  -webkit-touch-callout: none;
  overflow: hidden !important;
}
html.background-shareup {
  background-color: #22b250 !important;
}
html.background-glamvision {
  background-color: #0092d5 !important;
}
html.background-radionovelli {
  background-color: #619543 !important;
}
html.background-aclinet {
  background-color: #2f387f !important;
}
html.background-selfulness {
  background-color: #d2062a !important;
}
html.background-watchover {
  background-color: #424777 !important;
}
html.background-airmessage {
  background-color: rgba(25, 114, 184, 0.4) !important;
}
html.background-feedgood {
  background-color: rgba(64, 171, 54, 0.4) !important;
}
.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
.intrinsic-container-16x9 {
  padding-bottom: 100%;
}
.intrinsic-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#PPDGFrame {
  z-index: 2147483630 !important;
}
#loader-wrapper {
  -webkit-transform: translateZ(5px);
  -moz-transform: translateZ(5px);
  -o-transform: translateZ(5px);
  transform: translateZ(5px);
}
.height-for-menu {
  min-height: 700px !important;
}
.custom-menu-popup {
  z-index: 1000;
  position: absolute;
  background-color: #C0C0C0;
  border: 1px solid black;
  padding: 5px;
  list-style-type: none;
}
.custom-menu-popup li {
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 5px;
}
.custom-menu-popup li:hover {
  background-color: #F5F5F5;
}
body {
  height: 100vh !important;
  -webkit-overflow-scrolling: touch !important;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 0;
}
body .paypal-checkout-sandbox {
  position: absolute !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
  bottom: 0px !important;
}
body .paypal-checkout-sandbox .paypal-checkout-sandbox-iframe {
  position: absolute !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
  bottom: 0px !important;
}
body .ui-front {
  z-index: 2147483699 !important;
  -webkit-transform: translateZ(9999px);
  -moz-transform: translateZ(9999px);
  -o-transform: translateZ(9999px);
  transform: translateZ(9999px);
}
body .ui-datepicker {
  z-index: 2147483699 !important;
  -webkit-transform: translateZ(9999px);
  -moz-transform: translateZ(9999px);
  -o-transform: translateZ(9999px);
  transform: translateZ(9999px);
}
body.smart-style-2 {
  background-color: #fff !important;
}
body.smart-style-2.background-shareup {
  background-color: #22b250 !important;
}
body.smart-style-2.background-glamvision {
  background-color: #0092d5 !important;
}
body.smart-style-2.background-radionovelli {
  background-color: #619543 !important;
}
body.smart-style-2.background-aclinet {
  background-color: #2f387f !important;
}
body.smart-style-2.background-selfulness {
  background-color: #d2062a !important;
}
body.smart-style-2.background-watchover {
  background-color: #424777 !important;
}
body.smart-style-2.background-airmessage {
  background-color: rgba(25, 114, 184, 0.4) !important;
}
body.smart-style-2.background-feedgood {
  background-color: rgba(64, 171, 54, 0.4) !important;
}
body.smart-style-2.background-black {
  background-color: black !important;
}
body.smart-style-2 .badge {
  background-color: rgba(255, 255, 255, 0.6) !important;
  font-weight: 400 !important;
  color: rgba(0, 0, 0, 0.9) !important;
  border-radius: 30px !important;
  border: 1px solid #0078ff;
  padding: 6px 14px !important;
}
body.smart-style-2 .badge.bg-color-greenLight {
  background-color: #0078ff !important;
  font-weight: 400 !important;
  color: #fff !important;
}
body #content {
  padding-left: 5px !important;
  padding-right: 5px !important;
  -webkit-transform: translate3d(0, 0, 0);
  z-index: 0;
  overflow: hidden !important;
  background-color: white !important;
}
body #content.background-shareup {
  background-color: #22b250 !important;
}
body #content.background-glamvision {
  background-color: #0092d5 !important;
}
body #content.background-radionovelli {
  background-color: #619543 !important;
}
body #content.background-aclinet {
  background-color: #2f387f !important;
}
body #content.background-selfulness {
  background-color: #d2062a !important;
}
body #content.background-watchover {
  background-color: #424777 !important;
}
body #content.background-airmessage {
  background-color: rgba(25, 114, 184, 0.4) !important;
}
body #content.background-feedgood {
  background-color: rgba(64, 171, 54, 0.4) !important;
}
body #content.background-black {
  background-color: black !important;
}
body #content .tagsinput-big .bootstrap-tagsinput {
  min-height: 45px !important;
}
body .card-card {
  max-width: 155px;
  margin: 0 auto;
  text-align: center;
  float: none;
  display: inline-block;
  padding-left: 6px;
  padding-right: 6px;
}
body .card-card .btn {
  max-height: 90px !important;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  border-radius: 5px !important;
  padding-top: 3px !important;
  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.3);
}
body .card-card .btn .btn-sh-home-left-new {
  max-width: 1000px !important;
  max-height: 70px !important;
  margin: 0 auto !important;
  overflow: hidden;
}
body .card-card .btn .btn-sh-card-text {
  margin-top: 4px;
  font-size: 9px !important;
  font-weight: 700;
}
body .checkbox .right input[type="checkbox"],
body .checkbox-inline .right input[type="checkbox"],
body .radio .right input[type="radio"],
body .radio-inline .right input[type="radio"] {
  right: 20px;
  position: absolute;
}
body .gradient-bck::after {
  display: block;
  position: relative;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.6) 100%);
  margin-top: 0px;
  height: 120px;
  width: 100%;
  content: '';
  border-radius: 5px;
}
body .item-picture {
  height: 300px !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  background-position: center center !important;
  width: 100% !important;
  border-radius: 10px !important;
}
body .item-picture.vertical-image {
  -webkit-background-size: auto 100% !important;
  -moz-background-size: auto 100%  !important;
  -o-background-size: auto 100%  !important;
  background-size: auto 100%  !important;
}
.background-white {
  background-color: white !important;
}
.background-black {
  background-color: black !important;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4 {
  font-family: 'Work Sans', sans-serif;
  font-weight: 300;
}
hr {
  border-color: #0078ff -moz-use-text-color -moz-use-text-color;
}
.home-section {
  box-shadow: 0 -7px 7px -9px rgba(115, 115, 115, 0.7), 0 7px 7px -9px rgba(115, 115, 115, 0.7);
  padding: 0px;
  padding-left: 7px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.facebook-iframe {
  position: absolute;
  top: 8px;
  left: 35px;
  width: 140px;
  height: 25px;
  border: none;
  margin: 0 auto;
  z-index: 0;
  transform: scale(1.3);
  -ms-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -o-transform: scale(1.3);
  -moz-transform: scale(1.3);
}
.facebook-iframe-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 140px;
  height: 35px;
  z-index: 999999;
  cursor: pointer;
}
.bg-color-ah-green {
  background-color: #4caf50 !important;
}
.bg-color-glamvision {
  background-color: #0092d5 !important;
}
.bg-color-radionovelli {
  background-color: #619543 !important;
}
.bg-color-aclinet {
  background-color: #2f387f !important;
}
.bg-color-selfulness {
  background-color: #d2062a !important;
}
.bg-color-watchover {
  background-color: #424777 !important;
}
.bg-color-airmessage {
  background-color: #1972b8 !important;
}
.bg-color-feedgood {
  background-color: #40ab36 !important;
}
.bg-color-ah-light-green {
  background-color: #8bc34a !important;
}
.bg-color-ah-red {
  background-color: #d32f2f !important;
}
.bg-color-facebook {
  background-color: #3a5795 !important;
}
.bg-color-ah-yellow {
  background-color: #fbc02d !important;
}
.bg-color-ah-orange {
  background-color: #0078ff !important;
}
.bg-color-ah-blue {
  background-color: #0b8ad4 !important;
}
.bg-color-shareup-light {
  background-color: #c4ddac !important;
}
.bg-color-shareup {
  background-color: #22b250 !important;
  color: #fff !important;
}
.bg-color-shareup-dark {
  background-color: #049c41 !important;
}
.color-shareup {
  color: #22b250 !important;
  fill: #22b250 !important;
}
.color-border-shareup {
  border-color: #22b250 !important;
}
.color-sh-red {
  color: #ca483d !important;
}
.color-sh-money {
  color: #ff5458 !important;
}
.color-sh-points {
  color: #2d66ff !important;
}
.color-ah-orange {
  color: #0078ff !important;
  fill: #0078ff !important;
}
.color-social {
  color: #3a5795 !important;
  fill: #3a5795 !important;
}
.legend-color-block {
  float: left;
  height: 25px;
  margin-right: 5px;
  width: 25px;
}
.legend-text {
  margin-left: 35px;
  margin-top: 4px;
}
.word-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.padding-0 {
  padding: 0px !important;
}
.padding-lr-7 {
  padding-left: 7px !important;
  padding-right: 7px !important;
}
.flag.flag-en {
  background-position: -144px -154px !important;
}
.langs.active-menu a {
  font-weight: 700;
  color: #000000;
}
.formattedText {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
}
.image-black-white {
  -webkit-filter: grayscale(100%) !important;
  filter: grayscale(100%) !important;
}
.responsive-half-page {
  width: 48.5%;
  margin-right: 0.5%;
  margin-left: 0.5%;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.margin-bottom-20 {
  margin-bottom: 20px !important;
}
.hidden {
  transform: translate(-100000px, -100000px) !important;
  display: none !important;
}
.hidden-flevel-children {
  display: none !important;
  transform: translate(-100000px, -100000px) !important;
}
.hidden-offline {
  display: none !important;
  transform: translate(-100000px, -100000px) !important;
}
.OrdersDisabledClass {
  display: none !important;
  transform: translate(-100000px, -100000px) !important;
}
.float-none {
  float: none !important;
}
.inline-buttons-ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.inline-buttons-ul > li {
  display: inline-block;
  height: 95px;
  margin-bottom: 0px;
  margin-top: 0px;
  text-align: center;
  vertical-align: top;
  width: 61px;
}
.center {
  text-align: center !important;
}
.list-no-bullet {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.marginTop-40 {
  margin-top: 40px !important;
}
.note-editor .note-editable {
  background-color: #ffffff;
  -khtml-user-select: text !important;
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}
.ah-label {
  opacity: 0.5;
}
.ah-label-dark {
  opacity: 1;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  box-shadow: 0px -2px 0px #0078ff;
}
.panel > .panel-heading,
.panel-default > .panel-heading {
  background-color: #0078ff;
}
.panel-heading {
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-footer {
  background-color: #0078ff;
}
.panel-body {
  background-color: rgba(0, 0, 0, 0.03);
}
.margin-top-10 {
  margin-top: 10px !important;
}
.margin-top-20 {
  margin-top: 20px !important;
}
.margin-bottom-10 {
  margin-top: 20px !important;
}
.h1-small-margins {
  margin-top: 20px !important;
}
.ui-autocomplete {
  z-index: 9999 !important;
  text-align: left !important;
}
.ui-autocomplete.ui-front li {
  height: 40px !important;
  font-size: 15px;
}
.ui-autocomplete.ui-limit-height-120 {
  overflow-y: auto;
  max-height: 120px;
}
.ui-autocomplete.ui-limit-height-140 {
  overflow-y: auto;
  max-height: 140px;
}
.text-align-left {
  text-align: left !important;
}
.text-align-center {
  text-align: center;
}
.text-align-right {
  text-align: right;
}
#bizConfig-sales-table_ thead > tr > th {
  text-align: center !important;
}
#bizConfig-sales-table__length label > select {
  text-align: center;
}
.input-autocomplete-dashed {
  border-bottom: dashed 1px #0078ff;
  border-left: none;
  border-right: none;
  border-top: none;
  color: #777;
}
.click2edit {
  font-size: 16px;
  line-height: 22px;
}
.smart-form .checkbox input + i::after {
  color: #0078ff;
}
.smart-style-2 .smart-form .checkbox input:checked + i,
.smart-style-2 .smart-form .radio input:checked + i,
.smart-style-2 .smart-form .toggle input:checked + i {
  border-color: #0078ff;
}
.smart-form .checkbox input:checked:hover + i:after {
  content: '\f00c' !important;
}
.smart-form .input:hover input,
.smart-form .select:hover select,
.smart-form .textarea:hover textarea,
.smart-form .radio:hover i,
.smart-form .checkbox:hover i,
.smart-form .toggle:hover i {
  border-color: #0078ff;
}
.smart-form .radio input + i::after {
  background-color: #0078ff;
}
.radio label.right {
  width: 100%;
  padding-left: 0px;
  margin-bottom: 5px;
}
.radio label.right svg {
  height: 23px;
  margin-bottom: 2px;
  margin-right: 20px;
  margin-top: 3px;
  vertical-align: middle;
  width: 23px;
  fill: #8f8f8f;
}
.radio label.right span {
  top: 8px;
  right: 0px;
  left: auto !important;
}
.checkbox label.right {
  width: 100%;
  padding-left: 0px;
  margin-bottom: 5px;
}
.checkbox label.right svg {
  height: 23px;
  margin-bottom: 2px;
  margin-right: 20px;
  margin-top: 3px;
  vertical-align: middle;
  width: 23px;
  fill: #8f8f8f;
}
.checkbox label.right span {
  float: right;
  margin-right: 0px;
}
.svgpretogglebutton {
  fill: #fff !important;
  -webkit-filter: drop-shadow(0px 0px 2px #000000) drop-shadow(0px 0px 2px #000000);
  filter: drop-shadow(0px 0px 2px #000000) drop-shadow(0px 0px 2px #000000);
  height: 23px;
  margin-bottom: 2px;
  margin-right: 17px;
  margin-top: 3px;
  vertical-align: middle;
  width: 23px;
  display: inline;
  float: left;
}
.togglebutton label.right {
  width: 100%;
}
.togglebutton label.right svg {
  fill: #8f8f8f;
  height: 23px;
  margin-bottom: 2px;
  margin-right: 17px;
  margin-top: 3px;
  vertical-align: middle;
  width: 23px;
}
.togglebutton label.right span {
  float: right;
  margin-right: 10px;
  margin-top: 5px;
}
.togglebutton label.right .btn-toggle {
  position: absolute;
  right: 0px;
}
.togglebutton label.right .lcs_wrap {
  position: absolute;
  right: 0px;
}
.togglebutton label.right-full-width {
  width: 100%;
  text-align: left;
}
.togglebutton label.right-full-width svg {
  height: 23px;
  margin-bottom: 2px;
  margin-right: 17px;
  margin-top: 3px;
  vertical-align: middle;
  width: 23px;
  fill: #0078ff;
}
.togglebutton label.right-full-width span {
  float: right;
  margin-right: 10px;
  margin-top: 5px;
}
.togglebutton label.right-full-width .btn-toggle {
  position: absolute;
  right: 0px;
}
.togglebutton label.right-full-width .lcs_wrap {
  position: absolute;
  right: 0px;
}
.state-disabled {
  color: #999 !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
  background-color: #0078ff;
  border: 1px solid #0078ff;
}
.bootstrap-tagsinput > span {
  background: #0078ff none repeat scroll 0 0;
  border: 1px solid #0078ff;
}
.select2-results .select2-highlighted {
  background: #0078ff none repeat scroll 0 0;
  color: #fff;
}
.select2-hidden-accessible {
  display: none;
}
.select2-drop-active {
  border-color: -moz-use-text-color #0078ff #0078ff;
}
.select2-container-multi .select2-container-active .select2-choices {
  border-color: #0078ff !important;
}
.noUi-handle {
  margin: 0;
}
.noUi-active:after {
  border: none;
}
.noUi-background {
  height: 1px;
}
.round {
  border-radius: 100%;
}
.user-img {
  border-radius: 100%;
  width: 70px !important;
  height: 70px !important;
}
.user-img.img-small {
  width: 50px !important;
  height: 50px !important;
}
.user-img.img-big {
  width: 80px !important;
  height: 80px !important;
}
.bg-color-blueLight {
  background-color: #0b8ad4;
}
.small-branch-image {
  width: 25px !important;
  height: 20px !important;
}
.open > .dropdown-menu {
  /*CSS transitions*/
  -o-transition-property: none !important;
  -moz-transition-property: none !important;
  -ms-transition-property: none !important;
  -webkit-transition-property: none !important;
  transition-property: none !important;
  -o-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -webkit-transform: none !important;
  transform: none !important;
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -o-animation: none !important;
  -ms-animation: none !important;
  animation: none !important;
}
.jarviswidget {
  margin-bottom: 0;
}
.jarviswidget > div {
  border-bottom: none !important;
}
#item-panel-body {
  margin-bottom: 80px;
}
.bigBox {
  height: 35px;
}
.bigBox span {
  font-size: 13px;
}
#divSmallBoxes {
  top: 30px !important;
  -webkit-transform: translateZ(4px);
  -moz-transform: translateZ(4px);
  -o-transform: translateZ(4px);
  transform: translateZ(4px);
  z-index: 2147483615;
}
.botClose {
  font-size: 25px;
  height: 16px;
  top: 12px;
  width: 20px;
}
#divMiniIcons {
  display: none;
}
.note.note-attached-top {
  margin-bottom: 15px !important;
  margin-top: -5px !important;
}
.mobile-pull-down-left {
  display: inline-block;
  float: right;
}
.jarvismetro-tile.big-cubes {
  width: calc(20% - 10px) !important;
}
#biz_Followers_ul {
  margin-left: -15px;
  margin-right: -15px;
}
#biz_Followers_ul li {
  width: 145px;
  margin-bottom: 10px;
}
.bootstrap-tagsinput {
  display: block !important;
}
.bootstrap-tagsinput-container .bootstrap-tagsinput {
  width: calc(100% - 43px) !important;
  display: inline-block !important;
}
.custom-col-resizer {
  width: 33% !important;
}
.client-logos {
  list-style: outside none disc;
  padding-left: 0px !important;
}
.client-logos li {
  display: inline-block;
  margin: 15px;
  vertical-align: middle;
}
.client-logos li a {
  display: block;
  padding: 5px;
}
.client-logos li img {
  filter: grayscale(1);
  max-height: 35px;
  opacity: 0.6;
  border: 0 none;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
.client-logos li img:hover {
  filter: initial;
  opacity: 1;
}
.max-width-1550 {
  max-width: 1550px !important;
  float: none;
  margin: 0 auto;
}
.max-width-550 {
  max-width: 550px !important;
  float: none;
  margin: 0 auto;
}
.max-width-400 {
  max-width: 400px !important;
  min-height: 720px !important;
  float: none;
  margin: 0 auto;
}
.checkbox .checkbox-material {
  margin-right: 10px !important;
}
.smart-timeline-list-bill {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.smart-timeline-list-bill::after {
  background-color: #eee;
  bottom: 0;
  content: " ";
  display: block;
  left: 20px;
  position: absolute;
  top: 0;
  width: 2px;
  z-index: 1;
}
.smart-timeline-list::after {
  background-color: #eee;
  bottom: 0;
  content: " ";
  display: block;
  left: 75px;
  position: absolute;
  top: 0;
  width: 2px;
  z-index: 1;
}
@media screen and (min-width: 641px) and (max-width: 767px) {
  body .item-picture {
    height: 240px !important;
  }
  .jarvismetro-tile.big-cubes {
    width: calc(25% - 10px) !important;
  }
  .custom-col-resizer {
    width: 50% !important;
  }
}
@media screen and (min-width: 501px) and (max-width: 640px) {
  body .item-picture {
    height: 220px !important;
  }
  .responsive-half-page {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .responsive-half-page.mobile-hide {
    display: none;
  }
  .jarvismetro-tile.big-cubes {
    width: calc(25% - 10px) !important;
  }
  .custom-col-resizer {
    width: 50% !important;
  }
}
@media screen and (min-width: 431px) and (max-width: 500px) {
  body .item-picture {
    height: 180px !important;
  }
  .responsive-half-page {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .responsive-half-page.mobile-hide {
    display: none;
  }
  .mobile-pull-down-left {
    display: inline-block;
    float: left;
    margin-top: 20px;
  }
  .jarvismetro-tile.big-cubes {
    width: calc(33% - 10px) !important;
  }
  .custom-col-resizer {
    width: 50% !important;
  }
}
@media screen and (min-width: 321px) and (max-width: 430px) {
  body .item-picture {
    height: 160px !important;
  }
  .responsive-half-page {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .responsive-half-page.mobile-hide {
    display: none;
  }
  .mobile-pull-down-left {
    display: inline-block;
    float: left;
    margin-top: 20px;
  }
  .jarvismetro-tile.big-cubes {
    width: calc(33% - 10px) !important;
  }
  .custom-col-resizer {
    width: 100% !important;
  }
}
@media screen and (max-width: 320px) {
  body .item-picture {
    height: 160px !important;
  }
  .responsive-half-page {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .responsive-half-page.mobile-hide {
    display: none;
  }
  .mobile-pull-down-left {
    display: inline-block;
    float: left;
    margin-top: 20px;
  }
  .jarvismetro-tile.big-cubes {
    width: calc(33% - 10px) !important;
  }
  .custom-col-resizer {
    width: 100% !important;
  }
  .col-xxs-12 {
    width: 100% !important;
  }
}
h1 {
  margin: 30px 0 20px;
}
.bold-text {
  font-weight: 700 !important;
  background-color: rgba(211, 243, 198, 0.88) !important;
}
.bold-text.facebook {
  background-color: rgba(59, 89, 152, 0.55) !important;
}
.bold-text.facebook td {
  border-bottom: 1px solid #eeeeee !important;
}
.badge.badge-big {
  font-size: 18px;
}
.badge.badge-small {
  font-size: 10px;
  padding: 2px 4px;
  font-weight: 500;
}
.smart-style-2 p {
  font-size: 16px;
  line-height: 22.85px;
}
.label-company-attribute {
  background-color: #fff;
  border: 1px solid #0078ff;
  color: #0078ff;
  line-height: 2.5;
  vertical-align: top;
  border-radius: 4px;
}
.biz-attribute-title {
  display: inline;
  font-size: 13px;
  margin-right: 5px;
}
.review-like {
  bottom: 10px;
  font-size: 11px;
  cursor: pointer;
}
.review-container {
  padding: 5px;
  position: relative;
}
.review-container .review-title {
  font-weight: 600;
  color: #0078ff;
  font-size: 15px;
  margin-top: 0px;
  margin-bottom: 4px;
}
.li-bordered .form-control-wrapper {
  display: inline;
}
.floating-label {
  min-width: 200px !important;
}
.input-lg {
  font-size: 17px !important;
}
.txt-color-white {
  color: #fff !important;
}
.font-size-16 {
  font-size: 16px !important;
}
.break-words {
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  -ms-word-break: break-all !important;
  word-break: break-word !important;
  -ms-hyphens: auto !important;
  -moz-hyphens: auto !important;
  -webkit-hyphens: auto !important;
  hyphens: auto !important;
}
.branch-title {
  font-weight: 600;
  color: #0078ff;
  font-size: 17px;
  margin-top: 0px;
  margin-bottom: 4px;
}
.branch-body {
  font-size: 13px;
  font-weight: 400;
  color: #777;
}
.branch-picture {
  width: 190px;
  float: left;
  display: inline;
}
.branch-picture-right-text {
  width: calc(100% - 190px);
  float: left;
  display: inline;
  text-align: left;
  padding-left: 20px;
}
@media screen and (min-width: 321px) and (max-width: 430px) {
  .branch-picture {
    width: 100%;
    float: none;
    text-align: center;
    display: inline-block;
  }
  .branch-picture-right-text {
    width: 100%;
    float: none;
    display: inline-block;
    text-align: center;
    padding-left: 0px;
  }
}
.header-search-box {
  position: absolute;
  top: 0px;
  width: 100%;
  background-color: white;
  z-index: 999999;
}
.header-search-box > div {
  width: 100%;
  max-width: 1200px;
  height: 45px;
  margin: 0 auto;
  top: 0px;
  position: relative;
}
.header-search-box > div .header-search-box-slider {
  margin-top: 7px;
  position: absolute;
  left: 0%;
  width: 100%;
  background-color: white;
  transition: all 1.5s ease !important;
}
.header-search-box > div .header-search-box-slider .header-search-box-input {
  background-color: rgba(0, 0, 0, 0.22);
  border: medium none;
  border-radius: 5px;
  color: white;
  float: left;
  font-size: 19px;
  margin-left: 2%;
  padding-left: 5px;
  width: calc(90% - 60px);
}
.border-bottom-smaller {
  position: relative;
}
.border-bottom-smaller:after {
  display: block;
  clear: both;
  position: absolute;
  content: "";
  left: 10px;
  bottom: 0;
  height: 1px;
  width: calc(100% - 20px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.searchpanel-menu {
  top: 0px;
  bottom: 0;
  left: auto;
  right: 0px;
  position: fixed;
  width: 300px;
  max-width: 300px;
  -webkit-backface-visibility: hidden;
  overflow-y: visible;
  overflow-x: hidden;
  z-index: 0;
  background-color: white;
  opacity: 1;
  box-shadow: 7px 0 7px -7px rgba(0, 0, 0, 0.4) inset;
  transition: all .5s ease !important;
}
.searchpanel-menu .searchpanel-header {
  background-color: gray !important;
  height: 49px !important;
  width: 300px !important;
  max-width: 300px !important;
}
.searchpanel-menu .searchpanel-header .searchpanel-search-box-input.form-control.ui-autocomplete-input {
  background-color: rgba(255, 255, 255, 0.4) !important;
  border: medium none !important;
  border-radius: 8px !important;
  color: white !important;
  float: left !important;
  font-size: 15.5px !important;
  margin-left: 10px !important;
  margin-top: 8px !important;
  width: calc(100% - 85px) !important;
}
.searchpanel-menu .searchpanel-header .searchpanel-search-box-input.form-control.ui-autocomplete-input.ui-autocomplete-loading {
  background-image: url('https://agorhub.com/ah_images/default/home/RollingW.gif') !important;
}
.searchpanel-menu .searchpanel-header .searchpanel-search-box-input.form-control.ui-autocomplete-input.focus {
  background-color: rgba(255, 255, 255, 0.4) !important;
  border: medium none !important;
  border-radius: 8px !important;
  color: white !important;
  float: left !important;
  font-size: 15.5px !important;
  margin-left: 10px !important;
  margin-top: 8px !important;
  width: calc(100% - 85px) !important;
}
.searchpanel-menu .searchpanel-header .searchpanel-search-box-input.form-control.ui-autocomplete-input.focus.ui-autocomplete-loading {
  background-image: url('https://agorhub.com/ah_images/default/home/RollingW.gif') !important;
}
.searchpanel-menu .searchpanel-header .searchpanel-search-box-input.form-control.ui-autocomplete-input::focus {
  background-color: rgba(255, 255, 255, 0.4) !important;
  border: medium none !important;
  border-radius: 8px !important;
  color: white !important;
  float: left !important;
  font-size: 15.5px !important;
  margin-left: 10px !important;
  margin-top: 8px !important;
  width: calc(100% - 85px) !important;
}
.searchpanel-menu .searchpanel-header .searchpanel-search-box-input.form-control.ui-autocomplete-input::focus.ui-autocomplete-loading {
  background-image: url('https://agorhub.com/ah_images/default/home/RollingW.gif') !important;
}
.searchpanel-menu .searchpanel-header .searchpanel-arrow-back {
  width: 100px;
  height: 49px;
  cursor: pointer;
  padding-left: 15px;
  padding-top: 10px;
  display: inline-block;
}
.searchpanel-menu .searchpanel-body {
  height: calc(100% - 50px);
  overflow-y: auto;
  width: 300px;
  max-width: 300px;
  overflow-x: hidden;
}
.searchpanel-menu .searchpanel-body .searchpanel-read-all {
  display: inline-block;
  float: right;
  height: 30px;
  padding-top: 5px;
  padding-right: 10px;
  width: 200px;
  text-align: right;
  color: #000000;
  cursor: pointer;
}
.searchpanel-menu .searchpanel-body .searchpanel-read-all:hover {
  text-decoration: underline;
}
.searchpanel-menu.searchpanel-big {
  width: 440px;
  max-width: 440px;
}
.searchpanel-menu.searchpanel-big .searchpanel-header {
  width: 440px;
  max-width: 440px;
}
.searchpanel-menu.searchpanel-big .searchpanel-body {
  width: 440px;
  max-width: 440px;
}
.notification-menu {
  top: 0px;
  bottom: 0;
  left: auto;
  right: 0px;
  position: fixed;
  width: 300px;
  max-width: 300px;
  -webkit-backface-visibility: hidden;
  overflow-y: visible;
  overflow-x: hidden;
  z-index: 0;
  background-color: white;
  opacity: 1;
  box-shadow: 7px 0 7px -7px rgba(0, 0, 0, 0.4) inset;
  transition: all .5s ease !important;
}
.notification-menu .notification-header {
  background-color: #0078ff;
  height: 49px;
  width: 300px;
  max-width: 300px;
}
.notification-menu .notification-header .notification-arrow-back {
  width: 100px;
  height: 49px;
  cursor: pointer;
  padding-left: 15px;
  padding-top: 10px;
  display: inline-block;
}
.notification-menu .notification-body {
  height: calc(100% - 50px);
  overflow-y: auto;
  width: 300px;
  max-width: 300px;
  overflow-x: hidden;
}
.notification-menu .notification-body .notification-read-all {
  display: inline-block;
  float: right;
  height: 30px;
  padding-top: 5px;
  padding-right: 10px;
  width: 200px;
  text-align: right;
  color: #000000;
  cursor: pointer;
}
.notification-menu .notification-body .notification-read-all:hover {
  text-decoration: underline;
}
.notification-menu.notification-big {
  width: 440px;
  max-width: 440px;
}
.notification-menu.notification-big .notification-header {
  width: 440px;
  max-width: 440px;
}
.notification-menu.notification-big .notification-body {
  width: 440px;
  max-width: 440px;
}
.convention-row-container {
  border: medium none;
  border-radius: 7px !important;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  color: rgba(0, 0, 0, 0.7);
  cursor: pointer !important;
  font-size: 13px;
  font-weight: 400;
  height: 100px !important;
  max-height: 100px !important;
  line-height: 13px;
  overflow: hidden;
  padding: 0px 3px 3px 0px;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  transition: all .5s ease !important;
  position: relative;
  min-width: 300px;
  width: 300px !important;
  text-align: left;
  margin-top: 7px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  margin-right: 7px !important;
}
.convention-row-container.noty-read {
  background-color: transparent ;
}
.convention-row-container.noty-not-read {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
.convention-row-container .notification-picture {
  background-color: transparent;
  border-right: 1px solid #0078ff;
  float: left;
  height: 64px;
  margin-right: 5px;
  margin-top: 0px;
  width: 80px;
}
.convention-row-container div {
  overflow: hidden;
}
.notification-row-container {
  border: medium none;
  border-radius: 5px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  font-size: 13px;
  font-weight: 400;
  height: 70px;
  line-height: 17px;
  margin: 11px auto;
  overflow: hidden;
  padding: 3px 3px 3px 0px;
  max-width: 308px;
  width: 100%;
  word-break: break-all;
  transition: all .5s ease !important;
  position: relative;
}
.notification-row-container.noty-read {
  background-color: transparent ;
}
.notification-row-container.noty-not-read {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
.notification-row-container .notification-picture {
  background-color: transparent;
  border-right: 1px solid #0078ff;
  float: left;
  height: 64px;
  margin-right: 5px;
  margin-top: 0px;
  width: 80px;
}
.notification-row-container div {
  overflow: hidden;
}
.transition-ease {
  transition: all .5s ease !important;
}
.slide-left-big {
  transition: all .5s ease !important;
  transform: translateX(-440px) !important;
  -webkit-transform: translateX(-440px) !important;
}
.slide-left {
  transition: all .5s ease !important;
  transform: translateX(-300px) !important;
  -webkit-transform: translateX(-300px) !important;
}
.slide-left-140 {
  transition: all .5s ease !important;
  transform: translateX(-140px) !important;
  -webkit-transform: translateX(-140px) !important;
}
.fixed-header #header {
  border-bottom: none;
  box-shadow: none !important;
  z-index: 948;
  position: absolute !important;
}
.fixed-header #header.big-header {
  height: 80px;
}
.fixed-header #header.selfulness #second-line-header {
  box-shadow: none !important;
  height: 28px !important;
}
.fixed-header #header #second-line-header {
  height: 45px !important;
  text-align: center;
  width: 100vw;
  position: relative;
  background-color: white;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2) !important;
}
.fixed-header #header #second-line-header #HRemoveFilters {
  position: absolute;
  left: 5px;
  top: 0px;
  margin: 0;
}
.fixed-header #header #second-line-header #HFLDescr {
  color: #0078ff;
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
  margin-right: 5px;
}
.fixed-header #header #second-line-header div {
  text-align: center;
}
.fixed-header #header #second-line-header div i {
  color: #0078ff;
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
}
.fixed-header #header #second-line-header #HRight-span {
  position: absolute;
  right: 5px;
  top: 0px;
  margin: 0;
}
.fixed-header #header #second-line-header #HRight-span svg {
  width: 15px;
  height: 15px;
  margin: 0;
}
.fixed-header #header #second-line-header #HRight-span button {
  margin: 0;
}
.fixed-header #header #second-line-header #HRight-span button svg {
  width: 15px;
  height: 15px;
  margin: 0;
}
.fixed-header #header #second-line-header #HRight-span span {
  float: right;
}
.fixed-header #main.move-top {
  margin-top: 108px !important;
}
.fixed-navigation {
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
}
.fixed-navigation nav {
  height: calc(100% - 220px);
  overflow: hidden;
  padding-bottom: 0;
  border-top: 1px solid #0078ff;
}
.fixed-navigation nav.GlamVision {
  border-top: 1px solid #0092d5;
}
.fixed-navigation nav.RadioNovelli {
  border-top: 1px solid #619543;
}
.fixed-navigation nav.ACLInet {
  border-top: 1px solid #2f387f;
}
.fixed-navigation nav.Selfulness {
  border-top: 1px solid #d2062a;
}
.fixed-navigation nav.WatchOver {
  border-top: 1px solid #424777;
}
.fixed-navigation nav.AirMessage {
  border-top: 1px solid #1972b8;
}
.fixed-navigation nav.FeedGood {
  border-top: 1px solid #40ab36;
}
.fixed-navigation nav > ul {
  padding-top: 15px;
  padding-bottom: 30px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 15px;
  position: relative;
  width: 110%;
}
#show-shortcut {
  text-align: center !important;
  max-width: 190px;
}
.smart-style-2 {
  background: none repeat scroll 0 0 #F9F9F9 !important;
}
.smart-style-2 #header {
  background-color: #0078ff;
}
.smart-style-2 #header > aside {
  width: 250px !important;
}
.smart-style-2 #header.advantage-points {
  background-color: #2d66ff;
}
.smart-style-2 #header.advantage-money {
  background-color: #ff5458;
}
.smart-style-2 #header.advantage-discounts {
  background-color: #ffb603;
}
.smart-style-2 #header.advantage-shareup {
  background-color: #22b250;
}
.smart-style-2 #header.glamvision {
  background-color: #0092d5;
}
.smart-style-2 #header.radionovelli {
  background-color: #619543;
}
.smart-style-2 #header.aclinet {
  background-color: #2f387f;
}
.smart-style-2 #header.watchover {
  background-color: #424777;
}
.smart-style-2 #header.feedgood {
  background-color: #40ab36;
}
.smart-style-2 #header.airmessage {
  background-color: #fff;
}
.smart-style-2 #header.airmessage .svg-new-header-white {
  fill: #1972b8 !important;
  stroke: #1972b8 !important;
}
.smart-style-2 #header.selfulness {
  background-color: #fff;
}
.smart-style-2 #header.selfulness .svg-new-header-white {
  fill: #d2062a !important;
  stroke: #d2062a !important;
}
.smart-style-2 #header.videoremoter {
  background-color: black;
}
.smart-style-2 #header.videoremoter .svg-new-header-white.svg-new-header-dark-blue {
  fill: #000d1a !important;
  stroke: #000d1a !important;
}
.smart-style-2.mobile-detected #main {
  max-height: 91vh;
  min-height: 91vh;
}
.smart-style-2.mobile-detected #main.big-header {
  margin-top: 94px;
  max-height: -webkit-calc(90vh - 40px) !important;
  min-height: -webkit-calc(90vh - 40px) !important;
  max-height: calc(90vh - 40px) !important;
  min-height: calc(90vh - 40px) !important;
}
.smart-style-2.desktop-detected #main {
  max-height: calc(100vh - 49px) ;
  min-height: calc(100vh - 49px) ;
}
.smart-style-2.desktop-detected #main.big-header {
  margin-top: 94px;
  max-height: -webkit-calc(100vh - 89px) !important;
  min-height: -webkit-calc(100vh - 89px) !important;
  max-height: calc(100vh - 89px) !important;
  min-height: calc(100vh - 89px) !important;
}
.smart-style-2 #main {
  background-color: white !important;
  margin-left: 0;
  padding-bottom: 0;
  overflow-y: auto;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-overflow-scrolling: touch !important;
  display: block;
  z-index: 1;
}
.smart-style-2 #main.overflow-y-hidden {
  overflow-y: hidden !important;
}
.smart-style-2 #main.no-scroll {
  overflow: hidden !important;
}
.smart-style-2 #main.is-android::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
}
.smart-style-2 #main.background-shareup {
  background-color: #22b250 !important;
}
.smart-style-2 #main.background-glamvision {
  background-color: #0092d5 !important;
}
.smart-style-2 #main.background-radionovelli {
  background-color: #619543 !important;
}
.smart-style-2 #main.background-aclinet {
  background-color: #2f387f !important;
}
.smart-style-2 #main.background-selfulness {
  background-color: #d2062a !important;
}
.smart-style-2 #main.background-watchover {
  background-color: #424777 !important;
}
.smart-style-2 #main.background-airmessage {
  background-color: #eaf5fb !important;
}
.smart-style-2 #main.background-feedgood {
  background-color: #40ab36 !important;
}
.smart-style-2 #main.background-black {
  background-color: black !important;
}
.smart-style-2 #main::-webkit-scrollbar-track {
  background-color: transparent !important;
}
.smart-style-2 #main::-webkit-scrollbar {
  background-color: transparent !important;
  width: 6px;
}
.smart-style-2 #main::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.smart-style-2 #main.background-shareup::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #fff;
}
.smart-style-2 #main.background-glamvision::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #fff;
}
.smart-style-2 #main.background-radionovelli::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #fff;
}
.smart-style-2 #main.background-aclinet::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #fff;
}
.smart-style-2 #main.background-selfulness::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #fff;
}
.smart-style-2 #main.background-watchover::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #fff;
}
.smart-style-2 #main.background-airmessage::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #fff;
}
.smart-style-2 #main.background-feedgood::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #fff;
}
.smart-style-2 .btn-header.pull-right {
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 0px;
}
.smart-style-2 .btn-header > *:first-child > a {
  font-size: 23px !important;
  color: #ffffff !important;
}
.smart-style-2 .btn-header > *:first-child > a:hover {
  color: #8f8f8f !important;
}
.smart-style-2 #hide-menu-left-container {
  border-bottom: none;
  margin-bottom: 7px !important;
  padding-bottom: 6px !important;
}
.smart-style-2 #hide-menu-left {
  height: 30px !important;
  margin-right: -15px !important;
}
.smart-style-2 aside {
  width: 250px !important;
  background: white !important;
  padding-bottom: 5px !important;
  padding-top: 0 !important;
  z-index: 999999 !important;
  min-height: 100%;
  padding: 0px 30px 15px !important;
}
.smart-style-2 #left-panel {
  left: -260px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  z-index: 949 !important;
  -webkit-transform: translateZ(10px);
  -moz-transform: translateZ(10px);
  -o-transform: translateZ(10px);
  transform: translateZ(10px);
}
.smart-style-2 .hidden-menu #left-panel {
  left: -10px;
}
.smart-style-2 .login-info {
  margin-top: 40px !important;
  border: none;
  box-shadow: none;
  margin-bottom: 7px !important;
}
.smart-style-2 .login-info span {
  border: none;
  box-shadow: none;
  background: transparent none repeat scroll 0 0 !important;
  height: 120px !important;
  padding-top: 0px;
}
.smart-style-2 .login-info img {
  border-radius: 50%;
  height: 65px;
  width: 65px;
  border: 1px solid #0078ff !important;
}
.smart-style-2 .login-info img.GlamVision {
  border: 1px solid #0092d5 !important;
}
.smart-style-2 .login-info img.RadioNovelli {
  border: 1px solid #619543 !important;
}
.smart-style-2 .login-info img.ACLInet {
  border: 1px solid #2f387f !important;
}
.smart-style-2 .login-info img.Selfulness {
  border: 1px solid #d2062a !important;
}
.smart-style-2 .login-info img.WatchOver {
  border: 1px solid #424777 !important;
}
.smart-style-2 .login-info img.AirMessage {
  border: 1px solid #1972b8 !important;
}
.smart-style-2 .login-info img.FeedGood {
  border: 1px solid #40ab36 !important;
}
.smart-style-2 .login-info a {
  color: #0078ff;
  font-size: 14px !important;
  margin-top: 0px;
}
.smart-style-2 .login-info #menuUserName {
  color: #0078ff;
  font-size: 14px !important;
  font-weight: 400;
  margin-top: 10px;
  word-break: break-word;
}
.smart-style-2 .login-info #menuUserEmail {
  color: #0078ff;
  font-size: 12px !important;
  font-weight: 300;
  word-wrap: break-word;
}
.smart-style-2 .left-menu-footer {
  border-top: 1px solid #0078ff;
}
.smart-style-2 .left-menu-footer a {
  color: #0078ff !important;
  font-size: 12px;
}
.smart-style-2 .left-menu-footer span {
  color: #0078ff !important;
}
.smart-style-2 .left-menu-footer div {
  cursor: pointer;
  width: 100%;
  text-align: center;
  font-size: 13px;
  margin-top: 20px;
  color: #0078ff;
}
.smart-style-2 .left-menu-footer.GlamVision {
  border-top: 1px solid #0092d5;
}
.smart-style-2 .left-menu-footer.GlamVision a {
  color: #0092d5 !important;
}
.smart-style-2 .left-menu-footer.GlamVision span {
  color: #0092d5 !important;
}
.smart-style-2 .left-menu-footer.GlamVision div {
  color: #0092d5;
}
.smart-style-2 .left-menu-footer.RadioNovelli {
  border-top: 1px solid #619543;
}
.smart-style-2 .left-menu-footer.RadioNovelli a {
  color: #619543 !important;
}
.smart-style-2 .left-menu-footer.RadioNovelli span {
  color: #619543 !important;
}
.smart-style-2 .left-menu-footer.RadioNovelli div {
  color: #619543;
}
.smart-style-2 .left-menu-footer.ACLInet {
  border-top: 1px solid #2f387f;
}
.smart-style-2 .left-menu-footer.ACLInet a {
  color: #2f387f !important;
}
.smart-style-2 .left-menu-footer.ACLInet span {
  color: #2f387f !important;
}
.smart-style-2 .left-menu-footer.ACLInet div {
  color: #2f387f;
}
.smart-style-2 .left-menu-footer.Selfulness {
  border-top: 1px solid #d2062a;
}
.smart-style-2 .left-menu-footer.Selfulness a {
  color: #d2062a !important;
}
.smart-style-2 .left-menu-footer.Selfulness span {
  color: #d2062a !important;
}
.smart-style-2 .left-menu-footer.Selfulness div {
  color: #d2062a;
}
.smart-style-2 .left-menu-footer.WatchOver {
  border-top: 1px solid #424777;
}
.smart-style-2 .left-menu-footer.WatchOver a {
  color: #424777 !important;
}
.smart-style-2 .left-menu-footer.WatchOver span {
  color: #424777 !important;
}
.smart-style-2 .left-menu-footer.WatchOver div {
  color: #424777;
}
.smart-style-2 .left-menu-footer.AirMessage {
  border-top: 1px solid #1972b8;
}
.smart-style-2 .left-menu-footer.AirMessage a {
  color: #1972b8 !important;
}
.smart-style-2 .left-menu-footer.AirMessage span {
  color: #1972b8 !important;
}
.smart-style-2 .left-menu-footer.AirMessage div {
  color: #1972b8;
}
.smart-style-2 .left-menu-footer.FeedGood {
  border-top: 1px solid #40ab36;
}
.smart-style-2 .left-menu-footer.FeedGood a {
  color: #40ab36 !important;
}
.smart-style-2 .left-menu-footer.FeedGood span {
  color: #40ab36 !important;
}
.smart-style-2 .left-menu-footer.FeedGood div {
  color: #40ab36;
}
.smart-style-2 .dropdown-menu > li > a:hover {
  background-color: #f5f5f5;
}
.smart-style-2 nav > ul > li > a {
  font-size: 16px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.smart-style-2 nav ul li.open > a {
  color: rgba(0, 0, 0, 0.7) !important;
  font-weight: 400 !important;
}
.smart-style-2 nav ul li.open > a b {
  color: rgba(0, 0, 0, 0.7) !important;
  top: 10px !important;
}
.smart-style-2 nav ul li.open a {
  color: rgba(0, 0, 0, 0.7) !important;
  font-weight: 400 !important;
}
.smart-style-2 nav ul li > a b {
  top: 10px !important;
}
.smart-style-2 nav ul li a {
  color: rgba(0, 0, 0, 0.7) !important;
  font-weight: 300 !important;
  padding-left: 5px !important;
}
.smart-style-2 nav ul .active > a {
  color: rgba(0, 0, 0, 0.7) !important;
  font-weight: 500 !important;
}
.smart-style-2 nav ul ul li a {
  padding-left: 35px !important;
}
img.online {
  border-left-color: none !important;
}
#menu-title {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 3.2;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
}
#menu-title.selfulness {
  color: #d2062a;
  text-transform: none;
}
.limit-page-width {
  margin: 0 auto !important;
  max-width: 1080px !important;
}
.limit-page-width-small {
  margin: 0 auto !important;
  max-width: 600px !important;
}
.ah-overlay {
  background-color: #000000;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  overflow: visible;
  position: absolute;
  width: 100%;
  height: 300%;
  right: 0;
  top: 0;
  transition: all 0.3s ease-out 0s;
  z-index: 999998;
}
.page-home > div {
  margin-bottom: 40px;
}
.submenu-active {
  background-color: rgba(255, 255, 255, 0.1);
  color: inherit;
}
.swiper-slide-active {
  background-color: rgba(255, 255, 255, 0.1);
  color: inherit;
}
.swiper-test .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  width: 60%;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-container {
  box-sizing: none;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
  height: 50px;
  z-index: 1;
}
.swiper-container.swiper-170 {
  height: 170px;
}
.swiper-container.swiper-280 {
  height: 280px;
  text-align: left;
}
.swiper-container.swiper-biz-height {
  height: 230px !important;
}
.swiper-container .swiper-wrapper-company-pictures {
  height: 200px !important;
}
.swiper-container .swiper-wrapper-company-pictures .image-biz-swiper {
  width: 350px !important;
}
.swiper-container.intro_slider {
  position: absolute;
  z-index: 99999999999999999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0px;
  -webkit-transform: translateZ(6px);
  -moz-transform: translateZ(6px);
  -o-transform: translateZ(6px);
  transform: translateZ(6px);
}
.swiper-container.intro_slider .swiper-slide-full-screen {
  text-align: center;
  font-size: 18px;
  height: 100% !important;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.swiper-container.intro_slider .swiper-slide-full-screen.force-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-container.intro_slider .intro_slider_button {
  position: absolute;
  text-align: center;
  z-index: 99999999999;
  -webkit-transform: translateZ(7px);
  -moz-transform: translateZ(7px);
  -o-transform: translateZ(7px);
  transform: translateZ(7px);
  width: 100%;
  bottom: 40px;
}
.swiper-container-public-page {
  box-sizing: none;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
  height: 50px;
  z-index: 1;
}
.swiper-container-public-page.swiper-170 {
  height: 170px;
}
.swiper-container-public-page.swiper-280 {
  height: 280px;
  text-align: left;
}
.swiper-container-public-page.swiper-biz-height {
  height: 230px !important;
}
.swiper-container-public-page .swiper-wrapper-company-pictures {
  height: 200px !important;
}
.swiper-container-public-page .swiper-wrapper-company-pictures .image-biz-swiper {
  width: 350px !important;
}
.swiper-slide {
  box-sizing: content-box;
  float: left;
  height: 99%;
  background-position: center center;
  background-size: cover;
}
.swiper-slide-public-page {
  box-sizing: content-box !important;
  float: left !important;
  height: 99% !important;
  background-position: center center !important;
  background-size: cover !important;
}
#category-bar {
  width: 100% !important;
  margin-bottom: 0px;
}
#category-bar .swiper-slide {
  height: 100%;
  width: 120px !important;
  text-align: center;
}
#flTree-bar {
  width: 100% !important;
  margin-bottom: 0px;
}
#flTree-bar .swiper-slide {
  height: 100%;
  width: 180px !important;
  text-align: center;
}
#swiper-container-subm {
  z-index: 3;
}
#swiper-container-subm .swiper-slide-subm {
  height: 100%;
  width: 120px !important;
  text-align: center;
}
.swiper-container-areas {
  width: 100% !important;
}
.swiper-container-areas .swiper-slide {
  height: 100%;
  width: 120px !important;
  text-align: center;
}
.company-swiper {
  width: 100% !important;
}
.company-swiper .swiper-slide {
  height: 100%;
  width: 220px !important;
  border-radius: 0px !important;
}
.swiper-container-item-matchings {
  width: 100% !important;
}
.swiper-container-item-matchings .swiper-slide {
  height: 99%;
  width: 220px !important;
  box-shadow: none !important;
  border: 1px solid #eeeeee;
}
.swiper-container-topItems {
  width: 100% !important;
}
.swiper-container-topItems .swiper-slide {
  height: 99%;
  width: 220px !important;
  box-shadow: none !important;
  border: 1px solid #eeeeee;
}
.ah-swiper {
  padding-left: 30px;
  padding-right: 30px;
}
.ah-swiper-arrow {
  color: #fff;
  font-size: 17px;
  height: 50px;
  line-height: 33px;
  padding: 8px;
  position: absolute;
  width: 30px;
  z-index: 50;
}
.ah-swiper-arrow.left {
  left: 0;
}
.ah-swiper-arrow.right {
  right: 0;
}
.navbar-default.navbar {
  background-color: #0078ff !important;
}
.navbar-default .navbar-toggle {
  border-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
}
.navbar-default .navbar-text {
  color: #fff;
}
.navbar.navbar {
  background-color: #0078ff !important;
}
.navbar .navbar-brand {
  cursor: pointer;
  height: 50px;
  line-height: 19px;
  color: #fff;
}
.navbar .navbar-brand:hover {
  color: #ffffff;
}
.navbar .navbar-brand svg {
  fill: #ffffff;
}
.navbar a:hover {
  color: #ffffff;
}
.navbar a:focus {
  color: #ffffff;
}
.navbar .inner {
  margin: 0 auto;
}
#page-placeholder > article {
  height: calc(100vh - 50px) !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
#logo-group span {
  position: relative;
}
#logo-group span b.badge {
  background: none repeat scroll 0 0 #0078ff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #5F5F5F inset;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  line-height: normal;
  padding: 2px 4px 3px;
  position: absolute;
  right: 2px;
  text-align: center;
  top: -15px;
  min-width: 13px;
}
#header-menu-cart-div span,
#header-menu-chat-div span {
  position: relative;
}
#header-menu-cart-div span b.badge,
#header-menu-chat-div span b.badge {
  background: none repeat scroll 0 0 #0078ff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #5F5F5F inset;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  line-height: normal;
  padding: 2px 4px 3px;
  position: absolute;
  right: 0px;
  text-align: center;
  top: -15px;
  min-width: 18px;
}
nav ul li.active > a::before {
  content: "";
}
@media screen and (min-width: 321px) and (max-width: 450px) {
  .swiper-container.swiper-biz-height {
    height: 180px !important;
  }
  .swiper-container .swiper-wrapper-company-pictures {
    height: 150px !important;
  }
  .swiper-container .swiper-wrapper-company-pictures .image-biz-swiper {
    width: 220px !important;
  }
  .swiper-container-public-page.swiper-biz-height {
    height: 180px !important;
  }
  .swiper-container-public-page .swiper-wrapper-company-pictures {
    height: 150px !important;
  }
  .swiper-container-public-page .swiper-wrapper-company-pictures .image-biz-swiper {
    width: 220px !important;
  }
}
@media screen and (max-width: 320px) {
  .hidden-mobile {
    display: none !important;
  }
  .swiper-container.swiper-biz-height {
    height: 180px !important;
  }
  .swiper-container .swiper-wrapper-company-pictures {
    height: 150px !important;
  }
  .swiper-container .swiper-wrapper-company-pictures .image-biz-swiper {
    width: 220px !important;
  }
  .swiper-container-public-page.swiper-biz-height {
    height: 180px !important;
  }
  .swiper-container-public-page .swiper-wrapper-company-pictures {
    height: 150px !important;
  }
  .swiper-container-public-page .swiper-wrapper-company-pictures .image-biz-swiper {
    width: 220px !important;
  }
}
.svg-grey {
  fill: #8f8f8f !important;
}
.svg-color-primary {
  fill: #0078ff !important;
}
.svg-color-green {
  fill: #4caf50 !important;
}
.svg-color-facebook {
  fill: #3a5795 !important;
}
.svg-color-twitter {
  fill: #55acee !important;
}
.svg-color-instagram {
  fill: #517fa4 !important;
}
.svg-color-google {
  fill: #a90329 !important;
}
.svg-color-shareup {
  fill: #22b250 !important;
}
.mirror-svg {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.svg-footer {
  stroke-width: 0px;
  width: 30px !important;
  height: 30px !important;
}
.svg-footer:not(.svg-selected) {
  fill: rgba(0, 0, 0, 0.5);
  stroke: rgba(0, 0, 0, 0.5);
}
.svg-footer.svg-selected {
  fill: rgba(0, 0, 0, 0.8);
  stroke: rgba(0, 0, 0, 0.8);
}
.svg-company-setup {
  fill: rgba(0, 0, 0, 0.6);
  width: 40% !important;
  height: 70% !important;
}
.svg-area {
  margin-top: 3px;
  width: 23px;
  height: 23px;
  vertical-align: middle;
  margin-bottom: 2px;
  margin-right: 20px;
  fill: #8f8f8f;
}
.svg-biz-title {
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-top: -7px;
}
.svg-p-how-works {
  width: 40px;
  height: 40px;
  vertical-align: middle;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-top: -7px;
}
.category-icon {
  border: none;
  border-radius: 4px;
  display: inline;
  fill: #8f8f8f;
  height: 24px;
  margin-right: 1px;
  margin-top: 0;
  vertical-align: middle;
  width: 24px;
}
.promotion-icon {
  border: none;
  border-radius: 4px;
  display: inline;
  fill: #fb8c00;
  float: left;
  height: 24px;
  margin-right: 1px;
  margin-top: 0;
  vertical-align: middle;
  width: 24px;
}
.favourite-icon {
  border: none;
  border-radius: 4px;
  display: inline;
  float: left;
  height: 24px;
  margin-right: 1px;
  margin-top: 0;
  vertical-align: middle;
  width: 24px;
  fill: #ef6c00;
}
.svg-header-shortcut {
  height: 55px;
  margin: 15px 25px;
  width: 55px;
}
.svg-company-attribute {
  fill: #0078ff;
  height: 25px;
  margin-right: 20px;
  vertical-align: middle;
  width: 25px;
}
.svg-rating {
  height: 15px;
  margin-bottom: 0;
  margin-right: 0;
  margin-top: 0;
  vertical-align: top;
  width: 15px;
  fill: #51a351;
}
.svg-rating-like {
  fill: #0078ff;
  height: 15px;
  margin-bottom: 0;
  margin-left: 5px;
  margin-top: 0;
  vertical-align: top;
  width: 15px;
}
.svg-link {
  height: 26px;
  margin-bottom: 2px;
  margin-top: 1px;
  transition: all 0.2s ease-in 0s;
  vertical-align: middle;
  width: 26px;
  fill: #ffffff;
}
.svg-link use {
  box-shadow: -3px -3px 3px #0078ff;
  -webkit-box-shadow: -3px -3px 3px #0078ff;
}
.svg-link:hover {
  cursor: pointer;
}
.svg-link:hover use {
  box-shadow: -7px -7px 7px #0078ff;
  -webkit-box-shadow: -7px -7px 7px #0078ff;
}
.svg-cross-dialog {
  height: 20px;
  margin-left: 15px;
  margin-top: 15px;
  stroke: #0078ff;
  stroke-width: 15px;
  width: 20px;
}
.svg-cross-dialog.svg-cross-dialog-white {
  stroke: white !important;
}
.svg-cross-dialog.svg-cross-dialog-watchover {
  stroke: #36a2a5 !important;
}
.svg-cross-dialog.svg-cross-dialog-airmessage {
  stroke: #35a9e1 !important;
}
.svg-cross-dialog.svg-cross-dialog-feedgood {
  stroke: #81bd23 !important;
}
.svg-cross-dialog.svg-cross-dialog-aclinet {
  stroke: #2f387f !important;
}
.svg-cross-dialog.svg-cross-dialog-wa4business {
  stroke: #0078ff !important;
}
.svg-cross-dialog-red {
  height: 20px;
  margin-left: 15px;
  margin-top: 15px;
  stroke: #ca483d;
  stroke-width: 15px;
  width: 20px;
}
.svg-inline-title {
  margin-top: 3px;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin-bottom: 2px;
  margin-right: 2px;
}
.svg-table-icon {
  margin-top: 0px;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-bottom: 0px;
  margin-right: 0px;
}
.svg-promo-step {
  margin-top: 3px;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin-bottom: 2px;
  margin-right: 2px;
  /* border: 1px solid #adadad;
    border-radius: 4px; */
}
.svg-header-widget {
  fill: #fff;
  height: 20px;
  margin-bottom: 0;
  margin-right: 0;
  margin-top: 0;
  vertical-align: middle;
  width: 20px;
}
.svg-new-noty-white {
  fill: #fff;
  stroke: #fff;
  width: 30px;
  height: 60px;
  margin-left: 15px;
}
.svg-new-noty-primary {
  fill: #0078ff;
  stroke: #0078ff;
  width: 30px;
  height: 60px;
  margin-left: 5px;
}
.svg-new-noty-primary-empty {
  fill: transparent;
  stroke: #0078ff;
  width: 30px;
  height: 60px;
  margin-left: 5px;
}
.svg-new-header-white {
  fill: #fff;
  stroke: #fff;
  stroke-width: 11px;
  width: 25px;
  height: 25px;
}
.svg-new-header-selfulness {
  fill: #d2062a;
  stroke: #d2062a;
  stroke-width: 11px;
  width: 25px;
  height: 25px;
}
.svg-new-header-gray {
  fill: #989898;
  stroke: #989898;
  stroke-width: 11px;
  width: 25px;
  height: 25px;
}
.svg-new-header-black {
  fill: #000000;
  stroke: #000000;
  stroke-width: 11px;
  width: 25px;
  height: 25px;
}
.svg-new-header-white-empty {
  fill: transparent;
  stroke: #fff;
  stroke-width: 11px;
  width: 25px;
  height: 25px;
}
.svg-new-header-white-filled {
  fill: #fff;
  stroke: #fff;
  stroke-width: 11px;
  width: 25px;
  height: 25px;
}
.svg-new-header-primary-filled {
  fill: #0078ff;
  stroke: #0078ff;
  stroke-width: 13px;
  width: 25px;
  height: 25px;
}
.svg-new-header-left-white {
  fill: #fff;
  stroke: #fff;
  stroke-width: 13px;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin-right: 15px;
}
.svg-new-blue-filled {
  fill: #50adc9;
  height: 25px;
  stroke: #007fac;
  stroke-width: 13px;
  width: 25px;
}
.svg-new-red-filled {
  fill: #c6352d;
  height: 25px;
  stroke: #a31c26;
  stroke-width: 13px;
  width: 25px;
}
.svg-new-white-empty {
  fill: transparent;
  stroke: #fff;
  stroke-width: 13px;
  width: 25px;
  height: 25px;
}
.svg-help-empty {
  fill: transparent;
  stroke: #fff;
  stroke-width: 13px;
  margin-top: 12px;
  width: 35px;
  height: 35px;
}
.svg-help-filled {
  fill: #fff;
  stroke: #fff;
  stroke-width: 0px;
  margin-top: 12px;
  width: 35px;
  height: 35px;
}
.svg-new-green-empty {
  fill: transparent;
  stroke: #0078ff;
  stroke-width: 13px;
  width: 25px;
  height: 25px;
}
.svg-new-green-biz {
  stroke: #0078ff;
  width: 25px;
  height: 25px;
  stroke-width: 2px;
  fill: #0078ff;
  vertical-align: middle;
  margin-right: 10px;
}
.svg-new-yellow-biz {
  stroke: #ffbe25;
  width: 25px;
  height: 25px;
  stroke-width: 2px;
  fill: #ffbe25;
  vertical-align: middle;
  margin-right: 10px;
}
.svg-new-red-biz {
  stroke: #ca483d;
  width: 25px;
  height: 25px;
  stroke-width: 2px;
  fill: #ca483d;
  vertical-align: middle;
  margin-right: 10px;
}
.svg-new-biz {
  width: 25px;
  height: 25px;
  stroke-width: 2px;
  vertical-align: middle;
  margin-right: 10px;
}
.svg-new-green-big {
  stroke: #0078ff;
  width: 25px;
  height: 25px;
  stroke-width: 2px;
  fill: #0078ff;
  vertical-align: middle;
  margin-right: 10px;
  width: 55px !important;
  height: 55px !important;
  stroke-width: 0px !important;
}
.svg-new-red-big {
  stroke: #ca483d;
  width: 25px;
  height: 25px;
  stroke-width: 2px;
  fill: #ca483d;
  vertical-align: middle;
  margin-right: 10px;
  width: 55px !important;
  height: 55px !important;
  stroke-width: 0px !important;
}
.svg-new-yellow-big {
  stroke: #ffbe25;
  width: 25px;
  height: 25px;
  stroke-width: 2px;
  fill: #ffbe25;
  vertical-align: middle;
  margin-right: 10px;
  width: 55px !important;
  height: 55px !important;
  stroke-width: 0px !important;
}
.svg-new-white-big {
  fill: white;
  stroke: #fff;
  margin-top: 16px;
  vertical-align: middle;
  width: 55px;
  height: 55px;
  stroke-width: 0px;
}
.svg-new-white-empty-big {
  fill: transparent;
  stroke: #fff;
  stroke-width: 13px;
  width: 25px;
  height: 25px;
  margin-top: 16px;
  vertical-align: middle;
  width: 55px;
  height: 55px;
  stroke-width: 7px;
}
.svg-new-green-empty-big {
  fill: transparent;
  stroke: #0078ff;
  stroke-width: 13px;
  width: 25px;
  height: 25px;
  margin-top: 16px;
  vertical-align: middle;
  width: 55px;
  height: 55px;
  stroke-width: 7px;
}
.svg-new-money-big {
  fill: #ff5458;
  stroke: transparent;
  stroke-width: 0px;
  margin-top: 16px;
  vertical-align: middle;
  width: 55px;
  height: 55px;
}
.svg-new-advantage-money-big {
  fill: #ff5458;
  stroke: transparent;
  stroke-width: 0px;
  margin-top: 16px;
  vertical-align: middle;
  width: 55px;
  height: 55px;
}
.svg-new-advantage-money-empty {
  fill: transparent;
  stroke: #ff5458;
  stroke-width: 13px;
  width: 25px;
  height: 25px;
}
.svg-new-advantage-money-empty-big {
  fill: transparent;
  stroke: #ff5458;
  stroke-width: 13px;
  width: 25px;
  height: 25px;
  margin-top: 16px;
  vertical-align: middle;
  width: 55px;
  height: 55px;
  stroke-width: 7px;
}
.svg-new-advantage-shareup-big {
  fill: #22b250;
  stroke: transparent;
  stroke-width: 0px;
  margin-top: 16px;
  vertical-align: middle;
  width: 55px;
  height: 55px;
}
.svg-new-advantage-shareup-empty {
  fill: transparent;
  stroke: #22b250;
  stroke-width: 13px;
  width: 25px;
  height: 25px;
}
.svg-new-advantage-shareup-empty-big {
  fill: transparent;
  stroke: #22b250;
  stroke-width: 13px;
  width: 25px;
  height: 25px;
  margin-top: 16px;
  vertical-align: middle;
  width: 55px;
  height: 55px;
  stroke-width: 7px;
}
.svg-new-advantage-points-big {
  fill: #2d66ff;
  stroke: transparent;
  stroke-width: 0px;
  margin-top: 16px;
  vertical-align: middle;
  width: 55px;
  height: 55px;
}
.svg-new-red-empty {
  fill: transparent;
  stroke: #ca483d;
  stroke-width: 13px;
  width: 25px;
  height: 25px;
}
.svg-new-red-empty-big {
  fill: transparent;
  stroke: #ca483d;
  stroke-width: 13px;
  width: 25px;
  height: 25px;
  margin-top: 16px;
  vertical-align: middle;
  width: 55px;
  height: 55px;
  stroke-width: 7px;
}
.svg-new-advantage-points-empty {
  fill: transparent;
  stroke: #2d66ff;
  stroke-width: 13px;
  width: 25px;
  height: 25px;
}
.svg-new-advantage-points-empty-big {
  fill: transparent;
  stroke: #2d66ff;
  stroke-width: 13px;
  width: 25px;
  height: 25px;
  margin-top: 16px;
  vertical-align: middle;
  width: 55px;
  height: 55px;
  stroke-width: 7px;
}
.svg-new-advantage-discounts-big {
  fill: #ffb603;
  stroke: transparent;
  stroke-width: 0px;
  margin-top: 16px;
  vertical-align: middle;
  width: 55px;
  height: 55px;
}
.svg-new-advantage-discounts-empty {
  fill: transparent;
  stroke: #ffb603;
  stroke-width: 13px;
  width: 25px;
  height: 25px;
}
.svg-new-advantage-discounts-empty-big {
  fill: transparent;
  stroke: #ffb603;
  stroke-width: 13px;
  width: 25px;
  height: 25px;
  margin-top: 16px;
  vertical-align: middle;
  width: 55px;
  height: 55px;
  stroke-width: 7px;
}
.svg-white {
  fill: #fff;
}
.svg-menu {
  width: 21px;
  height: 21px;
}
.btn,
a:link,
button {
  -webkit-tap-highlight-color: transparent !important;
}
.smart-style-2 .btn {
  box-shadow: none;
}
.smart-style-2 .btn.btn-footer {
  font-weight: 500;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 7px !important;
  padding-bottom: 0px !important;
  color: rgba(0, 0, 0, 0.7);
  text-transform: none !important;
  font-size: 11px !important;
  /*			-webkit-transform:translateZ(4px);
		  	-moz-transform:translateZ(4px);
		  	-o-transform:translateZ(4px);
			transform:translateZ(4px);  */
  z-index: 2147483620;
}
.smart-style-2 .btn.btn-footer svg {
  margin-bottom: 3px !important;
  z-index: 2147483630;
  /*				-webkit-transform:translateZ(5px);
			  	-moz-transform:translateZ(5px);
			  	-o-transform:translateZ(5px);
				transform:translateZ(5px); */
}
.smart-style-2 .btn.btn-footer span {
  /*				-webkit-transform:translateZ(5px);
			  	-moz-transform:translateZ(5px);
			  	-o-transform:translateZ(5px);
				transform:translateZ(5px);  */
  z-index: 2147483630;
}
.smart-style-2 .btn-primary-empty {
  border-top-left-radius: 30px !important;
  border-bottom-left-radius: 30px !important;
  border-top-right-radius: 30px !important;
  border-bottom-right-radius: 30px !important;
  text-transform: none !important;
  font-size: 17px !important;
}
.smart-style-2 .btn-primary {
  border: 1px solid #0078ff !important;
  background-color: #fff !important;
  color: #0078ff !important;
  border-top-left-radius: 30px !important;
  border-bottom-left-radius: 30px !important;
  border-top-right-radius: 30px !important;
  border-bottom-right-radius: 30px !important;
  text-transform: none !important;
  font-size: 17px !important;
}
.smart-style-2 .btn-primary.aclinet {
  color: #2f387f !important;
  border: 1px solid #2f387f !important;
}
.smart-style-2 .btn-primary.aclinet.active {
  background-color: #2f387f !important;
  color: white !important;
}
.smart-style-2 .btn-primary.aclinet.active svg {
  fill: white !important;
  stroke: white !important;
}
.smart-style-2 .btn-primary.aclinet:active {
  background-color: #2f387f !important;
  color: white !important;
}
.smart-style-2 .btn-primary.aclinet:active svg {
  fill: white !important;
  stroke: white !important;
}
.smart-style-2 .btn-primary.aclinet:hover {
  background-color: #2f387f !important;
  color: white !important;
}
.smart-style-2 .btn-primary.aclinet:hover svg {
  fill: white !important;
  stroke: white !important;
}
.smart-style-2 .btn-primary.aclinet:focus {
  background-color: #2f387f !important;
  color: white !important;
}
.smart-style-2 .btn-primary.aclinet:focus svg {
  fill: white !important;
  stroke: white !important;
}
.smart-style-2 .btn-primary.aclinet svg {
  fill: #2f387f !important;
  stroke: #2f387f !important;
}
.smart-style-2 .btn-primary.opposite {
  border: 1px solid #fff !important;
  background-color: transparent !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.opposite.active {
  background-color: #fff !important;
  color: #0078ff !important;
}
.smart-style-2 .btn-primary.opposite:active {
  background-color: #fff !important;
  color: #0078ff !important;
}
.smart-style-2 .btn-primary.opposite:hover {
  background-color: #fff !important;
  color: #0078ff !important;
}
.smart-style-2 .btn-primary.opposite:focus {
  background-color: #fff !important;
  color: #0078ff !important;
}
.smart-style-2 .btn-primary svg {
  fill: #0078ff !important;
  stroke: #0078ff !important;
}
.smart-style-2 .btn-primary svg.svg-white {
  fill: #0078ff !important;
  stroke: #0078ff !important;
}
.smart-style-2 .btn-primary.transparent {
  border: 1px solid #fff !important;
  background-color: transparent !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.transparent.active {
  background-color: #fff !important;
  color: #333 !important;
}
.smart-style-2 .btn-primary.transparent:active {
  background-color: #fff !important;
  color: #333 !important;
}
.smart-style-2 .btn-primary.transparent:hover {
  background-color: #fff !important;
  color: #333 !important;
}
.smart-style-2 .btn-primary.transparent:focus {
  background-color: #fff !important;
  color: #333 !important;
}
.smart-style-2 .btn-primary.green {
  border: 1px solid #fff !important;
  background-color: #0078ff !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.green.active {
  background-color: #fff !important;
  color: #0078ff !important;
}
.smart-style-2 .btn-primary.green:active {
  background-color: #fff !important;
  color: #0078ff !important;
}
.smart-style-2 .btn-primary.green:hover {
  background-color: #fff !important;
  color: #0078ff !important;
}
.smart-style-2 .btn-primary.green:focus {
  background-color: #fff !important;
  color: #0078ff !important;
}
.smart-style-2 .btn-primary.btn-acli-sort {
  border: none !important;
  background-color: transparent !important;
  color: #2f387f !important;
  border-radius: 0px !important;
  min-width: 80px;
  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.3);
}
.smart-style-2 .btn-primary.btn-acli-sort.active {
  background-color: #2f387f !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.btn-acli-sort:active {
  background-color: #2f387f !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.btn-acli-sort:hover {
  background-color: #2f387f !important;
  color: #fff !important;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4);
}
.smart-style-2 .btn-primary.btn-acli-sort:focus {
  background-color: #2f387f !important;
  color: #fff !important;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4);
}
.smart-style-2 .btn-primary.btn-selfulness {
  border: none !important;
  background-color: #fff !important;
  color: #d2062a !important;
  border-radius: 0px !important;
  min-width: 80px;
  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.3);
}
.smart-style-2 .btn-primary.btn-selfulness.active {
  background-color: #d2062a !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.btn-selfulness:active {
  background-color: #d2062a !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.btn-selfulness:hover {
  background-color: #d2062a !important;
  color: #fff !important;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4);
}
.smart-style-2 .btn-primary.btn-selfulness:focus {
  background-color: #d2062a !important;
  color: #fff !important;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4);
}
.smart-style-2 .btn-primary.btn-selfulness.btn-green {
  background-color: transparent !important;
  color: #22b250 !important;
}
.smart-style-2 .btn-primary.btn-selfulness.btn-green svg {
  fill: #22b250 !important;
  stroke: #22b250 !important;
}
.smart-style-2 .btn-primary.btn-selfulness.btn-green svg svg {
  fill: #fff !important;
  stroke: #fff !important;
}
.smart-style-2 .btn-primary.btn-selfulness.btn-green.clicked {
  background-color: #22b250 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.btn-selfulness.btn-green.clicked svg {
  fill: #fff !important;
  stroke: #fff !important;
}
.smart-style-2 .btn-primary.btn-selfulness.btn-green.active {
  background-color: #22b250 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.btn-selfulness.btn-green.active svg {
  fill: #fff !important;
  stroke: #fff !important;
}
.smart-style-2 .btn-primary.btn-selfulness.btn-green:active {
  background-color: #22b250 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.btn-selfulness.btn-green:active svg {
  fill: #fff !important;
  stroke: #fff !important;
}
.smart-style-2 .btn-primary.btn-selfulness.btn-green:hover {
  background-color: #22b250 !important;
  color: #fff !important;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4);
}
.smart-style-2 .btn-primary.btn-selfulness.btn-green:hover svg {
  fill: #fff !important;
  stroke: #fff !important;
}
.smart-style-2 .btn-primary.btn-selfulness.btn-green:focus {
  background-color: #22b250 !important;
  color: #fff !important;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4);
}
.smart-style-2 .btn-primary.btn-selfulness.btn-green:focus svg {
  fill: #fff !important;
  stroke: #fff !important;
}
.smart-style-2 .btn-primary.btn-selfulness.btn-red {
  background-color: transparent !important;
  color: #d2062a !important;
}
.smart-style-2 .btn-primary.btn-selfulness.btn-red svg {
  fill: #d2062a !important;
  stroke: #d2062a !important;
}
.smart-style-2 .btn-primary.btn-selfulness.btn-red.clicked {
  background-color: #d2062a !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.btn-selfulness.btn-red.clicked svg {
  fill: #fff !important;
  stroke: #fff !important;
}
.smart-style-2 .btn-primary.btn-selfulness.btn-red.active {
  background-color: #d2062a !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.btn-selfulness.btn-red.active svg {
  fill: #fff !important;
  stroke: #fff !important;
}
.smart-style-2 .btn-primary.btn-selfulness.btn-red:active {
  background-color: #d2062a !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.btn-selfulness.btn-red:active svg {
  fill: #fff !important;
  stroke: #fff !important;
}
.smart-style-2 .btn-primary.btn-selfulness.btn-red:hover {
  background-color: #d2062a !important;
  color: #fff !important;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4);
}
.smart-style-2 .btn-primary.btn-selfulness.btn-red:hover svg {
  fill: #fff !important;
  stroke: #fff !important;
}
.smart-style-2 .btn-primary.btn-selfulness.btn-red:focus {
  background-color: #d2062a !important;
  color: #fff !important;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4);
}
.smart-style-2 .btn-primary.btn-selfulness.btn-red:focus svg {
  fill: #fff !important;
  stroke: #fff !important;
}
.smart-style-2 .btn-primary.watchover {
  border: none !important;
  background-color: transparent !important;
  color: #36a2a5 !important;
  border-radius: 0px !important;
  min-width: 80px;
  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.3);
}
.smart-style-2 .btn-primary.watchover.active {
  background-color: #36a2a5 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.watchover:active {
  background-color: #36a2a5 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.watchover:hover {
  background-color: #36a2a5 !important;
  color: #fff !important;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4);
}
.smart-style-2 .btn-primary.watchover:focus {
  background-color: #36a2a5 !important;
  color: #fff !important;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4);
}
.smart-style-2 .btn-primary.watchover-gray {
  border: none !important;
  background-color: transparent !important;
  color: #9b9b9b !important;
  border-radius: 0px !important;
  min-width: 80px;
  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.3);
  margin-left: 5px;
  margin-right: 5px;
}
.smart-style-2 .btn-primary.watchover-gray.active {
  background-color: #9b9b9b !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.watchover-gray:active {
  background-color: #9b9b9b !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.watchover-gray:hover {
  background-color: #9b9b9b !important;
  color: #fff !important;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4);
}
.smart-style-2 .btn-primary.watchover-gray:focus {
  background-color: #9b9b9b !important;
  color: #fff !important;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4);
}
.smart-style-2 .btn-primary.watchover-500 {
  border: none !important;
  background-color: transparent !important;
  color: #424777 !important;
  border-radius: 0px !important;
  min-width: 80px;
  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.3);
}
.smart-style-2 .btn-primary.watchover-500.active {
  background-color: #424777 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.watchover-500:active {
  background-color: #424777 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.watchover-500:hover {
  background-color: #424777 !important;
  color: #fff !important;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4);
}
.smart-style-2 .btn-primary.watchover-500:focus {
  background-color: #424777 !important;
  color: #fff !important;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4);
}
.smart-style-2 .btn-primary.watchover-red {
  border: none !important;
  background-color: transparent !important;
  color: #d8211d !important;
  border-radius: 0px !important;
  min-width: 80px;
  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.3);
}
.smart-style-2 .btn-primary.watchover-red.active {
  background-color: #d8211d !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.watchover-red:active {
  background-color: #d8211d !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.watchover-red:hover {
  background-color: #d8211d !important;
  color: #fff !important;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4);
}
.smart-style-2 .btn-primary.watchover-red:focus {
  background-color: #d8211d !important;
  color: #fff !important;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4);
}
.smart-style-2 .btn-primary.feedgood {
  border: none !important;
  background-color: transparent !important;
  color: #40ab36 !important;
  border-radius: 0px !important;
  min-width: 80px;
  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.3);
}
.smart-style-2 .btn-primary.feedgood.active {
  background-color: #40ab36 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.feedgood:active {
  background-color: #40ab36 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.feedgood:hover {
  background-color: #40ab36 !important;
  color: #fff !important;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4);
}
.smart-style-2 .btn-primary.feedgood:focus {
  background-color: #40ab36 !important;
  color: #fff !important;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4);
}
.smart-style-2 .btn-primary.airmessage {
  border: none !important;
  background-color: transparent !important;
  color: #35a9e1 !important;
  border-radius: 0px !important;
  min-width: 80px;
  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.3);
}
.smart-style-2 .btn-primary.airmessage.active {
  background-color: #35a9e1 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.airmessage:active {
  background-color: #35a9e1 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.airmessage:hover {
  background-color: #35a9e1 !important;
  color: #fff !important;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4);
}
.smart-style-2 .btn-primary.airmessage:focus {
  background-color: #35a9e1 !important;
  color: #fff !important;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4);
}
.smart-style-2 .btn-primary.airmessage-gray {
  border: none !important;
  background-color: transparent !important;
  color: #9b9b9b !important;
  border-radius: 0px !important;
  min-width: 80px;
  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.3);
  margin-left: 5px;
  margin-right: 5px;
}
.smart-style-2 .btn-primary.airmessage-gray.active {
  background-color: #9b9b9b !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.airmessage-gray:active {
  background-color: #9b9b9b !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.airmessage-gray:hover {
  background-color: #9b9b9b !important;
  color: #fff !important;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4);
}
.smart-style-2 .btn-primary.airmessage-gray:focus {
  background-color: #9b9b9b !important;
  color: #fff !important;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4);
}
.smart-style-2 .btn-primary.airmessage-500 {
  border: none !important;
  background-color: transparent !important;
  color: #1972b8 !important;
  border-radius: 0px !important;
  min-width: 80px;
  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.3);
}
.smart-style-2 .btn-primary.airmessage-500.active {
  background-color: #1972b8 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.airmessage-500:active {
  background-color: #1972b8 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.airmessage-500:hover {
  background-color: #1972b8 !important;
  color: #fff !important;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4);
}
.smart-style-2 .btn-primary.airmessage-500:focus {
  background-color: #1972b8 !important;
  color: #fff !important;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4);
}
.smart-style-2 .btn-primary.blue {
  border: 1px solid #fff !important;
  background-color: #28aae2 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.blue.active {
  background-color: #fff !important;
  color: #28aae2 !important;
}
.smart-style-2 .btn-primary.blue:active {
  background-color: #fff !important;
  color: #28aae2 !important;
}
.smart-style-2 .btn-primary.blue:hover {
  background-color: #fff !important;
  color: #28aae2 !important;
}
.smart-style-2 .btn-primary.blue:focus {
  background-color: #fff !important;
  color: #28aae2 !important;
}
.smart-style-2 .btn-primary.blue {
  border: 1px solid #28aae2 !important;
  background-color: transparent !important;
  color: #28aae2 !important;
}
.smart-style-2 .btn-primary.blue.active {
  background-color: #28aae2 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.blue:active {
  background-color: #28aae2 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.blue:hover {
  background-color: #28aae2 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.blue:focus {
  background-color: #28aae2 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.blue.opposite {
  border: 1px solid #fff !important;
  background-color: #28aae2 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.blue.opposite.active {
  background-color: #fff !important;
  color: #28aae2 !important;
}
.smart-style-2 .btn-primary.blue.opposite:active {
  background-color: #fff !important;
  color: #28aae2 !important;
}
.smart-style-2 .btn-primary.blue.opposite:hover {
  background-color: #fff !important;
  color: #28aae2 !important;
}
.smart-style-2 .btn-primary.blue.opposite:focus {
  background-color: #fff !important;
  color: #28aae2 !important;
}
.smart-style-2 .btn-primary.yellow {
  border: 1px solid #ffbe25 !important;
  background-color: transparent !important;
  color: #ffbe25 !important;
}
.smart-style-2 .btn-primary.yellow.active {
  background-color: #ffbe25 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.yellow:active {
  background-color: #ffbe25 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.yellow:hover {
  background-color: #ffbe25 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.yellow:focus {
  background-color: #ffbe25 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.yellow.opposite {
  border: 1px solid #fff !important;
  background-color: #ffbe25 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.yellow.opposite.active {
  background-color: #fff !important;
  color: #ffbe25 !important;
}
.smart-style-2 .btn-primary.yellow.opposite:active {
  background-color: #fff !important;
  color: #ffbe25 !important;
}
.smart-style-2 .btn-primary.yellow.opposite:hover {
  background-color: #fff !important;
  color: #ffbe25 !important;
}
.smart-style-2 .btn-primary.yellow.opposite:focus {
  background-color: #fff !important;
  color: #ffbe25 !important;
}
.smart-style-2 .btn-primary.gray {
  border: 1px solid #9b9b9b !important;
  background-color: transparent !important;
  color: #9b9b9b !important;
}
.smart-style-2 .btn-primary.gray.active {
  background-color: #9b9b9b !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.gray:active {
  background-color: #9b9b9b !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.gray:hover {
  background-color: #9b9b9b !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.gray:focus {
  background-color: #9b9b9b !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.gray.opposite {
  border: 1px solid #fff !important;
  background-color: #9b9b9b !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.gray.opposite.active {
  background-color: #fff !important;
  color: #9b9b9b !important;
}
.smart-style-2 .btn-primary.gray.opposite:active {
  background-color: #fff !important;
  color: #9b9b9b !important;
}
.smart-style-2 .btn-primary.gray.opposite:hover {
  background-color: #fff !important;
  color: #9b9b9b !important;
}
.smart-style-2 .btn-primary.gray.opposite:focus {
  background-color: #fff !important;
  color: #9b9b9b !important;
}
.smart-style-2 .btn-primary.red {
  border: 1px solid #ca483d !important;
  background-color: transparent !important;
  color: #ca483d !important;
}
.smart-style-2 .btn-primary.red svg {
  fill: #ca483d !important;
  stroke: #ca483d !important;
}
.smart-style-2 .btn-primary.red.active {
  background-color: #ca483d !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.red:active {
  background-color: #ca483d !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.red:hover {
  background-color: #ca483d !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.red:focus {
  background-color: #ca483d !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.red.opposite {
  border: 1px solid #fff !important;
  background-color: #ca483d !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.red.opposite.active {
  background-color: #fff !important;
  color: #ca483d !important;
}
.smart-style-2 .btn-primary.red.opposite:active {
  background-color: #fff !important;
  color: #ca483d !important;
}
.smart-style-2 .btn-primary.red.opposite:hover {
  background-color: #fff !important;
  color: #ca483d !important;
}
.smart-style-2 .btn-primary.red.opposite:focus {
  background-color: #fff !important;
  color: #ca483d !important;
}
.smart-style-2 .btn-primary.advantage-discounts {
  border: 1px solid #ffb603 !important;
  background-color: transparent !important;
  color: #ffb603 !important;
}
.smart-style-2 .btn-primary.advantage-discounts svg {
  fill: #ffb603 !important;
  stroke: #ffb603 !important;
}
.smart-style-2 .btn-primary.advantage-discounts.active {
  background-color: #ffb603 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-discounts:active {
  background-color: #ffb603 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-discounts:hover {
  background-color: #ffb603 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-discounts:focus {
  background-color: #ffb603 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-discounts.opposite {
  border: 1px solid #fff !important;
  background-color: #ffb603 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-discounts.opposite.active {
  background-color: #fff !important;
  color: #ffb603 !important;
}
.smart-style-2 .btn-primary.advantage-discounts.opposite:active {
  background-color: #fff !important;
  color: #ffb603 !important;
}
.smart-style-2 .btn-primary.advantage-discounts.opposite:hover {
  background-color: #fff !important;
  color: #ffb603 !important;
}
.smart-style-2 .btn-primary.advantage-discounts.opposite:focus {
  background-color: #fff !important;
  color: #ffb603 !important;
}
.smart-style-2 .btn-primary.btn-slotmachine {
  border: 1px solid #58c0f1 !important;
  background-color: white !important;
  color: #58c0f1 !important;
}
.smart-style-2 .btn-primary.btn-slotmachine svg {
  fill: #58c0f1 !important;
  stroke: #58c0f1 !important;
}
.smart-style-2 .btn-primary.btn-slotmachine.active {
  background-color: #58c0f1 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.btn-slotmachine:active {
  background-color: #58c0f1 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.btn-slotmachine:hover {
  background-color: #58c0f1 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.btn-slotmachine:focus {
  background-color: #58c0f1 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.btn-slotmachine.opposite {
  border: 1px solid #fff !important;
  background-color: #58c0f1 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.btn-slotmachine.opposite.active {
  background-color: #fff !important;
  color: #58c0f1 !important;
}
.smart-style-2 .btn-primary.btn-slotmachine.opposite:active {
  background-color: #fff !important;
  color: #58c0f1 !important;
}
.smart-style-2 .btn-primary.btn-slotmachine.opposite:hover {
  background-color: #fff !important;
  color: #58c0f1 !important;
}
.smart-style-2 .btn-primary.btn-slotmachine.opposite:focus {
  background-color: #fff !important;
  color: #58c0f1 !important;
}
.smart-style-2 .btn-primary.advantage-shareup {
  border: 1px solid #0078ff !important;
  background-color: transparent !important;
  color: #0078ff !important;
}
.smart-style-2 .btn-primary.advantage-shareup svg {
  fill: #0078ff !important;
  stroke: #0078ff !important;
}
.smart-style-2 .btn-primary.advantage-shareup.active {
  background-color: #0078ff !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-shareup:active {
  background-color: #0078ff !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-shareup:hover {
  background-color: #0078ff !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-shareup:focus {
  background-color: #0078ff !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-shareup.opposite {
  border: 1px solid #fff !important;
  background-color: #0078ff !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-shareup.opposite.active {
  background-color: #fff !important;
  color: #0078ff !important;
}
.smart-style-2 .btn-primary.advantage-shareup.opposite:active {
  background-color: #fff !important;
  color: #0078ff !important;
}
.smart-style-2 .btn-primary.advantage-shareup.opposite:hover {
  background-color: #fff !important;
  color: #0078ff !important;
}
.smart-style-2 .btn-primary.advantage-shareup.opposite:focus {
  background-color: #fff !important;
  color: #0078ff !important;
}
.smart-style-2 .btn-primary.advantage-shareup-bg-white {
  border: 1px solid #0078ff !important;
  background-color: white !important;
  color: #0078ff !important;
}
.smart-style-2 .btn-primary.advantage-shareup-bg-white svg {
  fill: #0078ff !important;
  stroke: #0078ff !important;
}
.smart-style-2 .btn-primary.advantage-shareup-bg-white.active {
  background-color: #0078ff !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-shareup-bg-white:active {
  background-color: #0078ff !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-shareup-bg-white:hover {
  background-color: #0078ff !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-shareup-bg-white:focus {
  background-color: #0078ff !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-shareup-bg-white.opposite {
  border: 1px solid #fff !important;
  background-color: #0078ff !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-shareup-bg-white.opposite.active {
  background-color: #fff !important;
  color: #0078ff !important;
}
.smart-style-2 .btn-primary.advantage-shareup-bg-white.opposite:active {
  background-color: #fff !important;
  color: #0078ff !important;
}
.smart-style-2 .btn-primary.advantage-shareup-bg-white.opposite:hover {
  background-color: #fff !important;
  color: #0078ff !important;
}
.smart-style-2 .btn-primary.advantage-shareup-bg-white.opposite:focus {
  background-color: #fff !important;
  color: #0078ff !important;
}
.smart-style-2 .btn-primary.advantage-red {
  border: 1px solid #c6352d !important;
  background-color: transparent !important;
  color: #c6352d !important;
}
.smart-style-2 .btn-primary.advantage-red svg {
  fill: #c6352d !important;
  stroke: #c6352d !important;
}
.smart-style-2 .btn-primary.advantage-red.active {
  background-color: #c6352d !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-red:active {
  background-color: #c6352d !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-red:hover {
  background-color: #c6352d !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-red:focus {
  background-color: #c6352d !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-red.opposite {
  border: 1px solid #fff !important;
  background-color: #c6352d !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-red.opposite.active {
  background-color: #fff !important;
  color: #c6352d !important;
}
.smart-style-2 .btn-primary.advantage-red.opposite:active {
  background-color: #fff !important;
  color: #c6352d !important;
}
.smart-style-2 .btn-primary.advantage-red.opposite:hover {
  background-color: #fff !important;
  color: #c6352d !important;
}
.smart-style-2 .btn-primary.advantage-red.opposite:focus {
  background-color: #fff !important;
  color: #c6352d !important;
}
.smart-style-2 .btn-primary.advantage-money {
  border: 1px solid #ff5458 !important;
  background-color: transparent !important;
  color: #ff5458 !important;
}
.smart-style-2 .btn-primary.advantage-money svg {
  fill: #ff5458 !important;
  stroke: #ff5458 !important;
}
.smart-style-2 .btn-primary.advantage-money.active {
  background-color: #ff5458 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-money:active {
  background-color: #ff5458 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-money:hover {
  background-color: #ff5458 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-money:focus {
  background-color: #ff5458 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-money.opposite {
  border: 1px solid #fff !important;
  background-color: #ff5458 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-money.opposite.active {
  background-color: #fff !important;
  color: #ff5458 !important;
}
.smart-style-2 .btn-primary.advantage-money.opposite:active {
  background-color: #fff !important;
  color: #ff5458 !important;
}
.smart-style-2 .btn-primary.advantage-money.opposite:hover {
  background-color: #fff !important;
  color: #ff5458 !important;
}
.smart-style-2 .btn-primary.advantage-money.opposite:focus {
  background-color: #fff !important;
  color: #ff5458 !important;
}
.smart-style-2 .btn-primary.advantage-warranty {
  border: 1px solid #5ec7c8 !important;
  background-color: transparent !important;
  color: #5ec7c8 !important;
}
.smart-style-2 .btn-primary.advantage-warranty svg {
  fill: #5ec7c8 !important;
  stroke: #5ec7c8 !important;
}
.smart-style-2 .btn-primary.advantage-warranty.active {
  background-color: #5ec7c8 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-warranty:active {
  background-color: #5ec7c8 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-warranty:hover {
  background-color: #5ec7c8 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-warranty:focus {
  background-color: #5ec7c8 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-warranty.opposite {
  border: 1px solid #fff !important;
  background-color: #5ec7c8 !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-warranty.opposite.active {
  background-color: #fff !important;
  color: #5ec7c8 !important;
}
.smart-style-2 .btn-primary.advantage-warranty.opposite:active {
  background-color: #fff !important;
  color: #5ec7c8 !important;
}
.smart-style-2 .btn-primary.advantage-warranty.opposite:hover {
  background-color: #fff !important;
  color: #5ec7c8 !important;
}
.smart-style-2 .btn-primary.advantage-warranty.opposite:focus {
  background-color: #fff !important;
  color: #5ec7c8 !important;
}
.smart-style-2 .btn-primary.advantage-points {
  border: 1px solid #2d66ff !important;
  background-color: transparent !important;
  color: #2d66ff !important;
}
.smart-style-2 .btn-primary.advantage-points svg {
  fill: #2d66ff !important;
  stroke: #2d66ff !important;
}
.smart-style-2 .btn-primary.advantage-points.active {
  background-color: #2d66ff !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-points:active {
  background-color: #2d66ff !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-points:hover {
  background-color: #2d66ff !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-points:focus {
  background-color: #2d66ff !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-points.opposite {
  border: 1px solid #fff !important;
  background-color: #2d66ff !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.advantage-points.opposite.active {
  background-color: #fff !important;
  color: #2d66ff !important;
}
.smart-style-2 .btn-primary.advantage-points.opposite:active {
  background-color: #fff !important;
  color: #2d66ff !important;
}
.smart-style-2 .btn-primary.advantage-points.opposite:hover {
  background-color: #fff !important;
  color: #2d66ff !important;
}
.smart-style-2 .btn-primary.advantage-points.opposite:focus {
  background-color: #fff !important;
  color: #2d66ff !important;
}
.smart-style-2 .btn-primary.darkgreen {
  border: 1px solid green !important;
  background-color: #fff !important;
  color: green !important;
}
.smart-style-2 .btn-primary.darkgreen.active {
  background-color: green !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.darkgreen:active {
  background-color: green !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.darkgreen:hover {
  background-color: green !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.darkgreen:focus {
  background-color: green !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.black {
  border: 1px solid black !important;
  background-color: #fff !important;
  color: green !important;
}
.smart-style-2 .btn-primary.black.active {
  background-color: black !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.black:active {
  background-color: black !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.black:hover {
  background-color: black !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.black:focus {
  background-color: black !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.left {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  margin-right: -1px !important;
}
.smart-style-2 .btn-primary.right {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  margin-left: 0px !important;
}
.smart-style-2 .btn-primary.active {
  background-color: #0078ff !important;
  color: white !important;
}
.smart-style-2 .btn-primary.active svg {
  fill: white !important;
  stroke: white !important;
}
.smart-style-2 .btn-primary.active svg.svg-white {
  fill: white !important;
  stroke: white !important;
}
.smart-style-2 .btn-primary:active {
  background-color: #0078ff !important;
  color: white !important;
}
.smart-style-2 .btn-primary:active svg {
  fill: white !important;
  stroke: white !important;
}
.smart-style-2 .btn-primary:active svg.svg-white {
  fill: white !important;
  stroke: white !important;
}
.smart-style-2 .btn-primary:hover {
  background-color: #0078ff !important;
  color: white !important;
}
.smart-style-2 .btn-primary:hover svg {
  fill: white !important;
  stroke: white !important;
}
.smart-style-2 .btn-primary:hover svg.svg-white {
  fill: white !important;
  stroke: white !important;
}
.smart-style-2 .btn-primary:focus {
  background-color: #0078ff !important;
  color: white !important;
}
.smart-style-2 .btn-primary:focus svg {
  fill: white !important;
  stroke: white !important;
}
.smart-style-2 .btn-primary:focus svg.svg-white {
  fill: white !important;
  stroke: white !important;
}
.smart-style-2 .btn-primary.btn-flat.active {
  background-color: rgba(255, 255, 255, 0);
}
.smart-style-2 .btn-primary.btn-flat:active {
  background-color: rgba(255, 255, 255, 0);
}
.smart-style-2 .btn-primary.btn-flat:focus {
  background-color: rgba(255, 255, 255, 0);
}
.smart-style-2 .btn-default-mat {
  background-color: #e0e0e0 !important;
}
.smart-style-2 .btn-default-mat.active {
  background-color: #0078ff !important;
  color: #ffffff !important;
}
.btn {
  line-height: 1 !important;
}
.btn:active {
  left: auto !important;
  top: 0px;
}
.btn.btn-fab {
  margin: 0;
  padding: 15px;
  font-size: 26px;
  width: 56px;
  height: 56px;
  border-radius: 300px;
}
.btn.btn-fab svg {
  height: 24px;
  width: 24px;
  vertical-align: middle;
  fill: #ffffff;
}
.btn.btn-fab.active {
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12) !important;
}
.btn.btn-fab.active.mfbtn-home {
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
.btn.btn-fab.btn-fab-mini {
  padding: 10px;
  height: 42px;
  width: 42px;
}
.btn.btn-fab.btn-fab-mini svg {
  fill: #ffffff;
  height: 20px;
  left: 10px;
  margin: 0;
  top: 10px;
  vertical-align: middle;
  width: 20px;
  stroke-width: 0px;
}
.btn.btn-fab.btn-discount {
  font-size: 20px;
  text-align: center;
  padding-top: 18px;
  padding-left: 10px;
}
.btn svg {
  height: 24px;
  width: 24px;
  vertical-align: middle;
}
.btn.btn-flat.btn-primary svg {
  height: 24px;
  width: 24px;
  vertical-align: middle;
}
.btn.btn-flat.btn-primary.btn-svg {
  padding-left: 8px;
  padding-right: 8px;
}
.btn.btn-square {
  width: 40px;
  height: 40px;
  padding: 8px;
  margin: 0;
}
.btn.circle {
  border-radius: 100%;
}
.btn.not-selected {
  background-color: #bdbdbd !important;
}
.btn.btn-green {
  background-color: #51a351 !important;
}
.btn.btn-action-fullwidth {
  width: 380px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  height: 50px;
  border-radius: 30px;
}
.btn.btn-action-threewidth {
  width: 200px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  height: 50px;
  border-radius: 25px;
}
.btn.btn-location-small {
  background-color: #fff !important;
  display: inline-block;
  position: relative;
  border: solid 1px #333;
  /* border-radius: 50%; */
  /* box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); */
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-user-drag: none;
  font-weight: bold;
  color: #333 !important;
  width: 56px;
  height: 56px;
}
.btn.btn-location-small.ah-location-disabled {
  border: solid 1px #aaa;
  background-color: #e4e4e4 !important;
  color: #aaa !important;
}
.btn.btn-location-small svg {
  height: 24px;
  width: 24px;
  margin-bottom: 2px;
  margin-right: 0px;
  margin-top: 7px;
  vertical-align: middle;
  fill: #333;
}
.btn.btn-mini {
  padding: 5px;
  margin: 0px;
}
.btn.btn-facebook {
  background-color: #3a5795 !important;
  border-color: #3a5795 !important;
  height: 70px;
  width: 70px;
  padding: 24px;
}
.btn.btn-facebook i {
  color: #fff;
}
.btn.btn-facebook.not-selected {
  background-color: #bdbdbd !important;
}
.btn.btn-facebook-mini {
  background-color: #3a5795 !important;
  border-color: #3a5795 !important;
  height: 50px;
  width: 50px;
  padding: 15px;
}
.btn.btn-facebook-mini i {
  color: #fff;
}
.btn.btn-facebook-mini.not-selected {
  background-color: #bdbdbd !important;
}
.btn.btn-twitter {
  background-color: #55acee !important;
  border-color: #55acee !important;
  height: 70px;
  width: 70px;
  padding: 24px;
}
.btn.btn-twitter i {
  color: #fff;
}
.btn.btn-twitter.not-selected {
  background-color: #bdbdbd !important;
}
.btn.btn-twitter-mini {
  background-color: #55acee !important;
  border-color: #55acee !important;
  height: 50px;
  width: 50px;
  padding: 15px;
}
.btn.btn-twitter-mini i {
  color: #fff;
}
.btn.btn-twitter-mini.not-selected {
  background-color: #bdbdbd !important;
}
.btn.btn-instagram {
  background-color: #517fa4 !important;
  border-color: #517fa4 !important;
  height: 70px;
  width: 70px;
  padding: 24px;
}
.btn.btn-instagram i {
  color: #fff;
}
.btn.btn-instagram.not-selected {
  background-color: #bdbdbd !important;
}
.btn.btn-instagram-mini {
  background-color: #517fa4 !important;
  border-color: #517fa4 !important;
  height: 50px;
  width: 50px;
  padding: 15px;
}
.btn.btn-instagram-mini i {
  color: #fff;
}
.btn.btn-instagram-mini.not-selected {
  background-color: #bdbdbd !important;
}
.btn.btn-google {
  background-color: #a90329 !important;
  border-color: #a90329 !important;
  height: 70px;
  width: 70px;
  padding: 24px;
}
.btn.btn-google i {
  color: #fff;
}
.btn.btn-google.not-selected {
  background-color: #bdbdbd !important;
}
.btn.btn-google-mini {
  background-color: #a90329 !important;
  border-color: #a90329 !important;
  height: 50px;
  width: 50px;
  padding: 15px;
}
.btn.btn-google-mini i {
  color: #fff;
}
.btn.btn-google-mini.not-selected {
  background-color: #bdbdbd !important;
}
.btn.btn-default-mat {
  color: #777 !important;
}
.btn.btn-default-mat.btn-sm.btn-small {
  padding-left: 10px;
  padding-right: 10px;
}
.btn.btn-default-mat svg {
  fill: #777;
}
.btn.btn-default-blue {
  background: #303f53 none repeat scroll 0 0 !important;
  border: medium none !important;
  border-radius: 2px !important;
  color: white !important;
  font-size: 16px !important;
  min-width: 100px !important;
  padding: 10px !important;
  text-shadow: none !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.btn.btn-default-blue svg {
  fill: #ffffff !important;
}
.centered-buttons {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.centered-buttons ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
  min-width: 200px;
  display: inline-block;
  text-align: center;
}
.centered-buttons ul > li {
  display: inline-block;
  height: 95px;
  margin-bottom: 0px;
  margin-top: 0px;
  text-align: center;
  vertical-align: top;
  width: 61px;
}
.btn-checkin-location-ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.btn-checkin-location-ul > li {
  display: inline-block;
  margin-top: 3px;
  margin-bottom: 0px;
  text-align: center;
  width: 60px;
  height: 60px;
  vertical-align: top;
}
.pager li > a,
.pager li > span {
  border: none !important;
  border-radius: 2px;
}
.discount-button-div {
  background-color: #22b250 !important;
  color: #fff !important;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  font-size: 18px;
  line-height: 23px;
  padding: 3px;
  vertical-align: top;
  text-align: center;
  margin: 0 auto;
  max-width: 360px;
}
.sh-home-badge {
  background-color: #f5911e;
  border-radius: 50px;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  padding-left: 8px;
  padding-right: 8px;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 899;
  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.3);
}
.new-full-block-centered {
  padding: 0px !important;
  width: 100%;
  float: none !important;
  height: 100%;
  text-align: center;
}
.new-home-block {
  padding-left: 11px !important;
  padding-right: 11px !important;
}
.new-home-block.double-block {
  margin: 0 auto !important;
  float: none !important;
  width: 50%;
}
.square-home {
  display: block;
  float: none;
  height: 20px;
  margin: 0 auto;
  width: 20px;
  border-radius: 3px !important;
}
.btn.btn-sh-home {
  position: relative;
  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.3);
  background-color: #fff !important;
  width: 100%;
  height: 225px !important;
  margin: 10px auto;
  padding: 0px !important;
  padding-top: 10px !important;
  text-align: center;
  border-radius: 10px;
}
.btn.btn-sh-home.small {
  height: 80px !important;
  padding: 15px !important;
}
.btn.btn-sh-home.small .btn-sh-home-left {
  float: none;
}
.btn.btn-sh-home.small .btn-sh-home-left > svg {
  height: 40px;
  width: 40px;
}
.btn.btn-sh-home.small .btn-sh-home-left > i {
  font-size: 50px;
  width: 40px;
  color: #0078ff;
}
.btn.btn-sh-home.small .btn-sh-home-left img {
  border-radius: 100%;
  height: 120px;
  width: 120px;
}
.btn.btn-sh-home.small .btn-sh-home-right {
  text-align: center;
  width: 100%;
  font-size: 16px !important;
  line-height: 18px;
  color: #0078ff;
  font-weight: 500 !important;
  margin-top: 10px;
}
.btn.btn-sh-home.small .btn-sh-home-right b {
  font-size: 18px !important;
}
.btn.btn-sh-home:hover {
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
.btn.btn-sh-home .btn-sh-home-left {
  float: none;
}
.btn.btn-sh-home .btn-sh-home-left > svg {
  height: 100px;
  width: 100px;
}
.btn.btn-sh-home .btn-sh-home-left > i {
  font-size: 120px;
  width: 100px;
  color: #0078ff;
}
.btn.btn-sh-home .btn-sh-home-left img {
  border-radius: 100%;
  height: 110px;
  width: 110px;
}
.btn.btn-sh-home .btn-sh-home-left #sh-home-photo-profile-container {
  background-color: transparent;
  width: 60%;
  margin: 6% auto;
  border-radius: 50%;
}
.btn.btn-sh-home .btn-sh-home-footer {
  position: absolute;
  bottom: 5px;
  width: 100%;
  text-align: center;
  font-size: 15px;
  line-height: 17px;
  color: #0078ff;
  font-weight: 500 !important;
}
.btn.btn-sh-home .btn-sh-home-left-new {
  height: 100%;
  float: none;
}
.btn.btn-sh-home .btn-sh-home-left-new img {
  height: auto;
  width: 85%;
}
.btn.btn-sh-home .btn-sh-home-left-new-double {
  float: none;
}
.btn.btn-sh-home .btn-sh-home-left-new-double img {
  margin-top: 1%;
  height: auto;
  width: 80%;
}
.btn.btn-sh-home .btn-sh-home-right {
  text-align: center;
  width: 100%;
  font-size: 15px;
  line-height: 17px;
  color: #0078ff;
  font-weight: 500 !important;
  margin-top: 0px;
}
.btn.btn-sh-home .btn-sh-home-right b {
  font-size: 30px;
}
.btn.btn-sh-home .btn-sh-home-left-fix {
  float: none;
}
.btn.btn-sh-home .btn-sh-home-left-fix > svg {
  height: 130px;
  width: 130px;
}
.btn.btn-sh-home .btn-sh-home-left-fix img {
  border-radius: 100%;
  height: 170px;
  width: 200px;
}
.btn.btn-sh-home .btn-sh-home-right-fix {
  text-align: center;
  width: 100%;
  font-size: 20px;
  line-height: 22px;
  color: #0078ff;
}
.btn.btn-sh-home .btn-sh-home-right-fix b {
  font-size: 30px;
}
@media screen and (min-width: 801px) and (max-width: 920px) {
  .new-home-block {
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: 33.2%;
  }
  .new-home-block.double-block {
    width: 66.4%;
  }
  .btn.btn-action-fullwidth {
    width: 316px !important;
  }
  .btn.btn-sh-home {
    height: 240px !important;
  }
  .btn.btn-sh-home .btn-sh-home-left > svg {
    height: 90px;
    width: 80px;
  }
  .btn.btn-sh-home .btn-sh-home-left > i {
    font-size: 100px;
    width: 80px;
    color: #0078ff;
  }
  .btn.btn-sh-home .btn-sh-home-left img {
    height: 110px;
    width: 110px;
  }
  .btn.btn-sh-home .btn-sh-home-right {
    text-align: center;
    width: 100%;
    font-size: 15px;
    line-height: 17px;
    color: #0078ff;
    margin-top: 0px;
  }
  .btn.btn-sh-home .btn-sh-home-right b {
    font-size: 24px;
  }
}
@media screen and (min-width: 701px) and (max-width: 800px) {
  .new-home-block {
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: 33.2%;
  }
  .new-home-block.double-block {
    width: 66.4% !important;
  }
  .btn.btn-action-fullwidth {
    width: 316px !important;
  }
  .btn.btn-sh-home {
    height: 200px !important;
  }
  .btn.btn-sh-home .btn-sh-home-left-new img {
    max-width: 185px;
  }
  .btn.btn-sh-home .btn-sh-home-left-new-double img {
    max-width: 350px;
  }
  .btn.btn-sh-home .btn-sh-home-left > svg {
    height: 90px;
    width: 80px;
  }
  .btn.btn-sh-home .btn-sh-home-left > i {
    font-size: 100px;
    width: 80px;
    color: #0078ff;
  }
  .btn.btn-sh-home .btn-sh-home-left img {
    height: 90px;
    width: 90px;
  }
  .btn.btn-sh-home .btn-sh-home-left #sh-home-photo-profile-container {
    max-width: 122px;
    max-height: 122px;
  }
  .btn.btn-sh-home .btn-sh-home-right {
    text-align: center;
    width: 100%;
    font-size: 15px;
    line-height: 17px;
    color: #0078ff;
    margin-top: 0px;
  }
  .btn.btn-sh-home .btn-sh-home-right b {
    font-size: 24px;
  }
}
@media screen and (min-width: 655px) and (max-width: 700px) {
  .new-home-block {
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: 33.2%;
  }
  .new-home-block.double-block {
    width: 66.4% !important;
  }
  .btn.btn-action-fullwidth {
    width: 316px !important;
  }
  .btn.btn-sh-home {
    height: 170px !important;
  }
  .btn.btn-sh-home .btn-sh-home-left-new img {
    max-width: 150px;
  }
  .btn.btn-sh-home .btn-sh-home-left-new-double img {
    max-width: 315px;
  }
  .btn.btn-sh-home .btn-sh-home-left > svg {
    height: 90px;
    width: 80px;
  }
  .btn.btn-sh-home .btn-sh-home-left > i {
    font-size: 100px;
    width: 80px;
    color: #0078ff;
  }
  .btn.btn-sh-home .btn-sh-home-left img {
    height: 90px;
    width: 90px;
  }
  .btn.btn-sh-home .btn-sh-home-left #sh-home-photo-profile-container {
    max-width: 100px;
    max-height: 100px;
  }
  .btn.btn-sh-home .btn-sh-home-right {
    text-align: center;
    width: 100%;
    font-size: 15px;
    line-height: 17px;
    color: #0078ff;
    margin-top: 0px;
  }
  .btn.btn-sh-home .btn-sh-home-right b {
    font-size: 24px;
  }
}
@media screen and (min-width: 485px) and (max-width: 654px) {
  .new-home-block {
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: 33.2%;
  }
  .new-home-block.double-block {
    width: 66.4%;
  }
  .btn.btn-action-fullwidth {
    width: 316px !important;
  }
  .btn.btn-sh-home {
    height: 150px !important;
  }
  .btn.btn-sh-home .btn-sh-home-left-new img {
    max-width: 128px;
  }
  .btn.btn-sh-home .btn-sh-home-left-new-double img {
    max-width: 255px;
  }
  .btn.btn-sh-home .btn-sh-home-left > svg {
    height: 100px;
    width: 100px;
  }
  .btn.btn-sh-home .btn-sh-home-left > i {
    font-size: 100px;
    width: 80px;
    color: #0078ff;
  }
  .btn.btn-sh-home .btn-sh-home-left img {
    height: 85px;
    width: 85px;
  }
  .btn.btn-sh-home .btn-sh-home-left #sh-home-photo-profile-container {
    max-width: 85px;
    max-height: 85px;
  }
  .btn.btn-sh-home .btn-sh-home-right {
    text-align: center;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    color: #0078ff;
    margin-top: 0px;
  }
  .btn.btn-sh-home .btn-sh-home-right b {
    font-size: 26px;
  }
}
@media screen and (min-width: 381px) and (max-width: 484px) {
  .home-banner-swiper {
    height: 150px;
  }
  .home-banner-swiper .swiper-slide-home-banner {
    height: 150px;
    width: 360px;
  }
  .home-banner-swiper .swiper-slide-home-banner .review-titlez {
    margin-top: 8px;
    font-size: 18px;
    line-height: 18px;
  }
  .new-home-block {
    padding-left: 7px !important;
    padding-right: 7px !important;
    width: 50%;
  }
  .new-home-block.double-block {
    width: 100%;
  }
  .btn.btn-action-fullwidth {
    width: 316px !important;
  }
  .btn.btn-sh-home {
    height: 190px !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .btn.btn-sh-home .btn-sh-home-left-new img {
    max-width: 170px;
  }
  .btn.btn-sh-home .btn-sh-home-left-new-double img {
    max-width: 336px;
  }
  .btn.btn-sh-home .btn-sh-home-left > svg {
    height: 90px;
    width: 80px;
  }
  .btn.btn-sh-home .btn-sh-home-left > i {
    font-size: 100px;
    width: 80px;
    color: #0078ff;
  }
  .btn.btn-sh-home .btn-sh-home-left img {
    height: 95px;
    width: 95px;
  }
  .btn.btn-sh-home .btn-sh-home-left #sh-home-photo-profile-container {
    max-width: 115px;
    max-height: 115px;
  }
  .btn.btn-sh-home .btn-sh-home-right {
    text-align: center;
    width: 100%;
    font-size: 15px;
    line-height: 17px;
    color: #0078ff;
    margin-top: 0px;
  }
  .btn.btn-sh-home .btn-sh-home-right b {
    font-size: 24px;
  }
}
@media screen and (min-width: 315px) and (max-width: 380px) {
  .home-banner-swiper {
    height: 150px;
  }
  .home-banner-swiper .swiper-slide-home-banner {
    height: 150px;
    width: 330px;
  }
  .home-banner-swiper .swiper-slide-home-banner .review-titlez {
    margin-top: 8px;
    font-size: 18px;
    line-height: 18px;
  }
  .new-home-block {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .new-home-block.double-block {
    width: 100%;
  }
  .btn.btn-action-fullwidth {
    width: 246px !important;
  }
  .btn.btn-sh-home {
    height: 150px !important;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    padding-top: 5px !important;
  }
  .btn.btn-sh-home .btn-sh-home-left-new img {
    max-width: 130px;
  }
  .btn.btn-sh-home .btn-sh-home-left-new-double img {
    max-width: 262px;
  }
  .btn.btn-sh-home .btn-sh-home-left > svg {
    height: 80px;
    width: 70px;
    margin-top: 6px;
  }
  .btn.btn-sh-home .btn-sh-home-left > i {
    font-size: 90px;
    width: 70px;
    color: #0078ff;
  }
  .btn.btn-sh-home .btn-sh-home-left img {
    height: 85px;
    width: 85px;
  }
  .btn.btn-sh-home .btn-sh-home-left #sh-home-photo-profile-container {
    max-width: 90px;
    max-height: 90px;
  }
  .btn.btn-sh-home .btn-sh-home-right {
    text-align: center;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    color: #0078ff;
    margin-top: 0px;
  }
  .btn.btn-sh-home .btn-sh-home-right b {
    font-size: 22px;
  }
  .btn.btn-sh-home .btn-sh-home-right > ul > li > a {
    margin-top: 0px !important;
  }
}
@media screen and (max-width: 315px) {
  .home-banner-swiper {
    height: 150px;
  }
  .home-banner-swiper .swiper-slide-home-banner {
    height: 150px;
    width: 315px;
  }
  .home-banner-swiper .swiper-slide-home-banner .review-titlez {
    margin-top: 8px;
    font-size: 18px;
    line-height: 18px;
  }
  .new-home-block {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .new-home-block.double-block {
    width: 100%;
  }
  .btn.btn-action-fullwidth {
    width: 190px !important;
  }
  .btn.btn-sh-home {
    height: 150px !important;
    padding-top: 5px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .btn.btn-sh-home .btn-sh-home-left > svg {
    height: 70px;
    width: 60px;
    margin-top: 9px;
  }
  .btn.btn-sh-home .btn-sh-home-left > i {
    font-size: 80px;
    width: 60px;
    color: #0078ff;
  }
  .btn.btn-sh-home .btn-sh-home-left img {
    height: 85px;
    width: 85px;
  }
  .btn.btn-sh-home .btn-sh-home-right {
    text-align: center;
    width: 100%;
    font-size: 13px;
    line-height: 15px;
    color: #0078ff;
    margin-top: 0px;
  }
  .btn.btn-sh-home .btn-sh-home-right b {
    font-size: 20px;
  }
  .btn.btn-sh-home .btn-sh-home-right > ul > li > a {
    margin-top: 0px !important;
  }
}
/*
 *   OTHER CODE!!!
 */
.bg-advantage-points {
  background-color: #2d66ff;
}
.bg-advantage-contest {
  background-color: #7b44cd;
}
.bg-advantage-money {
  background-color: #ff5458;
}
.bg-advantage-discounts {
  background-color: #ffb603;
}
.bg-advantage-shareup {
  background-color: #22b250;
}
.bg-advantage-gray {
  background-color: rgba(0, 0, 0, 0.4);
}
.bg-advantage-warranty {
  background-color: #5ec7c8;
}
.bg-advantage-selfulness {
  background-color: #d2062a;
}
.bg-advantage-points-lite {
  background-color: rgba(45, 102, 255, 0.6);
}
.bg-advantage-money-lite {
  background-color: rgba(255, 84, 88, 0.6);
}
.bg-advantage-discounts-lite {
  background-color: rgba(255, 182, 3, 0.6);
}
.bg-advantage-shareup-lite {
  background-color: rgba(34, 178, 80, 0.6);
}
.bg-advantage-gray-lite {
  background-color: rgba(0, 0, 0, 0.2);
}
.color-advantage-points {
  color: #2d66ff;
}
.color-advantage-money {
  color: #ff5458;
}
.color-advantage-discounts {
  color: #ffb603;
}
.color-advantage-shareup {
  color: #22b250;
}
.swiper-slide.small {
  width: 160px !important;
  padding-right: 50px !important;
}
.swiper-slide .headerz {
  text-transform: uppercase;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
}
.swiper-slide .titlez {
  margin-top: 10px;
  font-size: 22px;
  font-weight: 500;
  line-height: 24px;
  padding: 10px;
  color: #fff;
}
.swiper-slide .bodyz {
  margin-top: 7px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #fff;
}
.newhome-contest-container {
  max-height: 200px !important;
  min-height: 200px !important;
  height: 200px !important;
}
.newhome-standard-swiper-container {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  width: 103% !important;
  height: 290px;
  padding: 0px !important;
  z-index: 1;
}
.newhome-standard-swiper-container .newhome-standard-swiper {
  height: 290px;
  z-index: 1;
}
.newhome-standard-swiper-container .newhome-standard-swiper .newhome-standard-slide {
  width: 350px;
  height: 280px;
  padding-left: 0px;
  padding-right: 0px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  flex-shrink: 0;
  position: relative;
  float: left;
  z-index: 2;
}
.newhome-standard-swiper-container .newhome-standard-swiper .newhome-standard-slide.swiper-slide-newhome-contest {
  max-height: 200px !important;
  min-height: 200px !important;
  height: 200px !important;
}
.newhome-manage-container {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  width: 103% !important;
  height: 220px;
  padding: 0px !important;
}
.newhome-manage-container .newhome-manage-swiper {
  height: 220px;
}
.newhome-manage-container .newhome-manage-swiper .swiper-slide-newhome-manage {
  width: 180px;
  height: 220px;
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.newhome-points-container {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  width: 103% !important;
  height: 220px;
  padding: 0px !important;
}
.newhome-points-container .newhome-points-swiper {
  height: 220px;
}
.newhome-points-container .newhome-points-swiper .swiper-slide-newhome-points {
  width: 350px;
  height: 220px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  float: left;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  flex-shrink: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.newhome-points-container .newhome-points-swiper .swiper-slide-newhome-points .banner-points {
  width: 350px;
}
.newhome-points-container .newhome-points-swiper .swiper-slide-newhome-points .headerz {
  text-transform: uppercase;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
}
.newhome-points-container .newhome-points-swiper .swiper-slide-newhome-points .titlez {
  margin-top: 10px;
  font-size: 22px;
  font-weight: 500;
  line-height: 24px;
  padding: 10px;
  color: #fff;
}
.newhome-points-container .newhome-points-swiper .swiper-slide-newhome-points .bodyz {
  margin-top: 0px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #fff;
}
.newhome-help-container {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  width: 103% !important;
  height: 220px;
  padding: 0px !important;
}
.newhome-help-container .newhome-help-swiper {
  height: 220px;
}
.newhome-help-container .newhome-help-swiper .swiper-slide-newhome-help {
  width: 350px;
  height: 220px;
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
}
.newhome-help-container .newhome-help-swiper .swiper-slide-newhome-help .banner-help-phrase div {
  font-size: 19px;
  margin-top: 110px;
}
.newhome-help-container .newhome-help-swiper .swiper-slide-newhome-help .advantage-points {
  background-color: transparent;
  border: 2px solid #2d66ff;
  color: #2d66ff;
}
.newhome-help-container .newhome-help-swiper .swiper-slide-newhome-help .advantage-discounts {
  background-color: transparent;
  border: 2px solid #ffb603;
  color: #ffb603;
}
.newhome-help-container .newhome-help-swiper .swiper-slide-newhome-help .advantage-money {
  background-color: transparent;
  border: 2px solid #ff5458;
  color: #ff5458;
}
.newhome-help-container .newhome-help-swiper .swiper-slide-newhome-help .advantage-shareup {
  background-color: transparent;
  border: 2px solid #22b250;
  color: #22b250;
}
.newhome-help-container .newhome-help-swiper .swiper-slide-newhome-help .banner-help-icon {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  border-radius: 300px;
}
.newhome-help-container .newhome-help-swiper .swiper-slide-newhome-help .banner-help-icon.advantage-points {
  background-color: #2d66ff;
}
.newhome-help-container .newhome-help-swiper .swiper-slide-newhome-help .banner-help-icon.advantage-discounts {
  background-color: #ffb603;
}
.newhome-help-container .newhome-help-swiper .swiper-slide-newhome-help .banner-help-icon.advantage-money {
  background-color: #ff5458;
}
.newhome-help-container .newhome-help-swiper .swiper-slide-newhome-help .banner-help-icon.advantage-shareup {
  background-color: #22b250;
}
.newhome-social-container {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  width: 103% !important;
  height: 220px;
  padding: 0px !important;
}
.newhome-social-container .newhome-social-swiper {
  height: 220px;
}
.newhome-social-container .newhome-social-swiper .swiper-slide-newhome-social {
  width: 350px;
  height: 220px;
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
}
.newhome-social-container .newhome-social-swiper .swiper-slide-newhome-social .button-container {
  position: absolute;
  top: 170px;
}
.newhome-social-container .newhome-social-swiper .swiper-slide-newhome-social .banner-social-phrase div {
  font-size: 19px;
  margin-top: 110px;
}
.newhome-social-container .newhome-social-swiper .swiper-slide-newhome-social .advantage-shareup {
  background-color: rgba(34, 178, 80, 0.6);
  border: none;
  color: white;
}
.newhome-social-container .newhome-social-swiper .swiper-slide-newhome-social .advantage-points {
  background-color: rgba(45, 102, 255, 0.6);
  border: none;
  color: white;
}
.newhome-social-container .newhome-social-swiper .swiper-slide-newhome-social .banner-social-icon {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  border-radius: 300px;
}
.newhome-social-container .newhome-social-swiper .swiper-slide-newhome-social .banner-social-icon.advantage-shareup {
  background-color: #22b250;
}
.newhome-owner-container {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  width: 103% !important;
  height: 220px;
  padding: 0px !important;
}
.newhome-owner-container .newhome-owner-swiper {
  height: 220px;
}
.newhome-owner-container .newhome-owner-swiper .swiper-slide-newhome-owner {
  width: 350px;
  height: 220px;
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
}
.newhome-owner-container .newhome-owner-swiper .swiper-slide-newhome-owner .button-container {
  position: absolute;
  top: 170px;
}
.newhome-owner-container .newhome-owner-swiper .swiper-slide-newhome-owner .banner-owner-phrase div {
  font-size: 19px;
  margin-top: 110px;
}
.newhome-owner-container .newhome-owner-swiper .swiper-slide-newhome-owner .advantage-points {
  background-color: rgba(45, 102, 255, 0.6);
  border: none;
  color: white;
}
.newhome-owner-container .newhome-owner-swiper .swiper-slide-newhome-owner .banner-owner-icon {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  border-radius: 300px;
}
.newhome-owner-container .newhome-owner-swiper .swiper-slide-newhome-owner .banner-owner-icon.advantage-points {
  background-color: #2d66ff;
}
#banner-home-container {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px !important;
  width: 103% !important;
}
#banner-home-container .home-banner-swiper {
  height: 220px;
  padding: 0px !important;
}
#banner-home-container .home-banner-swiper .swiper-slide-home-banner {
  width: 350px;
  height: 220px;
  color: #fff;
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
}
#banner-home-container .home-banner-swiper .swiper-slide-home-banner.green {
  background-color: rgba(34, 178, 80, 0.6);
}
#banner-home-container .home-banner-swiper .swiper-slide-home-banner.blue {
  background-color: rgba(0, 157, 225, 0.6);
}
#banner-home-container .home-banner-swiper .swiper-slide-home-banner.yellow {
  background-color: rgba(255, 190, 37, 0.6);
}
#banner-home-container .home-banner-swiper .swiper-slide-home-banner.gray {
  background-color: rgba(155, 155, 155, 0.6);
}
#banner-home-container .home-banner-swiper .swiper-slide-home-banner.advantage-money {
  background-color: rgba(255, 84, 88, 0.6);
}
#banner-home-container .home-banner-swiper .swiper-slide-home-banner.advantage-discounts {
  background-color: rgba(255, 182, 3, 0.6);
}
#banner-home-container .home-banner-swiper .swiper-slide-home-banner.advantage-points {
  background-color: rgba(45, 102, 255, 0.6);
}
#banner-home-container .home-banner-swiper .swiper-slide-home-banner.advantage-shareup {
  background-color: rgba(34, 178, 80, 0.6);
}
#banner-home-container .home-banner-swiper .swiper-slide-home-banner .headerz {
  text-transform: uppercase;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 500;
}
#banner-home-container .home-banner-swiper .swiper-slide-home-banner .titlez {
  margin-top: 10px;
  font-size: 22px;
  font-weight: 500;
  line-height: 24px;
  padding: 10px;
}
#banner-home-container .home-banner-swiper .swiper-slide-home-banner .review-titlez {
  margin-top: 10px;
  font-size: 22px;
  font-weight: 500;
  line-height: 24px;
  margin-left: 95px;
  text-align: left;
}
#banner-home-container .home-banner-swiper .swiper-slide-home-banner .review-picturez {
  border-radius: 100%;
  position: absolute;
  top: 40px;
  left: 20px;
  width: 70px;
  height: 70px;
  background-position: center;
  background-size: cover;
}
#banner-home-container .home-banner-swiper .swiper-slide-home-banner .review-picturez span {
  position: absolute;
  left: -8px;
  text-align: center;
  top: 70px;
  width: 86px;
  font-weight: 500;
}
#banner-home-container .home-banner-swiper .swiper-slide-home-banner .bodyz {
  margin-top: 7px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
#banner-home-container .home-banner-swiper .swiper-slide-home-banner .review-bodyz {
  margin-top: 7px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin-left: 95px;
  text-align: left;
}
#banner-home-container .home-banner-swiper .swiper-slide-home-banner .button-container {
  position: absolute;
  bottom: 22px;
  left: 0px;
}
.button-footer-bill-round-big {
  margin: 0 auto;
  background-color: #22b250;
  border-radius: 500px;
  width: 85px;
  height: 45px;
}
.button-footer-bill-round {
  margin: 0 auto;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 500px;
  width: 45px;
  height: 45px;
}
/*.fixed-page-footer .page-footer-full {
	width: 100% !important;
	//-webkit-backface-visibility: hidden;
    position: fixed;
    flex-shrink: 0;
    right: 0;
    z-index: 947;
    height: 80px !important;
    background-color: white !important;
    border-top: 1px solid gray !important;
    border-bottom: 1px solid gray !important;
    bottom: 0px;
    padding: 0px !important;
    
    -webkit-transform:translateZ(3px);
  	-moz-transform:translateZ(3px);
  	-o-transform:translateZ(3px);
	transform:translateZ(3px);
    
    div {
    	box-shadow: none; 
    	margin: 0px auto; 
    	max-width: 1200px;
    	transition: none !important;
    	
    	-webkit-transform:translateZ(3px);
  		-moz-transform:translateZ(3px);
  		-o-transform:translateZ(3px);
		transform:translateZ(3px);
    }
    
    &.move-top {
    	position: absolute !important;
    	bottom: auto;
    	top: 48px;
    }
}*/
.btn-group,
.btn-group-vertical {
  transition: none !important;
}
.btn-group:active:not(.btn-link),
.btn-group-vertical:active:not(.btn-link) {
  box-shadow: none !important;
}
@media screen and (min-width: 401px) and (max-width: 767px) {
  .swiper-slide.small {
    width: 110px !important;
  }
  .newhome-contest-container {
    max-height: 160px !important;
    min-height: 160px !important;
    height: 160px !important;
  }
  .newhome-standard-swiper-container {
    height: 250px;
  }
  .newhome-standard-swiper-container .newhome-standard-swiper {
    height: 250px;
  }
  .newhome-standard-swiper-container .newhome-standard-swiper .newhome-standard-slide {
    width: 240px;
    height: 240px;
  }
  .newhome-standard-swiper-container .newhome-standard-swiper .newhome-standard-slide.swiper-slide-newhome-contest {
    max-height: 160px !important;
    min-height: 160px !important;
    height: 160px !important;
  }
  .newhome-manage-container {
    height: 180px;
  }
  .newhome-manage-container .newhome-manage-swiper {
    height: 180px;
  }
  .newhome-manage-container .newhome-manage-swiper .swiper-slide-newhome-manage {
    width: 180px;
    height: 180px;
  }
  .newhome-points-container {
    height: 190px;
  }
  .newhome-points-container .newhome-points-swiper {
    height: 190px;
  }
  .newhome-points-container .newhome-points-swiper .swiper-slide-newhome-points {
    width: 240px;
    height: 180px;
  }
  .newhome-points-container .newhome-points-swiper .swiper-slide-newhome-points .banner-points {
    width: 240px;
  }
  .newhome-help-container {
    height: 190px;
    padding: 0px !important;
  }
  .newhome-help-container .newhome-help-swiper {
    height: 190px;
  }
  .newhome-help-container .newhome-help-swiper .swiper-slide-newhome-help {
    width: 240px;
    height: 190px;
  }
  .newhome-help-container .newhome-help-swiper .swiper-slide-newhome-help .banner-help-phrase div {
    font-size: 14px;
    margin-top: 90px;
  }
  .newhome-social-container {
    height: 190px;
    padding: 0px !important;
  }
  .newhome-social-container .newhome-social-swiper {
    height: 190px;
  }
  .newhome-social-container .newhome-social-swiper .swiper-slide-newhome-social {
    width: 240px;
    height: 190px;
  }
  .newhome-social-container .newhome-social-swiper .swiper-slide-newhome-social .banner-social-phrase div {
    font-size: 14px;
    margin-top: 90px;
  }
  .newhome-social-container .newhome-social-swiper .swiper-slide-newhome-social .button-container {
    top: 145px;
  }
  .newhome-owner-container {
    height: 190px;
    padding: 0px !important;
  }
  .newhome-owner-container .newhome-owner-swiper {
    height: 190px;
  }
  .newhome-owner-container .newhome-owner-swiper .swiper-slide-newhome-owner {
    width: 240px;
    height: 190px;
  }
  .newhome-owner-container .newhome-owner-swiper .swiper-slide-newhome-owner .banner-owner-phrase div {
    font-size: 14px;
    margin-top: 90px;
  }
  .newhome-owner-container .newhome-owner-swiper .swiper-slide-newhome-owner .button-container {
    top: 145px;
  }
  #banner-home-container .home-banner-swiper {
    height: 190px;
  }
  #banner-home-container .home-banner-swiper .swiper-slide-home-banner {
    width: 240px;
    height: 190px;
  }
  #banner-home-container .home-banner-swiper .swiper-slide-home-banner .headerz {
    margin-top: 10px;
    font-size: 13px;
    font-weight: 500;
  }
  #banner-home-container .home-banner-swiper .swiper-slide-home-banner .titlez {
    font-size: 18px;
  }
  #banner-home-container .home-banner-swiper .swiper-slide-home-banner .review-titlez {
    font-size: 18px;
  }
  #banner-home-container .home-banner-swiper .swiper-slide-home-banner .review-picturez {
    border-radius: 100%;
    left: 20px;
    width: 60px;
    height: 60px;
  }
  #banner-home-container .home-banner-swiper .swiper-slide-home-banner .review-picturez span {
    top: 65px;
    width: 76px;
  }
}
@media screen and (max-width: 400px) {
  .swiper-slide.small {
    width: 110px !important;
  }
  .newhome-contest-container {
    max-height: 160px !important;
    min-height: 160px !important;
    height: 160px !important;
  }
  .newhome-standard-swiper-container {
    height: 250px;
  }
  .newhome-standard-swiper-container .newhome-standard-swiper {
    height: 250px;
  }
  .newhome-standard-swiper-container .newhome-standard-swiper .newhome-standard-slide {
    width: 240px;
    height: 240px;
  }
  .newhome-standard-swiper-container .newhome-standard-swiper .newhome-standard-slide.swiper-slide-newhome-contest {
    max-height: 160px !important;
    min-height: 160px !important;
    height: 160px !important;
  }
  .newhome-manage-container {
    height: 180px;
  }
  .newhome-manage-container .newhome-manage-swiper {
    height: 180px;
  }
  .newhome-manage-container .newhome-manage-swiper .swiper-slide-newhome-manage {
    width: 180px;
    height: 180px;
  }
  .newhome-points-container {
    height: 190px;
  }
  .newhome-points-container .newhome-points-swiper {
    height: 190px;
  }
  .newhome-points-container .newhome-points-swiper .swiper-slide-newhome-points {
    width: 240px;
    height: 180px;
  }
  .newhome-points-container .newhome-points-swiper .swiper-slide-newhome-points .banner-points {
    width: 240px;
  }
  .newhome-help-container {
    height: 190px;
    padding: 0px !important;
  }
  .newhome-help-container .newhome-help-swiper {
    height: 190px;
  }
  .newhome-help-container .newhome-help-swiper .swiper-slide-newhome-help {
    width: 240px;
    height: 190px;
  }
  .newhome-help-container .newhome-help-swiper .swiper-slide-newhome-help .banner-help-phrase div {
    font-size: 14px;
    margin-top: 90px;
  }
  .newhome-social-container {
    height: 190px;
    padding: 0px !important;
  }
  .newhome-social-container .newhome-social-swiper {
    height: 190px;
  }
  .newhome-social-container .newhome-social-swiper .swiper-slide-newhome-social {
    width: 240px;
    height: 190px;
  }
  .newhome-social-container .newhome-social-swiper .swiper-slide-newhome-social .button-container {
    top: 145px;
  }
  .newhome-social-container .newhome-social-swiper .swiper-slide-newhome-social .banner-social-phrase div {
    font-size: 14px;
    margin-top: 90px;
  }
  .newhome-owner-container {
    height: 190px;
    padding: 0px !important;
  }
  .newhome-owner-container .newhome-owner-swiper {
    height: 190px;
  }
  .newhome-owner-container .newhome-owner-swiper .swiper-slide-newhome-owner {
    width: 240px;
    height: 190px;
  }
  .newhome-owner-container .newhome-owner-swiper .swiper-slide-newhome-owner .button-container {
    top: 145px;
  }
  .newhome-owner-container .newhome-owner-swiper .swiper-slide-newhome-owner .banner-owner-phrase div {
    font-size: 14px;
    margin-top: 90px;
  }
  #banner-home-container .home-banner-swiper {
    height: 190px;
  }
  #banner-home-container .home-banner-swiper .swiper-slide-home-banner {
    width: 240px;
    height: 190px;
  }
  #banner-home-container .home-banner-swiper .swiper-slide-home-banner .headerz {
    margin-top: 10px;
    font-size: 13px;
    font-weight: 500;
  }
  #banner-home-container .home-banner-swiper .swiper-slide-home-banner .titlez {
    font-size: 18px;
  }
  #banner-home-container .home-banner-swiper .swiper-slide-home-banner .review-titlez {
    font-size: 18px;
  }
  #banner-home-container .home-banner-swiper .swiper-slide-home-banner .review-picturez {
    border-radius: 100%;
    left: 20px;
    width: 60px;
    height: 60px;
  }
  #banner-home-container .home-banner-swiper .swiper-slide-home-banner .review-picturez span {
    top: 65px;
    width: 76px;
  }
}
/*
 *   BRAND NEW HOME!!!
 */
.newhome-noty-container {
  width: 200px;
  margin-right: -110px;
  margin-top: 30px;
  float: right;
}
.newhome-noty-container .newhome-noty {
  width: 200px;
  height: 55px;
  margin-bottom: 10px;
  background-color: white;
  border-radius: 300px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-top: 12px;
  text-align: left;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  display: block;
  position: relative;
}
.newhome-noty-container .newhome-noty .newhome-noty-text-newline {
  display: none;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  margin-top: -6px;
  margin-left: 15px;
}
.newhome-noty-container .newhome-noty .newhome-noty-text-inline {
  display: inline;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  vertical-align: top;
  line-height: 31px;
  padding-left: 12px;
}
.newhome-noty-container .newhome-noty .newhome-noty-badge {
  position: absolute;
  left: -7px;
  top: -7px;
  background-color: #22b250;
  border-radius: 300px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  text-align: center;
  color: white;
  font-weight: 500;
  font-size: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.newhome-personal-noty-badge {
  position: absolute;
  left: 0px;
  top: -7px;
  background-color: #22b250;
  border-radius: 300px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  text-align: center;
  color: white;
  font-weight: 500;
  font-size: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.newhome-personal-area-container {
  position: absolute;
  left: 20px;
  top: 90px;
}
.newhome-personal-area-container #newhome-personal-area {
  background-color: white;
  border-radius: 300px;
  padding: 15px;
  text-align: center;
  width: 100px;
  height: 100px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.newhome-personal-area-container #newhome-personal-area .newhome-text-newline {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  margin-top: -6px;
  line-height: 14px;
}
.newhome-card-area-container {
  position: absolute;
  left: 130px;
  top: 30px;
}
.newhome-card-area-container #newhome-card-area {
  background-color: white;
  border-radius: 300px;
  padding: 12px;
  text-align: center;
  width: 80px;
  height: 80px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.newhome-card-area-container #newhome-card-area .newhome-text-newline {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  margin-top: -6px;
}
.newhome-other-container {
  margin-top: 180px;
  width: 100%;
  margin-left: 0px;
}
.newhome-other-container .visible-small {
  display: none;
}
.newhome-other-container .newhome-take-picture-container {
  margin-left: calc(50% - 100px);
  position: relative;
  max-width: 200px;
}
.newhome-other-container .newhome-take-picture-container .newhome-take-picture {
  text-align: center;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 500;
  background-color: #22b250;
  width: 200px;
  height: 200px;
  border-radius: 300px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  transition: all 0.3s ease;
}
.newhome-other-container .newhome-take-picture-container .newhome-take-picture.close-bill {
  -webkit-transform: scale(1) rotate(720deg) !important;
  -ms-transform: scale(1) rotate(720deg) !important;
  transform: scale(1) rotate(720deg) !important;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}
.newhome-other-container .newhome-take-picture-container .newhome-take-picture.open-bill {
  -webkit-transform: scale(0.3) rotate(-720deg) !important;
  -ms-transform: scale(0.3) rotate(-720deg) !important;
  transform: scale(0.3) rotate(-720deg) !important;
  box-shadow: 0px 0px 200px rgba(0, 0, 0, 0.6);
  opacity: 0.8;
}
.newhome-other-container .newhome-take-picture-container .newhome-take-picture.open-bill-end {
  margin-top: 72px;
  margin-left: 70px;
  width: 60px;
  height: 60px;
  box-shadow: 0px 0px 200px rgba(0, 0, 0, 0.6);
  opacity: 1;
}
.newhome-other-container .newhome-take-picture-container .newhome-take-picture.open-bill-end svg {
  fill: #fff;
  height: 30px;
  margin-bottom: 0;
  margin-left: 0px;
  margin-top: 15px;
  overflow: visible;
  stroke: #fff;
  stroke-width: 6px;
  width: 30px;
}
.newhome-other-container .newhome-take-picture-container .newhome-take-picture svg {
  fill: #fff;
  height: 100px;
  margin-bottom: 0;
  margin-left: 0px;
  margin-top: 45px;
  overflow: visible;
  stroke: #fff;
  stroke-width: 10px;
  width: 100px;
}
.newhome-other-container .newhome-take-picture-container .newhome-take-picture-qr {
  text-align: center;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 500;
  position: absolute !important;
  top: 35px;
  left: 35px;
  background-color: white;
  width: 90px;
  height: 90px;
  border-radius: 300px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  transition: all 0.3s ease;
}
.newhome-other-container .newhome-take-picture-container .newhome-take-picture-qr.close-bill {
  transform: translate3d(0px, 0px, -10px);
  z-index: -10;
  opacity: 0;
}
.newhome-other-container .newhome-take-picture-container .newhome-take-picture-qr.open-bill {
  transform: translate3d(115px, -10px, 3px);
  z-index: 3;
  opacity: 0;
}
.newhome-other-container .newhome-take-picture-container .newhome-take-picture-qr.open-bill-end {
  top: -46px;
  left: 150px;
  transform: translateZ(3px);
  z-index: 3;
  opacity: 1;
}
.newhome-other-container .newhome-take-picture-container .newhome-take-picture-qr svg {
  fill: rgba(0, 0, 0, 0.5);
  height: 40px;
  margin-bottom: 0;
  margin-left: 0px;
  margin-top: 15px;
  overflow: visible;
  stroke: rgba(0, 0, 0, 0.5);
  stroke-width: 0px;
  width: 40px;
}
.newhome-other-container .newhome-take-picture-container .newhome-take-picture-bill {
  text-align: center;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 500;
  position: absolute !important;
  top: 35px;
  left: 35px;
  background-color: white;
  width: 90px;
  height: 90px;
  border-radius: 300px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  transition: all 0.3s ease;
}
.newhome-other-container .newhome-take-picture-container .newhome-take-picture-bill.close-bill {
  transform: translate3d(0px, 0px, -10px);
  z-index: -10;
  opacity: 0;
}
.newhome-other-container .newhome-take-picture-container .newhome-take-picture-bill.open-bill {
  transform: translate3d(70px, 105px, 3px);
  z-index: 3;
  opacity: 0;
}
.newhome-other-container .newhome-take-picture-container .newhome-take-picture-bill.open-bill-end {
  top: 69px;
  left: 105px;
  transform: translateZ(3px);
  z-index: 3;
  opacity: 1;
}
.newhome-other-container .newhome-take-picture-container .newhome-take-picture-bill svg {
  fill: rgba(0, 0, 0, 0.5);
  height: 40px;
  margin-bottom: 0;
  margin-left: 0px;
  margin-top: 15px;
  overflow: visible;
  stroke: rgba(0, 0, 0, 0.5);
  stroke-width: 0px;
  width: 40px;
}
/*  Ripple START */
.shareup-ripple {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: rgba(34, 178, 80, 0.3);
  transform: scale(0);
  position: absolute;
  opacity: 1;
}
.shareup-ripple-effect {
  animation: ripple-drop 0.3s linear;
}
.white-ripple {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  transform: scale(0);
  position: absolute;
  opacity: 1;
}
.white-ripple-effect {
  animation: ripple-drop 0.3s linear;
}
@keyframes ripple-drop {
  100% {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}
/*  Ripple END */
@media screen and (min-width: 401px) and (max-width: 860px) {
  .newhome-noty-container .newhome-noty {
    text-align: left;
    padding-top: 5px;
  }
  .newhome-noty-container .newhome-noty .newhome-noty-text-newline {
    display: inherit;
  }
  .newhome-noty-container .newhome-noty .newhome-noty-text-inline {
    display: none;
  }
  .newhome-personal-area-container #newhome-personal-area .newhome-text-newline {
    font-size: 13px;
  }
  .newhome-card-area-container #newhome-card-area .newhome-text-newline {
    font-size: 13px;
  }
}
@media screen and (min-width: 1px) and (max-width: 400px) {
  .newhome-noty-container {
    margin-top: 0px;
  }
  .newhome-noty-container .newhome-noty {
    text-align: left;
    padding-top: 5px;
  }
  .newhome-noty-container .newhome-noty .newhome-noty-text-newline {
    display: inherit;
  }
  .newhome-noty-container .newhome-noty .newhome-noty-text-inline {
    display: none;
  }
  .newhome-personal-area-container {
    top: 40px;
  }
  .newhome-personal-area-container #newhome-personal-area {
    padding: 5px;
    width: 80px;
    height: 80px;
  }
  .newhome-personal-area-container #newhome-personal-area .newhome-text-newline {
    font-size: 13px;
  }
  .newhome-card-area-container {
    top: 10px;
    left: 98px;
  }
  .newhome-card-area-container #newhome-card-area {
    padding: 5px;
    width: 60px;
    height: 60px;
  }
  .newhome-card-area-container #newhome-card-area .newhome-text-newline {
    font-size: 13px;
  }
  .newhome-other-container {
    margin-top: 140px;
  }
  .newhome-other-container .visible-small {
    display: block;
  }
  .newhome-other-container .newhome-take-picture-container {
    margin-left: calc(42% - 85px);
    max-width: 170px;
  }
  .newhome-other-container .newhome-take-picture-container .newhome-take-picture {
    width: 170px;
    height: 170px;
  }
  .newhome-other-container .newhome-take-picture-container .newhome-take-picture.open-bill-end {
    margin-top: 57px;
    margin-left: 55px;
  }
  .newhome-other-container .newhome-take-picture-container .newhome-take-picture svg {
    height: 90px;
    margin-left: 0px;
    margin-top: 37px;
    width: 90px;
  }
  .newhome-other-container .newhome-take-picture-container .newhome-take-picture-qr.open-bill-end {
    top: -30px;
  }
  .newhome-other-container .newhome-take-picture-container .newhome-take-picture-bill.open-bill {
    transform: translate3d(70px, 95px, 3px);
    z-index: 3;
    opacity: 0;
  }
  .newhome-other-container .newhome-take-picture-container .newhome-take-picture-bill.open-bill-end {
    top: 75px;
    left: 105px;
    transform: translateZ(3px);
    z-index: 3;
    opacity: 1;
  }
}
/*
 *   MATERIAL FLOATING BUTTON
 *   Inserito nel footer del tema base
 */
.fixed-page-footer .page-footer {
  -webkit-backface-visibility: hidden;
  position: fixed;
  right: 0;
  width: 71px;
  z-index: 1002;
  /*&.page-footer-full {
    	width: 100% !important;
    }*/
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.expansion-animation {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.page-footer {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  border-top: none;
  bottom: 0;
  display: block;
  height: 71px;
  max-height: 71px;
  padding: 0;
  position: absolute;
  width: 100%;
}
.page-footer ul {
  opacity: 0;
  position: absolute;
  bottom: -371px;
  right: 15px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.page-footer.expanded ul {
  opacity: 1;
  -webkit-transform: translateY(-443px) !important;
  -moz-transform: translateY(-443px) !important;
  -ms-transform: translateY(-443px) !important;
  -o-transform: translateY(-443px) !important;
  transform: translateY(-443px) !important;
}
.mfb-component__wrap {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.mfb-component__button--main {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  position: absolute !important;
  right: 15px !important;
  bottom: 15px !important;
}
.mfb-component__button--main:active {
  top: auto !important;
  left: auto !important;
  position: absolute !important;
  right: 15px !important;
  bottom: 15px !important;
}
.mfb-component__button--main svg {
  position: absolute !important;
  right: 15px !important;
  bottom: 15px !important;
}
.mfb-component__list li {
  height: 56px;
  margin-bottom: 6px;
}
#mfbtn-child-1 {
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
#mfbtn-child-2 {
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
#mfbtn-child-3 {
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
#mfbtn-child-4 {
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
.mfb-overlay {
  display: none;
  /*
  top: 0;
  bottom: 0; 
  left: 0;
  right: 0;
  position: fixed;
  -webkit-backface-visibility: hidden;
  overflow: visible;
  z-index: 1001;
  background-color: @white;
  opacity: 0.7;
     -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;  */
}
.mfb-component__main-icon--active,
.mfb-component__main-icon--resting {
  -webkit-transform: scale(1) rotate(720deg);
  transform: scale(1) rotate(720deg);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.mfb-component__main-icon--active {
  opacity: 0;
  transform: scale(0) rotate(-720deg);
  -webkit-transform: scale(0) rotate(-720deg);
}
.page-footer.expanded .mfb-component__main-icon {
  -webkit-transform: scale(1) rotate(720deg);
  transform: scale(1) rotate(720deg);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.page-footer.expanded .mfb-component__main-icon--resting {
  opacity: 0;
  transform: scale(0) rotate(-720deg);
  -webkit-transform: scale(0) rotate(-720deg);
}
.page-footer.expanded .mfb-component__main-icon--active {
  opacity: 1;
  transform: scale(1) rotate(720deg);
  -webkit-transform: scale(1) rotate(720deg);
}
/*------------------------------------*\
    #LABELS | base
\*------------------------------------*/
/**
 * These are the labels associated to each button,
 * exposed only when hovering the related button.
 * They are called labels but are in fact data-attributes of
 * each button (an anchor tag).
 */
[data-mfb-label]:after {
  content: attr(data-mfb-label);
  opacity: 0;
  background: rgba(0, 0, 0, 0.6);
  padding: 4px 10px;
  border-radius: 3px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -10.5px;
  transition: all 0.5s;
}
/*[data-mfb-label].clicked:after {*/
[data-mfb-label]:after {
  content: attr(data-mfb-label);
  opacity: 1;
  transition: all 0.3s;
}
[data-mfb-label-main]:after {
  content: attr(data-mfb-label-main);
  opacity: 0;
  background: rgba(0, 0, 0, 0.6);
  padding: 4px 10px;
  border-radius: 3px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -10.5px;
  transition: all 0.5s;
}
[data-mfb-label-main].clicked:after {
  content: attr(data-mfb-label-main);
  opacity: 1;
  transition: all 0.3s;
}
/*------------------------------------*\
    #LABELS | Modifiers
\*------------------------------------*/
.page-footer [data-mfb-label]:after {
  content: attr(data-mfb-label);
  right: 70px;
}
.page-footer [data-mfb-label-main]:after {
  content: attr(data-mfb-label-main);
  right: 70px;
}
.card {
  margin-bottom: 12px;
  position: relative;
  vertical-align: top;
}
.card.small {
  cursor: pointer;
  width: 47%;
  max-width: 150px;
  height: 125px;
  margin-left: 5px;
}
.card.small .card-image {
  height: 100px;
  min-height: 100px;
  margin: 0 auto;
  max-width: 150px;
  width: 100%;
}
.card.extra-small {
  cursor: pointer;
  width: 130px;
  height: 90px;
  margin-left: 5px;
  float: none;
  text-align: center;
}
.card.extra-small .card-image {
  height: 90px;
  min-height: 90px;
  margin: 0 auto;
  max-width: 130px;
  width: 100%;
}
.card.extra-small .card-image .card-image-headline {
  left: 5px;
  bottom: 5px;
  font-size: 1em;
  margin-right: 5px;
}
.card.extra-small .card-image .card-image-headline span {
  font-size: 14px !important;
}
.card.responsive-one-third-plis {
  width: 31%;
  margin-right: 0.5%;
  margin-left: 0.5%;
  max-width: 300px;
  position: relative;
  display: inline-block;
  float: none;
}
.card.responsive-one-third-page {
  width: 31%;
  margin-right: 0.5%;
  margin-left: 0.5%;
  max-width: 300px;
  position: relative;
  display: inline-block;
  float: none;
}
.card.responsive-two-third-page {
  width: 64%;
  margin-right: 0.5%;
  margin-left: 0.5%;
  max-width: 600px;
  position: relative;
  display: inline-block;
  float: none;
}
.card.responsive-one-half-page {
  width: 49%;
  margin-right: 0.5%;
  margin-left: 0.5%;
  max-width: 300px;
  position: relative;
  display: inline-block;
  float: none;
}
.card .card-image {
  position: relative;
  min-height: 170px;
  padding: 0px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.card .card-image.no-prices.no-footer {
  height: 100% !important;
}
.card .card-image .card-image-up-line {
  font-size: 13px;
  margin-top: 4px;
  margin-right: 13px;
  margin-left: 13px;
  width: 95%;
}
.card .card-image .card-image-up-line span {
  color: #ffffff !important;
  text-shadow: 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444;
}
.card .card-image .card-image-up-line span.left {
  float: left;
}
.card .card-image .card-image-up-line span.right {
  margin-right: 13px;
  float: right;
}
.card .card-image .card-image-headline {
  position: absolute;
  padding-left: 5px;
  bottom: 8px;
  font-size: 1.5em;
  margin-right: 10px;
  text-shadow: 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444;
  width: 90%;
  color: white;
}
.card .card-image .card-image-headline .card-image-headline-subtitle {
  font-size: 13px;
  text-shadow: 1px 1px #000;
}
.card .card-image .card-image-headline .card-image-headline-subtitle span.left {
  float: left;
}
.card .card-image .card-image-headline .card-image-headline-subtitle span.right {
  float: right;
}
.card .card-body {
  min-height: 60px;
  font-size: 14px;
  color: #8f8f8f;
  padding: 8px;
  height: 5%;
}
.card hr {
  margin-bottom: 0px;
  margin-top: 0px;
}
.card .card-footer {
  padding: 0px 8px;
}
.card .card-footer button {
  height: 32px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  margin: 8px 4px !important;
  bottom: 0px;
  left: 0px;
}
.card .card-footer button:first-child {
  left: 0px;
}
.card .ah-overlay-card {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  z-index: 10;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.card-filter-bar {
  width: 25%;
  float: left;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.card-filter-bar:not(.first):before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 20px;
  height: 37px;
  width: 25%;
  border-left: 1px solid #bbb;
}
.card-filter-bar span {
  font-weight: 400;
  color: #80807f;
}
.card-filter-bar .svg-new-filter-card {
  vertical-align: middle;
  width: 100%;
  height: 60px;
  stroke-width: 9px;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
.card-filter-bar:hover span {
  color: #0078ff !important;
}
.card-filter-bar:hover .svg-new-filter-card {
  fill: #0078ff !important;
  stroke: #0078ff !important;
}
.card-filter-bar.not-selected span {
  color: #80807f;
}
.card-filter-bar.not-selected .svg-new-filter-card {
  fill: #80807f;
  stroke: #80807f;
}
.card-filter-bar.selected span {
  color: #0078ff;
}
.card-filter-bar.selected .svg-new-filter-card {
  fill: #0078ff !important;
  stroke: #0078ff !important;
}
#card-filter-tags {
  text-align: center;
  margin: 20px 5px 3px;
  font-size: 13px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  font-style: italic;
}
#card-filter-dropdown {
  background-color: #ececeb;
  color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.35);
  -moz-box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.35);
  -o-box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.35);
  text-align: center;
  margin-top: 15px;
  padding: 20px 5px 5px;
  font-size: 15px;
  font-weight: 400;
}
#card-filter-dropdown.second:after {
  bottom: 100%;
  left: 40%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: rgba(0, 0, 0, 0.35);
  border-width: 12px;
  margin-left: -24px;
}
#card-filter-dropdown.third:after {
  bottom: 100%;
  left: 65%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: rgba(0, 0, 0, 0.35);
  border-width: 12px;
  margin-left: -24px;
}
#card-filter-dropdown.fourth:after {
  bottom: 100%;
  left: 90%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: rgba(0, 0, 0, 0.35);
  border-width: 12px;
  margin-left: -24px;
}
#card-filter-dropdown input {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.6);
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  .card.responsive-one-third-plis {
    width: 48.6%;
    margin-right: 0.5%;
    margin-left: 0.5%;
  }
  .card.responsive-one-third-page {
    width: 31%;
    margin-right: 0.5%;
    margin-left: 0.5%;
  }
  .card.responsive-two-third-page {
    width: 64%;
    margin-right: 0.5%;
    margin-left: 0.5%;
  }
  .card.responsive-one-half-page {
    width: 49%;
    margin-right: 0.5%;
    margin-left: 0.5%;
  }
}
@media screen and (min-width: 641px) and (max-width: 767px) {
  .card.responsive-one-third-plis {
    width: 48.6%;
    margin-right: 0.5%;
    margin-left: 0.5%;
  }
  .card.responsive-one-third-page {
    width: 48.6%;
    margin-right: 0.5%;
    margin-left: 0.5%;
  }
  .card.responsive-two-third-page {
    width: 48.6%;
    margin-right: 0.5%;
    margin-left: 0.5%;
  }
  .card.responsive-one-half-page {
    width: 49%;
    margin-right: 0.5%;
    margin-left: 0.5%;
  }
}
@media screen and (min-width: 451px) and (max-width: 640px) {
  .card.responsive-one-third-plis {
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
  }
  .card.responsive-one-third-page {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .card.responsive-two-third-page {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .card.responsive-one-half-page {
    width: 49%;
    margin-right: 0.5%;
    margin-left: 0.5%;
  }
}
@media screen and (min-width: 321px) and (max-width: 450px) {
  .col-xs-6-custom {
    width: 100%;
  }
  .card.responsive-one-third-plis {
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
  }
  .card.responsive-one-third-page {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .card.responsive-two-third-page {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .card.responsive-one-half-page {
    width: 49%;
    margin-right: 0.5%;
    margin-left: 0.5%;
  }
}
@media screen and (max-width: 320px) {
  .col-xs-6-custom {
    width: 100%;
  }
  .card.responsive-one-third-plis {
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
  }
  .card.responsive-one-third-page {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .card.responsive-two-third-page {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .card.responsive-one-half-page {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}
.evidence {
  box-shadow: 0 8px 17px 0 rgba(0, 153, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.3) !important;
}
.card-disabled {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 9999999;
  opacity: 0;
}
.card-sub-title {
  text-transform: uppercase;
  color: #0078ff;
  font-weight: 400;
  font-size: 15px;
  margin-bottom: 10px;
  margin-left: 5px;
}
.card-sub-title .noty-badge {
  background-color: #0078ff;
  color: white;
  border-radius: 300px;
  width: 25px;
  height: 25px;
  text-align: center;
  padding-top: 2px;
  display: inline-block;
}
.card-sub-title.advantage-points {
  color: #2d66ff;
}
.page-card-title {
  width: 100%;
  text-align: center;
  font-weight: 600;
  color: #0078ff;
  margin-bottom: 12px !important;
  margin-top: 12px !important;
}
.page-card-title.advantage-money {
  color: #ff5458 !important;
}
.page-card-title.advantage-points {
  color: #2d66ff !important;
}
.page-card-title.advantage-discounts {
  color: #ffb603 !important;
}
.page-card-title.advantage-shareup {
  color: #0078ff !important;
}
.promo-card {
  display: inline-block;
  margin: 5px 5px 10px;
  max-width: 220px;
  position: relative;
  width: 100%;
  height: 290px;
  border-radius: 5px;
  background-color: transparent;
  vertical-align: top;
  cursor: pointer;
}
.promo-card .cardz {
  border-radius: 10px;
  margin: 0;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.3);
}
.promo-card .cardz:hover {
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
.promo-card .card-flag {
  position: absolute;
  right: 11px;
  top: -3px;
  z-index: 4;
}
.promo-card .card-picture {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  cursor: pointer;
  line-height: 33px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  max-width: 220px;
  width: 100%;
  height: 130px;
}
.promo-card .card-picture ul {
  padding-top: 90px;
}
.promo-card .card-picture.overlay:before {
  content: " ";
  width: 100%;
  height: 130px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  background-image: -webkit-linear-gradient(top, rgba(0, 172, 230, 0.7) 0%, rgba(0, 113, 193, 0.8) 100%);
  background-image: -moz-linear-gradient(top, rgba(0, 172, 230, 0.7) 0%, rgba(0, 113, 193, 0.8) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 172, 230, 0.7) 0%, rgba(0, 113, 193, 0.8) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 172, 230, 0.7) 0%, rgba(0, 113, 193, 0.8) 100%);
  background-image: linear-gradient(top, rgba(0, 172, 230, 0.7) 0%, rgba(0, 113, 193, 0.8) 100%);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.promo-card .card-picture.overlay-shared:before {
  content: " ";
  width: 100%;
  height: 130px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  background-image: -webkit-linear-gradient(top, rgba(250, 223, 9, 0.7) 0%, rgba(211, 115, 42, 0.8) 100%) !important;
  background-image: -moz-linear-gradient(top, rgba(250, 223, 9, 0.7) 0%, rgba(211, 115, 42, 0.8) 100%) !important;
  background-image: -ms-linear-gradient(top, rgba(250, 223, 9, 0.7) 0%, rgba(211, 115, 42, 0.8) 100%) !important;
  background-image: -o-linear-gradient(top, rgba(250, 223, 9, 0.7) 0%, rgba(211, 115, 42, 0.8) 100%) !important;
  background-image: linear-gradient(top, rgba(250, 223, 9, 0.7) 0%, rgba(211, 115, 42, 0.8) 100%) !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.promo-card .card-middle {
  padding-top: 5px;
  height: 100px;
  background-color: #fff;
}
.promo-card .card-middle .page-card-title {
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  height: 68px;
  line-height: 66px;
  vertical-align: middle;
}
.promo-card .card-middle .page-card-title span {
  display: inline-block;
  line-height: 17px;
  vertical-align: middle;
  padding-left: 7px;
  padding-right: 7px;
}
.promo-card .card-footer .company {
  color: #0078ff !important;
}
.promo-card .card-hr {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  height: 0px;
  margin: 6px auto;
  width: 150px;
}
#promo-individual-section {
  padding: 5px;
  height: auto;
  border-radius: 10px;
  margin: 0px auto;
  text-align: center;
  font-size: 15px;
  background-image: -webkit-linear-gradient(top, rgba(0, 172, 230, 0.7) 0%, rgba(0, 113, 193, 0.8) 100%);
  background-image: -moz-linear-gradient(top, rgba(0, 172, 230, 0.7) 0%, rgba(0, 113, 193, 0.8) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 172, 230, 0.7) 0%, rgba(0, 113, 193, 0.8) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 172, 230, 0.7) 0%, rgba(0, 113, 193, 0.8) 100%);
  background-image: linear-gradient(top, rgba(0, 172, 230, 0.7) 0%, rgba(0, 113, 193, 0.8) 100%);
  max-width: 470px;
}
.user-card {
  display: inline-block;
  margin: 5px 5px 10px;
  max-width: 220px;
  position: relative;
  width: 100%;
  height: 290px;
  border-radius: 5px;
  background-color: transparent;
  vertical-align: top;
  cursor: pointer;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
}
.user-card .cardz figure {
  border-radius: 10px;
  margin: 0;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.3);
}
.user-card .cardz figure:hover {
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
.user-card .cardz figure.front {
  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
}
.user-card .cardz figure.back {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
.user-card .cardz figure.back .card-flip-back {
  left: 0;
  padding: 8px 11px;
  position: absolute;
}
.user-card .cardz figure.back .card-back-award {
  margin: 0;
  border-radius: 10px;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #0078ff;
}
.user-card .cardz figure.back .card-back-award.advantage-points {
  background-color: #2d66ff;
}
.user-card .cardz figure.back .card-back-award.advantage-money {
  background-color: #ff5458;
}
.user-card .cardz figure.back .card-back-award.advantage-discounts {
  background-color: #ffb603;
}
.user-card .cardz figure.back .card-back-award.advantage-shareup {
  background-color: #0078ff;
}
.user-card .cardz figure.back .card-back-info {
  margin: 0;
  border-radius: 10px;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.user-card .cardz.flipped {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(360deg);
  -o-transform: rotateY(180deg);
}
.user-card .cardz.flipped figure.front {
  -ms-transform: translateZ(-1px);
  -ms-transition-duration: 1s;
}
.user-card .cardz.flipped figure.back {
  -ms-transform: translateZ(1px);
  -ms-transition-duration: 1s;
}
.user-card .cardz.flipped-right {
  transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-360deg);
  -o-transform: rotateY(-180deg);
}
.user-card .cardz.flipped-right figure.front {
  -ms-transform: translateZ(-1px);
  -ms-transition-duration: 1s;
}
.user-card .cardz.flipped-right figure.back {
  -ms-transform: translateZ(1px);
  -ms-transition-duration: 1s;
}
.user-card .card-flag {
  position: absolute;
  right: 11px;
  top: -3px;
  z-index: 4;
}
.user-card .info-flag-container {
  cursor: pointer;
  left: 0;
  padding: 8px 11px;
  position: absolute;
  top: 0;
  z-index: 4;
  width: 45px;
  height: 45px;
}
.user-card .info-flag-container .info-flag {
  border: 1px solid rgba(0, 0, 0, 0.8);
  background-color: #ddd;
  border-radius: 20px;
  width: 25px;
  height: 25px;
  font-size: 17px;
  font-weight: 500;
  color: #000000;
  position: absolute;
  top: 8px;
  left: 10px;
}
.user-card .card-picture {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  cursor: pointer;
  line-height: 33px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  max-width: 220px;
  width: 100%;
  height: 130px;
}
.user-card .card-picture.overlay:before {
  content: " ";
  width: 100%;
  height: 130px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  background-image: -webkit-linear-gradient(top, rgba(250, 223, 9, 0.7) 0%, rgba(211, 115, 42, 0.8) 100%);
  background-image: -moz-linear-gradient(top, rgba(250, 223, 9, 0.7) 0%, rgba(211, 115, 42, 0.8) 100%);
  background-image: -ms-linear-gradient(top, rgba(250, 223, 9, 0.7) 0%, rgba(211, 115, 42, 0.8) 100%);
  background-image: -o-linear-gradient(top, rgba(250, 223, 9, 0.7) 0%, rgba(211, 115, 42, 0.8) 100%);
  background-image: linear-gradient(top, rgba(250, 223, 9, 0.7) 0%, rgba(211, 115, 42, 0.8) 100%);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.user-card .card-middle {
  padding-top: 5px;
  height: 65px;
  background-color: #fff;
}
.user-card .card-footer {
  padding: 0px;
  padding-top: 5px;
  background-color: #0078ff;
  color: #fff;
  height: 95px !important;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: inset 0 7px 7px -5px rgba(0, 0, 0, 0.3);
}
.user-card .card-footer.advantage-money {
  background-color: #ff5458 !important;
}
.user-card .card-footer.advantage-points {
  background-color: #2d66ff !important;
}
.user-card .card-footer.advantage-discounts {
  background-color: #ffb603 !important;
}
.user-card .card-footer.advantage-shareup {
  background-color: #0078ff !important;
}
.user-card .card-footer .card-points-section {
  margin-top: 0px;
  height: 21px;
  line-height: 17px;
}
.user-card .card-footer .card-points-section > div {
  font-size: 15px;
  padding-top: 5px;
  height: 56px;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.user-card .card-footer .card-points-section > div.left {
  border-right: 1px solid #049c41;
}
.user-card .card-footer .card-points-section > div.left.advantage-money {
  border-right: 1px solid #ff2126 !important;
}
.user-card .card-footer .card-points-section > div.left.advantage-points {
  border-right: 1px solid #1453ff !important;
}
.user-card .card-footer .card-points-section > div.left.advantage-discounts {
  border-right: 1px solid #cf9300 !important;
}
.user-card .card-footer .card-points-section > div.left.advantage-shareup {
  border-right: 1px solid #049c41 !important;
}
.user-card .card-footer .card-points-section > div.right {
  border-left: 1px solid #049c41;
}
.user-card .card-footer .card-points-section > div.right.advantage-money {
  border-left: 1px solid #ff2126 !important;
}
.user-card .card-footer .card-points-section > div.right.advantage-points {
  border-left: 1px solid #1453ff !important;
}
.user-card .card-footer .card-points-section > div.right.advantage-discounts {
  border-left: 1px solid #cf9300 !important;
}
.user-card .card-footer .card-points-section > div.right.advantage-shareup {
  border-left: 1px solid #049c41 !important;
}
.user-card .card-footer .card-points-section > div > div {
  font-size: 28px;
  font-weight: 600;
  margin-top: 2px;
}
.user-card .card-hr {
  border: 1px solid #049c41;
  width: 100px;
  height: 1px;
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
.user-card .card-hr.advantage-money {
  border: 1px solid #ff2126 !important;
}
.user-card .card-hr.advantage-points {
  border: 1px solid #1453ff !important;
}
.user-card .card-hr.advantage-discounts {
  border: 1px solid #cf9300 !important;
}
.user-card .card-hr.advantage-shareup {
  border: 1px solid #049c41 !important;
}
.biz-card-mini {
  overflow: hidden !important;
  display: inline-block;
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  width: 308px;
  max-width: 308px;
  position: relative;
  height: 115px;
  max-height: 115px;
  border-radius: 8px;
  background-color: transparent;
  vertical-align: top;
  cursor: pointer;
  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.3);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
  -webkit-transition: -webkit-transform 0ms;
  z-index: 0;
}
.biz-card-mini .card-round-advantage-type {
  border-radius: 300px;
  cursor: pointer;
  height: 65px;
  position: absolute;
  right: -20px;
  top: 72px;
  width: 68px;
  z-index: 3;
  background-color: #fff;
}
.biz-card-mini .card-round-advantage-type svg {
  width: 27px;
  height: 28px;
  stroke-width: 12px;
  margin-top: 8px;
  margin-left: -10px;
}
.biz-card-mini .card-round-advantage-type .points-div {
  font-size: 27px;
  font-weight: 500;
  color: #2d66ff;
  line-height: 24px;
  margin-top: 12px;
}
.biz-card-mini .card-round-advantage-type.advantage-money {
  border: 2px solid #ff5458;
}
.biz-card-mini .card-round-advantage-type.advantage-money svg {
  fill: transparent;
  stroke: #ff5458;
}
.biz-card-mini .card-round-advantage-type.advantage-discounts {
  border: 2px solid #ffb603;
}
.biz-card-mini .card-round-advantage-type.advantage-discounts svg {
  fill: #ffb603;
  stroke: #ffb603;
}
.biz-card-mini .card-round-advantage-type.advantage-points {
  border: 2px solid #2d66ff;
}
.biz-card-mini .card-round-advantage-type.advantage-points svg {
  fill: transparent;
  stroke: #2d66ff;
}
.biz-card-mini .card-round-advantage-type.advantage-shareup {
  border: 2px solid #22b250;
}
.biz-card-mini .card-round-advantage-type.advantage-shareup svg {
  fill: transparent;
  stroke: #22b250;
}
.biz-card-mini .card-picture {
  float: left;
  border-radius: 0px;
  cursor: pointer;
  line-height: 33px;
  margin-left: 0px;
  margin-right: auto;
  margin-top: 0px;
  width: 115px;
  height: 115px;
  z-index: 2;
}
.biz-card-mini .card-picture.overlay-half:before {
  content: " ";
  width: 100%;
  height: 115px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.9) 100%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.9) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.9) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.9) 100%);
  background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.9) 100%);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.biz-card-mini .card-middle {
  float: left;
  width: 193px;
  min-width: 193px;
  max-width: 193px;
  padding-top: 12px;
  padding-right: 10px;
  height: 115px;
  background-color: #fff;
  text-align: left;
  padding-left: 12px;
  z-index: 2;
}
.biz-card-mini .card-middle .advantage-front {
  font-weight: 600;
  font-size: 13px;
}
.biz-card-mini .card-middle .advantage-front.advantage-money {
  color: #ff5458;
}
.biz-card-mini .card-middle .advantage-front.advantage-discounts {
  color: #ffb603;
}
.biz-card-mini .card-middle .advantage-front.advantage-points {
  color: #2d66ff;
}
.biz-card-mini .card-middle .advantage-front.advantage-shareup {
  color: #22b250;
}
.biz-card-mini .card-middle .card-middle-overlay-text {
  font-size: 17px;
  margin-top: 13px;
  text-transform: uppercase;
  font-weight: 500;
}
.biz-card-noty-contest {
  position: absolute;
  text-align: center;
  top: 3px;
  right: 3px;
  background-color: #0078ff;
  color: #fff;
  width: 25px;
  height: 25px;
  z-index: 3;
  border-radius: 300px;
  border: 1px solid white;
  line-height: 22px;
  vertical-align: middle;
  font-size: 15px;
}
.biz-card-noty-delivery {
  position: absolute;
  text-align: left;
  top: 3px;
  left: 3px;
  color: #22b250;
  background-color: #fff;
  width: auto;
  height: 25px;
  z-index: 3;
  border-radius: 13px;
  border: 1px solid #22b250;
  line-height: 22px;
  vertical-align: middle;
  font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
  text-transform: uppercase;
  font-weight: 500;
}
.biz-card-square {
  display: inline-block;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  width: 350px;
  max-width: 350px;
  position: relative;
  height: 280px;
  max-height: 280px;
  border-radius: 0px;
  background-color: transparent;
  vertical-align: top;
  cursor: pointer;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
  -webkit-transition: -webkit-transform 0ms;
  z-index: 0;
}
.biz-card-square.responsive {
  width: 31.6% !important;
  -webkit-backface-visibility: hidden;
  height: 280px;
  max-height: 280px;
}
.biz-card-square.small {
  width: 180px !important;
}
.biz-card-square .card-flag {
  position: absolute;
  right: 11px;
  top: -3px;
  z-index: 4;
}
.biz-card-square .info-flag-container {
  cursor: pointer;
  left: 0;
  padding: 8px 11px;
  position: absolute;
  top: 0;
  z-index: 4;
  width: 45px;
  height: 45px;
}
.biz-card-square .info-flag-container .info-flag {
  border: 1px solid rgba(0, 0, 0, 0.8);
  background-color: #ddd;
  border-radius: 20px;
  width: 25px;
  height: 25px;
  font-size: 17px;
  font-weight: 500;
  color: #000000;
  position: absolute;
  top: 8px;
  left: 10px;
}
.biz-card-square .info-flag-container .info-flag.advantage-money {
  border: 1px solid #ff5458;
  background-color: #fff;
  color: #ff5458;
}
.biz-card-square .info-flag-container .info-flag.advantage-discounts {
  border: 1px solid #ffb603;
  background-color: #fff;
  color: #ffb603;
}
.biz-card-square .info-flag-container .info-flag.advantage-points {
  border: 1px solid #2d66ff;
  background-color: #fff;
  color: #2d66ff;
}
.biz-card-square .info-flag-container .info-flag.advantage-shareup {
  border: 1px solid #22b250;
  background-color: #fff;
  color: #22b250;
}
.biz-card-square .card-countdown {
  position: absolute;
  z-index: 3;
  top: 83px;
  color: #fff;
  font-size: 32px;
  width: 100%;
  font-weight: 200;
  margin-top: 8px;
}
.biz-card-square .card-overlay-text {
  position: absolute;
  z-index: 3;
  top: 75px;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  width: 100%;
  font-weight: 500;
  color: #fff;
}
.biz-card-square .card-round-advantage-type {
  border-radius: 300px;
  cursor: pointer;
  height: 50px;
  position: absolute;
  right: 13px;
  top: 143px;
  width: 50px;
  z-index: 3;
  background-color: #fff;
}
.biz-card-square .card-round-advantage-type svg {
  width: 22px;
  stroke-width: 12px;
  margin-top: 11px;
  margin-left: 0px;
}
.biz-card-square .card-round-advantage-type .points-div {
  font-size: 27px;
  font-weight: 500;
  color: #2d66ff;
  line-height: 24px;
  margin-top: 12px;
}
.biz-card-square .card-round-advantage-type.advantage-money {
  border: 2px solid #ff5458;
}
.biz-card-square .card-round-advantage-type.advantage-money svg {
  fill: transparent;
  stroke: #ff5458;
}
.biz-card-square .card-round-advantage-type.advantage-discounts {
  border: 2px solid #ffb603;
}
.biz-card-square .card-round-advantage-type.advantage-discounts svg {
  fill: #ffb603;
  stroke: #ffb603;
}
.biz-card-square .card-round-advantage-type.advantage-points {
  border: 2px solid #2d66ff;
}
.biz-card-square .card-round-advantage-type.advantage-points svg {
  fill: transparent;
  stroke: #2d66ff;
}
.biz-card-square .card-round-advantage-type.advantage-shareup {
  border: 2px solid #22b250;
}
.biz-card-square .card-round-advantage-type.advantage-shareup svg {
  fill: transparent;
  stroke: #22b250;
}
.biz-card-square .card-round-action-type {
  display: none !important;
  border-radius: 300px;
  cursor: pointer;
  height: 50px;
  position: absolute;
  right: 70px;
  top: 143px;
  width: 50px;
  z-index: 3;
  background-color: #fff;
}
.biz-card-square .card-round-action-type svg {
  width: 27px;
  height: 27px;
  stroke-width: 2px;
  margin-top: 8px;
  margin-left: 0px;
}
.biz-card-square .card-round-action-type.advantage-money {
  border: 2px solid #ff5458;
}
.biz-card-square .card-round-action-type.advantage-money svg {
  fill: #ff5458;
  stroke: #ff5458;
}
.biz-card-square .card-round-action-type.advantage-discounts {
  border: 2px solid #ffb603;
}
.biz-card-square .card-round-action-type.advantage-discounts svg {
  fill: #ffb603;
  stroke: #ffb603;
}
.biz-card-square .card-round-action-type.advantage-points {
  border: 2px solid #2d66ff;
}
.biz-card-square .card-round-action-type.advantage-points svg {
  fill: #2d66ff;
  stroke: #2d66ff;
}
.biz-card-square .card-round-action-type.advantage-shareup {
  border: 2px solid #22b250;
}
.biz-card-square .card-round-action-type.advantage-shareup svg {
  fill: #22b250;
  stroke: #22b250;
}
.biz-card-square .card-oval-advantage-type {
  border-radius: 300px;
  cursor: pointer;
  height: 45px;
  line-height: 44px;
  position: absolute;
  right: 10px;
  top: 145px;
  width: 100px;
  z-index: 3;
  background-color: #fff;
  color: #fff;
  font-size: 19px;
  font-weight: 500;
  vertical-align: middle;
}
.biz-card-square .card-oval-advantage-type.advantage-money {
  background-color: #ff5458;
}
.biz-card-square .card-oval-advantage-type.advantage-discounts {
  background-color: #ffb603;
}
.biz-card-square .card-oval-advantage-type.advantage-points {
  background-color: #2d66ff;
}
.biz-card-square .card-oval-advantage-type.advantage-shareup {
  background-color: #22b250;
}
.biz-card-square .card-oval-advantage-type span {
  vertical-align: middle;
  line-height: 18px;
  display: inline-block;
}
.biz-card-square .card-oval-advantage-type span del {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.biz-card-square .card-picture {
  border-radius: 0px;
  cursor: pointer;
  line-height: 33px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  width: 100%;
  height: 170px;
  z-index: 2;
}
.biz-card-square .card-picture.contest-picture {
  height: 185px;
}
.biz-card-square .card-picture.overlay:before {
  content: " ";
  width: 100%;
  height: 170px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  will-change: transform;
}
.biz-card-square .card-picture.overlay-half:before {
  content: " ";
  width: 100%;
  height: 140px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.9) 100%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.9) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.9) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.9) 100%);
  background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.9) 100%);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.biz-card-square .card-middle {
  padding-top: 5px;
  height: 105px;
  background-color: #fff;
  text-align: left;
  z-index: 2;
}
.biz-card-square .card-middle .advantage-front {
  font-weight: 600;
  font-size: 13px;
}
.biz-card-square .card-middle .advantage-front.advantage-money {
  color: #ff5458;
}
.biz-card-square .card-middle .advantage-front.advantage-discounts {
  color: #ffb603;
}
.biz-card-square .card-middle .advantage-front.advantage-points {
  color: #2d66ff;
}
.biz-card-square .card-middle .advantage-front.advantage-shareup {
  color: #22b250;
}
.biz-card-square .card-middle .card-middle-overlay-text {
  font-size: 17px;
  margin-top: 13px;
  text-transform: uppercase;
  font-weight: 500;
}
.biz-card-square .card-footer {
  display: none;
}
.biz-card-square .badge-count-tokens {
  position: absolute;
  background-color: red;
  border-radius: 500px;
  font-size: 15px;
  top: -10px;
  left: calc(50% + 40px);
  z-index: 999999999;
  color: white;
  padding: 0px 9px !important;
  line-height: 25px;
  font-weight: 500;
}
.promo-card-square {
  display: inline-block;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  max-width: 350px;
  position: relative;
  width: 350px;
  height: 280px;
  border-radius: 0px;
  background-color: transparent;
  vertical-align: top;
  cursor: pointer;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.promo-card-square.responsive {
  width: 31.6% !important;
  -webkit-backface-visibility: hidden;
  height: 280px;
  max-height: 280px;
}
.promo-card-square .card-flag {
  position: absolute;
  right: 11px;
  top: -3px;
  z-index: 4;
}
.promo-card-square .card-picture {
  position: relative;
  border-radius: 0px;
  cursor: pointer;
  line-height: 33px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  max-width: 350px;
  width: 100%;
  height: 170px;
}
.promo-card-square .card-picture.overlay:before {
  content: " ";
  width: 100%;
  height: 170px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  background-image: -webkit-linear-gradient(top, rgba(250, 223, 9, 0.7) 0%, rgba(211, 115, 42, 0.8) 100%);
  background-image: -moz-linear-gradient(top, rgba(250, 223, 9, 0.7) 0%, rgba(211, 115, 42, 0.8) 100%);
  background-image: -ms-linear-gradient(top, rgba(250, 223, 9, 0.7) 0%, rgba(211, 115, 42, 0.8) 100%);
  background-image: -o-linear-gradient(top, rgba(250, 223, 9, 0.7) 0%, rgba(211, 115, 42, 0.8) 100%);
  background-image: linear-gradient(top, rgba(250, 223, 9, 0.7) 0%, rgba(211, 115, 42, 0.8) 100%);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.promo-card-square .card-picture.overlay-half:before {
  content: " ";
  width: 100%;
  height: 140px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.9) 100%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.9) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.9) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.9) 100%);
  background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.9) 100%);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.promo-card-square .card-picture.overlay-green:before {
  content: " ";
  width: 100%;
  height: 140px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 178, 80, 0) 30%, rgba(34, 178, 80, 0.7) 100%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 178, 80, 0) 30%, rgba(34, 178, 80, 0.7) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 178, 80, 0) 30%, rgba(34, 178, 80, 0.7) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 178, 80, 0) 30%, rgba(34, 178, 80, 0.7) 100%);
  background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 178, 80, 0) 30%, rgba(34, 178, 80, 0.7) 100%);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.promo-card-square .card-picture ul {
  margin-top: 130px;
}
.promo-card-square .card-middle {
  padding-top: 5px;
  height: 100px;
  background-color: #fff;
  text-align: left;
}
.promo-card-square .card-middle .advantage-front {
  font-weight: 600;
  font-size: 13px;
}
.promo-card-square .card-middle .advantage-front.advantage-money {
  color: #ff5458;
}
.promo-card-square .card-middle .advantage-front.advantage-discounts {
  color: #ffb603;
}
.promo-card-square .card-middle .advantage-front.advantage-points {
  color: #2d66ff;
}
.promo-card-square .card-middle .advantage-front.advantage-shareup {
  color: #22b250;
}
.promo-card-square .card-oval-advantage-type {
  border-radius: 300px;
  cursor: pointer;
  height: 45px;
  line-height: 44px;
  position: absolute;
  right: 10px;
  top: 145px;
  width: 100px;
  z-index: 3;
  background-color: #fff;
  color: #fff;
  font-size: 19px;
  font-weight: 500;
  vertical-align: middle;
}
.promo-card-square .card-oval-advantage-type.advantage-money {
  background-color: #ff5458;
}
.promo-card-square .card-oval-advantage-type.advantage-discounts {
  background-color: #ffb603;
}
.promo-card-square .card-oval-advantage-type.advantage-points {
  background-color: #2d66ff;
}
.promo-card-square .card-oval-advantage-type.advantage-shareup {
  background-color: #22b250;
}
.promo-card-square .card-oval-advantage-type span {
  vertical-align: middle;
  line-height: 18px;
  display: inline-block;
}
.promo-card-square .card-oval-advantage-type span del {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.promo-card-square .card-round-advantage-type {
  border-radius: 300px;
  cursor: pointer;
  height: 65px;
  position: absolute;
  right: -20px;
  top: 95px;
  width: 68px;
  z-index: 3;
  background-color: #fff;
}
.promo-card-square .card-round-advantage-type svg {
  width: 27px;
  height: 28px;
  stroke-width: 12px;
  margin-top: 8px;
  margin-left: -10px;
}
.promo-card-square .card-round-advantage-type .points-div {
  font-weight: 400;
  width: 50px;
  text-align: center;
  margin-top: 12px;
  font-size: 20px;
  line-height: 13px;
}
.promo-card-square .card-round-advantage-type .points-div span {
  font-size: 10px;
}
.promo-card-square .card-round-advantage-type.advantage-money {
  border: 2px solid #ff5458;
}
.promo-card-square .card-round-advantage-type.advantage-money svg {
  fill: transparent;
  stroke: #ff5458;
}
.promo-card-square .card-round-advantage-type.advantage-discounts {
  border: 2px solid #ffb603;
}
.promo-card-square .card-round-advantage-type.advantage-discounts svg {
  fill: #ffb603;
  stroke: #ffb603;
}
.promo-card-square .card-round-advantage-type.advantage-points {
  border: 2px solid #2d66ff;
  color: #2d66ff;
}
.promo-card-square .card-round-advantage-type.advantage-points svg {
  fill: transparent;
  stroke: #2d66ff;
}
.promo-card-square .card-round-advantage-type.advantage-points.inverted {
  border: 2px solid white;
  background-color: #2d66ff !important;
  color: white !important;
}
.promo-card-square .card-round-advantage-type.advantage-shareup {
  border: 2px solid #22b250;
}
.promo-card-square .card-round-advantage-type.advantage-shareup svg {
  fill: transparent;
  stroke: #22b250;
}
.card-standard-box-empty {
  background-color: transparent;
  border: 2px solid #0078ff;
  max-width: 400px;
  height: auto;
  border-radius: 10px;
  margin: 5px auto;
  text-align: center;
  padding-top: 10px;
  font-size: 15px;
}
.card-standard-box-empty div.title {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 17px;
  width: 100%;
  text-align: center;
  color: #0078ff;
  height: 35px;
}
.card-standard-box-empty div.left {
  width: calc(30% - 10px);
  border-right: 0px solid #0078ff;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 0px;
  float: left;
  height: 85px;
}
.card-standard-box-empty div.right {
  width: calc(70% - 10px);
  border-left: 2px solid #0078ff;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 0px;
  margin-right: 10px;
  padding-left: 5px;
  float: none;
  height: auto;
  display: inline-block;
}
.card-standard-box-empty div.right .advantage-active {
  height: auto;
  line-height: 80px;
  vertical-align: middle;
  margin-top: -5px;
  margin-bottom: 15px;
}
.card-standard-box-empty div.right .advantage-active span {
  vertical-align: middle;
  display: inline-block;
  font-size: 16px;
  line-height: 23px;
}
.card-standard-box-empty.advantage-money {
  border: 2px solid #ff5458 !important;
}
.card-standard-box-empty.advantage-money div.title {
  color: #ff5458 !important;
}
.card-standard-box-empty.advantage-money div.left {
  border-right: 0px solid #ff5458 !important;
}
.card-standard-box-empty.advantage-money div.right {
  border-left: 2px solid #ff5458 !important;
}
.card-standard-box-empty.advantage-money div .page-card-title {
  color: #ff5458 !important;
}
.card-standard-box-empty.advantage-shareup {
  border: 2px solid #22b250 !important;
}
.card-standard-box-empty.advantage-shareup div.title {
  color: #22b250 !important;
}
.card-standard-box-empty.advantage-shareup div.left {
  border-right: 0px solid #22b250 !important;
}
.card-standard-box-empty.advantage-shareup div.right {
  border-left: 2px solid #22b250 !important;
}
.card-standard-box-empty.advantage-shareup div .page-card-title {
  color: #22b250 !important;
}
.card-standard-box-empty.advantage-points {
  border: 2px solid #2d66ff !important;
}
.card-standard-box-empty.advantage-points div.title {
  color: #2d66ff !important;
}
.card-standard-box-empty.advantage-points div.left {
  border-right: 0px solid #2d66ff !important;
}
.card-standard-box-empty.advantage-points div.right {
  border-left: 2px solid #2d66ff !important;
}
.card-standard-box-empty.advantage-points div .page-card-title {
  color: #2d66ff !important;
}
.card-standard-box-empty.advantage-discounts {
  border: 2px solid #ffb603 !important;
}
.card-standard-box-empty.advantage-discounts div.title {
  color: #ffb603 !important;
}
.card-standard-box-empty.advantage-discounts div.left {
  border-right: 0px solid #ffb603 !important;
}
.card-standard-box-empty.advantage-discounts div.right {
  border-left: 2px solid #ffb603 !important;
}
.card-standard-box-empty.advantage-discounts div .page-card-title {
  color: #ffb603 !important;
}
.card-standard-box-empty.gray {
  border: 2px solid rgba(0, 0, 0, 0.4) !important;
}
.card-standard-box-empty.gray div.title {
  color: rgba(0, 0, 0, 0.4) !important;
}
.card-standard-box-empty.gray div.left {
  border-right: 0px solid rgba(0, 0, 0, 0.4) !important;
}
.card-standard-box-empty.gray div.right {
  border-left: 2px solid rgba(0, 0, 0, 0.4) !important;
}
.card-standard-box-empty.gray div .page-card-title {
  color: rgba(0, 0, 0, 0.4) !important;
}
.card-standard-box-empty.yellow {
  border: 2px solid #ffbe25 !important;
}
.card-standard-box-empty.yellow div.title {
  color: #ffbe25 !important;
}
.card-standard-box-empty.yellow div.left {
  border-right: 0px solid #ffbe25 !important;
}
.card-standard-box-empty.yellow div.right {
  border-left: 2px solid #ffbe25 !important;
}
.card-standard-box-empty.yellow div .page-card-title {
  color: #ffbe25 !important;
}
.card-standard-box-empty.red {
  border: 2px solid #ca483d !important;
}
.card-standard-box-empty.red div.title {
  color: #ca483d !important;
}
.card-standard-box-empty.red div.left {
  border-right: 0px solid #ca483d !important;
}
.card-standard-box-empty.red div.right {
  border-left: 2px solid #ca483d !important;
}
.card-standard-box-empty.red div .page-card-title {
  color: #ca483d !important;
}
.card-standard-box {
  color: #fff;
  background-color: #0078ff;
  max-width: 400px;
  height: auto;
  border-radius: 10px;
  margin: 5px auto;
  text-align: center;
  padding-top: 10px;
  font-size: 15px;
  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.card-standard-box div.title {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 17px;
  width: 100%;
  text-align: center;
  color: #fff;
  height: 35px;
}
.card-standard-box div.left {
  width: calc(30% - 10px);
  border-right: 0px solid #049c41;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 0px;
  float: left;
  height: 85px;
}
.card-standard-box div.right {
  width: calc(70% - 10px);
  border-left: 2px solid #049c41;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 0px;
  margin-right: 10px;
  padding-left: 5px;
  float: none;
  height: auto;
  display: inline-block;
}
.card-standard-box div.right .advantage-share {
  height: auto;
  line-height: 50px;
  vertical-align: middle;
  margin-top: -5px;
  margin-bottom: 5px;
}
.card-standard-box div.right .advantage-share span {
  vertical-align: middle;
  display: inline-block;
  font-size: 16px;
  line-height: 23px;
}
.card-standard-box.advantage-money {
  background-color: rgba(255, 84, 88, 0.6);
}
.card-standard-box.advantage-money div.left {
  border-right: 0px solid #ff2126;
}
.card-standard-box.advantage-money div.right {
  border-left: 2px solid #ff2126;
}
.card-standard-box.advantage-shareup {
  background-color: rgba(34, 178, 80, 0.6);
}
.card-standard-box.advantage-shareup div.left {
  border-right: 0px solid #049c41;
}
.card-standard-box.advantage-shareup div.right {
  border-left: 2px solid #049c41;
}
.card-standard-box.advantage-points {
  background-color: rgba(45, 102, 255, 0.6);
}
.card-standard-box.advantage-points div.left {
  border-right: 0px solid #1453ff;
}
.card-standard-box.advantage-points div.right {
  border-left: 2px solid #1453ff;
}
.card-standard-box.advantage-discounts {
  background-color: rgba(255, 182, 3, 0.6);
}
.card-standard-box.advantage-discounts div.left {
  border-right: 0px solid #cf9300;
}
.card-standard-box.advantage-discounts div.right {
  border-left: 2px solid #cf9300;
}
.card-award-box {
  color: #fff;
  background-color: rgba(45, 102, 255, 0.6);
  max-width: 400px;
  height: auto;
  border-radius: 10px;
  margin: 5px auto;
  text-align: center;
  padding-top: 10px;
  font-size: 15px;
  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.card-award-box div.title {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 17px;
  width: 100%;
  text-align: center;
  color: #fff;
  height: 35px;
}
.card-award-box div.left {
  width: calc(30% - 10px);
  border-right: 1px solid #0070bc;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 0px;
  float: left;
  height: 85px;
}
.card-award-box div.right {
  width: calc(70% - 10px);
  border-left: 1px solid #0070bc;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 0px;
  margin-right: 10px;
  float: none;
  height: auto;
  display: inline-block;
}
.card-award-box div.right .award-descr {
  height: auto;
  line-height: 50px;
  vertical-align: middle;
  margin-top: -5px;
  margin-bottom: 5px;
}
.card-award-box div.right .award-descr span {
  vertical-align: middle;
  display: inline-block;
  font-size: 16px;
  line-height: 23px;
}
.card-shared-box-fixed-background {
  background-image: -webkit-linear-gradient(top, #fadf09 0%, rgba(211, 115, 42, 0.9) 100%) !important;
  background-image: -moz-linear-gradient(top, #fadf09 0%, rgba(211, 115, 42, 0.9) 100%) !important;
  background-image: -ms-linear-gradient(top, #fadf09 0%, rgba(211, 115, 42, 0.9) 100%) !important;
  background-image: -o-linear-gradient(top, #fadf09 0%, rgba(211, 115, 42, 0.9) 100%) !important;
  background-image: linear-gradient(top, #fadf09 0%, rgba(211, 115, 42, 0.9) 100%) !important;
}
.card-shared-box {
  color: #fff;
  max-width: 400px;
  height: 170px;
  border-radius: 10px;
  margin: 5px auto;
  text-align: center;
  padding-top: 10px;
  font-size: 15px;
  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.3);
  position: relative;
}
.card-shared-box:before {
  content: " ";
  width: 100%;
  height: 170px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  background-image: -webkit-linear-gradient(top, #fadf09 0%, rgba(211, 115, 42, 0.9) 100%);
  background-image: -moz-linear-gradient(top, #fadf09 0%, rgba(211, 115, 42, 0.9) 100%);
  background-image: -ms-linear-gradient(top, #fadf09 0%, rgba(211, 115, 42, 0.9) 100%);
  background-image: -o-linear-gradient(top, #fadf09 0%, rgba(211, 115, 42, 0.9) 100%);
  background-image: linear-gradient(top, #fadf09 0%, rgba(211, 115, 42, 0.9) 100%);
  border-radius: 10px;
}
.card-shared-box div.title {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 17px;
  width: 100%;
  text-align: center;
  color: #fff;
  height: 35px;
}
.card-shared-box div.left {
  width: calc(30% - 10px);
  border-right: 1px solid #d3732a;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 0px;
  float: left;
  height: 85px;
}
.card-shared-box div.right {
  width: calc(70% - 10px);
  border-left: 1px solid #d3732a;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0px;
  margin-right: 10px;
  float: right;
  height: 85px;
}
.card-container {
  margin-top: 0px;
}
.col-responsive-sm6-xs12 {
  float: left;
  width: 50%;
  padding-left: 13px;
  padding-right: 13px;
  position: relative;
}
.col-responsive-sm6-xs12 div.left {
  margin-right: 0px !important;
}
.col-responsive-sm6-xs12 div.left.resizing {
  max-width: 400px;
}
.col-responsive-sm6-xs12 div.right {
  margin-left: 0px !important;
}
.col-responsive-sm6-xs12 div.right.resizing {
  max-width: 400px;
}
.card-point-user-section {
  margin-top: 30px;
}
.card-buttons-footer-section {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .col-responsive-sm6-xs12 {
    width: 100%;
  }
  .col-responsive-sm6-xs12 div.left {
    margin-right: auto !important;
  }
  .col-responsive-sm6-xs12 div.right {
    margin-left: auto !important;
  }
  .card-standard-box-empty {
    padding-top: 10px;
  }
  .card-award-box {
    padding-top: 10px;
  }
  .card-standard-box {
    padding-top: 10px;
  }
  .card-shared-box {
    padding-top: 10px;
  }
  .card-point-user-section {
    margin-top: 5px;
  }
  .card-buttons-footer-section {
    margin-top: 5px;
  }
  .biz-card-square {
    width: 240px;
    max-width: 240px;
    height: 270px;
    max-height: 270px;
  }
  .biz-card-square.responsive {
    max-width: 900px;
    width: 47.4% !important;
    height: 270px;
    max-height: 270px;
  }
  .biz-card-square.small {
    width: 180px !important;
  }
  .biz-card-square .card-countdown {
    font-size: 25px;
  }
  .biz-card-square .card-overlay-text {
    font-size: 14px;
  }
  .biz-card-square .card-round-advantage-type {
    width: 40px;
    height: 40px;
    top: 108px;
    right: 7px;
  }
  .biz-card-square .card-round-advantage-type svg {
    width: 18px;
    stroke-width: 12px;
    margin-top: 7px;
    margin-left: 0px;
  }
  .biz-card-square .card-round-advantage-type .points-div {
    font-size: 23px;
    margin-top: 8px;
  }
  .biz-card-square .card-round-action-type {
    height: 40px;
    width: 40px;
    right: 54px;
    top: 108px;
  }
  .biz-card-square .card-round-action-type svg {
    width: 20px;
    height: 20px;
    stroke-width: 2px;
    margin-top: 7px;
    margin-left: 0px;
  }
  .biz-card-square .card-oval-advantage-type {
    height: 35px;
    line-height: 34px;
    top: 111px;
    right: 7px;
    width: 70px;
    font-size: 15px;
  }
  .biz-card-square .card-oval-advantage-type span {
    line-height: 12px;
  }
  .biz-card-square .card-oval-advantage-type span del {
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
  }
  .biz-card-square .card-picture {
    line-height: 33px;
    height: 130px;
  }
  .biz-card-square .card-picture.contest-picture {
    height: 140px;
  }
  .biz-card-square .card-picture.overlay:before {
    height: 130px;
  }
  .biz-card-square .card-middle {
    padding-top: 5px;
    height: 65px;
  }
  .biz-card-square .card-middle .advantage-front {
    font-weight: 600;
    font-size: 13px;
  }
  .biz-card-square .card-middle .card-middle-overlay-text {
    font-size: 15px;
    margin-top: 11px;
  }
  .promo-card-square {
    width: 240px;
    height: 230px;
  }
  .promo-card-square.responsive {
    max-width: 900px;
    width: 47.4% !important;
    height: 270px;
    max-height: 270px;
  }
  .promo-card-square .card-picture {
    line-height: 33px;
    height: 130px;
  }
  .promo-card-square .card-picture.overlay:before {
    height: 130px;
  }
  .promo-card-square .card-picture ul {
    margin-top: 90px;
  }
  .promo-card-square .card-middle {
    padding-top: 5px;
    height: 90px;
  }
  .promo-card-square .card-middle .advantage-front {
    font-weight: 600;
    font-size: 13px;
  }
  .promo-card-square .card-oval-advantage-type {
    height: 35px;
    line-height: 34px;
    top: 111px;
    right: 7px;
    width: 70px;
    font-size: 15px;
  }
  .promo-card-square .card-oval-advantage-type span {
    line-height: 12px;
  }
  .promo-card-square .card-oval-advantage-type span del {
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
  }
}
@media screen and (max-width: 500px) {
  .biz-card-square.small {
    width: 180px !important;
  }
  .biz-card-square.responsive {
    max-width: 900px;
    width: 98% !important;
    height: 270px;
  }
  .biz-card-square.responsive .card-round-advantage-type {
    height: 50px;
    position: absolute;
    right: 13px;
    top: 143px;
    width: 50px;
  }
  .biz-card-square.responsive .card-round-advantage-type svg {
    width: 22px;
    stroke-width: 12px;
    margin-top: 11px;
    margin-left: 0px;
  }
  .biz-card-square.responsive .card-round-advantage-type .points-div {
    font-size: 23px;
    margin-top: 8px;
  }
  .biz-card-square.responsive .card-round-action-type {
    height: 50px;
    width: 50px;
    right: 70px;
    top: 143px;
  }
  .biz-card-square.responsive .card-round-action-type svg {
    width: 27px;
    height: 27px;
    stroke-width: 2px;
    margin-top: 8px;
    margin-left: 0px;
  }
  .biz-card-square.responsive .card-picture {
    height: 170px;
  }
  .biz-card-square.responsive .card-picture.contest-picture {
    height: 185px;
  }
}
@media screen and (max-width: 400px) {
  .card-standard-box-empty {
    max-width: 300px;
    height: auto;
  }
  .card-standard-box-empty div.title {
    font-size: 14px;
    height: 20px;
  }
  .card-award-box {
    max-width: 300px;
    height: 140px;
  }
  .card-award-box div.title {
    font-size: 14px;
    height: 20px;
  }
  .card-standard-box {
    max-width: 300px;
    height: auto;
  }
  .card-standard-box div.title {
    font-size: 14px;
    height: 20px;
  }
  .card-shared-box {
    max-width: 300px;
    height: 140px;
  }
  .card-shared-box:before {
    content: " ";
    width: 100%;
    height: 140px;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    background-image: -webkit-linear-gradient(top, #fadf09 0%, rgba(211, 115, 42, 0.9) 100%);
    background-image: -moz-linear-gradient(top, #fadf09 0%, rgba(211, 115, 42, 0.9) 100%);
    background-image: -ms-linear-gradient(top, #fadf09 0%, rgba(211, 115, 42, 0.9) 100%);
    background-image: -o-linear-gradient(top, #fadf09 0%, rgba(211, 115, 42, 0.9) 100%);
    background-image: linear-gradient(top, #fadf09 0%, rgba(211, 115, 42, 0.9) 100%);
    border-radius: 10px;
  }
  .card-shared-box div.title {
    font-size: 14px;
    height: 20px;
  }
  .biz-card-square {
    width: 240px;
    max-width: 240px;
    height: 270px;
    max-height: 270px;
  }
  .biz-card-square.responsive {
    max-width: 900px;
    width: 98% !important;
    height: 270px;
    max-height: 270px;
  }
  .biz-card-square .card-countdown {
    font-size: 25px;
  }
  .biz-card-square .card-overlay-text {
    font-size: 14px;
  }
  .biz-card-square .card-round-advantage-type {
    width: 40px;
    height: 40px;
    top: 108px;
    right: 7px;
  }
  .biz-card-square .card-round-advantage-type svg {
    width: 18px;
    stroke-width: 12px;
    margin-top: 7px;
    margin-left: 0px;
  }
  .biz-card-square .card-round-advantage-type .points-div {
    font-size: 23px;
    margin-top: 8px;
  }
  .biz-card-square .card-round-action-type {
    height: 40px;
    width: 40px;
    right: 54px;
    top: 108px;
  }
  .biz-card-square .card-round-action-type svg {
    width: 20px;
    height: 20px;
    stroke-width: 2px;
    margin-top: 7px;
    margin-left: 0px;
  }
  .biz-card-square .card-picture {
    line-height: 33px;
    height: 130px;
  }
  .biz-card-square .card-picture.contest-picture {
    height: 140px;
  }
  .biz-card-square .card-picture.overlay:before {
    height: 130px;
  }
  .biz-card-square .card-middle {
    padding-top: 5px;
    height: 65px;
  }
  .biz-card-square .card-middle .advantage-front {
    font-weight: 600;
    font-size: 13px;
  }
  .biz-card-square .card-middle .card-middle-overlay-text {
    font-size: 15px;
    margin-top: 11px;
  }
  .promo-card-square {
    width: 240px;
    height: 230px;
  }
  .promo-card-square.responsive {
    max-width: 900px;
    width: 98% !important;
    height: 230px;
    max-height: 230px;
  }
  .promo-card-square .card-picture {
    line-height: 33px;
    height: 130px;
  }
  .promo-card-square .card-picture.overlay:before {
    height: 130px;
  }
  .promo-card-square .card-picture ul {
    margin-top: 90px;
  }
  .promo-card-square .card-middle {
    padding-top: 5px;
    height: 90px;
  }
  .promo-card-square .card-middle .advantage-front {
    font-weight: 600;
    font-size: 13px;
  }
}
.list-inline.ah-list-inline li {
  min-height: 60px;
  text-align: center;
  width: 46px;
  padding: 0px;
}
.list-inline.ah-list-inline li div {
  text-align: center;
  font-size: 15px;
  color: #fff;
}
.list-inline.ah-list-inline li div.ah-red {
  background-color: red;
}
.list-inline.ah-list-inline li div.ah-green {
  background-color: green;
}
.ahlist-group {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
.ahlist-group.top-bordered tr:first-child td {
  border-top: 1px solid #eeeeee;
}
.ahlist-group tr {
  min-height: 72px;
}
.ahlist-group tr td {
  border-bottom: 1px solid #eeeeee;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  position: relative;
  padding-top: 16px;
  padding-bottom: 16px;
}
.ahlist-group tr td .svg-promo-plis {
  height: 23px;
  width: 23px;
  margin-bottom: 0px;
  margin-right: -5px;
  margin-top: -6px;
  vertical-align: middle;
  fill: #51a351 !important;
  position: absolute;
  top: 17px;
}
.ahlist-group tr td:first-child {
  padding-top: 0px;
  padding-bottom: 0px;
  border-top: none !important;
  border-bottom: none;
  width: 56px;
  height: 56px;
}
.ahlist-group tr td:first-child img {
  width: auto;
  max-width: 40px;
  height: 40px;
  margin: 0;
  position: absolute;
  top: 16px;
  left: 0px;
}
.ahlist-group tr td:first-child img.circle {
  border-radius: 100%;
}
.ahlist-group tr td:first-child.CHAT svg {
  fill: #0078ff;
}
.ahlist-group tr td:first-child.CO_UT svg {
  fill: #0b8ad4;
}
.ahlist-group tr td:first-child.UT_CO svg {
  fill: #0b8ad4;
}
.ahlist-group tr td:first-child svg {
  width: 40px;
  height: 40px;
  margin: 0;
  position: absolute;
  top: 16px;
  left: 0;
  fill: rgba(0, 0, 0, 0.5);
}
.ahlist-group tr td:first-child svg.svg-promo-plis {
  height: 23px;
  width: 23px;
  margin-bottom: 0px;
  margin-right: -5px;
  margin-top: -6px;
  vertical-align: middle;
  fill: #51a351 !important;
}
.ahlist-group tr td.action-secondary {
  padding-top: 0px;
  padding-bottom: 0px;
  width: 40px;
  height: 56px;
}
.ahlist-group tr td.action-secondary .btn {
  position: absolute;
  top: 8px;
  left: 1px;
}
.ahlist-group tr td.CHAT {
  color: #0078ff;
}
.ahlist-group tr td.CHAT .ahlist-heading {
  color: #0078ff;
}
.ahlist-group tr td.CO_UT {
  color: #0b8ad4;
}
.ahlist-group tr td.CO_UT .ahlist-heading {
  color: #0b8ad4;
}
.ahlist-group tr td.UT_CO {
  color: #0b8ad4;
}
.ahlist-group tr td.UT_CO .ahlist-heading {
  color: #0b8ad4;
}
.ahlist-group tr td .ahlist-heading {
  color: rgba(0, 0, 0, 0.77);
  font-size: 16px;
  line-height: 22px;
  margin-right: 5px;
}
.ahlist-group tr td .ahlist-least-content {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 12px;
}
.ahlist-group tr td .ahlist-least-content.overlap-last-cell {
  margin-right: -40px;
}
.ahlist-group tr td .branch-title {
  font-size: 18px;
  display: inline-block;
  color: #ffffff;
  text-shadow: 0 0 3px #000000;
}
.ahlist-group tr .attribute-logo-icon {
  width: 20px;
  height: 20px;
  opacity: 0.5;
}
.home-my-companies li {
  position: relative;
}
.home-my-companies li .badge {
  position: absolute;
  left: 35px;
  top: -5px;
  z-index: 1;
  font-size: 15px;
  background-color: #22b250;
}
.secondary-info {
  background-color: transparent;
  display: inline-block;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  position: relative;
  -webkit-user-drag: none;
  font-weight: bold;
  color: #f1f1f1;
  width: 56px;
  height: 56px;
}
.secondary-info svg {
  height: 20px;
  width: 20px;
  margin-bottom: 2px;
  margin-right: 0px;
  margin-top: 16px;
  vertical-align: middle;
  fill: #0078ff;
}
.secondary-info-compact {
  background-color: transparent;
  display: inline-block;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  position: relative;
  -webkit-user-drag: none;
  font-weight: bold;
  color: #f1f1f1;
  width: 20px;
  height: 20px;
}
.secondary-info-compact svg {
  height: 20px;
  width: 20px;
  margin-bottom: 2px;
  margin-right: 0px;
  margin-top: 0px;
  vertical-align: middle;
}
.badge-plis {
  background-color: #999;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  min-width: 10px;
  padding: 3px 7px;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
  position: absolute;
  margin-left: -33px;
  margin-top: -26px;
}
.badge-item {
  background-color: #999;
  border-radius: 20px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  min-width: 10px;
  padding: 3px 9px;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
  position: absolute;
  margin-left: 10px;
  margin-top: 10px;
}
.well.padding-10 {
  margin-bottom: 20px;
}
.smart-accordion-default i {
  margin-top: 3px;
  color: #8f8f8f;
}
.smart-accordion-default svg {
  fill: #8f8f8f;
  margin-top: 3px;
  width: 23px;
  height: 23px;
  vertical-align: middle;
  margin-bottom: 2px;
  margin-right: 15px;
}
.smart-accordion-default a {
  border-top: 1px solid #eeeeee;
}
.smart-accordion-default a.collapsed {
  border-top: 1px solid rgba(255, 255, 255, 0) !important;
}
.panel-title {
  font-size: 14px;
}
.photo-profile {
  height: 600px;
}
.title-profile {
  padding-top: 16px;
  background-color: rgba(255, 255, 255, 0);
  position: relative;
}
.title-profile .title-profile-name {
  font-size: 24px;
  line-height: 1.1;
}
.title-profile div {
  background-color: rgba(255, 255, 255, 0);
}
.title-profile div img {
  display: inline-block;
  float: left;
  background-color: rgba(255, 255, 255, 0);
  width: auto;
  margin-right: 16px;
  height: 100px;
  z-index: 2;
  padding-bottom: 16px;
}
.title-profile .profile-button {
  position: absolute;
  right: 32px;
  left: auto !important;
  top: -30px;
  z-index: 2;
}
.title-profile .profile-button:active {
  left: auto !important;
}
.profile-img-bckgrd {
  position: relative;
}
.hover-top-gradient {
  position: absolute;
  z-index: 5;
  width: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}
.hover-bottom-gradient {
  position: absolute;
  bottom: 0;
  z-index: 5;
  width: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}
@media screen and (min-width: 641px) and (max-width: 767px) {
  .photo-profile {
    height: 400px;
  }
}
@media screen and (min-width: 321px) and (max-width: 640px) {
  .photo-profile {
    height: 200px;
  }
  .title-profile .profile-button {
    right: 16px;
  }
}
@media screen and (max-width: 320px) {
  .photo-profile {
    height: 150px;
  }
  .title-profile .profile-button {
    right: 8px;
  }
}
.adv-dialog-canvas {
  position: absolute;
  z-index: 2147483610;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0px;
  background: #fafafa none repeat scroll 0 0 ;
  overflow-y: auto;
  text-align: center;
}
.adv-dialog-canvas.adv-dialog-canvas-bill {
  background-color: rgba(0, 0, 0, 0.6);
  overflow-y: hidden;
}
.adv-dialog-canvas.adv-dialog-canvas-primary {
  background-color: #22b250;
}
.adv-dialog-canvas.adv-dialog-canvas-primary .adv-dialog-title {
  color: white !important;
}
.adv-dialog-canvas.adv-dialog-canvas-white {
  background-color: #fff ;
}
.adv-dialog-canvas.adv-dialog-canvas-white .adv-dialog-title {
  color: #0078ff !important;
}
.adv-dialog-canvas.adv-dialog-canvas-gold {
  background-color: rgba(255, 186, 16, 0.95);
}
.adv-dialog-canvas.adv-dialog-canvas-gold .adv-dialog-title {
  color: white !important;
}
.adv-dialog-canvas.adv-dialog-canvas-watchover .adv-dialog-title {
  color: #36a2a5 !important;
}
.adv-dialog-canvas.adv-dialog-canvas-airmessage .adv-dialog-title {
  color: #35a9e1 !important;
}
.adv-dialog-canvas.adv-dialog-canvas-feedgood .adv-dialog-title {
  color: #81bd23 !important;
}
.adv-dialog-canvas.adv-dialog-canvas-aclinet .adv-dialog-title {
  color: #2f387f !important;
}
.adv-dialog-canvas .adv-dialog-title {
  color: #0078ff;
  font-weight: 500;
  margin-bottom: 12px;
  text-align: center;
  width: 100%;
  margin-top: 3vh !important;
  padding-top: 20px;
}
@media screen and (max-width: 450px) {
  .adv-dialog-canvas .adv-dialog-title {
    margin-top: 0px !important;
  }
}
.ah-dialog-title {
  text-align: center;
  color: #0078ff;
  border-bottom: 1px solid #0078ff;
  padding-bottom: 15px;
  min-height: 45px;
  margin-top: 10px;
  margin-bottom: 0px;
}
.ah-dialog-title a {
  color: #0078ff;
}
.ah-dialog-content {
  margin-top: 10px;
  font-size: 15px;
}
.ui-dialog-ah {
  background-clip: padding-box;
  background-color: #fff;
  border-radius: 0;
  outline: medium none;
  overflow-y: auto !important;
  overflow-x: hidden;
  padding: 0;
  top: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  right: 0px !important;
  /* position: fixed; */
  width: 100% !important;
  height: 100% !important;
  z-index: 9999;
  transition: height 210ms cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  opacity: 1;
  border: 0px none;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  display: block;
  text-align: center !important;
}
.ui-dialog-titlebar {
  display: none;
}
.ui-dialog .ui-dialog-content {
  padding: 0 !important;
}
.ui-dialog-content {
  top: 0% !important;
  /* position: static !important; */
  max-width: 600px !important;
  margin: 0px auto !important;
  animation: 980ms linear 270ms normal forwards 1 running modalBodyContentAnimationIn;
  display: block;
  height: auto;
  max-height: none;
  min-height: 0;
  /* top: 50%;
    transform: translate(0%, -50%); */
  width: auto;
}
.ui-dialog-buttonset {
  text-align: center;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none;
}
.ui-dialog .ui-dialog-buttonpane {
  border-top: none !important;
}
/*!
 * bootstrap-star-rating v4.0.2
 * http://plugins.krajee.com/star-rating
 *
 * Author: Kartik Visweswaran
 * Copyright: 2014 - 2016, Kartik Visweswaran, Krajee.com
 *
 * Licensed under the BSD 3-Clause
 * https://github.com/kartik-v/bootstrap-star-rating/blob/master/LICENSE.md
 */
.rating-loading {
  width: 25px;
  height: 25px;
  font-size: 0;
  color: #fff;
  background: transparent url('../img/loading.gif') top left no-repeat;
  border: none;
}
/*
 * Stars
 */
.rating-container .rating {
  cursor: default;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}
.rating-disabled .rating {
  cursor: not-allowed;
}
.rating-container .caption .label.label-default {
  background-color: transparent;
  color: #0078ff;
  font-size: 100%;
  font-weight: 500;
}
.rating-container .caption .label.label-danger {
  background-color: transparent;
  color: red;
  font-size: 100%;
  font-weight: 500;
}
.rating-container .caption .label.label-warning {
  background-color: transparent;
  color: red;
  font-size: 100%;
  font-weight: 500;
}
.rating-container .caption .label.label-info {
  background-color: transparent;
  color: orange;
  font-size: 100%;
  font-weight: 500;
}
.rating-container .caption .label.label-primary {
  background-color: transparent;
  color: #0078ff;
  font-size: 100%;
  font-weight: 500;
}
.rating-container .caption .label.label-success {
  background-color: transparent;
  color: #0078ff;
  font-size: 100%;
  font-weight: 500;
}
.rating-container .star {
  display: inline-block;
  margin: 0 3px;
  text-align: center;
}
.rating-container .empty-stars {
  color: #aaa;
}
.rating-container .filled-stars {
  position: absolute;
  left: 0;
  top: 0;
  margin: auto;
  color: #0078ff;
  white-space: nowrap;
  overflow: hidden;
}
.rating-rtl {
  float: right;
}
.rating-animate .filled-stars {
  transition: width 0.25s ease;
  -o-transition: width 0.25s ease;
  -moz-transition: width 0.25s ease;
  -webkit-transition: width 0.25s ease;
}
.rating-rtl .filled-stars {
  left: auto;
  right: 0;
  -moz-transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
  -o-transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
  transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
}
.rating-rtl.is-star .filled-stars {
  right: 0.06em;
}
.rating-rtl.is-heart .empty-stars {
  margin-right: 0.07em;
}
/**
 * Sizes
 */
.rating-xl {
  font-size: 4.89em;
}
.rating-lg {
  font-size: 3.91em;
}
.rating-md {
  font-size: 3.13em;
}
.rating-sm {
  font-size: 2.5em;
}
.rating-xs {
  font-size: 2em;
}
.rating-xl {
  font-size: 4.89em;
}
/**
 * Clear
 */
.rating-container .clear-rating {
  color: #aaa;
  cursor: not-allowed;
  display: inline-block;
  vertical-align: middle;
  font-size: 60%;
}
.clear-rating-active {
  cursor: pointer !important;
}
.clear-rating-active:hover {
  color: #843534;
}
.rating-container .clear-rating {
  padding-right: 5px;
}
/**
 * Caption
 */
.rating-container .caption {
  color: #999;
  display: inline-block;
  vertical-align: middle;
  font-size: 60%;
  margin-top: -0.6em;
}
.rating-container .caption {
  margin-left: 5px;
  margin-right: 0;
}
.rating-rtl .caption {
  margin-right: 5px;
  margin-left: 0;
}
/**
 * Print
 */
@media print {
  .rating-container .clear-rating {
    display: none;
  }
}
/* CALENDAR  */
.responsive-calendar .controls {
  text-align: center;
}
.responsive-calendar .controls a {
  cursor: pointer;
}
.responsive-calendar .controls h4 {
  display: inline;
}
.responsive-calendar .day-headers,
.responsive-calendar .days {
  font-size: 0;
}
.responsive-calendar .day {
  display: inline-block;
  position: relative;
  font-size: 14px;
  width: 14.285714285714286%;
  text-align: center;
}
.responsive-calendar .day a {
  color: #000000;
  display: block;
  cursor: pointer;
  padding: 20% 0 20% 0;
}
.responsive-calendar .day a:hover {
  background-color: #eee;
  text-decoration: none;
}
.responsive-calendar .day.header {
  border-bottom: 1px gray solid;
}
.responsive-calendar .day.active a {
  background-color: #1d86c8;
  color: #ffffff;
}
.responsive-calendar .day.active a:hover {
  background-color: #36a0e2;
}
.responsive-calendar .day.active .not-current {
  background-color: #8fcaef;
  color: #ffffff;
}
.responsive-calendar .day.active .not-current:hover {
  background-color: #bcdff5;
}
.responsive-calendar .day.not-current a {
  color: #ddd;
}
.responsive-calendar .day .badge {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 1;
}
.responsive-timepicker .hours {
  font-size: 0;
}
.responsive-timepicker .hour {
  display: inline-block;
  position: relative;
  font-size: 14px;
  /* width: 16.6666666666666666%; */
  width: 20%;
  text-align: center;
}
.responsive-timepicker .hour a {
  color: #000000;
  display: block;
  cursor: pointer;
  padding: 10% 0 10% 0;
}
.responsive-timepicker .hour a:hover {
  background-color: #eee;
  text-decoration: none;
}
.responsive-timepicker .hour.disabled a {
  color: #ddd;
}
.responsive-timepicker .head-timepicker {
  text-align: center;
}
.responsive-peoplepicker .groups {
  font-size: 0;
}
.responsive-peoplepicker .people {
  display: inline-block;
  position: relative;
  font-size: 14px;
  /* width: 16.6666666666666666%; */
  width: 20%;
  text-align: center;
}
.responsive-peoplepicker .people a {
  color: #000000;
  display: block;
  cursor: pointer;
  padding: 10% 0 10% 0;
}
.responsive-peoplepicker .people a:hover {
  background-color: #eee;
  text-decoration: none;
}
.responsive-peoplepicker .people.disabled a {
  color: #ddd;
}
.responsive-peoplepicker .head-peoplepicker {
  text-align: center;
}
.not-current > .booking-selected-date {
  background-color: #8f8f8f;
}
.booking-selected-date {
  background-color: #0078ff;
}
.not-current > .booking-selected-date2 {
  background-color: #8f8f8f;
}
.booking-selected-date-2 {
  background-color: #0078ff;
}
.booking-selected-time {
  background-color: #0078ff !important;
}
.booking-selected-people {
  background-color: #0078ff !important;
}
.dropdownjs {
  position: relative;
}
.dropdownjs * {
  box-sizing: border-box;
}
.dropdownjs > input {
  width: 100%;
  padding-right: 30px;
  text-overflow: ellipsis;
}
.dropdownjs > input.focus ~ ul {
  transform: scale(1);
}
.dropdownjs > ul {
  position: absolute;
  padding: 0;
  margin: 0;
  min-width: 200px;
  transform: scale(0);
  z-index: 10000;
}
.dropdownjs > ul[placement=top-left] {
  transform-origin: bottom left;
  bottom: 0;
  left: 0;
}
.dropdownjs > ul[placement=bottom-left] {
  transform-origin: top left;
  top: 0;
  left: 0;
}
.dropdownjs > ul > li {
  list-style: none;
  padding: 10px 20px;
}
.dropdownjs > ul > li.dropdownjs-add {
  padding: 0;
}
.dropdownjs > ul > li.dropdownjs-add > input {
  border: 0;
  padding: 10px 20px;
  width: 100%;
}
/* Theme */
.dropdownjs > input[readonly] {
  cursor: pointer;
}
select[data-dropdownjs][disabled] + .dropdownjs > input[readonly] {
  cursor: default;
}
.dropdownjs > ul {
  background: #FFF;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.12);
  transition: transform 0.2s ease-out;
  padding: 10px;
  overflow: auto;
  max-width: 500px;
}
.dropdownjs > ul > li {
  cursor: pointer;
  word-wrap: break-word;
}
.dropdownjs > ul > li.selected,
.dropdownjs > ul > li:active {
  background-color: #eaeaea;
}
.dropdownjs > ul > li:focus {
  outline: 0;
  outline: 1px solid #d4d4d4;
}
.dropdownjs > ul > li > .close:before {
  content: "\00d7";
  display: block;
  position: absolute;
  right: 15px;
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .6;
}
.dropdownjs > ul > li:h > .close:hover:before {
  opacity: .9;
}
.loader-watchover {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 70px;
  height: 70px;
  margin: -35px 0 0 -35px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #36a2a5;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.loader-watchover:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #36a2a5;
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}
.loader-watchover:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #36a2a5;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}
.loader-airmessage {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 70px;
  height: 70px;
  margin: -35px 0 0 -35px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #1972b8;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.loader-airmessage:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #1972b8;
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}
.loader-airmessage:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #1972b8;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}
.loader-feedgood {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 70px;
  height: 70px;
  margin: -35px 0 0 -35px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #40ab36;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.loader-feedgood:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #40ab36;
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}
.loader-feedgood:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #40ab36;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}
.loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 70px;
  height: 70px;
  margin: -35px 0 0 -35px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #0078ff;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #0078ff;
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}
.loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #0078ff;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.bizConfig-sidebar {
  background: none repeat scroll 0 0 #fff;
  display: block;
  height: 100%;
  padding: 10px 0 10px 14px;
  position: absolute;
  width: 200px;
  z-index: 1;
}
#bizConfig-page-container {
  background: #ffffff;
  padding: 10px 14px 7px;
  position: relative;
  margin-left: 200px;
  overflow-x: hidden;
}
.ah-hours-table td {
  width: 19% !important;
  line-height: 25px;
  text-align: center;
  border: 1px solid gray;
}
.ah-hours-table thead td {
  font-weight: bold;
}
.ah-hours-table thead td:first-child {
  border-top: none;
  border-left: none;
}
.ah-hours-table thead td:last-child {
  border-top: none;
  border-right: none;
  min-width: 25px;
}
.ah-hours-table tbody tr td:first-child {
  font-weight: bold;
}
.time-picker-company {
  text-align: center !important;
  width: 100% !important;
  cursor: pointer !important;
  padding: 6px 6px !important;
  font-weight: bold;
}
.not-current > .calendar-holiday {
  background-color: #bbb !important;
}
.calendar-holiday {
  background-color: #999999;
}
.inbox-menu-lg li.active a {
  color: #0078ff;
}
.inbox-menu-lg li.active a svg {
  fill: #0078ff;
}
.category-select-ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.category-select-ul > li {
  display: inline-block;
  margin-top: 3px;
  margin-bottom: 0px;
  text-align: center;
  width: 85px;
  height: 85px;
  vertical-align: top;
}
.category-select-ul > li > svg {
  fill: #8f8f8f;
  height: 25px;
  margin-bottom: 2px;
  margin-right: 0;
  margin-top: 3px;
  vertical-align: middle;
  width: 25px;
}
.console-location-ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.console-location-ul > li {
  display: inline-block;
  margin-top: 3px;
  margin-bottom: 0px;
  text-align: center;
  width: 85px;
  height: 85px;
  vertical-align: top;
}
.console-location-square {
  background-color: #fff;
  border: 1px solid #808285;
  color: #808285;
  cursor: pointer;
  height: 82px;
  position: relative;
  width: 82px;
  font-weight: bold;
}
.console-location-square:hover {
  background-color: #0078ff !important;
  color: #FFF !important;
}
.console-location-square:hover svg {
  fill: #FFF !important;
}
.console-location-square svg {
  fill: #808285;
  position: absolute;
  height: 24px;
  width: 24px;
}
.console-svg-location-tr {
  margin-bottom: 2px;
  margin-left: 13px;
  margin-top: 3px;
}
.console-svg-location-tl {
  margin-bottom: 2px;
  margin-left: -37px;
  margin-top: 5px;
}
.console-svg-location-br {
  margin-bottom: 2px;
  margin-left: 13px;
  margin-top: 52px;
}
.console-svg-location-bl {
  margin-bottom: 2px;
  margin-left: -37px;
  margin-top: 52px;
}
.console-location-id-visible {
  margin-left: -41px;
  margin-top: 30px;
  position: absolute;
  text-align: center;
  width: 82px;
}
.flag-element {
  margin-bottom: 15px;
  min-height: 95px;
}
.price-features {
  background: #ffffff none repeat scroll 0 0 !important;
}
.the-price {
  background-color: #ffffff !important;
}
.photoProfileBckgrdContainer {
  position: relative;
  width: 100%;
  height: 400px;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.bizConfig-shareup-ul li {
  height: 200px !important;
  vertical-align: top !important;
  width: calc(49% - 35px) !important;
  min-width: 100px !important;
}
.bizConfig-shareup-ul li:nth-child(1) {
  width: 70px !important;
  min-width: 70px !important;
}
.bizConfig-shareup-ul li input {
  width: 100% !important;
  color: black;
  width: 90px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-size: 15px;
}
.bizConfig-shareup-base-ul li {
  height: 200px !important;
  vertical-align: top !important;
  width: calc(49% - 80px) !important;
  min-width: 100px !important;
}
.bizConfig-shareup-base-ul li:nth-child(1) {
  width: 70px !important;
  min-width: 70px !important;
}
.bizConfig-shareup-base-ul li:nth-child(2) {
  width: 90px !important;
  min-width: 90px !important;
}
.bizConfig-shareup-base-ul li input {
  width: 100% !important;
  color: black;
  width: 90px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-size: 15px;
}
@media screen and (min-width: 768px) and (max-width: 979px) {
  #bizConfig-page-container {
    margin-left: 0px;
  }
  .navbar-header {
    float: none;
  }
  .navbar-left,
  .navbar-right {
    float: none !important;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
    display: none!important;
  }
  .navbar-nav {
    float: none!important;
    margin-top: 7.5px;
  }
  .navbar-nav > li {
    float: none;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
  }
  .collapse.in {
    display: block !important;
  }
  .photoProfileBckgrdContainer {
    height: 350px;
  }
}
@media screen and (min-width: 641px) and (max-width: 767px) {
  #bizConfig-page-container {
    margin-left: 0px;
  }
  .photoProfileBckgrdContainer {
    height: 350px;
  }
}
@media screen and (min-width: 321px) and (max-width: 640px) {
  #bizConfig-page-container {
    margin-left: 0px;
    padding: 0px !important;
  }
  .photoProfileBckgrdContainer {
    height: 300px;
  }
}
@media screen and (max-width: 320px) {
  #bizConfig-page-container {
    margin-left: 0px;
    padding: 0px !important;
  }
  .photoProfileBckgrdContainer {
    height: 250px;
  }
}
.map_icon_center {
  position: absolute !important;
  width: 35px !important;
  height: 35px !important;
  left: 50% !important;
  top: 50% !important;
  margin-top: -35px !important;
  margin-left: -17px !important;
}
.google_maps_small {
  height: 230px !important;
}
.google_maps_responsive {
  height: calc(94vh - 0px);
}
@media screen and (min-width: 321px) and (max-width: 640px) {
  .google_maps {
    height: 250px !important;
  }
}
@media screen and (min-width: 1px) and (max-width: 320px) {
  .google_maps {
    height: 250px !important;
  }
}
.bootstrapWizard li .step {
  border: 3px solid #55606E;
}
.bootstrapWizard li .ah-title {
  color: #000;
  display: block;
  font-size: 13px;
  line-height: 15px;
  max-width: 100%;
  position: relative;
  table-layout: fixed;
  text-align: center;
  top: 20px;
  word-wrap: break-word;
  z-index: 104;
}
.bootstrapWizard li.active .step {
  background-color: #fff;
  color: #000;
}
.bootstrapWizard li.active.complete .step {
  background-color: #eeeeee;
  color: #000;
}
.olc-body-order-line {
  border-left: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
}
.todo-group-title {
  background: none repeat scroll 0 0 #fafafa;
  border-bottom: 1px solid #0078ff;
  border-top: 1px solid #f4f4f4;
  color: #000;
  line-height: 31px;
  margin: 0;
  padding: 0 0 0 10px;
}
.svg-internal-console-header {
  height: 23px;
  margin-bottom: 0px;
  margin-right: 2px;
  margin-top: 0px;
  vertical-align: middle;
  width: 23px;
}
.svg-internal-console {
  height: 20px;
  margin-bottom: 0px;
  margin-right: 2px;
  margin-top: 1px !important;
  vertical-align: middle;
  width: 20px;
}
.svg-console {
  margin-top: 3px;
  width: 23px;
  height: 23px;
  vertical-align: middle;
  margin-bottom: 2px;
  margin-right: 20px;
  fill: #8f8f8f;
  margin-right: 10px;
}
.inbox-info-bar {
  padding: 5px 0;
  margin-right: 0px;
}
.inbox-message {
  margin-right: 0px;
}
.inbox-compose-footer,
.inbox-download {
  margin-right: 280px;
}
.email-infobox {
  width: 250px !important;
}
.notification-body > li a.msg {
  padding-left: 0px !important;
}
#inbox-content > .table-wrap {
  padding-right: 300px;
}
@media screen and (min-width: 768px) and (max-width: 1277px) {
  .inbox-compose-footer,
  .inbox-download {
    margin-right: 0px;
  }
  #inbox-content > .table-wrap {
    padding-right: 300px;
  }
}
@media screen and (min-width: 641px) and (max-width: 767px) {
  .inbox-compose-footer,
  .inbox-download {
    margin-right: 0px;
  }
  #inbox-content > .table-wrap {
    padding-right: 300px;
  }
}
@media screen and (min-width: 321px) and (max-width: 640px) {
  .inbox-compose-footer,
  .inbox-download {
    margin-right: 0px;
  }
  #inbox-content > .table-wrap {
    padding-right: 5px;
  }
}
@media screen and (min-width: 1px) and (max-width: 320px) {
  .inbox-compose-footer,
  .inbox-download {
    margin-right: 0px;
  }
  #inbox-content > .table-wrap {
    padding-right: 5px;
  }
}
#header-menu-cart-dd-content {
  background-color: #fff;
}
#back-btn-header-cart {
  font-size: 18px;
}
#refresh-header-cart-orders {
  position: absolute;
  right: 10px;
  top: 6px !important;
  width: 30px;
  height: 30px;
  padding-top: 12px;
  padding-left: 9px;
}
#refresh-header-cart-orders:active {
  left: auto;
  right: 10px !important;
  top: 3px !important;
}
#refresh-header-cart-orders.active {
  left: auto;
  right: 10px !important;
  top: 3px !important;
}
.ajax-dropdown {
  left: auto;
  right: 16px;
}
.ajax-dropdown:before {
  left: auto;
  right: 23px;
}
.ajax-dropdown:after {
  left: auto;
  right: 23px;
}
.cart-order-line-compact {
  height: 40px;
  cursor: pointer;
}
.cart-order-line-standard {
  height: 88px;
  cursor: pointer;
}
.cart-order-line-note {
  height: 88px;
  cursor: pointer;
  background-color: #EEEEEE;
}
.cart-order-line-standard-cell-img {
  max-width: 72px;
  padding-left: 10px;
  padding-right: 22px;
}
.cart-order-line-aggregate {
  height: 65px !important;
}
.cart-order-line-aggregate-cell {
  padding-left: 32px;
  padding-right: 0px;
}
.review-line-standard-cell-img {
  max-width: 72px;
  padding-left: 10px;
  padding-right: 22px;
}
.svg-order-line {
  height: 55px;
  margin-bottom: 0;
  margin-right: 0;
  margin-top: 0;
  vertical-align: middle;
  width: 56px;
}
.shareup-promo-S:hover {
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21) !important;
  z-index: 10;
}
.promo-image-flat-compact {
  width: 200px;
  height: 100px;
  float: left;
}
.discount-shareup-home {
  width: 100%;
  max-width: 300px;
  margin: 0px;
  margin-top: 10px;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  border-radius: 5px;
}
.discount-shareup-home:hover {
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21) !important;
  z-index: 10;
}
.discount-shareup-home .discount-shareup-home-distance {
  position: absolute;
  top: 3px;
  right: 7px;
  text-shadow: 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444;
  color: #fff;
  font-size: 14px !important;
}
.discount-shareup-home .discount-shareup-home-card {
  margin-top: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.discount-shareup-home .discount-shareup-home-card .discount-shareup-home-title {
  margin-top: 35px;
}
.discount-shareup-home .discount-shareup-home-card .discount-shareup-home-title div {
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  text-shadow: 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444;
}
.discount-shareup-home .discount-shareup-home-card .discount-shareup-home-noshare {
  font-size: 25px;
  line-height: 23px;
  margin-top: 10px;
  color: #fff;
  text-shadow: 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444;
}
.discount-shareup-home .discount-shareup-home-card .discount-shareup-home-share {
  font-size: 25px;
  line-height: 23px;
  margin-top: 10px;
  color: #fff;
  text-shadow: 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444;
}
.discount-shareup-home .discount-shareup-home-card .discount-shareup-home-testimonial {
  background-color: rgba(133, 186, 85, 0.6);
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
  font-size: 15px;
  line-height: 27px;
  margin-top: 5px;
  color: #fff;
  text-shadow: 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444, 0 0 4px #444;
}
.discount-shareup-home .discount-shareup-home-card .discount-shareup-home-footer {
  height: 42px;
  width: 100%;
  margin: 0;
  padding: 0px;
  font-size: 21px;
}
.discount-shareup-home .discount-shareup-home-card .discount-shareup-home-footer .discount-shareup-home-footer-text {
  margin: 0px;
  display: inline-block;
  vertical-align: middle;
  line-height: 45px;
  background-color: #fff;
  color: #222;
  border-radius: 0 0 5px 5px;
  width: 100%;
}
.discount-shareup-home .discount-shareup-home-card .discount-shareup-home-footer .discount-shareup-home-footer-text.card-yours-testimonial {
  background-color: #3a5795 !important;
  color: #fff;
}
.discount-shareup-home .discount-shareup-home-card .discount-shareup-home-footer .discount-shareup-home-footer-text.card-yours {
  background-color: #22b250 !important;
  color: #fff;
}
.discount-shareup-home .discount-shareup-home-card .discount-shareup-home-footer .discount-shareup-home-footer-text.card-not-yours {
  background-color: #fff !important;
  color: #000;
}
.promotion-picture-size {
  height: 400px !important;
}
.promotion-picture-size .air-bottom-left span {
  background-color: #999;
  border-radius: 17px;
  color: #fff;
  display: inline-block;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.2;
  min-width: 10px;
  padding: 3px 7px;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
}
.promotion-picture-size .promo-picture-title-top {
  color: fff;
  font-size: 35px;
  text-shadow: 2px 2px  #000000;
}
.promo-filter-bar {
  width: 25%;
  float: left;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.promo-filter-bar:not(.first):before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 20px;
  height: 37px;
  width: 25%;
  border-left: 1px solid #bbb;
}
.promo-filter-bar span {
  font-weight: 400;
  color: #80807f;
}
.promo-filter-bar .svg-new-filter-promo {
  vertical-align: middle;
  width: 100%;
  height: 60px;
  stroke-width: 9px;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
.promo-filter-bar:hover span {
  color: #0078ff !important;
}
.promo-filter-bar:hover .svg-new-filter-promo {
  fill: #0078ff !important;
  stroke: #0078ff !important;
}
.promo-filter-bar.not-selected span {
  color: #80807f;
}
.promo-filter-bar.not-selected .svg-new-filter-promo {
  fill: #80807f;
  stroke: #80807f;
}
.promo-filter-bar.selected span {
  color: #0078ff;
}
.promo-filter-bar.selected .svg-new-filter-promo {
  fill: #0078ff !important;
  stroke: #0078ff !important;
}
#promo-detail-prices .badge {
  font-size: 15px !important;
}
#promo-filter-tags {
  text-align: center;
  margin: 20px 5px 3px;
  font-size: 13px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  font-style: italic;
}
#promo-filter-dropdown {
  background-color: #ececeb;
  color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.35);
  -moz-box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.35);
  -o-box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.35);
  text-align: center;
  margin-top: 15px;
  padding: 20px 5px 5px;
  font-size: 15px;
  font-weight: 400;
}
#promo-filter-dropdown.second:after {
  bottom: 100%;
  left: 40%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: rgba(0, 0, 0, 0.35);
  border-width: 12px;
  margin-left: -24px;
}
#promo-filter-dropdown.third:after {
  bottom: 100%;
  left: 65%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: rgba(0, 0, 0, 0.35);
  border-width: 12px;
  margin-left: -24px;
}
#promo-filter-dropdown.fourth:after {
  bottom: 100%;
  left: 90%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: rgba(0, 0, 0, 0.35);
  border-width: 12px;
  margin-left: -24px;
}
#promo-filter-dropdown input {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.6);
}
@media screen and (min-width: 641px) and (max-width: 767px) {
  .promotion-picture-size {
    height: 380px !important;
  }
  .promotion-picture-size .air-bottom-left span {
    border-radius: 16px;
    font-size: 20px;
    line-height: 1.2;
  }
  .promotion-picture-size .promo-picture-title-top {
    font-size: 30px;
  }
}
@media screen and (min-width: 501px) and (max-width: 640px) {
  .promotion-picture-size {
    height: 300px !important;
  }
  .promotion-picture-size .air-bottom-left span {
    border-radius: 15px;
    font-size: 18px;
    line-height: 1.1;
  }
  .promotion-picture-size .promo-picture-title-top {
    font-size: 25px;
  }
}
@media screen and (min-width: 321px) and (max-width: 500px) {
  .promotion-picture-size {
    height: 240px !important;
  }
  .promotion-picture-size .air-bottom-left span {
    border-radius: 12px;
    font-size: 15px;
    line-height: 1;
  }
  .promotion-picture-size .promo-picture-title-top {
    font-size: 25px;
  }
}
@media screen and (max-width: 320px) {
  .promotion-picture-size {
    height: 240px  !important;
  }
  .promotion-picture-size .air-bottom-left span {
    border-radius: 10px;
    font-size: 12px;
    line-height: 1;
  }
  .promotion-picture-size .promo-picture-title-top {
    font-size: 25px;
  }
}
.profile-sidebar {
  background: none repeat scroll 0 0 #fff;
  display: block;
  height: 100%;
  padding: 10px 0 10px 14px;
  position: absolute;
  width: 200px;
  z-index: 1;
}
#profile-page-container {
  background: #ffffff;
  padding: 10px 0px 7px;
  position: relative;
  margin-left: 200px;
  overflow-x: hidden;
}
.inbox-load {
  cursor: pointer !important;
}
.bizConfig-subpage {
  cursor: pointer !important;
}
.profile-Cell-prefix {
  width: 80px !important;
  padding-right: 5px !important;
}
.profile-img-bckgrd div h4 b {
  text-shadow: 1px 1px #000000;
}
.home-profile-image-container {
  position: relative;
  float: left;
  width: 50%;
  padding-right: 5px;
  padding-left: 5px;
  text-align: center;
  margin-bottom: 5px;
  cursor: pointer;
}
.home-profile-image-container img {
  width: 130px;
  height: 130px;
  border-radius: 100%;
}
.home-profile-info-container {
  position: relative;
  float: left;
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  text-align: left;
  margin-bottom: 5px;
}
.home-profile-circlepie-container {
  position: relative;
  float: right;
  width: 50%;
  padding-right: 5px;
  padding-left: 5px;
  text-align: center;
  margin-bottom: 5px;
  cursor: pointer;
}
.div-left-floating-bottom {
  position: relative;
  float: left;
  width: 50%;
  padding-right: 5px;
  padding-left: 5px;
  margin-bottom: 20px;
}
.div-right-floating-top {
  position: relative;
  float: right;
  width: 50%;
  padding-right: 5px;
  padding-left: 5px;
  margin-bottom: 20px;
}
.div-left-2-3 {
  position: relative;
  float: left;
  width: 66%;
  padding-right: 5px;
  padding-left: 5px;
  margin-bottom: 20px;
}
.div-right-1-3 {
  position: relative;
  float: right;
  width: 34%;
  padding-right: 5px;
  padding-left: 5px;
  margin-bottom: 20px;
}
.home-discount {
  margin-left: 3%;
  margin-right: 3%;
  font-size: 23px;
  line-height: 23px;
  cursor: pointer;
  width: 44%;
  background-color: #22b250;
  color: #fff;
  border-radius: 5px;
  padding: 3px;
  text-align: center;
}
.home-discount-near-company {
  width: 100%;
  cursor: pointer;
  max-width: 320px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  line-height: 33px;
  border-radius: 5px;
}
#home-my-profile {
  margin-top: 20px;
  margin-bottom: 0px;
}
.profile-points-table {
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
  table-layout: fixed !important;
}
.profile-points-table tr {
  height: 40px;
  cursor: pointer;
}
.profile-points-table tr td:nth-child(1) {
  max-width: 40px;
  width: 40px;
  overflow: hidden;
}
.profile-points-table tr td:nth-child(2) {
  white-space: nowrap;
  width: auto;
}
.profile-points-table tr td:nth-child(3) {
  max-width: 75px;
  width: 75px;
  overflow: hidden;
}
@media screen and (min-width: 801px) and (max-width: 979px) {
  #profile-page-container {
    margin-left: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 800px) {
  .div-left-2-3 {
    width: 100%;
  }
  .div-right-1-3 {
    width: 100%;
  }
  #profile-page-container {
    margin-left: 0px;
  }
}
@media screen and (min-width: 641px) and (max-width: 767px) {
  .div-left-floating-bottom {
    width: 100%;
  }
  .div-right-floating-top {
    width: 100%;
  }
  .div-left-2-3 {
    width: 100%;
  }
  .div-right-1-3 {
    width: 100%;
  }
  #home-my-profile {
    margin-top: 0px;
  }
  #profile-page-container {
    margin-left: 0px;
  }
}
@media screen and (min-width: 321px) and (max-width: 640px) {
  .div-left-floating-bottom {
    width: 100%;
  }
  .div-right-floating-top {
    width: 100%;
  }
  .div-left-2-3 {
    width: 100%;
  }
  .div-right-1-3 {
    width: 100%;
  }
  #home-my-profile {
    margin-top: 0px;
  }
  #profile-page-container {
    margin-left: 0px;
  }
}
@media screen and (max-width: 320px) {
  .div-left-floating-bottom {
    width: 100%;
  }
  .div-right-floating-top {
    width: 100%;
  }
  .div-left-2-3 {
    width: 100%;
  }
  .div-right-1-3 {
    width: 100%;
  }
  #home-my-profile {
    margin-top: 0px;
  }
  #profile-page-container {
    margin-left: 0px;
  }
}
ul.wysihtml5-toolbar {
  margin: 0;
  padding: 0;
  display: block;
}
ul.wysihtml5-toolbar::after {
  clear: both;
  display: table;
  content: "";
}
ul.wysihtml5-toolbar > li {
  float: left;
  display: list-item;
  list-style: none;
  margin: 0 5px 10px 0;
}
ul.wysihtml5-toolbar a[data-wysihtml5-command=bold] {
  font-weight: bold;
}
ul.wysihtml5-toolbar a[data-wysihtml5-command=italic] {
  font-style: italic;
}
ul.wysihtml5-toolbar a[data-wysihtml5-command=underline] {
  text-decoration: underline;
}
ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #E6E6E6;
  background-color: #D9D9D9;
  outline: 0;
}
ul.wysihtml5-commands-disabled .dropdown-menu {
  display: none !important;
}
ul.wysihtml5-toolbar div.wysihtml5-colors {
  display: block;
  width: 50px;
  height: 20px;
  margin-top: 2px;
  margin-left: 5px;
  position: absolute;
  pointer-events: none;
}
ul.wysihtml5-toolbar a.wysihtml5-colors-title {
  padding-left: 70px;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="black"] {
  background: black !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="silver"] {
  background: silver !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="gray"] {
  background: gray !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="maroon"] {
  background: maroon !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="red"] {
  background: red !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="purple"] {
  background: purple !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="green"] {
  background: green !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="olive"] {
  background: olive !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="navy"] {
  background: navy !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="blue"] {
  background: blue !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="orange"] {
  background: orange !important;
}
/*
.wrapper {
  height: 520px;
  width: 320px;
  overflow: hidden;
  background-color: white;
  position: fixed;
  top: 100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.5);
  -webkit-transition: 0.3s ease;
          transition: 0.3s ease;
	.inner {
	 	overflow: scroll;
	  	height: 520px;
	  	padding-top: 5px;
	  	background: #f2f2f2;
	  	-ms-overflow-style: none;
	  	overflow: -moz-scrollbars-none;
	  	&::-webkit-scrollbar {
		  	width: 0 !important;
		}
		.content {
		  	padding: 10.66667px;
		  	position: relative;
		  	margin-bottom: 32px;
		}
	}   
          
}
*/
.full-page {
  height: 100% !important;
  padding: 0px !important;
}
.full-page .ah-dialog-title {
  position: absolute;
  width: 100%;
  top: 0px;
}
.messages-container {
  background-color: #ddd;
  max-width: 600px !important;
  width: 100%;
  height: 300px;
  margin: 0 auto;
  overflow-y: auto;
}
.messages-container .content-class {
  padding: 10.66667px;
  position: relative;
  margin-bottom: 32px;
}
.chat-bottom {
  max-width: 600px !important;
  margin: 0 auto;
  height: 64px;
  bottom: 0;
  background: #ffffff;
  width: 100%;
  border: 1px solid #f2f2f2;
}
.chat-bottom .input {
  border-right: 1px solid #f2f2f2;
  height: 62px;
  background: #ffffff;
  border-top: none;
  border-bottom: none;
  border-left: none;
  width: calc(100% - 64px);
  display: inline;
  left: 0;
  top: 0;
  padding: 10px;
  resize: none;
  overflow: scroll;
  font-weight: 300;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.chat-bottom .input:focus {
  outline: none;
}
.chat-bottom .input::-webkit-scrollbar {
  width: 0 !important;
}
.chat-bottom .send {
  height: 42.66667px;
  width: 42.66667px;
  border-radius: 50%;
  border: 0;
  background: #0078ff;
  color: #ffffff;
  margin-top: 10px;
  vertical-align: top !important;
  margin-left: 3px;
}
.chat-bottom .send:focus {
  outline: none;
}
.chat-bottom .send:hover {
  cursor: pointer;
}
.message-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 10px 0;
}
.message-wrapper .circle-wrapper {
  height: 42.66667px;
  width: 42.66667px;
  border-radius: 50%;
}
.message-wrapper .circle-wrapper img {
  height: 42.66667px !important;
  width: 42.66667px !important;
  border-radius: 50% !important;
}
.message-wrapper .text-wrapper {
  padding: 15px 10px 15px 10px;
  min-height: 42.66667px;
  width: 60%;
  margin: 0 10.66667px;
  box-shadow: 0px 1px 0px 0px rgba(50, 50, 50, 0.3);
  border-radius: 2px;
  font-weight: 300;
  position: relative;
  /* word-break: break-all; 
	  opacity: 0;
	  &:before {
	  	  content: '';
		  width: 0;
		  height: 0;
		  border-style: solid;
	  } */
}
.message-wrapper .text-wrapper .time {
  position: absolute;
  bottom: 0px;
  right: 3px;
  opacity: 0.7;
  font-size: 11px;
}
.message-wrapper .text-wrapper .name {
  position: absolute;
  top: 0;
  left: 3px;
  opacity: 0.7;
  font-size: 11px;
}
.message-wrapper .text-wrapper .translate {
  position: absolute;
  top: 0;
  right: 3px;
  opacity: 0.7;
  cursor: pointer;
  font-size: 11px;
}
.message-wrapper.them .circle-wrapper,
.message-wrapper.them .text-wrapper {
  background: #0078ff;
  float: left;
  color: #ffffff;
}
.message-wrapper.them .circle-wrapper .translated,
.message-wrapper.them .text-wrapper .translated {
  opacity: 0.7;
  color: #ffffff;
}
.message-wrapper.them .circle-wrapper .sending,
.message-wrapper.them .text-wrapper .sending {
  display: none;
}
.message-wrapper.them .text-wrapper:before {
  border-width: 0 10px 10px 0;
  border-color: transparent #0078ff transparent transparent;
  position: absolute;
  top: 0;
  left: -9px;
}
.message-wrapper.me .circle-wrapper,
.message-wrapper.me .text-wrapper {
  background: #0078ff;
  float: right;
  color: #ffffff;
}
.message-wrapper.me .circle-wrapper .translated,
.message-wrapper.me .text-wrapper .translated {
  opacity: 0.7;
  color: #ffffff;
}
.message-wrapper.me .circle-wrapper .sending,
.message-wrapper.me .text-wrapper .sending {
  position: absolute;
  top: 0;
  right: 3px;
  width: 20px !important;
}
.message-wrapper.me .text-wrapper {
  background: #1976d2;
}
.message-wrapper.me .text-wrapper.error {
  background: #bd362f;
}
.message-wrapper.me .text-wrapper:before {
  border-width: 10px 10px 0 0;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  top: 0;
  right: -9px;
}
@media (max-width: 560px) {
  .wrapper {
    width: 100%;
    height: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  .wrapper .inner {
    height: 100%;
    height: 100vh;
  }
}
.dd3-handle:before {
  color: #818181;
  content: "\f0dc";
  display: block;
  font-weight: 400;
  left: 0;
  line-height: 28px;
  position: absolute;
  text-align: center;
  text-indent: 0;
  top: 3px;
  width: 100%;
}
.dd3-handle-fixed:before {
  color: #818181;
  content: "\f023";
  display: block;
  font-weight: 400;
  left: 0;
  line-height: 28px;
  position: absolute;
  text-align: center;
  text-indent: 0;
  top: 3px;
  width: 100%;
}
.dd3-handle-fixed {
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  cursor: move;
  width: 30px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 1px solid #aaa;
  background: #bfbfbf;
  background: -webkit-linear-gradient(top, #dddddd 0%, #bbbbbb 100%);
  background: -moz-linear-gradient(top, #dddddd 0%, #bbbbbb 100%);
  background: linear-gradient(top, #dddddd 0%, #bbbbbb 100%);
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  padding: 8px 15px;
}
.dd-tree-el-disabled {
  background-color: #e5e5e5;
}
.dd-item > button:before {
  content: '\f07b';
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  text-indent: 0;
  color: #0078ff;
}
.dd-item > button[data-action="collapse"]:before {
  content: '\f07c';
  color: #0078ff;
}
.SmallBox .foto {
  left: 12px !important;
  font-size: 40px !important;
  line-height: 70px;
}
.SmallBox .textoFoto {
  margin: 3px 20px 3px 60px !important;
  width: 80% !important;
}
/*!
 * jquery-confirm v2.5.0 (http://craftpip.github.io/jquery-confirm/)
 * Author: boniface pereira
 * Website: www.craftpip.com
 * Contact: hey@craftpip.com
 *
 * Copyright 2013-2016 jquery-confirm
 * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
 */
@keyframes jconfirm-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
body.jconfirm-noscroll {
  overflow: hidden !important;
}
.jconfirm-small-bounds {
  max-width: 320px !important;
  width: 100% !important;
  margin: 0 auto !important;
}
.jconfirm {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2147483640;
  font-family: inherit;
  overflow: hidden;
  /*  -webkit-transform:translateZ(10px);
  -moz-transform:translateZ(10px);
  -o-transform:translateZ(10px);
  transform:translateZ(10px); */
}
.jconfirm .jconfirm-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all .4s;
}
.jconfirm .jconfirm-bg.seen {
  opacity: 1;
}
.jconfirm .jconfirm-scrollpane {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  perspective: 500px;
  perspective-origin: center;
}
.jconfirm .jconfirm-scrollpane .container {
  width: 100% !important;
  padding-left: 0px;
  padding-right: 0px;
}
.jconfirm .jconfirm-box {
  background: white;
  border-radius: 20px;
  position: relative;
  outline: none;
  padding: 15px 5px 0;
}
.jconfirm .jconfirm-box div.closeIcon {
  right: 10px;
  top: 0;
  height: 50px;
  width: 50px;
  position: absolute;
  cursor: pointer;
  opacity: .6;
  text-align: center;
  transition: opacity 0.1s ease-in;
  display: none;
  font-size: 27px;
  line-height: 14px;
}
.jconfirm .jconfirm-box div.closeIcon .fa {
  font-size: 16px;
}
.jconfirm .jconfirm-box div.closeIcon .glyphicon {
  font-size: 16px;
}
.jconfirm .jconfirm-box div.closeIcon .zmdi {
  font-size: 16px;
}
.jconfirm .jconfirm-box div.closeIcon:hover {
  opacity: 1;
}
.jconfirm .jconfirm-box div.title-c {
  display: block;
  font-size: 22px;
  line-height: 20px;
}
.jconfirm .jconfirm-box div.title-c.wa4business {
  margin-top: 25px;
  text-align: center;
  color: #0078ff !important;
}
.jconfirm .jconfirm-box div.title-c .icon-c {
  font-size: inherit;
  padding-bottom: 15px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
.jconfirm .jconfirm-box div.title-c .icon-c i {
  vertical-align: middle;
}
.jconfirm .jconfirm-box div.title-c .icon-c:empty {
  display: none;
}
.jconfirm .jconfirm-box div.title-c .title {
  font-size: inherit;
  font-family: inherit;
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 15px;
}
.jconfirm .jconfirm-box div.title-c .title:empty {
  display: none;
}
.jconfirm .jconfirm-box div.content-pane {
  margin-bottom: 15px;
  height: auto;
  transition: height 0.4s ease-in;
  display: inline-block;
  width: 100%;
  position: relative;
}
.jconfirm .jconfirm-box div.content-pane .content {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.2s ease-in;
  right: 0;
  max-width: 1100px;
  margin: 0 auto;
}
.jconfirm .jconfirm-box div.content-pane .content img {
  width: 100%;
}
.jconfirm .jconfirm-box div.content-pane .content:empty {
  display: none;
}
.jconfirm .jconfirm-box div.content-pane .content:empty.loading {
  height: 40px;
  position: relative;
  opacity: 0.6;
  display: block;
}
.jconfirm .jconfirm-box div.content-pane .content:empty.loading:before {
  content: '';
  height: 20px;
  width: 20px;
  border: solid 2px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  border-radius: 50%;
  animation: jconfirm-rotate 1s infinite linear;
  border-bottom-color: #aaa;
  top: 50%;
  margin-top: -10px;
}
.jconfirm .jconfirm-box div.content-pane .content:empty.loading:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -15px;
}
.jconfirm .jconfirm-box .buttons {
  padding-bottom: 15px;
}
.jconfirm .jconfirm-box .buttons button + button {
  margin-left: 5px;
}
.jconfirm .jquery-clear {
  clear: both;
}
.jconfirm.rtl {
  direction: rtl;
}
.jconfirm.jconfirm-white .jconfirm-bg {
  background-color: rgba(0, 0, 0, 0.2);
}
.jconfirm.jconfirm-white .jconfirm-box {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
.jconfirm.jconfirm-white .jconfirm-box .buttons {
  float: right;
}
.jconfirm.jconfirm-white .jconfirm-box .buttons button {
  border: none;
  background-image: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  text-shadow: none;
  transition: background .1s;
  color: white;
}
.jconfirm.jconfirm-white .jconfirm-box .buttons button.btn-default {
  box-shadow: none;
  color: #333;
}
.jconfirm.jconfirm-white .jconfirm-box .buttons button.btn-default:hover {
  background: #ddd;
}
.jconfirm.jconfirm-black .jconfirm-bg {
  background-color: rgba(0, 0, 0, 0.5);
}
.jconfirm.jconfirm-black .jconfirm-box {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  background: #444;
  border-radius: 5px;
  color: white;
}
.jconfirm.jconfirm-black .jconfirm-box .buttons {
  float: right;
}
.jconfirm.jconfirm-black .jconfirm-box .buttons button {
  border: none;
  background-image: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  text-shadow: none;
  transition: background .1s;
  color: white;
}
.jconfirm.jconfirm-black .jconfirm-box .buttons button.btn-default {
  box-shadow: none;
  color: #fff;
  background: none;
}
.jconfirm.jconfirm-black .jconfirm-box .buttons button.btn-default:hover {
  background: #666;
}
.jconfirm .jconfirm-box.hilight {
  animation: hilight 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
}
@keyframes hilight {
  10%,
  90% {
    transform: translate3d(-2px, 0, 0);
  }
  20%,
  80% {
    transform: translate3d(4px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-8px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(8px, 0, 0);
  }
}
/*Transition rules*/
.jconfirm {
  perspective: 400px;
}
.jconfirm .jconfirm-box {
  opacity: 1;
  transition-property: transform, opacity, box-shadow;
}
.jconfirm .jconfirm-box.anim-top,
.jconfirm .jconfirm-box.anim-left,
.jconfirm .jconfirm-box.anim-right,
.jconfirm .jconfirm-box.anim-bottom,
.jconfirm .jconfirm-box.anim-opacity,
.jconfirm .jconfirm-box.anim-zoom,
.jconfirm .jconfirm-box.anim-scale,
.jconfirm .jconfirm-box.anim-none,
.jconfirm .jconfirm-box.anim-rotate,
.jconfirm .jconfirm-box.anim-rotatex,
.jconfirm .jconfirm-box.anim-rotatey,
.jconfirm .jconfirm-box.anim-scaley,
.jconfirm .jconfirm-box.anim-scalex {
  opacity: 0;
}
.jconfirm .jconfirm-box.anim-rotate {
  transform: rotate(90deg);
}
.jconfirm .jconfirm-box.anim-rotatex {
  transform: rotateX(90deg);
  transform-origin: center;
}
.jconfirm .jconfirm-box.anim-rotatexr {
  transform: rotateX(-90deg);
  transform-origin: center;
}
.jconfirm .jconfirm-box.anim-rotatey {
  transform: rotatey(90deg);
  transform-origin: center;
}
.jconfirm .jconfirm-box.anim-rotateyr {
  transform: rotatey(-90deg);
  transform-origin: center;
}
.jconfirm .jconfirm-box.anim-scaley {
  transform: scaley(1.5);
  transform-origin: center;
}
.jconfirm .jconfirm-box.anim-scalex {
  transform: scalex(1.5);
  transform-origin: center;
}
.jconfirm .jconfirm-box.anim-top {
  transform: translate(0px, -100px);
}
.jconfirm .jconfirm-box.anim-left {
  transform: translate(-100px, 0px);
}
.jconfirm .jconfirm-box.anim-right {
  transform: translate(100px, 0px);
}
.jconfirm .jconfirm-box.anim-bottom {
  transform: translate(0px, 100px);
}
.jconfirm .jconfirm-box.anim-zoom {
  transform: scale(1.2);
}
.jconfirm .jconfirm-box.anim-scale {
  transform: scale(0.5);
}
.jconfirm .jconfirm-box.anim-none {
  display: none;
}
.jconfirm.jconfirm-supervan .jconfirm-bg {
  background-color: rgba(245, 245, 245, 0.96);
}
.jconfirm.jconfirm-supervan .jconfirm-bg.total-gray {
  background-color: #f5f5f5 !important;
}
.jconfirm.jconfirm-supervan .jconfirm-bg.total-white {
  background-color: #ffffff !important;
}
.jconfirm.jconfirm-supervan .jconfirm-box {
  background-color: transparent;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.closeIcon {
  color: #333;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.title-c {
  text-align: center;
  color: #333;
  font-size: 28px;
  font-weight: normal;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.title-c > * {
  padding-bottom: 25px;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.title-c.selfulness {
  color: #d2062a !important;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.title-c.wa4business {
  margin-top: 25px;
  text-align: center;
  color: #0078ff !important;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.content-pane {
  margin-bottom: 25px;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.content {
  text-align: center;
  color: #333 !important;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.content.alignLeft {
  text-align: left;
  font-size: 18px;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.content .form-control {
  color: #333 !important;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.content table {
  color: #333 !important;
}
.jconfirm.jconfirm-supervan .jconfirm-box .buttons {
  text-align: center;
}
.jconfirm.jconfirm-supervan .jconfirm-box .buttons button {
  font-size: 16px;
  border-radius: 2px;
  background: #303f53;
  text-shadow: none;
  border: none;
  color: white;
  padding: 10px;
  min-width: 100px;
}
.jconfirm.jconfirm-material .jconfirm-bg {
  background-color: rgba(0, 0, 0, 0.67);
}
.jconfirm.jconfirm-material .jconfirm-box {
  background-color: white;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  padding: 30px 25px 10px 25px;
}
.jconfirm.jconfirm-material .jconfirm-box div.closeIcon {
  color: rgba(0, 0, 0, 0.87);
}
.jconfirm.jconfirm-material .jconfirm-box div.title-c {
  color: #0078ff;
  font-size: 20px;
  text-align: center;
  font-weight: 500;
  position: relative;
}
.jconfirm.jconfirm-material .jconfirm-box div.title-c.selfulness {
  color: #d2062a !important;
}
.jconfirm.jconfirm-material .jconfirm-box div.title-c.wa4business {
  margin-top: 25px;
  text-align: center;
  color: #0078ff !important;
}
.jconfirm.jconfirm-material .jconfirm-box div.content {
  text-align: center;
  color: rgba(0, 0, 0, 0.7);
  font-size: 15px;
}
.jconfirm.jconfirm-material .jconfirm-box div.content.alignLeft {
  text-align: left;
}
.jconfirm.jconfirm-material .jconfirm-box .buttons {
  text-align: center;
  margin-left: -22px;
  margin-right: -22px;
}
.jconfirm.jconfirm-material .jconfirm-box .buttons button {
  font-weight: 500;
  border: 1px solid #0078ff !important;
  background-color: #fff !important;
  color: #0078ff !important;
  border-top-left-radius: 100px !important;
  border-bottom-left-radius: 100px !important;
  border-top-right-radius: 100px !important;
  border-bottom-right-radius: 100px !important;
  text-transform: none !important;
  font-size: 15px !important;
  min-width: 90px;
  padding: 15px 30px !important;
}
.jconfirm.jconfirm-material .jconfirm-box .buttons button:hover {
  background-color: #0078ff !important;
  color: white !important;
}
.jconfirm.jconfirm-material .jconfirm-box .buttons button.btn-wa4b {
  font-size: 15px !important;
  border-radius: 4px !important;
}
.jconfirm.jconfirm-material .jconfirm-box .buttons button.red-opposite {
  border: 1px solid #ca483d !important;
  background-color: transparent !important;
  color: #ca483d !important;
}
.jconfirm.jconfirm-material .jconfirm-box .buttons button.red-opposite.active {
  background-color: #ca483d !important;
  color: #fff !important;
}
.jconfirm.jconfirm-material .jconfirm-box .buttons button.red-opposite:active {
  background-color: #ca483d !important;
  color: #fff !important;
}
.jconfirm.jconfirm-material .jconfirm-box .buttons button.red-opposite:hover {
  background-color: #ca483d !important;
  color: #fff !important;
}
.jconfirm.jconfirm-material .jconfirm-box .buttons button.red-opposite:focus {
  background-color: #ca483d !important;
  color: #fff !important;
}
.jconfirm.jconfirm-material .jconfirm-box .buttons button.btn-acli-sort {
  border: none !important;
  border-radius: 0px !important;
  min-width: 80px;
  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.3);
  background-color: #2f387f !important;
  color: #fff !important;
}
.jconfirm.jconfirm-material .jconfirm-box .buttons button + button {
  margin-left: 15px;
}
.jconfirm.jconfirm-bootstrap .jconfirm-bg {
  background-color: rgba(0, 0, 0, 0.21);
}
.jconfirm.jconfirm-bootstrap .jconfirm-box {
  background-color: white;
  box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
  border: solid 1px rgba(0, 0, 0, 0.4);
  padding: 15px 0 0;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box div.closeIcon {
  color: rgba(0, 0, 0, 0.87);
}
.jconfirm.jconfirm-bootstrap .jconfirm-box div.title-c {
  color: rgba(0, 0, 0, 0.87);
  font-size: 22px;
  font-weight: bold;
  padding-left: 15px;
  padding-right: 15px;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box div.title-c.wa4business {
  margin-top: 25px;
  text-align: center;
  color: #0078ff !important;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box div.content {
  text-align: left;
  color: rgba(0, 0, 0, 0.87);
  padding: 0px 15px;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box div.content.alignLeft {
  text-align: left;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box .buttons {
  text-align: right;
  padding: 0px 0 0px;
  margin: -5px 0 0px;
  border-top: solid 1px #ddd;
  overflow: hidden;
  border-radius: 0 0 4px 4px;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box .buttons button {
  font-weight: 500;
  border-radius: 0px;
  margin: 0;
  border-left: solid 1px #ddd;
}
.introjs-overlay {
  position: absolute;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.9)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#e6000000', GradientType=1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.introjs-fixParent {
  z-index: auto !important;
  opacity: 1.0 !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
  -webkit-overflow-scrolling: auto !important;
}
.introjs-showElement,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  z-index: 99999999 !important;
}
.introjs-disableInteraction {
  z-index: 99999999 !important;
  position: absolute;
}
.introjs-relativePosition,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  position: relative;
}
.introjs-helperLayer {
  position: absolute;
  z-index: 9999998;
  background-color: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(0, 0, 0, 0.5) !important;
  border-radius: 4px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.introjs-tooltipReferenceLayer {
  position: absolute !important;
  visibility: hidden !important;
  z-index: 10000000 !important;
  background-color: transparent !important;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.introjs-helperLayer *,
.introjs-helperLayer *:before,
.introjs-helperLayer *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}
.introjs-helperNumberLayer {
  display: none !important;
  position: absolute;
  visibility: visible;
  top: -16px;
  left: -16px;
  z-index: 9999999999 !important;
  padding: 2px;
  font-family: 'Work Sans', sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  background: #ff3019;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* Chrome10+,Safari5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
  /* Chrome,Safari4+ */
  background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
  /* W3C */
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 3px solid white;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000);
  /* IE10 text shadows */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}
.introjs-arrow {
  border: 5px solid white;
  content: '';
  position: absolute;
}
.introjs-arrow.top {
  top: -10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: white;
  border-left-color: transparent;
}
.introjs-arrow.top-right {
  top: -10px;
  right: 10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: white;
  border-left-color: transparent;
}
.introjs-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: white;
  border-left-color: transparent;
}
.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: white;
}
.introjs-arrow.right-bottom {
  bottom: 10px;
  right: -10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: white;
}
.introjs-arrow.bottom {
  bottom: -10px;
  border-top-color: white;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-top-color: transparent;
  border-right-color: white;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.introjs-arrow.left-bottom {
  left: -10px;
  bottom: 10px;
  border-top-color: transparent;
  border-right-color: white;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.introjs-tooltip {
  position: absolute;
  visibility: visible;
  padding: 10px;
  background-color: white;
  min-width: 200px;
  max-width: 400px;
  border-radius: 3px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  -webkit-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  -ms-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
.introjs-tooltipbuttons {
  text-align: right;
  white-space: nowrap;
}
/*
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
 Changed by Afshin Mehrabani
*/
.introjs-button {
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.3em 0.8em;
  border: 1px solid #d4d4d4;
  margin: 0;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font: 11px / normal sans-serif;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
  background-image: -moz-linear-gradient(#f4f4f4, #ececec);
  background-image: -o-linear-gradient(#f4f4f4, #ececec);
  background-image: linear-gradient(#f4f4f4, #ececec);
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  /*background-clip: padding-box;*/
  /* commented out due to Opera 11.10 bug */
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  /* IE hacks */
  zoom: 1;
  display: inline;
  margin-top: 10px;
}
.introjs-button:hover {
  border-color: #bcbcbc;
  text-decoration: none;
  box-shadow: 0px 1px 1px #e3e3e3;
}
.introjs-button:focus,
.introjs-button:active {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
  background-image: -moz-linear-gradient(#ececec, #f4f4f4);
  background-image: -o-linear-gradient(#ececec, #f4f4f4);
  background-image: linear-gradient(#ececec, #f4f4f4);
}
/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.introjs-skipbutton {
  margin-right: 5px;
  color: #7a7a7a;
}
.introjs-prevbutton {
  -webkit-border-radius: 0.2em 0 0 0.2em;
  -moz-border-radius: 0.2em 0 0 0.2em;
  border-radius: 0.2em 0 0 0.2em;
  border-right: none;
}
.introjs-nextbutton {
  -webkit-border-radius: 0 0.2em 0.2em 0;
  -moz-border-radius: 0 0.2em 0.2em 0;
  border-radius: 0 0.2em 0.2em 0;
}
.introjs-disabled,
.introjs-disabled:hover,
.introjs-disabled:focus {
  color: #9a9a9a;
  border-color: #d4d4d4;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
}
.introjs-bullets {
  text-align: center;
}
.introjs-bullets ul {
  clear: both;
  margin: 15px auto 0;
  padding: 0;
  display: inline-block;
}
.introjs-bullets ul li {
  list-style: none;
  float: left;
  margin: 0 2px;
}
.introjs-bullets ul li a {
  display: block;
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-decoration: none;
}
.introjs-bullets ul li a:hover {
  background: #999;
}
.introjs-bullets ul li a.active {
  background: #999;
}
.introjs-progress {
  overflow: hidden;
  height: 10px;
  margin: 10px 0 5px 0;
  border-radius: 4px;
  background-color: #ecf0f1;
}
.introjs-progressbar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  background-color: #08c;
}
.introjsFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%;
}
.introjs-fixedTooltip {
  position: fixed;
}
.introjs-hint {
  position: absolute;
  background: transparent;
  width: 20px;
  height: 15px;
}
.introjs-hidehint {
  display: none;
}
.introjs-fixedhint {
  position: fixed;
}
.introjs-hint:hover > .introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.57);
}
.introjs-hint-pulse {
  width: 10px;
  height: 10px;
  border: 5px solid rgba(60, 60, 60, 0.27);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: rgba(136, 136, 136, 0.24);
  z-index: 10;
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.introjs-hint-dot {
  border: 10px solid rgba(146, 146, 146, 0.36);
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  -webkit-animation: introjspulse 3s ease-out;
  -moz-animation: introjspulse 3s ease-out;
  animation: introjspulse 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -25px;
  left: -25px;
  z-index: 1;
  opacity: 0;
}
.introjs-tooltiptext {
  font-size: 18px !important;
}
@-moz-keyframes intrjspulse {
  0% {
    -moz-transform: scale(0);
    opacity: 0.0;
  }
  25% {
    -moz-transform: scale(0);
    opacity: 0.1;
  }
  50% {
    -moz-transform: scale(0.1);
    opacity: 0.3;
  }
  75% {
    -moz-transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    -moz-transform: scale(1);
    opacity: 0.0;
  }
}
@-webkit-keyframes introjspulse {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0;
  }
  25% {
    -webkit-transform: scale(0);
    opacity: 0.1;
  }
  50% {
    -webkit-transform: scale(0.1);
    opacity: 0.3;
  }
  75% {
    -webkit-transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0.0;
  }
}
.progress {
  border-radius: 10px;
  border: none;
}
.progress.progress-shareup {
  height: 10px !important;
  line-height: 10px !important;
}
.progress .progress-bar {
  background-image: none !important;
}
.progress .progress-bar.progress-white {
  background-color: #fff;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.progress .progress-bar.progress-1 {
  background-color: rgba(45, 102, 255, 0.6);
  border: 2px solid #1453ff;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.progress .progress-bar.progress-2 {
  background-color: rgba(45, 102, 255, 0.6);
  border: 2px solid #1453ff;
}
.progress .progress-bar.progress-3 {
  background-color: rgba(45, 102, 255, 0.6);
  border: 2px solid #1453ff;
}
.progress .progress-bar.progress-4 {
  background-color: rgba(45, 102, 255, 0.6);
  border: 2px solid #1453ff;
}
.progress .progress-bar.progress-bar-review {
  background-color: #ffff00;
  border: 2px solid #ff9714;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.progress .progress-bar.progress-bar-review.empty {
  border: none !important;
}
.progress .progress-bar.progress-bar-review.full {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.awards-container {
  max-width: 400px;
  margin: 45px auto 20px;
  position: relative;
}
.awards-container .bullet-shareup.bullet-progress {
  position: absolute;
  top: -2px;
  border-radius: 7px;
  width: 14px;
  height: 14px;
}
.awards-container .bullet-shareup.bullet-award {
  border-radius: 20px;
  width: 40px;
  height: 40px;
  padding-top: 6px;
  font-size: 18px;
  color: #fff;
  text-align: center;
}
.awards-container .bullet-shareup.bullet-1 {
  background-color: rgba(45, 102, 255, 0.6);
  border: 2px solid #1453ff;
}
.awards-container .bullet-shareup.bullet-1.empty {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.5);
}
.awards-container .bullet-shareup.bullet-2 {
  background-color: rgba(45, 102, 255, 0.6);
  border: 2px solid #1453ff;
}
.awards-container .bullet-shareup.bullet-2.empty {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.5);
}
.awards-container .bullet-shareup.bullet-3 {
  background-color: rgba(45, 102, 255, 0.6);
  border: 2px solid #1453ff;
}
.awards-container .bullet-shareup.bullet-3.empty {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.5);
}
.awards-container .bullet-shareup.bullet-4 {
  background-color: rgba(45, 102, 255, 0.6);
  border: 2px solid #1453ff;
}
.awards-container .bullet-shareup.bullet-4.empty {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.5);
}
.awards-container .award-title {
  font-size: 20px;
  padding-top: 5px;
  text-align: left;
}
.awards-container .award-title.title-1 {
  color: #1453ff;
}
.awards-container .award-title.title-1.empty {
  color: rgba(0, 0, 0, 0.5);
}
.awards-container .award-title.title-2 {
  color: #1453ff;
}
.awards-container .award-title.title-2.empty {
  color: rgba(0, 0, 0, 0.5);
}
.awards-container .award-title.title-3 {
  color: rgba(45, 102, 255, 0.6);
}
.awards-container .award-title.title-3.empty {
  color: rgba(0, 0, 0, 0.5);
}
.awards-container .award-title.title-4 {
  color: rgba(45, 102, 255, 0.6);
}
.awards-container .award-title.title-4.empty {
  color: rgba(0, 0, 0, 0.5);
}
.awards-container .col-left {
  float: left;
  width: 55px;
  padding-left: 10px;
}
.awards-container .col-center {
  float: left;
  width: calc(100% - 160px);
  padding-left: 10px;
}
.awards-container .col-right {
  text-align: right;
  float: left;
  width: 105px;
  margin-right: -7px;
}
.svg-new-flag-1 {
  fill: rgba(45, 102, 255, 0.6);
  stroke: #1453ff;
  stroke-width: 10px;
  width: 35px;
  height: 35px;
}
.svg-new-flag-1-empty {
  fill: transparent;
  stroke: #1453ff;
  stroke-width: 10px;
  width: 35px;
  height: 35px;
}
.svg-new-flag-2 {
  fill: rgba(45, 102, 255, 0.6);
  stroke: #1453ff;
  stroke-width: 10px;
  width: 35px;
  height: 35px;
}
.svg-new-flag-2-empty {
  fill: transparent;
  stroke: #1453ff;
  stroke-width: 10px;
  width: 35px;
  height: 35px;
}
.svg-new-flag-3 {
  fill: rgba(45, 102, 255, 0.6);
  stroke: #1453ff;
  stroke-width: 10px;
  width: 35px;
  height: 35px;
}
.svg-new-flag-3-empty {
  fill: transparent;
  stroke: #1453ff;
  stroke-width: 10px;
  width: 35px;
  height: 35px;
}
.svg-new-flag-4 {
  fill: rgba(45, 102, 255, 0.6);
  stroke: #1453ff;
  stroke-width: 10px;
  width: 35px;
  height: 35px;
}
.svg-new-flag-4-empty {
  fill: transparent;
  stroke: #1453ff;
  stroke-width: 10px;
  width: 35px;
  height: 35px;
}
#tablet-company-page-screen-saver {
  position: absolute !important;
  top: 0px !important;
  left: 0px !important;
  width: 100% !important;
  height: 100vh !important;
  z-index: 99999999999999999999 !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}
#tablet-company-page-screen-saver.reg-blue {
  background-color: #009de1 !important;
  background: url(https://agorhub.com/ah_images/default/Card/BACKGROUND_Blue.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#tablet-company-page-screen-saver.reg-yellow {
  background-color: #ffbe25 !important;
  background: url(https://agorhub.com/ah_images/default/Card/BACKGROUND_Yellow.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#tablet-company-page-screen-saver.reg-green {
  background-color: #66b254 !important;
  background: url(https://agorhub.com/ah_images/default/Card/BACKGROUND_Green.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#tablet-company-page-screen-saver h1 {
  font-size: 50px;
  margin-top: 5%;
  color: #fff;
  width: 100%;
  text-align: center;
  font-weight: 700 !important;
  text-shadow: -3px 3px 4px rgba(0, 0, 0, 0.55);
}
#tablet-company-page-screen-saver img {
  position: absolute;
  max-width: 550px;
  height: auto;
  top: 37%;
  right: -8%;
}
#tablet-company-page-screen-saver .btn-cp {
  position: absolute;
  left: 0px;
  bottom: 50px;
}
#tablet-company-page-screen-saver .btn-cp button {
  font-size: 35px !important;
}
#tablet-company-page-screen-saver #reg-main-logo-cmp {
  height: 20vh;
  min-height: 150px;
  max-height: 300px;
  margin-top: 20px;
  width: auto;
  margin-left: 38px;
  float: left;
  border-radius: 20px;
}
#tablet-company-page-screen-saver #reg-main-name-cmp {
  float: right;
  padding-top: 70px;
  font-size: 35px !important;
  font-weight: 500;
  margin-right: 50px;
  color: #fff;
}
#tablet-company-page-screen-saver #reg-pre-advantage {
  color: #fff !important;
  font-size: 40px !important;
  font-weight: 500;
  padding-top: 3vh;
  text-align: center;
  width: 100%;
}
#tablet-company-page-screen-saver #reg-main-advantage {
  color: #fff !important;
  font-size: 70px !important;
  font-weight: 500;
  width: 100%;
  text-align: center;
  padding-top: 3vh;
}
#reg-reg-advantage {
  color: #fff !important;
  font-size: 50px !important;
  font-weight: 500;
  width: 100%;
  text-align: center;
  padding-top: 1vh;
  padding-bottom: 1vh;
}
.checkbox-custom,
.radio-custom {
  opacity: 0;
  position: absolute;
}
.checkbox-custom,
.checkbox-custom-label,
.radio-custom,
.radio-custom-label {
  display: inline-block;
  vertical-align: middle;
  margin: 7px;
  cursor: pointer;
}
.checkbox-custom-label,
.radio-custom-label {
  position: relative;
  line-height: 14px;
  font-size: 14px;
}
.checkbox-custom + .checkbox-custom-label:before,
.radio-custom + .radio-custom-label:before {
  content: '';
  background: #fff;
  border: 2px solid #ccc;
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 28px;
  padding: 5px;
  margin-right: 10px;
  text-align: center;
}
.checkbox-custom:checked + .checkbox-custom-label:before {
  content: "\f00c";
  font-family: 'FontAwesome';
  background: #66B254;
  color: #fff;
}
.checkbox-custom:focus + .checkbox-custom-label,
.radio-custom:focus + .radio-custom-label {
  outline: 1px solid #ddd;
  /* focus style */
}
/*
 * @name wowBook
 * @desc style for wowBook plugin for jQuery
 *
 * @author Marcio Aguiar
 * @version 1.3.1
 *
 * Date: Wed Dec 8 10:05:49 2010 -0200
 */
.wowbook {
  position: relative;
  zoom: 1;
  -ms-text-size-adjust: auto;
  -webkit-text-size-adjust: auto;
}
.wowbook-origin {
  z-index: 1;
}
.wowbook-page {
  zoom: 1;
}
.wowbook-page-content {
  position: absolute;
  overflow: hidden;
  background: white;
  zoom: 1;
}
.wowbook-loading .wowbook-page-content {
  background-image: url(woow/loading.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.wowbook-loading .wowbook-zoomcontent {
  opacity: 0;
}
.wowbook-zoomcontent {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in;
  -moz-transition: opacity 0.5s ease-in;
  -o-transition: opacity 0.5s ease-in;
  -ms-transition: opacity 0.5s ease-in;
  transition: opacity 0.5s ease-in;
}
.wowbook.wowbook-loading {
  background-image: url(woow/loading.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
img.wowbook-lazy {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.wowbook-fullscreen-fix {
  height: 100% !important;
  width: 100% !important;
}
/* marker class */
.wowbook-handle {
  cursor: pointer;
  height: 100%;
  position: absolute;
  top: 0;
  width: 50px;
  z-index: 100001;
  /* without this Chrome will mess the zindex of hardcover when it flips, making
	   the cover to jump when the "curl page corner on hover" is enabled */
  -webkit-transform: translate3d(0px, 0px, 10000px);
}
.wowbook-handle.wowbook-disabled {
  display: none;
}
.wowbook-unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.wowbook-page-content.wowbook-double-page {
  padding: 0;
}
/* hard page edge */
.wowbook-hardpage {
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.wowbook-3d-border {
  background: #eee;
  height: 100%;
  left: 100%;
  position: absolute;
  top: 0;
  width: 5px;
  -moz-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  -webkit-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -moz-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  -webkit-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}
.wowbook-left .wowbook-3d-border {
  left: 0;
}
/* shadows */
.wowbook-shadow-clipper {
  position: absolute;
  overflow: hidden;
  z-index: 999;
  zoom: 1;
  -webkit-backface-visibility: hidden;
  /* eliminate jagged edges */
}
.wowbook-shadow-container {
  display: none;
  position: absolute;
  z-index: 999;
  zoom: 1;
}
.wowbook-shadow-internal {
  background: url(woow/shadow_internal_fold.png) repeat-y;
  height: 500px;
  width: 200px;
  position: absolute;
  zoom: 1;
  -webkit-backface-visibility: hidden;
  /* eliminate jagged edges */
}
.wowbook-shadow-fold {
  background: url(woow/shadow_fold.png) right top repeat-y;
  height: 500px;
  width: 100px;
  position: absolute;
  zoom: 1;
  -webkit-backface-visibility: hidden;
  /* eliminate jagged edges */
}
.wowbook-shadow-fold-flipped {
  background-image: url(woow/shadow_fold_flip_h.png);
}
.wowbook-fold-gradient {
  background: url(woow/fold_gradient.png) right top repeat-y;
  height: 500px;
  width: 125px;
  position: absolute;
  top: 0;
  zoom: 1;
  -webkit-backface-visibility: hidden;
  /* eliminate jagged edges */
}
.wowbook-fold-gradient-flipped {
  background-image: url(woow/fold_gradient_flip_h.png);
}
.wowbook-fold-gradient-container {
  position: absolute;
  z-index: 1001;
}
.wowbook-gutter-shadow {
  height: 100%;
  width: 40px;
  position: absolute;
  top: 0;
  z-index: 1;
  pointer-events: none;
}
.wowbook-left .wowbook-gutter-shadow {
  background: url(woow/gutter_shadow_left.png) right top repeat-y;
  right: 0;
  width: 70px;
}
.wowbook-right .wowbook-gutter-shadow {
  background: url(woow/gutter_shadow_right.png) right top repeat-y;
  left: 0;
}
.wowbook-hard-page-shadow {
  background: rgba(0, 0, 0, 0.2);
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  transform: translatez(0);
  -webkit-transform: translatez(0);
}
.wowbook-hard-page-dropshadow {
  background: #888;
  box-shadow: 0 0 7px 0px #666;
  background: rgba(96, 96, 96, 0.5);
  position: absolute;
  top: 0;
  z-index: 999;
  transform: translatez(0);
  -webkit-transform: translatez(0);
}
.wowbook-book-shadow {
  -moz-box-shadow: 0 0 7px #666;
  -ms-box-shadow: 0 0 7px #666;
  -webkit-box-shadow: 0 0 7px #666;
  -o-box-shadow: 0 0 7px #666;
  box-shadow: 0 0 7px #666;
  /* if you change this, change the .wowbook-hard-page-dropshadow too */
}
/* this should avoid a faint gray line in shadows element on android */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .wowbook-shadow-internal,
  .wowbook-gutter-shadow,
  .wowbook-fold-gradient,
  .wowbook-shadow-fold {
    image-rendering: pixelated;
  }
}
.wowbook-page-number {
  bottom: 0;
  padding-bottom: 0.3em;
  position: absolute;
  z-index: 1;
}
.wowbook-left .wowbook-page-number {
  left: 0;
  padding-left: 0.5em;
}
.wowbook-right .wowbook-page-number {
  right: 0;
  padding-right: 0.5em;
}
.wowbook-page-holded object {
  /* visibility: hidden; */
}
/* Thumbnails */
.wowbook-thumbnails {
  background: none;
  left: 0px;
  top: 0px;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  image-rendering: optimizeQuality;
  z-index: 10000;
}
.wowbook-thumbnails .wowbook-clipper {
  overflow: hidden;
  position: relative;
  -webkit-overflow-scrolling: touch;
}
.wowbook-thumbnails ul {
  position: relative;
  margin: 0;
  padding: 0;
}
.wowbook-thumbnails .wowbook-button {
  background: none no-repeat 50% 50% #333333;
  cursor: pointer;
  font-family: wowbook-toolbar-fonts;
  left: 0;
  position: absolute;
  top: 0;
  text-align: center;
}
.wowbook-thumbnail {
  cursor: pointer;
  display: inline-block;
  /* display: inline; for IE7 */
  zoom: 1;
  /* for IE7 */
  overflow: hidden;
  position: relative;
  vertical-align: top;
}
.wowbook-thumbnails .wowbook-button:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 1px;
}
.wowbook-thumbnails .wowbook-button:after {
  display: inline-block;
  vertical-align: middle;
}
/* BUGFIX. IE8 apparently ignores background-position
   when zoom<>1 is applied and the element has position:absolute */
.wowbook-thumbnail .wowbook-page-content {
  position: relative;
}
.wowbook-thumbnail.wowbook-right {
  margin-right: 1em;
}
.wowbook-overlay {
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100000;
}
/* Thumbnails - horizontal */
.wowbook-horizontal.wowbook-thumbnails {
  width: 100%;
}
.wowbook-horizontal.wowbook-thumbnails .wowbook-clipper {
  height: 100%;
  position: relative;
  margin: 0 30px;
  /* margin is the width of the buttons */
}
.wowbook-horizontal.wowbook-thumbnails ul {
  display: inline-block;
  /* display: inline;  IE7 */
  /* zoom: 1;          IE7 */
  white-space: nowrap;
}
.wowbook-horizontal.wowbook-thumbnails .wowbook-button {
  width: 30px;
  height: 100%;
  text-align: center;
}
.wowbook-horizontal.wowbook-thumbnails .wowbook-button:after {
  content: "\f053";
  /* fa-chevron-left */
}
.wowbook-horizontal.wowbook-thumbnails .wowbook-next.wowbook-button:after {
  content: "\f054";
  /* fa-chevron-right */
}
.wowbook-horizontal.wowbook-thumbnails .wowbook-next.wowbook-button {
  left: auto;
  right: 0;
}
.wowbook-horizontal .wowbook-thumbnail {
  /* without this, the "nowrap" value set in the "ul" will
	   be inherited and (probably)	mess with your thumbnails */
  white-space: normal;
  /* BUT IE7 NEED THIS */
  *white-space: nowrap;
}
.wowbook-horizontal .wowbook-thumbnail .wowbook-page-content {
  /* AGAIN, IE7 NEED THIS */
  *white-space: normal;
}
/* Thumbnails - vertical */
.wowbook-vertical.wowbook-thumbnails {
  display: inline-block;
  height: 100%;
}
.wowbook-vertical.wowbook-thumbnails .wowbook-clipper {
  position: absolute;
  top: 30px;
  bottom: 30px;
  /* this value is the height of the buttons */
}
.wowbook-vertical.wowbook-thumbnails .wowbook-button {
  height: 30px;
  line-height: 30px;
  width: 100%;
}
.wowbook-vertical.wowbook-thumbnails .wowbook-button:after {
  vertical-align: baseline;
}
.wowbook-vertical.wowbook-thumbnails .wowbook-next.wowbook-button {
  bottom: 0;
  top: auto;
}
.wowbook-vertical.wowbook-thumbnails .wowbook-button:after {
  content: "\f077";
  /* fa-chevron-up */
}
.wowbook-vertical.wowbook-thumbnails .wowbook-next.wowbook-button:after {
  content: "\f078";
  /* fa-chevron-down */
}
.wowbook-vertical .wowbook-thumbnail {
  margin-bottom: 5px;
  margin-top: 5px;
}
.wowbook-vertical .wowbook-thumbnail.wowbook-right {
  margin-right: 0;
}
.wowbook-vertical.wowbook-closable .wowbook-thumbnail:first-child {
  margin-left: 50%;
}
/*
	Cursor
*/
.wowbook-draggable {
  cursor: hand;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  -moz-user-select: none;
}
.wowbook-draggable.wowbook-dragging {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
/*
	PDF
*/
.wowbook-pdf .wowbook-page-content {
  padding: 0;
}
.wowbook-pdf-annotations {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  z-index: 2;
  /* must be above the pdf-text div */
}
.wowbook-pdf .annotLink {
  padding: 0;
}
.wowbook-pdf .annotLink > a {
  font-size: 1em;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.wowbook-pdf .annotLink > a:hover {
  background: none repeat scroll 0 0 #ff0;
  box-shadow: 0 2px 10px #ff0;
  opacity: 0.2;
}
.wowbook-pdf .linkAnnotation {
  position: absolute;
  padding: 0;
}
.wowbook-pdf .linkAnnotation > a {
  font-size: 1em;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.wowbook-pdf .linkAnnotation > a:hover {
  background: #ff0 none repeat scroll 0 0;
  box-shadow: 0 2px 10px #ff0;
  opacity: 0.2;
}
.wowbook-pdf-text {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  opacity: 0.25;
  line-height: 1.0;
  z-index: 1;
}
.wowbook-pdf-text > div {
  color: transparent;
  position: absolute;
  white-space: pre;
  cursor: text;
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.wowbook-pdf-text .highlight {
  margin: -1px;
  padding: 1px;
  background-color: #b400aa;
  border-radius: 4px;
}
.wowbook-pdf-text .highlight.begin {
  border-radius: 4px 0px 0px 4px;
}
.wowbook-pdf-text .highlight.end {
  border-radius: 0px 4px 4px 0px;
}
.wowbook-pdf-text .highlight.middle {
  border-radius: 0px;
}
.wowbook-pdf-text .highlight.selected {
  background-color: #006400;
}
.wowbook-pdf-text ::selection {
  background: #0000ff;
  color: transparent;
}
.wowbook-pdf-text ::-moz-selection {
  background: #0000ff;
  color: transparent;
}
.wowbook-pdf-text .endOfContent {
  display: block;
  position: absolute;
  left: 0px;
  top: 100%;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  cursor: default;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
}
.wowbook-pdf-text .endOfContent.active {
  top: 0px;
}
/*
	Table of contents
*/
.wowbook-toc {
  background: white;
  display: inline-block;
  overflow-y: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 10001;
  width: 250px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.wowbook-toc .wowbook-close {
  float: right;
}
.wowbook-toc h1 {
  font-size: larger;
}
.wowbook-toc-items {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.wowbook-toc-item {
  border-top: 1px solid #D3D3D3;
  margin: 0;
  padding: 0px;
  position: relative;
}
.wowbook-toc-item a {
  display: block;
  padding: 10px;
}
.wowbook-toc-item a,
.wowbook-toc-item a:visited,
.wowbook-toc-item a:active,
.wowbook-toc-item a:hover {
  outline: none;
  text-decoration: none;
}
.wowbook-toc-item .page {
  float: right;
}
/* nested toc items */
.wowbook-toc-items a {
  padding-left: 1em;
}
.wowbook-toc-items .wowbook-toc-items {
  padding-left: 1em;
}
.wowbook-toc-item-toggle {
  cursor: pointer;
  position: absolute;
  width: 1em;
  padding: 10px 0;
  text-align: center;
}
.wowbook-toc-item-toggle::before {
  content: "-";
}
.wowbook-toc-item.wowbook-collapsed > .wowbook-toc-item-toggle::before {
  content: "+";
}
.wowbook-toc-item.wowbook-collapsed > .wowbook-toc-items {
  display: none;
}
/*
	Container
*/
.wowbook-container {
  position: relative;
  box-sizing: border-box;
}
.wowbook-book-container {
  position: relative;
  box-sizing: border-box;
  /* padding: 20px;*/
}
.wowbook-book-container .wowbook {
  margin: auto;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
}
.wowbook-container-full {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
/*
	Lightbox
*/
.wowbook-lightbox-on {
  overflow: hidden;
}
.wowbook-lightbox-overlay {
  display: none;
  background: #000000;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100000;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.wowbook-lightbox {
  top: 0 !important;
  left: 0 !important;
  background: white;
  box-sizing: border-box;
  display: none;
  overflow: hidden;
  padding: 0px;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 100001;
}
.wowbook-lightbox .wowbook-book-container {
  box-sizing: border-box;
  padding: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.wowbook-lightbox .wowbook-toolbar {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
}
.wowbook-lightbox > .wowbook-close {
  background: #222;
  border: 1px solid #555;
  position: absolute;
  right: 0;
  color: white;
  top: 0;
  z-index: 10000;
  height: 1.5em;
  line-height: 1em;
  padding: 0;
  width: 1.5em;
}
/*
	Toolbar/Controls
*/
.wowbook-toolbar {
  position: relative;
  text-align: center;
  z-index: 10000;
  padding: 0;
  -webkit-overflow-scrolling: touch;
  height: 46px;
  /*  same as the wowbook-control*/
}
.wowbook-controls {
  border-radius: 0px;
  display: inline-block;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  height: auto;
  line-height: 46px;
  width: 100%;
  vertical-align: top;
}
.wowbook-control {
  cursor: pointer;
  display: inline-block;
  font-size: 24px;
  overflow: hidden;
  padding: 0;
  text-align: center;
  color: white;
  background: black;
  white-space: nowrap;
  /* height: 46px; */
  height: 100%;
  line-height: 46px;
  line-height: inherit;
  vertical-align: top;
  width: 48px;
}
.wowbook-control:hover {
  background: #2C2C2C;
}
.wowbook-control,
.wowbook-control:visited,
.wowbook-control:active,
.wowbook-control:hover {
  color: white;
  outline: none;
  text-decoration: none;
}
.wowbook-control-toggle-toolbar {
  float: left;
}
/*
 Wowbook toolbar font is a custom built font that contains icons from the following free icon sets:
 - fontawesome http://fontawesome.io
 - icomoon https://icomoon.io
*/
@font-face {
  font-family: 'wowbook-toolbar-fonts';
  src: url('fonts/wowbook-toolbar-fonts.eot');
}
@font-face {
  font-family: 'wowbook-toolbar-fonts';
  src: url(data:application/x-font-ttf;base64,AAEAAAALAIAAAwAwT1MvMg8SDtsAAAC8AAAAYGNtYXDlYuWRAAABHAAAAUxnYXNwAAAAEAAAAmgAAAAIZ2x5Zs8vCmYAAAJwAAAmMGhlYWQLSMCCAAAooAAAADZoaGVhCLcFHwAAKNgAAAAkaG10eNEeAckAACj8AAAA5GxvY2HlRu9EAAAp4AAAAHRtYXhwAEQAxQAAKlQAAAAgbmFtZbitMkcAACp0AAACLnBvc3QAAwAAAAAspAAAACAAAwPMAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADx5QPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQBMAAAAEgAQAAFAAgAAQAg6WDpium76cLpx+oN6hbqG+om6irqROpx8APwCvAO8BDwGfAm8CjwTPBU8GbwePCa8Mrw0vDV8OHxofGk8eDx5f/9//8AAAAAACDpYOmF6brpwunH6g3qFeoa6iXqKupB6nHwAvAK8A3wEPAZ8CbwKPBL8FLwZfB38JnwyvDS8NXw4PGh8aTx4PHl//3//wAB/+MWpBaAFlEWSxZHFgIV+xX4Fe8V7BXWFaoQGhAUEBIQERAJD/0P/A/aD9UPxQ+1D5UPZg9fD10PUw6UDpIOVw5TAAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAAP/ABAADgAAGABIAAAkBIxEjESMFBw0BLQEnBREFJRECAAEAwIDAAelIAQT+W/5bAQRI/ukCAAIAAYABAAEA/wCXSGGdnWFIaf8AwMABAAAAAAYAAP/ABAADwAADAAcAKQA3AEUAUwAAEyEVISUhFSEBIxEhESERIREjIgYVERQWMyEyNjURMxEUFjMhMjY1ETQmASMiJjU0NjsBMhYVFAYTIyImNTQ2OwEyFhUUBgEjIiY1NDY7ATIWFRQGQAGA/oACAAGA/oABeDj/AP8A/wA4HioqHgEwHiqAKh4BMB4qKv2G+A8VFQ/4DxUVtUANExMNQA0TEwFv+A8VFQ/4DxUVA8BAQED/AAEA/wABAP8AKh790B4qKh4BeP6IHioqHgIwHir9gBMNDRMTDQ0TAcATDQ0TEw0NE/5AEw0NExMNDRMAAAACAAD/2APoA8AAIgA2AAAlJy4BBz4BNTQuAiMiDgIVFB4CMzI2NwYWHwEeATc2JgEiLgI1ND4CMzIeAhUUDgID4PITJxArMTxpi1BQi2k8PGmLUEeAMgEQEc4bSxsaBP2CNV1GKChGXTU1XUYoKEZdWc4REAEygEdQi2k8PGmLUFCLaTwxKxAnE/IeBBobSwECKEZdNTVdRigoRl01NV1GKAAAAAMAAP/YA+gDwAAiADYAQgAAJScuAQc+ATU0LgIjIg4CFRQeAjMyNjcGFh8BHgE3NiYBIi4CNTQ+AjMyHgIVFA4CEyMVIxUzFTM1MzUjA+DyEycQKzE8aYtQUItpPDxpi1BHgDIBEBHOG0sbGgT9gjVdRigoRl01NV1GKChGXQuAgICAgIBZzhEQATKAR1CLaTw8aYtQUItpPDErECcT8h4EGhtLAQIoRl01NV1GKChGXTU1XUYoAcCAgICAgAAAAAMAAP/YA+gDwAAiADYAOgAAJScuAQc+ATU0LgIjIg4CFRQeAjMyNjcGFh8BHgE3NiYBIi4CNTQ+AjMyHgIVFA4CAyEVIQPg8hMnECsxPGmLUFCLaTw8aYtQR4AyARARzhtLGxoE/YI1XUYoKEZdNTVdRigoRl31AYD+gFnOERABMoBHUItpPDxpi1BQi2k8MSsQJxPyHgQaG0sBAihGXTU1XUYoKEZdNTVdRigBQIAABAAA/8AEAAPAAAYADQAUABsAAAEhFwcXNxcZAQcnBxcHKQEnNycHJxkBNxc3JzcEAP5goMBgwKCgwGDAoP2gAaCgwGDAoKDAYMCgA8CgwGDAoP2gAaCgwGDAoKDAYMCgAmD+YKDAYMCgAAAABAAA/8AEAAPAAAYADQAUABsAAAEhJzcnBycZATcXNyc3KQEXBxc3FxkBBycHFwcCQAGgoMBgwKCgwGDAoP3g/mCgwGDAoKDAYMCgAgCgwGDAoP3g/mCgwGDAoKDAYMCgAiABoKDAYMCgAAAABgAA/8AEAAPAAAMABwALAA8AEwAXAAATIREhJSEVIQUhESElIRUhBSERISUhFSEAAQD/AAGAAoD9gP6AAQD/AAGAAoD9gP6AAQD/AAGAAoD9gAPA/wDAgMD/AMCAwP8AwIAAAAYAAP/ABAADwAADAAcACwAXACMALwAAASEVIREhFSERIRUhATQ2MzIWFRQGIyImETQ2MzIWFRQGIyImETQ2MzIWFRQGIyImAYACgP2AAoD9gAKA/YD+gEs1NUtLNTVLSzU1S0s1NUtLNTVLSzU1SwOAgP8AgP8AgANANUtLNTVLS/61NUtLNTVLS/61NUtLNTVLSwACAAAAFQQAA0AAKAAvAAABLgMjIgYHLgEjIgYVFBYVLgEjIg4CFRQeAjsBFzczMjY1NCYnASczNTMVMwN7ASZBVTE5YSESNyA4TgEIEQkoRzUeHjVHKFvj429IZkw5/oXAgICAAlgwVT8kMSoYHE43BQoEAQIfNEcoKEc1HuvrZkg+Xg7+KMDAwAAAAAMAAAAAA8ADgAAGAAsADwAACQIzETMRAyERIREHIzUzAuD/AP8AoMBg/iADwECAgAIA/wABAAGA/oD/AP8AAQCAQAAAAwAA/8AEAAPAABMAJwAzAAABIg4CFRQeAjMyPgI1NC4CAyIuAjU0PgIzMh4CFRQOAhMHJwcXBxc3FzcnNwIAaruLUFCLu2pqu4tQUIu7alaYcUFBcZhWVphxQUFxmEqgoGCgoGCgoGCgoAPAUIu7amq7i1BQi7tqaruLUPxgQXGYVlaYcUFBcZhWVphxQQKgoKBgoKBgoKBgoKAAAwAA/8AEAAPAABMAJwAqAAABIg4CFRQeAjMyPgI1NC4CAyIuAjU0PgIzMh4CFRQOAgMNAQIAaruLUFCLu2pqu4tQUIu7alaYcUFBcZhWVphxQUFxmNYBgP6AA8BQi7tqaruLUFCLu2pqu4tQ/GBBcZhWVphxQUFxmFZWmHFBAoDg4AAABAAA/8AEAAPAABMAJwArAC8AAAEiDgIVFB4CMzI+AjU0LgIDIi4CNTQ+AjMyHgIVFA4CATMRIwEzESMCAGq7i1BQi7tqaruLUFCLu2pWmHFBQXGYVlaYcUFBcZj+6oCAAQCAgAPAUIu7amq7i1BQi7tqaruLUPxgQXGYVlaYcUFBcZhWVphxQQJg/oABgP6AAAAAAAQAAP/ABAADwAATACcAKgAtAAAFMj4CNTQuAiMiDgIVFB4CEzIeAhUUDgIjIi4CNTQ+AgEnNwEnNwIAaruLUFCLu2pqu4tQUIu7alaYcUFBcZhWVphxQUFxmAEW4OD/AODgQFCLu2pqu4tQUIu7amq7i1ADoEFxmFZWmHFBQXGYVlaYcUH9wKCg/sCgoAAAAAQAAP/ABAADwAATACcAKgAtAAABIg4CFRQeAjMyPgI1NC4CAyIuAjU0PgIzMh4CFRQOAgEXBwEXBwIAaruLUFCLu2pqu4tQUIu7alaYcUFBcZhWVphxQUFxmP7q4OABAODgA8BQi7tqaruLUFCLu2pqu4tQ/GBBcZhWVphxQUFxmFZWmHFBAkCgoAFAoKAAAAIAAABABAADQAADAAYAADchFSEJASEABAD8AAIAAgD8AMCAAwD+AAAEAAAAAARAA34AIwBDAFwAdwAAJSImJyY0Nz4DNTQuAicmNDc2MhceAxUUDgIHDgEjJyImJyY0Nz4BNCYnJjQ3NjIXHgMVFA4CBw4BIzEnIiYnJjQ3PgE0JicmNDc2MhceARQGBw4BByImLwEjIiY1ETQ2OwE3PgEXHgEVERQGBw4BA3oJEgcODiEzIhISIjMhDg4OKA4oPSkWFik9KAcSCaoKEQcODjExMTEODg4nDh8vIBERIC8fBxEJqwkSBw4OHh8fHg4ODigOLC0tLAcSjgYMBfZzDRMTDXP2BxMJCQsLCQMGJgcHDigOIUxTWi4uWlNMIQ4oDg4OKFtlbDg4bGVbKAcHWgcIDicOMnuCezIOJw4PDx5HTVQrK1RNRx4IB1sHBw4oDh5NUE0eDigODg4scXRxLAcH2wUE9xMNAUANE/cGBAMEEAr8wAoQBAEBAAAAAgAAAAADwAN+AA8AKgAAARUjJwcjNTcnNTMXNzMVBwEiJi8BIyImNRE0NjsBNz4BFx4BFREUBgcOAQPAVWtrVWtrVWtrVWv+SwYMBfZzDRMTDXP2BxMJCQsLCQMGAVVVa2tVa2tVa2tVa/5ABQT3Ew0BQA0T9wYEAwQQCvzAChAEAQEAAwAA/8AEAAPAABMAJwAtAAATFB4CMzI+AjU0LgIjIg4CBRQOAiMiLgI1ND4CMzIeAgc3CQEXNwBQi7tqaruLUFCLu2pqu4tQA6BBcZhWVphxQUFxmFZWmHFB3Vr+4/7jWsMBwGq7i1BQi7tqaruLUFCLu2pWmHFBQXGYVlaYcUFBcZjzWgEe/uJawgADAAD/wAQAA8AAEwAnAC0AAAEiDgIVFB4CMzI+AjU0LgIDIi4CNTQ+AjMyHgIVFA4CJxcJAQcXAgBqu4tQUIu7amq7i1BQi7tqVphxQUFxmFZWmHFBQXGY81oBHv7iWsIDwFCLu2pqu4tQUIu7amq7i1D8YEFxmFZWmHFBQXGYVlaYcUHdWgEdAR1awwAAAAADAAD/wAQAA8AAEwAnAC0AAAE0LgIjIg4CFRQeAjMyPgIlND4CMzIeAhUUDgIjIi4CNwcJAScHBABQi7tqaruLUFCLu2pqu4tQ/GBBcZhWVphxQUFxmFZWmHFB3VoBHQEdWsMBwGq7i1BQi7tqaruLUFCLu2pWmHFBQXGYVlaYcUFBcZjzWv7iAR5awgAAAAADAAD/wAQAA8AAEwAnAC0AAAUyPgI1NC4CIyIOAhUUHgITMh4CFRQOAiMiLgI1ND4CFycJATcnAgBqu4tQUIu7amq7i1BQi7tqVphxQUFxmFZWmHFBQXGY81r+4gEeWsJAUIu7amq7i1BQi7tqaruLUAOgQXGYVlaYcUFBcZhWVphxQd1a/uP+41rDAAoAAAAABAADgAADAAcACwAPABMAFwAbAB8AIwAnAAATESERATUhFR0BITUBFSE1IxUhNREhFSElIRUhETUhFQEhFSEhNSEVAAQA/YABAP8AAQD/AED/AAEA/wACgAEA/wABAPyAAQD/AAKAAQADgPyAA4D9wMDAQMDAAgDAwMDA/wDAwMABAMDA/sDAwMAAAAIAAP+3A7cDbgAPADYAAAE0JyYjIgcGFRQXFjMyNzYBFAcGIyIvAQYjIicmJyYnJjU0NzY3Njc2MzIXFhcWFxYVFAcXFhUCkktLamlMS0tMaWpLSwElFhYdHxXEZn5RS0s2Nh8gIB82NktLUVJLSjY2ICBHxBUB22pLS0tLamlLTExL/o4eFRYWw0cgIDY2SktRUktKNjYgICAgNjZKS1J9Z8QVHgAAAAMAAAAABAADJQAgAFAAZAAAJREGBwYHBgcGBwYrASInJicmJyYnJicRFBcWMyEyNzY1ETUxNSYjBicmBwYnISIHBhUUFxYXFhcWFxYXFhcWOwEyNzY3Njc2NzY3Njc2NzY1NxEUBwYjISInJjURNDc2MyEyFxYDtxIWmVodEhMfHxsCGx8fExIdWpkWEgYFBwNKBwUGAQECAQIDBAT8tgcFBlRudwQQEQoJEBANDQsCCw0NEBAJChEQBHduHxobSRsbJfy2JRsbGxslA0olGxtbAbcUEXZMGA4ODg4ODg4OGEx2ERT+SQcFBgYFBwJZDgcIAQYFAQECBQUIYEJXXgMODggHCwoFBQUFCgsHCA4OA15XGCopIhX9kiUbGxsbJQJuJhsbGxsACQAAAEkEAANuABMAJwA7AE8AYwB3AIsAnwCzAAAlFRQHBisBIicmPQE0NzY7ATIXFhEVFAcGKwEiJyY9ATQ3NjsBMhcWARUUBwYrASInJj0BNDc2OwEyFxYBFRQHBisBIicmPQE0NzY7ATIXFgEVFAcGKwEiJyY9ATQ3NjsBMhcWARUUBwYrASInJj0BNDc2OwEyFxYBFRQHBisBIicmPQE0NzY7ATIXFgEVFAcGKwEiJyY9ATQ3NjsBMhcWERUUBwYrASInJj0BNDc2OwEyFxYBJRAQF7cXEBAQEBe3FxAQEBAXtxcQEBAQF7cXEBABbRAQF7YXEBAQEBe2FxAQ/pMQEBe3FxAQEBAXtxcQEAFtEBAXthcQEBAQF7YXEBABbhAQF7cXEBAQEBe3FxAQ/pIQEBe2FxAQEBAXthcQEAFuEBAXtxcQEBAQF7cXEBAQEBe3FxAQEBAXtxcQEO5uFxAQEBAXbhcQEBAQAQ1tFxAQEBAXbRcQEBAQ/sVuFxAQEBAXbhcQEBAQAjJuFxAQEBAXbhcQEBAQ/sRtFxAQEBAXbRcQEBAQ/sVuFxAQEBAXbhcQEBAQAjJuFxAQEBAXbhcQEBAQ/sRtFxAQEBAXbRcQEBAQAQ5uFxAQEBAXbhcQEBAQAAEAPwA/AuYC5gAsAAAlFA8BBiMiLwEHBiMiLwEmNTQ/AScmNTQ/ATYzMh8BNzYzMh8BFhUUDwEXFhUC5hBOEBcXEKioEBcWEE4QEKioEBBOEBYXEKioEBcXEE4QEKioEMMWEE4QEKioEBBOEBYXEKioEBcXEE4QEKioEBBOEBcXEKioEBcAAAADAAD/twO3A24ALAA8AGMAAAEVFAcGKwEVFAcGKwEiJyY9ASMiJyY9ATQ3NjsBNTQ3NjsBMhcWHQEzMhcWFRc0JyYjIgcGFRQXFjMyNzYBFAcGIyIvAQYjIicmJyYnJjU0NzY3Njc2MzIXFhcWFxYVFAcXFhUCSQUGB4AGBQclBwYFgAgFBgYFCIAFBgclBwUGgAcGBUlLS2ppTEtLTGlqS0sBJRYVHh8VxGZ+UUtLNjYfICAfNjZLS1FSS0o2NiAgR8QVAe4lBwYFgAgFBQUFCIAFBgclBwYFgAcGBQUGB4AFBgcTaktLS0tqaUtMTEv+jh4WFRbDRyAgNjZKS1FSS0o2NiAgICA2NkpLUn1nxBUeAAADAAD/twO3A24AFAAkAEsAAAEVFAcGIyEiJyY9ATQ3NjMhMhcWFRc0JyYjIgcGFRQXFjMyNzYBFAcGIyIvAQYjIicmJyYnJjU0NzY3Njc2MzIXFhcWFxYVFAcXFhUCSQUGB/63CAUGBgUIAUkHBgVJS0tqaUxLS0xpaktLASUWFR4fFcRmflFLSzY2HyAgHzY2S0tRUktKNjYgIEfEFQHuJQcGBQUGByUHBgUFBgcTaktLS0tqaUtMTEv+jh4WFRbDRyAgNjZKS1FSS0o2NiAgICA2NkpLUn1nxBUeAAAAAAQAAABJA7cDtwAQACEAPQBZAAAlNCcmIyIHBhUUFxYzMjc2NTM0JyYjIgcGFRQXFjMyNzY1NxUUBwYjISInJj0BNDc2MyEXFjMyPwEhMhcWFQMWBwEGIyInASY3NjsBETQ3NjsBMhcWFREzMhcC2woLDw8LCwsLDw8LCpMLCw8PCwoKCw8PCwtJEBAX/LcXEBAQEBcBCk0hLC0hTgEJFxAQugoS/wAKEA8K/wASCgkYkwsKD5MOCwuSGAq3DwsKCgsPDwsLCwsPDwsKCgsPDwsLCwsPgLcXEBAQEBe3FxAQTiAgThAQFwFFFxH/AAsLAQARFxYBAA8LCwsLD/8AFgABAAAAWwG3AxIAGgAAAREUBwYjIi8BIyInJj0BNDc2OwE3NjMyFxYVAbcLCw8PCr+VDwsLCwsPlb8KDw8LCwLu/ZIPCwsLvwoLD9wOCwu+CwsKDwAEAAAAIQO3A00AGgBDAGgAlQAAAREUBwYjIi8BIyInJj0BNDc2OwE3NjMyFxYVExQHBgcGIyInJjU0NzY3Njc2NzY1NCcmJyYnJicmNTQ3NjMyFxYXFhUzFAcGBwYjIicmNTQ3Njc2NzY1NCcmJyYnJjU0NzYzMhcWFxYVMxQHBgcGIyInJjU0NzY3Njc2NzY3NjU0JyYnJicmJyYnJjU0NzYzMhcWFxYVAbcLCw8PCr+VDwsLCwsPlb8KDw8LC9sYGCgGCQ4LCwcHCQoKCQcHBwcJCgoJBwcLCw4JBigYGJMxMVAHBw8LCxYgDCoYFxcYKgwgFgsLDwcHUDExkklIeQcIDwoLFgQJCQQaFUYnKCgnRhUaBAkJBBYLCg8IB3lISQLu/ZIPCwsLvwoLD9wOCwu+CwsKD/7JLCUlEAMKCw8MCQgGBgcHDQ0UEw0OBwcGBggIDBAKCwMPJiYrWEpKIQMLCw4XCxEIHy8uNTQvLx4JEQsWDwsLAyJKSleEbm40AgoLDxUNAgQEAg4PNE5NWFdOTjQPDgIEBAINFQ4LCwM0bm6DAAAAAQAA//4DJANwAA8AAAkBBicmNRE0NzYXARYVFAcDF/0JDQoJCQoNAvcNDQGl/loHBgUPA0kPBgYI/lsICgoIAAIAAAAAA24DbgAUACkAAAERFAcGIyEiJyY1ETQ3NjMhMhcWFSERFAcGIyEiJyY1ETQ3NjMhMhcWFQNuCwsP/twPCwsLCw8BJA8LC/4ACwsP/twPCwsLCw8BJA8LCwNJ/NwPCwsLCw8DJA8LCwsLD/zcDwsLCwsPAyQPCwsLCw8AAgABAEkDbgMoAA8AJAAAEwE2MzIXARYHBiMhIicmNwEhIicmPQE0NzYzITIXFh0BFAcGIwgBlgsODwsBlgsEAw/8tw8DBAsDQvzbDwsKCgsPAyUPCgsLCg8BhwGWCwv+agoIBwcICv7CCwsPkg8LCwsLD5IPCwsAAQBYAA8CqAOoABoAAAkCFhUUDwEGIyInASY1NDcBNjMyHwEWFRQHAp3+0QEvCwtfCw4PC/5YCwsBqAsPDgtfCwsDC/7Q/tELDw8KXwsLAagLDg8LAagLC18LDg8LAAAAAQAzAA8CgwOoABoAAAkBBiMiLwEmNTQ3CQEmNTQ/ATYzMhcBFhUUBwJ5/lgLDw8LXwsLATD+0AsLXwsPDwsBqAoKAcL+WAsLXwoPDwsBLwEwCw8OC18LC/5YCw8OCwAAAgAAAAADbgNuAB8APwAAARQPARcWFRQHBiMhIicmNRE0NzYzMh8BNzYzMh8BFhUBERQHBiMiLwEHBiMiLwEmNTQ/AScmNTQ3NjMhMhcWFQGvBb5SCwsLDv8ADwsLCwsPDgtTvQYHCAZBBQG/CwsPDwtSvgUIBwZBBga+UwoKCw8BAA8LCwFbBwa9UwsODwsLCwsPAQAOCwsLUr4FBUEGCAHu/wAPCwoKU74GBkEGBwgFvlILDw8LCwsLDwACAAcABwNmA2YAHwA/AAABERQHBiMiLwEHBiMiLwEmNTQ/AScmNTQ3NjMhMhcWFQEUDwEXFhUUBwYjISInJjURNDc2MzIfATc2MzIfARYVAbcLCw8PClO9BggHBkEGBr5SCwsKDwEADwsLAa8FvlILCwsP/wAOCwsLCw4PC1K+BgcIBUIFAZL/AA8KCwtSvgYGQQYHCAa9UwoPDwsLCwsPAYAHBr5SCw8OCwsLCw4BAA8LCwtSvgUFQgUIAAEAMwCeA80C7gAaAAABBwYjIicJAQYjIi8BJjU0NwE2MzIXARYVFAcDwl8LDw8L/tH+0QsPDwtfCwsBqAsPDwsBqAsLAQdeCwsBMP7QCwteCw8QCgGoCwv+WAoQDwsAAAEAMwCaA80C6QAaAAAJAQYjIicBJjU0PwE2MzIXCQE2MzIfARYVFAcDwv5YCw8PC/5YCwtfCw8PCwEvAS8LDw8LXwsLAkz+WAoKAagLDw8LXgsL/tEBLwsLXgsPDwsAAAEAGQBJA54DJQA7AAABBgcWFRQHBgcGBwYHBiMiJxYzMjcmJyYnFjMyNyYnJj0BFhcmJyY1NDcWFxYXJjU0NzYzMhc2NwYHNjcDnic2ARYWLCw9PlZWYpuBFBmAZTwwLxITEBkYQCoqJywmFhYZRWNjcgU2Nk1QNj83Fjw2NQLOOCgIEEpKSkRENDUfH1MCTwEjJDgDBg0zMkMCFQIZKSgwMitVMzQFFRVNNjY7DCFCJAYXAAEANgAAAiQDtwAXAAABFSMiBwYdATMHIxEjESM1MzU0NzYzMhcCJFoxERGnFpGvkpI7PGNULgOwlxQVKWyp/k4Bsql8azo7BwAAAAAGAAAAJQQAA0kAEAAgADUARQBaAG4AADcUBwYjIicmNTQ3NjMyFxYVERQHBiMiJyY1NDc2MzIXFgEVFAcGIyEiJyY9ATQ3NjMhMhcWFQEUBwYjIicmNTQ3NjMyFxYBFRQHBiMhIicmPQE0NzYzITIXFhURFRQHBiMhIicmPQE0NzYzITIXFtsgIC0uICAgIC4tICAgIC0uICAgIC4tICADJQUGB/1JCAUFBQUIArcHBgX82yAgLS4gICAgLi0gIAMlBQYH/UkIBQUFBQgCtwcGBQUGB/1JCAUFBQUIArcHBgWSLSAgICAtLiAgICAuASUuICAgIC4uICAgIP7kbgcFBgYFB24IBQUFBQgCEi0gICAgLS4gICAg/uVuBwYFBQYHbgcGBQUGBwEkbQgFBgYFCG0IBQYGBQABAAAAAANuA24AZwAAARQHBgcGIyInNjc2NxYXFjMyNzY3NjU0JyYnJiMiBwYHBgcGBwYVFBcWFxY3Njc2NzYnJjU0NzYzMhcWFRQHBiMiJyY3Njc2NzY1NCcmIyIHBhUUFwcGFyYnJjU0NzY3NjMyFxYXFhUDbjs7ZWV3QD0iCwUaCx4fI0U2Nh4eIiJBQFI8NDQkJBoaDA0XFywRBQEDBAEDCR48PGBXMDAnJz0jFRUIBAsKBwcQDx0jGRgOOQkCdkhJOztlZHh3ZWU7OwG3eGRlOzsSNSkTZhcQECcnRURWQTk5JCQQERscIyQmJyY7Li0SBxIEDg4DDQwjM1Y+Pi4vS2FERBkYIxQiIRoZEhwTEyEgMSkc7yg9NGxthXdlZTs7OztlZXcAAAAEABIAAAOaA7cAQQBgAI0AmgAAARQXFhcWFxYXFhUUBwYHBiMiJyYnJjU0NzY3NjcmJyY1NDcGIyInJjU0NzY3Njc2OwEHIxYXFhUUBwYHBgcGBwYVJzI3Njc2NTQnJicmJyYjIgcGBwYVFBcWFxYXFhcWMxMyNzY3Njc2NTQnJicmJyYnJicmJyYnJicmIyIHBgcGBwYHBhUUFxYXFhcWMwEzFSMVIzUjNTM1MxUBpBITGhoZGhITHClPUFtLQkEhFRoZKkucEgkJDBoNVDo6FBUkLDw9QO5OSyoWFQ4OExQUFA4OUxUXFw8eCgkSEh8eJBgYFw4bBgYMDBIRGRoeASEeHxoaEA8EBAQECwsGBhAQBQUTEwIJEh4eHh8gGBgPDxQUICAkJCUBz3l5PHp6PAHwFRMUExMXFyUkLTMwRSEhGBc3IyguKCcbLgsYEhIYFBwCNzdVLywsHyUTEjIkKCg0KSEhFBQRERITEzcJCg8hOiEmJyMkGBcLCxMiOhodHh0eFxcPD/4NBwgPDxobJA4ODQsKDQ4GBw0NBAMODgEBBAQKCxAQGhsiKB4fERAJCAH1Pn19Pnx8AAACAAAAAAQAAyUAHwBMAAABERQHBiMhIicmNREWFxYXFhcWFxY7ATI3Njc2NzY3NjcUBwYHBgcGBwYHBgcGBwYrASInJicmJyYnJicmJyYnJicmNTQ3NjMhMhcWFQQAGxsl/LYlGxsZIc9NIBUUIiEdAh0hIhQVIGG8IBkcHCrXNAYSEwwNEREQDw0CDQ8QERENDBMSBjRiYRQjIB8YFywDSiUbGwIh/jolGxsbGyUBxhwWjDkYDQ4ODg4ODg0YR34Xwy0pKR2WJAQODQgJCgoFBQUFCgoJCA0OBCRERA4YKiokLB4eGxsmAAAAAAMAAAAbA24DYgAEABUAOQAAExEjETM3FgcGKwEiJyY1NDc2MzIXFgERIxE0JyYjIgcGBwYVESM2NTQvATMVIzY3Njc2NzYzMhcWFce8vAwBHR4wAS8cHR0eLzAcHQKbvBcYMSQYGAwHvAIBAbwBDAwMFBQeHSRiOzwCUv3JAjevKhwcHBwqKhwbGxz+Nf67AS88IiITFB0RHv7E5I6OGxxTEw0OEBAJCUFBfQAIADD/twT1A7cAHgAuAD8ASgBjAG4AfgDCAAAlFAcGBwYjIicmNTQ3NjMyFxYXFjMyNzY3NjMyFxYVJRQHBiMiJyY1NDc2MzIXFgUUBwYjIicmNTQ3NjMyFxYVJSYjIgcGFRQXNjcFNCcmJyYjIgcGBwYVFBcWFxYzMjc2NzY1NzQnJiMiBxYXNjUDNCcmIyIHBhUUFxYzMjc2ExQHBgcWFRQHBgcGBwYjIicmJyYnJjU0NyYnJjU0NzYzMhc2NxM2MzIXNjc2MzIXFhUUBwYjIicmLwEHFhc2MzIXFhUDXgcdNzY6kDYHBwcKCAkhJyY1NCcnIggJCgYH/tEZGCMiGhkZGSMjGBkBcBkYIyIaGRkZIyMYGf1OFhwmGxsfH1ADlY5JXl1gYF1eSo6OSl5dYGBdXkmOQxsbJR0YUB0jUhQUGxwUExMUHBsUFIITEyADLS5JUGNkZ2dkY1BKLS0DHhIRKSg6NCeX1VMFEQ7ODhwdIi8iISEiLy8iIQHCR8eSKDU5KSmGCAgiDg09CAgKBwcHHAkKCgkcBwcHCuAjGRgZGCMjGRkZGSMjGRgZGCMjGRkZGSOoEBsbJikcUUDrf18wGBgYGDBff35fMBgYGBgwX36fJhsbEUJRHCwBghwUExMUHBsUFBQU/pklICETFBJPQ0IxNBoZGRo0MUJDTxUUEyAfJDkpKSJhBAEFEDMfExMiIi8vIiEhIi4u4gheJCkpOQAAAAACAAAAFARJA1oAKABAAAABNTQnJiMiBwYVERQHBiMiJyY9ATMVFBcWMzI3NjURNDc2MzIXFh0BBxczFRQHBiMiJyY9ARc3FRQXFjMyNzY9AQJfEREYGBIRSEhlZkdIuxIRGBgREUhJZGRISG/ku0hHZmVISEtvEREYGBIRAiBDGBIRERIY/qNkR0dIR2aYlhgRERERGAFjYUZFRkZiTiFcmGZHSEdHZZkjIZoYERERERidAAABAAAAAANuA24ANAAAATIXFhUUBwYjIicmNTQ3JwYjIicmNTQ3NjMyFzcmNTQ3NjMyFxYVFAcGIyInBxYVFAcXNjMCt0w1NjY1TEw2NQHONEhMNjU1NkxINM4BNTZMTDU2NjVMSDXNAQHNNUgBbjY1TEw2NTU2TAcMZzE1NkxMNTYxZg0HTDU2NjVMTDY1MWcMBwcNZjEAAAUAAP+3BAADtwAUABkALQA6AEcAAAERFAcGIxEUBwYjISInJjUREzY7ATMRIxEzAREUBwYjISInJjURIicmNREzMhclFSM1NDc2OwEyFxYVIRUjNTQ3NjsBMhcWFQGSCwoPCwsP/twPCwuOBA7yt5KSAbcLCw/+3A8LCw8KC/IOBP4zygYFCKQIBQYBgMoGBQikCAUGAwD+SQ8LCv62DgsLCwsOASUB8w3+bgGS/gD+2w4LCwsLDgFKCgsPAbcNsoCACAUFBQUIgIAIBQUFBQgAAAAAAQAAAAEAALA7D/9fDzz1AAsEAAAAAADTmj4HAAAAANOaPgcAAP+3BPUDwAAAAAgAAgAAAAAAAAABAAADwP/AAAAFJQAAAAAE9QABAAAAAAAAAAAAAAAAAAAAOQQAAAAAAAAAAAAAAAIAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAARAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAADtwAABAAAAAQAAAADJQA/A7cAAAO3AAADtwAAAbcAAAO3AAADJQAABAAAAANvAAEC2wBYAtsAMwQAAAAEAAAHBAAAMwQAADMDtwAZAkkANgQAAAAEAAAAA7cAEgQAAAAEAAAABSUAMARJAAAEAAAABAAAAAAAAAAACgAUAB4ASADCARQBdAHMAgICOAJqArQC+gMcA2oDrAP2BD4EhgSaBUQFhgXMBhQGXAaiBuoHPgfSCMQJCAmSCgIKggqsC4ALoAvgDBwMTAx8DNoNOA1oDZgN8g4YDrQPShAoEJ4Q9BIIEmISrhMYAAEAAAA5AMMACgAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAVAAAAAQAAAAAAAgAHAN4AAQAAAAAAAwAVAGAAAQAAAAAABAAVAPMAAQAAAAAABQALAD8AAQAAAAAABgAVAJ8AAQAAAAAACgAaATIAAwABBAkAAQAqABUAAwABBAkAAgAOAOUAAwABBAkAAwAqAHUAAwABBAkABAAqAQgAAwABBAkABQAWAEoAAwABBAkABgAqALQAAwABBAkACgA0AUx3b3dib29rLXRvb2xiYXItZm9udHMAdwBvAHcAYgBvAG8AawAtAHQAbwBvAGwAYgBhAHIALQBmAG8AbgB0AHNWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADB3b3dib29rLXRvb2xiYXItZm9udHMAdwBvAHcAYgBvAG8AawAtAHQAbwBvAGwAYgBhAHIALQBmAG8AbgB0AHN3b3dib29rLXRvb2xiYXItZm9udHMAdwBvAHcAYgBvAG8AawAtAHQAbwBvAGwAYgBhAHIALQBmAG8AbgB0AHNSZWd1bGFyAFIAZQBnAHUAbABhAHJ3b3dib29rLXRvb2xiYXItZm9udHMAdwBvAHcAYgBvAG8AawAtAHQAbwBvAGwAYgBhAHIALQBmAG8AbgB0AHNGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype');
  font-weight: normal;
  font-style: normal;
}
.fa-th:before {
  content: "\f00a";
}
.fa-close:before {
  content: "\f00d";
}
.fa-remove:before {
  content: "\f00d";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-search:before {
  content: "\f002";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-download:before {
  content: "\f019";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-facebook-f:before {
  content: "\f09a";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.icon-download:before {
  content: "\e960";
}
.icon-binoculars:before {
  content: "\e985";
}
.icon-search:before {
  content: "\e986";
}
.icon-zoom-in:before {
  content: "\e987";
}
.icon-zoom-out:before {
  content: "\e988";
}
.icon-enlarge:before {
  content: "\e989";
}
.icon-shrink:before {
  content: "\e98a";
}
.icon-list:before {
  content: "\e9ba";
}
.icon-list2:before {
  content: "\e9bb";
}
.icon-cloud-download:before {
  content: "\e9c2";
}
.icon-download3:before {
  content: "\e9c7";
}
.icon-cancel-circle:before {
  content: "\ea0d";
}
.icon-play2:before {
  content: "\ea15";
}
.icon-pause:before {
  content: "\ea16";
}
.icon-backward:before {
  content: "\ea1a";
}
.icon-forward2:before {
  content: "\ea1b";
}
.icon-eject:before {
  content: "\ea25";
}
.icon-volume-high:before {
  content: "\ea26";
}
.icon-volume-mute2:before {
  content: "\ea2a";
}
.icon-circle-up:before {
  content: "\ea41";
}
.icon-circle-right:before {
  content: "\ea42";
}
.icon-circle-down:before {
  content: "\ea43";
}
.icon-circle-left:before {
  content: "\ea44";
}
.icon-table2:before {
  content: "\ea71";
}
/*
 * styles for toolbar icons
 */
.wowbook-nav {
  position: absolute;
  height: 48px;
  width: 48px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  margin: 0;
  padding: 0;
  line-height: 100%;
  text-align: center;
  border: none;
  border-radius: 5px;
  font-size: 20px;
}
.wowbook-nav.wowbook-disabled {
  display: none;
}
.wowbook-nav-left {
  left: 10px;
}
.wowbook-nav-left i {
  margin-left: -5px;
}
.wowbook-nav-right {
  right: 10px;
}
.wowbook-nav i,
.wowbook-control i,
.wowbook-findbar a i {
  font-family: 'wowbook-toolbar-fonts';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.wowbook-close i:before {
  font-family: 'wowbook-toolbar-fonts';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0d";
  /* .icon-cancel-circle */
  font-size: bigger;
}
/* toolbar and control fontawesome icons */
.wowbook-fontawesome.wowbook-nav-left i:before,
.wowbook-fontawesome .wowbook-control-left i:before {
  content: "\f053";
  /* fa-chevron-left */
}
.wowbook-fontawesome.wowbook-nav-right i:before,
.wowbook-fontawesome .wowbook-control-right i:before {
  content: "\f054";
  /* fa-chevron-right */
}
.wowbook-fontawesome .wowbook-control-lastLeft i:before,
.wowbook-fontawesome .wowbook-control-first i:before {
  content: "\f053\f053";
  /* fa-chevron-left */
  letter-spacing: -6px;
  margin-left: -10px;
}
.wowbook-fontawesome .wowbook-control-back i:before {
  content: "\f053";
  /* fa-chevron-left */
}
.wowbook-fontawesome .wowbook-control-next i:before {
  content: "\f054";
  /* fa-chevron-right */
}
.wowbook-fontawesome .wowbook-control-lastRight i:before,
.wowbook-fontawesome .wowbook-control-last i:before {
  content: "\f054\f054";
  /* fa-chevron-right */
  letter-spacing: -6px;
  margin-left: -5px;
}
.wowbook-fontawesome .wowbook-control-zoomin i:before {
  content: "\f00e";
  /* .fa-search-plus */
}
.wowbook-fontawesome .wowbook-control-zoomout i:before {
  content: "\f010";
  /* .fa-search-minus */
}
.wowbook-fontawesome .wowbook-control-slideshow i:before {
  content: "\f04b";
  /* .fa-play-circle-o */
}
.wowbook-fontawesome .wowbook-control-slideshow.wowbook-disabled i:before {
  content: "\f04c";
  /* .fa-pause */
}
.wowbook-fontawesome .wowbook-control-flipsound i:before {
  content: "\f028";
  /* .fa-volume-up */
}
.wowbook-fontawesome .wowbook-control-flipsound.wowbook-disabled i:before {
  content: "\f026";
  /* .fa-volume-off */
}
.wowbook-fontawesome .wowbook-control-fullscreen i:before {
  content: "\f065";
  /* .fa-expand */
}
.wowbook-fontawesome .wowbook-control-fullscreen.wowbook-disabled i:before {
  content: "\f066";
  /* .fa-compress */
}
.wowbook-fontawesome .wowbook-control-thumbnails i:before {
  content: "\f00a";
  /* .fa-th */
}
.wowbook-fontawesome .wowbook-control-toc i:before {
  content: "\f0ca";
  /* .fa-list-ul */
}
.wowbook-fontawesome .wowbook-control-download i:before {
  content: "\f019";
  /* .fa-download */
}
.wowbook-fontawesome .wowbook-control-share > i:before {
  content: "\f1e0";
  /* .fa-share-alt */
}
.wowbook-fontawesome .wowbook-control-find > i:before {
  content: "\f1e5";
  /* .fa-binoculars */
}
.wowbook-fontawesome .wowbook-control-toggle-toolbar i:before {
  content: "\f052";
  /* .fa-eject */
}
.wowbook-control-toggle-toolbar.wowbook-collapsed {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  transform: scaleY(1);
}
.wowbook-control-toggle-toolbar {
  -webkit-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  transform: scaleY(-1);
  transition: 0.4s;
}
.wowbook-control span.wowbook-disabled {
  display: none;
}
.wowbook-control.wowbook-disabled span {
  display: none;
}
.wowbook-control.wowbook-disabled span.wowbook-disabled {
  display: block;
}
/* toolbar icomoon icons */
.wowbook-icomoon.wowbook-nav-left i:before,
.wowbook-icomoon .wowbook-control-left i:before {
  content: "\f053";
  /* fa-chevron-left */
}
.wowbook-icomoon.wowbook-nav-right i:before,
.wowbook-icomoon .wowbook-control-right i:before {
  content: "\f054";
  /* fa-chevron-right */
}
.wowbook-icomoon .wowbook-control-lastLeft i:before,
.wowbook-icomoon .wowbook-control-first i:before {
  content: "\f053\f053";
  /* fa-chevron-left */
  letter-spacing: -6px;
  margin-left: -10px;
}
.wowbook-icomoon .wowbook-control-back i:before {
  content: "\f053";
  /* fa-chevron-left */
}
.wowbook-icomoon .wowbook-control-next i:before {
  content: "\f054";
  /* fa-chevron-right */
}
.wowbook-icomoon .wowbook-control-lastRight i:before,
.wowbook-icomoon .wowbook-control-last i:before {
  content: "\f054\f054";
  /* fa-chevron-right */
  letter-spacing: -6px;
  margin-left: -5px;
}
.wowbook-icomoon .wowbook-control-zoomin i:before {
  content: "\e987";
  /* .icon-zoom-in */
}
.wowbook-icomoon .wowbook-control-zoomout i:before {
  content: "\e988";
  /* .icon-zoom-out*/
}
.wowbook-icomoon .wowbook-control-slideshow i:before {
  content: "\ea15";
  /* .icon-play2 */
}
.wowbook-icomoon .wowbook-control-slideshow.wowbook-disabled i:before {
  content: "\ea16";
  /* .icon-pause */
}
.wowbook-icomoon .wowbook-control-flipsound i:before {
  content: "\ea26";
  /* .icon-volume-high */
}
.wowbook-icomoon .wowbook-control-flipsound.wowbook-disabled i:before {
  content: "\ea2a";
  /* .icon-volume-mute2 */
}
.wowbook-icomoon .wowbook-control-fullscreen i:before {
  content: "\e989";
  /* .icon-enlarge */
}
.wowbook-icomoon .wowbook-control-fullscreen.wowbook-disabled i:before {
  content: "\e98a";
  /* .icon-shrink */
}
.wowbook-icomoon .wowbook-control-thumbnails i:before {
  content: "\ea71";
  /* .icon-table2 */
}
.wowbook-icomoon .wowbook-control-toc i:before {
  content: "\e9ba";
  /* .icon-list */
}
.wowbook-icomoon .wowbook-control-download i:before {
  content: "\e960";
  /* .icon-download */
}
.wowbook-icomoon .wowbook-control-find i:before {
  content: "\e985";
  /* .icon-binoculars */
}
.wowbook-icomoon .wowbook-control-toggle-toolbar i:before {
  content: "\ea25";
  /* .icon-eject */
}
/* Share buttons */
.wowbook-share-buttons {
  position: absolute;
  margin-top: 2px;
}
.wowbook-share-buttons.wowbook-hidden {
  display: none;
}
.wowbook-share-buttons.wowbook-up {
  bottom: 100%;
  margin-bottom: 2px;
}
.wowbook-share-button {
  font-size: 1em;
  display: block;
  /*
	height: 48px;
	width: 48px;
	line-height:48px;
*/
}
.wowbook-share-button:hover {
  background: #2D2D2D;
}
.wowbook-hidden {
  display: none;
}
/* Find Bar */
.wowbook-findbar {
  position: absolute;
  background: inherit;
  width: 100%;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  zIndex: 1001;
}
.wowbook-findbar.wowbook-hidden {
  display: none;
}
.wowbook-findbar.wowbook-up {
  bottom: 100%;
}
.wowbook-findbar.wowbook-find-pending .wowbook-find-count {
  background-image: url("loading-small.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 21px;
}
.wowbook-find-text-container {
  display: inline-block;
  position: relative;
}
.wowbook-find-count {
  position: absolute;
  right: 0;
  color: black;
  padding-right: 8px;
}
input.wowbook-find-text {
  line-height: normal;
  color: initial;
}
.wowbook-findbar input[type="checkbox"] {
  margin: 0;
  vertical-align: text-bottom;
}
.wowbook-findbar label {
  display: inline;
  font-weight: normal;
  margin: 0;
}
.wowbook-findbar a {
  transition: none;
  cursor: pointer;
  outline: medium none;
  border: 0 none;
  border-radius: 0;
  height: 100%;
  width: 36px;
  color: inherit;
  vertical-align: middle;
  display: inline-block;
}
.wowbook-findbar a:hover {
  text-decoration: none;
}
.wowbook-findbar a:active {
  background-color: rgba(0, 0, 0, 0.2);
  background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
  border-color: rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.45);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.05);
}
.wowbook-findbar a span {
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline-block;
}
.wowbook-find-count {
  display: inline-block;
}
.wowbook-findbar .wowbook-control-back {
  text-indent: -2px;
}
.wowbook-findbar .wowbook-close {
  margin-left: 5px;
}
.wowbook-toolbar.wowbook-small .wowbook-findbar a {
  width: 30px;
  margin-left: 0px;
}
.wowbook-toolbar.wowbook-small .wowbook-findbar label {
  font-size: smaller;
}
.wowbook-toolbar.wowbook-small .wowbook-find-text-container {
  width: 150px;
}
.wowbook-toolbar.wowbook-small .wowbook-find-text {
  width: 90%;
}
@keyframes wowbook-flash-animation {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.wowbook .highlight.selected {
  animation-name: wowbook-flash-animation;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: 10;
  /*infinite*/
}
/*
    Dark color scheme (default)
*/
.wowbook-controls,
.wowbook-share-buttons,
.wowbook-nav {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  background: #222;
  background-image: linear-gradient(to bottom, #3c3c3c 0px, #222222 100%);
  background-repeat: repeat-x;
  color: white;
}
.wowbook-control,
.wowbook-control:visited,
.wowbook-control:active,
.wowbook-control.remove-sticky-hover-style:hover {
  background: transparent;
  color: inherit;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
.wowbook-nav:active,
.wowbook-nav:hover,
.wowbook-control:active,
.wowbook-control:hover {
  background: #2D2D2D;
}
.wowbook-toc {
  color: white;
  color: #b8b8b8;
  background: #222;
  background-image: linear-gradient(to bottom, #3c3c3c 0px, #222222 100%);
  background-repeat: repeat-x;
  border-color: #080808;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.5);
}
.wowbook-toc h1 {
  color: #b8b8b8;
  color: inherit;
  padding-left: 10px;
}
.wowbook-toc .wowbook-close {
  display: block;
  line-height: 1.4em;
  margin: 0.5em 0.5em 0 0;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  background: transparent;
  color: inherit;
  border: none;
  outline: none;
  padding: 0;
}
.wowbook-toc .wowbook-close:hover {
  color: white;
}
.wowbook-toc li {
  border: none;
}
.wowbook-toc a {
  border-top: 1px solid #101010;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  text-decoration: none;
}
.wowbook-toc-item a,
.wowbook-toc-item a:visited,
.wowbook-toc-item a:active {
  color: #b8b8b8;
  color: inherit;
}
.wowbook-toc a:hover {
  background: #555;
  color: white;
}
.wowbook-thumbnails {
  background: rgba(128, 128, 128, 0.5) none repeat scroll 0 0;
  box-shadow: 0 0 15px rgba(128, 128, 128, 0.48);
  border-bottom: 1px solid rgba(64, 64, 64, 0.5);
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.wowbook-thumbnails > .wowbook-wrapper > .wowbook-button {
  color: white;
}
.wowbook-horizontal.wowbook-thumbnails {
  padding-top: 10px;
  padding-bottom: 10px;
}
.wowbook-lightbox > .wowbook-close {
  background: #222222 linear-gradient(to bottom, #3c3c3c 0px, #222222 100%) repeat-x scroll 0 0;
  border: 1px solid #b8b8b8;
  color: #b8b8b8;
}
/*
	White color scheme
*/
.wowbook-cs-white.wowbook-nav,
.wowbook-cs-white .wowbook-controls,
.wowbook-cs-white.wowbook-controls {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.wowbook-cs-white.wowbook-nav,
.wowbook-cs-white .wowbook-control {
  background: #fbfbfb;
}
.wowbook-cs-white.wowbook-nav,
.wowbook-cs-white .wowbook-control,
.wowbook-cs-white .wowbook-control:visited,
.wowbook-cs-white .wowbook-control:active {
  color: inherit;
}
.wowbook-cs-white.wowbook-nav,
.wowbook-cs-white .wowbook-control:hover {
  color: #262626;
  background: #f5f5f5;
}
.wowbook-cs-white.wowbook-nav,
.wowbook-cs-white .wowbook-controls,
.wowbook-cs-white .wowbook-share-buttons,
.wowbook-cs-white.wowbook-controls,
.wowbook-cs-white.wowbook-share-buttons {
  background: #fbfbfb;
  color: #737373;
}
.wowbook-cs-white .wowbook-toc,
.wowbook-cs-white.wowbook-toc {
  color: #737373;
  background: #fbfbfb;
  border-color: #080808;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.wowbook-cs-white .wowbook-toc h1,
.wowbook-cs-white.wowbook-toc h1 {
  color: inherit;
  padding-left: 10px;
}
.wowbook-cs-white .wowbook-toc .wowbook-close,
.wowbook-cs-white.wowbook-toc .wowbook-close {
  background: transparent;
  color: #adadad;
  margin-right: 10px;
  bborder: 1px solid #f3f3f3;
  bborder-radius: 2px;
}
.wowbook-cs-white .wowbook-toc .wowbook-close:hover {
  background: #f5f5f5;
  color: #262626;
}
.wowbook-cs-white .wowbook-toc li,
.wowbook-cs-white.wowbook-toc li {
  border: none;
}
.wowbook-cs-white .wowbook-toc a,
.wowbook-cs-white.wowbook-toc a {
  border-top: 1px solid #f3f3f3;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  color: inherit;
  text-decoration: none;
}
.wowbook-cs-white .wowbook-toc a:hover,
.wowbook-cs-white.wowbook-toc a:hover {
  background: #f5f5f5;
  color: #262626;
}
.wowbook-cs-white.wowbook-thumbnails {
  background: none repeat scroll 0 0 #f5f5f5;
  border: 1px solid #d3d3d3;
  box-shadow: 0 0 15px rgba(128, 128, 128, 0.48);
}
.wowbook-cs-white.wowbook-vertical.wowbook-thumbnails .wowbook-back.wowbook-button {
  border-width: 0 0 1px 0;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.2);
}
.wowbook-cs-white.wowbook-vertical.wowbook-thumbnails .wowbook-next.wowbook-button {
  border-width: 1px 0 0 0;
  box-shadow: 0 -4px 4px -2px rgba(0, 0, 0, 0.2);
}
.wowbook-cs-white.wowbook-horizontal.wowbook-thumbnails .wowbook-back.wowbook-button {
  border-width: 0 1px 0 0;
  box-shadow: 4px 0 4px -2px rgba(0, 0, 0, 0.2);
}
.wowbook-cs-white.wowbook-horizontal.wowbook-thumbnails .wowbook-next.wowbook-button {
  border-width: 0 0 0 1px;
  box-shadow: -4px 0 4px -2px rgba(0, 0, 0, 0.2);
}
.wowbook-cs-white.wowbook-thumbnails .wowbook-button {
  color: #737373;
  background: white;
  border: 0px solid #d3d3d3;
  z-index: 1;
}
.wowbook-cs-white.wowbook-thumbnails .wowbook-button:hover {
  color: #262626;
  background: #f5f5f5;
}
.wowbook-lightbox > .wowbook-close.wowbook-cs-white {
  background: #fbfbfb;
  border-color: 1px solid #f3f3f3;
  color: #737373;
}
#cashback-user-picture {
  border-radius: 300px;
  width: 50px;
  height: 50px;
  margin-right: 5px;
  display: inline-block;
}
.cashback-faq {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 400;
}
.cashback-faq h2,
.cashback-faq h3 {
  color: #0078ff;
  margin-bottom: 5px;
  text-transform: uppercase !important;
  font-size: 18px;
}
.lcs_wrap {
  display: inline-block;
  direction: ltr;
  height: 28px;
  vertical-align: middle;
}
.lcs_wrap input {
  display: none;
}
.lcs_switch {
  display: inline-block;
  position: relative;
  width: 73px;
  height: 28px;
  border-radius: 30px;
  background: #ddd;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.lcs_cursor {
  display: inline-block;
  position: absolute;
  top: 3px;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.1);
  z-index: 10;
  -webkit-transition: all .1s linear;
  -ms-transition: all .1s linear;
  transition: all .1s linear;
}
.lcs_label {
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 18px;
  color: #fff;
  font-weight: bold;
  position: absolute;
  width: 33px;
  top: 5px;
  overflow: hidden;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.1s ease-in-out 0.1s;
  -ms-transition: all 0.1s ease-in-out 0.1s;
  transition: all 0.1s ease-in-out 0.1s;
}
.lcs_label.lcs_label_on {
  left: -70px;
  z-index: 6;
}
.lcs_label.lcs_label_off {
  right: -70px;
  z-index: 5;
}
/* on */
.lcs_switch.lcs_on {
  background: #75b936;
  box-shadow: 0 0 2px #579022 inset;
}
.lcs_switch.lcs_on .lcs_cursor {
  left: 48px;
}
.lcs_switch.lcs_on .lcs_label_on {
  width: 50px;
  left: 2px;
  opacity: 1;
}
/* off */
.lcs_switch.lcs_off {
  background: #b2b2b2;
  box-shadow: 0px 0px 2px #a4a4a4 inset;
}
.lcs_switch.lcs_off .lcs_cursor {
  left: 3px;
}
.lcs_switch.lcs_off .lcs_label_off {
  width: 55px;
  right: -3px;
  opacity: 1;
}
/* disabled */
.lcs_switch.lcs_disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
  cursor: default;
}
body #content {
  transform: translate3d(0px, 0px, 0px);
  z-index: 0;
  padding: 0px !important;
}
.material-icons-outlined.md-18 {
  font-size: 18px;
}
.material-icons-outlined.md-24 {
  font-size: 24px;
}
.material-icons-outlined.md-30 {
  font-size: 30px;
}
.material-icons-outlined.md-34 {
  font-size: 34px;
}
.material-icons-outlined.md-36 {
  font-size: 36px;
}
.material-icons-outlined.md-48 {
  font-size: 48px;
}
.wa4b-dashboard-icon-material {
  position: absolute;
  color: white;
  top: 9px;
  left: 0px;
  width: 100%;
  text-align: center;
}
.wa4b-dashboard-icon-material .material-icons-outlined.md-responsive {
  font-size: 30px;
}
.material-icons.md-24 {
  font-size: 24px;
}
.material-icons.colorwhite {
  color: #ffffff;
}
.material-icons.colorgray {
  color: rgba(0, 0, 0, 0.25);
}
.material-icons.color0 {
  color: #D30915;
}
.material-icons.color1 {
  color: #F5BE3B;
}
.material-icons.color2 {
  color: #167F45;
}
.material-icons.color3 {
  color: #F1522C;
}
.material-icons.color4 {
  color: #1B9CE2;
}
.material-icons.color5 {
  color: #4054B2;
}
.material-icons.color6 {
  color: #3BB57B;
}
.material-icons.color7 {
  color: #FF79FF;
}
.material-icons.color8 {
  color: #AA00C7;
}
.material-icons.color9 {
  color: #76FFFF;
}
.material-icons.color10 {
  color: #00CBCC;
}
.material-icons.color11 {
  color: #8E8E8E;
}
.material-icons.color12 {
  color: #000000;
}
.material-icons.color13 {
  color: #AE52D4;
}
.material-icons.color14 {
  color: #4A0072;
}
.material-icons.color15 {
  color: #FFFF5A;
}
.terminated-watermark {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100px' width='100px'><text transform='translate(20, 100) rotate(-45)' fill='rgb(245,45,45)' font-size='20'>CONCLUSO</text></svg>");
  z-index: 999999;
}
.document-color-box {
  width: 100px !important;
  height: 40px !important;
  cursor: pointer;
}
.contact-flags {
  display: none;
  position: absolute;
  top: 27px;
  right: 5px;
  cursor: pointer;
  background-color: white;
}
.contact-flags.always-visible {
  display: block !important;
}
.contact-flags .tooltip {
  position: fixed !important;
  transform: translate(50px, -50px);
  z-index: 999999;
}
.contact-flags .dropbtn {
  color: black;
}
.contact-flags .dropdown-content-flags {
  font-weight: 500;
  z-index: 6;
  display: none;
  position: absolute;
  right: 0px;
  background-color: #ffffff;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}
.contact-flags .dropdown-content-flags a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.contact-flags .dropdown-content-flags.show {
  display: block !important;
}
.contact-flags a:hover {
  background-color: #ddd;
}
.smart-style-2 .btn-primary.btn-contact-type {
  height: 58px !important;
  width: 58px !important;
  text-align: center !important;
  padding-top: 21px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #0078ff !important;
  border: 2px solid #0078ff !important;
  background-color: #fff !important;
}
.smart-style-2 .btn-primary.btn-contact-type.active {
  background-color: #0078ff !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.btn-contact-type.btn-wine {
  color: #851cbd !important;
  border: 2px solid #851cbd !important;
  background-color: #fff !important;
}
.smart-style-2 .btn-primary.btn-contact-type.btn-wine.active {
  background-color: #851cbd !important;
  color: #fff !important;
}
.smart-style-2 .btn-primary.btn-contact-type.btn-red {
  color: #c84337 !important;
  border: 2px solid #c84337 !important;
  background-color: #fff !important;
}
.smart-style-2 .btn-primary.btn-contact-type.btn-red.active {
  background-color: #c84337 !important;
  color: #fff !important;
}
.ui-autocomplete {
  max-height: 250px !important;
  overflow-y: auto !important;
}
[contenteditable] {
  -webkit-user-select: text;
  user-select: text;
}
.force-disabled-png {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
.dd-dragel {
  z-index: 2247483640 !important;
}
.header-search-field {
  width: 200px;
  margin-top: 14px;
  border-radius: 10px;
  border: none;
  padding-left: 10px;
}
.text-align-center {
  text-align: center !important;
}
.text-align-right {
  text-align: right !important;
  float: right;
}
#wa4b-table-productsales_length {
  display: inline-block !important;
}
#wa4b-table-shortcodes_length {
  display: inline-block !important;
}
.fc-list-table .fc-list-item .fc-list-item-title {
  color: #000 !important;
}
.ui-resizable-handle.ui-resizable-s {
  font-weight: 500;
  font-size: 15px;
  height: 25px;
  bottom: -15px;
  text-align: center;
  z-index: 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.15));
  line-height: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.arrow-down {
  height: 0px;
  width: 0px;
  border: none;
  border-top: 5px solid #727272;
  border-bottom: none;
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  display: inline-block;
  margin-bottom: 1px;
}
.arrow-down.up {
  border-top: none;
  border-bottom: 5px solid #727272;
  margin-bottom: 3px;
}
.input-shortcode-warning {
  width: 100%;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 15px;
  color: red;
  display: block;
  opacity: 0;
}
.input-shortcode-warning.show {
  opacity: 1;
  -webkit-animation: fadein 1s ease-out;
  -moz-animation: fadein 1s ease-out;
  -o-animation: fadein 1s ease-out;
  animation: fadein 1s ease-out;
}
.input-shortcode-warning.hideout {
  opacity: 0;
  -webkit-animation: fadeout 1s ease-out;
  -moz-animation: fadeout 1s ease-out;
  -o-animation: fadeout 1s ease-out;
  animation: fadeout 1s ease-out;
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.svg-cross-dialog-wa4business {
  height: 20px;
  margin-left: 15px;
  margin-top: 15px;
  stroke: #0078ff;
  stroke-width: 15px;
  width: 20px;
}
.tooltip-inner {
  white-space: pre-wrap;
}
.ui-tooltip {
  background: #b4d7ff !important;
  border: 1px solid #72b4ff !important;
  color: black !important;
  opacity: 1 !important;
  font-size: 13px;
  font-weight: 500;
}
.dropdown-message {
  position: absolute;
  z-index: 7;
  top: 0px;
  right: 8px;
  display: inline-block;
}
.dropdown-message .dropbtn {
  color: black;
}
.dropdown-message .dropdown-content {
  font-weight: 500;
  z-index: 6;
  display: none;
  position: absolute;
  right: 0px;
  background-color: #ffffff;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}
.dropdown-message .dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown-message .dropdown-content.show {
  display: block !important;
}
.dropdown-message a:hover {
  background-color: #ddd;
}
.from-them .dropdown-message .dropbtn {
  color: white !important;
}
.from-them .dropdown-message .dropdown-content {
  left: 0px !important;
}
.overlay_messages_details .dropdown-message {
  z-index: 6 !important;
}
.overlay_messages_details .dropdown-message .dropdown-content {
  z-index: 9 !important;
}
.colorpicker.dropdown-menu {
  z-index: 3147483640 !important;
}
.checkbox-calendar-setup {
  width: 15px;
  height: 15px;
  margin-right: 5px !important;
}
.checkbox-calendar-setup-disablesendmessage {
  width: 15px;
  height: 15px;
  margin-left: 5px !important;
}
.checkbox-calendar-setup-presentmyarea {
  width: 15px;
  height: 15px;
  margin-left: 5px !important;
}
.checkbox-event-type-setup {
  width: 15px;
  height: 15px;
  margin-right: 5px !important;
}
.checkbox-calendar {
  width: 15px;
  height: 15px;
  margin-right: 5px !important;
}
.checkbox-calendar-all {
  width: 15px;
  height: 15px;
  margin-right: 5px !important;
}
.checkbox-event-type {
  width: 15px;
  height: 15px;
  margin-right: 5px !important;
}
.checkbox-event-repeat-weekly {
  width: 15px;
  height: 15px;
  margin-right: 5px !important;
}
.checkbox-event-all-day {
  width: 15px;
  height: 15px;
  margin-right: 5px !important;
}
.emoji-wysiwyg-editor.input-textarea {
  white-space: pre-wrap !important;
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap !important;
  white-space: -o-pre-wrap !important;
  word-wrap: break-word !important;
}
.compose-box-hints {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 9px;
  line-height: 9px;
  height: 9px;
  padding-right: 5px;
  padding-left: 5px;
  font-weight: 500;
  background-color: white !important;
  z-index: 599;
}
.compose-box-char-count {
  position: absolute;
  bottom: 51px;
  right: 0px;
  font-size: 9px;
  line-height: 9px;
  height: 9px;
  padding-right: 3px;
  padding-left: 5px;
  font-weight: 500;
  background-color: white !important;
  z-index: 599;
}
#header-menu-flag-div span {
  position: relative;
}
#header-menu-flag-div span b.badge {
  background: none repeat scroll 0 0 #0078ff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #5F5F5F inset;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  line-height: normal;
  padding: 2px 4px 3px;
  position: absolute;
  right: 0px;
  text-align: center;
  top: -15px;
  min-width: 18px;
}
#header-menu-flag-dd-content {
  background-color: #fff;
}
#header-menu-flag-div #header-menu-flag-badge {
  position: absolute;
  top: -19px;
  right: -8px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-color: white !important;
  color: #0078ff !important;
  text-align: center;
  font-size: 14px;
  font-weight: 500 !important;
  border: none;
  max-width: 20px;
  display: block;
  padding: 0px !important;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
#header-menu-flag {
  color: #fff !important;
}
#header-menu-flag-dd .ajax-dropdown {
  left: auto;
  right: 16px;
}
#header-menu-flag-dd.ajax-dropdown:before {
  left: auto;
  right: 68px;
}
#header-menu-flag-dd.ajax-dropdown:after {
  left: auto;
  right: 68px;
}
#header-menu-flag-dd-content.ajax-notifications {
  height: 390px !important;
}
#back-btn-header-flag-lbl {
  font-size: 16px;
  font-weight: 500;
  color: #0078ff !important;
}
#refresh-header-flag {
  position: absolute;
  right: 10px;
  top: 6px !important;
  width: 30px;
  height: 30px;
  padding-top: 12px;
  padding-left: 9px;
}
#refresh-header-flag:active {
  left: auto;
  right: 10px !important;
  top: 3px !important;
}
#refresh-header-flag.active {
  left: auto;
  right: 10px !important;
  top: 3px !important;
}
#header-menu-cart-div #header-menu-cart-badge {
  position: absolute;
  top: -14px;
  right: -7px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-color: white !important;
  color: #0078ff !important;
  text-align: center;
  font-size: 14px;
  font-weight: 500 !important;
  border: none;
  max-width: 20px;
  display: block;
  padding: 0px !important;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
#header-menu-cart {
  color: #fff !important;
}
#header-menu-cart-dd-content.ajax-notifications {
  height: 390px !important;
}
#back-btn-header-cart-lbl {
  color: #0078ff !important;
  font-size: 16px;
  font-weight: 500;
}
#loader-wrapper.overthetop {
  z-index: 99999999999999999999999 !important;
}
.dropzone .dz-default.dz-message {
  height: 50px !important;
  margin-top: -21.5px !important;
}
.custom-menu-popup {
  z-index: 9999999999;
  position: absolute;
  background-color: #f1f1f1 !important;
  border: none;
  border-radius: 6px;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0px;
  padding-right: 0px;
  list-style-type: none;
  font-weight: 400;
}
.custom-menu-popup li {
  font-size: 14px;
  text-transform: capitalize !important;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
.custom-menu-popup li:hover {
  background-color: #4194f8;
  color: white;
}
.broadcast-contact {
  border: none !important;
  margin-top: -13px;
}
.mya-contact {
  border: none !important;
  margin-top: -13px;
}
.online-offline-contact {
  position: absolute;
  width: auto;
  min-height: 22px;
  height: auto;
  bottom: 7px;
  right: 58px;
  border-radius: 11px;
  text-align: right;
  color: white;
  font-weight: 600;
  font-size: 11px;
  padding: 4px;
}
.online-offline-contact.online-chat {
  color: green;
}
.online-offline-contact.offline-chat {
  color: red;
}
.attachment-file-name {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  word-wrap: break-word;
  line-height: 12px;
  overflow: hidden;
  font-size: 12px;
  height: 25px;
}
.attachment-file-name.editing {
  overflow: visible;
  font-weight: 500;
}
.overlay-phone-disabled {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 99999999;
}
.overlay-phone-disabled .overlay-phone-lets-start {
  position: relative;
  margin: 0 auto;
  margin-top: 14%;
  background-color: #e6f1ff;
  width: 40%;
  height: 30%;
  text-align: center;
  border-radius: 10px;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
  padding-left: 10px;
  padding-right: 10px;
}
.intro-slider-wa4b {
  margin-top: -17vw;
  width: 80vw;
  padding: 0px;
}
.intro-slider-wa4b .intro-slider-wa4b-image {
  width: 80vw;
  height: 50vw;
  max-width: 800px;
  max-height: 500px;
  margin-left: 0%;
  margin-bottom: 0px;
}
.swiper-button-next.swiper-button-wa4business.swiper-button-wa4business-next {
  right: 12vw !important;
}
.swiper-button-prev.swiper-button-wa4business.swiper-button-wa4business-prev {
  left: 12vw !important;
}
@media screen and (max-width: 500px) {
  .overlay-phone-disabled .overlay-phone-lets-start {
    width: 90%;
    height: 60%;
    padding-left: 5px;
    padding-right: 5px;
  }
  .intro-slider-wa4b {
    margin-top: 10px;
    width: 80%;
    padding: 0px;
  }
  .intro-slider-wa4b .intro-slider-wa4b-image {
    width: 100%;
    height: auto;
    margin-left: 0%;
    margin-bottom: 0px;
  }
  .swiper-button-next.swiper-button-wa4business.swiper-button-wa4business-next {
    right: 5px !important;
  }
  .swiper-button-prev.swiper-button-wa4business.swiper-button-wa4business-prev {
    left: 5px !important;
  }
}
.wa4business-noty-over-button {
  position: absolute;
  color: white;
  background-color: #0078ff;
  font-weight: 500;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 20px;
  top: -7px;
  right: -7px;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
  text-align: center;
  font-size: 13px;
}
.wa4b-dashboard {
  background-color: #f3f8fe;
}
.wa4b-dashboard .wa4b-dashboard-button-bottom-big {
  background-color: white;
  cursor: pointer;
  margin-left: 5.5%;
  margin-right: 0px;
  width: 26%;
  float: left;
  display: inline-block;
  height: 22vw;
  max-height: 300px;
  position: relative;
  margin-bottom: 40px;
}
.wa4b-dashboard .wa4b-dashboard-button-bottom-big:hover {
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
.wa4b-dashboard .wa4b-dashboard-button-bottom-big .wa4b-dashboard-icon-container {
  float: left;
  height: 10vw;
  width: 10vw;
  max-height: 140px;
  max-width: 140px;
  padding: 2.4vw;
}
.wa4b-dashboard .wa4b-dashboard-button-bottom-big .wa4b-dashboard-icon-container .wa4b-dashboard-icon {
  background-color: #0078ff;
  border-radius: 100%;
  width: 100%;
  height: 100%;
}
.wa4b-dashboard .wa4b-dashboard-button-bottom-big .wa4b-dashboard-icon-container .wa4b-dashboard-icon img {
  width: 100%;
  height: 100%;
}
.wa4b-dashboard .wa4b-dashboard-button-bottom-big .wa4b-dashboard-icon-container .wa4b-dashboard-icon svg {
  width: 80%;
  height: 80%;
  fill: white;
  margin-left: 10%;
  margin-top: 10%;
}
.wa4b-dashboard .wa4b-dashboard-button-bottom-big .wa4b-dashboard-text-container {
  position: relative;
  height: 10vw;
  max-height: 140px;
  width: calc(100% - 10vw);
  display: inline-block;
  float: left;
}
.wa4b-dashboard .wa4b-dashboard-button-bottom-big .wa4b-dashboard-text-container .wa4b-dashboard-text {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  margin: auto;
  height: 35%;
}
.wa4b-dashboard .wa4b-dashboard-button-bottom-big .wa4b-dashboard-text-container .wa4b-dashboard-text .wa4b-dashboard-text-title {
  font-size: 1.5vw;
  font-weight: 600;
  line-height: 1.85vw;
}
.wa4b-dashboard .wa4b-dashboard-button-bottom-big .wa4b-dashboard-text-container .wa4b-dashboard-text .wa4b-dashboard-text-subtitle {
  color: #444;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 1.3vw;
}
.wa4b-dashboard .wa4b-dashboard-button-bottom-big .wa4b-dashboard-subtext-container {
  float: left;
  position: relative;
  height: 10vw;
  max-height: 140px;
  width: auto;
  display: inline-block;
  padding: 2.4vw;
  padding-top: 0px;
}
.wa4b-dashboard .wa4b-dashboard-button-bottom-big .wa4b-dashboard-subtext-container .wa4b-dashboard-text .wa4b-dashboard-text-title {
  font-size: 1.4vw;
  font-weight: 500;
  line-height: 1.5vw;
}
.wa4b-dashboard .wa4b-dashboard-button-bottom-big .wa4b-dashboard-subtext-container .wa4b-dashboard-text .wa4b-dashboard-text-subtitle {
  color: #888;
  margin-top: 0.9vw;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 1.4vw;
}
.wa4b-dashboard .wa4b-dashboard-button {
  background-color: white;
  cursor: pointer;
  margin-left: 5.5%;
  margin-right: 0px;
  width: 26%;
  float: left;
  display: inline-block;
  height: 10vw;
  max-height: 140px;
  position: relative;
}
.wa4b-dashboard .wa4b-dashboard-button:hover {
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
.wa4b-dashboard .wa4b-dashboard-button .wa4b-dashboard-count-unread-messages {
  position: absolute;
  color: white;
  background-color: #0078ff;
  font-weight: 500;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  top: -7px;
  right: -7px;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
  text-align: center;
  padding-top: 1.5px;
  font-size: 13px;
}
.wa4b-dashboard .wa4b-dashboard-button .wa4b-dashboard-icon-container {
  position: relative;
  height: 10vw;
  width: 10vw;
  max-height: 140px;
  max-width: 140px;
  display: inline-block;
  float: left;
  padding: 2.4vw;
}
.wa4b-dashboard .wa4b-dashboard-button .wa4b-dashboard-icon-container .wa4b-dashboard-icon {
  background-color: #0078ff;
  border-radius: 100%;
  width: 100%;
  height: 100%;
}
.wa4b-dashboard .wa4b-dashboard-button .wa4b-dashboard-icon-container .wa4b-dashboard-icon img {
  width: 100%;
  height: 100%;
}
.wa4b-dashboard .wa4b-dashboard-button .wa4b-dashboard-icon-container .wa4b-dashboard-icon svg {
  width: 80%;
  height: 80%;
  fill: white;
  margin-left: 10%;
  margin-top: 10%;
}
.wa4b-dashboard .wa4b-dashboard-button .wa4b-dashboard-text-container {
  position: relative;
  height: 10vw;
  max-height: 140px;
  width: calc(100% - 10vw);
  display: inline-block;
  float: left;
}
.wa4b-dashboard .wa4b-dashboard-button .wa4b-dashboard-text-container .wa4b-dashboard-text {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
  margin: auto;
  height: 35%;
}
.wa4b-dashboard .wa4b-dashboard-button .wa4b-dashboard-text-container .wa4b-dashboard-text .wa4b-dashboard-text-title {
  font-size: 1.5vw;
  font-weight: 600;
  line-height: 1.85vw;
}
.wa4b-dashboard .wa4b-dashboard-button .wa4b-dashboard-text-container .wa4b-dashboard-text .wa4b-dashboard-text-subtitle {
  color: #444;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 1.3vw;
}
.wa4b-dashboard .dashboard-queue-messages {
  font-size: 1.2vw;
  margin-top: 4px;
  font-weight: 500;
}
.wa4b-dashboard .wa4b-dashboard-inbound-disable {
  color: orange;
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 0.7w;
  left: 0px;
  font-size: 1.1vw;
  font-weight: 300;
}
.wa4b-dashboard .wa4b-dashboard-device {
  position: relative;
  background-color: white;
  width: 89%;
  margin: 0 auto;
  height: 100%;
  max-height: 640px;
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 0.1vw;
}
.wa4b-dashboard .wa4b-dashboard-device .wa4b-dashboard-device-title {
  font-size: 1.5vw;
  font-weight: 600;
  line-height: 1.85vw;
  margin-top: 2vw;
  margin-bottom: 2vw;
}
.wa4b-dashboard .wa4b-dashboard-device .button-profile {
  font-size: 1vw !important;
  border-radius: 4px !important;
}
.wa4b-dashboard .wa4b-dashboard-device .wa4b-dashboard-device-table {
  width: 100%;
  font-size: 1.2vw;
}
.wa4b-dashboard .wa4b-dashboard-device .wa4b-dashboard-device-table tr {
  padding: 0 0.5vw;
}
.wa4b-dashboard .wa4b-dashboard-device .wa4b-dashboard-device-table tr th {
  border-bottom: 1px solid #bbb;
  text-align: center;
  padding: 0.8vw 0;
  font-weight: 500;
}
.wa4b-dashboard .wa4b-dashboard-device .wa4b-dashboard-device-table tr th:first-child {
  text-align: left;
}
.wa4b-dashboard .wa4b-dashboard-device .wa4b-dashboard-device-table tr td {
  font-size: 1.05vw;
  text-align: center;
  padding: 0.8vw 0;
  font-weight: 400;
}
.wa4b-dashboard .wa4b-dashboard-device .wa4b-dashboard-device-table tr td:first-child {
  text-align: left;
}
.wa4b-dashboard .wa4b-dashboard-device .wa4b-dashboard-device-table tr td .w4b-table-cell-image {
  height: 5.5vw;
  width: auto;
  float: left;
}
.wa4b-dashboard .wa4b-dashboard-device .wa4b-dashboard-device-table tr td .w4b-table-status {
  font-weight: 500;
}
.wa4b-dashboard .wa4b-dashboard-device .wa4b-dashboard-device-table tr td .w4b-table-status.red {
  color: red;
  animation: blinker 3s linear infinite;
}
.wa4b-dashboard .wa4b-dashboard-device .wa4b-dashboard-device-table tr td .w4b-table-status.green {
  color: green;
}
.wa4b-dashboard .wa4b-dashboard-device .wa4b-dashboard-device-table tr td .round-led {
  vertical-align: top;
  width: 1vw;
  height: 1vw;
  border-radius: 100%;
  display: inline-block;
}
.wa4b-dashboard .wa4b-dashboard-device .wa4b-dashboard-device-table tr td .round-led.red {
  background-color: red;
  animation: blinker 3s linear infinite;
}
.wa4b-dashboard .wa4b-dashboard-device .wa4b-dashboard-device-table tr td .round-led.green {
  background-color: green;
}
.wa4b-dashboard .wa4b-dashboard-device .wa4b-dashboard-device-table tr td .round-led.orange {
  background-color: orange;
}
.wa4b-dashboard .wa4b-dashboard-stats {
  background-color: white;
  width: 89%;
  margin: 0 auto;
  height: 320px;
  max-height: 320px;
  margin-bottom: 20px;
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 0.1vw;
}
.wa4b-dashboard .wa4b-dashboard-stats.compact {
  height: 6vw !important;
  overflow: hidden !important;
  max-height: 80px;
}
.wa4b-dashboard .wa4b-dashboard-stats .wa4b-dashboard-stats-title {
  font-size: 1.5vw;
  font-weight: 600;
  line-height: 1.85vw;
  margin-top: 2vw;
  margin-bottom: 2vw;
}
@media screen and (min-width: 1400px) {
  .wa4b-dashboard .wa4b-dashboard-button .wa4b-dashboard-text-container .wa4b-dashboard-text .wa4b-dashboard-text-title {
    font-size: 21px;
    line-height: 26px;
  }
  .wa4b-dashboard .wa4b-dashboard-button .wa4b-dashboard-text-container .wa4b-dashboard-text .wa4b-dashboard-text-subtitle {
    font-size: 16px;
    line-height: 18px;
  }
  .wa4b-dashboard .wa4b-dashboard-button-bottom-big .wa4b-dashboard-text-container .wa4b-dashboard-text .wa4b-dashboard-text-title {
    font-size: 21px;
    line-height: 26px;
  }
  .wa4b-dashboard .wa4b-dashboard-button-bottom-big .wa4b-dashboard-text-container .wa4b-dashboard-text .wa4b-dashboard-text-subtitle {
    font-size: 16px;
    line-height: 18px;
  }
  .wa4b-dashboard .wa4b-dashboard-button-bottom-big .wa4b-dashboard-subtext-container .wa4b-dashboard-text .wa4b-dashboard-text-title {
    font-size: 19px;
    line-height: 21px;
  }
  .wa4b-dashboard .wa4b-dashboard-button-bottom-big .wa4b-dashboard-subtext-container .wa4b-dashboard-text .wa4b-dashboard-text-subtitle {
    font-size: 16px;
    line-height: 18px;
  }
  .wa4b-dashboard .wa4b-dashboard-stats .wa4b-dashboard-stats-title {
    font-size: 21px;
    line-height: 26px;
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .wa4b-dashboard .dashboard-queue-messages {
    font-size: 16px;
  }
  .wa4b-dashboard .wa4b-dashboard-inbound-disable {
    bottom: 10px;
    font-size: 14px;
  }
  .wa4b-dashboard .wa4b-dashboard-device .wa4b-dashboard-device-title {
    font-size: 21px;
    line-height: 26px;
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .wa4b-dashboard .wa4b-dashboard-device .button-profile {
    font-size: 14px !important;
  }
  .wa4b-dashboard .wa4b-dashboard-device .wa4b-dashboard-device-table {
    font-size: 16px;
  }
  .wa4b-dashboard .wa4b-dashboard-device .wa4b-dashboard-device-table tr {
    padding: 0 7px;
  }
  .wa4b-dashboard .wa4b-dashboard-device .wa4b-dashboard-device-table tr th {
    padding: 11px 0;
  }
  .wa4b-dashboard .wa4b-dashboard-device .wa4b-dashboard-device-table tr td {
    font-size: 14px;
    padding: 11px 0;
  }
  .wa4b-dashboard .wa4b-dashboard-device .wa4b-dashboard-device-table tr td .w4b-table-cell-image {
    height: 78px;
  }
  .wa4b-dashboard .wa4b-dashboard-device .wa4b-dashboard-device-table tr td .round-led {
    width: 14px;
    height: 14px;
  }
}
.article-togglebutton .sessionCustomBgColor {
  background-color: rgba(255, 0, 0, 0.2) !important;
}
.table-articles tr.odd.is-deleted-article {
  background-color: rgba(255, 0, 0, 0.1) !important;
}
.table-articles tr.even.is-deleted-article {
  background-color: rgba(255, 0, 0, 0.07) !important;
}
.table-articles tr td {
  cursor: text;
}
.table-articles tr td.icon-column {
  cursor: pointer;
}
.table-articles tr td.not-editable {
  cursor: default;
  font-style: italic;
}
.table-articles tr td.not-editable-parent {
  cursor: default;
  font-style: italic;
  color: rgba(0, 0, 255, 0.8);
}
.table-articles tr td.not-editable-contact {
  cursor: default;
  font-style: italic;
  color: rgba(0, 150, 0, 0.8);
}
.calendar-add-single-button {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 35px;
  height: 30px;
  line-height: 30px;
  background-color: #0078ff;
  color: white;
  font-weight: 500;
  font-size: 28px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px 0px;
  border-radius: 7px;
}
.calendar-add-single-button:hover {
  cursor: pointer;
  background-color: #72b4ff;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
.calendar-add-single-button svg {
  fill: white;
  stroke: transparent;
  stroke-width: 0px;
  width: 22px;
  height: 22px;
  margin-top: 4px;
}
.calendar-new {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 17px;
  font-weight: 500;
  margin-top: 15px;
  border-bottom: 1px solid #b4d7ff;
  border-top: 1px solid #b4d7ff;
}
.calendar-filter-event {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 17px;
  font-weight: 500;
}
.legenda-bullet {
  width: 10px;
  height: 10px;
  border-top-left-radius: 40%;
  border-bottom-left-radius: 40%;
  border-top-right-radius: 0%;
  border-bottom-right-radius: 0%;
  display: inline-block;
  margin-right: 5px;
}
.legenda-calendar-bullet {
  vertical-align: top;
  width: 14px;
  height: 14px;
  border-top-left-radius: 30%;
  border-bottom-left-radius: 30%;
  border-top-right-radius: 30%;
  border-bottom-right-radius: 30%;
  display: inline-block;
  margin-right: 5px;
  margin-top: 1px;
  margin-left: 1px;
}
.calendar-generic-class-for-import {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 17px;
  font-weight: 500;
  padding-left: 15px;
}
.import-file-button-generic-class {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 35px;
  height: 30px;
  line-height: 30px;
  background-color: #0078ff;
  color: white;
  font-weight: 500;
  font-size: 28px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px 0px;
  border-radius: 7px;
}
.import-file-button-generic-class:hover {
  cursor: pointer;
  background-color: #72b4ff;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
.import-file-button-generic-class svg {
  fill: white;
  stroke: transparent;
  stroke-width: 0px;
  width: 22px;
  height: 22px;
  margin-top: 4px;
}
.calendar-import {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 17px;
  font-weight: 500;
}
.calendar-import-file {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 17px;
  font-weight: 500;
  padding-left: 15px;
}
.calendar-import-custom-file {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 17px;
  font-weight: 500;
  padding-left: 15px;
}
.event-import-file-button {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 35px;
  height: 30px;
  line-height: 30px;
  background-color: #0078ff;
  color: white;
  font-weight: 500;
  font-size: 28px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px 0px;
  border-radius: 7px;
}
.event-import-file-button:hover {
  cursor: pointer;
  background-color: #72b4ff;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
.event-import-file-button svg {
  fill: white;
  stroke: transparent;
  stroke-width: 0px;
  width: 22px;
  height: 22px;
  margin-top: 4px;
}
.event-import-custom-file-button {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 35px;
  height: 30px;
  line-height: 30px;
  background-color: #0078ff;
  color: white;
  font-weight: 500;
  font-size: 28px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px 0px;
  border-radius: 7px;
}
.event-import-custom-file-button:hover {
  cursor: pointer;
  background-color: #72b4ff;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
.event-import-custom-file-button svg {
  fill: white;
  stroke: transparent;
  stroke-width: 0px;
  width: 22px;
  height: 22px;
  margin-top: 4px;
}
.contact-add-single-button {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 35px;
  height: 30px;
  line-height: 30px;
  background-color: #0078ff;
  color: white;
  font-weight: 500;
  font-size: 28px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px 0px;
  border-radius: 7px;
}
.contact-add-single-button:hover {
  cursor: pointer;
  background-color: #72b4ff;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
.contact-add-single-button svg {
  fill: white;
  stroke: transparent;
  stroke-width: 0px;
  width: 22px;
  height: 22px;
  margin-top: 4px;
}
.contact-import-file-button {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 35px;
  height: 30px;
  line-height: 30px;
  background-color: #0078ff;
  color: white;
  font-weight: 500;
  font-size: 28px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px 0px;
  border-radius: 7px;
}
.contact-import-file-button:hover {
  cursor: pointer;
  background-color: #72b4ff;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
.contact-import-file-button svg {
  fill: white;
  stroke: transparent;
  stroke-width: 0px;
  width: 22px;
  height: 22px;
  margin-top: 4px;
}
.contact-import-whatsapp-button {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 35px;
  height: 30px;
  line-height: 30px;
  background-color: #0078ff;
  color: white;
  font-weight: 500;
  font-size: 28px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px 0px;
  border-radius: 7px;
}
.contact-import-whatsapp-button:hover {
  cursor: pointer;
  background-color: #72b4ff;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
.contact-import-whatsapp-button svg {
  fill: white;
  stroke: transparent;
  stroke-width: 0px;
  width: 22px;
  height: 22px;
  margin-top: 4px;
}
.contact-import-whatsapp-api-button {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 35px;
  height: 30px;
  line-height: 30px;
  background-color: #0078ff;
  color: white;
  font-weight: 500;
  font-size: 28px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px 0px;
  border-radius: 7px;
}
.contact-import-whatsapp-api-button:hover {
  cursor: pointer;
  background-color: #72b4ff;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
.contact-import-whatsapp-api-button svg {
  fill: white;
  stroke: transparent;
  stroke-width: 0px;
  width: 22px;
  height: 22px;
  margin-top: 4px;
}
.contact-import-google-button {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 35px;
  height: 30px;
  line-height: 30px;
  background-color: #0078ff;
  color: white;
  font-weight: 500;
  font-size: 28px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px 0px;
  border-radius: 7px;
}
.contact-import-google-button:hover {
  cursor: pointer;
  background-color: #72b4ff;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
.contact-import-google-button svg {
  fill: white;
  stroke: transparent;
  stroke-width: 0px;
  width: 22px;
  height: 22px;
  margin-top: 4px;
}
.event-add-single-button {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 35px;
  height: 30px;
  line-height: 30px;
  background-color: #0078ff;
  color: white;
  font-weight: 500;
  font-size: 28px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px 0px;
  border-radius: 7px;
  top: -3px;
}
.event-add-single-button:hover {
  cursor: pointer;
  background-color: #72b4ff;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
.event-add-single-button svg {
  fill: white;
  stroke: transparent;
  stroke-width: 0px;
  width: 22px;
  height: 22px;
  margin-top: 4px;
}
.article-add-single-button {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 35px;
  height: 30px;
  line-height: 30px;
  background-color: #0078ff;
  color: white;
  font-weight: 500;
  font-size: 28px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px 0px;
  border-radius: 7px;
  top: -3px;
}
.article-add-single-button:hover {
  cursor: pointer;
  background-color: #72b4ff;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
.article-add-single-button svg {
  fill: white;
  stroke: transparent;
  stroke-width: 0px;
  width: 22px;
  height: 22px;
  margin-top: 4px;
}
.contact-list-container {
  border-left: 1px solid #b4d7ff;
  height: calc(100vh - 49px);
  overflow-y: auto;
  overflow-x: hidden;
}
.filter-text {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 17px;
  font-weight: 500;
}
.contact-new {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 17px;
  font-weight: 500;
  border-bottom: 1px solid #b4d7ff;
}
.contact-import {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 17px;
  font-weight: 500;
}
.contact-import-file {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 17px;
  font-weight: 500;
  padding-left: 15px;
}
.contact-export-rubric {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 17px;
  font-weight: 500;
  padding-left: 15px;
}
.contact-import-whatsapp {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 17px;
  font-weight: 500;
  padding-left: 15px;
}
.contact-import-google {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 17px;
  font-weight: 500;
  padding-left: 15px;
  border-bottom: 1px solid #b4d7ff;
}
.contact-clean-anag {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 17px;
  font-weight: 500;
  padding-left: 15px;
  border-bottom: 1px solid #b4d7ff;
}
.contact-filters-title {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 17px;
  font-weight: 500;
}
.contact-filters {
  border-bottom: 1px solid #b4d7ff;
}
.contact-button-multiple-action {
  position: absolute;
  float: left !important;
  width: 130px;
  height: 40px;
}
.contact-list-cell {
  position: relative;
  border-bottom: 1px solid #b4d7ff;
  border-right: 1px solid #b4d7ff;
  height: 75px;
  padding-top: 13px;
  overflow: hidden;
}
.contact-list-cell .anag-details {
  width: 100%;
  margin-left: 57px;
  font-size: 14px;
  line-height: 16px;
  overflow: hidden;
  cursor: pointer;
}
.contact-list-cell .anag-details div {
  min-width: 380px;
}
.contact-list-cell.first-line {
  border-top: 1px solid #b4d7ff;
}
.contact-list-cell .chbox-arounder {
  position: absolute;
  left: 18px;
  top: 19px;
  width: 36px;
  height: 36px;
  background-color: rgba(0, 0, 0, 0);
}
.contact-list-cell .chbox-arounder.color-broadcast .circle-name {
  border: 2px solid #851cbd;
  background-color: #c37aeb;
}
.contact-list-cell .chbox-arounder.color-broadcast-wa .circle-name {
  border: 2px solid #25d366;
  background-color: #28ed72;
}
.contact-list-cell .chbox-arounder.color-group-wa .circle-name {
  border: 2px solid #ff8b00;
  background-color: #ffbd6e;
}
.contact-list-cell .chbox-arounder .circle-name {
  position: absolute;
  display: block;
  left: 0px;
  top: 0px;
  width: 36px;
  height: 36px;
  border: 2px solid #0078ff;
  background-color: #72b4ff;
  color: white;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  border-radius: 100%;
  z-index: 5;
}
.contact-list-cell .chbox-arounder .circle-name.disable {
  color: #bebebe;
  border: 2px solid #bebebe;
  background-color: #f7f7f7;
}
.contact-list-cell .chbox-arounder .checkbox-single-contact {
  display: none;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 7px;
  left: 8px;
  cursor: pointer;
  z-index: 10;
}
.contact-list-cell .chbox-arounder .checkbox-single-contact:before {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.14);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.14);
  border: solid 1px #bbb;
}
.contact-list-cell .chbox-arounder .checkbox-single-contact:after {
  position: absolute;
  content: '\f00c';
  font-family: 'FontAwesome';
  color: #fff;
  width: 20px;
  height: 20px;
  background-color: #72b4ff;
  opacity: 0;
  font-size: 15px !important;
  padding: 2.5px;
}
.contact-list-cell .chbox-arounder .checkbox-single-contact:checked {
  display: block;
}
.contact-list-cell .chbox-arounder .checkbox-single-contact:checked:after {
  opacity: 1;
}
.contact-list-cell .chbox-arounder .checkbox-single-contact:checked ~ .circle-name {
  display: none !important;
}
.contact-list-cell .chbox-arounder .checkbox-single-contact-broadcast {
  display: none;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 7px;
  left: 8px;
  cursor: pointer;
  z-index: 10;
}
.contact-list-cell .chbox-arounder .checkbox-single-contact-broadcast:before {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.14);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.14);
  border: solid 1px #bbb;
}
.contact-list-cell .chbox-arounder .checkbox-single-contact-broadcast:after {
  position: absolute;
  content: '\f00c';
  font-family: 'FontAwesome';
  color: #fff;
  width: 20px;
  height: 20px;
  background-color: #72b4ff;
  opacity: 0;
  font-size: 15px !important;
  padding: 2.5px;
}
.contact-list-cell .chbox-arounder .checkbox-single-contact-broadcast:checked {
  display: block;
}
.contact-list-cell .chbox-arounder .checkbox-single-contact-broadcast:checked:after {
  opacity: 1;
}
.contact-list-cell .chbox-arounder .checkbox-single-contact-broadcast:checked ~ .circle-name {
  display: none !important;
}
.contact-list-cell .chbox-arounder .checkbox-single-contact-mya {
  display: none;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 7px;
  left: 8px;
  cursor: pointer;
  z-index: 10;
}
.contact-list-cell .chbox-arounder .checkbox-single-contact-mya:before {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.14);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.14);
  border: solid 1px #bbb;
}
.contact-list-cell .chbox-arounder .checkbox-single-contact-mya:after {
  position: absolute;
  content: '\f00c';
  font-family: 'FontAwesome';
  color: #fff;
  width: 20px;
  height: 20px;
  background-color: #72b4ff;
  opacity: 0;
  font-size: 15px !important;
  padding: 2.5px;
}
.contact-list-cell .chbox-arounder .checkbox-single-contact-mya:checked {
  display: block;
}
.contact-list-cell .chbox-arounder .checkbox-single-contact-mya:checked:after {
  opacity: 1;
}
.contact-list-cell .chbox-arounder .checkbox-single-contact-mya:checked ~ .circle-name {
  display: none !important;
}
.contact-list-cell .chbox-arounder:hover .circle-name {
  display: none;
}
.contact-list-cell .chbox-arounder:hover .checkbox-single-contact {
  display: block;
}
.contact-list-cell .chbox-arounder:hover .checkbox-single-contact-broadcast {
  display: block;
}
.contact-list-cell .chbox-arounder:hover .checkbox-single-contact-mya {
  display: block;
}
.contact-list-cell:hover .contact-flags {
  display: block !important;
}
.wa4business-tag {
  display: inline-block;
  color: white;
  background-color: #0078ff;
  font-weight: 500;
  cursor: pointer;
  border-radius: 8px;
  padding: 5px;
  margin-left: 10px;
  margin-top: 5px;
}
.wa4business-event-tag {
  display: inline-block;
  color: white;
  background-color: #0078ff;
  font-weight: 500;
  cursor: pointer;
  border-radius: 8px;
  padding: 5px;
  margin-left: 10px;
  margin-top: 5px;
}
.wa4business-event {
  margin-left: 15px;
  font-size: 12px;
  margin-top: 10px;
}
.wa4business-article {
  margin-left: 15px;
  font-size: 12px;
  margin-top: 10px;
}
.switch-edit {
  cursor: pointer;
}
.search-box {
  width: 100%;
  border-bottom: 1px solid #b4d7ff;
  height: 50px;
  padding-left: 10px;
}
.w4b_font_title {
  font-weight: 500;
  font-size: 16px;
  color: #333;
}
.separator {
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #b4d7ff;
  padding-top: 10px;
  padding-bottom: 10px;
}
.square-button {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 35px;
  height: 30px;
  line-height: 30px;
  background-color: #0078ff;
  color: white;
  font-weight: 500;
  font-size: 28px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px 0px;
  border-radius: 7px;
}
.square-button:hover {
  cursor: pointer;
  background-color: #72b4ff;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
.square-button svg {
  fill: white;
  stroke: transparent;
  stroke-width: 0px;
  width: 22px;
  height: 22px;
  margin-top: 4px;
}
.group-message-row-base {
  -o-user-select: text !important;
  -moz-user-select: text !important;
  -webkit-user-select: text !important;
  user-select: text !important;
  position: relative;
  width: 100%;
  height: 50px;
  opacity: 1;
  border-left: 5px solid transparent;
}
.group-message-row-base.inactive {
  opacity: 0.6;
  color: #666 !important;
}
.group-message-row-base .group-message-icon {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50px;
  height: 50px;
  background-color: transparent;
  overflow: hidden;
  padding-left: 6px;
  padding-top: 7px;
}
.group-message-row-base .group-message-icon svg {
  width: 35px;
  height: 35px;
  fill: black;
}
.group-message-row-base .group-message-center {
  position: absolute;
  top: 0px;
  left: 50px;
  width: calc(100% - 100px);
  height: 50px;
  background-color: transparent;
  font-size: 14px;
  color: #333;
  overflow: hidden;
}
.group-message-row-base .group-message-center > div {
  line-height: 15px;
  display: table-cell;
  vertical-align: middle;
  height: inherit;
  padding-top: 3px;
}
.group-message-row-base .group-message-right {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50px;
  height: 50px;
  background-color: transparent;
  font-size: 10px;
}
.group-message-row-base .group-message-right .group-message-right-text {
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 10px;
}
.group-message-row {
  -o-user-select: text !important;
  -moz-user-select: text !important;
  -webkit-user-select: text !important;
  user-select: text !important;
  position: relative;
  width: 100%;
  height: 50px;
  opacity: 1;
  border-left: 5px solid transparent;
}
.group-message-row.inactive {
  opacity: 0.6;
  color: #666 !important;
}
.group-message-row .group-message-icon {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50px;
  height: 50px;
  background-color: transparent;
  overflow: hidden;
  padding-left: 6px;
  padding-top: 7px;
}
.group-message-row .group-message-icon svg {
  width: 35px;
  height: 35px;
  fill: black;
}
.group-message-row .group-message-center {
  position: absolute;
  top: 0px;
  left: 50px;
  width: calc(100% - 100px);
  height: 50px;
  background-color: transparent;
  font-size: 14px;
  color: #333;
  overflow: hidden;
}
.group-message-row .group-message-center > div {
  line-height: 15px;
  display: table-cell;
  vertical-align: middle;
  height: inherit;
  padding-top: 3px;
}
.group-message-row .group-message-right {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50px;
  height: 50px;
  background-color: transparent;
  font-size: 10px;
}
.group-message-row .group-message-right .group-message-right-text {
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 10px;
}
.group-message-row:hover {
  cursor: pointer;
  background-color: #b4d7ff;
}
.group-message-row.selected-first-column {
  cursor: pointer;
  color: #0078ff;
  background-color: #b4d7ff;
  border-left: 5px solid #0078ff;
}
.group-message-row .message-unread-count {
  right: 60px !important;
}
.w4b_content {
  background-color: #fafcff;
  position: relative;
  height: calc(100vh - 49px);
  border-right: 1px solid #b4d7ff;
  display: inline-block;
  float: left;
  box-sizing: border-box;
  margin-bottom: 0px !important;
}
.w4b_content.first {
  width: 28%;
}
.w4b_content.first .account-box {
  position: relative;
  width: 100%;
  background-color: #e6f1ff;
  height: 100px;
  border-bottom: 1px solid #b4d7ff;
}
.w4b_content.first .account-box .wa4b-phone-image {
  width: 45px;
  margin-top: 9px;
  margin-left: 35px;
}
.w4b_content.first .account-box .wa4b-phone-status {
  position: absolute;
  margin-left: 27px;
  font-size: 13px;
  width: 60px;
  text-align: center;
  margin-top: 3px;
  font-weight: 600;
}
.w4b_content.first .account-box .wa4b-phone-status.online {
  color: green;
}
.w4b_content.first .account-box .wa4b-phone-status.offline {
  color: red;
  animation: blinker 3s linear infinite;
}
.w4b_content.first .account-box .account-image {
  position: absolute;
  top: 20px;
  left: 25px;
  background-color: lightgray;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  border: 3px solid white;
  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.3);
}
.w4b_content.first .account-box .account-texts {
  position: absolute;
  top: 0px;
  left: 85px;
  height: 100px;
  padding-left: 10px;
  width: calc(100% - 85px);
}
.w4b_content.first .account-box .account-texts .account-name {
  font-weight: 500;
  font-size: 16px;
  color: #333;
  padding-top: 25px;
}
.w4b_content.first .account-box .account-texts .account-email {
  font-size: 11px;
  color: #666;
}
.w4b_content.first .account-box .account-texts .account-account-phone {
  font-size: 11px;
  color: #666;
}
.w4b_content.first .first-box {
  position: relative;
  height: calc(100% - 100px);
  overflow-y: auto;
}
.w4b_content.first .separator-messages-box-upper {
  height: 10px;
  line-height: 10px;
  font-weight: 500;
  font-size: 16px;
  color: #333;
  width: 100%;
  padding-left: 10px;
  position: relative;
  background-color: #e6f1ff;
  border-bottom: 1px solid #b4d7ff;
}
.w4b_content.first .all-messages-box-upper {
  height: 60px;
  line-height: 60px;
  font-weight: 500;
  font-size: 16px;
  color: #333;
  width: 100%;
  padding-left: 10px;
  position: relative;
  border-bottom: 1px solid #b4d7ff;
}
.w4b_content.first .all-messages-box-upper:hover {
  cursor: pointer;
  background-color: #b4d7ff;
}
.w4b_content.first .all-messages-box-upper.selected-first-column {
  cursor: pointer;
  background-color: #b4d7ff;
  border-left: 5px solid #0078ff;
}
.w4b_content.first .flags-messages-box-upper {
  height: 60px;
  line-height: 60px;
  font-weight: 500;
  font-size: 16px;
  color: #333;
  width: 100%;
  padding-left: 10px;
  position: relative;
  border-bottom: 1px solid #b4d7ff;
}
.w4b_content.first .flags-messages-box-upper:hover {
  cursor: pointer;
  background-color: #b4d7ff;
}
.w4b_content.first .flags-messages-box-upper.selected-first-column {
  cursor: pointer;
  background-color: #b4d7ff;
  border-left: 5px solid #0078ff;
}
.w4b_content.first .channels-messages-box-upper {
  height: 60px;
  line-height: 60px;
  font-weight: 500;
  font-size: 16px;
  color: #333;
  width: 100%;
  padding-left: 10px;
  position: relative;
  border-bottom: 1px solid #b4d7ff;
}
.w4b_content.first .channels-messages-box-upper:hover {
  cursor: pointer;
  background-color: #b4d7ff;
}
.w4b_content.first .channels-messages-box-upper.selected-first-column {
  cursor: pointer;
  background-color: #b4d7ff;
  border-left: 5px solid #0078ff;
}
.w4b_content.first .group-messages-box-title {
  height: 60px;
  line-height: 60px;
  font-weight: 500;
  font-size: 16px;
  color: #333;
  width: 100%;
  padding-left: 10px;
  position: relative;
}
.w4b_content.first .group-messages-box-title .group-messages-add-button {
  position: absolute;
  right: 10px;
  top: 14px;
  width: 35px;
  height: 30px;
  line-height: 30px;
  border-radius: 7px;
  background-color: #0078ff;
  color: white;
  font-weight: 500;
  font-size: 28px;
  text-align: center;
  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.3);
}
.w4b_content.first .group-messages-box-title .group-messages-add-button:hover {
  cursor: pointer;
  background-color: #72b4ff;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
.w4b_content.first .group-messages-box-title .group-messages-whapi-button {
  position: absolute;
  right: 60px;
  top: 14px;
  width: 35px;
  height: 30px;
  line-height: 30px;
  border-radius: 7px;
  background-color: #0078ff;
  color: white;
  font-weight: 500;
  font-size: 28px;
  text-align: center;
  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.3);
}
.w4b_content.first .group-messages-box-title .group-messages-whapi-button:hover {
  cursor: pointer;
  background-color: #72b4ff;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
.w4b_content.first .group-messages-box-title .automatic-response-messages-add-button {
  position: absolute;
  right: 10px;
  top: 14px;
  width: 35px;
  height: 30px;
  line-height: 30px;
  border-radius: 7px;
  background-color: #0078ff;
  color: white;
  font-weight: 500;
  font-size: 28px;
  text-align: center;
  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.3);
}
.w4b_content.first .group-messages-box-title .automatic-response-messages-add-button:hover {
  cursor: pointer;
  background-color: #72b4ff;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
.w4b_content.first .group-messages-box {
  overflow-y: auto;
  height: auto;
  border-bottom: 1px solid #b4d7ff;
}
.w4b_content.first .automatic-response-messages-box {
  overflow-y: auto;
  height: auto;
  border-bottom: 1px solid #b4d7ff;
}
.w4b_content.first .inactive-messages-box {
  overflow-y: auto;
  height: auto;
  border-bottom: 1px solid #b4d7ff;
  border-bottom: none;
}
.w4b_content.first .all-messages-box {
  position: absolute;
  bottom: 0px;
  height: 60px;
  line-height: 60px;
  width: 100%;
  padding-left: 10px;
  font-weight: 500;
  font-size: 16px;
  color: #333;
  border-left: 5px solid transparent;
  border-top: 1px solid #b4d7ff;
}
.w4b_content.first .all-messages-box:hover {
  cursor: pointer;
  background-color: #b4d7ff;
}
.w4b_content.first .all-messages-box.selected-first-column {
  cursor: pointer;
  background-color: #b4d7ff;
  border-left: 5px solid #0078ff;
}
.w4b_content .message-unread-count {
  position: absolute;
  top: 17px;
  right: 15px;
  background-color: #0078ff;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  line-height: 17px;
  color: white;
  font-weight: 500;
  font-size: 11px;
  text-align: center;
}
.w4b_content.second {
  width: 18%;
}
.w4b_content.second .upper-element-second-column {
  position: relative;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #b4d7ff;
}
.w4b_content.second .second-box {
  width: 100%;
  height: calc(100% - 50px);
  overflow-y: auto;
}
.w4b_content.third {
  width: 20%;
}
.w4b_content.third .upper-element-third-column {
  position: relative;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #b4d7ff;
}
.w4b_content.third .third-box {
  width: 100%;
  height: calc(100% - 50px);
  overflow-y: auto;
}
.w4b_content.third .third-box.small {
  height: calc(100% - 100px);
}
.w4b_content .third-box-loader,
.w4b_content .third-box-loader {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
.w4b_content .third-box-loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0, 120, 255, 0.2);
  border-right: 1.1em solid rgba(0, 120, 255, 0.2);
  border-bottom: 1.1em solid rgba(0, 120, 255, 0.2);
  border-left: 1.1em solid #0078ff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.w4b_content.fourth {
  width: 34%;
}
.w4b_content.fourth .upper-element-fourth-column {
  position: relative;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #b4d7ff;
}
.w4b_content.fourth .fourth-box {
  width: 100%;
  height: calc(100% - 200px);
  overflow-y: auto;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 3px;
  padding-bottom: 7px;
  position: relative;
  padding-top: 50px;
}
.w4b_content.fourth .fourth-box.small {
  height: calc(100% - 250px);
}
.w4b_content.fourth .fourth-box.pattern {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAgOCkiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBzdHJva2U9InJnYigwLDAsMCwwLjA5KSIgc3Ryb2tlLXdpZHRoPSIxLjI1IiBjeD0iMTc2IiBjeT0iMTIiIHI9IjQiLz48cGF0aCBkPSJNMjAuNS41bDIzIDExbS0yOSA4NGwtMy43OSAxMC4zNzdNMjcuMDM3IDEzMS40bDUuODk4IDIuMjAzLTMuNDYgNS45NDcgNi4wNzIgMi4zOTItMy45MzMgNS43NThtMTI4LjczMyAzNS4zN2wuNjkzLTkuMzE2IDEwLjI5Mi4wNTIuNDE2LTkuMjIyIDkuMjc0LjMzMk0uNSA0OC41czYuMTMxIDYuNDEzIDYuODQ3IDE0LjgwNWMuNzE1IDguMzkzLTIuNTIgMTQuODA2LTIuNTIgMTQuODA2TTEyNC41NTUgOTBzLTcuNDQ0IDAtMTMuNjcgNi4xOTJjLTYuMjI3IDYuMTkyLTQuODM4IDEyLjAxMi00LjgzOCAxMi4wMTJtMi4yNCA2OC42MjZzLTQuMDI2LTkuMDI1LTE4LjE0NS05LjAyNS0xOC4xNDUgNS43LTE4LjE0NSA1LjciIHN0cm9rZT0icmdiKDAsMCwwLDAuMDkpIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxwYXRoIGQ9Ik04NS43MTYgMzYuMTQ2bDUuMjQzLTkuNTIxaDExLjA5M2w1LjQxNiA5LjUyMS01LjQxIDkuMTg1SDkwLjk1M2wtNS4yMzctOS4xODV6bTYzLjkwOSAxNS40NzloMTAuNzV2MTAuNzVoLTEwLjc1eiIgc3Ryb2tlPSJyZ2IoMCwwLDAsMC4wOSkiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjxjaXJjbGUgZmlsbD0icmdiKDAsMCwwLDAuMDkpIiBjeD0iNzEuNSIgY3k9IjcuNSIgcj0iMS41Ii8+PGNpcmNsZSBmaWxsPSJyZ2IoMCwwLDAsMC4wOSkiIGN4PSIxNzAuNSIgY3k9Ijk1LjUiIHI9IjEuNSIvPjxjaXJjbGUgZmlsbD0icmdiKDAsMCwwLDAuMDkpIiBjeD0iODEuNSIgY3k9IjEzNC41IiByPSIxLjUiLz48Y2lyY2xlIGZpbGw9InJnYigwLDAsMCwwLjA5KSIgY3g9IjEzLjUiIGN5PSIyMy41IiByPSIxLjUiLz48cGF0aCBmaWxsPSJyZ2IoMCwwLDAsMC4wOSkiIGQ9Ik05MyA3MWgzdjNoLTN6bTMzIDg0aDN2M2gtM3ptLTg1IDE4aDN2M2gtM3oiLz48cGF0aCBkPSJNMzkuMzg0IDUxLjEyMmw1Ljc1OC00LjQ1NCA2LjQ1MyA0LjIwNS0yLjI5NCA3LjM2M2gtNy43OWwtMi4xMjctNy4xMTR6TTEzMC4xOTUgNC4wM2wxMy44MyA1LjA2Mi0xMC4wOSA3LjA0OC0zLjc0LTEyLjExem0tODMgOTVsMTQuODMgNS40MjktMTAuODIgNy41NTctNC4wMS0xMi45ODd6TTUuMjEzIDE2MS40OTVsMTEuMzI4IDIwLjg5N0wyLjI2NSAxODBsMi45NDgtMTguNTA1eiIgc3Ryb2tlPSJyZ2IoMCwwLDAsMC4wOSkiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjxwYXRoIGQ9Ik0xNDkuMDUgMTI3LjQ2OHMtLjUxIDIuMTgzLjk5NSAzLjM2NmMxLjU2IDEuMjI2IDguNjQyLTEuODk1IDMuOTY3LTcuNzg1LTIuMzY3LTIuNDc3LTYuNS0zLjIyNi05LjMzIDAtNS4yMDggNS45MzYgMCAxNy41MSAxMS42MSAxMy43MyAxMi40NTgtNi4yNTcgNS42MzMtMjEuNjU2LTUuMDczLTIyLjY1NC02LjYwMi0uNjA2LTE0LjA0MyAxLjc1Ni0xNi4xNTcgMTAuMjY4LTEuNzE4IDYuOTIgMS41ODQgMTcuMzg3IDEyLjQ1IDIwLjQ3NiAxMC44NjYgMy4wOSAxOS4zMzEtNC4zMSAxOS4zMzEtNC4zMSIgc3Ryb2tlPSJyZ2IoMCwwLDAsMC4wOSkiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9nPjwvc3ZnPg==');
  background-attachment: fixed;
  background-repeat: repeat;
}
.w4b_content.fourth .fourth-compose-box {
  background-color: white;
  position: relative;
  width: 100%;
  height: 150px;
}
.w4b_content.fourth .fourth-compose-box .fourth-compose-box-chat {
  position: relative;
  margin-left: 0px;
  width: 100%;
  height: 150px;
}
.w4b_content .instance-row {
  position: relative;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #b4d7ff;
  border-left: 5px solid transparent;
}
.w4b_content .instance-row:hover {
  cursor: pointer;
  background-color: #b4d7ff;
}
.w4b_content .instance-row.selected-second-column {
  cursor: pointer;
  background-color: #b4d7ff;
  border-left: 5px solid #0078ff;
}
.w4b_content .chat-row {
  position: relative;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #b4d7ff;
  border-left: 5px solid transparent;
  padding-left: 50px;
  padding-top: 4px;
  overflow: hidden;
}
.w4b_content .chat-row:hover {
  cursor: pointer;
  background-color: #b4d7ff;
}
.w4b_content .chat-row:hover .contact-flags {
  display: block !important;
}
.w4b_content .chat-row.selected-third-column {
  cursor: pointer;
  background-color: #b4d7ff;
  border-left: 5px solid #0078ff;
}
.w4b_content .chat-row .lastMessage {
  font-style: italic;
}
.w4b_content .chat-row .lastMessageDate {
  font-size: 10px;
  float: right;
  margin-right: 6px;
}
.w4b_content .chat-row .lastMessageFooterRight {
  font-size: 10px;
  float: right;
  margin-right: 6px;
}
.w4b_content .chat-row .chatIcon {
  position: absolute;
  left: 5px;
  bottom: 10px;
  width: 30px;
  height: 30px;
  line-height: 26px;
  border: 2px solid #0078ff;
  background-color: #72b4ff;
  color: white;
  font-size: 15px;
  font-weight: 600;
  z-index: 4;
  text-align: center;
  border-radius: 50%;
}
.w4b_content .chat-row .chatIcon.disable {
  color: #bebebe;
  border: 2px solid #bebebe;
  background-color: #f7f7f7;
}
.w4b_content .chat-row .chatIcon.color-broadcast {
  border: 2px solid #851cbd;
  background-color: #c37aeb;
}
.w4b_content .chat-row .chatIcon.color-broadcast-wa {
  border: 2px solid #25d366;
  background-color: #28ed72;
}
.w4b_content .chat-row .chatIcon.color-group-wa {
  border: 2px solid #ff8b00;
  background-color: #ffbd6e;
}
.w4b_content .chat-row .contactName {
  color: black;
  font-weight: 500;
  font-size: 14px;
  height: 20px;
  overflow: hidden;
  word-wrap: break-word;
}
.w4b_content .chat-row .contactName.unread-message {
  color: #0078ff;
}
.w4b_content .chat-row .lastMessageDate {
  position: absolute;
  top: -2px;
  right: 0px;
}
.w4b_content .chat-row .lastMessageFooterRight {
  position: absolute;
  bottom: -2px;
  right: 0px;
}
.w4b_content .gmessage-details {
  position: relative;
  width: 100%;
  height: 50px;
}
.w4b_content .gmessage-details .gmessage-title {
  font-weight: 500;
  font-size: 16px;
  color: #333;
}
.w4b_content .gmessage-details .gmessage-text {
  font-size: 11px;
  color: #777;
  font-style: italic;
}
.w4b_content .instance-statistics-detail {
  width: 100%;
  background-color: white;
  font-size: 12px;
  color: black;
  height: 49px;
  line-height: 49px;
  text-align: center;
  overflow: hidden;
}
.disable-composition {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 150px;
  z-index: 600;
  opacity: 1;
  background-color: white;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  padding-top: 20px;
  font-style: italic;
}
.contact-upper-detail {
  position: relative;
  width: 100%;
  height: 50px;
  cursor: pointer;
}
.contact-upper-detail .round-contact {
  position: absolute;
  top: 5px;
  left: 10px;
  width: 40px;
  height: 40px;
  line-height: 36px;
  border: 2px solid #0078ff;
  background-color: #72b4ff;
  color: white;
  font-weight: 600;
  font-size: 20px;
  border-radius: 50%;
  text-align: center;
}
.contact-upper-detail .round-contact.disable {
  color: #bebebe !important;
  border: 2px solid #bebebe !important;
  background-color: #f7f7f7 !important;
}
.contact-upper-detail .round-contact.color-broadcast {
  border: 2px solid #851cbd;
  background-color: #c37aeb;
}
.contact-upper-detail .round-contact.color-broadcast-wa {
  border: 2px solid #25d366;
  background-color: #28ed72;
}
.contact-upper-detail .round-contact.color-group-wa {
  border: 2px solid #ff8b00;
  background-color: #ffbd6e;
}
.contact-upper-detail .name-contact {
  position: absolute;
  top: 0px;
  left: 60px;
  font-weight: 500;
  font-size: 16px;
  color: #333;
  color: black !important;
  line-height: 50px;
}
.clear-row {
  clear: both;
  margin-bottom: 5px;
}
.message-row {
  position: relative;
  -o-user-select: text !important;
  -moz-user-select: text !important;
  -webkit-user-select: text !important;
  user-select: text !important;
  z-index: 1;
}
.message-row .from-me {
  position: relative;
  padding: 10px 10px;
  color: black;
  background: #f7f7f7;
  border-radius: 10px;
  float: right;
  min-width: 200px;
}
.message-row .from-me .author-section {
  margin-top: -7px;
  top: 5px;
  font-size: 9px;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
}
.message-row .from-me.broadcast-message {
  background: #f5e3ff !important;
}
.message-row .from-me.broadcast-message:before {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: -2px;
  right: -7px;
  height: 20px;
  border-right: 20px solid #f5e3ff !important;
  border-bottom-left-radius: 16px 14px;
  -webkit-transform: translate(0, -2px);
}
.message-row .from-me.channel-whatsapp {
  background: #e7f2ed;
}
.message-row .from-me.channel-whatsapp:before {
  border-right: 20px solid #e7f2ed !important;
}
.message-row .from-me.channel-whatsapp-api {
  background: #e7f2ed;
}
.message-row .from-me.channel-whatsapp-api:before {
  border-right: 20px solid #e7f2ed !important;
}
.message-row .from-me.channel-smshigh {
  background: #e8eaf4;
}
.message-row .from-me.channel-smshigh:before {
  border-right: 20px solid #e8eaf4 !important;
}
.message-row .from-me.channel-smslow {
  background: #e8eaf4;
}
.message-row .from-me.channel-smslow:before {
  border-right: 20px solid #e8eaf4 !important;
}
.message-row .from-me.channel-smsapp {
  background: #e8eaf4;
}
.message-row .from-me.channel-smsapp:before {
  border-right: 20px solid #e8eaf4 !important;
}
.message-row .from-me.channel-telegram {
  background: #ebf5fd;
}
.message-row .from-me.channel-telegram:before {
  border-right: 20px solid #ebf5fd !important;
}
.message-row .from-me.channel-email {
  background: #fbf0e5;
}
.message-row .from-me.channel-email:before {
  border-right: 20px solid #fbf0e5 !important;
}
.message-row .from-me.channel-myarea {
  background: #f5e7ea;
}
.message-row .from-me.channel-myarea:before {
  border-right: 20px solid #f5e7ea !important;
}
.message-row .from-me.channel-chat_app {
  background: #e5e8f2;
}
.message-row .from-me.channel-chat_app:before {
  border-right: 20px solid #e5e8f2 !important;
}
.message-row .from-me.channel-chat_web {
  background: #eee3f6;
}
.message-row .from-me.channel-chat_web:before {
  border-right: 20px solid #eee3f6 !important;
}
.message-row .from-me.channel-skebby {
  background: #e1f2f5;
}
.message-row .from-me.channel-skebby:before {
  border-right: 20px solid #e1f2f5 !important;
}
.message-row .from-me p {
  font-size: 15px;
  font-weight: 400;
}
.message-row .from-me p .message-image-prev {
  width: 150px;
  height: auto;
}
.message-row .from-me p .message-doc-prev {
  width: 70px;
  margin-right: 10px;
  float: right;
  height: auto;
  margin-bottom: 10px;
}
.message-row .from-me:before {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: -2px;
  right: -7px;
  height: 20px;
  border-right: 20px solid #f7f7f7;
  border-bottom-left-radius: 16px 14px;
  -webkit-transform: translate(0, -2px);
}
.message-row .from-me:after {
  content: "";
  position: absolute;
  z-index: 3;
  bottom: -2px;
  right: -56px;
  width: 26px;
  height: 20px;
  background: white;
  border-bottom-left-radius: 10px;
  -webkit-transform: translate(-30px, -2px);
}
.message-row .from-me .message-date {
  position: absolute;
  bottom: 5px;
  right: 27px;
  font-size: 10px;
  color: #333;
  z-index: 5;
}
.message-row .from-me .message-flags {
  position: absolute;
  bottom: 1px;
  right: 4px;
  font-size: 10px;
  color: #bebebe;
  z-index: 5;
  width: 20px;
  height: 20px;
}
.message-row .from-me .message-flags svg {
  fill: #bebebe;
  width: 20px;
  height: 20px;
}
.message-row .from-me .message-flags.blue svg {
  fill: #0078ff !important;
  width: 20px;
  height: 20px;
}
.message-row .from-me .message-sending {
  position: absolute;
  bottom: 3px;
  right: 5px;
  font-size: 11px;
  color: orange;
  z-index: 5;
  font-weight: 500;
}
.message-row .from-me .message-sending.red {
  color: red;
}
.message-row .from-me .message-icon {
  position: absolute;
  bottom: 0px;
  right: -35px;
  width: 30px;
  height: 30px;
  line-height: 27px;
  border-radius: 50%;
  border: 2px solid #bebebe;
  background: #f7f7f7;
  color: black;
  font-size: 15px;
  font-weight: 600;
  z-index: 4;
  text-align: center;
}
.message-row .from-them {
  position: relative;
  padding: 10px 10px;
  background: #0078ff;
  border-radius: 10px;
  color: white;
  fill: white;
  stroke: white;
  float: left;
  min-width: 200px;
}
.message-row .from-them.channel-whatsapp {
  background: #439c4d;
}
.message-row .from-them.channel-whatsapp:before {
  border-left: 20px solid #439c4d !important;
}
.message-row .from-them.channel-whatsapp .message-icon {
  border: 2px solid #439c4d;
  background-color: rgba(67, 156, 77, 0.6);
}
.message-row .from-them.channel-whatsapp-api {
  background: #439c4d;
}
.message-row .from-them.channel-whatsapp-api:before {
  border-left: 20px solid #439c4d !important;
}
.message-row .from-them.channel-whatsapp-api .message-icon {
  border: 2px solid #439c4d;
  background-color: rgba(67, 156, 77, 0.6);
}
.message-row .from-them.channel-smshigh {
  background: #4a4f98;
}
.message-row .from-them.channel-smshigh:before {
  border-left: 20px solid #4a4f98 !important;
}
.message-row .from-them.channel-smshigh .message-icon {
  border: 2px solid #4a4f98;
  background-color: rgba(74, 79, 152, 0.6);
}
.message-row .from-them.channel-smslow {
  background: #4a4f98;
}
.message-row .from-them.channel-smslow:before {
  border-left: 20px solid #4a4f98 !important;
}
.message-row .from-them.channel-smslow .message-icon {
  border: 2px solid #4a4f98;
  background-color: rgba(74, 79, 152, 0.6);
}
.message-row .from-them.channel-smsapp {
  background: #4a4f98;
}
.message-row .from-them.channel-smsapp:before {
  border-left: 20px solid #4a4f98 !important;
}
.message-row .from-them.channel-smsapp .message-icon {
  border: 2px solid #4a4f98;
  background-color: rgba(74, 79, 152, 0.6);
}
.message-row .from-them.channel-telegram {
  background: #6bb6e7;
}
.message-row .from-them.channel-telegram:before {
  border-left: 20px solid #6bb6e7 !important;
}
.message-row .from-them.channel-telegram .message-icon {
  border: 2px solid #6bb6e7;
  background-color: rgba(107, 182, 231, 0.6);
}
.message-row .from-them.channel-email {
  background: #ff8a00;
}
.message-row .from-them.channel-email:before {
  border-left: 20px solid #ff8a00 !important;
}
.message-row .from-them.channel-email .message-icon {
  border: 2px solid #ff8a00;
  background-color: rgba(255, 138, 0, 0.6);
}
.message-row .from-them.channel-myarea {
  background: #c5322e;
}
.message-row .from-them.channel-myarea:before {
  border-left: 20px solid #c5322e !important;
}
.message-row .from-them.channel-myarea .message-icon {
  border: 2px solid #c5322e;
  background-color: rgba(197, 50, 46, 0.6);
}
.message-row .from-them.channel-chat_app {
  background: #2f387f;
}
.message-row .from-them.channel-chat_app:before {
  border-left: 20px solid #2f387f !important;
}
.message-row .from-them.channel-chat_app .message-icon {
  border: 2px solid #2f387f;
  background-color: rgba(47, 56, 127, 0.6);
}
.message-row .from-them.channel-chat_web {
  background: #7d0ca7;
}
.message-row .from-them.channel-chat_web:before {
  border-left: 20px solid #7d0ca7 !important;
}
.message-row .from-them.channel-chat_web .message-icon {
  border: 2px solid #7d0ca7;
  background-color: rgba(125, 12, 167, 0.6);
}
.message-row .from-them.channel-skebby {
  background: #03989e;
}
.message-row .from-them.channel-skebby:before {
  border-left: 20px solid #03989e !important;
}
.message-row .from-them.channel-skebby .message-icon {
  border: 2px solid #058388;
  background-color: rgba(3, 152, 158, 0.6);
}
.message-row .from-them .author-section {
  margin-top: -7px;
  top: 5px;
  font-size: 9px;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
}
.message-row .from-them p {
  font-size: 15px;
  font-weight: 400;
}
.message-row .from-them p .message-image-prev {
  width: 150px;
  height: auto;
}
.message-row .from-them p .message-doc-prev {
  width: 70px;
  margin-left: 10px;
  float: left;
  height: auto;
  margin-bottom: 10px;
}
.message-row .from-them p a {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 600;
}
.message-row .from-them:before {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: -2px;
  left: -7px;
  height: 20px;
  border-left: 20px solid #0078ff;
  border-bottom-right-radius: 16px 14px;
  -webkit-transform: translate(0, -2px);
}
.message-row .from-them:after {
  content: "";
  position: absolute;
  z-index: 3;
  bottom: -2px;
  left: 4px;
  width: 26px;
  height: 20px;
  background: white;
  border-bottom-right-radius: 10px;
  -webkit-transform: translate(-30px, -2px);
}
.message-row .from-them .message-date {
  position: absolute;
  bottom: 5px;
  right: 10px;
  font-size: 10px;
  color: white;
  z-index: 5;
}
.message-row .from-them .message-icon {
  position: absolute;
  left: -35px;
  bottom: 0px;
  width: 30px;
  height: 30px;
  line-height: 27px;
  border-radius: 50%;
  border: 2px solid #0078ff;
  background-color: #72b4ff;
  color: white;
  font-size: 15px;
  font-weight: 600;
  z-index: 4;
  text-align: center;
}
.message-row .from-them .message-icon.disable {
  color: #bebebe;
  border: 2px solid #bebebe;
  background-color: #f7f7f7;
}
.wa4b-tab-title {
  vertical-align: bottom;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wa4b-tab-title svg {
  width: 24px;
  height: 24px;
  margin-right: 5px;
}
.overlay_dropzone {
  position: absolute;
  bottom: 50px;
  right: -40%;
  width: 34%;
  height: calc(100vh - 99px);
  z-index: 99999;
  background-color: #fafcff;
  overflow: hidden !important;
  margin-bottom: 0px !important;
}
.overlay_dropzone.appear {
  right: 0px;
}
.overlay_dropzone .dz-message {
  text-align: center !important;
}
.overlay_dropzone .dz-message span {
  font-size: 15px;
}
.overlay_dropzone.forGroup {
  width: 34%;
  height: 245px;
  top: 382px;
}
.overlay_dropzone.forGroup.appear {
  right: 28px;
}
[contenteditable=true]:empty:before {
  content: attr(placeholder);
  color: #999;
  font-style: italic;
  font-weight: 300;
  display: block;
  /* For Firefox */
}
.overlay_messages_details {
  position: absolute;
  top: 49px;
  right: -580px;
  width: 550px;
  height: calc(100vh - 49px);
  z-index: 605;
  border-left: 1px solid #b4d7ff;
  background-color: #fafcff;
  overflow: visible;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.overlay_messages_details.appear {
  right: 350px;
}
.overlay_messages_details .upper {
  position: relative;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #b4d7ff;
}
.overlay_messages_details .overlay-messages-middle-content {
  position: relative;
  width: 100%;
  height: calc(100% - 200px);
  overflow-y: auto;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 3px;
  padding-bottom: 7px;
  padding-top: 50px;
}
.overlay_messages_details .overlay-messages-middle-content.pattern {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAgOCkiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBzdHJva2U9InJnYigwLDAsMCwwLjA5KSIgc3Ryb2tlLXdpZHRoPSIxLjI1IiBjeD0iMTc2IiBjeT0iMTIiIHI9IjQiLz48cGF0aCBkPSJNMjAuNS41bDIzIDExbS0yOSA4NGwtMy43OSAxMC4zNzdNMjcuMDM3IDEzMS40bDUuODk4IDIuMjAzLTMuNDYgNS45NDcgNi4wNzIgMi4zOTItMy45MzMgNS43NThtMTI4LjczMyAzNS4zN2wuNjkzLTkuMzE2IDEwLjI5Mi4wNTIuNDE2LTkuMjIyIDkuMjc0LjMzMk0uNSA0OC41czYuMTMxIDYuNDEzIDYuODQ3IDE0LjgwNWMuNzE1IDguMzkzLTIuNTIgMTQuODA2LTIuNTIgMTQuODA2TTEyNC41NTUgOTBzLTcuNDQ0IDAtMTMuNjcgNi4xOTJjLTYuMjI3IDYuMTkyLTQuODM4IDEyLjAxMi00LjgzOCAxMi4wMTJtMi4yNCA2OC42MjZzLTQuMDI2LTkuMDI1LTE4LjE0NS05LjAyNS0xOC4xNDUgNS43LTE4LjE0NSA1LjciIHN0cm9rZT0icmdiKDAsMCwwLDAuMDkpIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxwYXRoIGQ9Ik04NS43MTYgMzYuMTQ2bDUuMjQzLTkuNTIxaDExLjA5M2w1LjQxNiA5LjUyMS01LjQxIDkuMTg1SDkwLjk1M2wtNS4yMzctOS4xODV6bTYzLjkwOSAxNS40NzloMTAuNzV2MTAuNzVoLTEwLjc1eiIgc3Ryb2tlPSJyZ2IoMCwwLDAsMC4wOSkiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjxjaXJjbGUgZmlsbD0icmdiKDAsMCwwLDAuMDkpIiBjeD0iNzEuNSIgY3k9IjcuNSIgcj0iMS41Ii8+PGNpcmNsZSBmaWxsPSJyZ2IoMCwwLDAsMC4wOSkiIGN4PSIxNzAuNSIgY3k9Ijk1LjUiIHI9IjEuNSIvPjxjaXJjbGUgZmlsbD0icmdiKDAsMCwwLDAuMDkpIiBjeD0iODEuNSIgY3k9IjEzNC41IiByPSIxLjUiLz48Y2lyY2xlIGZpbGw9InJnYigwLDAsMCwwLjA5KSIgY3g9IjEzLjUiIGN5PSIyMy41IiByPSIxLjUiLz48cGF0aCBmaWxsPSJyZ2IoMCwwLDAsMC4wOSkiIGQ9Ik05MyA3MWgzdjNoLTN6bTMzIDg0aDN2M2gtM3ptLTg1IDE4aDN2M2gtM3oiLz48cGF0aCBkPSJNMzkuMzg0IDUxLjEyMmw1Ljc1OC00LjQ1NCA2LjQ1MyA0LjIwNS0yLjI5NCA3LjM2M2gtNy43OWwtMi4xMjctNy4xMTR6TTEzMC4xOTUgNC4wM2wxMy44MyA1LjA2Mi0xMC4wOSA3LjA0OC0zLjc0LTEyLjExem0tODMgOTVsMTQuODMgNS40MjktMTAuODIgNy41NTctNC4wMS0xMi45ODd6TTUuMjEzIDE2MS40OTVsMTEuMzI4IDIwLjg5N0wyLjI2NSAxODBsMi45NDgtMTguNTA1eiIgc3Ryb2tlPSJyZ2IoMCwwLDAsMC4wOSkiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjxwYXRoIGQ9Ik0xNDkuMDUgMTI3LjQ2OHMtLjUxIDIuMTgzLjk5NSAzLjM2NmMxLjU2IDEuMjI2IDguNjQyLTEuODk1IDMuOTY3LTcuNzg1LTIuMzY3LTIuNDc3LTYuNS0zLjIyNi05LjMzIDAtNS4yMDggNS45MzYgMCAxNy41MSAxMS42MSAxMy43MyAxMi40NTgtNi4yNTcgNS42MzMtMjEuNjU2LTUuMDczLTIyLjY1NC02LjYwMi0uNjA2LTE0LjA0MyAxLjc1Ni0xNi4xNTcgMTAuMjY4LTEuNzE4IDYuOTIgMS41ODQgMTcuMzg3IDEyLjQ1IDIwLjQ3NiAxMC44NjYgMy4wOSAxOS4zMzEtNC4zMSAxOS4zMzEtNC4zMSIgc3Ryb2tlPSJyZ2IoMCwwLDAsMC4wOSkiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9nPjwvc3ZnPg==');
  background-attachment: fixed;
  background-repeat: repeat;
}
.overlay_messages_details .overlay-messages-compose-content {
  background-color: white;
  position: relative;
  width: 100%;
  height: 150px;
}
.overlay_messages_details .overlay-messages-dropzone-content {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: calc(100% - 50px);
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 9999;
  background-color: #e6f1ff;
}
.overlay_broadcast_details {
  position: absolute;
  top: 49px;
  right: -580px;
  width: 550px;
  height: calc(100vh - 49px);
  z-index: 605;
  border-left: 1px solid #b4d7ff;
  background-color: #fafcff;
  overflow: visible;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.overlay_broadcast_details .dropdown-message {
  z-index: 6 !important;
}
.overlay_broadcast_details .dropdown-message .dropdown-content {
  z-index: 9 !important;
}
.overlay_broadcast_details.appear {
  right: 350px;
}
.overlay_broadcast_details .upper {
  position: relative;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #b4d7ff;
}
.overlay_broadcast_details .overlay-messages-middle-content {
  position: relative;
  width: 100%;
  height: calc(100% - 200px);
  overflow-y: auto;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 3px;
  padding-bottom: 7px;
  padding-top: 50px;
}
.overlay_broadcast_details .overlay-messages-middle-content.pattern {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAgOCkiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBzdHJva2U9InJnYigwLDAsMCwwLjA5KSIgc3Ryb2tlLXdpZHRoPSIxLjI1IiBjeD0iMTc2IiBjeT0iMTIiIHI9IjQiLz48cGF0aCBkPSJNMjAuNS41bDIzIDExbS0yOSA4NGwtMy43OSAxMC4zNzdNMjcuMDM3IDEzMS40bDUuODk4IDIuMjAzLTMuNDYgNS45NDcgNi4wNzIgMi4zOTItMy45MzMgNS43NThtMTI4LjczMyAzNS4zN2wuNjkzLTkuMzE2IDEwLjI5Mi4wNTIuNDE2LTkuMjIyIDkuMjc0LjMzMk0uNSA0OC41czYuMTMxIDYuNDEzIDYuODQ3IDE0LjgwNWMuNzE1IDguMzkzLTIuNTIgMTQuODA2LTIuNTIgMTQuODA2TTEyNC41NTUgOTBzLTcuNDQ0IDAtMTMuNjcgNi4xOTJjLTYuMjI3IDYuMTkyLTQuODM4IDEyLjAxMi00LjgzOCAxMi4wMTJtMi4yNCA2OC42MjZzLTQuMDI2LTkuMDI1LTE4LjE0NS05LjAyNS0xOC4xNDUgNS43LTE4LjE0NSA1LjciIHN0cm9rZT0icmdiKDAsMCwwLDAuMDkpIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxwYXRoIGQ9Ik04NS43MTYgMzYuMTQ2bDUuMjQzLTkuNTIxaDExLjA5M2w1LjQxNiA5LjUyMS01LjQxIDkuMTg1SDkwLjk1M2wtNS4yMzctOS4xODV6bTYzLjkwOSAxNS40NzloMTAuNzV2MTAuNzVoLTEwLjc1eiIgc3Ryb2tlPSJyZ2IoMCwwLDAsMC4wOSkiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjxjaXJjbGUgZmlsbD0icmdiKDAsMCwwLDAuMDkpIiBjeD0iNzEuNSIgY3k9IjcuNSIgcj0iMS41Ii8+PGNpcmNsZSBmaWxsPSJyZ2IoMCwwLDAsMC4wOSkiIGN4PSIxNzAuNSIgY3k9Ijk1LjUiIHI9IjEuNSIvPjxjaXJjbGUgZmlsbD0icmdiKDAsMCwwLDAuMDkpIiBjeD0iODEuNSIgY3k9IjEzNC41IiByPSIxLjUiLz48Y2lyY2xlIGZpbGw9InJnYigwLDAsMCwwLjA5KSIgY3g9IjEzLjUiIGN5PSIyMy41IiByPSIxLjUiLz48cGF0aCBmaWxsPSJyZ2IoMCwwLDAsMC4wOSkiIGQ9Ik05MyA3MWgzdjNoLTN6bTMzIDg0aDN2M2gtM3ptLTg1IDE4aDN2M2gtM3oiLz48cGF0aCBkPSJNMzkuMzg0IDUxLjEyMmw1Ljc1OC00LjQ1NCA2LjQ1MyA0LjIwNS0yLjI5NCA3LjM2M2gtNy43OWwtMi4xMjctNy4xMTR6TTEzMC4xOTUgNC4wM2wxMy44MyA1LjA2Mi0xMC4wOSA3LjA0OC0zLjc0LTEyLjExem0tODMgOTVsMTQuODMgNS40MjktMTAuODIgNy41NTctNC4wMS0xMi45ODd6TTUuMjEzIDE2MS40OTVsMTEuMzI4IDIwLjg5N0wyLjI2NSAxODBsMi45NDgtMTguNTA1eiIgc3Ryb2tlPSJyZ2IoMCwwLDAsMC4wOSkiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjxwYXRoIGQ9Ik0xNDkuMDUgMTI3LjQ2OHMtLjUxIDIuMTgzLjk5NSAzLjM2NmMxLjU2IDEuMjI2IDguNjQyLTEuODk1IDMuOTY3LTcuNzg1LTIuMzY3LTIuNDc3LTYuNS0zLjIyNi05LjMzIDAtNS4yMDggNS45MzYgMCAxNy41MSAxMS42MSAxMy43MyAxMi40NTgtNi4yNTcgNS42MzMtMjEuNjU2LTUuMDczLTIyLjY1NC02LjYwMi0uNjA2LTE0LjA0MyAxLjc1Ni0xNi4xNTcgMTAuMjY4LTEuNzE4IDYuOTIgMS41ODQgMTcuMzg3IDEyLjQ1IDIwLjQ3NiAxMC44NjYgMy4wOSAxOS4zMzEtNC4zMSAxOS4zMzEtNC4zMSIgc3Ryb2tlPSJyZ2IoMCwwLDAsMC4wOSkiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9nPjwvc3ZnPg==');
  background-attachment: fixed;
  background-repeat: repeat;
}
.overlay_broadcast_details .overlay-messages-compose-content {
  background-color: white;
  position: relative;
  width: 100%;
  height: 150px;
}
.overlay_broadcast_details .overlay-messages-dropzone-content {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: calc(100% - 50px);
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 9999;
  background-color: #e6f1ff;
}
.broadcast-togglebutton .sessionCustomBgColor {
  background-color: #851cbd !important;
}
.overlay_contact_details {
  position: absolute;
  top: 49px;
  right: -370px;
  width: 350px;
  height: calc(100vh - 49px);
  z-index: 605;
  border-left: 1px solid #b4d7ff;
  background-color: #fafcff;
  overflow: auto;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.overlay_contact_details.appear {
  right: 0px;
}
.overlay_contact_details .contact-content {
  position: relative;
  width: 100%;
  height: auto;
}
.overlay_contact_details .contact-content .round-contact {
  margin: 15px auto;
  width: 60px;
  height: 60px;
  line-height: 56px;
  border: 2px solid #0078ff;
  background-color: #72b4ff;
  color: white;
  font-weight: 600;
  font-size: 25px;
  border-radius: 50%;
  text-align: center;
}
.overlay_contact_details .contact-content .round-contact.disable {
  color: #bebebe !important;
  border: 2px solid #bebebe !important;
  background-color: #f7f7f7 !important;
}
.overlay_contact_details .contact-content .round-contact.color-broadcast {
  border: 2px solid #851cbd;
  background-color: #c37aeb;
}
.overlay_contact_details .contact-content .round-contact.color-broadcast-wa {
  border: 2px solid #25d366;
  background-color: #28ed72;
}
.overlay_contact_details .contact-content .round-contact.color-group-wa {
  border: 2px solid #ff8b00;
  background-color: #ffbd6e;
}
.overlay_contact_details .contact-content .contact-edit {
  background-color: white;
  margin-left: 5px;
  border-radius: 5px;
  width: 95%;
  padding-left: 3px;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  margin-bottom: 4px;
  line-height: 28px;
  border: none !important;
}
.overlay_contact_details .contact-content .contact-edit[contenteditable="false"] {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.overlay_contact_details .contact-content .contact-edit-no-event {
  background-color: white;
  margin-left: 5px;
  border-radius: 5px;
  width: 95%;
  padding-left: 3px;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  margin-bottom: 4px;
  line-height: 28px;
  border: none !important;
}
.overlay_contact_details .contact-content .contact-edit-no-event[contenteditable="false"] {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.overlay_contact_details .contact-content .contact-label {
  font-size: 11px;
  line-height: 10px;
  font-weight: 600;
  width: 100%;
  text-align: left;
  color: black;
  margin-top: 7px;
  padding-left: 7px;
}
.overlay_contact_details .contact-content .generic-info-contact {
  font-size: 11px;
  line-height: 11px;
  font-weight: 400;
  width: 100%;
  text-align: left;
  color: #333;
  padding-left: 7px;
}
.overlay_contact_details .contact-content .contact-label-big {
  font-weight: 500;
  font-size: 16px;
  color: #333;
  width: 100%;
  text-align: left;
  padding-left: 7px;
  margin-top: 7px;
  margin-bottom: 7px;
}
.profile-round {
  position: absolute;
  top: 5px;
  left: 7px;
  width: 45px;
  height: 45px;
  line-height: 41px;
  border-radius: 50%;
  color: #333;
  border: 2px solid #bebebe;
  background: #f7f7f7;
  font-size: 17px;
  font-weight: 600;
  z-index: 4;
  text-align: center;
}
.compose-box {
  position: relative;
  width: 100%;
  height: 100%;
}
.compose-box .input-textarea {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  resize: none;
  height: 100px;
  border: none;
  font-size: 15px;
  line-height: 19px;
  border-bottom: 1px solid #b4d7ff;
}
.compose-box .input-textarea:focus {
  border-bottom: 1px solid #0078ff;
}
.compose-box .input-textarea.for-group {
  height: 100px;
}
.compose-box .emoji-button {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 35px;
  height: 30px;
  line-height: 30px;
  background-color: #0078ff;
  color: white;
  font-weight: 500;
  font-size: 28px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px 0px;
  border-radius: 7px;
  top: auto;
  bottom: 10px;
  right: auto;
  left: 5px;
  background-color: #f7f7f7;
}
.compose-box .emoji-button:hover {
  cursor: pointer;
  background-color: #72b4ff;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
.compose-box .emoji-button svg {
  fill: white;
  stroke: transparent;
  stroke-width: 0px;
  width: 22px;
  height: 22px;
  margin-top: 4px;
}
.compose-box .emoji-button svg {
  fill: #0078ff;
}
.compose-box .emoji-button:hover {
  background-color: #bebebe;
}
.compose-box .attach-button {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 35px;
  height: 30px;
  line-height: 30px;
  background-color: #0078ff;
  color: white;
  font-weight: 500;
  font-size: 28px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px 0px;
  border-radius: 7px;
  top: auto;
  bottom: 10px;
  right: auto;
  left: 45px;
  background-color: #f7f7f7;
}
.compose-box .attach-button:hover {
  cursor: pointer;
  background-color: #72b4ff;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
.compose-box .attach-button svg {
  fill: white;
  stroke: transparent;
  stroke-width: 0px;
  width: 22px;
  height: 22px;
  margin-top: 4px;
}
.compose-box .attach-button svg {
  fill: #0078ff;
}
.compose-box .attach-button:hover {
  background-color: #bebebe;
}
.compose-box .attach-button.active {
  background-color: #bebebe;
}
.compose-box .templates-button {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 35px;
  height: 30px;
  line-height: 30px;
  background-color: #0078ff;
  color: white;
  font-weight: 500;
  font-size: 28px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px 0px;
  border-radius: 7px;
  top: auto;
  bottom: 10px;
  right: auto;
  left: 85px;
  background-color: #f7f7f7;
}
.compose-box .templates-button:hover {
  cursor: pointer;
  background-color: #72b4ff;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
.compose-box .templates-button svg {
  fill: white;
  stroke: transparent;
  stroke-width: 0px;
  width: 22px;
  height: 22px;
  margin-top: 4px;
}
.compose-box .templates-button svg {
  fill: #0078ff;
  width: 17px !important;
  height: 17px !important;
}
.compose-box .templates-button:hover {
  background-color: #bebebe;
}
.compose-box .templates-button.active {
  background-color: #bebebe;
}
.compose-box .templates-whapi-button {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 35px;
  height: 30px;
  line-height: 30px;
  background-color: #0078ff;
  color: white;
  font-weight: 500;
  font-size: 28px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px 0px;
  border-radius: 7px;
  top: auto;
  bottom: 10px;
  right: auto;
  left: 125px;
  background-color: #f7f7f7;
}
.compose-box .templates-whapi-button:hover {
  cursor: pointer;
  background-color: #72b4ff;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
.compose-box .templates-whapi-button svg {
  fill: white;
  stroke: transparent;
  stroke-width: 0px;
  width: 22px;
  height: 22px;
  margin-top: 4px;
}
.compose-box .templates-whapi-button svg {
  fill: #0078ff;
  width: 17px !important;
  height: 17px !important;
}
.compose-box .templates-whapi-button:hover {
  background-color: #bebebe;
}
.compose-box .templates-whapi-button.active {
  background-color: #bebebe;
}
.compose-box .attached-file {
  position: absolute;
  bottom: 12px;
  right: auto;
  left: 150px;
  width: calc(100% - 150px);
  font-size: 13px;
  line-height: 12px;
  font-style: italic;
  cursor: pointer;
  font-weight: 500;
  overflow: hidden;
}
.compose-box .send-button {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 35px;
  height: 30px;
  line-height: 30px;
  background-color: #0078ff;
  color: white;
  font-weight: 500;
  font-size: 28px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px 0px;
  border-radius: 7px;
  top: auto;
  bottom: 10px;
}
.compose-box .send-button:hover {
  cursor: pointer;
  background-color: #72b4ff;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
.compose-box .send-button svg {
  fill: white;
  stroke: transparent;
  stroke-width: 0px;
  width: 22px;
  height: 22px;
  margin-top: 4px;
}
.compose-box .send-button.btn-wa4b-broadcast {
  border-color: #851cbd !important;
  background-color: #851cbd !important;
  color: white !important;
}
.compose-box .send-button.btn-wa4b-broadcast:hover {
  border-color: #851cbd !important;
  background-color: #851cbd !important;
  color: white !important;
}
.compose-box .send-button.btn-wa4b-whatsapp {
  border-color: #439c4d !important;
  background-color: #439c4d !important;
  color: white !important;
}
.compose-box .send-button.btn-wa4b-whatsapp:hover {
  border-color: #439c4d !important;
  background-color: #439c4d !important;
  color: white !important;
}
.compose-box .send-button.btn-wa4b-whatsapp-api {
  border-color: #439c4d !important;
  background-color: #439c4d !important;
  color: white !important;
}
.compose-box .send-button.btn-wa4b-whatsapp-api:hover {
  border-color: #439c4d !important;
  background-color: #439c4d !important;
  color: white !important;
}
.compose-box .send-button.btn-wa4b-sms {
  border-color: #4a4f98 !important;
  background-color: #4a4f98 !important;
  color: white !important;
}
.compose-box .send-button.btn-wa4b-sms:hover {
  border-color: #4a4f98 !important;
  background-color: #4a4f98 !important;
  color: white !important;
}
.compose-box .send-button.btn-wa4b-smsl {
  border-color: #4a4f98 !important;
  background-color: #4a4f98 !important;
  color: white !important;
}
.compose-box .send-button.btn-wa4b-smsl:hover {
  border-color: #4a4f98 !important;
  background-color: #4a4f98 !important;
  color: white !important;
}
.compose-box .send-button.btn-wa4b-smsh {
  border-color: #4a4f98 !important;
  background-color: #4a4f98 !important;
  color: white !important;
}
.compose-box .send-button.btn-wa4b-smsh:hover {
  border-color: #4a4f98 !important;
  background-color: #4a4f98 !important;
  color: white !important;
}
.compose-box .send-button.btn-wa4b-skebby {
  border-color: #03989e !important;
  background-color: #03989e !important;
  color: white !important;
}
.compose-box .send-button.btn-wa4b-skebby:hover {
  border-color: #03989e !important;
  background-color: #03989e !important;
  color: white !important;
}
.compose-box .send-button.btn-wa4b-telegram {
  border-color: #6bb6e7 !important;
  background-color: #6bb6e7 !important;
  color: white !important;
}
.compose-box .send-button.btn-wa4b-telegram:hover {
  border-color: #6bb6e7 !important;
  background-color: #6bb6e7 !important;
  color: white !important;
}
.compose-box .send-button.btn-wa4b-mail {
  border-color: #ff8a00 !important;
  background-color: #ff8a00 !important;
  color: white !important;
}
.compose-box .send-button.btn-wa4b-mail:hover {
  border-color: #ff8a00 !important;
  background-color: #ff8a00 !important;
  color: white !important;
}
.compose-box .send-button.btn-wa4b-mya {
  border-color: #c5322e !important;
  background-color: #c5322e !important;
  color: white !important;
}
.compose-box .send-button.btn-wa4b-mya:hover {
  border-color: #c5322e !important;
  background-color: #c5322e !important;
  color: white !important;
}
.compose-box .send-button.btn-wa4b-chatapp {
  border-color: #2f387f !important;
  background-color: #2f387f !important;
  color: white !important;
}
.compose-box .send-button.btn-wa4b-chatapp:hover {
  border-color: #2f387f !important;
  background-color: #2f387f !important;
  color: white !important;
}
.compose-box .send-button.btn-wa4b-chatw {
  border-color: #7d0ca7 !important;
  background-color: #7d0ca7 !important;
  color: white !important;
}
.compose-box .send-button.btn-wa4b-chatw:hover {
  border-color: #7d0ca7 !important;
  background-color: #7d0ca7 !important;
  color: white !important;
}
.wa4business-form-input {
  padding: 2px !important;
  margin-top: 5px;
  margin-bottom: 10px;
  font-family: 'Work Sans', sans-serif !important;
  font-weight: 400;
  border: 1px solid #0078ff !important;
  border-radius: 7px;
  display: inline-block;
  width: 100%;
  margin-left: 0px;
  font-size: 18px;
  text-align: left;
  height: 30px;
  line-height: 30px;
}
.wa4business-form-input::placeholder {
  color: #c8c8c8;
  opacity: 1;
}
.wa4business-form-input.line {
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 0px;
  border: none !important;
  border-bottom: 1px solid #bebebe !important;
}
.wa4business-form-input.line:focus {
  border-bottom: 1px solid #0078ff !important;
}
.smart-style-2 .wa4business-button {
  font-size: 15px !important;
  border-radius: 4px !important;
}
.smart-style-2 .wa4business-button.btn-lg {
  font-size: 17px !important;
}
.wa4business-label {
  font-size: 13px;
  font-weight: 500;
}
.wa4business-select {
  padding: 2px !important;
  font-family: 'Work Sans', sans-serif !important;
  font-weight: 400 !important;
  border: 1px solid #0078ff !important;
  border-radius: 7px !important;
  display: inline-block !important;
  width: 200px;
  margin-left: 10px;
  font-size: 18px !important;
  text-align: center !important;
  height: 30px;
  line-height: 30px !important;
}
.wa4business-select.full-width {
  width: 94%;
}
.wa4business-select.hidden {
  display: none !important;
}
.close-box {
  position: absolute;
  top: 22px;
  right: 28px;
  color: #333;
  cursor: pointer;
}
.close-box:hover {
  color: #0078ff;
}
.overlay_create_new_group {
  position: absolute;
  top: 0px;
  left: -150%;
  width: 100%;
  height: calc(100vh - 49px);
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.3);
  overflow: auto;
  margin-bottom: 0px !important;
  padding-left: 28%;
}
.overlay_create_new_group.appear {
  left: 0%;
}
.bg-dialog-azure {
  background-color: #f2f8ff !important;
}
.new-group-container {
  position: relative;
  padding: 0px;
  line-height: 36px;
  font-size: 16px;
}
.new-group-container .new-group-subtitles {
  margin-left: 0px;
  margin-top: 0px;
  font-size: 24px;
  font-weight: 600;
}
.new-group-container .new-group-title {
  display: inline-block;
  border: none;
  font-weight: 500;
  font-size: 16px;
  color: #333;
  width: calc(100% - 130px);
  color: #0078ff;
  font-size: 18px;
  text-align: left;
  line-height: 30px;
  height: 60px;
  font-weight: 300;
  margin-top: -2%;
  padding-left: 10px;
}
.new-group-container .group-toggle-active {
  display: inline-block;
  line-height: 0px;
  height: 30px;
  vertical-align: top;
  width: 80px;
}
.new-group-container .wa4business-text-replace {
  padding: 2px !important;
  font-family: 'Work Sans', sans-serif !important;
  font-weight: 400 !important;
  border: 1px solid #0078ff !important;
  border-radius: 7px !important;
  display: inline-block !important;
  width: 200px;
  margin-left: 10px;
  font-size: 18px !important;
  text-align: center !important;
  height: 30px;
  line-height: 30px !important;
  margin-left: 40px;
  font-size: 16px;
  text-align: left;
  padding-left: 10px;
  width: 260px !important;
}
.new-group-container .wa4business-text-replace.full-width {
  width: 94%;
}
.new-group-container .wa4business-text-replace.hidden {
  display: none !important;
}
.account-container {
  background-color: white;
  float: left;
  width: 100%;
}
.receipts-container {
  background-color: white;
  float: left;
  width: 100%;
}
.contract-container {
  background-color: white;
  float: left;
  width: 100%;
}
.section-title {
  padding-top: 20px;
  padding-left: 13px;
  font-size: 20px;
  font-weight: 600;
}
.store-container {
  background-color: white;
  float: left;
  width: 100%;
}
.stripe-product-container {
  border-radius: 10px;
  border: 2px solid #0078ff;
  overflow: hidden;
  height: auto;
}
.stripe-product-container:hover {
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
.stripe-product-container .stripe-product-image {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 140px;
}
.stripe-product-container .stripe-product-content .stripe-product-content-title {
  width: 100;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  color: #0078ff;
  line-height: 24px;
  margin-top: 17px;
  margin-bottom: 7px;
  height: 49px;
  overflow: auto;
}
.stripe-product-container .stripe-product-content .stripe-product-content-text {
  padding: 10px;
  font-weight: 400;
  font-size: 14px;
  height: 140px;
  overflow-x: hidden;
  overflow-y: auto;
}
.stripe-product-container .stripe-product-button {
  padding: 10px;
}
.panel.panel-primary.pricing-big.wa4b-pricing-panel {
  border-radius: 10px;
}
.panel.panel-primary.pricing-big.wa4b-pricing-panel.active {
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
}
.panel.panel-primary.pricing-big.wa4b-pricing-panel.active .panel-heading {
  opacity: 0.65;
}
.panel.panel-primary.pricing-big.wa4b-pricing-panel.active .panel-body {
  border-left: 2px solid rgba(0, 120, 255, 0.65);
  border-right: 2px solid rgba(0, 120, 255, 0.65);
}
.panel.panel-primary.pricing-big.wa4b-pricing-panel.active .panel-body .the-price {
  color: rgba(0, 120, 255, 0.65);
}
.panel.panel-primary.pricing-big.wa4b-pricing-panel.active .panel-footer {
  border: 2px solid rgba(0, 120, 255, 0.65);
  border-top: none;
}
.panel.panel-primary.pricing-big.wa4b-pricing-panel .panel-heading {
  border-radius: 10px 10px 0 0;
  background-color: #0078ff;
  border: 2px solid #0078ff;
}
.panel.panel-primary.pricing-big.wa4b-pricing-panel .panel-heading .panel-title {
  font-size: 24px;
  font-weight: 400;
}
.panel.panel-primary.pricing-big.wa4b-pricing-panel .panel-body {
  background-color: white;
  border-left: 2px solid #0078ff;
  border-right: 2px solid #0078ff;
}
.panel.panel-primary.pricing-big.wa4b-pricing-panel .panel-body .the-price {
  background-color: white;
  color: #0078ff;
  padding: 20px 0 10px;
}
.panel.panel-primary.pricing-big.wa4b-pricing-panel .panel-body .price-features {
  background-color: white;
}
.panel.panel-primary.pricing-big.wa4b-pricing-panel .panel-footer {
  background-color: white !important;
  border-radius: 0px 0px 10px 10px;
  border: 2px solid #0078ff;
  border-top: none;
}
.btn.btn-primary.btn-wa4b {
  font-size: 15px !important;
  border-radius: 4px !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-broadcast {
  color: #851cbd !important;
  border-color: #851cbd !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-broadcast.active {
  border-color: #851cbd !important;
  background-color: #851cbd !important;
  color: white !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-broadcast:hover {
  border-color: #851cbd !important;
  background-color: #851cbd !important;
  color: white !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-whatsapp {
  color: #439c4d !important;
  border-color: #439c4d !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-whatsapp.active {
  border-color: #439c4d !important;
  background-color: #439c4d !important;
  color: white !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-whatsapp:hover {
  border-color: #439c4d !important;
  background-color: #439c4d !important;
  color: white !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-whatsapp-api {
  color: #439c4d !important;
  border-color: #439c4d !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-whatsapp-api.active {
  border-color: #439c4d !important;
  background-color: #439c4d !important;
  color: white !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-whatsapp-api:hover {
  border-color: #439c4d !important;
  background-color: #439c4d !important;
  color: white !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-sms {
  color: #4a4f98 !important;
  border-color: #4a4f98 !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-sms.active {
  border-color: #4a4f98 !important;
  background-color: #4a4f98 !important;
  color: white !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-sms:hover {
  border-color: #4a4f98 !important;
  background-color: #4a4f98 !important;
  color: white !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-skebby {
  color: #03989e !important;
  border-color: #03989e !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-skebby.active {
  border-color: #03989e !important;
  background-color: #19bec4 !important;
  color: white !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-skebby:hover {
  border-color: #03989e !important;
  background-color: #03989e !important;
  color: white !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-telegram {
  color: #6bb6e7 !important;
  border-color: #6bb6e7 !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-telegram.active {
  border-color: #6bb6e7 !important;
  background-color: #6bb6e7 !important;
  color: white !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-telegram:hover {
  border-color: #6bb6e7 !important;
  background-color: #6bb6e7 !important;
  color: white !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-mail {
  color: #ff8a00 !important;
  border-color: #ff8a00 !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-mail.active {
  border-color: #ff8a00 !important;
  background-color: #ff8a00 !important;
  color: white !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-mail:hover {
  border-color: #ff8a00 !important;
  background-color: #ff8a00 !important;
  color: white !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-mya {
  color: #c5322e !important;
  border-color: #c5322e !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-mya.active {
  border-color: #c5322e !important;
  background-color: #c5322e !important;
  color: white !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-mya:hover {
  border-color: #c5322e !important;
  background-color: #c5322e !important;
  color: white !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-chatapp {
  border-color: #2f387f !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-chatapp.active {
  border-color: #2f387f !important;
  background-color: #2f387f !important;
  color: white !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-chatapp:hover {
  border-color: #2f387f !important;
  background-color: #2f387f !important;
  color: white !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-chatw {
  border-color: #c477e1 !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-chatw.active {
  border-color: #c477e1 !important;
  background-color: #c477e1 !important;
  color: white !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-chatw:hover {
  border-color: #c477e1 !important;
  background-color: #c477e1 !important;
  color: white !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-red.active {
  border-color: #B00020 !important;
  background-color: #B00020 !important;
  color: white !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-channel {
  border-radius: 0px !important;
}
.btn.btn-primary.btn-wa4b.btn-wa4b-channel.disabled {
  border-color: #7d7d7d !important;
  opacity: 1 !important;
  background-color: #dedede !important;
}
.btn-group.btn-wa4b-channels {
  position: absolute;
  top: 50px;
  left: 0px;
  z-index: 500;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.stripe-card-field {
  width: 100%;
  border: none;
  color: #32325d;
  line-height: 20px;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 18px;
  font-weight: 400;
  font-stretch: normal;
}
.stripe-card-field::placeholder {
  color: #aab7c4;
  opacity: 1;
}
.code-textarea-style {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  background-color: rgba(0, 0, 0, 0.04);
  padding: 7px;
  text-align: center;
}
.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  line-height: 1;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
.rtl .toast-close-button {
  left: -0.3em;
  float: left;
  right: 0.3em;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  /*overrides*/
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#toast-container > div.rtl {
  direction: rtl;
  padding: 15px 50px 15px 15px;
  background-position: right 15px center;
}
#toast-container > div:hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51a351;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
  #toast-container > div.rtl {
    padding: 15px 50px 15px 15px;
  }
}
@media all and (max-width: 900px) {
  .wa4b-dashboard-icon-material {
    top: 1.25vw;
  }
  .wa4b-dashboard-icon-material .material-icons-outlined.md-responsive {
    font-size: 3vw;
  }
}
@media all and (min-width: 901px) and (max-width: 1400px) {
  .wa4b-dashboard-icon-material {
    top: 1.2vw;
  }
  .wa4b-dashboard-icon-material .material-icons-outlined.md-responsive {
    font-size: 3vw;
  }
}
@media all and (min-width: 1401px) and (max-width: 1650px) {
  .wa4b-dashboard-icon-material {
    top: 13px;
  }
  .wa4b-dashboard-icon-material .material-icons-outlined.md-responsive {
    font-size: 40px;
  }
}
@media all and (min-width: 1651px) and (max-width: 1780px) {
  .wa4b-dashboard-icon-material {
    top: 10px;
  }
  .wa4b-dashboard-icon-material .material-icons-outlined.md-responsive {
    font-size: 35px;
  }
}
#toast-container > .toast {
  background-image: none !important;
}
#toast-container > .toast:before {
  position: fixed;
  font-family: FontAwesome;
  font-size: 24px;
  line-height: 18px;
  float: left;
  color: #FFF;
  padding-right: 0.5em;
  margin: auto 0.5em auto -1.5em;
}
#toast-container > .toast-warning:before {
  content: "\f1d8";
}
#toast-container > .toast-error:before {
  content: "\f1d8";
}
#toast-container > .toast-info:before {
  content: "\f1d8";
}
#toast-container > .toast-success:before {
  content: "\f1d8";
}
span.emoji {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: baseline;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 1em;
  height: 1em;
  background-size: 1em;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
span.emoji-sizer {
  line-height: 0.81em;
  font-size: 1em;
  margin: -2px 0;
}
span.emoji-outer {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  height: 1em;
  width: 1em;
}
span.emoji-inner {
  display: -moz-inline-box;
  display: inline-block;
  text-indent: -9999px;
  width: 100%;
  height: 100%;
  vertical-align: baseline;
  *vertical-align: auto;
  *zoom: 1;
}
img.emoji {
  width: 1em;
  height: 1em;
}
.emoji-wysiwyg-editor:empty:before {
  content: attr(placeholder);
  color: #9aa2ab;
}
.emoji-picker-container {
  position: relative;
}
.emoji-picker-icon {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 20px;
  opacity: 0.7;
  z-index: 100;
  transition: none;
  color: black;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.emoji-picker-icon.parent-has-scroll {
  right: 28px;
}
.emoji-picker-icon:hover {
  opacity: 1;
}
/* Emoji area */
.emoji-wysiwyg-editor:empty:before {
  content: attr(placeholder);
  color: #9aa2ab;
}
.emoji-wysiwyg-editor:active:before,
.emoji-wysiwyg-editor:focus:before {
  content: none;
}
.emoji-wysiwyg-editor {
  padding: 6px;
  padding-right: 35px;
  margin-bottom: 0px;
  min-height: 35px;
  /* 35 */
  height: 30px;
  max-height: 284px;
  overflow: auto;
  line-height: 17px;
  border: 1px solid #d2dbe3;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-user-select: text;
  word-wrap: break-word;
}
.emoji-wysiwyg-editor.parent-has-scroll {
  padding-right: 40px;
}
.emoji-wysiwyg-editor.single-line-editor {
  min-height: 35px;
  height: inherit;
}
.emoji-wysiwyg-editor img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin: -3px 0 0 0;
}
.emoji-menu {
  position: absolute;
  left: -240px;
  bottom: 0px;
  z-index: 999;
  width: 225px;
  border: 1px #dfdfdf solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}
.emoji-items-wrap1 {
  background: #ffffff;
  padding: 5px 2px 5px 5px;
}
.emoji-items-wrap1 .emoji-menu-tabs {
  width: 100%;
  margin-bottom: 8px;
  margin-top: 3px;
}
.emoji-items-wrap1 .emoji-menu-tabs td {
  text-align: center;
  color: white;
  line-height: 0;
}
.emoji-menu-tabs .emoji-menu-tab {
  display: inline-block;
  width: 24px;
  height: 29px;
  background: url('https://wa4business.app/img/emoji/IconsetSmiles.png') no-repeat;
  background-size: 42px 350px;
  border: 0;
}
.is_1x .emoji-menu-tabs .emoji-menu-tab {
  background-image: url('https://wa4business.app/img/emoji/IconsetSmiles_1x.png');
}
.emoji-menu-tabs .icon-recent {
  background-position: -9px -306px;
}
.emoji-menu-tabs .icon-recent-selected {
  background-position: -9px -277px;
}
.emoji-menu-tabs .icon-smile {
  background-position: -9px -34px;
}
.emoji-menu-tabs .icon-smile-selected {
  background-position: -9px -5px;
}
.emoji-menu-tabs .icon-flower {
  background-position: -9px -145px;
}
.emoji-menu-tabs .icon-flower-selected {
  background-position: -9px -118px;
}
.emoji-menu-tabs .icon-bell {
  background-position: -9px -89px;
}
.emoji-menu-tabs .icon-bell-selected {
  background-position: -9px -61px;
}
.emoji-menu-tabs .icon-car {
  background-position: -9px -196px;
}
.emoji-menu-tabs .icon-car-selected {
  background-position: -9px -170px;
}
.emoji-menu-tabs .icon-grid {
  background-position: -9px -248px;
}
.emoji-menu-tabs .icon-grid-selected {
  background-position: -9px -222px;
}
.emoji-menu-tabs .icon-smile,
.emoji-menu-tabs .icon-flower,
.emoji-menu-tabs .icon-bell,
.emoji-menu-tabs .icon-car,
.emoji-menu-tabs .icon-grid {
  opacity: 0.7;
}
.emoji-menu-tabs .icon-smile:hover,
.emoji-menu-tabs .icon-flower:hover,
.emoji-menu-tabs .icon-bell:hover,
.emoji-menu-tabs .icon-car:hover,
.emoji-menu-tabs .icon-grid:hover {
  opacity: 1;
}
.emoji-menu .emoji-items-wrap {
  position: relative;
  height: 174px;
  overflow: scroll;
}
.emoji-menu .emoji-items {
  padding-right: 8px;
  outline: 0 !important;
}
.emoji-menu img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  border: 0 none;
}
.emoji-menu .emoji-items a {
  margin: -1px 0 0 -1px;
  padding: 5px;
  display: block;
  float: left;
  border-radius: 2px;
  border: 0;
}
.emoji-menu .emoji-items a:hover {
  background-color: #edf2f5;
}
.emoji-menu:after {
  content: ' ';
  display: block;
  clear: left;
}
.emoji-menu a .label {
  display: none;
}
._jw-tpk-dark {
  color: #212121;
  box-shadow: #212121 0 0 0 1px inset;
}
._jw-tpk-dark ._jw-tpk-header {
  color: #F5F5F5;
  background: linear-gradient(#212121, #545454);
}
._jw-tpk-dark ol > li > a._jw-tpk-selected {
  color: #F5F5F5;
  background: linear-gradient(#212121, #545454);
}
._jw-tpk-blue-grey {
  color: #263238;
  box-shadow: #263238 0 0 0 1px inset;
}
._jw-tpk-blue-grey ._jw-tpk-header {
  color: #CFD8DC;
  background: linear-gradient(#263238, #4f6875);
}
._jw-tpk-blue-grey ol > li > a._jw-tpk-selected {
  color: #CFD8DC;
  background: linear-gradient(#263238, #4f6875);
}
._jw-tpk-container {
  position: absolute;
  width: 350px;
  height: 140px;
  padding: 0;
  background: #fff;
  font-family: inherit;
  font-weight: 400;
  overflow: hidden;
  border-radius: 3px;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 380px;
  line-height: 1rem;
  font-size: 1rem;
}
._jw-tpk-container::before,
._jw-tpk-container::after {
  content: "";
  display: table;
}
._jw-tpk-container::after {
  clear: both;
}
._jw-tpk-container *,
._jw-tpk-container *::before,
._jw-tpk-container *::after {
  box-sizing: inherit;
}
._jw-tpk-container div,
._jw-tpk-container span,
._jw-tpk-container applet,
._jw-tpk-container object,
._jw-tpk-container iframe,
._jw-tpk-container h1,
._jw-tpk-container h2,
._jw-tpk-container h3,
._jw-tpk-container h4,
._jw-tpk-container h5,
._jw-tpk-container h6,
._jw-tpk-container p,
._jw-tpk-container blockquote,
._jw-tpk-container pre,
._jw-tpk-container a,
._jw-tpk-container abbr,
._jw-tpk-container acronym,
._jw-tpk-container address,
._jw-tpk-container big,
._jw-tpk-container cite,
._jw-tpk-container code,
._jw-tpk-container del,
._jw-tpk-container dfn,
._jw-tpk-container em,
._jw-tpk-container img,
._jw-tpk-container ins,
._jw-tpk-container kbd,
._jw-tpk-container q,
._jw-tpk-container s,
._jw-tpk-container samp,
._jw-tpk-container small,
._jw-tpk-container strike,
._jw-tpk-container strong,
._jw-tpk-container sub,
._jw-tpk-container sup,
._jw-tpk-container tt,
._jw-tpk-container var,
._jw-tpk-container b,
._jw-tpk-container u,
._jw-tpk-container i,
._jw-tpk-container center,
._jw-tpk-container dl,
._jw-tpk-container dt,
._jw-tpk-container dd,
._jw-tpk-container ol,
._jw-tpk-container ul,
._jw-tpk-container li,
._jw-tpk-container fieldset,
._jw-tpk-container form,
._jw-tpk-container label,
._jw-tpk-container legend,
._jw-tpk-container table,
._jw-tpk-container caption,
._jw-tpk-container tbody,
._jw-tpk-container tfoot,
._jw-tpk-container thead,
._jw-tpk-container tr,
._jw-tpk-container th,
._jw-tpk-container td,
._jw-tpk-container article,
._jw-tpk-container aside,
._jw-tpk-container canvas,
._jw-tpk-container details,
._jw-tpk-container embed,
._jw-tpk-container figure,
._jw-tpk-container figcaption,
._jw-tpk-container footer,
._jw-tpk-container header,
._jw-tpk-container hgroup,
._jw-tpk-container menu,
._jw-tpk-container nav,
._jw-tpk-container output,
._jw-tpk-container ruby,
._jw-tpk-container section,
._jw-tpk-container summary,
._jw-tpk-container time,
._jw-tpk-container mark,
._jw-tpk-container audio,
._jw-tpk-container video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
._jw-tpk-container table {
  border-collapse: collapse;
  border-spacing: 0;
}
._jw-tpk-container caption,
._jw-tpk-container th,
._jw-tpk-container td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
._jw-tpk-container q,
._jw-tpk-container blockquote {
  quotes: none;
}
._jw-tpk-container q:before,
._jw-tpk-container q:after,
._jw-tpk-container blockquote:before,
._jw-tpk-container blockquote:after {
  content: "";
  content: none;
}
._jw-tpk-container a img {
  border: none;
}
._jw-tpk-container *,
._jw-tpk-container *:hover,
._jw-tpk-container *:focus,
._jw-tpk-container *.active {
  text-decoration: none;
  outline: none;
}
._jw-tpk-container._jw-tpk-dragging {
  opacity: .85 !important;
}
._jw-tpk-container._jw-tpk-dragging ._jw-tpk-header {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
._jw-tpk-container ol {
  text-align: center;
  list-style-type: none;
}
._jw-tpk-container ol > li {
  display: inline-block;
}
._jw-tpk-container ol > li > a {
  display: inline-block;
  padding: 3px 0;
  width: 34px;
  color: inherit;
  border-radius: 3px;
  border: 1px solid transparent;
  line-height: 20px;
  font-size: 18px !important;
  z-index: 9999999999 !important;
  -webkit-text-size-adjust: none;
}
._jw-tpk-container ol > li > a:not(._jw-tpk-selected):hover {
  cursor: pointer;
  border: 1px solid #ccc;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  background: whitesmoke;
  background: linear-gradient(#e6e6e6, #f5f5f5);
  box-shadow: 0 2px 3px rgba(220, 220, 220, 0.8);
}
._jw-tpk-header {
  position: relative;
  font-weight: 600;
  text-align: center;
  cursor: -webkit-grab;
  cursor: grab;
}
._jw-tpk-header::before,
._jw-tpk-header::after {
  content: "";
  display: table;
}
._jw-tpk-header::after {
  clear: both;
}
._jw-tpk-header > div {
  padding: 5px 0;
}
._jw-tpk-body {
  padding: 2px 0;
}
._jw-tpk-body::before,
._jw-tpk-body::after {
  content: "";
  display: table;
}
._jw-tpk-body::after {
  clear: both;
}
._jw-tpk-hour {
  width: 59.42029%;
  float: left;
  font-size: 15px !important;
  font-weight: 500 !important;
  margin-right: 1.44928%;
}
._jw-tpk-minute {
  width: 39.13043%;
  font-size: 15px !important;
  font-weight: 500 !important;
  float: right;
}
/*!
@fullcalendar/core v4.0.1
Docs & License: https://fullcalendar.io/
(c) 2019 Adam Shaw
*/
.fc {
  direction: ltr;
  text-align: left;
}
.fc-rtl {
  text-align: right;
}
body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
}
.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
}
.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}
/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 2px 4px;
}
.fc-rtl .fc-popover .fc-header {
  flex-direction: row-reverse;
}
.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}
.fc-popover .fc-header .fc-close {
  cursor: pointer;
  opacity: 0.65;
  font-size: 1.1em;
}
/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
  border-style: solid;
  border-width: 1px;
}
hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}
.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-mirror-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}
.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}
/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}
.fc th {
  text-align: center;
}
.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}
.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}
/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
a[data-goto] {
  color: #0078ff;
  cursor: pointer;
}
a[data-goto]:hover {
  text-decoration: underline;
}
/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}
.fc-row table {
  /* don't put left/right border on anything within a fake row.
     the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}
.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}
/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative;
}
.fc-row .fc-bg {
  z-index: 1;
}
/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}
.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}
.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}
.fc-row .fc-bgevent-skeleton {
  z-index: 2;
}
.fc-row .fc-highlight-skeleton {
  z-index: 3;
}
/*
row content (which contains day/week numbers and events) as well as "mirror" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}
.fc-row .fc-mirror-skeleton {
  z-index: 5;
}
.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-mirror-skeleton td {
  /* see-through to the background below */
  /* extra precedence to prevent theme-provided backgrounds */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
}
.fc-row .fc-content-skeleton td,
.fc-row .fc-mirror-skeleton td {
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}
.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-mirror-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}
/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  -webkit-overflow-scrolling: touch;
}
/* TODO: move to timegrid/daygrid */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  cursor: pointer;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}
/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.4;
  border-radius: 3px;
  border: 1px solid #3788d8;
  border-left: 10px solid rgba(0, 0, 0, 0.15) !important;
}
.fc-event.border-color-darken {
  border-left: 10px solid #404040 !important;
}
.fc-event.border-color-red {
  border-left: 10px solid #DB4A67 !important;
}
.fc-event.border-color-orange {
  border-left: 10px solid #D6A848 !important;
}
.fc-event.border-color-blue {
  border-left: 10px solid #4387bf !important;
}
.fc-event.border-color-greenLight {
  border-left: 10px solid #89AD45 !important;
}
.fc-event.past-event {
  opacity: 0.6 !important;
}
.fc-event,
.fc-event-dot {
  background-color: #DBE5F7;
  /* default BACKGROUND color */
}
.fc-event,
.fc-event:hover {
  color: #333;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}
.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}
.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}
.fc-event .fc-content {
  position: relative;
  z-index: 2;
}
.fc-event .fc-noty {
  position: absolute;
  color: white;
  background-color: #0078ff;
  font-weight: 500;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 20px;
  top: -7px;
  right: -7px;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4) !important;
  text-align: center;
  font-size: 13px;
}
/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}
/* resizer (touch devices) */
.fc-event .fc-resizer {
  display: none;
}
.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}
/* hit area */
.fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}
/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.fc-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25;
}
/* Event Dragging
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-dragging.fc-selected {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}
.fc-event.fc-dragging:not(.fc-selected) {
  opacity: .75;
}
/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}
/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* resizer (cursor AND touch devices) */
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}
/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}
/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}
/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}
/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}
/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}
/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}
tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}
.fc-mirror-skeleton tr:first-child > td > .fc-day-grid-event {
  margin-top: 0;
  /* except for mirror skeleton */
}
.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}
.fc-day-grid-event .fc-time {
  font-weight: bold;
}
/* resizer (cursor devices) */
/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}
/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}
/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}
a.fc-more:hover {
  text-decoration: underline;
}
.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}
/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}
.fc-more-popover {
  z-index: 2;
  width: 220px;
}
.fc-more-popover .fc-event-container {
  padding: 10px;
}
/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}
/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*
TODO: more distinction between this file and common.css
*/
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}
.fc-unthemed .fc-popover {
  background-color: #fff;
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
  background: #eee;
}
.fc-unthemed td.fc-today {
  background: #fcf8e3;
}
.fc-unthemed .fc-disabled-day {
  background: #d7d7d7;
  opacity: .3;
}
/* Icons
--------------------------------------------------------------------------------------------------
from https://feathericons.com/ and built with IcoMoon
*/
@font-face {
  font-family: 'fcicons';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.fc-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fcicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fc-icon-chevron-left:before {
  content: "\e900";
}
.fc-icon-chevron-right:before {
  content: "\e901";
}
.fc-icon-chevrons-left:before {
  content: "\e902";
}
.fc-icon-chevrons-right:before {
  content: "\e903";
}
.fc-icon-minus-square:before {
  content: "\e904";
}
.fc-icon-plus-square:before {
  content: "\e905";
}
.fc-icon-x:before {
  content: "\e906";
}
.fc-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  text-align: center;
}
/* Buttons
--------------------------------------------------------------------------------------------------
Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css
*/
/* reset */
.fc-button {
  border-radius: 0;
  overflow: visible;
  text-transform: none;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.fc-button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
.fc-button {
  -webkit-appearance: button;
}
.fc-button:not(:disabled) {
  cursor: pointer;
}
.fc-button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
/* theme */
.fc-button {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0em 0.65em;
  font-size: 1em;
  line-height: 30px;
  height: 30px !important;
  border-radius: 7px;
}
.fc-button:hover {
  color: #212529;
  text-decoration: none;
}
.fc-button:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
}
.fc-button:disabled {
  opacity: 0.65;
}
/* "primary" coloring */
.fc-button-primary {
  color: #fff;
  background-color: #0078ff;
  border-color: #0078ff;
}
.fc-button-primary:hover {
  color: #fff;
  background-color: #72b4ff;
  border-color: #72b4ff;
}
.fc-button-primary:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}
.fc-button-primary:disabled {
  color: #fff;
  background-color: #2C3E50;
  border-color: #2C3E50;
}
.fc-button-primary:not(:disabled):active,
.fc-button-primary:not(:disabled).fc-button-active {
  color: #fff;
  background-color: #1a252f;
  border-color: #151e27;
}
.fc-button-primary:not(:disabled):active:focus,
.fc-button-primary:not(:disabled).fc-button-active:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}
/* icons within buttons */
.fc-button .fc-icon {
  vertical-align: middle;
  height: 30px;
  font-weight: 600;
  padding: 0.2em 0em;
  font-size: 1.5em;
}
/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}
.fc-button-group > .fc-button {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.fc-button-group > .fc-button:hover {
  z-index: 1;
}
.fc-button-group > .fc-button:focus,
.fc-button-group > .fc-button:active,
.fc-button-group > .fc-button.fc-button-active {
  z-index: 1;
}
.fc-button-group > .fc-button:not(:first-child) {
  margin-left: -1px;
}
.fc-button-group > .fc-button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.fc-button-group > .fc-button:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}
/* List View
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-list-item:hover td {
  background-color: #f5f5f5;
}
.fc-list-item {
  cursor: pointer;
  background-color: rgba(67, 135, 191, 0.01) !important;
}
.fc-list-item.bg-color-darken {
  background-color: rgba(64, 64, 64, 0.01) !important;
}
.fc-list-item.bg-color-darken .fc-event-dot {
  background-color: #404040 !important;
}
.fc-list-item.bg-color-greenLight {
  background-color: rgba(137, 173, 69, 0.01) !important;
}
.fc-list-item.bg-color-greenLight .fc-event-dot {
  background-color: #89AD45 !important;
}
.fc-list-item.bg-color-red {
  background-color: rgba(219, 74, 103, 0.01) !important;
}
.fc-list-item.bg-color-red .fc-event-dot {
  background-color: #DB4A67 !important;
}
.fc-list-item.bg-color-blue {
  background-color: rgba(67, 135, 191, 0.01) !important;
}
.fc-list-item.bg-color-blue .fc-event-dot {
  background-color: #4387bf !important;
}
.fc-list-item.bg-color-orange {
  background-color: rgba(214, 168, 72, 0.01) !important;
}
.fc-list-item.bg-color-orange .fc-event-dot {
  background-color: #D6A848 !important;
}
/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fc-toolbar.fc-header-toolbar {
  margin-bottom: 1.5em;
}
.fc-toolbar.fc-footer-toolbar {
  margin-top: 1.5em;
}
/* inner content */
.fc-toolbar > * > :not(:first-child) {
  margin-left: .75em;
}
.fc-toolbar h2 {
  font-size: 1.8em;
  color: #0078ff;
  font-weight: 500;
  margin: 0;
}
.fc-toolbar h2::first-letter {
  text-transform: uppercase;
}
/* View Structure
--------------------------------------------------------------------------------------------------*/
.fc-view-container {
  position: relative;
}
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}
@media print {
  .fc {
    max-width: 100% !important;
  }
  /* Global Event Restyling
  --------------------------------------------------------------------------------------------------*/
  .fc-event {
    background: #fff !important;
    color: #000 !important;
    page-break-inside: avoid;
  }
  .fc-event .fc-resizer {
    display: none;
  }
  /* Table & Day-Row Restyling
  --------------------------------------------------------------------------------------------------*/
  .fc th,
  .fc td,
  .fc hr,
  .fc thead,
  .fc tbody,
  .fc-row {
    border-color: #ccc !important;
    background: #fff !important;
  }
  /* kill the overlaid, absolutely-positioned components */
  /* common... */
  .fc-bg,
  .fc-bgevent-skeleton,
  .fc-highlight-skeleton,
  .fc-mirror-skeleton,
  .fc-bgevent-container,
  .fc-business-container,
  .fc-highlight-container,
  .fc-mirror-container {
    display: none;
  }
  /* don't force a min-height on rows (for DayGrid) */
  .fc tbody .fc-row {
    height: auto !important;
    /* undo height that JS set in distributeHeight */
    min-height: 0 !important;
    /* undo the min-height from each view's specific stylesheet */
  }
  .fc tbody .fc-row .fc-content-skeleton {
    position: static;
    /* undo .fc-rigid */
    padding-bottom: 0 !important;
    /* use a more border-friendly method for this... */
  }
  .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td {
    /* only works in newer browsers */
    padding-bottom: 1em;
    /* ...gives space within the skeleton. also ensures min height in a way */
  }
  .fc tbody .fc-row .fc-content-skeleton table {
    /* provides a min-height for the row, but only effective for IE, which exaggerates this value,
       making it look more like 3em. for other browers, it will already be this tall */
    height: 1em;
  }
  /* Undo month-view event limiting. Display all events and hide the "more" links
  --------------------------------------------------------------------------------------------------*/
  .fc-more-cell,
  .fc-more {
    display: none !important;
  }
  .fc tr.fc-limited {
    display: table-row !important;
  }
  .fc td.fc-limited {
    display: table-cell !important;
  }
  .fc-popover {
    display: none;
    /* never display the "more.." popover in print mode */
  }
  /* TimeGrid Restyling
  --------------------------------------------------------------------------------------------------*/
  /* undo the min-height 100% trick used to fill the container's height */
  .fc-time-grid {
    min-height: 0 !important;
  }
  /* don't display the side axis at all ("all-day" and time cells) */
  .fc-timeGrid-view .fc-axis {
    display: none;
  }
  /* don't display the horizontal lines */
  .fc-slats,
  .fc-time-grid hr {
    /* this hr is used when height is underused and needs to be filled */
    display: none !important;
    /* important overrides inline declaration */
  }
  /* let the container that holds the events be naturally positioned and create real height */
  .fc-time-grid .fc-content-skeleton {
    position: static;
  }
  /* in case there are no events, we still want some height */
  .fc-time-grid .fc-content-skeleton table {
    height: 4em;
  }
  /* kill the horizontal spacing made by the event container. event margins will be done below */
  .fc-time-grid .fc-event-container {
    margin: 0 !important;
  }
  /* TimeGrid *Event* Restyling
  --------------------------------------------------------------------------------------------------*/
  /* naturally position events, vertically stacking them */
  .fc-time-grid .fc-event {
    position: static !important;
    margin: 3px 2px !important;
  }
  /* for events that continue to a future day, give the bottom border back */
  .fc-time-grid .fc-event.fc-not-end {
    border-bottom-width: 1px !important;
  }
  /* indicate the event continues via "..." text */
  .fc-time-grid .fc-event.fc-not-end:after {
    content: "...";
  }
  /* for events that are continuations from previous days, give the top border back */
  .fc-time-grid .fc-event.fc-not-start {
    border-top-width: 1px !important;
  }
  /* indicate the event is a continuation via "..." text */
  .fc-time-grid .fc-event.fc-not-start:before {
    content: "...";
  }
  /* time */
  /* undo a previous declaration and let the time text span to a second line */
  .fc-time-grid .fc-event .fc-time {
    white-space: normal !important;
  }
  /* hide the the time that is normally displayed... */
  .fc-time-grid .fc-event .fc-time span {
    display: none;
  }
  /* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */
  .fc-time-grid .fc-event .fc-time:after {
    content: attr(data-full);
  }
  /* Vertical Scroller & Containers
  --------------------------------------------------------------------------------------------------*/
  /* kill the scrollbars and allow natural height */
  .fc-scroller,
  .fc-day-grid-container,
  .fc-time-grid-container {
    /* */
    overflow: visible !important;
    height: auto !important;
  }
  /* kill the horizontal border/padding used to compensate for scrollbars */
  .fc-row {
    border: 0 !important;
    margin: 0 !important;
  }
  /* Button Controls
  --------------------------------------------------------------------------------------------------*/
  .fc-button-group,
  .fc button {
    display: none;
    /* don't display any button-related controls */
  }
}
/*!
@fullcalendar/daygrid v4.0.1
Docs & License: https://fullcalendar.io/
(c) 2019 Adam Shaw
*/
/* DayGridView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-dayGridWeek-view .fc-content-skeleton,
.fc-dayGridDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}
.fc-dayGrid-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}
/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden;
}
.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
/* week and day number styling */
.fc-day-top.fc-other-month {
  opacity: 0.3;
}
.fc-dayGrid-view .fc-week-number,
.fc-dayGrid-view .fc-day-number {
  padding: 2px;
}
.fc-dayGrid-view th.fc-week-number,
.fc-dayGrid-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}
.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
  float: right;
}
.fc-rtl .fc-dayGrid-view .fc-day-top .fc-day-number {
  float: left;
}
.fc-ltr .fc-dayGrid-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}
.fc-rtl .fc-dayGrid-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}
.fc-dayGrid-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}
/* when week/day number have own column */
.fc-dayGrid-view td.fc-week-number {
  text-align: center;
}
.fc-dayGrid-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}
/*!
@fullcalendar/timegrid v4.0.1
Docs & License: https://fullcalendar.io/
(c) 2019 Adam Shaw
*/
/* TimeGridView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-timeGrid-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}
.fc-timeGrid-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}
.fc-timeGrid-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}
/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}
.fc-ltr .fc-axis {
  text-align: right;
}
.fc-rtl .fc-axis {
  text-align: left;
}
/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}
.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}
.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}
.fc-time-grid > .fc-bg {
  z-index: 1;
}
.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  /* the <hr> TimeGridView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}
.fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}
.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}
/* divs within a cell within the fc-content-skeleton */
.fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}
.fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}
.fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}
.fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}
.fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}
.fc-time-grid .fc-mirror-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}
/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}
.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}
/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}
.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}
/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}
.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}
.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}
.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}
/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
  margin-bottom: 1px;
}
.fc-time-grid-event-inset {
  -webkit-box-shadow: 0px 0px 0px 1px #fff;
  box-shadow: 0px 0px 0px 1px #fff;
}
.fc-time-grid-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.fc-time-grid-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.fc-time-grid-event .fc-content {
  overflow: hidden;
  max-height: 100%;
}
.fc-title {
  font-weight: 500;
}
.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  font-weight: 500;
  padding: 0 1px;
}
.fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}
/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}
.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}
.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}
.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}
.fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}
.fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}
/* resizer (cursor device) */
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}
/* resizer (touch device) */
.fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}
/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}
/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}
.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
/*!
@fullcalendar/list v4.0.1
Docs & License: https://fullcalendar.io/
(c) 2019 Adam Shaw
*/
/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
.fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}
/* view wrapper */
.fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}
.fc-list-view {
  border-width: 1px;
  border-style: solid;
}
/* table resets */
.fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}
.fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}
.fc-list-table tr:first-child td {
  border-top-width: 0;
}
/* day headings with the list */
.fc-list-heading {
  border-bottom-width: 1px;
}
.fc-list-heading td {
  font-weight: bold;
}
.fc-ltr .fc-list-heading-main {
  float: left;
}
.fc-ltr .fc-list-heading-alt {
  float: right;
}
.fc-rtl .fc-list-heading-main {
  float: right;
}
.fc-rtl .fc-list-heading-alt {
  float: left;
}
/* event list items */
.fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}
.fc-list-item-marker,
.fc-list-item-time {
  color: #333;
  white-space: nowrap;
  width: 1px;
}
/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker {
  padding-right: 0;
}
.fc-rtl .fc-list-item-marker {
  padding-left: 0;
}
.fc-list-item-title a {
  /* every event title cell has an <a> tag */
  color: #333;
  text-decoration: none;
}
.fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}
/* message when no events */
.fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}
.fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}
.form-horizontal .checkbox {
  padding-top: 20px;
}
.checkbox,
.togglebutton {
  transform: translateZ(0);
}
.checkbox label,
.togglebutton label {
  cursor: pointer;
  padding-left: 30px;
}
.checkbox .right,
.togglebutton .right {
  padding-right: 30px;
  padding-left: 0px;
}
.checkbox .right input[type=checkbox],
.togglebutton .right input[type=checkbox] {
  left: auto !important;
  right: 0px !important;
}
.checkbox input[type=checkbox],
.togglebutton input[type=checkbox] {
  opacity: 1;
  position: absolute;
  margin: 0;
  width: 22px;
  height: 22px;
  overflow: hidden;
  left: 0;
}
.checkbox input[type=checkbox]:checked:before,
.togglebutton input[type=checkbox]:checked:before {
  content: "\f00c";
  font-family: 'FontAwesome';
  color: #fff;
  width: 22px !important;
  height: 22px !important;
  font-size: 20px !important;
}
.checkbox input[type=checkbox]:checked,
.togglebutton input[type=checkbox]:checked {
  width: 22px !important;
  height: 22px !important;
}