/*
* qTip2 - Pretty powerful tooltips
* http://craigsworks.com/projects/qtip2/
*
* Version: nightly
* Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com
*
* Dual licensed under MIT or GPLv2 licenses
*   http://en.wikipedia.org/wiki/MIT_License
*   http://en.wikipedia.org/wiki/GNU_General_Public_License
*
* Date: Sat Mar  3 09:04:15.0000000000 2012
*/
/* Core qTip styles */
.ui-tooltip, .qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px; }

/* Fluid class for determining actual width in IE */
.ui-tooltip-fluid {
  display: block;
  visibility: hidden;
  position: static !important;
  float: left !important; }

.ui-tooltip-content {
  position: relative;
  padding: 5px 9px;
  overflow: hidden;
  border: 1px solid #000001;
  text-align: left;
  word-wrap: break-word;
  overflow: hidden; }

.ui-tooltip-titlebar {
  position: relative;
  min-height: 14px;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border: 1px solid #000001;
  border-width: 1px 1px 0;
  font-weight: bold; }

.ui-tooltip-titlebar + .ui-tooltip-content {
  border-top-width: 0px !important; }

/*! Default close button class */
.ui-tooltip-titlebar .ui-state-default {
  position: absolute;
  right: 4px;
  top: 50%;
  margin-top: -9px;
  cursor: pointer;
  outline: medium none;
  border-width: 1px;
  border-style: solid; }

* html .ui-tooltip-titlebar .ui-state-default {
  top: 16px; }

/* IE fix */
.ui-tooltip-titlebar .ui-icon,
.ui-tooltip-icon .ui-icon {
  display: block;
  text-indent: -1000em; }

.ui-tooltip-icon, .ui-tooltip-icon .ui-icon {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.ui-tooltip-icon .ui-icon {
  width: 18px;
  height: 14px;
  text-align: center;
  text-indent: 0;
  font: normal bold 10px/13px Tahoma,sans-serif;
  color: inherit;
  background: transparent none no-repeat -100em -100em; }

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
/*! Default tooltip style */
.ui-tooltip-default .ui-tooltip-titlebar,
.ui-tooltip-default .ui-tooltip-content {
  border-color: #F1D031;
  background-color: #FFFFA3;
  color: #555; }

.ui-tooltip-default .ui-tooltip-titlebar {
  background-color: #FFEF93; }

.ui-tooltip-default .ui-tooltip-icon {
  border-color: #CCC;
  background: #F1F1F1;
  color: #777; }

.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover {
  border-color: #AAA;
  color: #111; }

/* Tips plugin */
.ui-tooltip .ui-tooltip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10; }

.ui-tooltip .ui-tooltip-tip,
.ui-tooltip .ui-tooltip-tip * {
  position: absolute;
  line-height: 0.1px !important;
  font-size: 0.1px !important;
  color: #123456;
  background: transparent;
  border: 0px dashed transparent; }

.ui-tooltip .ui-tooltip-tip canvas {
  top: 0;
  left: 0; }

/* Modal plugin */
#qtip-overlay {
  position: fixed;
  left: -10000em;
  top: -10000em; }

/* Applied to modals with show.modal.blur set to true */
#qtip-overlay.blurs {
  cursor: pointer; }

/* Change opacity of overlay here */
#qtip-overlay div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

/*! Light tooltip style */
.ui-tooltip-light .ui-tooltip-titlebar,
.ui-tooltip-light .ui-tooltip-content {
  border-color: #E2E2E2;
  color: #454545; }

.ui-tooltip-light .ui-tooltip-content {
  background-color: white; }

.ui-tooltip-light .ui-tooltip-titlebar {
  background-color: #f1f1f1; }

/*! Dark tooltip style */
.ui-tooltip-dark .ui-tooltip-titlebar,
.ui-tooltip-dark .ui-tooltip-content {
  border-color: #303030;
  color: #f3f3f3; }

.ui-tooltip-dark .ui-tooltip-content {
  background-color: #505050; }

.ui-tooltip-dark .ui-tooltip-titlebar {
  background-color: #404040; }

.ui-tooltip-dark .ui-tooltip-icon {
  border-color: #444; }

.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover {
  border-color: #303030; }

/*! Cream tooltip style */
.ui-tooltip-cream .ui-tooltip-titlebar,
.ui-tooltip-cream .ui-tooltip-content {
  border-color: #F9E98E;
  color: #A27D35; }

.ui-tooltip-cream .ui-tooltip-content {
  background-color: #FBF7AA; }

.ui-tooltip-cream .ui-tooltip-titlebar {
  background-color: #F0DE7D; }

.ui-tooltip-cream .ui-state-default .ui-tooltip-icon {
  background-position: -82px 0; }

/*! Red tooltip style */
.ui-tooltip-red .ui-tooltip-titlebar,
.ui-tooltip-red .ui-tooltip-content {
  border-color: #D95252;
  color: #912323; }

.ui-tooltip-red .ui-tooltip-content {
  background-color: #F78B83; }

.ui-tooltip-red .ui-tooltip-titlebar {
  background-color: #F06D65; }

.ui-tooltip-red .ui-state-default .ui-tooltip-icon {
  background-position: -102px 0; }

.ui-tooltip-red .ui-tooltip-icon {
  border-color: #D95252; }

.ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover {
  border-color: #D95252; }

/*! Green tooltip style */
.ui-tooltip-green .ui-tooltip-titlebar,
.ui-tooltip-green .ui-tooltip-content {
  border-color: #90D93F;
  color: #3F6219; }

.ui-tooltip-green .ui-tooltip-content {
  background-color: #CAED9E; }

.ui-tooltip-green .ui-tooltip-titlebar {
  background-color: #B0DE78; }

.ui-tooltip-green .ui-state-default .ui-tooltip-icon {
  background-position: -42px 0; }

/*! Blue tooltip style */
.ui-tooltip-blue .ui-tooltip-titlebar,
.ui-tooltip-blue .ui-tooltip-content {
  border-color: #ADD9ED;
  color: #5E99BD; }

.ui-tooltip-blue .ui-tooltip-content {
  background-color: #E5F6FE; }

.ui-tooltip-blue .ui-tooltip-titlebar {
  background-color: #D0E9F5; }

.ui-tooltip-blue .ui-state-default .ui-tooltip-icon {
  background-position: -2px 0; }

/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */
.ui-tooltip-shadow {
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); }

/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-rounded,
.ui-tooltip-rounded .ui-tooltip-content,
.ui-tooltip-tipsy,
.ui-tooltip-tipsy .ui-tooltip-content,
.ui-tooltip-youtube,
.ui-tooltip-youtube .ui-tooltip-content {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.ui-tooltip-rounded .ui-tooltip-titlebar,
.ui-tooltip-tipsy .ui-tooltip-titlebar,
.ui-tooltip-youtube .ui-tooltip-titlebar {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0; }

.ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-youtube .ui-tooltip-titlebar + .ui-tooltip-content {
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px; }

/*! Youtube tooltip style */
.ui-tooltip-youtube {
  -webkit-box-shadow: 0 0 3px #333;
  -moz-box-shadow: 0 0 3px #333;
  box-shadow: 0 0 3px #333; }

.ui-tooltip-youtube .ui-tooltip-titlebar,
.ui-tooltip-youtube .ui-tooltip-content {
  background: transparent;
  background: rgba(0, 0, 0, 0.85);
  color: white;
  border-color: #CCCCCC; }

.ui-tooltip-youtube .ui-tooltip-icon {
  border-color: #222; }

.ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover {
  border-color: #303030; }

/* jQuery TOOLS Tooltip style */
.ui-tooltip-jtools {
  background: #232323;
  background: rgba(0, 0, 0, 0.7);
  background-image: -moz-linear-gradient(top, #717171, #232323);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
  border: 2px solid #ddd;
  border: 2px solid #f1f1f1;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 12px #333;
  -moz-box-shadow: 0 0 12px #333;
  box-shadow: 0 0 12px #333; }

/* IE Specific */
.ui-tooltip-jtools .ui-tooltip-titlebar {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"; }

.ui-tooltip-jtools .ui-tooltip-content {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"; }

.ui-tooltip-jtools .ui-tooltip-titlebar,
.ui-tooltip-jtools .ui-tooltip-content {
  background: transparent;
  color: white;
  border: 0 dashed transparent; }

.ui-tooltip-jtools .ui-tooltip-icon {
  border-color: #555; }

.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover {
  border-color: #333; }

/* Cluetip style */
.ui-tooltip-cluetip {
  -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); }

.ui-tooltip-cluetip .ui-tooltip-titlebar {
  background-color: #87876A;
  color: white;
  border: 0 dashed transparent; }

.ui-tooltip-cluetip .ui-tooltip-content {
  background-color: #D9D9C2;
  color: #111;
  border: 0 dashed transparent; }

.ui-tooltip-cluetip .ui-tooltip-icon {
  border-color: #808064; }

.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover {
  border-color: #696952;
  color: #696952; }

/* Tipsy style */
.ui-tooltip-tipsy {
  border: 0; }

.ui-tooltip-tipsy .ui-tooltip-titlebar,
.ui-tooltip-tipsy .ui-tooltip-content {
  background: transparent;
  background: rgba(0, 0, 0, 0.87);
  color: white;
  border: 0px transparent;
  font-size: 11px;
  font-family: 'Lucida Grande', sans-serif;
  font-weight: bold;
  line-height: 16px;
  text-shadow: 0 1px black; }

.ui-tooltip-tipsy .ui-tooltip-titlebar {
  padding: 6px 35px 0 10; }

.ui-tooltip-tipsy .ui-tooltip-content {
  padding: 6px 10; }

.ui-tooltip-tipsy .ui-tooltip-icon {
  border-color: #222;
  text-shadow: none; }

.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover {
  border-color: #303030; }

/* Tipped style */
.ui-tooltip-tipped .ui-tooltip-titlebar,
.ui-tooltip-tipped .ui-tooltip-content {
  border: 3px solid #959FA9;
  filter: none;
  -ms-filter: none; }

.ui-tooltip-tipped .ui-tooltip-titlebar {
  background: #3A79B8;
  background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
  color: white;
  font-weight: normal;
  font-family: serif;
  border-bottom-width: 0;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0; }

.ui-tooltip-tipped .ui-tooltip-content {
  background-color: #F9F9F9;
  color: #454545;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px; }

.ui-tooltip-tipped .ui-tooltip-icon {
  border: 2px solid #285589;
  background: #285589; }

.ui-tooltip-tipped .ui-tooltip-icon .ui-icon {
  background-color: #FBFBFB;
  color: #555; }

/* IE9 fix - removes all filters */
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar {
  filter: none;
  -ms-filter: none; }

/* Selectmenu
----------------------------------*/
.ui-selectmenu {
  display: block;
  display: inline-block;
  position: relative;
  height: 2.2em;
  vertical-align: middle;
  text-decoration: none;
  overflow: hidden;
  zoom: 1; }

.ui-selectmenu-icon {
  position: absolute;
  right: 6px;
  margin-top: -8px;
  top: 50%; }

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  display: none;
  z-index: 1005; }

/* z-index: 1005 to make selectmenu work with dialog */
.ui-selectmenu-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; }

.ui-selectmenu-open {
  display: block; }

ul.ui-selectmenu-menu-popup {
  margin-top: -1px; }

.ui-selectmenu-menu li {
  padding: 0;
  margin: 0;
  display: block;
  border-top: 1px dotted transparent;
  border-bottom: 1px dotted transparent;
  border-right-width: 0 !important;
  border-left-width: 0 !important; }

.ui-selectmenu-menu li a, .ui-selectmenu-status {
  line-height: 1.4em;
  display: block;
  padding: .405em 2.1em .405em 1em;
  outline: none;
  text-decoration: none; }

.ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled {
  cursor: default; }

.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status {
  padding-left: 20px;
  position: relative;
  margin-left: 5px; }

.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon {
  position: absolute;
  top: 1em;
  margin-top: -8px;
  left: 0; }

.ui-selectmenu-status {
  line-height: 1.4em; }

.ui-selectmenu-menu li span, .ui-selectmenu-status span {
  display: block;
  margin-bottom: .2em; }

.ui-selectmenu-menu li .ui-selectmenu-item-header {
  font-weight: bold; }

.ui-selectmenu-menu li .ui-selectmenu-item-footer {
  opacity: .8; }

/* for optgroups */
.ui-selectmenu-menu .ui-selectmenu-group {
  font-size: 1em; }

.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
  line-height: 1.4em;
  display: block;
  padding: .6em .5em 0;
  font-weight: bold; }

.ui-selectmenu-menu .ui-selectmenu-group ul {
  margin: 0;
  padding: 0; }

/* IE6 workaround (dotted transparent borders) */
* html .ui-selectmenu-menu li {
  border-color: pink;
  filter: chroma(color=pink);
  width: 100%; }

* html .ui-selectmenu-menu li a {
  position: relative; }

/* IE7 workaround (opacity disabled) */
* + html .ui-state-disabled, * + html .ui-state-disabled a {
  color: silver; }

/* jquery.Jcrop.css v0.9.12 - MIT License */
/*
  The outer-most container in a typical Jcrop instance
  If you are having difficulty with formatting related to styles
  on a parent element, place any fixes here or in a like selector

  You can also style this element if you want to add a border, etc
  A better method for styling can be seen below with .jcrop-light
  (Add a class to the holder and style elements for that extended class)
*/
.jcrop-holder {
  direction: ltr;
  text-align: left; }

/* Selection Border */
.jcrop-vline,
.jcrop-hline {
  background: #ffffff url(Jcrop-7a4b4c6ebdb549fcbe47408f9457493e.gif);
  font-size: 0;
  position: absolute; }

.jcrop-vline {
  height: 100%;
  width: 1px !important; }

.jcrop-vline.right {
  right: 0; }

.jcrop-hline {
  height: 1px !important;
  width: 100%; }

.jcrop-hline.bottom {
  bottom: 0; }

/* Invisible click targets */
.jcrop-tracker {
  height: 100%;
  width: 100%;
  /* "turn off" link highlight */
  -webkit-tap-highlight-color: transparent;
  /* disable callout, image save panel */
  -webkit-touch-callout: none;
  /* disable cut copy paste */
  -webkit-user-select: none; }

/* Selection Handles */
.jcrop-handle {
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 7px;
  height: 7px;
  font-size: 1px; }

.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0; }

.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px; }

.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%; }

.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%; }

.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0; }

.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0; }

.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0; }

.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px; }

.jcrop-handle.touch {
  width: 50px;
  height: 50px;
  border-radius: 25px; }

.jcrop-handle.touch.ord-n {
  margin-left: -26px;
  margin-top: -26px; }

.jcrop-handle.touch.ord-s {
  margin-bottom: -26px;
  margin-left: -26px; }

.jcrop-handle.touch.ord-e {
  margin-right: -26px;
  margin-top: -26px; }

.jcrop-handle.touch.ord-w {
  margin-left: -26px;
  margin-top: -26px; }

.jcrop-handle.touch.ord-nw {
  margin-left: -26px;
  margin-top: -26px; }

.jcrop-handle.touch.ord-ne {
  margin-right: -26px;
  margin-top: -26px; }

.jcrop-handle.touch.ord-se {
  margin-bottom: -26px;
  margin-right: -26px; }

.jcrop-handle.touch.ord-sw {
  margin-bottom: -26px;
  margin-left: -26px; }

/* Dragbars */
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%; }

.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px; }

.jcrop-dragbar.ord-n {
  margin-top: -4px; }

.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px; }

.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0; }

.jcrop-dragbar.ord-w {
  margin-left: -4px; }

/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important; }

.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000000;
  border-color: #ffffff;
  border-radius: 3px; }

/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important; }

.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 3px; }

/* Simple macro to turn off the antlines */
.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
  background: #ffffff; }

/* Fix for twitter bootstrap et al. */
.jcrop-holder img,
img.jcrop-preview {
  max-width: none; }

.appsflyer-banner-container {
  display: flex;
  min-width: 100%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
  height: 70px;
  z-index: 999;
  -webkit-transition: all 0.25s ease;
  transition: all 00.25s ease;
  margin-bottom: 3px; }

.appsflyer-banner-close-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
  cursor: pointer; }

.appsflyer-banner-close-img {
  height: 12px;
  width: 12px; }

.appsflyer-banner-icon-container {
  margin-left: 15px;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px; }

.appsflyer-banner-icon-img {
  width: 44px;
  height: 44px;
  border-radius: 5px; }

.appsflyer-banner-text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 10px;
  flex: 1; }

.appsflyer-banner-title {
  font-family: 'SFProText-Regular','Roboto', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #333333;
  padding: 2px; }

.appsflyer-banner-subtitle {
  font-family: 'SFProText-Regular','Roboto', sans-serif;
  font-size: 12px;
  padding: 2px;
  color: #808080; }

.appsflyer-banner-download-button {
  font-family: 'SFProText-Regular','Roboto', sans-serif;
  border-radius: 5px;
  border: 0px;
  background: #3BA150;
  margin: 20px 15px;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
  text-align: center;
  letter-spacing: 0px;
  width: auto;
  font-size: 14px;
  cursor: pointer; }

.appsflyer-banner-download-button:hover {
  background-color: #78D64B; }

.chosen-select,
.type-select {
  width: 534px; }

/* @group Base */
.chosen-container {
  font-size: 14px;
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-bottom: 10px; }
  .chosen-container .chosen-drop {
    display: none;
    background: #fff;
    border: 1px solid #989993;
    border-top: 0;
    position: absolute;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.28);
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.28);
    z-index: 999; }
  .chosen-container.chosen-with-drop .chosen-drop {
    display: block; }

/* @end */
/* @group Single Chosen */
.type-select .chosen-drop {
  top: 29px; }

.chosen-container-single .chosen-single {
  background-color: #ffffff;
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #c6c7bf;
  /*-webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow   : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  box-shadow        : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);*/
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 33px;
  line-height: 34px;
  padding: 0 0 0 10px;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer; }

.chosen-container-single .chosen-default {
  font-size: 18px;
  font-weight: normal;
  /*color: #4d4d4d;*/ }

.chosen-container-single .chosen-single span {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.chosen-container-single .chosen-single abbr {
  display: block;
  position: absolute;
  right: 26px;
  top: 6px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url(chosen-sprite-a073f63478d896e5f8bef1b6d6424ef7.png) right top no-repeat; }

.chosen-container-single .chosen-single abbr:hover {
  background-position: right -11px; }

.chosen-container-single .chosen-single div {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 20px; }

.chosen-container-single .chosen-single div b {
  background: url(chosen-sprite-a073f63478d896e5f8bef1b6d6424ef7.png) no-repeat 0 0;
  display: block;
  width: 100%;
  height: 100%; }

.chosen-container-single .chosen-search {
  padding: 5px 10px 3px 10px;
  position: relative;
  margin: 0;
  white-space: nowrap;
  z-index: 1010; }

.chosen-container-single .chosen-search input {
  background: #fff url(chosen-sprite-a073f63478d896e5f8bef1b6d6424ef7.png) no-repeat 100% 100%;
  /*background: url(~chosen-sprite.png) no-repeat 100% -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url(~chosen-sprite.png) no-repeat 100% -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url(~chosen-sprite.png) no-repeat 100% -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url(~chosen-sprite.png) no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url(~chosen-sprite.png) no-repeat 100% -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url(~chosen-sprite.png) no-repeat 100% -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);*/
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  outline: 0;
  border: 1px solid #c6c7bf;
  font-size: 1em;
  box-sizing: border-box;
  width: 100%; }

.chosen-container-single .chosen-drop {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-color: #c6c7bf; }

/* @end */
.chosen-container-single-nosearch .chosen-search input {
  position: absolute;
  left: -9000px; }

/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  border: 1px solid #aaa;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative; }

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none; }

.chosen-container-multi .chosen-choices .search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0; }

.chosen-container-multi .chosen-choices .search-field input {
  color: #666;
  background: transparent !important;
  border: 0 !important;
  font-size: 100%;
  height: 15px;
  padding: 5px;
  margin: 1px 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none; }

.chosen-container-multi .chosen-choices .search-field .default {
  color: #999; }

.chosen-container-multi .chosen-choices .search-choice {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #e4e4e4;
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  -moz-box-shadow   : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  box-shadow        : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);*/
  color: #333;
  border: 1px solid #aaaaaa;
  line-height: 13px;
  padding: 3px 20px 3px 5px;
  margin: 3px 0 3px 5px;
  position: relative;
  cursor: default; }

.chosen-container-multi .chosen-choices .search-choice-focus {
  background: #d4d4d4; }

.chosen-container-multi .chosen-choices .search-choice .search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url(chosen-sprite-a073f63478d896e5f8bef1b6d6424ef7.png) right top no-repeat; }

.chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover {
  background-position: right -11px; }

.chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close {
  background-position: right -11px; }

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  margin: 0 10px 4px 0;
  max-height: 240px;
  padding: 0 0 0 10px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.chosen-container-multi .chosen-results {
  margin: -1px 0 0;
  padding: 0; }

.chosen-container .chosen-results li {
  display: none;
  line-height: 15px;
  padding: 5px;
  margin: 0;
  list-style: none; }

.chosen-container .chosen-results .active-result {
  cursor: pointer;
  display: list-item; }

.chosen-container .chosen-results .highlighted {
  background-color: #ddded7;
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 );
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -ms-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(top, #3875d7 20%, #2a62bc 90%);*/
  color: #333; }

.chosen-container .chosen-results li em {
  background: #ddded7;
  font-style: normal; }

.chosen-container .chosen-results .highlighted em {
  background: transparent; }

.chosen-container .chosen-results .no-results {
  display: list-item; }

.chosen-container .chosen-results .group-result {
  cursor: default;
  color: #999;
  font-weight: bold;
  display: list-item; }

.chosen-container .chosen-results .group-option {
  padding-left: 15px; }

.chosen-container-multi .chosen-drop .result-selected {
  display: none; }

.chosen-container .chosen-results-scroll {
  background: white;
  margin: 0 4px;
  position: absolute;
  text-align: center;
  width: 321px;
  /* This should by dynamic with js */
  z-index: 1; }

.chosen-container .chosen-results-scroll span {
  display: inline-block;
  height: 17px;
  text-indent: -5000px;
  width: 9px; }

.chosen-container .chosen-results-scroll-down {
  bottom: 0; }

.chosen-container .chosen-results-scroll-down span {
  background: url(chosen-sprite-a073f63478d896e5f8bef1b6d6424ef7.png) no-repeat -4px -3px; }

.chosen-container .chosen-results-scroll-up span {
  background: url(chosen-sprite-a073f63478d896e5f8bef1b6d6424ef7.png) no-repeat -22px -3px; }

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  /*-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
  -o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
  box-shadow        : 0 0 5px rgba(0,0,0,.3);*/
  /*border: 1px solid #5897fb;*/ }

.chosen-container-active .chosen-single-with-drop {
  border: 1px solid #989993;
  /*-webkit-box-shadow: 0 1px 0 #fff inset;
  -moz-box-shadow   : 0 1px 0 #fff inset;
  -o-box-shadow     : 0 1px 0 #fff inset;
  box-shadow        : 0 1px 0 #fff inset;*/
  background-color: #fff;
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: -ms-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(top, #eeeeee 20%, #ffffff 80%);*/
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.chosen-container-active .chosen-single-with-drop div {
  background: transparent;
  border-left: none; }

.chosen-container-active .chosen-single-with-drop div b {
  background-position: -20px -1px; }

.chosen-container-active .chosen-choices {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border: 1px solid #5897fb; }

.chosen-container-active .chosen-choices .search-field input {
  color: #111 !important; }

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  cursor: default;
  opacity: 0.5 !important; }

.chosen-disabled .chosen-single {
  cursor: default; }

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default; }

/* @group Right to Left */
.chosen-rtl {
  text-align: right; }

.chosen-rtl .chosen-single {
  padding: 0 8px 0 0;
  overflow: visible; }

.chosen-rtl .chosen-single span {
  margin-left: 26px;
  margin-right: 0;
  direction: rtl; }

.chosen-rtl .chosen-single div {
  left: 3px;
  right: auto; }

.chosen-rtl .chosen-single abbr {
  left: 26px;
  right: auto; }

.chosen-rtl .chosen-choices .search-field input {
  direction: rtl; }

.chosen-rtl .chosen-choices li {
  float: right; }

.chosen-rtl .chosen-choices .search-choice {
  padding: 3px 5px 3px 19px;
  margin: 3px 5px 3px 0; }

.chosen-rtl .chosen-choices .search-choice .search-choice-close {
  left: 4px;
  right: auto;
  background-position: right top; }

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0; }

.chosen-rtl .chosen-results .group-option {
  padding-left: 0;
  padding-right: 15px; }

.chosen-rtl.chosen-container-active .chosen-single-with-drop div {
  border-right: none; }

.chosen-rtl .chosen-search input {
  background: #fff url(chosen-sprite-a073f63478d896e5f8bef1b6d6424ef7.png) no-repeat 100% 100%;
  background: url(chosen-sprite-a073f63478d896e5f8bef1b6d6424ef7.png) no-repeat -38px -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url(chosen-sprite-a073f63478d896e5f8bef1b6d6424ef7.png) no-repeat -38px -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url(chosen-sprite-a073f63478d896e5f8bef1b6d6424ef7.png) no-repeat -38px -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url(chosen-sprite-a073f63478d896e5f8bef1b6d6424ef7.png) no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url(chosen-sprite-a073f63478d896e5f8bef1b6d6424ef7.png) no-repeat -38px -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url(chosen-sprite-a073f63478d896e5f8bef1b6d6424ef7.png) no-repeat -38px -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  padding: 4px 5px 4px 20px;
  direction: rtl; }

/* @end */

/*
 * jQuery UI Datepicker 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
  background: #fff;
  /*width: 17em; */
  margin: 0 -7px;
  padding: 6px;
  display: none;
  border: 1px solid #bbbcb5;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.28);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.28); }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  margin-bottom: 3px;
  border-bottom: 1px solid #d0d1cb;
  padding-bottom: 2px;
  font-weight: bold;
  color: #666; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 0; }

.ui-datepicker .ui-datepicker-prev {
  left: 0; }

.ui-datepicker .ui-datepicker-next {
  right: 0; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  width: 21px;
  height: 21px;
  text-indent: -9999px;
  cursor: pointer; }

.ui-datepicker .ui-datepicker-prev span {
  background: url(arrow-left-f8b40ccd65313eb924dfb5ed7fa59bd6.png) 6px 6px no-repeat; }

.ui-datepicker .ui-datepicker-prev-hover span {
  background-color: #d9d9d9;
  background-image: url(arrow-left-hover-5571ca2ed7658a79839c488c34890495.png);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.ui-datepicker .ui-datepicker-next span {
  background: url(arrow-right-fd2bf4bdd19a6daa4cb340404d4a4ec2.png) 8px 6px no-repeat; }

.ui-datepicker .ui-datepicker-next-hover span {
  background-color: #d9d9d9;
  background-image: url(arrow-right-hover-baab2b51983cdf3a870be44ee10ac42a.png);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%; }

.ui-datepicker table {
  /*width: 100%; */
  border-collapse: collapse;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin: 0; }

.ui-datepicker th {
  border: 0;
  padding: 0;
  text-align: center;
  font-weight: normal;
  font-size: 0.9em; }

.ui-datepicker td {
  border: 1px solid #E6E6E6;
  background: #fff;
  padding: 0;
  text-align: center; }

.ui-datepicker td.ui-datepicker-other-month {
  background: none;
  border-color: #E6E6E6; }

.ui-datepicker th span,
.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  width: 25px;
  height: 25px;
  line-height: 26px;
  padding: 0;
  text-align: center;
  text-decoration: none;
  color: #4d4d4d; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

.ui-datepicker td a:hover {
  background: #d9d9d9; }

.ui-datepicker td.ui-datepicker-today a {
  background: #fff;
  color: #000; }

.ui-datepicker td.ui-datepicker-today a:hover {
  background: #d9d9d9; }

.ui-datepicker td.ui-datepicker-current-day a {
  background: #4d4d4d;
  color: #fff !important; }

.ui-datepicker td.ui-datepicker-calendar-visible-week a {
  background: #4d4d4d;
  color: #fff !important; }

.ui-datepicker td.ui-datepicker-calendar-visible-week {
  border: 1px solid #4d4d4d; }

.ui-datepicker td.ui-datepicker-current-day.ui-datepicker-today a {
  background: #3BA150;
  color: #fff !important; }

.ui-datepicker td.ui-datepicker-calendar-visible-week.ui-datepicker-today a {
  background: #4d4d4d;
  color: #fff !important; }

.ui-datepicker td.ui-datepicker-unselectable.ui-state-disabled {
  background: #f2f2f2; }

.ui-datepicker td.ui-datepicker-unselectable.ui-state-disabled span {
  color: #999 !important; }

.ui-datepicker td.ui-datepicker-unselectable.ui-state-disabled.ui-datepicker-other-month {
  background: #FFFFFF; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  display: none;
  /*sorry for IE5*/
  display/**/: block;
  /*sorry for IE5*/
  position: absolute;
  /*must have*/
  z-index: -1;
  /*must have*/
  filter: mask();
  /*must have*/
  top: -4px;
  /*must have*/
  left: -4px;
  /*must have*/
  width: 200px;
  /*must have*/
  height: 200px;
  /*must have*/ }

/* This file is the default styling for the Airbnb date range picker and is copied from
   node_modules/react-dates/lib/css/_datepicker.css */
.PresetDateRangePicker_panel {
  padding: 0 22px 11px; }

.PresetDateRangePicker_button {
  position: relative;
  height: 100%;
  text-align: center;
  background: 0 0;
  border: 2px solid #00a699;
  color: #00a699;
  padding: 4px 12px;
  margin-right: 8px;
  font: inherit;
  font-weight: 700;
  line-height: normal;
  overflow: visible;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer; }

.PresetDateRangePicker_button:active {
  outline: 0; }

.PresetDateRangePicker_button__selected {
  color: #fff;
  background: #00a699; }

.SingleDatePickerInput {
  display: inline-block;
  background-color: #fff; }

.SingleDatePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb; }

.SingleDatePickerInput__rtl {
  direction: rtl; }

.SingleDatePickerInput__disabled {
  background-color: #f2f2f2; }

.SingleDatePickerInput__block {
  display: block; }

.SingleDatePickerInput__showClearDate {
  padding-right: 30px; }

.SingleDatePickerInput_clearDate {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.SingleDatePickerInput_clearDate__default:focus,
.SingleDatePickerInput_clearDate__default:hover {
  background: #dbdbdb;
  border-radius: 50%; }

.SingleDatePickerInput_clearDate__small {
  padding: 6px; }

.SingleDatePickerInput_clearDate__hide {
  visibility: hidden; }

.SingleDatePickerInput_clearDate_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle; }

.SingleDatePickerInput_clearDate_svg__small {
  height: 9px; }

.SingleDatePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px; }

.SingleDatePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle; }

.SingleDatePicker {
  position: relative;
  display: inline-block; }

.SingleDatePicker__block {
  display: block; }

.SingleDatePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute; }

.SingleDatePicker_picker__rtl {
  direction: rtl; }

.SingleDatePicker_picker__directionLeft {
  left: 0; }

.SingleDatePicker_picker__directionRight {
  right: 0; }

.SingleDatePicker_picker__portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.SingleDatePicker_picker__fullScreenPortal {
  background-color: #fff; }

.SingleDatePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2; }

.SingleDatePicker_closeButton:focus,
.SingleDatePicker_closeButton:hover {
  color: #b0b3b4;
  text-decoration: none; }

.SingleDatePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd; }

.DayPickerKeyboardShortcuts_buttonReset {
  background: 0 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  font-size: 14px; }

.DayPickerKeyboardShortcuts_buttonReset:active {
  outline: 0; }

.DayPickerKeyboardShortcuts_show {
  width: 33px;
  height: 26px;
  position: absolute;
  z-index: 2; }

.DayPickerKeyboardShortcuts_show::before {
  content: "";
  display: block;
  position: absolute; }

.DayPickerKeyboardShortcuts_show__bottomRight {
  bottom: 0;
  right: 0; }

.DayPickerKeyboardShortcuts_show__bottomRight::before {
  border-top: 26px solid transparent;
  border-right: 33px solid #00a699;
  bottom: 0;
  right: 0; }

.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
  border-right: 33px solid #008489; }

.DayPickerKeyboardShortcuts_show__topRight {
  top: 0;
  right: 0; }

.DayPickerKeyboardShortcuts_show__topRight::before {
  border-bottom: 26px solid transparent;
  border-right: 33px solid #00a699;
  top: 0;
  right: 0; }

.DayPickerKeyboardShortcuts_show__topRight:hover::before {
  border-right: 33px solid #008489; }

.DayPickerKeyboardShortcuts_show__topLeft {
  top: 0;
  left: 0; }

.DayPickerKeyboardShortcuts_show__topLeft::before {
  border-bottom: 26px solid transparent;
  border-left: 33px solid #00a699;
  top: 0;
  left: 0; }

.DayPickerKeyboardShortcuts_show__topLeft:hover::before {
  border-left: 33px solid #008489; }

.DayPickerKeyboardShortcuts_showSpan {
  color: #fff;
  position: absolute; }

.DayPickerKeyboardShortcuts_showSpan__bottomRight {
  bottom: 0;
  right: 5px; }

.DayPickerKeyboardShortcuts_showSpan__topRight {
  top: 1px;
  right: 5px; }

.DayPickerKeyboardShortcuts_showSpan__topLeft {
  top: 1px;
  left: 5px; }

.DayPickerKeyboardShortcuts_panel {
  overflow: auto;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 22px;
  margin: 33px;
  text-align: left; }

.DayPickerKeyboardShortcuts_title {
  font-size: 16px;
  font-weight: 700;
  margin: 0; }

.DayPickerKeyboardShortcuts_list {
  list-style: none;
  padding: 0;
  font-size: 14px; }

.DayPickerKeyboardShortcuts_close {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 2; }

.DayPickerKeyboardShortcuts_close:active {
  outline: 0; }

.DayPickerKeyboardShortcuts_closeSvg {
  height: 15px;
  width: 15px;
  fill: #cacccd; }

.DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
  fill: #82888a; }

.CalendarDay {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  text-align: center; }

.CalendarDay:active {
  outline: 0; }

.CalendarDay__defaultCursor {
  cursor: default; }

.CalendarDay__default {
  border: 1px solid #e4e7e7;
  color: #484848;
  background: #fff; }

.CalendarDay__default:hover {
  background: #e4e7e7;
  border: 1px solid #e4e7e7;
  color: inherit; }

.CalendarDay__hovered_offset {
  background: #f4f5f5;
  border: 1px double #e4e7e7;
  color: inherit; }

.CalendarDay__outside {
  border: 0;
  background: #fff;
  color: #484848; }

.CalendarDay__outside:hover {
  border: 0; }

.CalendarDay__blocked_minimum_nights {
  background: #fff;
  border: 1px solid #eceeee;
  color: #cacccd; }

.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
  background: #fff;
  color: #cacccd; }

.CalendarDay__highlighted_calendar {
  background: #ffe8bc;
  color: #484848; }

.CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
  background: #ffce71;
  color: #484848; }

.CalendarDay__selected_span {
  background: #66e2da;
  border: 1px double #33dacd;
  color: #fff; }

.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
  background: #33dacd;
  border: 1px double #33dacd;
  color: #fff; }

.CalendarDay__last_in_range,
.CalendarDay__last_in_range:hover {
  border-style: solid; }

.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: #00a699;
  border: 1px double #00a699;
  color: #fff; }

.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
  background: #b2f1ec;
  border: 1px double #80e8e0;
  color: #007a87; }

.CalendarDay__hovered_span:active {
  background: #80e8e0;
  border: 1px double #80e8e0;
  color: #007a87; }

.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
  background: #cacccd;
  border: 1px solid #cacccd;
  color: #82888a; }

.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
  background: #fff;
  border: 1px solid #e4e7e7;
  color: #cacccd; }

.CalendarMonth {
  background: #fff;
  text-align: center;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.CalendarMonth_table {
  border-collapse: collapse;
  border-spacing: 0; }

.CalendarMonth_verticalSpacing {
  border-collapse: separate; }

.CalendarMonth_caption {
  color: #484848;
  font-size: 18px;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 37px;
  caption-side: initial; }

.CalendarMonth_caption__verticalScrollable {
  padding-top: 12px;
  padding-bottom: 7px; }

.CalendarMonthGrid {
  background: #fff;
  text-align: left;
  z-index: 0; }

.CalendarMonthGrid__animating {
  z-index: 1; }

.CalendarMonthGrid__horizontal {
  position: absolute;
  left: 9px; }

.CalendarMonthGrid__vertical {
  margin: 0 auto; }

.CalendarMonthGrid__vertical_scrollable {
  margin: 0 auto;
  overflow-y: scroll; }

.CalendarMonthGrid_month__horizontal {
  display: inline-block;
  vertical-align: top;
  min-height: 100%; }

.CalendarMonthGrid_month__hideForAnimation {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none; }

.CalendarMonthGrid_month__hidden {
  visibility: hidden; }

.DayPickerNavigation {
  position: relative;
  z-index: 2; }

.DayPickerNavigation__horizontal {
  height: 0; }

.DayPickerNavigation__verticalDefault {
  position: absolute;
  width: 100%;
  height: 52px;
  bottom: 0;
  left: 0; }

.DayPickerNavigation__verticalScrollableDefault {
  position: relative; }

.DayPickerNavigation_button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  padding: 0;
  margin: 0; }

.DayPickerNavigation_button__default {
  border: 1px solid #e4e7e7;
  background-color: #fff;
  color: #757575; }

.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
  border: 1px solid #c4c4c4; }

.DayPickerNavigation_button__default:active {
  background: #f2f2f2; }

.DayPickerNavigation_button__disabled {
  cursor: default;
  border: 1px solid #f2f2f2; }

.DayPickerNavigation_button__disabled:focus,
.DayPickerNavigation_button__disabled:hover {
  border: 1px solid #f2f2f2; }

.DayPickerNavigation_button__disabled:active {
  background: 0 0; }

.DayPickerNavigation_button__horizontalDefault {
  position: absolute;
  top: 18px;
  line-height: .78;
  border-radius: 3px;
  padding: 6px 9px; }

.DayPickerNavigation_leftButton__horizontalDefault {
  left: 22px; }

.DayPickerNavigation_rightButton__horizontalDefault {
  right: 22px; }

.DayPickerNavigation_button__verticalDefault {
  padding: 5px;
  background: #fff;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  position: relative;
  display: inline-block;
  text-align: center;
  height: 100%;
  width: 50%; }

.DayPickerNavigation_nextButton__verticalDefault {
  border-left: 0; }

.DayPickerNavigation_nextButton__verticalScrollableDefault {
  width: 100%; }

.DayPickerNavigation_svg__horizontal {
  height: 19px;
  width: 19px;
  fill: #82888a;
  display: block; }

.DayPickerNavigation_svg__vertical {
  height: 42px;
  width: 42px;
  fill: #484848; }

.DayPickerNavigation_svg__disabled {
  fill: #f2f2f2; }

.DayPicker {
  background: #fff;
  position: relative;
  text-align: left; }

.DayPicker__horizontal {
  background: #fff; }

.DayPicker__verticalScrollable {
  height: 100%; }

.DayPicker__hidden {
  visibility: hidden; }

.DayPicker__withBorder {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
  border-radius: 3px; }

.DayPicker_portal__horizontal {
  box-shadow: none;
  position: absolute;
  left: 50%;
  top: 50%; }

.DayPicker_portal__vertical {
  position: initial; }

.DayPicker_focusRegion {
  outline: 0; }

.DayPicker_calendarInfo__horizontal,
.DayPicker_wrapper__horizontal {
  display: inline-block;
  vertical-align: top; }

.DayPicker_weekHeaders {
  position: relative; }

.DayPicker_weekHeaders__horizontal {
  margin-left: 9px; }

.DayPicker_weekHeader {
  color: #757575;
  position: absolute;
  top: 62px;
  z-index: 2;
  text-align: left; }

.DayPicker_weekHeader__vertical {
  left: 50%; }

.DayPicker_weekHeader__verticalScrollable {
  top: 0;
  display: table-row;
  border-bottom: 1px solid #dbdbdb;
  background: #fff;
  margin-left: 0;
  left: 0;
  width: 100%;
  text-align: center; }

.DayPicker_weekHeader_ul {
  list-style: none;
  margin: 1px 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px; }

.DayPicker_weekHeader_li {
  display: inline-block;
  text-align: center; }

.DayPicker_transitionContainer {
  position: relative;
  overflow: hidden;
  border-radius: 3px; }

.DayPicker_transitionContainer__horizontal {
  -webkit-transition: height .2s ease-in-out;
  -moz-transition: height .2s ease-in-out;
  transition: height .2s ease-in-out; }

.DayPicker_transitionContainer__vertical {
  width: 100%; }

.DayPicker_transitionContainer__verticalScrollable {
  padding-top: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: scroll; }

.DateInput {
  margin: 0;
  padding: 0;
  background: #fff;
  position: relative;
  display: inline-block;
  width: 130px;
  vertical-align: middle; }

.DateInput__small {
  width: 97px; }

.DateInput__block {
  width: 100%; }

.DateInput__disabled {
  background: #f2f2f2;
  color: #dbdbdb; }

.DateInput_input {
  font-weight: 200;
  font-size: 19px;
  line-height: 24px;
  color: #484848;
  background-color: #fff;
  width: 100%;
  padding: 11px 11px 9px;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid transparent;
  border-left: 0;
  border-radius: 0; }

.DateInput_input__small {
  font-size: 15px;
  line-height: 18px;
  letter-spacing: .2px;
  padding: 7px 7px 5px; }

.DateInput_input__regular {
  font-weight: auto; }

.DateInput_input__readOnly {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.DateInput_input__focused {
  outline: 0;
  background: #fff;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid #008489;
  border-left: 0; }

.DateInput_input__disabled {
  background: #f2f2f2;
  font-style: italic; }

.DateInput_screenReaderMessage {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.DateInput_fang {
  position: absolute;
  width: 20px;
  height: 10px;
  left: 22px;
  z-index: 2; }

.DateInput_fangShape {
  fill: #fff; }

.DateInput_fangStroke {
  stroke: #dbdbdb;
  fill: transparent; }

.DateRangePickerInput {
  background-color: #fff;
  display: inline-block; }

.DateRangePickerInput__disabled {
  background: #f2f2f2; }

.DateRangePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb; }

.DateRangePickerInput__rtl {
  direction: rtl; }

.DateRangePickerInput__block {
  display: block; }

.DateRangePickerInput__showClearDates {
  padding-right: 30px; }

.DateRangePickerInput_arrow {
  display: inline-block;
  vertical-align: middle;
  color: #484848; }

.DateRangePickerInput_arrow_svg {
  vertical-align: middle;
  fill: #484848;
  height: 24px;
  width: 24px; }

.DateRangePickerInput_clearDates {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.DateRangePickerInput_clearDates__small {
  padding: 6px; }

.DateRangePickerInput_clearDates_default:focus,
.DateRangePickerInput_clearDates_default:hover {
  background: #dbdbdb;
  border-radius: 50%; }

.DateRangePickerInput_clearDates__hide {
  visibility: hidden; }

.DateRangePickerInput_clearDates_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle; }

.DateRangePickerInput_clearDates_svg__small {
  height: 9px; }

.DateRangePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px; }

.DateRangePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle; }

.DateRangePicker {
  position: relative;
  display: inline-block; }

.DateRangePicker__block {
  display: block; }

.DateRangePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute; }

.DateRangePicker_picker__rtl {
  direction: rtl; }

.DateRangePicker_picker__directionLeft {
  left: 0; }

.DateRangePicker_picker__directionRight {
  right: 0; }

.DateRangePicker_picker__portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.DateRangePicker_picker__fullScreenPortal {
  background-color: #fff; }

.DateRangePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2; }

.DateRangePicker_closeButton:focus,
.DateRangePicker_closeButton:hover {
  color: #b0b3b4;
  text-decoration: none; }

.DateRangePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd; }

.button {
  display: inline-block;
  margin: 0;
  cursor: pointer;
  position: relative;
  height: 30px;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px / 3px;
  border-radius: 3px / 3px;
  font-family: "Source Sans Pro", sans-serif, Arial, Helvetica, sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  font-weight: bold;
  text-align: left;
  padding: 0;
  outline: none;
  user-select: none; }
  .button::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .button .button-inner {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 12px 0 30px;
    line-height: 12px; }
  .button .button-icon {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: 9px; }
  .button .icons-upgrade,
  .button .icons-upgrade2 {
    left: 7px;
    top: -2px; }
  .button .icons-delete {
    top: -1px; }
  .button .icons-arrow-left2,
  .button .icons-arrow-left3 {
    left: 12px; }
  .button .icons-block3 {
    top: -1px; }
  .button .icons-import {
    top: -3px;
    left: 8px; }
  .button .icons-no-show {
    top: 3px;
    left: 8px; }
  .button.no-icon .button-inner {
    padding-left: 12px; }
  .button.no-txt .button-inner {
    padding-left: 10px;
    padding-right: 10px; }
  .button.no-txt .button-icon {
    position: relative;
    top: auto;
    left: auto; }

a.button {
  height: 27px;
  line-height: 27px;
  text-decoration: none; }

.button-big {
  min-height: 44px;
  font-size: 16px !important; }
  .button-big .button-inner {
    padding-left: 38px; }
  .button-big .button-icon {
    top: auto;
    left: 14px; }

.button-w100 {
  width: 100%;
  display: flex;
  justify-content: center; }

.button-left {
  justify-content: left; }

.button-bigger {
  min-height: 35px;
  height: auto;
  line-height: 16px; }
  .button-bigger .button-inner {
    padding: 4px 5px 3px 35px; }
  .button-bigger .button-icon {
    top: 5px;
    left: 12px; }

.button-flexible {
  min-height: 25px;
  height: auto;
  line-height: 17px; }
  .button-flexible .button-inner {
    padding-top: 5px;
    padding-bottom: 5px; }
  .button-flexible .button-icon {
    top: 6px; }

.button-smaller {
  min-height: 24px;
  height: auto;
  line-height: 17px; }
  .button-smaller .button-inner {
    padding: 5px 8px 5px 26px; }
  .button-smaller .button-icon {
    top: 5px;
    left: 8px; }

.button-mini {
  height: 24px; }
  .button-mini .button-inner {
    line-height: 24px;
    padding: 0 12px 0 28px;
    font-weight: 600;
    font-size: 12px; }
  .button-mini .button-icon {
    top: 4px;
    left: 8px;
    width: 16px;
    height: 16px; }

.button-primary {
  border: 1px solid #3ba150;
  border-bottom: 1px solid #3ba150;
  background-color: #3ba150; }
  .button-primary:hover, .button-primary:focus, .button-primary:active {
    border: 1px solid #247835;
    border-bottom: 1px solid #247835;
    background-color: #247835; }

.button-secondary {
  border: 1px solid #ff5c39;
  background-color: #ff5c39; }
  .button-secondary:hover, .button-secondary:focus, .button-secondary:active {
    border: 1px solid #d63700;
    background-color: #d63700;
    color: #fff; }

.button-edit {
  border: 1px solid #ce8716;
  border-bottom: 1px solid #b36b0d;
  background-color: #ff5c39;
  background-image: -owg-linear-gradient(#f1b02d, #e8870f);
  background-image: -webkit-linear-gradient(#f1b02d, #e8870f);
  background-image: -moz-linear-gradient(#f1b02d, #e8870f);
  background-image: -o-linear-gradient(#f1b02d, #e8870f);
  background-image: linear-gradient(#f1b02d, #e8870f);
  box-shadow: 0 1px 0 0 inset #f5c668;
  text-shadow: 0 1px 1px false #c98011; }
  .button-edit:hover, .button-edit:focus {
    border: 1px solid #b77b1d;
    border-bottom: 1px solid #9f5f0c;
    background-color: #e88800;
    background-image: -owg-linear-gradient(#efaa00, #e17600);
    background-image: -webkit-linear-gradient(#efaa00, #e17600);
    background-image: -moz-linear-gradient(#efaa00, #e17600);
    background-image: -o-linear-gradient(#efaa00, #e17600);
    background-image: linear-gradient(#efaa00, #e17600);
    color: #fff; }
  .button-edit:active {
    border: 1px solid #e88800;
    border-top: 1px solid #835519;
    background-color: #e88800;
    background-image: -owg-linear-gradient(#ce8412, #dc981d);
    background-image: -webkit-linear-gradient(#ce8412, #dc981d);
    background-image: -moz-linear-gradient(#ce8412, #dc981d);
    background-image: -o-linear-gradient(#ce8412, #dc981d);
    background-image: linear-gradient(#ce8412, #dc981d);
    box-shadow: inset 0 2px 3px 0 #e88800;
    color: #fff;
    text-shadow: 0 1px 1px false #e88800; }

.button-other {
  border: 1px solid #00b0b9;
  background-color: #00b0b9; }
  .button-other:hover, .button-other:focus, .button-other:active {
    border: 1px solid #018591;
    background-color: #018591;
    color: #fff; }

.button-attention {
  border: 1px solid #cf9d00;
  border-bottom: 1px solid #b38100;
  background-color: #ffb500;
  background-image: -owg-linear-gradient(#edcc0c, #da9d00);
  background-image: -webkit-linear-gradient(#edcc0c, #da9d00);
  background-image: -moz-linear-gradient(#edcc0c, #da9d00);
  background-image: -o-linear-gradient(#edcc0c, #da9d00);
  background-image: linear-gradient(#edcc0c, #da9d00);
  box-shadow: inset 0 1px 0 0 #f8ecae;
  text-shadow: 0 1px 1px false #bd9000; }
  .button-attention:hover, .button-attention:focus {
    border: 1px solid #c59300;
    border-bottom: 1px solid #a96c00;
    background-color: #e88800;
    background-image: -owg-linear-gradient(#efd20c, #d59300);
    background-image: -webkit-linear-gradient(#efd20c, #d59300);
    background-image: -moz-linear-gradient(#efd20c, #d59300);
    background-image: -o-linear-gradient(#efd20c, #d59300);
    background-image: linear-gradient(#efd20c, #d59300);
    color: #fff; }
  .button-attention:active {
    border: 1px solid #a87e0a;
    border-top: 1px solid #946411;
    background-color: #e88800;
    background-image: -owg-linear-gradient(#cfa000, #dcb200);
    background-image: -webkit-linear-gradient(#cfa000, #dcb200);
    background-image: -moz-linear-gradient(#cfa000, #dcb200);
    background-image: -o-linear-gradient(#cfa000, #dcb200);
    background-image: linear-gradient(#cfa000, #dcb200);
    box-shadow: inset 0 2px 3px 0 #b18900;
    color: #fff;
    text-shadow: 0 1px 1px false #ae8c00; }

.button-basic {
  border: 1px solid #b4b5af;
  border-bottom: 1px solid #989994;
  background-color: #e6e6e6;
  color: #4d4d4d; }
  .button-basic .button-inner {
    color: #4d4d4d; }
  .button-basic:hover, .button-basic:focus {
    border: 1px solid #b9bbb5;
    border-bottom: 1px solid #a0a19c;
    background-color: #b3b3b3;
    color: #4d4d4d; }
    .button-basic:hover .button-inner, .button-basic:focus .button-inner {
      color: #4d4d4d; }
  .button-basic:active {
    border: 1px solid #9c9e99;
    border-top: 1px solid #868783;
    background-color: #b3b3b3; }

.button-simple {
  outline: none;
  color: #fff;
  background-color: #b3b3b3;
  border-radius: 3px;
  border: 0;
  font-weight: 600;
  cursor: pointer; }
  .button-simple:hover {
    background-color: #666; }

.button-cancel,
.button-link {
  line-height: 30px;
  text-decoration: underline;
  font-weight: bold; }

.button.disabled,
.button:disabled {
  background-color: #b3b3b3;
  background-image: -owg-linear-gradient(#b3b3b3, #cdcdcd);
  background-image: -webkit-linear-gradient(#b3b3b3, #cdcdcd);
  background-image: -moz-linear-gradient(#b3b3b3, #cdcdcd);
  background-image: -o-linear-gradient(#b3b3b3, #cdcdcd);
  background-image: linear-gradient(#b3b3b3, #cdcdcd);
  border: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
  box-shadow: inset 0 1px 0 0 #d7d7d7;
  text-shadow: 0 1px 1px false #bababa;
  cursor: default; }
  .button.disabled.action-doing .button-icon,
  .button.disabled.action-doing .icons-tick,
  .button:disabled.action-doing .button-icon,
  .button:disabled.action-doing .icons-tick {
    width: 16px;
    height: 16px;
    top: -2px;
    left: 7px;
    background: url(loading-d40e3ae22f9ed133e52a90bd001c80d8.gif) 0 0 no-repeat; }
  .button.disabled.action-doing.button-reverse .button-icon,
  .button.disabled.action-doing.button-reverse .icons-tick,
  .button:disabled.action-doing.button-reverse .button-icon,
  .button:disabled.action-doing.button-reverse .icons-tick {
    left: auto; }

.data-actions .button {
  margin-right: 13px; }

.button-reverse .button-inner {
  padding-left: 12px;
  padding-right: 30px; }

.button-reverse .button-icon {
  left: auto;
  right: 12px; }

.button.button-grey {
  white-space: nowrap;
  margin-left: 8px;
  line-height: 15px;
  background-color: #e6e6e6;
  background-image: linear-gradient(-180deg, #f2f2f2 0%, #e6e6e6 100%);
  border: 1px solid #b3b3b3;
  box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.2);
  border-radius: 2px;
  color: #4d4d4d;
  padding: 5px 10px 2px 10px; }
  .button.button-grey .icon {
    margin-right: 8px;
    vertical-align: baseline; }
  .button.button-grey.with-icon {
    padding-left: 8px; }
  .button.button-grey.active {
    background: #808080;
    background-image: linear-gradient(-180deg, #808080 0%, #bfbfbf 100%);
    border: 1px solid #808080;
    box-shadow: none;
    color: #fff; }

.dialog2 .button,
.button.button2 {
  font-size: 12px;
  height: auto;
  border-radius: 2px;
  padding: 4px 10px 3px 10px; }
  .dialog2 .button.appointment--button,
  .button.button2.appointment--button {
    padding: 6px 10px 4px 10px; }
  .dialog2 .button.button-primary,
  .button.button2.button-primary {
    border: 1px solid #3ba150; }
  .dialog2 .button.button-blue,
  .button.button2.button-blue {
    background: #00b0b9;
    border: 1px solid #00b0b9; }
  .dialog2 .button.button-green,
  .button.button2.button-green {
    background: #3ba150;
    border-color: #3ba150; }
  .dialog2 .button.button-green-inverted,
  .button.button2.button-green-inverted {
    color: #3ba150; }
  .dialog2 .button + .appointment--action,
  .button.button2 + .appointment--action {
    margin-left: 16px; }

.ui-dialog.dialog2.calendar-item-editor .top {
  z-index: 1005; }

.ui-dialog.dialog2.calendar-item-editor .appointment-head-separator {
  margin: 0 -17px;
  border-bottom: 1px solid #b3b3b3;
  box-shadow: -1px 4px 10px -7px rgba(0, 0, 0, 0.75);
  z-index: 1002;
  position: relative; }
  .ui-dialog.dialog2.calendar-item-editor .appointment-head-separator.calendar-edit-title {
    z-index: 2;
    position: relative;
    box-shadow: 0px 6px 12px -8px rgba(0, 0, 0, 0.75);
    height: 26px;
    padding-left: 16px;
    padding-top: 0;
    margin-top: -3px; }

.ui-dialog.dialog2.calendar-item-editor .udv {
  font-size: 12px; }
  .ui-dialog.dialog2.calendar-item-editor .udv .full-loading {
    width: 100%; }
  .ui-dialog.dialog2.calendar-item-editor .udv .content-scroll {
    background-color: #f2f2f2;
    overflow-y: auto;
    position: relative;
    margin: 0 -17px; }
  .ui-dialog.dialog2.calendar-item-editor .udv .dialog2--footer {
    box-shadow: none;
    -webkit-box-shadow: none; }
    .ui-dialog.dialog2.calendar-item-editor .udv .dialog2--footer .button-blue {
      color: #fff;
      font-weight: bold; }
    .ui-dialog.dialog2.calendar-item-editor .udv .dialog2--footer .dialog2--button {
      font-size: 14px; }
  .ui-dialog.dialog2.calendar-item-editor .udv .icon {
    display: inline-block;
    vertical-align: middle; }
  .ui-dialog.dialog2.calendar-item-editor .udv .text-valid {
    color: #3ba150; }
  .ui-dialog.dialog2.calendar-item-editor .udv .ui-dialog-titlebar {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .ui-dialog.dialog2.calendar-item-editor .udv .js-attention {
    display: none;
    margin-top: 12px; }
  .ui-dialog.dialog2.calendar-item-editor .udv label,
  .ui-dialog.dialog2.calendar-item-editor .udv .silent {
    font-size: 12px;
    color: #808080;
    display: block;
    line-height: 10px;
    margin-top: 7px;
    margin-bottom: 5px; }
  .ui-dialog.dialog2.calendar-item-editor .udv input,
  .ui-dialog.dialog2.calendar-item-editor .udv select {
    box-sizing: border-box;
    color: #333; }
    .ui-dialog.dialog2.calendar-item-editor .udv input + .silent,
    .ui-dialog.dialog2.calendar-item-editor .udv select + .silent {
      margin-top: 4px; }
    .ui-dialog.dialog2.calendar-item-editor .udv input.disabled,
    .ui-dialog.dialog2.calendar-item-editor .udv select.disabled {
      color: graytext; }
  .ui-dialog.dialog2.calendar-item-editor .udv input {
    border: none;
    outline: none;
    border-bottom: 1px solid #b3b3b3;
    padding: 3px 4px 4px 0px;
    font-size: 14px; }
    .ui-dialog.dialog2.calendar-item-editor .udv input:hover, .ui-dialog.dialog2.calendar-item-editor .udv input:focus {
      border-bottom-color: #000; }
    .ui-dialog.dialog2.calendar-item-editor .udv input[disabled] {
      border-bottom-color: #b3b3b3; }
  .ui-dialog.dialog2.calendar-item-editor .udv input[type='text'],
  .ui-dialog.dialog2.calendar-item-editor .udv select {
    width: 100%;
    height: 27px;
    line-height: 26px;
    background: transparent;
    font-size: 14px; }
  .ui-dialog.dialog2.calendar-item-editor .udv input[type='checkbox'] {
    vertical-align: middle; }
  .ui-dialog.dialog2.calendar-item-editor .udv .select-dropdown .typeahead {
    padding-left: 5px; }
  .ui-dialog.dialog2.calendar-item-editor .udv .chosen-container .chosen-choices {
    border: none;
    border-bottom: 1px solid #b3b3b3;
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .ui-dialog.dialog2.calendar-item-editor .udv .chosen-container .chosen-choices:hover {
      border-bottom-color: #000; }
    .ui-dialog.dialog2.calendar-item-editor .udv .chosen-container .chosen-choices .search-choice {
      height: auto;
      margin: 0 23px 0 0;
      font-size: 14px;
      color: #333;
      border: none;
      background: #fff;
      line-height: 24px;
      padding: 0 18px 0 0; }
      .ui-dialog.dialog2.calendar-item-editor .udv .chosen-container .chosen-choices .search-choice .search-choice-close {
        top: 3px;
        background: transparent url(closing-x-slim@2x-ccc3f2d24255eb81ee7260272f0b7c3a.png) center center no-repeat;
        background-size: 9px 9px;
        cursor: pointer; }
      .ui-dialog.dialog2.calendar-item-editor .udv .chosen-container .chosen-choices .search-choice + .search-field {
        margin-right: -30px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .chosen-container .chosen-choices .search-field {
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .ui-dialog.dialog2.calendar-item-editor .udv .chosen-container .chosen-choices .search-field input {
        height: 22px;
        font-size: 14px;
        padding: 0 8px 0 0; }
    .ui-dialog.dialog2.calendar-item-editor .udv .chosen-container .chosen-choices .search-choice + .search-field input {
      padding-left: 8px; }
  .ui-dialog.dialog2.calendar-item-editor .udv .chosen-container .chosen-drop .chosen-results {
    font-size: 14px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .chosen-container .chosen-drop .chosen-results .highlighted {
      background-color: #e9f9e2; }
  .ui-dialog.dialog2.calendar-item-editor .udv .chosen-container.item-limit-reached .chosen-choices {
    background-image: none; }
    .ui-dialog.dialog2.calendar-item-editor .udv .chosen-container.item-limit-reached .chosen-choices .search-field {
      display: none; }
  .ui-dialog.dialog2.calendar-item-editor .udv .chosen-container.chosen-disabled .chosen-choices {
    border-bottom-color: #b3b3b3; }
  .ui-dialog.dialog2.calendar-item-editor .udv .chosen-container.chosen-disabled .search-choice .search-choice-close {
    display: none; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment-skus-limit-notice {
    font-weight: bold;
    margin-bottom: 7px; }
  .ui-dialog.dialog2.calendar-item-editor .udv .no-label {
    padding-top: 22px; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--error {
    margin: 14px;
    background: #f7d8d9;
    border: 1px solid #ac1b1e;
    color: #ac1b1e;
    padding: 8px 12px; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--action {
    color: #001e62;
    font-size: 14px;
    font-weight: 300;
    cursor: pointer;
    line-height: 20px;
    display: inline-block; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--action + .appointment--action {
      margin-left: 16px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--action.hidden {
      display: none; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--duration {
    position: relative; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item--gap, .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item--cleanup {
    font-size: 12px;
    font-weight: bold;
    color: #4d4d4d;
    line-height: 2.5;
    background: url(appointment-gap-534c3a02126081088666bf8f1c64839b.png) repeat;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 0 18px; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item--gap {
    margin: 14px 0; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item--cleanup + .appointment--item--gap {
    border-top: none; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item--content {
    padding: 0 14px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item--content .appointment--item--cleanup,
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item--content .appointment--item--gap {
      margin: 14px -14px 0; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item--content .appointment--item--cleanup + .appointment--item--gap {
      margin-top: 0; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item--footer {
    border-top: 1px solid #e6e6e6;
    padding: 7px 0 8px 0;
    margin: 0 14px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item--footer .subrow {
      color: #4d4d4d;
      line-height: 22px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item--footer .icon-warning {
      display: inline-block;
      background: transparent url(warning-f9760811abb6910571ef4ec5c41e6472.png) no-repeat center;
      width: 16px;
      height: 14px;
      vertical-align: middle;
      margin-right: 4px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item--footer .icon-warning {
          background-image: url(warning@2x-32696f172b3783ab40eb9764de10db7a.png);
          background-size: cover; } }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item--footer .appointment--item--price {
      float: right;
      margin-left: 27px;
      margin-top: 2px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item--footer .status {
      float: right;
      color: #fff;
      font-size: 10px;
      text-transform: uppercase;
      line-height: 15px;
      font-weight: 300;
      padding: 2px 6px 6px 6px; }
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item--footer .status-prepaid {
        background-color: #3ba150; }
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item--footer .status-unpaid {
        background-color: #e10006; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item .appointment--package--name {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item .appointment--package--price {
    font-weight: 600;
    font-size: 14px; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item .appointment--package--service-name {
    font-size: 14px; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--content--item {
    margin-bottom: 4px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--content--item.float {
      float: left; }
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--content--item.float.right {
        float: right;
        margin-left: 0; }
        .ui-dialog.dialog2.calendar-item-editor .udv .appointment--content--item.float.right + .right {
          margin-right: 14px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--content--item.for-input {
      width: 110px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--content--item.for-small-select, .ui-dialog.dialog2.calendar-item-editor .udv .appointment--content--item.for-medium-select, .ui-dialog.dialog2.calendar-item-editor .udv .appointment--content--item.for-large-select {
      margin-left: 16px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--content--item.for-small-select {
      width: 63px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--content--item.for-medium-select {
      width: 110px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--content--item.for-large-select {
      width: 130px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--content--item.for-max-select {
      width: 217px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--content--item.clear {
      clear: both; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--content--item.extra-padding {
      padding-top: 4px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--content--item .extra-top-margin {
      margin-top: 10px; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--note {
    background: transparent url(notes-icon-16-a3786dd561a8ac49e4a245bbb174db6b.svg) no-repeat top 0px left 4px;
    padding: 0px 32px 8px 32px;
    color: #000;
    line-height: 17px;
    margin: 0 14px 8px 14px;
    font-size: 14px; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--acquisition--note {
    border: 1px solid #d9f5cb;
    border-radius: 4px;
    padding: 11px 32px 12px 40px;
    color: #333;
    line-height: 17px;
    margin: 0 14px 8px 14px;
    font-size: 14px;
    display: none; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--acquisition--note.bg-tw {
      background: #e9f9e2 url(tw-logo-icon-24-a0b3a876ab2c443acb60699d7da7ea74.svg) no-repeat top 8px left 8px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--acquisition--note.bg-repeat {
      background: #e9f9e2 url(repeat-icon-24-948b695c52776d074976b85bf60f80dc.svg) no-repeat top 8px left 8px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--acquisition--note.bg-new {
      background: #e9f9e2 url(new-client-icon-24-33a3f8baa8b410058133d979684255fc.svg) no-repeat top 8px left 8px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--acquisition--note.bg-widget {
      background: #e9f9e2 url(booking-widget-icon-24-2bb8a57a2df42a15f56c5f7842c1690c.svg) no-repeat top 8px left 8px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--acquisition--note .appointment--acquisition--note--link {
      display: none; }
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--acquisition--note .appointment--acquisition--note--link a {
        text-decoration: none; }
  .ui-dialog.dialog2.calendar-item-editor .udv .textarea-container {
    padding-right: 28px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .textarea-container textarea.appointment--note {
      box-sizing: border-box;
      display: block;
      width: 100%;
      padding-left: 24px;
      padding-right: 12px;
      resize: vertical;
      padding: 7px 32px 8px 32px;
      background: #fdf9e5 url(notes-icon-16-a3786dd561a8ac49e4a245bbb174db6b.svg) no-repeat top 7px left 4px;
      border: 1px solid #f9e89f;
      border-radius: 4px; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--add {
    margin-left: 14px;
    margin-bottom: 20px; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--checkout-info {
    clear: both; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--checkout-info .title {
      width: 100%; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--checkout-info .text-valid {
      text-align: right;
      white-space: nowrap; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--checkout-info .text-price {
      padding: 0 10px;
      width: 90px;
      text-align: right;
      display: inline-block;
      font-size: 14px; }
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--checkout-info .text-price.strong {
        font-weight: bold; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--checkout-info td {
      line-height: 22px; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--table {
    display: table; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--table--row {
      display: table-row; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--table--cell {
      display: table-cell;
      vertical-align: top; }
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--table--cell.full-width {
        width: 100%; }
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--table--cell .customer-search {
        background: white url(search-lupe-22a9d9aaa4c08d2991023b7b83897101.png) no-repeat 6px center;
        padding-left: 26px; }
        .ui-dialog.dialog2.calendar-item-editor .udv .appointment--table--cell .customer-search.ui-autocomplete-loading {
          background-image: url(loader-light-a3697659ffb2b34a2b60504db1a6772a.gif); }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--actions {
    float: left; }
  .ui-dialog.dialog2.calendar-item-editor .udv .js-bkg-actor {
    cursor: pointer; }
  .ui-dialog.dialog2.calendar-item-editor .udv .udv-appointments {
    padding: 14px 0; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item,
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package {
    background-color: #fff; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item + .appointment--item,
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package + .appointment--item {
      margin-top: 14px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item.with-status .appointment--item--status-container,
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package.with-status .appointment--item--status-container {
      padding-top: 8px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item.with-status .appointment--item--status,
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item.with-status .payment-status,
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package.with-status .appointment--item--status,
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package.with-status .payment-status {
      line-height: 16px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item.with-status.status-scheduled,
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package.with-status.status-scheduled {
      border-left: 4px solid #3ba150; }
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item.with-status.status-scheduled .appointment--item--status,
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package.with-status.status-scheduled .appointment--item--status {
        color: #3ba150; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item.with-status.status-not-confirmed,
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package.with-status.status-not-confirmed {
      border-left: 4px solid #ffb500; }
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item.with-status.status-not-confirmed .appointment--item--status,
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package.with-status.status-not-confirmed .appointment--item--status {
        color: #ffb500; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item.with-status.status-rejected, .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item.with-status.status-cancelled, .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item.with-status.status-noshow,
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package.with-status.status-rejected,
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package.with-status.status-cancelled,
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package.with-status.status-noshow {
      border-left: 4px solid #d63700; }
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item.with-status.status-rejected .appointment--item--status, .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item.with-status.status-cancelled .appointment--item--status, .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item.with-status.status-noshow .appointment--item--status,
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package.with-status.status-rejected .appointment--item--status,
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package.with-status.status-cancelled .appointment--item--status,
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package.with-status.status-noshow .appointment--item--status {
        color: #d63700; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item.with-status.status-checkedout,
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package.with-status.status-checkedout {
      border-left: 4px solid #00b0b9; }
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item.with-status.status-checkedout .appointment--item--status,
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package.with-status.status-checkedout .appointment--item--status {
        color: #00b0b9; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item.with-status.loading,
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package.with-status.loading {
      position: relative; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item .appointment--action + .icon,
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item .appointment--button + .icon,
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .appointment--action + .icon,
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .appointment--button + .icon {
      margin-left: 16px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item--status,
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item .package-appointment--type,
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package--status,
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .package-appointment--type {
      padding-left: 14px;
      text-transform: uppercase;
      font-size: 10px;
      font-weight: bold;
      line-height: 12px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item .payment-status,
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item .package-appointment--type,
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .payment-status,
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .package-appointment--type {
      padding-left: 4px; }
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item .payment-status.checkedOut,
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item .package-appointment--type.checkedOut,
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .payment-status.checkedOut,
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .package-appointment--type.checkedOut {
        color: #808080; }
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item .payment-status.prepaid,
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item .package-appointment--type.prepaid,
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .payment-status.prepaid,
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .package-appointment--type.prepaid {
        color: #3ba150; }
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item .payment-status.unpaid,
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item .package-appointment--type.unpaid,
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .payment-status.unpaid,
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .package-appointment--type.unpaid {
        color: #d63700; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item .appointment--payment-info,
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .appointment--payment-info {
      float: right;
      font-size: 11px;
      text-transform: uppercase; }
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item .appointment--payment-info .price,
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .appointment--payment-info .price {
        margin-left: 4px;
        font-weight: bold;
        font-size: 12px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item .appointment--source,
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .appointment--source {
      padding-left: 14px;
      color: #808080;
      font-size: 12px;
      margin-top: 5px;
      margin-bottom: 8px; }
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item .appointment--source .icon,
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .appointment--source .icon {
        margin-top: -2px;
        margin-right: 6px; }
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item .appointment--source .link,
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .appointment--source .link {
        color: #001e62;
        cursor: pointer; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item--row .appointment--item--row--title,
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package--row .appointment--item--row--title {
      margin-top: 14px;
      margin-bottom: 1px; }
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item--row .appointment--item--row--title .appointment--package--item-title,
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package--row .appointment--item--row--title .appointment--package--item-title {
        font-size: 16px; }
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item--row .appointment--item--row--title .sku-title,
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package--row .appointment--item--row--title .sku-title {
        color: #a8a0a0; }
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item--row .appointment--item--row--title .appointment--package--item-sku-title,
      .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package--row .appointment--item--row--title .appointment--package--item-sku-title {
        font-size: 14px;
        color: #a8a0a0;
        line-height: 16px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item--row .appointment--item--row--spacer,
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package--row .appointment--item--row--spacer {
      height: 7px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item--row .input-like,
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package--row .input-like {
      color: #000;
      line-height: 27px;
      font-size: 14px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--item--row .right,
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package--row .right {
      text-align: left; }
  .ui-dialog.dialog2.calendar-item-editor .udv .checkout--title {
    margin: 24px 12px 12px 12px;
    display: block;
    font-size: 12px;
    letter-spacing: 3px;
    text-transform: uppercase; }
    .ui-dialog.dialog2.calendar-item-editor .udv .checkout--title:first-child {
      margin: 15px 12px 17px 12px; }
  .ui-dialog.dialog2.calendar-item-editor .udv .checkout--item {
    margin: 12px 12px 34px 12px;
    border: 1px solid #b3b3b3;
    border-radius: 4px;
    background-color: #fff;
    font-size: 14px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .checkout--item .item {
      padding: 19px 0;
      margin: 0 14px;
      border-bottom: 1px solid #e6e6e6; }
      .ui-dialog.dialog2.calendar-item-editor .udv .checkout--item .item .time-date {
        color: #3ba150;
        font-weight: bold; }
      .ui-dialog.dialog2.calendar-item-editor .udv .checkout--item .item:last-child {
        border-bottom: none; }
      .ui-dialog.dialog2.calendar-item-editor .udv .checkout--item .item.link {
        cursor: pointer; }
      .ui-dialog.dialog2.calendar-item-editor .udv .checkout--item .item.cancelled .time-date {
        color: #d63700; }
    .ui-dialog.dialog2.calendar-item-editor .udv .checkout--item .price,
    .ui-dialog.dialog2.calendar-item-editor .udv .checkout--item .quantity {
      float: right; }
    .ui-dialog.dialog2.calendar-item-editor .udv .checkout--item .price {
      width: 80px;
      text-align: right;
      color: #000;
      font-weight: bold; }
    .ui-dialog.dialog2.calendar-item-editor .udv .checkout--item .name {
      color: #000;
      width: 66%;
      display: inline-block; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .appointment--package--status-container .package-appointment--type {
    color: #9b9b9b; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .appointment--package--status-container .appointment--package--name {
    color: #333;
    padding: 4px 0 4px 14px; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .appointment--package--list .appointment--item {
    border: none;
    border-radius: 0;
    border-top: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
    background-color: transparent;
    margin: 0; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .appointment--package--list .appointment--item:first-child {
      border-top: 1px solid #e6e6e6; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .appointment--package--list .appointment--item .appointment--content--item {
      margin-top: 8px; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .appointment--package--notes {
    padding-top: 10px;
    border-bottom: 1px solid #e6e6e6;
    padding-right: 24px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .appointment--package--notes textarea {
      width: 100%;
      box-sizing: border-box; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .appointment--package--action-choices {
    padding: 8px 0 6px 14px;
    border-bottom: 1px solid #e6e6e6; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .appointment--package--actions {
    padding: 7px 0 8px 0;
    margin: 0 12px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .appointment--package--actions .appointment--payment-info {
      margin-right: 14px; }
    .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .appointment--package--actions.with-buttons .appointment--payment-info {
      margin-top: 5px; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .appointment--package .package-appointment--type {
    padding-left: 14px; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .appointment--package .appointment--content--item.for-max-select {
    width: 200px; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .appointment--package .appointment--content--item.for-large-select {
    width: 100px; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .appointment--package .appointment--package--actions {
    display: none; }
  .ui-dialog.dialog2.calendar-item-editor .udv .appointment--package .appointment--source {
    border-bottom: 1px solid #b3b3b3;
    margin-top: 8px;
    margin-bottom: 0;
    padding-bottom: 7px; }
  .ui-dialog.dialog2.calendar-item-editor .udv.with-styled-inputs select {
    border: 1px solid #e6e6e6;
    border-radius: 4px; }

.appointment-deletion-proxy {
  font-size: 14px; }
  .appointment-deletion-proxy.dialog2--button-choices .title.with-icon {
    margin-left: 0; }
  .appointment-deletion-proxy .notify {
    display: block;
    margin-top: 6px; }
  .appointment-deletion-proxy .ui-dialog-content > .title {
    font-weight: bold;
    margin-bottom: 2px;
    color: #4d4d4d; }
    .appointment-deletion-proxy .ui-dialog-content > .title.with-icon {
      margin-left: -25px;
      padding-left: 25px;
      background: transparent url(attention-small-5a9e0ad1120c1017eb152b809b98976f.svg) no-repeat left 4px;
      background-size: 12px; }
  .appointment-deletion-proxy .intro {
    color: #4d4d4d;
    margin: 0 0 15px 0; }
  .appointment-deletion-proxy .refund-options__option {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 16px;
    padding-bottom: 16px; }
    .appointment-deletion-proxy .refund-options__option:last-child {
      border-bottom: none;
      padding-bottom: 0; }
    .appointment-deletion-proxy .refund-options__option__body {
      color: #808080;
      font-size: 12px;
      margin: 8px 0 0 18px; }

.appointment-cancellation--confirm ul.disc,
.appointment-deletion-proxy ul.disc {
  list-style: disc;
  margin-left: 26px;
  margin-top: 15px; }
  .appointment-cancellation--confirm ul.disc.mb,
  .appointment-deletion-proxy ul.disc.mb {
    margin-bottom: 30px; }

.pos-checkout-section--item {
  z-index: 1; }
  .pos-checkout-section--item-edit-view {
    border: 1px solid #e6e6e6;
    border-radius: 3px 3px;
    box-shadow: -1px -2px 13px -7px rgba(0, 0, 0, 0.75);
    width: 100%;
    box-sizing: border-box; }
    .pos-checkout-section--item-edit-view-validation-message > * {
      margin-top: 16px; }
    .pos-checkout-section--item-edit-view-disabled-message {
      margin-top: 16px; }
    .pos-checkout-section--item-edit-view-container {
      padding: 16px; }
    .pos-checkout-section--item-edit-view-details {
      display: flex;
      justify-content: space-between; }
    .pos-checkout-section--item-edit-view-content {
      padding: 16px 16px 18px 16px; }
    .pos-checkout-section--item-edit-view-actions {
      border-top: 1px solid #e6e6e6;
      display: flex;
      justify-content: space-between; }
    .pos-checkout-section--item-edit-view-service {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-weight: 700;
      margin-right: 12px;
      height: 25px;
      border: 0;
      border-bottom: 1px solid #f2f2f2;
      box-shadow: 0px 1px #f2f2f2;
      border-radius: 0 0;
      line-height: 23px;
      width: 100%; }
    .pos-checkout-section--item-edit-view-discount {
      line-height: 26px;
      margin-top: 12px;
      color: #808080;
      display: inline-block;
      font-weight: 400; }
      .pos-checkout-section--item-edit-view-discount .discounts-underlined-input {
        margin-left: 10px; }
  .pos-checkout-section--item .pricing {
    display: inline-block;
    height: 26px;
    max-width: 93px;
    vertical-align: middle;
    float: left;
    padding-right: 7px;
    margin-right: 6px; }
  .pos-checkout-section--item .action {
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    display: inline-block;
    height: 24px; }
    .pos-checkout-section--item .action.cancel {
      top: 3px;
      left: 1px;
      cursor: pointer;
      background-image: url(pos-icon-close-a1e5a3c2971977e57d4bb1dcfd41df94.svg); }
  .pos-checkout-section--item .quantity-and-price {
    float: right;
    padding-right: 20px; }
  .pos-checkout-section--item .quantity-and-price,
  .pos-checkout-section--item .payment-subtype {
    color: #7e7e7e;
    white-space: nowrap;
    flex: 0; }
  .pos-checkout-section--item.payments-section {
    margin-top: 16px; }
    .pos-checkout-section--item.payments-section .pricing {
      float: right;
      padding-right: 0;
      margin-right: 0; }

.pos-checkout-added-payments--subtotal {
  font-weight: bold; }

/* Add product form */
.pos-item-add--container {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  overflow: hidden;
  *zoom: 1;
  user-select: none;
  background-color: #fff;
  align-items: baseline; }
  .pos-checkout-added-products .pos-item-add--container {
    box-sizing: border-box;
    position: relative; }
  .pos-item-add--container .shrinking {
    display: flex;
    flex-grow: 1;
    white-space: nowrap;
    flex-wrap: wrap;
    align-items: baseline; }
    .pos-item-add--container .shrinking--item {
      display: inline-block; }
  .pos-item-add--container .cancel-container {
    padding: 0px 16px 0px 16px; }

.checkout-item-buttons {
  border-top: 1px solid #e6e6e6;
  display: flex;
  justify-content: space-between; }

.checkout-item-edit {
  margin: 0 16px;
  border: 1px solid #e6e6e6;
  border-radius: 3px 3px;
  box-shadow: -1px -2px 13px -7px rgba(0, 0, 0, 0.75);
  width: 100%; }

.checkout-item-edit-form {
  padding: 16px 16px 18px 16px; }

.discounts-underlined-input {
  background-color: transparent;
  text-align: left;
  border: 0;
  border-radius: 0 0;
  line-height: 23px;
  width: 25px;
  box-shadow: 0px 2px #e6e6e6;
  margin-right: -14px;
  padding-right: 14px; }
  .discounts-underlined-input:focus {
    box-shadow: 0px 2px #00b0b9; }

/* Add product form */
.pos-item-select {
  /* for centering items against button (not contained) */
  /* all elements within a line item */
  /* autocomplete search box elements */
  /* price with currency symbol & input */ }
  .pos-item-select--input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-weight: 400; }
  .pos-item-select--input::-moz-placeholder {
    /* Firefox 19+ */
    font-weight: 400; }
  .pos-item-select--input:-ms-input-placeholder {
    /* IE 10+ */
    font-weight: 400; }
  .pos-item-select--input:-moz-placeholder {
    /* Firefox 18- */
    font-weight: 400; }
  .pos-item-select--attributes {
    display: flex;
    color: #808080; }
  .pos-item-select--container {
    box-sizing: border-box;
    min-height: 48px;
    margin: 0;
    padding: 17px 16px 0px 16px;
    display: block;
    background-color: #fff;
    overflow-x: hidden; }
    .pos-item-select--container.add-actions {
      overflow-y: hidden;
      min-height: 0; }
    .pos-item-select--container.pos-checkout--appointments {
      padding: 0; }
    .pos-item-select--container.product {
      cursor: pointer;
      display: flex;
      align-items: flex-start;
      padding-top: 16px;
      padding-bottom: 16px; }
      .pos-item-select--container.product:hover {
        background-color: #f2f2f2; }
    .pos-checkout-added-products .pos-item-select--container,
    .pos-checkout-added-payments .pos-item-select--container {
      position: relative; }
    .pos-item-select--container .pos-checkout-added-payments .pos-checkout-section--item .pricing {
      float: right; }
    .pos-item-select--container .action.cancel {
      position: relative; }
      .pos-item-select--container .action.cancel.pos-item-select--cancel {
        top: 0; }
    .pos-item-select--container .remove-container {
      display: inline-block;
      margin-right: 16px; }
    .pos-item-select--container .payment-subtype {
      vertical-align: top; }
    .pos-item-select--container .product-info-additional {
      width: 100%; }
    .pos-item-select--container .product-info {
      display: flex;
      align-items: baseline;
      width: 100%;
      flex-direction: row;
      flex-wrap: wrap; }
      .pos-item-select--container .product-info .price {
        flex: 1; }
      .pos-item-select--container .product-info .price-original {
        text-decoration: line-through;
        font-size: 12px; }
      .pos-item-select--container .product-info .product-sold-by {
        flex: 0 1 100%;
        font-size: 12px; }
    .pos-item-select--container .name {
      display: inline-block;
      width: auto;
      max-width: 385px;
      position: relative;
      left: 2px;
      margin-right: 5px;
      margin-left: 32px;
      word-wrap: break-word;
      max-height: 2em;
      overflow: hidden; }
      .pos-item-select--container .name.product {
        line-height: 24px;
        font-weight: 700;
        left: 0;
        margin-left: 0; }
      .pos-item-select--container .name.name--uneditable {
        color: #4d4d4d;
        margin-left: 0; }
      .pos-item-select--container .name.with-quantity {
        max-width: 300px; }
      .pos-item-select--container .name.card {
        max-width: 280px; }
        .pos-item-select--container .name.card.with-tip {
          max-height: 40px;
          display: inline-block; }
      .pos-item-select--container .name .voucher-tip,
      .pos-item-select--container .name .card-type-tip {
        color: #808080; }
    .pos-item-select--container .pos-add-icon {
      background: transparent url(add-bd65f73ab391376c17b0b107b542c29d.svg) no-repeat center center;
      display: inline-block;
      width: 18px;
      height: 18px; }
  .pos-item-select--item-container {
    float: left;
    display: inline-block;
    position: relative;
    top: 12px;
    left: 3px;
    user-select: none; }
  .pos-item-select--product {
    padding-bottom: 12px; }
    .pos-item-select--product.with-errors {
      padding-bottom: 0; }
  .pos-item-select--item {
    float: none; }
    .pos-item-select--item--employee {
      margin-right: 20px;
      display: flex;
      align-items: center;
      line-height: 23px; }
      .pos-item-select--item--employee .ui-selectmenu {
        box-shadow: 0px 2px #e6e6e6; }
      .pos-item-select--item--employee .ui-selectmenu-icon {
        margin-top: -3px; }
      .pos-item-select--item--employee .ui-selectmenu-status {
        margin-top: -1px;
        padding-right: 25px;
        white-space: nowrap;
        max-width: 120px;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 25px; }
    .pos-item-select--item--quantity {
      margin: 0 0 0 16px; }
    .pos-item-select--item--stock-warning {
      text-align: center;
      color: #d63700;
      font-size: 11px;
      line-height: 16px;
      margin-bottom: -3px; }
  .pos-item-select--cancel {
    height: 28px;
    vertical-align: top; }
  .pos-item-select--search {
    /* product autocomplete search box element */ }
    .pos-item-select--search-product {
      width: 150px;
      flex-grow: 1; }
      .pos-item-select--search-product .txt-input {
        margin-right: 12px;
        height: 25px;
        border: 0;
        border-bottom: 1px solid #cdcdcd;
        box-shadow: 0px 1px #dfdfdf;
        border-radius: 0 0;
        line-height: 23px; }
  .pos-item-select-pricing .pricing {
    margin-right: 0;
    padding-right: 0;
    float: none; }

.js-service-row {
  clear: both; }

.pos-checkout--appointments {
  user-select: none; }
  .pos-checkout--appointments-row {
    display: flex;
    justify-content: space-between; }
  .pos-checkout--appointments-price-before-discount {
    white-space: nowrap;
    margin-left: 8px;
    font-size: 12px;
    line-height: 16px;
    text-decoration: line-through; }
  .pos-checkout--appointments-appointment {
    display: flex; }
    .pos-checkout--appointments-appointment:hover {
      background-color: #f2f2f2; }
  .pos-checkout--appointments-item {
    padding: 16px 16px 16px 0;
    width: 100%;
    position: relative;
    cursor: pointer; }
  .pos-checkout--appointments-price {
    margin-left: 8px;
    white-space: nowrap;
    font-weight: 700;
    color: #000; }
  .pos-checkout--appointments-icon {
    cursor: pointer;
    margin: 16px;
    display: inline-block;
    position: relative;
    width: 25px;
    height: 24px;
    -webkit-border-radius: 100% 100%;
    -moz-border-radius: 100% / 100%;
    border-radius: 100% / 100%;
    background-image: url(round-checkbox-78a2bc5289cd416099837cedb2a9074e.svg);
    background-size: cover; }
    .pos-checkout--appointments-icon.checked {
      background-image: url(selected_checkcircle-68b9aef35508845e01fce6252532834e.svg); }
  .pos-checkout--appointments-name-price {
    margin-bottom: 4px;
    display: flex;
    justify-content: space-between; }
  .pos-checkout--appointments-name {
    display: inline-block;
    font-weight: bold; }
  .pos-checkout--appointments-sku-name {
    display: block;
    font-size: 12px;
    color: #333;
    margin-bottom: 4px;
    line-height: 16px; }
  .pos-checkout--appointments-currency-container {
    padding-left: 10px;
    background-color: #fff;
    user-select: none;
    display: inline-block;
    float: right;
    height: 45px;
    position: absolute; }
  .pos-checkout--appointments-package-label {
    color: #adadad; }
  .pos-checkout--appointments .appointment-employee {
    color: #adadad; }
  .pos-checkout--appointments .date-time {
    font-size: 12px;
    display: inline-block;
    height: 1em;
    line-height: 1.1em;
    overflow: hidden; }
  .pos-checkout--appointments .validation-message {
    float: right;
    color: red;
    font-size: 12px;
    position: relative;
    width: 140px;
    text-align: right;
    margin-bottom: 10px; }
  .pos-checkout--appointments .appointment-employee {
    width: 60%; }

.currency-input.txt-input {
  position: relative;
  display: table;
  box-sizing: border-box;
  height: 25px;
  border: 0;
  border-collapse: separate;
  border-bottom: 1px solid #cdcdcd;
  box-shadow: 0px 1px #dfdfdf;
  border-radius: 0 0; }
  .currency-input.txt-input input {
    height: 25px;
    display: table-cell;
    width: 100%;
    text-align: right; }

.currency-input--large.txt-input {
  width: 170px; }

.currency-input--small.txt-input {
  width: 70px; }

.currency-input--small.txt-input.with-code {
  width: 80px; }

.currency-input--symbol {
  display: table-cell;
  width: 1%;
  box-sizing: border-box;
  white-space: nowrap;
  vertical-align: middle;
  color: #808080; }
  .currency-input--before .currency-input--symbol {
    text-align: left;
    padding-right: 3px; }
  .currency-input--after .currency-input--symbol {
    text-align: right;
    padding-left: 3px; }

.selectmenu {
  padding: 6px 0 0 0;
  margin: 0 14px;
  position: relative; }

.selectmenu-heading {
  font-size: 12px;
  color: #808080;
  margin-bottom: 2px; }

.ui-selectmenu {
  height: auto; }

.ui-selectmenu-status {
  padding: 0 16px 0 0;
  color: #333; }

.ui-selectmenu-icon {
  margin-top: -6px;
  border: 6px solid;
  border-color: #333 transparent transparent transparent;
  right: 0; }

.ui-selectmenu-menu {
  left: 0; }
  .ui-selectmenu-menu ul {
    overflow: hidden; }

.ui-selectmenu-open {
  background-color: #fff;
  height: 120px;
  overflow: hidden;
  overflow-y: auto;
  border: 1px solid #f2f2f2;
  border-radius: 3px;
  box-shadow: 0px 3px 10px -5px rgba(0, 0, 0, 0.75); }
  .ui-selectmenu-open .ui-selectmenu-item-focus {
    background-color: #00b0b9; }
    .ui-selectmenu-open .ui-selectmenu-item-focus a {
      color: #fff; }

.ui-selectmenu-menu-dropdown {
  width: 227px !important; }
  .ui-selectmenu-menu-dropdown li a {
    padding-left: 11px;
    color: #666; }

.pos-checkout-dialog .dialog2--content,
.pos-checkout-dialog .content-scroll,
.pos-checkout-column--left,
.pos-checkout-column--right {
  background-color: #fff; }

.pos-checkout-dialog .content-scroll {
  display: flex; }

.pos-checkout-dialog.ui-dialog .ui-dialog-content {
  overflow: visible; }

.pos-checkout-lite {
  max-height: 450px;
  padding-bottom: 16px;
  overflow-x: hidden;
  overflow-y: auto;
  flex-grow: 1; }
  .pos-checkout-lite .pos-checkout--appointments .js-currency-container {
    left: 86%; }

.ui-dialog.dialog2.pos-checkout-dialog.with-client .ui-dialog-titlebar {
  border-bottom: none;
  box-shadow: none; }

.ui-dialog.dialog2.pos-checkout-dialog.with-client .inline-client {
  position: relative;
  border-bottom: 1px solid #b3b3b3;
  box-shadow: -1px 2px 13px -7px rgba(0, 0, 0, 0.75); }

.ui-dialog.dialog2.pos-checkout-dialog.with-client .pos-checkout-column--left {
  height: 370px; }

.pos-checkout-column--left {
  width: calc(100% - 234px);
  height: 425px;
  overflow-y: auto;
  overflow-x: hidden;
  border-right: 1px solid #e6e6e6; }

.pos-checkout-column--right {
  width: 233px;
  background-color: #fff;
  overflow: hidden; }

.pos-checkout {
  padding-top: 8px; }
  .pos-checkout .bold {
    font-weight: 700; }
  .pos-checkout--button {
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    padding: 17px 16px 14px 16px;
    cursor: pointer;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #666;
    text-align: center; }
    .pos-checkout--button:focus {
      outline: none; }
  .pos-checkout--button-cancel {
    margin: 0;
    background-color: #fff;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #e6e6e6; }
  .pos-checkout--button-left {
    float: left;
    border-right: 1px solid #e6e6e6; }
  .pos-checkout--button-right {
    float: right;
    border-left: 1px solid #e6e6e6;
    background-color: #00b0b9;
    color: #fff;
    font-weight: bold;
    border-color: #00b0b9; }
  .pos-checkout--button-payment {
    box-sizing: border-box;
    width: 50%; }
  .pos-checkout--button-action {
    margin: 0;
    background-color: #00b0b9;
    color: #fff; }
  .pos-checkout--button-disabled {
    color: #919191;
    background: #626262;
    cursor: default; }
  .pos-checkout--button-complete {
    box-sizing: border-box;
    width: 165px;
    min-height: 48px;
    border-left: 1px solid #e6e6e6;
    text-align: center; }
  .pos-checkout--button-bold {
    font-weight: bold; }
  .pos-checkout .price {
    float: right;
    width: auto;
    width: 100px;
    text-align: right; }

.pos-checkout-section-header {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: 20px 20px 10px 16px;
  font-size: 12px;
  font-weight: bold;
  background-color: #ededed;
  text-transform: uppercase;
  color: #4d4d4d; }
  .services-summary-section .pos-checkout-section-header {
    border-top: 0; }

/* payment column */
.pos-payment-container {
  padding: 10px 15px;
  min-height: 168px; }

.pos-payment {
  border-radius: 3px 3px;
  margin-bottom: 8px;
  /* payment edit form */
  /* payment edit form footer button container */ }
  .pos-payment:last-child {
    margin-bottom: 0; }
  .pos-payment--edit {
    border: 1px solid #e6e6e6;
    border-radius: 3px 3px;
    box-shadow: -1px -2px 13px -7px rgba(0, 0, 0, 0.75); }
    .pos-payment--edit ul {
      padding-bottom: 12px; }
    .pos-payment--edit li {
      margin: 10px 15px 0 15px; }
    .pos-payment--edit select {
      font-family: 'Source Sans Pro', sans-serif;
      margin: 12px 0px 3px 0px;
      width: 100%;
      border: 0;
      background-color: #fff; }
    .dialog2 .pos-payment--edit select {
      height: 21px; }
    .pos-payment--edit input {
      width: 100%;
      border: 0; }
    .pos-payment--edit .txt-input-voucher {
      border: 0;
      border-bottom: 1px solid #cdcdcd;
      box-shadow: 0px 1px #dfdfdf;
      border-radius: 0 0; }
  .pos-payment--footer {
    box-sizing: border-box;
    border-top: 1px solid #ececec; }

.pos-payment-summary {
  width: 233px;
  background-color: #fafafa;
  margin-top: 5px;
  border-top: 1px solid #e6e6e6; }
  .pos-payment-summary .row.important {
    font-weight: bold; }
  .pos-payment-summary .row .balance-type {
    float: left;
    width: 134px; }
  .pos-payment-summary .row .price {
    width: 75px; }

.pos-employee-selection {
  border-top: 1px solid #e6e6e6;
  height: 41px; }
  .pos-employee-selection .ui-selectmenu-open {
    top: 20px !important;
    height: auto;
    max-height: 120px;
    box-shadow: 0px 5px 13px -5px black;
    border-color: #b3b3b3; }

.footer-balance-due-lite .price {
  font-weight: bold;
  margin-left: 14px; }

/* Large heading with icon */
.pos-action-button {
  height: 48px; }

.pos-icon-heading-container {
  border-radius: 3px 3px;
  border: 1px solid #00b0b9;
  background-color: #00b0b9; }
  .pos-icon-heading-container:hover {
    background-color: #018591;
    border-color: #018591; }
  .pos-icon-heading-container.pos-complete--rebook {
    background-color: #b3b3b3;
    border-color: #b3b3b3; }
    .pos-icon-heading-container.pos-complete--rebook:hover {
      background-color: #b3b3b3;
      border-color: #b3b3b3; }

.pos-rebook-container {
  border-radius: 3px 3px;
  border: 1px solid #00b0b9;
  background-color: #00b0b9; }

.pos-icon-heading {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  padding: 5px 12px 0 10px;
  color: #fff;
  cursor: pointer;
  height: 24px; }
  .pos-icon-heading .icon {
    display: inline-block;
    margin-right: 5px; }
  .pos-icon-heading .title {
    display: inline-block;
    height: 24px;
    vertical-align: middle;
    line-height: 7px; }
  .pos-payment--edit .pos-icon-heading {
    border-bottom: 1px solid #ececec;
    cursor: default;
    color: #00b0b9; }
  .pos-icon-heading--card {
    fill: #fff; }
  .pos-icon-heading--tip {
    background-image: url(pos-icon-tip-980e038dde4c59cec0326ad7f487e25c.png); }
  .pos-icon-heading--discount {
    background-image: url(pos-icon-discount-f97a623c5567bf37b606b46b13023b0c.png); }
  .pos-icon-heading--cash-register, .pos-icon-heading--rebook {
    padding-left: 55px;
    background-position: 16px 30%;
    background-image: url(receipt-icon-26eba0f8facb5b29f535f182fe831fe8.svg);
    background-repeat: no-repeat; }
  .pos-icon-heading--rebook {
    background-image: url(rebook-icon-bc91a87da3688da2a38a1f74f69004c3.svg); }

.pos-complete .dialog2--content {
  background-color: #fff !important; }

.pos-complete--change-title {
  font-size: 28px; }

.pos-complete--change-amount {
  float: right;
  text-align: right;
  font-weight: bold; }

.pos-complete--register, .pos-complete--rebook {
  display: flex;
  align-items: center;
  margin: 10px 0; }
  .pos-complete--register .pos-icon-heading, .pos-complete--rebook .pos-icon-heading {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-decoration: none; }

.pos-complete--receipt {
  margin-top: 15px;
  padding-top: 15px;
  background-color: #f5f5f5;
  background-image: url(pos-receipt-tear-bg-8d0a4726c2f27ffaf322c499f4192fac.png);
  background-position: top left;
  background-repeat: repeat-x; }
  .pos-complete--receipt-inner {
    padding: 20px 20px 10px 20px;
    border-right: 2px solid #e1e1e1;
    border-bottom: 2px solid #e1e1e1;
    border-left: 2px solid #e1e1e1; }
  .pos-complete--receipt-heading {
    font-size: 14px;
    font-weight: bold;
    color: #808080;
    text-transform: uppercase; }
  .pos-complete--receipt-heading-date {
    font-weight: normal; }
  .pos-complete--receipt-heading-reprint {
    cursor: pointer;
    letter-spacing: normal;
    text-transform: none;
    text-decoration: none; }
    .pos-complete--receipt-heading-reprint:hover {
      color: #808080; }
  .pos-complete--receipt .complete-row {
    overflow: hidden;
    *zoom: 1;
    padding-bottom: 8px; }
    .pos-complete--receipt .complete-row:last-child {
      padding-bottom: 0; }
    .pos-complete--receipt .complete-row--separator {
      padding-top: 10px;
      border-top: 1px solid #dcdcdc; }
  .pos-complete--receipt .item,
  .pos-complete--receipt .value {
    width: 48%;
    float: left;
    font-size: 18px;
    color: #808080; }
  .pos-complete--receipt .value {
    float: right;
    color: #4d4d4d;
    text-align: right; }

.add-item {
  cursor: pointer; }
  .add-item--icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(pos-icon-add-larger-transp-5ea34fc4d9946e08bff8b16f10dc5296.png) center no-repeat; }
  .add-item--text {
    display: inline-block;
    margin-left: 20px;
    color: #00b0b9; }
  .add-item--text-large {
    position: relative;
    top: -10px;
    margin: 20px 14px 0px 14px;
    font-size: 18px;
    font-weight: bold; }

.pos-complete-error {
  font-size: 18px; }

.sidebar-action-mode {
  box-sizing: border-box; }
  .sidebar-action-mode * {
    box-sizing: border-box; }
  .sidebar-action-mode .sidebar-overlay {
    position: absolute;
    top: 40px;
    left: 0;
    bottom: 0;
    width: 212px;
    /* subtract the border */
    background-color: #fff;
    padding: 11px; }
    .sidebar-action-mode .sidebar-overlay .title {
      font-size: 14px;
      font-weight: bold;
      color: #262626;
      padding: 8px 0 9px 28px;
      background: transparent url(multi-block-4bf7eada55d68e0644509bde91172147.svg) no-repeat left center;
      background-size: 24px 24px; }
    .sidebar-action-mode .sidebar-overlay .intro {
      color: #262626;
      margin-bottom: 12px; }
    .sidebar-action-mode .sidebar-overlay input[type='text'] {
      margin-bottom: 20px;
      border: 1px solid #b3b3b3;
      border-radius: 3px;
      width: 100%;
      padding: 0 10px; }
    .sidebar-action-mode .sidebar-overlay .button {
      display: block;
      width: 100%; }
      .sidebar-action-mode .sidebar-overlay .button + .button {
        margin-top: 12px; }
      .sidebar-action-mode .sidebar-overlay .button.button-basic {
        background: transparent url(close-dark@2x-447d28d2f1a010c1b38eed6c8fccb060.png) no-repeat 8px center;
        background-size: 14px 14px; }
      .sidebar-action-mode .sidebar-overlay .button.button-primary {
        background-image: url(checkmark@2x-0145d55d627ff1685c5bdf28f7da60c1.png);
        background-repeat: no-repeat;
        background-position: 8px center;
        background-size: 14px 14px; }
  .sidebar-action-mode .top-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1001; }

.type-appointment.in-blockout-mode .calendar-main-header {
  display: none; }

.type-appointment.in-blockout-mode .wc-day-column-header {
  cursor: default; }

.type-appointment.in-blockout-mode .calendar-main-controls a,
.type-appointment.in-blockout-mode .calendar-main-controls .link-edit {
  display: none; }

.type-appointment.in-blockout-mode .calendar {
  top: 38px; }
  .type-appointment.in-blockout-mode .calendar .wc-cal-event {
    cursor: default; }
    .type-appointment.in-blockout-mode .calendar .wc-cal-event:hover {
      border-color: #b3b3b3; }
  .type-appointment.in-blockout-mode .calendar .wc-cal-non-work .wc-edit-link {
    display: none; }
  .type-appointment.in-blockout-mode .calendar .sal-event-multi-block {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.4);
    border-color: #b3b3b3; }
    .type-appointment.in-blockout-mode .calendar .sal-event-multi-block .wc-status {
      display: none; }
    .type-appointment.in-blockout-mode .calendar .sal-event-multi-block .wc-time {
      color: #fff;
      font-size: 11px;
      margin-top: 6px; }
    .type-appointment.in-blockout-mode .calendar .sal-event-multi-block.minimal-height .wc-time {
      display: block; }
  .type-appointment.in-blockout-mode .calendar.wc-cal-non-work-hover .wc-cal-non-work {
    cursor: default;
    opacity: 0.6; }

.dialog2.calendar-item-editor .calendar-edit-title {
  min-height: 26px;
  line-height: 17px;
  font-size: 12px;
  color: #666;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 600;
  margin: -20px 0 0 -16px;
  padding: 16px 0 0 14px; }

.dialog2.calendar-item-editor .under-tab-handle {
  position: absolute;
  width: 100%;
  height: 40px;
  left: 0;
  top: 0; }

.dialog2.calendar-item-editor .tab-list {
  border-radius: 5px;
  border: 1px solid #000;
  margin: -10px auto 8px auto;
  position: relative;
  display: table;
  table-layout: fixed;
  transition: border-color 0.5s; }
  .dialog2.calendar-item-editor .tab-list li {
    display: table-cell;
    width: 50%;
    padding: 5px 27px;
    text-align: center;
    transition: background-color 0.5s, color 0.5s;
    cursor: pointer;
    font-weight: bold; }
    .dialog2.calendar-item-editor .tab-list li.active {
      cursor: default; }
  .dialog2.calendar-item-editor .tab-list.variant-a {
    border-color: #3ba150;
    color: #3ba150; }
    .dialog2.calendar-item-editor .tab-list.variant-a .active {
      background: #3ba150;
      color: #fff; }
  .dialog2.calendar-item-editor .tab-list.variant-b {
    border-color: #808080;
    color: #808080; }
    .dialog2.calendar-item-editor .tab-list.variant-b .active {
      background: #808080;
      color: #fff; }

.dialog2.calendar-item-editor .block-time .intro {
  font-size: 12px;
  line-height: 18px;
  padding: 25px 0; }
  .dialog2.calendar-item-editor .block-time .intro .icon {
    display: inline-block;
    float: left;
    margin-right: 20px; }

.dialog2.calendar-item-editor .block-time .txt-input {
  margin-right: 10px; }

.dialog2.calendar-item-editor .block-time table {
  table-layout: fixed;
  margin-bottom: 20px; }
  .dialog2.calendar-item-editor .block-time table td:first-child {
    width: 31%;
    padding-bottom: 21px; }
  .dialog2.calendar-item-editor .block-time table td:last-child {
    width: 69%; }

.dialog2.calendar-item-editor .block-time select {
  width: auto;
  height: 20px; }

.dialog2.calendar-item-editor.stick-to-top {
  top: 15px;
  bottom: auto; }

.dialog2.calendar-item-editor .dialog2--footer {
  min-height: 48px; }
  .dialog2.calendar-item-editor .dialog2--footer .appointment--button.button-grey {
    margin-top: 9px;
    padding: 6px 12px 4px 12px;
    border-radius: 4px;
    border: solid 1px #808080;
    color: #4d4d4d;
    font-weight: bold;
    background: transparent;
    box-shadow: none; }
    .dialog2.calendar-item-editor .dialog2--footer .appointment--button.button-grey:hover {
      background-color: #b3b3b3;
      border-color: #b3b3b3;
      color: #fff; }
    .dialog2.calendar-item-editor .dialog2--footer .appointment--button.button-grey.with-icon.plus {
      background: transparent url(grey-plus-6099c4156d7f5d0abc985b090ec18545.svg) no-repeat 10px center;
      padding-left: 27px; }
      .dialog2.calendar-item-editor .dialog2--footer .appointment--button.button-grey.with-icon.plus:hover {
        background-image: url(white-plus-a5a9eb5e753df1c3294f510238a17658.svg);
        background-color: #b3b3b3; }

.animate-bg.sal-event-ok {
  -webkit-animation: anim-green-bg-animation 0.5s forwards;
  -moz-animation: anim-green-bg-animation 0.5s forwards;
  -ms-animation: anim-green-bg-animation 0.5s forwards;
  -o-animation: anim-green-bg-animation 0.5s forwards;
  animation: anim-green-bg-animation 0.5s forwards; }

.animate-bg.sal-event-checkedout {
  -webkit-animation: anim-blue-bg-animation 0.5s forwards;
  -moz-animation: anim-blue-bg-animation 0.5s forwards;
  -ms-animation: anim-blue-bg-animation 0.5s forwards;
  -o-animation: anim-blue-bg-animation 0.5s forwards;
  animation: anim-blue-bg-animation 0.5s forwards; }

.animate-bg.sal-event-noshow, .animate-bg.sal-event-conflict {
  -webkit-animation: anim-red-bg-animation 0.5s forwards;
  -moz-animation: anim-red-bg-animation 0.5s forwards;
  -ms-animation: anim-red-bg-animation 0.5s forwards;
  -o-animation: anim-red-bg-animation 0.5s forwards;
  animation: anim-red-bg-animation 0.5s forwards; }

.animate-bg.sal-event-web {
  -webkit-animation: anim-yellow-bg-animation 0.5s forwards;
  -moz-animation: anim-yellow-bg-animation 0.5s forwards;
  -ms-animation: anim-yellow-bg-animation 0.5s forwards;
  -o-animation: anim-yellow-bg-animation 0.5s forwards;
  animation: anim-yellow-bg-animation 0.5s forwards; }

@-moz-keyframes anim-green-bg-animation {
  0% {
    background-color: #fff; }
  100% {
    background-color: #e9f9e2; } }

@-webkit-keyframes anim-green-bg-animation {
  0% {
    background-color: #fff; }
  100% {
    background-color: #e9f9e2; } }

@-o-keyframes anim-green-bg-animation {
  0% {
    background-color: #fff; }
  100% {
    background-color: #e9f9e2; } }

@-ms-keyframes anim-green-bg-animation {
  0% {
    background-color: #fff; }
  100% {
    background-color: #e9f9e2; } }

@keyframes anim-green-bg-animation {
  0% {
    background-color: #fff; }
  100% {
    background-color: #e9f9e2; } }

@-moz-keyframes anim-blue-bg-animation {
  0% {
    background-color: #fff; }
  100% {
    background-color: #e6f7f8; } }

@-webkit-keyframes anim-blue-bg-animation {
  0% {
    background-color: #fff; }
  100% {
    background-color: #e6f7f8; } }

@-o-keyframes anim-blue-bg-animation {
  0% {
    background-color: #fff; }
  100% {
    background-color: #e6f7f8; } }

@-ms-keyframes anim-blue-bg-animation {
  0% {
    background-color: #fff; }
  100% {
    background-color: #e6f7f8; } }

@keyframes anim-blue-bg-animation {
  0% {
    background-color: #fff; }
  100% {
    background-color: #e6f7f8; } }

@-moz-keyframes anim-red-bg-animation {
  0% {
    background-color: #fff; }
  100% {
    background-color: #ffe7e9; } }

@-webkit-keyframes anim-red-bg-animation {
  0% {
    background-color: #fff; }
  100% {
    background-color: #ffe7e9; } }

@-o-keyframes anim-red-bg-animation {
  0% {
    background-color: #fff; }
  100% {
    background-color: #ffe7e9; } }

@-ms-keyframes anim-red-bg-animation {
  0% {
    background-color: #fff; }
  100% {
    background-color: #ffe7e9; } }

@keyframes anim-red-bg-animation {
  0% {
    background-color: #fff; }
  100% {
    background-color: #ffe7e9; } }

@-moz-keyframes anim-yellow-bg-animation {
  0% {
    background-color: #fff; }
  100% {
    background-color: #fcfad4; } }

@-webkit-keyframes anim-yellow-bg-animation {
  0% {
    background-color: #fff; }
  100% {
    background-color: #fcfad4; } }

@-o-keyframes anim-yellow-bg-animation {
  0% {
    background-color: #fff; }
  100% {
    background-color: #fcfad4; } }

@-ms-keyframes anim-yellow-bg-animation {
  0% {
    background-color: #fff; }
  100% {
    background-color: #fcfad4; } }

@keyframes anim-yellow-bg-animation {
  0% {
    background-color: #fff; }
  100% {
    background-color: #fcfad4; } }

.animate-bg-once.status-scheduled {
  -webkit-animation: anim-green-bg-animation-once 1s;
  -moz-animation: anim-green-bg-animation-once 1s;
  -ms-animation: anim-green-bg-animation-once 1s;
  -o-animation: anim-green-bg-animation-once 1s;
  animation: anim-green-bg-animation-once 1s; }

.animate-bg-once.status-checkedout {
  -webkit-animation: anim-blue-bg-animation-once 1s;
  -moz-animation: anim-blue-bg-animation-once 1s;
  -ms-animation: anim-blue-bg-animation-once 1s;
  -o-animation: anim-blue-bg-animation-once 1s;
  animation: anim-blue-bg-animation-once 1s; }

.animate-bg-once.status-noshow, .animate-bg-once.cancelled {
  -webkit-animation: anim-red-bg-animation-once 1s;
  -moz-animation: anim-red-bg-animation-once 1s;
  -ms-animation: anim-red-bg-animation-once 1s;
  -o-animation: anim-red-bg-animation-once 1s;
  animation: anim-red-bg-animation-once 1s; }

.animate-bg-once.status-not-confirmed, .animate-bg-once.status-rejected {
  -webkit-animation: anim-yellow-bg-animation-once 1s;
  -moz-animation: anim-yellow-bg-animation-once 1s;
  -ms-animation: anim-yellow-bg-animation-once 1s;
  -o-animation: anim-yellow-bg-animation-once 1s;
  animation: anim-yellow-bg-animation-once 1s; }

.animate-bg-once[class*='sal-event'] {
  -webkit-animation: anim-green-bg-animation-once 1s;
  -moz-animation: anim-green-bg-animation-once 1s;
  -ms-animation: anim-green-bg-animation-once 1s;
  -o-animation: anim-green-bg-animation-once 1s;
  animation: anim-green-bg-animation-once 1s; }

@-moz-keyframes anim-green-bg-animation-once {
  0% {
    background-color: #fff; }
  40% {
    background-color: #e9f9e2; }
  60% {
    background-color: #e9f9e2; }
  100% {
    background-color: #fff; } }

@-webkit-keyframes anim-green-bg-animation-once {
  0% {
    background-color: #fff; }
  40% {
    background-color: #e9f9e2; }
  60% {
    background-color: #e9f9e2; }
  100% {
    background-color: #fff; } }

@-o-keyframes anim-green-bg-animation-once {
  0% {
    background-color: #fff; }
  40% {
    background-color: #e9f9e2; }
  60% {
    background-color: #e9f9e2; }
  100% {
    background-color: #fff; } }

@-ms-keyframes anim-green-bg-animation-once {
  0% {
    background-color: #fff; }
  40% {
    background-color: #e9f9e2; }
  60% {
    background-color: #e9f9e2; }
  100% {
    background-color: #fff; } }

@keyframes anim-green-bg-animation-once {
  0% {
    background-color: #fff; }
  40% {
    background-color: #e9f9e2; }
  60% {
    background-color: #e9f9e2; }
  100% {
    background-color: #fff; } }

@-moz-keyframes anim-blue-bg-animation-once {
  0% {
    background-color: #fff; }
  40% {
    background-color: #e6f7f8; }
  60% {
    background-color: #e6f7f8; }
  100% {
    background-color: #fff; } }

@-webkit-keyframes anim-blue-bg-animation-once {
  0% {
    background-color: #fff; }
  40% {
    background-color: #e6f7f8; }
  60% {
    background-color: #e6f7f8; }
  100% {
    background-color: #fff; } }

@-o-keyframes anim-blue-bg-animation-once {
  0% {
    background-color: #fff; }
  40% {
    background-color: #e6f7f8; }
  60% {
    background-color: #e6f7f8; }
  100% {
    background-color: #fff; } }

@-ms-keyframes anim-blue-bg-animation-once {
  0% {
    background-color: #fff; }
  40% {
    background-color: #e6f7f8; }
  60% {
    background-color: #e6f7f8; }
  100% {
    background-color: #fff; } }

@keyframes anim-blue-bg-animation-once {
  0% {
    background-color: #fff; }
  40% {
    background-color: #e6f7f8; }
  60% {
    background-color: #e6f7f8; }
  100% {
    background-color: #fff; } }

@-moz-keyframes anim-red-bg-animation-once {
  0% {
    background-color: #fff; }
  40% {
    background-color: #ffe7e9; }
  60% {
    background-color: #ffe7e9; }
  100% {
    background-color: #fff; } }

@-webkit-keyframes anim-red-bg-animation-once {
  0% {
    background-color: #fff; }
  40% {
    background-color: #ffe7e9; }
  60% {
    background-color: #ffe7e9; }
  100% {
    background-color: #fff; } }

@-o-keyframes anim-red-bg-animation-once {
  0% {
    background-color: #fff; }
  40% {
    background-color: #ffe7e9; }
  60% {
    background-color: #ffe7e9; }
  100% {
    background-color: #fff; } }

@-ms-keyframes anim-red-bg-animation-once {
  0% {
    background-color: #fff; }
  40% {
    background-color: #ffe7e9; }
  60% {
    background-color: #ffe7e9; }
  100% {
    background-color: #fff; } }

@keyframes anim-red-bg-animation-once {
  0% {
    background-color: #fff; }
  40% {
    background-color: #ffe7e9; }
  60% {
    background-color: #ffe7e9; }
  100% {
    background-color: #fff; } }

@-moz-keyframes anim-yellow-bg-animation-once {
  0% {
    background-color: #fff; }
  40% {
    background-color: #fcfad4; }
  60% {
    background-color: #fcfad4; }
  100% {
    background-color: #fff; } }

@-webkit-keyframes anim-yellow-bg-animation-once {
  0% {
    background-color: #fff; }
  40% {
    background-color: #fcfad4; }
  60% {
    background-color: #fcfad4; }
  100% {
    background-color: #fff; } }

@-o-keyframes anim-yellow-bg-animation-once {
  0% {
    background-color: #fff; }
  40% {
    background-color: #fcfad4; }
  60% {
    background-color: #fcfad4; }
  100% {
    background-color: #fff; } }

@-ms-keyframes anim-yellow-bg-animation-once {
  0% {
    background-color: #fff; }
  40% {
    background-color: #fcfad4; }
  60% {
    background-color: #fcfad4; }
  100% {
    background-color: #fff; } }

@keyframes anim-yellow-bg-animation-once {
  0% {
    background-color: #fff; }
  40% {
    background-color: #fcfad4; }
  60% {
    background-color: #fcfad4; }
  100% {
    background-color: #fff; } }

#calendar-holder .section-aside {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  top: 40px;
  right: auto;
  bottom: 0;
  left: 0;
  width: 212px;
  overflow: hidden;
  background: #f2f2f2; }
  #calendar-holder .section-aside #pos-ad .pos-ad-campaign {
    display: flex;
    align-items: center;
    margin: 0 14px;
    padding: 12px;
    background-color: #f2fbfb;
    border: 1px solid #e6f7f8;
    border-radius: 3px;
    font-size: 12px; }
    #calendar-holder .section-aside #pos-ad .pos-ad-campaign a {
      display: block;
      text-decoration: none;
      color: #001e62;
      font-weight: 600; }
    #calendar-holder .section-aside #pos-ad .pos-ad-campaign .pos-counter-icon {
      margin-right: 8px; }
  #calendar-holder .section-aside #sidebar-info {
    display: flex;
    align-items: flex-end;
    flex-grow: 1;
    overflow: auto; }
    #calendar-holder .section-aside #sidebar-info.hidden {
      display: none; }

#calendar-holder .section-main {
  position: absolute;
  top: 40px;
  right: 0;
  bottom: 0;
  left: 212px;
  overflow: hidden; }

#calendar-holder .calendar-empty,
#calendar-holder .calendar-no-employees,
#calendar-holder .calendar-no-permissions {
  display: none; }

#calendar-holder.loading .calendar-main-header,
#calendar-holder.loading .calendar-main-controls,
#calendar-holder.loading .wc-container, #calendar-holder.empty .calendar-main-header,
#calendar-holder.empty .calendar-main-controls,
#calendar-holder.empty .wc-container {
  display: none; }

#calendar-holder.empty .calendar-empty {
  display: block; }

#calendar-holder.empty.no-employees .calendar-empty {
  display: none; }

#calendar-holder.empty.no-employees .calendar-no-employees {
  display: block; }

#calendar-holder.empty.no-permissions .calendar-empty,
#calendar-holder.empty.no-permissions .calendar-no-employees {
  display: none; }

#calendar-holder.empty.no-permissions .calendar-no-permissions {
  display: block; }

#calendar-holder #keyboard-shortcuts-info {
  margin: 0 0 12px 14px;
  color: #808080;
  font-size: 12px;
  cursor: pointer; }

body.no-header #calendar-holder .section-aside,
body.no-header #calendar-holder .section-main {
  top: 0; }

.calendar-buttons {
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc; }

.reschedule-mode {
  position: relative; }
  .reschedule-mode:before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7); }

.redeem-evoucher-box,
.calendar-react-buttons,
.pos-dropdown-box,
.add-items-box,
.set-availability-box,
.close-out-box {
  padding: 10px 10px 0; }
  .redeem-evoucher-box .button,
  .calendar-react-buttons .button,
  .pos-dropdown-box .button,
  .add-items-box .button,
  .set-availability-box .button,
  .close-out-box .button {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
    .redeem-evoucher-box .button.checkout .button-inner,
    .calendar-react-buttons .button.checkout .button-inner,
    .pos-dropdown-box .button.checkout .button-inner,
    .add-items-box .button.checkout .button-inner,
    .set-availability-box .button.checkout .button-inner,
    .close-out-box .button.checkout .button-inner {
      padding: 4px 0px 3px 10px; }
    .redeem-evoucher-box .button .button-inner,
    .calendar-react-buttons .button .button-inner,
    .pos-dropdown-box .button .button-inner,
    .add-items-box .button .button-inner,
    .set-availability-box .button .button-inner,
    .close-out-box .button .button-inner {
      display: block;
      padding: 6px 0 4px 10px; }
    .redeem-evoucher-box .button .button-icon,
    .calendar-react-buttons .button .button-icon,
    .pos-dropdown-box .button .button-icon,
    .add-items-box .button .button-icon,
    .set-availability-box .button .button-icon,
    .close-out-box .button .button-icon {
      display: inline-block;
      position: relative;
      top: -1px;
      left: auto;
      margin-right: 7px;
      vertical-align: middle; }

.add-items-box .button-inner {
  padding-left: 12px; }
  .add-items-box .button-inner .button-icon {
    margin-right: 9px; }

.add-items-box .dropdown-item.with-appointment-icon {
  background: transparent url(appointment-d0a03f26beb87a3607adb07db7d95d82.svg) no-repeat 5px 7px;
  background-size: 24px 24px;
  padding-left: 33px; }

.add-items-box .dropdown-item.with-block-icon {
  background: transparent url(block-5f2bf71598f3fbe41f948ed0267bc698.svg) no-repeat 5px 7px;
  background-size: 24px 24px;
  padding-left: 33px; }

.add-items-box .dropdown-item.with-multi-block-icon {
  background: transparent url(multi-block-4bf7eada55d68e0644509bde91172147.svg) no-repeat 5px 7px;
  background-size: 24px 24px;
  padding-left: 33px; }

.add-items-box .dropdown-item.with-voucher-icon {
  background: transparent url(voucher-cdc05bf825c439ffe0156317e0e38a73.svg) no-repeat 5px 7px;
  background-size: 24px 24px;
  padding-left: 33px; }

.ButtonDropdown-overlay {
  position: fixed;
  background: transparent;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1050; }

.dropdown-container {
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.28);
  background-color: #fff;
  width: 192px;
  z-index: 1051;
  position: absolute; }
  .dropdown-container .dropdown-item {
    display: block;
    cursor: pointer;
    border-bottom: 1px solid #d0d1cb;
    padding: 10px; }
    .dropdown-container .dropdown-item:hover {
      background-color: #e6e6e6; }

.info-block {
  border-top: 1px solid #cccccc; }
  .info-block .info-block-inner {
    margin: 10px;
    border: 1px solid #989993;
    -webkit-border-radius: 3px 3px;
    -moz-border-radius: 3px / 3px;
    border-radius: 3px / 3px;
    box-shadow: 0 1px 6px #808080;
    background: #fff;
    padding: 12px 14px 8px; }
  .info-block h2 {
    line-height: 17px;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px; }
  .info-block .button {
    margin: 10px 0 6px;
    width: 100%; }
    .info-block .button .button-inner {
      padding-right: 5px;
      line-height: 17px; }

#calendar-holder .small-calendar {
  padding: 10px 10px 14px; }
  #calendar-holder .small-calendar .ui-datepicker {
    background: none;
    margin: -3px 0 0 -2px;
    padding: 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none; }
    #calendar-holder .small-calendar .ui-datepicker table {
      margin: 0 auto; }
    #calendar-holder .small-calendar .ui-datepicker td a:hover {
      background: #e6e6e6; }
    #calendar-holder .small-calendar .ui-datepicker td.ui-datepicker-current-day a:hover {
      background: #4d4d4d; }
    #calendar-holder .small-calendar .ui-datepicker td.custom-hours {
      position: relative; }
      #calendar-holder .small-calendar .ui-datepicker td.custom-hours:before {
        content: '';
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background: #ffb500;
        position: absolute;
        top: 1px;
        right: 1px;
        bottom: auto;
        left: auto; }
      #calendar-holder .small-calendar .ui-datepicker td.custom-hours a {
        color: #ffb500; }
        #calendar-holder .small-calendar .ui-datepicker td.custom-hours a:hover {
          background: #fcfad4; }
      #calendar-holder .small-calendar .ui-datepicker td.custom-hours.ui-datepicker-current-day a:hover {
        background: #4d4d4d; }
    #calendar-holder .small-calendar .ui-datepicker td.ui-datepicker-today {
      position: relative; }
      #calendar-holder .small-calendar .ui-datepicker td.ui-datepicker-today:before {
        content: '';
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background: #3ba150;
        position: absolute;
        top: 1px;
        right: 1px;
        bottom: auto;
        left: auto; }
      #calendar-holder .small-calendar .ui-datepicker td.ui-datepicker-today a {
        color: #3ba150; }
        #calendar-holder .small-calendar .ui-datepicker td.ui-datepicker-today a:hover {
          background: #e9f9e2; }
      #calendar-holder .small-calendar .ui-datepicker td.ui-datepicker-today.ui-datepicker-current-day a:hover {
        background: #3ba150; }
    #calendar-holder .small-calendar .ui-datepicker td.non-working-hours a {
      color: #b3b3b3; }

.month-calendar {
  padding: 3px 14px 14px; }

.month-calendar-header {
  height: 31px;
  line-height: 31px;
  padding: 0 21px;
  font-weight: bold;
  color: #666;
  position: relative;
  text-align: center; }
  .month-calendar-header .month-calendar-prev .arrow-left,
  .month-calendar-header .month-calendar-next .arrow-right {
    display: block;
    width: 21px;
    height: 21px;
    text-indent: -9999px;
    cursor: pointer; }
  .month-calendar-header .month-calendar-prev:hover .arrow-left,
  .month-calendar-header .month-calendar-next:hover .arrow-right {
    background-color: #e6e6e6;
    -webkit-border-radius: 3px 3px;
    -moz-border-radius: 3px / 3px;
    border-radius: 3px / 3px; }
  .month-calendar-header .month-calendar-prev {
    position: absolute;
    top: 4px;
    right: auto;
    bottom: auto;
    left: 0; }
    .month-calendar-header .month-calendar-prev .arrow-left {
      background: url(arrow-left-f8b40ccd65313eb924dfb5ed7fa59bd6.png) 6px 6px no-repeat; }
    .month-calendar-header .month-calendar-prev:hover .arrow-left {
      background-image: url(arrow-left-hover-5571ca2ed7658a79839c488c34890495.png); }
  .month-calendar-header .month-calendar-next {
    position: absolute;
    top: 4px;
    right: 0;
    bottom: auto;
    left: auto; }
    .month-calendar-header .month-calendar-next .arrow-right {
      background: url(arrow-right-fd2bf4bdd19a6daa4cb340404d4a4ec2.png) 8px 6px no-repeat; }
    .month-calendar-header .month-calendar-next:hover .arrow-right {
      background-image: url(arrow-right-hover-baab2b51983cdf3a870be44ee10ac42a.png); }

.month-calendar-body {
  width: 100%;
  border: 1px solid #dadbd4; }
  .month-calendar-body td {
    height: 25px;
    border: 1px solid #dadbd4;
    padding: 0;
    background: #fff;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px; }
    .month-calendar-body td a {
      display: block;
      height: 24px;
      line-height: 25px;
      padding: 1px 0 0;
      text-decoration: none;
      color: #333; }
      .month-calendar-body td a:hover {
        background: #dadbd4; }
      .month-calendar-body td a.month-calendar-this-month {
        font-weight: bold;
        color: #000; }
      .month-calendar-body td a.month-calendar-selected {
        background: #3ba150;
        color: #fff; }

.column-collapse-button {
  position: absolute;
  z-index: 700;
  bottom: -31px;
  left: 0; }

.calendar-main-header {
  height: 34px;
  border-bottom: 1px solid #e6e6e6;
  background: #f2f2f2;
  text-align: center;
  position: relative;
  display: flex; }
  .calendar-main-header-section {
    display: flex;
    align-items: center;
    flex: 1 0 0%; }
  .calendar-main-header .section-right {
    justify-content: flex-end; }
  .calendar-main-header .day-selector,
  .calendar-main-header .week-selector {
    display: flex;
    position: relative; }
  .calendar-main-header .filter-wrapper {
    height: 34px;
    text-align: left; }
    .calendar-main-header .filter-wrapper .filter-current {
      height: 34px;
      width: 195px;
      line-height: 34px;
      padding-left: 12px;
      padding-right: 35px;
      font-weight: 600; }
      .calendar-main-header .filter-wrapper .filter-current .handler {
        height: 34px; }
      .calendar-main-header .filter-wrapper .filter-current .icons-arrow-bottom2 {
        top: 15px; }
    .calendar-main-header .filter-wrapper .filter-ddown {
      width: 240px;
      background: #fff; }
      .calendar-main-header .filter-wrapper .filter-ddown li {
        border-bottom: 1px solid #b3b3b3; }
        .calendar-main-header .filter-wrapper .filter-ddown li:last-child {
          border-bottom: 0; }

.views-control {
  padding-right: 14px;
  margin: 5px 0;
  font-size: 13px; }
  .views-control li {
    display: inline-block; }
  .views-control a {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 24px;
    line-height: 22px;
    font-weight: 600;
    padding: 0 14px;
    color: #666;
    background-color: #fff;
    text-decoration: none; }
    .views-control a:hover {
      border-color: #b3b3b3 !important;
      color: #4d4d4d; }
  .views-control li.on a {
    border-color: #b3b3b3 !important;
    background: #b3b3b3;
    color: #fff; }
  .views-control li:first-child a {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    margin-left: 0; }
  .views-control li:last-child a {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6; }

.calendar-main-controls {
  height: 36px;
  border-bottom: 1px solid #e6e6e6;
  position: relative;
  text-align: left;
  vertical-align: top; }
  .calendar-main-controls .filters {
    position: relative;
    padding-left: 10px;
    line-height: 36px;
    height: 36px; }
    .calendar-main-controls .filters select,
    .calendar-main-controls .filters .show-all-groups {
      display: inline-block;
      vertical-align: middle; }
    .calendar-main-controls .filters select {
      width: 54%; }
    .calendar-main-controls .filters .show-all-groups {
      position: absolute;
      visibility: visible;
      margin-left: 5px; }
      .calendar-main-controls .filters .show-all-groups.hidden {
        display: inline-block;
        visibility: hidden; }
    .calendar-main-controls .filters .get-back {
      display: inline-block;
      line-height: 24px;
      vertical-align: top;
      margin: 5px 0 0 8px; }
      .calendar-main-controls .filters .get-back a {
        font-size: 13px;
        font-weight: 600;
        color: #001e62;
        text-decoration: none; }
        .calendar-main-controls .filters .get-back a:hover {
          color: #001e62; }
      .calendar-main-controls .filters .get-back.hidden {
        display: none; }

.date-selector-wrapper {
  display: flex;
  flex: 1 0 0;
  position: relative;
  white-space: nowrap;
  justify-content: center; }
  .date-selector-wrapper .current-date {
    font-size: 12px;
    display: none; }
  .date-selector-wrapper .week-selector .current-date {
    position: absolute;
    top: 9px;
    right: auto;
    bottom: auto;
    left: 106%; }
  .date-selector-wrapper .week-selector .date-selector .selected-date {
    min-width: 94px; }
    .date-selector-wrapper .week-selector .date-selector .selected-date .sub {
      padding-left: 3px;
      color: #808080;
      font-weight: normal; }
  .date-selector-wrapper .week-selector .date-selector .current-date {
    position: absolute;
    top: 9px;
    right: auto;
    bottom: auto;
    left: 106%; }

.has-today-link .date-selector-wrapper .current-date {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 103%;
  display: block;
  line-height: 24px;
  margin: 5px 0 5px 8px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none; }

.date-selector {
  display: inline-block;
  height: 24px;
  margin: 5px 0; }
  .date-selector li {
    display: inline-block;
    height: 24px;
    vertical-align: middle; }
  .date-selector .selected-date {
    min-width: 78px;
    line-height: 24px;
    padding: 0 8px;
    font-weight: bold;
    font-size: 13px; }
    .date-selector .selected-date .sub {
      padding-left: 3px;
      color: #808080;
      font-weight: normal; }
  .date-selector a {
    display: inline-block;
    -webkit-border-radius: 3px 3px;
    -moz-border-radius: 3px / 3px;
    border-radius: 3px / 3px;
    text-align: center;
    padding: 0 6px; }
    .date-selector a .icon {
      display: inline-block;
      margin: 4px 0;
      width: 16px;
      height: 16px; }
      .date-selector a .icon.icon-arrow-right-16 {
        background: url(arrow-right-icon-16-61d4716fd498060c2b20e170e144da98.svg) no-repeat 0 0; }
      .date-selector a .icon.icon-arrow-left-16 {
        background: url(arrow-left-icon-16-2f76357a1ffb5a0026987e97b5e926f4.svg) no-repeat 0 0; }
    .date-selector a .week-label {
      display: inline-block;
      padding: 0 6px;
      font-weight: 600;
      line-height: 24px;
      vertical-align: top;
      font-size: 13px;
      text-decoration: none;
      color: #fff; }
    .date-selector a .hidden {
      display: none !important; }
    .date-selector a:hover {
      color: #fff;
      text-decoration: none; }

.calendar {
  position: absolute;
  top: 73px;
  right: 0;
  bottom: 0;
  left: 0; }
  .calendar.no-main-controls {
    top: 35px; }

.wc-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 14px; }
  .wc-container table {
    border-collapse: collapse;
    border-spacing: 0; }
    .wc-container table td {
      margin: 0;
      padding: 0; }
  .wc-container .ui-draggable .wc-status {
    cursor: move; }
  .wc-container .ui-resizable-s {
    height: 10px;
    bottom: -8px; }
  .wc-container .ui-draggable-dragging {
    z-index: 1000; }
  .wc-container.horizontal-scrolling .wc-scrollable-grid {
    left: 48px; }
  .wc-container.horizontal-scrolling .wc-header-container {
    padding-left: 48px; }

div.wc-header-container {
  border-bottom: 1px solid #cccccc;
  border-width: 1px;
  position: relative;
  overflow: hidden;
  padding-left: 0;
  background: #fff; }

.wc-nav {
  padding: 1em;
  text-align: right; }

.wc-nav button {
  margin: 0 0.5em; }

.wc-header-scroll-curtain {
  position: absolute;
  width: 47px;
  height: 29px;
  background: #fff;
  top: 2px;
  left: 0; }

.wc-header {
  width: 100%;
  table-layout: fixed; }
  .wc-header .wc-scrollbar-shim {
    width: 16px; }
  .wc-header .wc-status-column-header {
    width: 48px; }
  .wc-header .wc-day-column-header {
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border-right: 1px solid #e6e6e6;
    font-size: 13px;
    line-height: 13px; }
    .wc-header .wc-day-column-header .sub {
      padding-left: 3px;
      color: #808080; }
  .wc-header .wc-today {
    font-weight: bold;
    color: #333; }
    .wc-header .wc-today .sub {
      font-weight: normal; }
  .wc-header.not-clickable .wc-day-column-header {
    cursor: default; }

.no-scroll .wc-header .wc-scrollbar-shim {
  width: 0; }

table.wc-header {
  height: 30px;
  border-top: 0px;
  border-bottom: 0px;
  background: transparent; }
  table.wc-header td {
    background: transparent;
    vertical-align: middle; }
  table.wc-header .wc-day-column-header {
    padding: 0; }
    table.wc-header .wc-day-column-header img {
      -webkit-border-radius: 3px 3px;
      -moz-border-radius: 3px / 3px;
      border-radius: 3px / 3px; }
  table.wc-header .wc-header-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 5px; }
    table.wc-header .wc-header-name .person-pic-mini {
      display: inline-block;
      vertical-align: middle;
      margin-right: 6px;
      overflow: hidden; }
      table.wc-header .wc-header-name .person-pic-mini img {
        border-radius: 0; }
    table.wc-header .wc-header-name .name {
      display: inline;
      vertical-align: middle; }
  table.wc-header .wc-resource-column-header {
    border-right: 1px solid #e6e6e6; }
  table.wc-header .wc-day-column-header-last {
    border-right: 0px; }
  table.wc-header .wc-header-photo {
    width: 80px;
    height: 40px;
    margin: auto; }

.narrow table.wc-header .wc-header-photo {
  width: 60px; }

.wc-grid-timeslot-container {
  position: absolute;
  top: 32px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 48px;
  z-index: 600;
  background: #fff; }

.wc-grid-timeslot-spacer {
  display: table-cell;
  background: transparent;
  width: 48px; }

.wc-scrollable-grid {
  overflow: auto;
  position: absolute;
  top: 31px;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff; }
  .wc-scrollable-grid.no-horizontal-scroll {
    overflow-x: hidden; }

table.wc-status-slots {
  table-layout: fixed;
  cursor: default; }

.wc-status-slots {
  position: absolute;
  width: 100%; }
  .wc-status-slots .wc-today {
    background: transparent; }

.wc-day-column {
  width: 13.5%;
  border-left: 1px solid #e6e6e6;
  overflow: visible;
  vertical-align: top; }

.wc-day-column-inner {
  width: 100%;
  position: relative;
  cursor: pointer;
  z-index: 102;
  background: transparent; }

.wc-status-slot-wrapper {
  position: relative;
  height: 1px;
  top: 1px; }

.wc-status-header-cell {
  padding: 5px 8px 5px 0;
  height: 80px;
  /* reference height */
  white-space: nowrap; }

.wc-status-slot {
  z-index: 101;
  position: relative;
  background: transparent;
  border-bottom: 1px solid #e6e6e6;
  border-style: dotted; }

.wc-hour-header {
  text-align: center;
  color: #000;
  font-weight: 400; }

.wc-status-header-cell-selected {
  font-weight: 600; }
  .wc-status-header-cell-selected .wc-status-header-minutes {
    font-weight: 600; }

.wc-hour-end,
.wc-hour-header {
  border-bottom: 1px solid #cccccc; }

.wc-business-hours {
  background: transparent;
  border-bottom: 1px solid #cccccc;
  font-size: 20px;
  position: relative; }
  .wc-business-hours .wc-am-pm {
    font-size: 16px; }

.wc-status-header-minutes {
  font-size: 0.5em;
  color: #808080;
  font-weight: 400;
  position: absolute;
  top: auto;
  right: 7px;
  bottom: auto;
  left: auto; }

.wc-day-header-cell {
  text-align: center;
  vertical-align: middle;
  padding: 5px; }

.wc-status-slot-header .wc-header-cell {
  text-align: right;
  padding-right: 10px; }

.wc-cal-event {
  z-index: 104;
  border: 1px solid #b3b3b3;
  background: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  position: absolute;
  cursor: pointer;
  width: 100%;
  display: none;
  color: #4d4d4d;
  overflow: hidden; }
  .wc-cal-event.to-front, .wc-cal-event:hover {
    border: 1px solid #595956;
    z-index: 205; }
  .wc-cal-event div {
    padding: 0 5px; }
  .wc-cal-event .wc-title,
  .wc-cal-event .wc-subtitle,
  .wc-cal-event .wc-time {
    position: relative;
    text-align: left;
    padding-left: 10px;
    padding-top: 2px;
    margin-right: 3px;
    font-size: 12px;
    line-height: 1.2;
    color: #4d4d4d;
    white-space: nowrap;
    overflow: hidden; }
  .wc-cal-event .wc-subtitle {
    color: #666; }
  .wc-cal-event .wc-time {
    margin-top: 2px;
    margin-bottom: -2px;
    color: #666;
    font-size: 10px; }
  .wc-cal-event .ui-resizable-handle {
    display: none; }
  .wc-cal-event .wc-notes {
    position: absolute;
    right: 0;
    bottom: 2px;
    width: 13px;
    height: 13px;
    padding: 0px;
    background: #fff url(note-fb7806bad04cd48acc898ef6ae3c3747.png) 60% 100% no-repeat; }
  .wc-cal-event .wc-lock {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 13px;
    height: 13px;
    padding: 0px; }
  .wc-cal-event .wc-deposit,
  .wc-cal-event .wc-no-deposit-warn,
  .wc-cal-event .wc-checkedout {
    position: absolute;
    right: 0;
    top: 0px;
    width: 12px;
    height: 12px;
    padding: 0px;
    background: #fff url(paid-icon-9f5f8b5ef101375f47d5477cc3070ced.svg) 60% 0 no-repeat; }
  .wc-cal-event .wc-no-deposit-warn {
    background-image: url(unpaid-important-small-28945e22ee1b597b0b43a9a034267af2.png); }
  .wc-cal-event .wc-checkedout {
    background-image: url(paid-icon-completed-b6a36a4506194711b21c9915e1017cc8.svg); }
  .wc-cal-event.minimal-height .wc-time {
    display: none; }
  .wc-cal-event.is-draggable {
    cursor: move; }
  .wc-cal-event.is-being-dragged {
    box-shadow: 4px 3px 18px 0px rgba(0, 0, 0, 0.75); }
    .wc-cal-event.is-being-dragged.minimal-height .wc-time {
      display: block; }
  .wc-cal-event.related-to-dragged {
    opacity: 0.5; }

.wc-cal-event .wc-client,
.wc-finishing-time .wc-client {
  text-align: left;
  padding-left: 10px;
  margin-right: 3px;
  margin-top: 4px;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  color: #000;
  white-space: nowrap;
  overflow: hidden; }
  .wc-cal-event .wc-client img,
  .wc-finishing-time .wc-client img {
    height: 10px; }

.wc-finishing-time .wc-client {
  font-weight: normal; }
  .wc-finishing-time .wc-client img {
    display: none; }

.wc-cal-event .wc-status,
.wc-finishing-time .wc-status {
  z-index: 200;
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  width: 4px;
  background-color: #00b0b9;
  border: none;
  color: #fff;
  padding: 0;
  font-weight: bold; }

.wc-cal-event .wc-cleanup-time,
.wc-finishing-time .wc-cleanup-time {
  z-index: 201;
  width: 6px;
  padding: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  background: transparent url(calendar-event-cleanup-bg-1c198a286c24ecb87c37701a2107b320.png) repeat top left; }

.currency-theme-eur .wc-cal-event .wc-deposit,
.currency-theme-eur .appointment-list .wc-deposit {
  background: url(paid-icon-euro-7d4f52e7372e92fad11a2119b0ad4594.svg) 50% 100% no-repeat; }

.currency-theme-eur .wc-cal-event .wc-checkedout,
.currency-theme-eur .appointment-list .wc-checkedout {
  background-image: url(paid-icon-completed-euro-5e82d1279e2c250863199660b9a7e4d8.svg); }

.currency-theme-CHF .wc-cal-event .wc-deposit,
.currency-theme-CHF ul.list.appointment-list .wc-deposit {
  background: url(paid-icon-swiss-franc-9ba035cad258ce602b0e320b336a6e38.svg) 50% 100% no-repeat;
  width: 20px; }

.currency-theme-CHF .wc-cal-event .wc-checkedout,
.currency-theme-CHF ul.list.appointment-list .wc-checkedout {
  background-image: url(paid-icon-completed-swiss-franc-29db329f09ec81449ffdbb430a3aed51.svg);
  width: 20px; }

.currency-theme-DKK .wc-cal-event .wc-deposit,
.currency-theme-DKK ul.list.appointment-list .wc-deposit {
  background: transparent;
  width: 20px; }

.currency-theme-DKK .wc-cal-event .wc-checkedout,
.currency-theme-DKK ul.list.appointment-list .wc-checkedout {
  background-image: none;
  width: 20px; }

.sal-event-nonwork {
  background-color: #e6e6e6; }
  .sal-event-nonwork .wc-status {
    background: #b3b3b3; }
  .sal-event-nonwork.sal-external-block {
    cursor: default; }
    .sal-event-nonwork.sal-external-block .wc-status {
      background: #e6e6e6; }
    .sal-event-nonwork.sal-external-block.is-draggable {
      cursor: move; }

.sal-event-recurring {
  background-image: url(repeat-097abc8afdf5da3f685b8dc77a6b7f7a.png);
  background-position: 98% 6px;
  background-repeat: no-repeat; }
  .sal-event-recurring .wc-title {
    margin-right: 6px;
    padding-right: 16px;
    background-position: 100% 1px;
    background-repeat: no-repeat;
    color: #4d4d4d; }

.sal-event-partial-block {
  background: #e6e6e6; }
  .sal-event-partial-block .wc-status {
    background: url(bg-partial-block-eaaa08e2d4e1d62a7c04c5542baad7ec.png) 0 0 repeat-y; }
  .sal-event-partial-block .wc-click {
    display: none; }
  .sal-event-partial-block .wc-title {
    color: #4d4d4d; }

.sal-event-full-block {
  background: #e6e6e6; }
  .sal-event-full-block .wc-status {
    background: #b3b3b3; }
  .sal-event-full-block .wc-click {
    display: none; }
  .sal-event-full-block .wc-title {
    padding-top: 2px;
    color: #4d4d4d; }

.sal-event-partial-block,
.sal-event-full-block {
  z-index: 103; }
  .sal-event-partial-block:hover .wc-click,
  .sal-event-full-block:hover .wc-click {
    display: inline-block;
    position: relative;
    background: url(expand-4f40077e0d0e77f8320c367f420448fa.png) 100% 3px no-repeat;
    color: #4d4d4d;
    text-align: left;
    line-height: 11px;
    margin: 0 7px 0;
    padding: 6px 17px 1px 6px;
    font-size: 11px; }
  .sal-event-partial-block:hover .wc-title,
  .sal-event-partial-block:hover .wc-time,
  .sal-event-partial-block:hover .wc-client,
  .sal-event-partial-block:hover .wc-notes,
  .sal-event-partial-block:hover .wc-deposit,
  .sal-event-full-block:hover .wc-title,
  .sal-event-full-block:hover .wc-time,
  .sal-event-full-block:hover .wc-client,
  .sal-event-full-block:hover .wc-notes,
  .sal-event-full-block:hover .wc-deposit {
    display: none; }

.sal-event-web .wc-status {
  background-color: #ffb500; }

.sal-event-web .wc-processing-time {
  background-color: #fff;
  background-image: -owg-linear-gradient(0deg, #ffb500 50%, rgba(255, 181, 0, 0.2) 50%);
  background-image: -webkit-linear-gradient(0deg, #ffb500 50%, rgba(255, 181, 0, 0.2) 50%);
  background-image: -moz-linear-gradient(0deg, #ffb500 50%, rgba(255, 181, 0, 0.2) 50%);
  background-image: -o-linear-gradient(0deg, #ffb500 50%, rgba(255, 181, 0, 0.2) 50%);
  background-image: linear-gradient(0deg, #ffb500 50%, rgba(255, 181, 0, 0.2) 50%);
  background-size: 8px 8px; }

.sal-event-conflict .wc-status {
  background-color: #b90d02; }

.sal-event-conflict .wc-processing-time {
  background-color: #fff;
  background-image: -owg-linear-gradient(0deg, #b90d02 50%, rgba(185, 13, 2, 0.2) 50%);
  background-image: -webkit-linear-gradient(0deg, #b90d02 50%, rgba(185, 13, 2, 0.2) 50%);
  background-image: -moz-linear-gradient(0deg, #b90d02 50%, rgba(185, 13, 2, 0.2) 50%);
  background-image: -o-linear-gradient(0deg, #b90d02 50%, rgba(185, 13, 2, 0.2) 50%);
  background-image: linear-gradient(0deg, #b90d02 50%, rgba(185, 13, 2, 0.2) 50%);
  background-size: 8px 8px; }

.sal-event-noshow.wc-cal-event {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAF5JREFUKBVjZiASeHp6svPz84sxEqMepPjVq1dCYmJi7whqQFa8ffv2n3g1oCsGuQanBmyKcWrApRirBnyKMTQQUoyigRjFcA3EKgZrIEUxSAMzKLpBMQiKFJAAIQAAKAlSqV5gIloAAAAASUVORK5CYII=");
  background-size: 6px 6px;
  background-color: transparent; }

.sal-event-noshow .wc-status {
  background-color: #d63700; }

.sal-event-noshow .wc-processing-time {
  background-color: #fff;
  background-image: -owg-linear-gradient(0deg, #d63700 50%, rgba(214, 55, 0, 0.2) 50%);
  background-image: -webkit-linear-gradient(0deg, #d63700 50%, rgba(214, 55, 0, 0.2) 50%);
  background-image: -moz-linear-gradient(0deg, #d63700 50%, rgba(214, 55, 0, 0.2) 50%);
  background-image: -o-linear-gradient(0deg, #d63700 50%, rgba(214, 55, 0, 0.2) 50%);
  background-image: linear-gradient(0deg, #d63700 50%, rgba(214, 55, 0, 0.2) 50%);
  background-size: 8px 8px; }

.sal-event-ok .wc-status {
  background-color: rgba(59, 161, 80, 0.8); }

.sal-event-ok .wc-processing-time {
  background-color: #fff;
  background-image: -owg-linear-gradient(0deg, #3ba150 50%, rgba(59, 161, 80, 0.2) 50%);
  background-image: -webkit-linear-gradient(0deg, #3ba150 50%, rgba(59, 161, 80, 0.2) 50%);
  background-image: -moz-linear-gradient(0deg, #3ba150 50%, rgba(59, 161, 80, 0.2) 50%);
  background-image: -o-linear-gradient(0deg, #3ba150 50%, rgba(59, 161, 80, 0.2) 50%);
  background-image: linear-gradient(0deg, #3ba150 50%, rgba(59, 161, 80, 0.2) 50%);
  background-size: 8px 8px; }

.sal-event-checkedout .wc-status {
  background-color: #00b0b9; }

.sal-event-checkedout .wc-processing-time {
  background-color: #fff;
  background-image: -owg-linear-gradient(0deg, #00b0b9 50%, rgba(0, 176, 185, 0.2) 50%);
  background-image: -webkit-linear-gradient(0deg, #00b0b9 50%, rgba(0, 176, 185, 0.2) 50%);
  background-image: -moz-linear-gradient(0deg, #00b0b9 50%, rgba(0, 176, 185, 0.2) 50%);
  background-image: -o-linear-gradient(0deg, #00b0b9 50%, rgba(0, 176, 185, 0.2) 50%);
  background-image: linear-gradient(0deg, #00b0b9 50%, rgba(0, 176, 185, 0.2) 50%);
  background-size: 8px 8px; }

.wc-processing-time {
  z-index: 103;
  width: 3px;
  border: 1px solid #b3b3b3;
  position: absolute;
  left: 0;
  padding: 0;
  background-image: url(bg-processing-a85b3e5f22723704ee705e411b680b40.png); }
  .wc-processing-time.to-front {
    z-index: 201; }
  .wc-processing-time.sal-event-web {
    background-color: #fff;
    background-image: -owg-linear-gradient(0deg, #ff5c39 50%, rgba(255, 92, 57, 0.2) 50%);
    background-image: -webkit-linear-gradient(0deg, #ff5c39 50%, rgba(255, 92, 57, 0.2) 50%);
    background-image: -moz-linear-gradient(0deg, #ff5c39 50%, rgba(255, 92, 57, 0.2) 50%);
    background-image: -o-linear-gradient(0deg, #ff5c39 50%, rgba(255, 92, 57, 0.2) 50%);
    background-image: linear-gradient(0deg, #ff5c39 50%, rgba(255, 92, 57, 0.2) 50%);
    background-size: 8px 8px; }
  .wc-processing-time.sal-event-conflict {
    background-color: #fff;
    background-image: -owg-linear-gradient(0deg, #b90d02 50%, rgba(185, 13, 2, 0.2) 50%);
    background-image: -webkit-linear-gradient(0deg, #b90d02 50%, rgba(185, 13, 2, 0.2) 50%);
    background-image: -moz-linear-gradient(0deg, #b90d02 50%, rgba(185, 13, 2, 0.2) 50%);
    background-image: -o-linear-gradient(0deg, #b90d02 50%, rgba(185, 13, 2, 0.2) 50%);
    background-image: linear-gradient(0deg, #b90d02 50%, rgba(185, 13, 2, 0.2) 50%);
    background-size: 8px 8px; }
  .wc-processing-time.sal-event-noshow {
    background-color: #fff;
    background-image: -owg-linear-gradient(0deg, #d63700 50%, rgba(214, 55, 0, 0.2) 50%);
    background-image: -webkit-linear-gradient(0deg, #d63700 50%, rgba(214, 55, 0, 0.2) 50%);
    background-image: -moz-linear-gradient(0deg, #d63700 50%, rgba(214, 55, 0, 0.2) 50%);
    background-image: -o-linear-gradient(0deg, #d63700 50%, rgba(214, 55, 0, 0.2) 50%);
    background-image: linear-gradient(0deg, #d63700 50%, rgba(214, 55, 0, 0.2) 50%);
    background-size: 8px 8px; }
  .wc-processing-time.sal-event-ok {
    background-color: #fff;
    background-image: -owg-linear-gradient(0deg, #3ba150 50%, rgba(59, 161, 80, 0.2) 50%);
    background-image: -webkit-linear-gradient(0deg, #3ba150 50%, rgba(59, 161, 80, 0.2) 50%);
    background-image: -moz-linear-gradient(0deg, #3ba150 50%, rgba(59, 161, 80, 0.2) 50%);
    background-image: -o-linear-gradient(0deg, #3ba150 50%, rgba(59, 161, 80, 0.2) 50%);
    background-image: linear-gradient(0deg, #3ba150 50%, rgba(59, 161, 80, 0.2) 50%);
    background-size: 8px 8px; }
  .wc-processing-time.sal-event-checkedout {
    background-color: #fff;
    background-image: -owg-linear-gradient(0deg, #00b0b9 50%, rgba(0, 176, 185, 0.2) 50%);
    background-image: -webkit-linear-gradient(0deg, #00b0b9 50%, rgba(0, 176, 185, 0.2) 50%);
    background-image: -moz-linear-gradient(0deg, #00b0b9 50%, rgba(0, 176, 185, 0.2) 50%);
    background-image: -o-linear-gradient(0deg, #00b0b9 50%, rgba(0, 176, 185, 0.2) 50%);
    background-image: linear-gradient(0deg, #00b0b9 50%, rgba(0, 176, 185, 0.2) 50%);
    background-size: 8px 8px; }

.wc-finishing-time {
  z-index: 104;
  width: 100px;
  border: 1px solid #b3b3b3;
  position: absolute;
  left: 0;
  background: #fff;
  overflow: hidden; }
  .wc-finishing-time.wc-cal-event {
    pointer-events: unset;
    cursor: pointer; }
  .wc-finishing-time.to-front {
    z-index: 202;
    border: 1px solid #595956; }
  .wc-finishing-time .wc-title {
    padding: 4px 10px;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    color: #000;
    white-space: nowrap; }

.wc-status-line {
  border-bottom: 2px solid #3ba150;
  height: 1px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 500; }

.wc-header-day-view {
  height: 30px;
  cursor: pointer; }

.wc-cal-non-work {
  cursor: default;
  background: #e6e6e6;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  overflow: hidden;
  position: absolute;
  z-index: 100;
  width: 100%;
  border: 1px solid #cccccc;
  border-left: 0;
  color: #4d4d4d; }
  .wc-cal-non-work:hover .wc-edit-link {
    display: inline-block; }

.calendar.wc-cal-non-work-hover .wc-cal-non-work {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8; }

.wc-new-cal-event-creating {
  background-color: #aaa !important; }

.wc-edit-link {
  position: relative;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  min-height: 12px;
  margin: 4px 7px 0;
  padding-right: 16px;
  padding-top: 0;
  background: url(edit-ce2ec3c12db9f24bf719c5c15b12c1d8.png) 100% 0 no-repeat;
  line-height: 11px;
  font-size: 11px;
  color: #333;
  display: none; }
  .wc-edit-link .icon {
    display: none; }

.wc-block-link {
  position: relative;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  min-height: 14px;
  margin: 0 7px;
  padding-left: 17px;
  line-height: 17px;
  font-size: 11px;
  color: #4d4d4d;
  z-index: 101; }
  .wc-block-link .icon {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0; }

.client-repeat-badge {
  display: inline-block;
  height: 18px;
  padding: 0 6px;
  border-radius: 3px;
  background-color: #3ba150;
  color: #fff;
  text-align: center;
  margin-left: 8px;
  vertical-align: text-bottom; }

.sal-event-choice {
  position: absolute;
  z-index: 1000;
  min-width: 165px;
  width: auto;
  padding: 0 5px;
  background: #fff;
  border: 1px solid #b3b3b3;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px / 3px;
  border-radius: 3px / 3px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }
  .sal-event-choice .button {
    width: 100%;
    height: 35px;
    margin: 5px 0;
    display: block;
    text-align: left; }
    .sal-event-choice .button.button-secondary, .sal-event-choice .button.button-next {
      margin-top: 0; }
  .sal-event-choice .button-icon.icons-btn-appt {
    top: -1px;
    left: 7px; }
  .sal-event-choice .button-icon.icons-voucher {
    left: 7px; }
  .sal-event-choice .button-icon.icons-reject {
    left: 8px; }
  .sal-event-choice .choice-close {
    visibility: visible;
    position: absolute;
    top: -13px;
    right: -13px;
    bottom: auto;
    left: auto;
    width: 21px;
    height: 21px;
    cursor: pointer;
    -webkit-border-radius: 10px 10px;
    -moz-border-radius: 10px / 10px;
    border-radius: 10px / 10px;
    box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.35); }
  .sal-event-choice.touch-friendly button {
    height: 43px; }

.choice-tooltip-overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999; }

.sal-event-info-wrapper {
  position: absolute;
  z-index: 1000;
  width: 260px;
  background: #fff;
  border: 1px solid #b3b3b3;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px / 3px;
  border-radius: 3px / 3px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
  font-size: 12px;
  line-height: 15px; }
  .sal-event-info-wrapper .service,
  .sal-event-info-wrapper .client,
  .sal-event-info-wrapper .client-status {
    padding: 0 11px;
    font-weight: bold; }
  .sal-event-info-wrapper .client-status {
    color: #3ba150;
    font-size: 10px;
    text-transform: uppercase; }
  .sal-event-info-wrapper .client {
    display: inline-block;
    width: 170px;
    font-size: 14px;
    line-height: 1.4; }
  .sal-event-info-wrapper .prepay-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    vertical-align: text-bottom;
    background-image: url(prepaid-euro-c0b95d7a12224210e5ab04b4e1514e9b.svg);
    background-repeat: no-repeat; }
  .sal-event-info-wrapper .consumer {
    width: 170px;
    display: inline-block;
    padding: 0 11px; }
  .sal-event-info-wrapper .client-repeat-badge {
    float: right;
    margin-left: 0;
    margin-right: 11px; }
  .sal-event-info-wrapper .reason,
  .sal-event-info-wrapper .phone {
    padding: 0 11px;
    color: #666; }
  .sal-event-info-wrapper .source {
    padding: 0px 12px 8px 12px;
    display: block; }
  .sal-event-info-wrapper .type {
    height: 19px;
    margin-bottom: 8px;
    line-height: 16px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 4px 4px 3px; }
  .sal-event-info-wrapper .sku-title {
    padding: 2px 0 0 7px;
    background: url(bullet-minus-1c1ee277acf5cdd3242c4ef05ec77ca7.png) 0 8px no-repeat;
    font-style: italic; }
  .sal-event-info-wrapper .notification {
    margin: -2px 12px 8px;
    color: #d63700;
    font-weight: bold; }
  .sal-event-info-wrapper .source-row .v-title,
  .sal-event-info-wrapper .source-row .v-text {
    vertical-align: middle;
    height: 17px; }
  .sal-event-info-wrapper .source-row .icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -2px; }
  .sal-event-info-wrapper .source-row .treatwell-badge-google {
    display: block;
    line-height: 20px;
    height: 20px;
    margin-top: 7px;
    margin-bottom: 8px;
    background-image: url(treatwell-google-badge-bca248074edf4b18914395278d85a9ef.svg);
    background-repeat: no-repeat; }
  .sal-event-info-wrapper .source-row .treatwell-badge {
    display: block;
    line-height: 20px;
    width: 66px;
    height: 20px;
    margin-top: 7px;
    margin-bottom: 8px;
    background-image: url(treatwell-badge-842af1970068fa267e80e799f4226c27.svg);
    background-repeat: no-repeat; }
  .sal-event-info-wrapper.sal-event-info-ok .type {
    background-color: #3ba150; }
  .sal-event-info-wrapper.sal-event-info-web .type {
    background-color: #ffb500;
    color: #808080; }
  .sal-event-info-wrapper.sal-event-info-conflict .type {
    background-color: #b90d02; }
  .sal-event-info-wrapper.sal-event-info-noshow .type {
    background-color: #d63700;
    height: auto; }
  .sal-event-info-wrapper.sal-event-info-noshow .type-info {
    font-weight: normal; }
  .sal-event-info-wrapper.sal-event-info-nonwork .type {
    background-color: #b3b3b3; }
  .sal-event-info-wrapper.sal-external-block .type {
    background-color: #f2f2f2;
    color: #333;
    border-radius: 4px 4px 0 0; }
  .sal-event-info-wrapper.sal-event-info-checkedout .type {
    background-color: #00b0b9; }

.section-separator {
  height: 1px;
  background: #e6e6e6;
  margin: 8px 12px 0; }

.sal-hint-info,
.wc-container .sal-hint-info {
  margin: 6px 0 12px; }
  .sal-hint-info th,
  .sal-hint-info td,
  .wc-container .sal-hint-info th,
  .wc-container .sal-hint-info td {
    padding: 5px 0;
    vertical-align: top; }
  .sal-hint-info th,
  .wc-container .sal-hint-info th {
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
    padding-right: 8px;
    padding-left: 12px; }
  .sal-hint-info td,
  .wc-container .sal-hint-info td {
    width: 100%;
    padding-right: 12px; }
  .sal-hint-info .icons-repeat,
  .wc-container .sal-hint-info .icons-repeat {
    display: inline-block;
    vertical-align: top;
    margin-top: 1px;
    margin-right: 5px; }
  .sal-hint-info .icons-note,
  .wc-container .sal-hint-info .icons-note {
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    margin-right: 5px; }
  .sal-hint-info .icons-paid,
  .wc-container .sal-hint-info .icons-paid {
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    margin-right: 5px; }
  .sal-hint-info tr.unpaid td,
  .sal-hint-info tr.unpaid th,
  .wc-container .sal-hint-info tr.unpaid td,
  .wc-container .sal-hint-info tr.unpaid th {
    background-color: #d63700;
    color: #fff; }
  .sal-hint-info tr.prepaid td,
  .sal-hint-info tr.prepaid th,
  .wc-container .sal-hint-info tr.prepaid td,
  .wc-container .sal-hint-info tr.prepaid th {
    background-color: #3ba150;
    color: #fff; }

.sal-event-info-left .arrow,
.hint-tooltip-left .arrow {
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 0px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  position: absolute;
  right: -9px;
  top: 33px;
  border-left-color: #b3b3b3; }

.sal-event-info-left .arrow-inner,
.hint-tooltip-left .arrow-inner {
  width: 0;
  height: 0;
  border-left: 9px solid #fff;
  border-right: 0px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  position: absolute;
  right: 1px;
  top: -8px; }

.sal-event-info-left.sal-event-info,
.hint-tooltip-left.sal-event-info {
  right: 8px;
  left: 0px; }

.sal-event-info-right .arrow,
.hint-tooltip-right .arrow {
  width: 0;
  height: 0;
  border-left: 0px;
  border-right: 9px solid transparent;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  position: absolute;
  left: -9px;
  top: 33px;
  border-right-color: #b3b3b3; }

.sal-event-info-right .arrow-inner,
.hint-tooltip-right .arrow-inner {
  width: 0;
  height: 0;
  border-left: 0px;
  border-right: 9px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  position: absolute;
  left: 1px;
  top: -8px; }

.hint-tooltip-wrapper {
  position: absolute;
  z-index: 1000;
  width: 260px;
  background: #fff;
  border: 1px solid #b3b3b3;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px / 3px;
  border-radius: 3px / 3px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  font-size: 12px;
  line-height: 15px; }
  .hint-tooltip-wrapper .type {
    height: 18px;
    margin-bottom: 8px;
    line-height: 19px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 11px; }
  .hint-tooltip-wrapper.hint-tooltip-note .type {
    background-color: #8c8c87; }
  .hint-tooltip-wrapper.hint-tooltip-critical .type {
    background-color: #d63700; }
  .hint-tooltip-wrapper.hint-tooltip-confirmed .type, .hint-tooltip-wrapper.hint-tooltip-done .type {
    background-color: #3ba150; }
  .hint-tooltip-wrapper.hint-tooltip-not-confirmed .type {
    background-color: #ffb500;
    color: #808080; }
  .hint-tooltip-wrapper .note-content {
    padding: 0 10px 7px; }

#dated-calendar {
  overflow: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.wahanda-datetable {
  width: 100%;
  height: 100%; }
  .wahanda-datetable tbody {
    height: 100%; }
  .wahanda-datetable th {
    height: 29px;
    border-bottom: 2px solid #b3b3b3;
    vertical-align: middle;
    font-size: 13px;
    font-weight: normal; }
  .wahanda-datetable td {
    width: 14%;
    height: 16%;
    border: 1px solid #b3b3b3;
    vertical-align: top;
    position: relative;
    text-align: right; }
    .wahanda-datetable td.wdt-disabled {
      background: #d6d7d2; }
    .wahanda-datetable td.wdt-today .wdt-day-name {
      color: #333;
      font-weight: bold; }
    .wahanda-datetable td .wdt-day-bar {
      display: inline-block;
      width: 55px;
      height: 27px;
      padding: 3px 0 0 0;
      text-align: right;
      position: relative; }
    .wahanda-datetable td .wdt-day-name {
      display: inline-block;
      margin-left: 4px;
      margin-right: 7px;
      padding-top: 2px;
      height: 16px;
      line-height: 16px;
      font-size: 18px;
      vertical-align: middle; }
    .wahanda-datetable td .wdt-select-day {
      display: inline-block;
      width: 16px;
      height: 16px;
      line-height: 16px;
      vertical-align: middle;
      background: url(day-checkbox-e968758bcddda5ad92d625e0cda81f04.png) 0 0 no-repeat; }
    .wahanda-datetable td .wdt-days-data {
      margin: 0 7px;
      text-align: center;
      font-size: 12px; }
      .wahanda-datetable td .wdt-days-data .wdt-sold {
        display: block;
        margin: 1px auto 0;
        color: #666; }
    .wahanda-datetable td .icon {
      visibility: hidden;
      float: left;
      margin: 8px 0 0 8px; }
    .wahanda-datetable td.wdt-day-selected {
      background: #f1eed8; }
      .wahanda-datetable td.wdt-day-selected .wdt-select-day {
        visibility: visible;
        background: url(day-checkbox-selected-f1a0c619c167633a384bbe60dff9d7ea.png) 0 0 no-repeat; }
      .wahanda-datetable td.wdt-day-selected .wdt-current-state.state-closed {
        border-color: #b3b3b3; }
    .wahanda-datetable td .closed-offer-notification {
      display: block;
      width: 16px;
      height: 16px;
      float: right;
      margin-top: -16px;
      overflow: hidden;
      border-left: 1px solid #fff;
      border-left: 1px solid rgba(255, 255, 255, 0.6); }
      .wahanda-datetable td .closed-offer-notification .icons-block2 {
        margin-top: 3px;
        margin-left: 3px; }
  .wahanda-datetable tr td:first-child {
    border-left: 0; }
  .wahanda-datetable tr td:last-child {
    border-right: 0; }

.no-touch .wahanda-datetable td .wdt-select-day {
  visibility: hidden; }

.no-touch .wahanda-datetable td:hover, .no-touch .wahanda-datetable td.wdt-day-hover {
  cursor: pointer; }
  .no-touch .wahanda-datetable td:hover .wdt-select-day, .no-touch .wahanda-datetable td.wdt-day-hover .wdt-select-day {
    visibility: visible; }
  .no-touch .wahanda-datetable td:hover .icon, .no-touch .wahanda-datetable td.wdt-day-hover .icon {
    visibility: visible; }

.no-touch .wahanda-datetable td.wdt-day-hover.wdt-day-bar-hover .icon {
  visibility: hidden; }

.no-touch .wahanda-datetable td.wdt-disabled:hover {
  cursor: default; }

.no-touch .wahanda-datetable td.wdt-day-selected:hover .wdt-select-day {
  background: url(day-checkbox-hover-275feb65033928c43bb61a337bcecced.png) 0 0 no-repeat; }

.wdt-current-state {
  display: block;
  margin: 0 auto;
  height: 15px;
  line-height: 16px;
  padding: 1px 5px 0;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px / 3px;
  border-radius: 3px / 3px;
  background: #3ba150;
  color: #fff;
  font-weight: bold;
  overflow: hidden; }
  .wdt-current-state.state-closed {
    background: #b3b3b3;
    border-color: #e6e6e6;
    color: #666; }
  .wdt-current-state.state-noinventory {
    background: #e6e6e6;
    border-color: #e6e6e6;
    color: #666; }
  .wdt-current-state.state-out {
    background: #d63700;
    border-color: #d63700;
    color: #fff; }
  .wdt-current-state.state-low {
    background: #ff5c39;
    border-color: #ff5c39;
    color: #fff; }

.wdt-days-data-tooltip {
  width: 300px; }
  .wdt-days-data-tooltip .wdt-days-date {
    padding: 10px 12px 5px;
    font-size: 14px;
    font-weight: bold; }
  .wdt-days-data-tooltip .wdt-days-data-table {
    margin: 0 12px 12px; }
    .wdt-days-data-tooltip .wdt-days-data-table th,
    .wdt-days-data-tooltip .wdt-days-data-table td {
      height: auto;
      background: #f2f2f2;
      border: 0;
      border-bottom: 1px solid #b3b3b3;
      padding: 3px 6px;
      font-size: 12px;
      text-align: left;
      vertical-align: middle;
      line-height: 12px; }
    .wdt-days-data-tooltip .wdt-days-data-table th {
      border-top: 1px solid #b3b3b3;
      font-weight: bold;
      padding-top: 7px;
      padding-bottom: 5px; }
    .wdt-days-data-tooltip .wdt-days-data-table .wdt-table-room {
      width: 100%; }
    .wdt-days-data-tooltip .wdt-days-data-table .wdt-table-sold,
    .wdt-days-data-tooltip .wdt-days-data-table .wdt-table-availability {
      text-align: center;
      white-space: nowrap; }

#add-block-dialog .form-row .label-part {
  min-width: 134px; }

#add-block-dialog select,
#add-block-dialog .date-input,
#add-block-dialog .separator {
  margin-right: 7px; }

#add-block-dialog .weekdays {
  margin-bottom: 3px; }

.calendar-appointment-wrapper .form-intro {
  min-height: 29px;
  margin-bottom: 20px;
  padding-top: 24px; }
  .calendar-appointment-wrapper .form-intro .icon {
    margin-top: -8px; }

.calendar-appointment-wrapper .price + .status {
  margin-left: 5px; }

.calendar-appointment-wrapper .client-info {
  padding-bottom: 14px;
  min-height: 60px; }
  .calendar-appointment-wrapper .client-info .person-info {
    float: left;
    width: 50%; }
    .calendar-appointment-wrapper .client-info .person-info .person-name {
      min-height: 17px;
      line-height: 17px; }
  .calendar-appointment-wrapper .client-info .client-note {
    float: right;
    width: 40%;
    min-height: 44px;
    margin: 0;
    background: #fff;
    -webkit-border-radius: 3px 3px;
    -moz-border-radius: 3px / 3px;
    border-radius: 3px / 3px;
    padding: 8px 8px 4px 11px;
    position: relative;
    font-size: 12px;
    line-height: 14px;
    color: #666;
    font-style: normal; }
    .calendar-appointment-wrapper .client-info .client-note .icons-note-tip2 {
      position: absolute;
      top: 13px;
      right: auto;
      bottom: auto;
      left: -11px; }
    .calendar-appointment-wrapper .client-info .client-note a {
      display: block;
      text-decoration: none;
      color: #4d4d4d; }
    .calendar-appointment-wrapper .client-info .client-note .note-wrapper {
      display: inline-block;
      max-height: 83px;
      overflow: hidden;
      padding-right: 7px;
      background: url(ellipsis-871e4f47cd90a789188e9896d23e9d4a.png) 100% 78px no-repeat; }

.calendar-appointment-wrapper .dialog-tab-content {
  height: 240px;
  overflow: auto; }
  .calendar-appointment-wrapper .dialog-tab-content .tab-history-head table .date-column,
  .calendar-appointment-wrapper .dialog-tab-content .tab-history-body table .date-column {
    width: 102px;
    white-space: nowrap; }
  .calendar-appointment-wrapper .dialog-tab-content .tab-history-head table .initiator-column,
  .calendar-appointment-wrapper .dialog-tab-content .tab-history-body table .initiator-column {
    width: 20%;
    white-space: nowrap; }
  .calendar-appointment-wrapper .dialog-tab-content .tab-history-head table .note-column,
  .calendar-appointment-wrapper .dialog-tab-content .tab-history-body table .note-column {
    width: 80%; }
  .calendar-appointment-wrapper .dialog-tab-content .tab-history-head table tr:hover td,
  .calendar-appointment-wrapper .dialog-tab-content .tab-history-body table tr:hover td {
    background: #fff;
    cursor: default;
    border-right: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6; }

.calendar-appointment-wrapper #appointment-tab-history {
  padding: 0; }

.appointment-info {
  margin: -20px -17px 0;
  background: #fff;
  border-bottom: 1px solid #b3b3b3;
  padding: 17px 17px 17px 150px;
  min-height: 135px;
  position: relative; }
  .appointment-info .title-and-sku {
    clear: right;
    margin-top: 1px;
    margin-bottom: 12px;
    line-height: 19px;
    font-size: 16px;
    font-weight: bold; }
    .appointment-info .title-and-sku .sku-title {
      padding: 2px 0 0 7px;
      background: url(bullet-minus-1c1ee277acf5cdd3242c4ef05ec77ca7.png) 0 10px no-repeat;
      font-weight: normal;
      font-style: italic; }
  .appointment-info table th,
  .appointment-info table td {
    color: #666; }
    .appointment-info table th.v-additional-price-title, .appointment-info table th.v-price-title,
    .appointment-info table td.v-additional-price-title,
    .appointment-info table td.v-price-title {
      font-weight: normal; }
  .appointment-info .employee-info select {
    width: 100%; }
  .appointment-info .label,
  .appointment-info .status {
    margin-left: 5px; }
  .appointment-info .appointment-actions {
    display: none; }
  .appointment-info.has-actions {
    padding-right: 196px; }
    .appointment-info.has-actions .title-and-sku {
      margin-right: -125px; }
    .appointment-info.has-actions table {
      float: left; }
    .appointment-info.has-actions .appointment-actions {
      display: block;
      float: right;
      margin-right: -179px;
      margin-bottom: -16px;
      width: 160px; }
      .appointment-info.has-actions .appointment-actions .button {
        margin: 0 0 14px;
        width: 100%; }
        .appointment-info.has-actions .appointment-actions .button .icons-reject2 {
          top: -2px;
          left: 7px; }
        .appointment-info.has-actions .appointment-actions .button .icons-tick5 {
          top: -1px;
          left: 8px; }

.ui-dialog .ui-dialog-titlebar.status-cancelled {
  background: #d63700; }

.ui-dialog .ui-dialog-titlebar.status-scheduled {
  background: #3ba150; }

.ui-dialog .ui-dialog-titlebar.status-not-confirmed, .ui-dialog .ui-dialog-titlebar.status-rejected {
  background: #ffb500; }

.ui-dialog .ui-dialog-titlebar.status-noshow {
  background: #d63700; }

.ui-dialog .ui-dialog-titlebar.status-checkedout {
  background: #00b0b9; }

.calendar-time {
  float: left;
  width: 112px;
  margin-left: -133px;
  background: #fff;
  border: 2px solid #e6e6e6;
  text-align: center;
  padding-top: 8px; }
  .calendar-time .weekday,
  .calendar-time .year-month,
  .calendar-time .checkin {
    font-size: 11px;
    line-height: 11px;
    padding-top: 1px;
    text-transform: uppercase;
    overflow: hidden; }
  .calendar-time .weekday {
    height: 11px; }
  .calendar-time .checkin {
    line-height: 12px;
    font-weight: bold;
    font-size: 12px; }
  .calendar-time .year-month {
    padding-top: 3px;
    height: 17px; }
  .calendar-time .day {
    height: 61px;
    line-height: 69px;
    padding-top: 4px;
    font-size: 65px;
    font-weight: bold;
    overflow: hidden; }
  .calendar-time .time {
    line-height: 26px;
    padding-top: 2px;
    height: 24px;
    background: #e6e6e6;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    overflow: hidden; }
  .calendar-time .nights {
    background: #e6e6e6;
    text-transform: uppercase;
    padding: 7px 0 2px;
    font-size: 11px; }

.appointment-notes {
  margin-left: -17px;
  margin-right: -17px;
  border-bottom: 1px solid #b3b3b3;
  padding: 14px 17px;
  line-height: 19px; }
  .appointment-notes .notes-title {
    padding-right: 5px;
    font-weight: bold; }

.wahanda-notes,
.form-note {
  margin: 14px 0 4px;
  background: #ffdfbd;
  padding: 10px 12px 10px 38px;
  line-height: 19px;
  color: #ff5c39; }
  .wahanda-notes .notes-title,
  .form-note .notes-title {
    color: #ff5c39; }
  .wahanda-notes .icon,
  .form-note .icon {
    float: left;
    margin-left: -26px;
    margin-top: 1px; }

.person-info,
.contact-info {
  position: relative; }
  .person-info li,
  .contact-info li {
    line-height: 19px;
    min-height: 19px;
    position: relative;
    padding-left: 18px;
    word-wrap: break-word; }
    .person-info li.person-name,
    .contact-info li.person-name {
      padding-left: 0;
      font-size: 16px;
      font-weight: bold; }
    .person-info li.walkin-comment,
    .contact-info li.walkin-comment {
      padding-left: 0;
      font-size: 16px;
      font-weight: bold; }
    .person-info li.walkin-status,
    .contact-info li.walkin-status {
      color: #666; }
    .person-info li.consumer-email-row a,
    .contact-info li.consumer-email-row a {
      text-decoration: none;
      color: #4d4d4d; }
      .person-info li.consumer-email-row a[href]:hover,
      .contact-info li.consumer-email-row a[href]:hover {
        text-decoration: underline;
        color: #333; }
    .person-info li.consumer-note-row,
    .contact-info li.consumer-note-row {
      padding-left: 0;
      padding-top: 3px;
      padding-bottom: 4px; }
      .person-info li.consumer-note-row .client-note,
      .contact-info li.consumer-note-row .client-note {
        min-height: 32px;
        margin: 0;
        background: #fff;
        -webkit-border-radius: 3px 3px;
        -moz-border-radius: 3px / 3px;
        border-radius: 3px / 3px;
        padding: 8px 8px 4px 11px;
        position: relative;
        font-size: 12px;
        line-height: 14px;
        color: #666;
        font-style: normal; }
        .person-info li.consumer-note-row .client-note .icons-note-tip2,
        .contact-info li.consumer-note-row .client-note .icons-note-tip2 {
          position: absolute;
          top: 13px;
          right: auto;
          bottom: auto;
          left: -11px; }
        .person-info li.consumer-note-row .client-note a,
        .contact-info li.consumer-note-row .client-note a {
          display: block;
          text-decoration: none;
          color: #4d4d4d; }
        .person-info li.consumer-note-row .client-note .note-wrapper,
        .contact-info li.consumer-note-row .client-note .note-wrapper {
          display: inline-block;
          max-height: 41px;
          overflow: hidden;
          padding-right: 7px;
          background: url(ellipsis-871e4f47cd90a789188e9896d23e9d4a.png) 100% 36px no-repeat; }
  .person-info .icon,
  .contact-info .icon {
    position: absolute;
    top: 3px;
    right: auto;
    bottom: auto;
    left: 0; }
    .person-info .icon.icons-email,
    .contact-info .icon.icons-email {
      top: 5px; }
  .person-info .edit-link,
  .contact-info .edit-link {
    display: inline-block;
    font-size: 12px;
    margin-left: 7px;
    font-weight: normal; }

.client-info {
  min-height: 74px;
  margin-left: -17px;
  margin-right: -17px;
  border-bottom: 1px solid #b3b3b3;
  padding: 14px 17px 0 75px;
  position: relative; }
  .client-info .icons-customer {
    position: absolute;
    top: 17px;
    right: auto;
    bottom: auto;
    left: 17px; }
  .client-info .person-info {
    min-height: 56px; }
  .client-info .client-note {
    margin: 10px 0 0 -58px;
    line-height: 19px;
    color: #666;
    font-style: italic; }

.appointment-meta {
  min-height: 16px;
  padding-top: 15px;
  padding-bottom: 6px;
  line-height: 1.4em;
  font-size: 12px;
  color: #808080; }
  .appointment-meta .separator {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
    color: #cecfcc; }
  .appointment-meta .icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px; }
  .appointment-meta .source {
    display: inline-block;
    margin-left: 4px; }
    .appointment-meta .source.with-icon {
      margin-left: 5px; }

.calendar-appointment-reject .form-intro,
.calendar-appointment-delete .form-intro {
  margin-bottom: 0;
  padding-bottom: 5px; }

.calendar-appointment-reject .appointment-info,
.calendar-appointment-delete .appointment-info {
  margin-top: 0;
  background: none; }

.calendar-appointment-reject .rejection-comments,
.calendar-appointment-delete .rejection-comments {
  padding-top: 10px;
  margin-bottom: 5px; }

.calendar-appointment-reject .send-email,
.calendar-appointment-delete .send-email {
  margin-top: 8px;
  margin-bottom: 14px;
  padding: 0 0 0 20px;
  position: relative;
  line-height: 19px; }
  .calendar-appointment-reject .send-email input,
  .calendar-appointment-delete .send-email input {
    position: absolute;
    top: 3px;
    right: auto;
    bottom: auto;
    left: 0; }

.calendar-appointment-reject.widget .form-intro,
.calendar-appointment-delete.widget .form-intro {
  display: none; }

.calendar-appointment-reject.widget .dialog-content,
.calendar-appointment-delete.widget .dialog-content {
  margin-top: -20px; }

.calendar-appointment-reject.booking .b-duration,
.calendar-appointment-reject.booking .calendar-time,
.calendar-appointment-delete.booking .b-duration,
.calendar-appointment-delete.booking .calendar-time {
  display: none; }

.calendar-appointment-reject.booking .appointment-info,
.calendar-appointment-delete.booking .appointment-info {
  padding-left: 18px; }

.calendar-appointment-reject .walkin-status,
.calendar-appointment-delete .walkin-status {
  display: inline-block;
  padding-left: 10px;
  color: #666;
  font-size: 13px; }
  .calendar-appointment-reject .walkin-status .icon,
  .calendar-appointment-delete .walkin-status .icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 3px; }
  .calendar-appointment-reject .walkin-status.hidden,
  .calendar-appointment-delete .walkin-status.hidden {
    display: none; }

.appointment-rebook-confirm .title {
  font-weight: bold;
  margin-bottom: 8px; }

.appointment-rebook-confirm .intro {
  margin-bottom: 23px; }

.calendar-appointment-delete .dialog-content {
  margin-top: -20px; }

.reject-message {
  padding: 17px; }
  .reject-message .dialog-content {
    position: relative;
    padding-left: 55px;
    line-height: 19px; }
  .reject-message .icon {
    position: absolute;
    top: 0;
    left: 0; }
  .reject-message .title {
    font-weight: bold; }
  .reject-message p {
    padding-bottom: 10px; }

#calendar-alerts {
  position: relative;
  flex-grow: 999;
  border-top: 1px solid #b3b3b3;
  padding: 5px 10px 0; }
  #calendar-alerts .title {
    padding-right: 35px;
    padding-bottom: 5px; }
    #calendar-alerts .title .title-text {
      font-size: 16px;
      font-weight: bold;
      vertical-align: middle; }
    #calendar-alerts .title .alert-count {
      float: right;
      margin-right: -35px;
      margin-top: 4px; }

.appointment-list {
  position: absolute;
  top: 35px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  overflow: auto; }
  .appointment-list li {
    height: 29px;
    overflow: hidden;
    margin-bottom: 2px;
    border: 1px solid #989993;
    box-shadow: 0 1px 6px #808080;
    background: #fff; }
    .appointment-list li:hover {
      border: 1px solid #595956; }
    .appointment-list li .list-item {
      height: 25px;
      padding-top: 4px;
      cursor: pointer;
      position: relative; }
      .appointment-list li .list-item .wc-notes {
        position: absolute;
        top: auto;
        right: 1px;
        bottom: 3px;
        left: auto;
        width: 13px;
        height: 13px;
        padding: 0px;
        background: url(note-fb7806bad04cd48acc898ef6ae3c3747.png) 50% 100% no-repeat; }
      .appointment-list li .list-item .wc-deposit,
      .appointment-list li .list-item .wc-no-deposit-warn,
      .appointment-list li .list-item .wc-checkedout {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: auto;
        left: auto;
        width: 12px;
        height: 12px;
        padding: 0px; }
      .appointment-list li .list-item .wc-no-deposit-warn {
        background-image: url(unpaid-important-small-28945e22ee1b597b0b43a9a034267af2.png); }
      .appointment-list li .list-item .wc-checkedout {
        background-image: url(completed-small-eb5dd572170995fe0476e12e2fb49d90.png); }
    .appointment-list li .date {
      float: left;
      width: 29px;
      height: 35px;
      overflow: hidden;
      margin-top: -6px;
      border-right: 1px solid #989993;
      text-align: center; }
      .appointment-list li .date .day {
        height: 15px;
        overflow: hidden;
        line-height: 16px;
        padding-top: 5px;
        font-size: 16px;
        font-weight: bold; }
      .appointment-list li .date .month {
        height: 11px;
        overflow: hidden;
        line-height: 10px;
        font-size: 10px;
        color: #666;
        text-transform: uppercase; }
    .appointment-list li .employee {
      display: none;
      float: left;
      width: 29px;
      height: 35px;
      overflow: hidden;
      margin-top: -6px;
      border-right: 1px solid #989993; }
      .appointment-list li .employee .icon {
        margin-top: 2px; }
    .appointment-list li .service-name,
    .appointment-list li .client,
    .appointment-list li .time,
    .appointment-list li .duration {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      font-size: 12px;
      line-height: 12px;
      padding: 0 10px 0 4px; }
    .appointment-list li .service-name,
    .appointment-list li .duration {
      font-size: 11px; }
    .appointment-list li .client,
    .appointment-list li .time {
      font-weight: bold; }
      .appointment-list li .client .additional,
      .appointment-list li .time .additional {
        font-weight: normal; }
    .appointment-list li.future-appointment .list-item {
      border-left: 7px solid #ffb500; }
    .appointment-list li.no-employee-assigned .list-item {
      border-left: 7px solid #ffb500; }
      .appointment-list li.no-employee-assigned .list-item .employee {
        display: block; }

#voucher-redemption .voucher-search {
  margin: -20px -17px 0;
  height: 55px;
  background: #fff;
  border-bottom: 1px solid #b3b3b3;
  padding: 20px 154px 0 30px; }
  #voucher-redemption .voucher-search .button {
    position: absolute;
    top: 20px;
    right: 24px;
    bottom: auto;
    left: auto;
    width: 105px;
    height: 35px;
    text-align: center;
    font-size: 18px; }
  #voucher-redemption .voucher-search .txt-input {
    height: 33px;
    padding: 0; }
    #voucher-redemption .voucher-search .txt-input input {
      height: 33px;
      font-size: 18px;
      color: #4d4d4d;
      font-weight: bold;
      line-height: 16px;
      text-indent: 7px; }
      #voucher-redemption .voucher-search .txt-input input.error {
        width: 180px; }
    #voucher-redemption .voucher-search .txt-input ::-webkit-input-placeholder {
      padding-top: 6px; }
    #voucher-redemption .voucher-search .txt-input .clear-search {
      display: none; }
    #voucher-redemption .voucher-search .txt-input.has-query {
      position: relative; }
      #voucher-redemption .voucher-search .txt-input.has-query input {
        display: inline-block;
        width: 180px; }
        #voucher-redemption .voucher-search .txt-input.has-query input.error {
          background-position: 100% 10px;
          width: 154px; }
      #voucher-redemption .voucher-search .txt-input.has-query .clear-search {
        display: block;
        position: absolute;
        top: 6px;
        right: 6px;
        bottom: auto;
        left: auto;
        width: 16px;
        height: 16px;
        background: #e6e6e6;
        -webkit-border-radius: 3px 3px;
        -moz-border-radius: 3px / 3px;
        border-radius: 3px / 3px;
        cursor: pointer;
        padding: 5px 0 0 5px; }
        #voucher-redemption .voucher-search .txt-input.has-query .clear-search:hover {
          background: #bcbdb9; }

#voucher-redemption .voucher-redemption-wrapper {
  height: 310px;
  margin: 0 -17px -10px;
  padding-top: 17px; }

#voucher-redemption .voucher-note {
  margin: -17px 0 0;
  height: 185px;
  overflow: hidden;
  padding: 0 50px; }
  #voucher-redemption .voucher-note .voucher-note-inner {
    width: 400px; }
  #voucher-redemption .voucher-note .main-title {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold; }
  #voucher-redemption .voucher-note .simple-list li {
    padding-bottom: 9px;
    background-position: 0 0.5em; }

#voucher-redemption .voucher-searching .icon {
  margin: 0 auto 15px;
  width: 32px;
  height: 32px;
  background: url(loading-big-2f8d04dca84840d461a759bdf7b0aaa5.gif); }

#voucher-redemption .voucher-searching .vertically-centered {
  text-align: center; }

#voucher-redemption .voucher-not-found,
#voucher-redemption .voucher-belongs {
  color: #d63700; }
  #voucher-redemption .voucher-not-found span,
  #voucher-redemption .voucher-belongs span {
    display: block;
    padding-top: 4px;
    line-height: 19px;
    font-size: 14px;
    color: #4d4d4d;
    font-weight: normal; }

#voucher-redemption .voucher-container {
  margin: 0 17px;
  min-height: 187px;
  background: #fff;
  border: 2px solid #e6e6e6;
  border-bottom: 0;
  text-align: center; }
  #voucher-redemption .voucher-container .price-wrapper {
    height: 82px;
    overflow: hidden;
    padding-top: 1px;
    font-size: 64px;
    font-weight: bold; }
  #voucher-redemption .voucher-container .title-wrapper {
    min-height: 36px;
    line-height: 16px;
    font-size: 16px; }
  #voucher-redemption .voucher-container .status-wrapper {
    min-height: 29px;
    border-top: 1px solid #b3b3b3;
    padding-top: 4px;
    font-size: 16px;
    font-weight: bold;
    clear: left; }
    #voucher-redemption .voucher-container .status-wrapper.status-active .status-txt {
      color: #ff5c39; }
    #voucher-redemption .voucher-container .status-wrapper.status-redeemed .status-txt {
      color: #3ba150; }
    #voucher-redemption .voucher-container .status-wrapper.status-redeemed-before, #voucher-redemption .voucher-container .status-wrapper.status-expired {
      background: #f7d1d1;
      border-top: 1px solid #f2acac;
      border-bottom: 1px solid #f2acac; }
      #voucher-redemption .voucher-container .status-wrapper.status-redeemed-before .status-txt, #voucher-redemption .voucher-container .status-wrapper.status-expired .status-txt {
        color: #d63700; }
  #voucher-redemption .voucher-container .expiration-wrapper,
  #voucher-redemption .voucher-container .recipient-wrapper {
    float: left;
    height: 29px;
    overflow: hidden;
    padding-top: 5px;
    line-height: 14px;
    background: #e6e6e6;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase; }
    #voucher-redemption .voucher-container .expiration-wrapper .label-wrapper,
    #voucher-redemption .voucher-container .recipient-wrapper .label-wrapper {
      display: block;
      line-height: 12px;
      font-weight: normal;
      font-size: 12px;
      text-transform: none; }
    #voucher-redemption .voucher-container .expiration-wrapper .expired,
    #voucher-redemption .voucher-container .recipient-wrapper .expired {
      color: #d63700; }
  #voucher-redemption .voucher-container .expiration-wrapper {
    width: 231px;
    border-right: 1px solid #afb0ad; }
  #voucher-redemption .voucher-container .recipient-wrapper {
    width: 230px; }

#voucher-redemption .meta-wrapper {
  margin: 15px 17px 13px;
  font-size: 12px;
  color: #808080; }
  #voucher-redemption .meta-wrapper .separator {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
    color: #cecfcc; }

#voucher-redemption .venue-wrapper {
  border-top: 1px solid #b3b3b3;
  padding: 17px; }
  #voucher-redemption .venue-wrapper table {
    margin: 0; }
  #voucher-redemption .venue-wrapper td {
    padding-bottom: 0;
    padding-top: 0;
    vertical-align: middle; }
  #voucher-redemption .venue-wrapper label {
    font-weight: bold; }
  #voucher-redemption .venue-wrapper select {
    width: 100%; }

.booking-dialog .dialog-content {
  height: 407px;
  overflow: auto;
  margin: -20px -17px -10px;
  padding: 0; }

.booking-dialog #booking-tab-history {
  padding: 0; }

.booking-dialog .main-booking-info {
  background: #fff;
  border-bottom: 1px solid #b3b3b3;
  min-height: 98px;
  line-height: 1.4em;
  padding-bottom: 17px; }
  .booking-dialog .main-booking-info .booking-id {
    display: block;
    padding-bottom: 4px;
    font-size: 16px;
    font-weight: bold;
    color: #4d4d4d; }
  .booking-dialog .main-booking-info .item-title {
    color: #666; }

.booking-dialog .dialog-tab-content {
  height: 240px;
  overflow: auto; }
  .booking-dialog .dialog-tab-content .tab-history-head table .date-column,
  .booking-dialog .dialog-tab-content .tab-history-body table .date-column {
    width: 102px;
    white-space: nowrap; }
  .booking-dialog .dialog-tab-content .tab-history-head table .initiator-column,
  .booking-dialog .dialog-tab-content .tab-history-body table .initiator-column {
    width: 20%;
    white-space: nowrap; }
  .booking-dialog .dialog-tab-content .tab-history-head table .note-column,
  .booking-dialog .dialog-tab-content .tab-history-body table .note-column {
    width: 80%; }
  .booking-dialog .dialog-tab-content .tab-history-head table tr:hover td,
  .booking-dialog .dialog-tab-content .tab-history-body table tr:hover td {
    background: #fff;
    cursor: default;
    border-right: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6; }

.booking-dialog .booking-details {
  float: left;
  margin: 19px 0 0 17px;
  width: 28%; }

.booking-dialog .client-info-wrapper {
  float: right;
  margin: 17px 17px 0 0;
  width: 65%;
  background: #fff;
  border: 1px solid #e6e6e6;
  color: #4d4d4d; }
  .booking-dialog .client-info-wrapper .client-info {
    min-height: 55px;
    margin: 0;
    border-bottom: 0;
    padding: 12px 13px 12px 70px; }
    .booking-dialog .client-info-wrapper .client-info .icons-customer {
      top: 13px;
      left: 13px; }

.booking-dialog .secondary-booking-info {
  margin-bottom: 17px; }
  .booking-dialog .secondary-booking-info .service-title {
    float: left;
    width: 55%;
    margin: 13px 0 0 17px;
    line-height: 19px;
    font-size: 16px;
    font-weight: bold; }
    .booking-dialog .secondary-booking-info .service-title .service-subtitle {
      display: block;
      font-size: 14px;
      font-weight: normal; }
    .booking-dialog .secondary-booking-info .service-title .service-sku {
      font-weight: normal; }
  .booking-dialog .secondary-booking-info .payment-details {
    float: right;
    width: 35%;
    margin: 8px 17px 0 0; }
    .booking-dialog .secondary-booking-info .payment-details th {
      font-weight: normal; }
    .booking-dialog .secondary-booking-info .payment-details .total th,
    .booking-dialog .secondary-booking-info .payment-details .total td {
      font-weight: bold; }

.booking-dialog .booking-appointment-info {
  min-height: 131px; }

.booking-dialog .booking-spa-break-info {
  min-height: 106px; }

.booking-dialog .booking-appointment-info,
.booking-dialog .booking-spa-break-info {
  margin: 0 17px 17px 131px;
  border: 2px solid #e6e6e6;
  padding: 0 17px;
  position: relative; }
  .booking-dialog .booking-appointment-info .calendar-time,
  .booking-dialog .booking-spa-break-info .calendar-time {
    float: none;
    margin: 0;
    position: absolute;
    top: -2px;
    right: auto;
    bottom: auto;
    left: -116px;
    padding-top: 8px; }
  .booking-dialog .booking-appointment-info table,
  .booking-dialog .booking-spa-break-info table {
    border-top: 0;
    margin: 9px 0 5px; }
    .booking-dialog .booking-appointment-info table th,
    .booking-dialog .booking-spa-break-info table th {
      vertical-align: top; }
  .booking-dialog .booking-appointment-info .status,
  .booking-dialog .booking-spa-break-info .status {
    margin-left: 0; }
  .booking-dialog .booking-appointment-info .status + .status,
  .booking-dialog .booking-spa-break-info .status + .status {
    margin-left: 5px; }
  .booking-dialog .booking-appointment-info .appointment-actions,
  .booking-dialog .booking-spa-break-info .appointment-actions {
    display: none; }
  .booking-dialog .booking-appointment-info.has-actions,
  .booking-dialog .booking-spa-break-info.has-actions {
    padding-right: 142px; }
    .booking-dialog .booking-appointment-info.has-actions table,
    .booking-dialog .booking-spa-break-info.has-actions table {
      float: none;
      width: auto; }
    .booking-dialog .booking-appointment-info.has-actions .appointment-actions,
    .booking-dialog .booking-spa-break-info.has-actions .appointment-actions {
      display: block;
      position: absolute;
      top: 17px;
      right: 17px;
      bottom: auto;
      left: auto;
      width: 106px; }
      .booking-dialog .booking-appointment-info.has-actions .appointment-actions .button,
      .booking-dialog .booking-spa-break-info.has-actions .appointment-actions .button {
        margin: 0 0 8px;
        width: 106px;
        height: 33px; }
        .booking-dialog .booking-appointment-info.has-actions .appointment-actions .button .button-inner,
        .booking-dialog .booking-spa-break-info.has-actions .appointment-actions .button .button-inner {
          padding-left: 12px;
          padding-top: 2px;
          text-align: center;
          font-size: 16px; }
        .booking-dialog .booking-appointment-info.has-actions .appointment-actions .button .button-icon,
        .booking-dialog .booking-spa-break-info.has-actions .appointment-actions .button .button-icon {
          position: relative;
          top: -2px;
          left: auto;
          display: inline-block;
          vertical-align: middle;
          margin-right: 8px; }

.booking-dialog .booking-evouchers-info {
  overflow: hidden;
  margin: 0 17px 17px;
  border: 2px solid #e6e6e6; }
  .booking-dialog .booking-evouchers-info .big-data-table {
    border: 0; }
    .booking-dialog .booking-evouchers-info .big-data-table .column1 {
      width: 20%; }
    .booking-dialog .booking-evouchers-info .big-data-table .column2 {
      width: 30%; }
    .booking-dialog .booking-evouchers-info .big-data-table .column3 {
      width: 20%; }
    .booking-dialog .booking-evouchers-info .big-data-table .column4 {
      width: 30%; }

.booking-dialog .booking-block-title {
  line-height: 27px;
  padding: 0 8px;
  background: #e6e6e6;
  font-size: 16px;
  font-weight: bold; }
  .booking-dialog .booking-block-title .icon {
    display: inline-block;
    margin-right: 3px; }

.booking-dialog .booking-gift-info {
  overflow: hidden;
  margin: 0 17px 17px;
  border: 2px solid #e6e6e6;
  font-size: 13px; }
  .booking-dialog .booking-gift-info ul {
    margin: 8px 0 3px; }
  .booking-dialog .booking-gift-info li {
    line-height: 17px;
    padding: 0 8px 5px; }

.booking-dialog .booking-meta {
  border-top: 1px solid #c3c4bd;
  min-height: 16px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 67px;
  line-height: 1.4em;
  font-size: 12px;
  color: #808080; }
  .booking-dialog .booking-meta .button {
    float: right;
    margin-top: -7px;
    margin-right: -50px; }

.people-list li {
  padding: 0 0 4px 19px;
  position: relative;
  min-height: 14px; }
  .people-list li .icon {
    display: block;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0; }

.booking-dialog .booking-spa-break-info .people-list li:last-child {
  padding-bottom: 0; }

.booking-dialog .booking-spa-break-info .default-data-table {
  margin-bottom: 14px; }
  .booking-dialog .booking-spa-break-info .default-data-table tr:last-child td,
  .booking-dialog .booking-spa-break-info .default-data-table tr:last-child th {
    border-bottom: 0;
    padding-bottom: 0; }

.calendar-no-employees,
.none-employees {
  position: absolute;
  top: 50%;
  right: 19px;
  bottom: auto;
  left: 19px;
  margin-top: -60px;
  overflow: hidden; }
  .calendar-no-employees .no-employees-wrapper,
  .none-employees .no-employees-wrapper {
    margin: 0 auto;
    max-width: 340px;
    padding-left: 152px; }
  .calendar-no-employees .icons-employees-big,
  .none-employees .icons-employees-big {
    float: left;
    margin-left: -152px; }
  .calendar-no-employees p,
  .none-employees p {
    font-size: 16px;
    line-height: 16px; }
  .calendar-no-employees .button,
  .none-employees .button {
    margin-top: 15px; }

#appointment-dialog .form-intro {
  margin-bottom: 18px; }

#appointment-dialog .default-form {
  margin-bottom: 12px;
  margin-top: -8px; }
  #appointment-dialog .default-form .label-part {
    min-width: 100px; }

#appointment-dialog .help-txt {
  margin-left: 7px; }

#appointment-dialog .date-input {
  margin-right: 7px; }
  #appointment-dialog .date-input input.error {
    background-position: 100% 2px; }

#appointment-dialog .client-select .txt-input {
  display: inline-block;
  width: 240px; }
  #appointment-dialog .client-select .txt-input input#consumer-block-search {
    background: url(search-94c7a7b611a373c03ec56688102d2f6a.png) 98% 5px no-repeat; }
  #appointment-dialog .client-select .txt-input input.error {
    background-color: #fff;
    background-position: 98% 5px;
    width: 93%; }
  #appointment-dialog .client-select .txt-input.hidden {
    display: none; }

#appointment-dialog .client-select .client-buttons {
  display: inline-block; }
  #appointment-dialog .client-select .client-buttons.hidden {
    display: none; }
  #appointment-dialog .client-select .client-buttons .button {
    margin-left: 7px;
    height: 24px; }
    #appointment-dialog .client-select .client-buttons .button .button-inner {
      padding-top: 2px;
      margin-bottom: 1px; }
  #appointment-dialog .client-select .client-buttons .icons-walkin {
    top: 0; }
  #appointment-dialog .client-select .client-buttons .icons-plus4 {
    top: 3px; }

#appointment-dialog .client-select .client-walkin {
  display: inline-block;
  margin-left: 7px;
  padding-bottom: 22px;
  position: relative; }
  #appointment-dialog .client-select .client-walkin.hidden {
    display: none; }
  #appointment-dialog .client-select .client-walkin .icon {
    display: inline-block;
    margin-right: 2px;
    margin-bottom: -1px; }
  #appointment-dialog .client-select .client-walkin .edit-link {
    font-size: 12px; }
  #appointment-dialog .client-select .client-walkin .walkin-status {
    position: absolute;
    top: auto;
    right: auto;
    bottom: -4px;
    left: -250px; }

#appointment-dialog .client-select .person-info .person-name {
  font-size: 14px; }

#appointment-dialog .client-select .person-info .edit-link {
  margin-left: 10px; }

#appointment-dialog .appointment-service select {
  width: 100%; }

#appointment-dialog .appointment-service .chosen-select {
  width: 425px; }

#appointment-dialog .appointment-service .chosen-container-single .chosen-single {
  min-height: 16px;
  height: auto;
  line-height: 14px;
  padding-top: 4px;
  padding-bottom: 2px;
  padding-left: 7px;
  font-size: 14px; }
  #appointment-dialog .appointment-service .chosen-container-single .chosen-single span {
    overflow: visible;
    white-space: normal; }
  #appointment-dialog .appointment-service .chosen-container-single .chosen-single div b {
    background: url(arrow-bottom2-ba63976fbe33955d83ca26c68a078ef7.png) 0 50% no-repeat; }

#appointment-dialog .appointment-service .chosen-container-single .chosen-single-with-drop div b {
  background: url(arrow-top2-252f3585e3b447969471550300914d03.png) 0 50% no-repeat; }

#appointment-dialog .appointment-service .chosen-container-single .chosen-search {
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 2px; }

#appointment-dialog .appointment-service .chosen-container {
  margin-bottom: 2px; }
  #appointment-dialog .appointment-service .chosen-container .chosen-results {
    margin-right: 7px;
    padding-left: 7px; }

#appointment-dialog .appointment-service.disabled-parent .chosen-container-single .chosen-single {
  color: #808080; }
  #appointment-dialog .appointment-service.disabled-parent .chosen-container-single .chosen-single div b {
    background: url(arrow-bottom2-disabled-5656bd98e1a2fcf06fa8244d0834fd1c.png) 0 50% no-repeat; }

#appointment-dialog .appointment-service.disabled-parent .chosen-single-with-drop div b {
  background: url(arrow-top2-disabled-249d83f3cf4dff128e6aa49feb46d6db.png) 0 50% no-repeat; }

#appointment-dialog .appointment-sku.full-width select {
  width: 100%; }

#appointment-dialog .block-note {
  display: inline-block;
  margin-left: 6px;
  background: #ffdfbd;
  padding: 6px 6px 5px 23px;
  color: #ff5c39;
  line-height: 14px;
  position: relative;
  font-size: 13px; }
  #appointment-dialog .block-note input {
    position: absolute;
    top: 6px;
    right: auto;
    bottom: auto;
    left: 6px;
    margin: 0; }
  #appointment-dialog .block-note.hidden {
    display: none; }
  #appointment-dialog .block-note.txt {
    padding-left: 6px; }
  #appointment-dialog .block-note--simple {
    padding-left: 6px;
    margin-left: 0; }

#appointment-dialog .form-note {
  margin: 10px 0 17px; }

#appointment-dialog .form-row .form-note {
  margin: 0;
  padding: 5px 10px 5px 27px;
  line-height: 14px; }
  #appointment-dialog .form-row .form-note .icon {
    margin-left: -21px;
    margin-top: -1px; }

.client-autocomplete {
  width: 228px;
  max-height: 410px;
  overflow: auto;
  border: 1px solid #b3b3b3;
  border-top: 0;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.28); }
  .client-autocomplete li {
    display: block;
    border-top: 1px solid #b3b3b3; }
    .client-autocomplete li a {
      display: block;
      min-height: 28px;
      padding: 5px 9px 4px 28px;
      background: #fff;
      font-size: 12px;
      line-height: 15px;
      color: #666;
      text-decoration: none;
      position: relative;
      cursor: pointer; }
      .client-autocomplete li a .icon {
        display: block;
        position: absolute;
        top: 6px;
        right: auto;
        bottom: auto;
        left: 9px; }
      .client-autocomplete li a .name {
        display: block;
        font-size: 13px;
        font-weight: bold;
        color: #4d4d4d; }
      .client-autocomplete li a .phone {
        display: block; }
      .client-autocomplete li a:hover, .client-autocomplete li a.ui-state-focus {
        background: #e6e6e6; }
    .client-autocomplete li:last-child {
      -moz-border-radius-bottomleft: 4px;
      -webkit-border-bottom-left-radius: 4px;
      border-bottom-left-radius: 4px;
      -moz-border-radius-bottomright: 4px;
      -webkit-border-bottom-right-radius: 4px;
      border-bottom-right-radius: 4px; }
      .client-autocomplete li:last-child a {
        -moz-border-radius-bottomleft: 4px;
        -webkit-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px; }

.dynamic-allocation .calendar-main-controls .filters table td {
  width: 100%; }

.dynamic-allocation .calendar-main-controls .filters table .pic-wrapper {
  width: auto; }

.dynamic-allocation .type-appointment .person-pic-mini {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px; }

.date-highlight {
  font-weight: bold; }

.spa-days-availability-form .weekdays-label {
  vertical-align: middle; }

.spa-days-availability-form .weekdays {
  margin: 6px 0 0; }

.spa-days-availability-form .help-txt {
  margin-left: 5px; }

.close-out-form .dialog-content {
  min-height: 100px;
  padding-bottom: 15px; }

.close-out-form .on-off-list {
  font-size: 13px; }
  .close-out-form .on-off-list .room-title label {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis; }

.views-control,
#calendar-datepicker,
#dated-calendar,
.set-availability-box,
.close-out-box,
#bcalendar-inst,
.month-calendar {
  display: none; }

#bcalendar-inst.with-filtering-overlay .filtering-overlay {
  z-index: 700;
  left: 213px;
  top: 40px;
  right: 0;
  bottom: 0; }

#bcalendar-inst.with-filtering-overlay .filter-outlined {
  z-index: 701;
  cursor: default; }

#bcalendar-inst.with-filtering-overlay .wc-day-column-inner {
  z-index: auto; }

.room-availability-form .dialog-content,
.dated-day-form .dialog-content {
  padding-bottom: 10px; }

.room-availability-form .day-details-form .dialog-content,
.dated-day-form .day-details-form .dialog-content {
  min-height: 260px;
  padding-bottom: 0; }

.room-availability-form .weekdays-label,
.dated-day-form .weekdays-label {
  vertical-align: middle; }

.room-availability-form .weekdays,
.dated-day-form .weekdays {
  margin: 6px 0 0; }

.room-availability-form .on-off-list,
.dated-day-form .on-off-list {
  margin-bottom: 7px;
  font-size: 13px; }
  .room-availability-form .on-off-list .txt-input,
  .dated-day-form .on-off-list .txt-input {
    display: inline-block; }
  .room-availability-form .on-off-list .room-title,
  .dated-day-form .on-off-list .room-title {
    float: left;
    width: 55%; }
    .room-availability-form .on-off-list .room-title label,
    .dated-day-form .on-off-list .room-title label {
      width: 93%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .room-availability-form .on-off-list .room-price,
  .dated-day-form .on-off-list .room-price {
    float: left;
    width: 45%; }
    .room-availability-form .on-off-list .room-price label,
    .dated-day-form .on-off-list .room-price label {
      margin-left: 3px; }
    .room-availability-form .on-off-list .room-price.when-off,
    .dated-day-form .on-off-list .room-price.when-off {
      line-height: 29px;
      color: #808080; }
  .room-availability-form .on-off-list .on .room-price.when-on,
  .dated-day-form .on-off-list .on .room-price.when-on {
    display: block; }
  .room-availability-form .on-off-list .on .room-price.when-off,
  .dated-day-form .on-off-list .on .room-price.when-off {
    display: none; }
  .room-availability-form .on-off-list .off .room-price.when-on,
  .dated-day-form .on-off-list .off .room-price.when-on {
    display: none; }
  .room-availability-form .on-off-list .off .room-price.when-off,
  .dated-day-form .on-off-list .off .room-price.when-off {
    display: block; }

.room-availability-form .several-lines .room-title,
.room-availability-form .several-lines .room-amount,
.dated-day-form .several-lines .room-title,
.dated-day-form .several-lines .room-amount {
  display: inline-block; }

.room-availability-form .several-lines .help-txt,
.dated-day-form .several-lines .help-txt {
  padding-left: 3px; }

.dated-day-form form {
  margin-top: -8px; }

.dated-day-form .title {
  font-weight: bold;
  margin-bottom: 10px; }

.dated-day-form .dialog-content {
  margin: -20px -17px -10px;
  padding: 0; }

.dated-day-form .date-title {
  border-bottom: 1px solid #c3c4bd;
  background: #fff;
  margin: -17px 0 0 0;
  height: 25px;
  padding: 10px 17px 8px 17px;
  font-size: 16px; }
  .dated-day-form .date-title label {
    padding-right: 5px; }

.dated-day-form .dialog-tabs .count,
.dated-day-form .dialog-tabs ul .ui-tabs-active .count,
.dated-day-form .dialog-tabs ul .ui-tabs-active.ui-state-hover .count {
  background: #3ba150;
  color: #fff; }

.dated-day-form .dialog-tab-content {
  height: 330px;
  overflow: auto;
  padding: 17px 0; }

.dated-day-form .content-main {
  padding: 0 399px 10px 17px; }

.dated-day-form .content-sidebar {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: 348px;
  max-height: 337px;
  overflow: auto;
  padding: 17px 17px 10px;
  background: #fff;
  border-left: 1px solid #c3c4bd; }
  .dated-day-form .content-sidebar .when-empty {
    display: none; }
  .dated-day-form .content-sidebar .when-not-empty {
    display: block; }
  .dated-day-form .content-sidebar.empty .when-empty {
    display: block; }
  .dated-day-form .content-sidebar.empty .when-not-empty {
    display: none; }
  .dated-day-form .content-sidebar .list-wrapper {
    position: absolute;
    top: 47px;
    right: 0;
    bottom: 17px;
    left: 17px;
    overflow: auto;
    padding-right: 17px; }
  .dated-day-form .content-sidebar .on-off-list {
    border-top: 1px solid #d0d1cd; }
    .dated-day-form .content-sidebar .on-off-list li {
      border-bottom: 1px solid #d0d1cd; }
    .dated-day-form .content-sidebar .on-off-list .off .item-wrapper {
      border-left: 5px solid #cbccc8; }

.dated-day-form .tab-history-head {
  margin-top: -17px; }
  .dated-day-form .tab-history-head.has-tick .status-column {
    border-right: 0; }

.dated-day-form .tab-history-head table .ref-column,
.dated-day-form .tab-history-body table .ref-column {
  width: 88px;
  white-space: nowrap; }

.dated-day-form .tab-history-head table .date-column,
.dated-day-form .tab-history-body table .date-column {
  width: 102px;
  white-space: nowrap; }

.dated-day-form .tab-history-head table .guest-column,
.dated-day-form .tab-history-body table .guest-column {
  width: 120px; }

.dated-day-form .tab-history-head table .total-column,
.dated-day-form .tab-history-body table .total-column {
  width: 68px;
  white-space: nowrap; }

.dated-day-form .tab-history-head table td.total-column,
.dated-day-form .tab-history-body table td.total-column {
  text-align: right; }

.dated-day-form .tab-history-head table .status-column,
.dated-day-form .tab-history-body table .status-column {
  width: 140px;
  padding-left: 3px;
  padding-right: 3px; }
  .dated-day-form .tab-history-head table .status-column .status,
  .dated-day-form .tab-history-body table .status-column .status {
    white-space: nowrap; }

.dated-day-form .several-lines li {
  padding-bottom: 5px; }

.dated-day-form .several-lines label,
.dated-day-form .several-lines input,
.dated-day-form .several-lines .txt-input {
  display: inline-block;
  vertical-align: middle; }

.dated-day-form .several-lines label {
  margin-right: 5px;
  margin-left: 5px; }

.dated-day-form .room-type {
  padding-bottom: 5px;
  margin-top: -7px; }
  .dated-day-form .room-type span {
    padding-left: 5px;
    font-weight: bold; }

.type-appointment #calendar-datepicker,
.type-appointment #bcalendar-inst {
  display: block; }
  .type-appointment #calendar-datepicker.hidden,
  .type-appointment #bcalendar-inst.hidden {
    display: none; }

.type-appointment .views-control {
  display: inline-block; }
  .type-appointment .views-control.hidden {
    display: none; }

.type-appointment #bcalendar-inst {
  overflow: hidden; }

.type-spa-day #dated-calendar,
.type-spa-day .month-calendar,
.type-spa-break #dated-calendar,
.type-spa-break .month-calendar {
  display: block; }
  .type-spa-day #dated-calendar.hidden,
  .type-spa-day .month-calendar.hidden,
  .type-spa-break #dated-calendar.hidden,
  .type-spa-break .month-calendar.hidden {
    display: none; }

.type-spa-day .set-availability-box,
.type-spa-day .close-out-box,
.type-spa-break .set-availability-box,
.type-spa-break .close-out-box {
  display: block; }
  .type-spa-day .set-availability-box.hidden,
  .type-spa-day .close-out-box.hidden,
  .type-spa-break .set-availability-box.hidden,
  .type-spa-break .close-out-box.hidden {
    display: none; }

.type-spa-day .calendar-main-controls {
  display: none; }

.type-spa-day .calendar {
  top: 35px; }

.type-appointment .hide-main-controls .calendar-main-controls {
  display: none; }

.type-appointment .hide-main-controls .calendar {
  top: 35px; }

.type-spa-break .filters .get-back {
  display: none; }

.type-spa-break .date-selector .week-label {
  display: none; }

#pos-checkout-dialog.ui-dialog-content,
.ui-dialog.dialog2.pos-checkout-dialog.ui-dialog-content {
  padding: 20px 0 0; }

#pos-checkout-dialog .dialog-content,
.ui-dialog.dialog2.pos-checkout-dialog .dialog-content {
  margin-top: -20px; }

#pos-checkout-dialog .dialog-actions,
.ui-dialog.dialog2.pos-checkout-dialog .dialog-actions {
  margin: 0; }

#pos-checkout-dialog input:focus,
#pos-checkout-dialog select:focus,
.ui-dialog.dialog2.pos-checkout-dialog input:focus,
.ui-dialog.dialog2.pos-checkout-dialog select:focus {
  outline: none; }

#pos-checkout-dialog .pos-focused,
.ui-dialog.dialog2.pos-checkout-dialog .pos-focused {
  border-bottom: 1px solid #00b0b9;
  box-shadow: 0px 1px #00b0b9; }

#pos-checkout-dialog .title.row,
.ui-dialog.dialog2.pos-checkout-dialog .title.row {
  padding: 12px 12px 4px 12px; }

#pos-checkout-dialog .total,
.ui-dialog.dialog2.pos-checkout-dialog .total {
  font-weight: bold; }

#pos-checkout-dialog .row,
.ui-dialog.dialog2.pos-checkout-dialog .row {
  margin: 0;
  padding: 10px 12px;
  border-bottom: 1px solid #e6e6e6;
  display: block; }
  #pos-checkout-dialog .row.blank,
  .ui-dialog.dialog2.pos-checkout-dialog .row.blank {
    background: #f2f2f2;
    height: 10px; }

#pos-checkout-dialog .to-pay,
.ui-dialog.dialog2.pos-checkout-dialog .to-pay {
  border-bottom: 0; }

#pos-checkout-dialog .summary-items .row,
.ui-dialog.dialog2.pos-checkout-dialog .summary-items .row {
  border: 0;
  padding: 5px 12px 5px 42px; }
  #pos-checkout-dialog .summary-items .row .name,
  .ui-dialog.dialog2.pos-checkout-dialog .summary-items .row .name {
    display: inline-block;
    max-width: 310px; }
  #pos-checkout-dialog .summary-items .row .quantity-and-price,
  .ui-dialog.dialog2.pos-checkout-dialog .summary-items .row .quantity-and-price {
    padding-right: 0px; }

#pos-checkout-dialog .add-row-container,
.ui-dialog.dialog2.pos-checkout-dialog .add-row-container {
  margin-right: 40px;
  line-height: 16px; }

#pos-checkout-dialog .add-row,
.ui-dialog.dialog2.pos-checkout-dialog .add-row {
  color: #00b0b9;
  cursor: pointer;
  height: 18px;
  position: relative;
  top: -2px; }
  #pos-checkout-dialog .add-row.name,
  .ui-dialog.dialog2.pos-checkout-dialog .add-row.name {
    position: relative;
    margin-left: 0;
    top: 1px; }
  #pos-checkout-dialog .add-row:hover,
  .ui-dialog.dialog2.pos-checkout-dialog .add-row:hover {
    color: #018591; }

#pos-checkout-dialog .payment-summary .row,
.ui-dialog.dialog2.pos-checkout-dialog .payment-summary .row {
  border-bottom: 0px;
  border-top: 1px solid #e6e6e6; }
  #pos-checkout-dialog .payment-summary .row.change button, #pos-checkout-dialog .payment-summary .row.outstanding button,
  .ui-dialog.dialog2.pos-checkout-dialog .payment-summary .row.change button,
  .ui-dialog.dialog2.pos-checkout-dialog .payment-summary .row.outstanding button {
    float: right;
    margin-left: 8px; }
  #pos-checkout-dialog .payment-summary .row:first-child,
  .ui-dialog.dialog2.pos-checkout-dialog .payment-summary .row:first-child {
    border-style: solid; }
  #pos-checkout-dialog .payment-summary .row .balance-type,
  .ui-dialog.dialog2.pos-checkout-dialog .payment-summary .row .balance-type {
    float: left; }
  #pos-checkout-dialog .payment-summary .row .price,
  .ui-dialog.dialog2.pos-checkout-dialog .payment-summary .row .price {
    float: right;
    width: auto;
    font-weight: bold; }

#pos-checkout-dialog .discount-form .clear-search,
#pos-checkout-dialog .product-form .clear-search,
.ui-dialog.dialog2.pos-checkout-dialog .discount-form .clear-search,
.ui-dialog.dialog2.pos-checkout-dialog .product-form .clear-search {
  position: absolute;
  top: 6px;
  right: 5px;
  width: 11px;
  height: 11px;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px / 3px;
  border-radius: 3px / 3px;
  cursor: pointer;
  padding: 3px 0 0 3px;
  z-index: 999; }
  #pos-checkout-dialog .discount-form .clear-search:hover,
  #pos-checkout-dialog .product-form .clear-search:hover,
  .ui-dialog.dialog2.pos-checkout-dialog .discount-form .clear-search:hover,
  .ui-dialog.dialog2.pos-checkout-dialog .product-form .clear-search:hover {
    background: #bcbdb9; }

#pos-checkout-dialog .discount-form .search-results,
#pos-checkout-dialog .product-form .search-results,
.ui-dialog.dialog2.pos-checkout-dialog .discount-form .search-results,
.ui-dialog.dialog2.pos-checkout-dialog .product-form .search-results {
  transform: translate3d(0, 0, 0);
  width: 380px;
  position: absolute;
  top: 24px;
  right: 0;
  bottom: auto;
  left: 0;
  text-align: left;
  background: #fff;
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
  overflow: auto;
  max-height: 182px; }
  #pos-checkout-dialog .discount-form .search-results li,
  #pos-checkout-dialog .product-form .search-results li,
  .ui-dialog.dialog2.pos-checkout-dialog .discount-form .search-results li,
  .ui-dialog.dialog2.pos-checkout-dialog .product-form .search-results li {
    border-bottom: 1px solid #e6e6e6; }
    #pos-checkout-dialog .discount-form .search-results li.with-separator,
    #pos-checkout-dialog .product-form .search-results li.with-separator,
    .ui-dialog.dialog2.pos-checkout-dialog .discount-form .search-results li.with-separator,
    .ui-dialog.dialog2.pos-checkout-dialog .product-form .search-results li.with-separator {
      border-top-width: 2px;
      border-top: 1px solid #989993; }
    #pos-checkout-dialog .discount-form .search-results li:last-child,
    #pos-checkout-dialog .product-form .search-results li:last-child,
    .ui-dialog.dialog2.pos-checkout-dialog .discount-form .search-results li:last-child,
    .ui-dialog.dialog2.pos-checkout-dialog .product-form .search-results li:last-child {
      border-bottom: 0; }
  #pos-checkout-dialog .discount-form .search-results a,
  #pos-checkout-dialog .product-form .search-results a,
  .ui-dialog.dialog2.pos-checkout-dialog .discount-form .search-results a,
  .ui-dialog.dialog2.pos-checkout-dialog .product-form .search-results a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 27px;
    font-size: 14px;
    line-height: 1;
    overflow: hidden;
    padding: 6px 16px;
    color: #4d4d4d;
    text-decoration: none;
    position: relative;
    cursor: pointer; }
    #pos-checkout-dialog .discount-form .search-results a:hover, #pos-checkout-dialog .discount-form .search-results a.ui-state-focus,
    #pos-checkout-dialog .product-form .search-results a:hover,
    #pos-checkout-dialog .product-form .search-results a.ui-state-focus,
    .ui-dialog.dialog2.pos-checkout-dialog .discount-form .search-results a:hover,
    .ui-dialog.dialog2.pos-checkout-dialog .discount-form .search-results a.ui-state-focus,
    .ui-dialog.dialog2.pos-checkout-dialog .product-form .search-results a:hover,
    .ui-dialog.dialog2.pos-checkout-dialog .product-form .search-results a.ui-state-focus {
      background: #e6f7f8; }
  #pos-checkout-dialog .discount-form .search-results ul:last-child li:last-child,
  #pos-checkout-dialog .product-form .search-results ul:last-child li:last-child,
  .ui-dialog.dialog2.pos-checkout-dialog .discount-form .search-results ul:last-child li:last-child,
  .ui-dialog.dialog2.pos-checkout-dialog .product-form .search-results ul:last-child li:last-child {
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px; }
    #pos-checkout-dialog .discount-form .search-results ul:last-child li:last-child a,
    #pos-checkout-dialog .product-form .search-results ul:last-child li:last-child a,
    .ui-dialog.dialog2.pos-checkout-dialog .discount-form .search-results ul:last-child li:last-child a,
    .ui-dialog.dialog2.pos-checkout-dialog .product-form .search-results ul:last-child li:last-child a {
      -moz-border-radius-bottomleft: 3px;
      -webkit-border-bottom-left-radius: 3px;
      border-bottom-left-radius: 3px;
      -moz-border-radius-bottomright: 3px;
      -webkit-border-bottom-right-radius: 3px;
      border-bottom-right-radius: 3px; }
  #pos-checkout-dialog .discount-form .search-results--right, #pos-checkout-dialog .discount-form .search-results--left,
  #pos-checkout-dialog .product-form .search-results--right,
  #pos-checkout-dialog .product-form .search-results--left,
  .ui-dialog.dialog2.pos-checkout-dialog .discount-form .search-results--right,
  .ui-dialog.dialog2.pos-checkout-dialog .discount-form .search-results--left,
  .ui-dialog.dialog2.pos-checkout-dialog .product-form .search-results--right,
  .ui-dialog.dialog2.pos-checkout-dialog .product-form .search-results--left {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  #pos-checkout-dialog .discount-form .search-results--right,
  #pos-checkout-dialog .product-form .search-results--right,
  .ui-dialog.dialog2.pos-checkout-dialog .discount-form .search-results--right,
  .ui-dialog.dialog2.pos-checkout-dialog .product-form .search-results--right {
    flex-grow: 1; }
  #pos-checkout-dialog .discount-form .search-results--left,
  #pos-checkout-dialog .product-form .search-results--left,
  .ui-dialog.dialog2.pos-checkout-dialog .discount-form .search-results--left,
  .ui-dialog.dialog2.pos-checkout-dialog .product-form .search-results--left {
    box-sizing: border-box;
    width: 115px;
    min-width: 115px;
    padding-left: 40px; }
  #pos-checkout-dialog .discount-form .search-results--price,
  #pos-checkout-dialog .product-form .search-results--price,
  .ui-dialog.dialog2.pos-checkout-dialog .discount-form .search-results--price,
  .ui-dialog.dialog2.pos-checkout-dialog .product-form .search-results--price {
    margin-left: 10px; }
  #pos-checkout-dialog .discount-form .search-results--inventory,
  #pos-checkout-dialog .product-form .search-results--inventory,
  .ui-dialog.dialog2.pos-checkout-dialog .discount-form .search-results--inventory,
  .ui-dialog.dialog2.pos-checkout-dialog .product-form .search-results--inventory {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-size: 11px;
    font-weight: 600;
    color: #b3b3b3;
    padding: 0 5px;
    height: 18px;
    min-width: 18px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #e6e6e6; }
    #pos-checkout-dialog .discount-form .search-results--inventory-warning,
    #pos-checkout-dialog .product-form .search-results--inventory-warning,
    .ui-dialog.dialog2.pos-checkout-dialog .discount-form .search-results--inventory-warning,
    .ui-dialog.dialog2.pos-checkout-dialog .product-form .search-results--inventory-warning {
      border: none;
      color: #fff; }
      #pos-checkout-dialog .discount-form .search-results--inventory-warning-soft,
      #pos-checkout-dialog .product-form .search-results--inventory-warning-soft,
      .ui-dialog.dialog2.pos-checkout-dialog .discount-form .search-results--inventory-warning-soft,
      .ui-dialog.dialog2.pos-checkout-dialog .product-form .search-results--inventory-warning-soft {
        background-color: #ffb500; }
      #pos-checkout-dialog .discount-form .search-results--inventory-warning-hard,
      #pos-checkout-dialog .product-form .search-results--inventory-warning-hard,
      .ui-dialog.dialog2.pos-checkout-dialog .discount-form .search-results--inventory-warning-hard,
      .ui-dialog.dialog2.pos-checkout-dialog .product-form .search-results--inventory-warning-hard {
        background-color: #d63700; }
  #pos-checkout-dialog .discount-form .search-results--edit-product,
  #pos-checkout-dialog .product-form .search-results--edit-product,
  .ui-dialog.dialog2.pos-checkout-dialog .discount-form .search-results--edit-product,
  .ui-dialog.dialog2.pos-checkout-dialog .product-form .search-results--edit-product {
    display: flex;
    align-items: center; }
    #pos-checkout-dialog .discount-form .search-results--edit-product svg,
    #pos-checkout-dialog .product-form .search-results--edit-product svg,
    .ui-dialog.dialog2.pos-checkout-dialog .discount-form .search-results--edit-product svg,
    .ui-dialog.dialog2.pos-checkout-dialog .product-form .search-results--edit-product svg {
      height: 20px;
      width: 20px;
      fill: #e6e6e6;
      transition: fill 0.1s; }
    #pos-checkout-dialog .discount-form .search-results--edit-product:hover svg,
    #pos-checkout-dialog .product-form .search-results--edit-product:hover svg,
    .ui-dialog.dialog2.pos-checkout-dialog .discount-form .search-results--edit-product:hover svg,
    .ui-dialog.dialog2.pos-checkout-dialog .product-form .search-results--edit-product:hover svg {
      fill: #808080; }

.sync-button {
  position: absolute;
  top: auto;
  right: 16px;
  bottom: 16px;
  left: auto;
  border-radius: 5px;
  z-index: 500;
  padding: 5px;
  background: #fff; }
  .sync-button .button {
    display: block; }
    .sync-button .button .button-inner {
      padding-left: 7px;
      padding-right: 7px; }

.swipe-back,
.swipe-fwd {
  position: absolute;
  top: 45%;
  width: 38px;
  height: 77px;
  background-repeat: no-repeat;
  background-size: 38px auto;
  z-index: 1010; }

.swipe-back {
  left: -38px;
  background-image: url(swipe-left-35a03027eeaf452a58fe3d3defa378e2.png); }

.swipe-fwd {
  right: -38px;
  background-image: url(swipe-right-fdf4194f09bd4c6029fcb083fabd7396.png); }

.dialog2.dialog2--drag-confirm.ui-dialog .ui-dialog-titlebar {
  border-bottom: none;
  box-shadow: none; }

.dialog2.dialog2--drag-confirm.ui-dialog .checkbox-wrapper {
  padding: 0 0 16px 0;
  display: block; }
  .dialog2.dialog2--drag-confirm.ui-dialog .checkbox-wrapper input {
    margin-right: 10px; }

.dialog2.dialog2--drag-confirm.ui-dialog .dialog2--footer {
  box-shadow: none; }

.floating-event-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40px;
  background-color: #3ba150;
  color: #fff;
  z-index: 1001;
  padding: 0 1%; }
  .floating-event-header .text {
    display: inline-block;
    height: 40px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px; }
  .floating-event-header .cancel {
    float: right;
    width: 15%; }
    .floating-event-header .cancel .cancel-btn {
      float: right;
      background-color: #fff;
      color: #333;
      line-height: 30px;
      display: inline-block;
      margin-top: 7px;
      width: 70px;
      text-align: center;
      font-weight: bold;
      border-radius: 3px;
      cursor: pointer; }
      .floating-event-header .cancel .cancel-btn:hover {
        background-color: #f2f2f2; }
  .floating-event-header .left {
    float: left;
    width: 85%; }
  .floating-event-header .icon {
    float: left;
    margin-right: 15px; }
    .floating-event-header .icon svg {
      height: 40px; }
      .floating-event-header .icon svg #Line_Icons {
        fill: #fff; }

.popup-menu {
  display: inline;
  position: relative;
  user-select: none; }
  .popup-menu--list {
    z-index: 2;
    position: absolute;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 1px 3px 1px #cbccc8; }
  .popup-menu--item {
    cursor: pointer;
    padding: 10px;
    border-bottom: 1px solid #cbccc8;
    color: #676767; }
    .popup-menu--item:last-child {
      border-bottom: none; }
    .popup-menu--item:hover {
      background-color: #e4ebd2;
      color: #474941; }
  .popup-menu--button {
    cursor: pointer;
    background-image: url(pos-icon-more-5c6a8291894f58885a2787f88146ad3a.png);
    display: inline-block;
    vertical-align: middle;
    height: 21px; }

.quantity-selector {
  border-bottom: 1px solid #cdcdcd;
  box-shadow: 0px 1px #dfdfdf;
  white-space: nowrap;
  display: inline-block;
  height: 26px;
  position: relative;
  top: -1px;
  padding-bottom: 1px;
  vertical-align: middle; }
  .quantity-selector .decrement,
  .quantity-selector .increment {
    height: 100%;
    width: 13px;
    display: inline-block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center; }
  .quantity-selector .decrement.disabled {
    cursor: default; }
  .quantity-selector .value {
    width: 22px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    padding-top: 5px; }
  .quantity-selector .decrement {
    background-image: url(icon-amount-decrease-active-5f10a096742e036adbb1c43de75f9e05.svg); }
  .quantity-selector .decrement.disabled {
    background-image: url(icon-amount-decrease-inactive-7bd162af94441f5744a78ad7a4b4e262.svg); }
  .quantity-selector .increment {
    background-image: url(icon-amount-increase-active-5ff5de0ea78329501cab05a726c0e6c0.svg); }
  .quantity-selector .increment.disabled {
    background-image: url(icon-amount-increase-inactive-1f7aca8dccdc5e5840eef083fc9c0cea.svg); }

.client-hidden {
  display: none; }

#clients-holder {
  min-width: 980px; }
  #clients-holder .section-main {
    position: absolute;
    top: 78px;
    right: 0;
    bottom: 0;
    left: 0; }
    #clients-holder .section-main.client-list {
      border: 0; }
  #clients-holder .no-permission-info {
    display: none; }
  #clients-holder.no-permission .clients-filters,
  #clients-holder.no-permission .client-list {
    display: none; }
  #clients-holder.no-permission .no-permission-info {
    display: block;
    top: 65px; }

.clients-filters {
  position: absolute;
  top: 40px;
  right: 0;
  bottom: auto;
  left: 0;
  height: 32px;
  border-bottom: 1px solid #cccccc;
  background: #fff; }

.client-search {
  float: right;
  width: 250px;
  height: 32px; }
  .client-search .txt-input {
    position: relative;
    width: 248px;
    height: 32px;
    border: 0;
    border-left: 1px solid #cccccc;
    -webkit-border-radius: 0 0;
    -moz-border-radius: 0 / 0;
    border-radius: 0 / 0;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px; }
    .client-search .txt-input input {
      z-index: 100;
      width: 220px;
      height: 32px;
      padding-left: 24px;
      padding-right: 4px;
      background: url(search-94c7a7b611a373c03ec56688102d2f6a.png) 8px 49% no-repeat; }
  .client-search .clear-search {
    position: absolute;
    top: 7px;
    right: 6px;
    bottom: auto;
    left: auto;
    width: 13px;
    height: 13px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    padding: 5px 0 0 5px; }
    .client-search .clear-search:hover {
      background: #bcbdb9; }
  .client-search .search-loader {
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: auto;
    left: auto;
    width: 14px;
    height: 14px;
    background: #fff url(search-loader-4116208abfcd4eec12fb652aaa46b2f9.gif) 0 0 no-repeat; }

.client-list table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse; }
  .client-list table td {
    padding: 12px 8px 9px 8px;
    font-size: 13px;
    line-height: 14px;
    vertical-align: middle; }

.client-list .client-list-head {
  z-index: 20;
  height: 29px;
  border-bottom: 1px solid #9d9e98; }
  .client-list .client-list-head td {
    height: 29px;
    line-height: 8px;
    border-right: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    background: #fff;
    font-weight: bold;
    padding-top: 0;
    padding-bottom: 0; }
    .client-list .client-list-head td:first-child {
      border-left: 0; }
    .client-list .client-list-head td:last-child, .client-list .client-list-head td.visit-column {
      border-right: 0; }
    .client-list .client-list-head td.sorts {
      padding-left: 26px;
      position: relative;
      white-space: nowrap; }
      .client-list .client-list-head td.sorts .sort-icon {
        position: absolute;
        cursor: pointer;
        left: 10px;
        top: 6px; }
        .client-list .client-list-head td.sorts .sort-icon.icons-sorting-desc {
          margin-top: 8px; }
        .client-list .client-list-head td.sorts .sort-icon.icons-sorting-off {
          top: 10px; }
        .client-list .client-list-head td.sorts .sort-icon.hidden {
          display: none; }
  .client-list .client-list-head .sort-title {
    display: inline-block;
    margin-right: 7px;
    cursor: pointer; }
  .client-list .client-list-head .icons-filter,
  .client-list .client-list-head .icons-filter-on {
    float: right;
    margin-top: 9px;
    cursor: pointer; }
  .client-list .client-list-head .sorting-on {
    color: #3ba150; }
  .client-list .client-list-head .filter {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #f2f2f2;
    border: 1px solid #b3b3b3;
    width: 360px;
    height: 176px;
    z-index: 999;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.28);
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px; }
    .client-list .client-list-head .filter.range {
      min-width: 319px; }
      .client-list .client-list-head .filter.range .filter-value {
        width: 50%; }
        .client-list .client-list-head .filter.range .filter-value.values input {
          width: 50px;
          display: inline-block;
          margin-left: 0; }
        .client-list .client-list-head .filter.range .filter-value.values .separator {
          color: #b3b3b3; }
        .client-list .client-list-head .filter.range .filter-value input {
          margin: 0 auto; }
    .client-list .client-list-head .filter .title {
      font-size: 13.5px;
      height: 28px;
      background: #f2f2f2;
      border-bottom: 1px solid #b3b3b3;
      position: relative; }
      .client-list .client-list-head .filter .title .value {
        padding-left: 11px;
        padding-right: 25px;
        line-height: 25px;
        float: left;
        display: inline-block;
        white-space: nowrap; }
      .client-list .client-list-head .filter .title .icon {
        display: inline-block;
        position: absolute;
        cursor: pointer;
        left: auto !important;
        bottom: auto !important;
        right: 10px;
        top: 8px !important; }
    .client-list .client-list-head .filter form {
      background: #fff; }
    .client-list .client-list-head .filter .filters {
      width: 100%;
      height: 110px;
      display: flex; }
    .client-list .client-list-head .filter .filter-value {
      text-align: center;
      flex: 1;
      width: 100%;
      margin: 29px 0; }
      .client-list .client-list-head .filter .filter-value input {
        -moz-border-radius-topleft: 4px;
        -webkit-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -webkit-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        -webkit-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
        text-align: center;
        width: 81px;
        display: block;
        margin-left: 20px;
        margin-top: 32px;
        height: 28px;
        font-weight: bold;
        font-size: 18px; }
      .client-list .client-list-head .filter .filter-value .text {
        text-align: center;
        font-weight: normal;
        font-size: 14px;
        display: block;
        line-height: 14px;
        margin-top: 6px; }
    .client-list .client-list-head .filter .filter-option {
      width: 100%;
      flex: 1;
      height: 100%;
      border-right: 1px solid #e6e6e6;
      float: left; }
      .client-list .client-list-head .filter .filter-option label {
        height: 37px;
        font-weight: normal;
        border-bottom: 1px solid #e6e6e6;
        display: block;
        width: 100%; }
        .client-list .client-list-head .filter .filter-option label.selected {
          font-weight: bold; }
        .client-list .client-list-head .filter .filter-option label .text {
          margin-left: 6px;
          line-height: 37px;
          vertical-align: middle; }
        .client-list .client-list-head .filter .filter-option label input {
          margin-left: 12px;
          vertical-align: middle;
          height: 100%; }
    .client-list .client-list-head .filter .filter-value {
      float: right;
      width: 50%; }
      .client-list .client-list-head .filter .filter-value input {
        margin: 0 auto; }
    .client-list .client-list-head .filter .buttons {
      background: #f2f2f2;
      cursor: pointer;
      border-top: 1px solid #b3b3b3;
      padding: 0; }
      .client-list .client-list-head .filter .buttons .a-reset-last-visit-filter {
        font-weight: normal; }
        .client-list .client-list-head .filter .buttons .a-reset-last-visit-filter .button-inner {
          width: 81px;
          display: inline-block;
          white-space: nowrap; }
          .client-list .client-list-head .filter .buttons .a-reset-last-visit-filter .button-inner .icon {
            margin-top: -3px; }
          .client-list .client-list-head .filter .buttons .a-reset-last-visit-filter .button-inner .value {
            margin-top: 1px; }
      .client-list .client-list-head .filter .buttons .action {
        box-sizing: border-box;
        float: left;
        width: 50%;
        line-height: 36px;
        border-right: 1px solid #b3b3b3;
        text-align: center;
        text-decoration: none;
        color: #4d4d4d; }
        .client-list .client-list-head .filter .buttons .action:last-child {
          border-right: 0; }
        .client-list .client-list-head .filter .buttons .action.main {
          font-weight: bold; }
        .client-list .client-list-head .filter .buttons .action .icon,
        .client-list .client-list-head .filter .buttons .action .value {
          display: inline-block;
          vertical-align: middle; }
        .client-list .client-list-head .filter .buttons .action .icon {
          margin-right: 2px; }
        .client-list .client-list-head .filter .buttons .action:hover {
          color: #333; }
  .client-list .client-list-head .tick {
    display: none; }
  .client-list .client-list-head .has-tick .tick {
    display: table-cell;
    width: 15px;
    border-left: 0;
    padding: 0; }
  .client-list .client-list-head .filter-icon-container {
    position: absolute;
    top: 0;
    right: 9px; }

.client-list .client-list-body {
  user-select: none;
  z-index: 10;
  position: absolute;
  top: 29px;
  right: 0;
  bottom: 65px;
  left: 0;
  overflow: auto; }
  .client-list .client-list-body td {
    border: 1px solid #e6e6e6;
    border-bottom: 1px solid #b3b3b3;
    border-top: 1px solid #b3b3b3; }
  .client-list .client-list-body tr td:first-child {
    border-left: 0; }
  .client-list .client-list-body tr td:last-child {
    border-right: 0; }
  .client-list .client-list-body .loading-more td,
  .client-list .client-list-body .loading-more:hover td {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    color: #808080;
    font-weight: normal;
    background: #fff;
    cursor: default; }
  .client-list .client-list-body .loading-more .clients-loader,
  .client-list .client-list-body .loading-more:hover .clients-loader {
    display: inline-block;
    padding-left: 22px;
    line-height: 16px;
    background: #fff url(loader-light-a3697659ffb2b34a2b60504db1a6772a.gif) 0 0 no-repeat; }

.client-list .name-column {
  font-weight: bold;
  width: 100%; }

.client-list .email-column {
  width: 270px; }
  @media (max-width: 1100px) {
    .client-list .email-column {
      width: 220px; } }

.client-list .locale-column {
  width: 80px; }

.client-list .opt-in-column {
  position: relative;
  box-sizing: border-box;
  width: 90px; }
  .client-list .opt-in-column .filter {
    width: 240px;
    box-sizing: border-box;
    height: 144px; }
    .client-list .opt-in-column .filter .filters {
      height: 75px; }

.client-list .phone-column {
  width: 120px; }
  .client-list .phone-column.sorts {
    width: 110px;
    padding-right: 0; }

.client-list .visit-column,
.client-list .bookings-column {
  width: 140px; }
  .client-list .visit-column.sorts,
  .client-list .bookings-column.sorts {
    width: 130px;
    padding-right: 0; }

.client-list .green-check {
  height: 16px;
  width: 16px;
  background-image: url(check-green_16-e4124192a6ac41f80deececc15aae7f5.svg); }

.client-list .time-ago {
  padding-left: 3px;
  font-size: 12px;
  color: #808080; }

.client-list .export-client-list {
  position: relative;
  display: block;
  float: right;
  height: 32px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  font-size: 14px; }
  .client-list .export-client-list::before {
    content: '';
    left: 6px;
    top: 8px;
    width: 16px;
    height: 16px;
    position: absolute;
    background: url(arrow-up-8b8bf2cf265b8d9c8a35b0a27f270018.svg); }

.client-list .export-client-list.hidden {
  display: none; }

.client-list .a-download-last-import {
  display: inline-block;
  padding: 0px; }

.client-list .client-list-actions {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  height: 30px;
  border-top: 1px solid #c3c4bd;
  background: #fff;
  padding: 17px; }
  .client-list .client-list-actions .action {
    border: 1px solid #b3b3b3;
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    float: right;
    margin-left: 13px;
    background: #f2f2f2;
    color: #333;
    padding-right: 10px;
    position: relative; }
    .client-list .client-list-actions .action .icon {
      margin-top: 10px;
      margin-left: 10px;
      display: inline-block; }
    .client-list .client-list-actions .action .value {
      line-height: 29px;
      padding-left: 6px; }
  .client-list .client-list-actions .choice-tooltip {
    height: 70px; }
    .client-list .client-list-actions .choice-tooltip .button {
      display: block;
      width: 100%;
      height: 34px; }
    .client-list .client-list-actions .choice-tooltip .button-icon {
      margin-top: 11px; }
    .client-list .client-list-actions .choice-tooltip .value {
      color: #333;
      line-height: 34px;
      padding-left: 30px;
      padding-right: 10px;
      font-weight: normal;
      white-space: nowrap; }
    .client-list .client-list-actions .choice-tooltip .a-import {
      border-top: 1px solid #b3b3b3; }

.client-list .no-data {
  display: none; }

.client-list.empty .top-shadow,
.client-list.empty .bottom-shadow {
  display: none; }

.client-list.empty .no-data {
  text-align: center;
  font-size: 18px;
  color: #666; }
  .client-list.empty .no-data .link {
    color: #001e62;
    text-decoration: underline;
    outline: none;
    cursor: pointer; }
    .client-list.empty .no-data .link:hover {
      color: #333; }

.client-list-count {
  float: left;
  display: inline-block;
  margin-right: 15px; }
  .client-list-count .filter-count {
    line-height: 1em;
    display: block;
    font-weight: bold; }
  .client-list-count .total-count {
    line-height: 1em;
    font-weight: bold; }
    .client-list-count .total-count.filter-active {
      font-size: 12px;
      font-weight: normal; }
  .client-list-count .link {
    margin-left: 6px;
    font-size: 12px;
    color: #001e62;
    text-decoration: underline;
    outline: none;
    cursor: pointer; }
    .client-list-count .link:hover {
      color: #333; }

.a-mass-email {
  margin-right: 10px; }

.tooltip {
  display: block;
  position: absolute;
  top: -82px;
  background-color: #f1eed8;
  right: 0;
  z-index: 999;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.28);
  border: 1px solid #b3b3b3;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }
  .tooltip .arrow {
    width: 0;
    height: 0;
    border-left: 0px;
    border-top: 9px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    right: 25px;
    top: 71px;
    border-top-color: #b3b3b3; }
  .tooltip .arrow-inner {
    width: 0;
    height: 0;
    border-left: 0px;
    border-top: 9px solid #f1eed8;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    left: -8px;
    top: -10px; }

.no-touch .client-list .client-list-body tr:hover td {
  background: #f2f2f2;
  cursor: pointer;
  border-right: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6; }

.no-touch .client-list .client-list-body tr:hover td:first-child {
  border-left: 0; }

.no-touch .client-list .client-list-body tr:hover td:last-child {
  border-right: 0; }

.consumer-dialog.ui-dialog.dialog2 .full-loading {
  height: 500px; }

.consumer-dialog .dialog-content {
  display: none; }

.consumer-dialog .ui-dialog-titlebar {
  box-shadow: none;
  -webkit-box-shadow: none; }

.client-info-dialog,
.ui-dialog .ui-dialog-content.client-info-dialog {
  padding: 0; }
  .client-info-dialog .dialog-tabs,
  .ui-dialog .ui-dialog-content.client-info-dialog .dialog-tabs {
    overflow: visible; }
  .client-info-dialog .dialog-content,
  .ui-dialog .ui-dialog-content.client-info-dialog .dialog-content {
    padding: 0;
    display: flex;
    flex-direction: column; }
  .client-info-dialog .dialog-actions,
  .ui-dialog .ui-dialog-content.client-info-dialog .dialog-actions {
    margin: 0; }
    .client-info-dialog .dialog-actions .checkout .button-icon,
    .ui-dialog .ui-dialog-content.client-info-dialog .dialog-actions .checkout .button-icon {
      top: -1px; }
  .client-info-dialog .link,
  .ui-dialog .ui-dialog-content.client-info-dialog .link {
    color: #3ba150;
    font-size: 14px;
    margin-left: 20px;
    cursor: pointer;
    font-weight: normal; }
  .client-info-dialog .label-part,
  .ui-dialog .ui-dialog-content.client-info-dialog .label-part {
    min-width: 54px; }
  .client-info-dialog .treatwell-badge-google,
  .ui-dialog .ui-dialog-content.client-info-dialog .treatwell-badge-google {
    display: block;
    line-height: 20px;
    height: 20px;
    margin-top: 7px;
    margin-bottom: 8px;
    background-image: url(treatwell-google-badge-bca248074edf4b18914395278d85a9ef.svg);
    background-repeat: no-repeat; }
  .client-info-dialog .treatwell-badge,
  .ui-dialog .ui-dialog-content.client-info-dialog .treatwell-badge {
    display: block;
    line-height: 20px;
    width: 66px;
    height: 20px;
    margin-top: 5px;
    margin-bottom: 8px;
    background-image: url(treatwell-badge-842af1970068fa267e80e799f4226c27.svg);
    background-repeat: no-repeat; }
  .client-info-dialog .client-main-info,
  .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info {
    padding: 16px 16px 16px 124px;
    background: #fff;
    border-bottom: 1px solid #b3b3b3; }
    .client-info-dialog .client-main-info .person-pic,
    .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .person-pic {
      float: left;
      margin: 0 0 0 -107px; }
    .client-info-dialog .client-main-info .consumer-name-wrapper,
    .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .consumer-name-wrapper {
      line-height: 20px; }
      .client-info-dialog .client-main-info .consumer-name-wrapper .consumer-name,
      .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .consumer-name-wrapper .consumer-name {
        font-size: 16px;
        font-weight: bold;
        color: #666; }
      .client-info-dialog .client-main-info .consumer-name-wrapper .link,
      .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .consumer-name-wrapper .link {
        font-size: 14px;
        font-weight: normal;
        color: #001e62;
        margin-left: 12px;
        /* plus 4px whitespace */ }
        .client-info-dialog .client-main-info .consumer-name-wrapper .link:hover,
        .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .consumer-name-wrapper .link:hover {
          text-decoration: underline;
          color: #001e62; }
    .client-info-dialog .client-main-info .info-section,
    .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .info-section {
      display: flex;
      flex-direction: row; }
      .client-info-dialog .client-main-info .info-section .info-section-client,
      .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .info-section .info-section-client {
        flex-shrink: 0; }
      .client-info-dialog .client-main-info .info-section .commission,
      .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .info-section .commission {
        display: none;
        margin-left: 24px; }
        .client-info-dialog .client-main-info .info-section .commission .commission-rate,
        .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .info-section .commission .commission-rate {
          background-color: #e9f9e2;
          border-radius: 3px;
          padding: 12px;
          margin-top: 8px; }
          .client-info-dialog .client-main-info .info-section .commission .commission-rate .commission-link-description,
          .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .info-section .commission .commission-rate .commission-link-description {
            display: inline-block;
            margin-top: 12px; }
      .client-info-dialog .client-main-info .info-section .mass-email,
      .client-info-dialog .client-main-info .info-section .prepay-message,
      .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .info-section .mass-email,
      .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .info-section .prepay-message {
        margin-top: 5px;
        display: block; }
    .client-info-dialog .client-main-info .clientSource,
    .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .clientSource {
      color: #808080;
      margin-top: 5px;
      margin-bottom: 15px;
      font-size: 12px;
      display: flex; }
      .client-info-dialog .client-main-info .clientSource .consumer-acquisition-channel,
      .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .clientSource .consumer-acquisition-channel {
        margin-right: 3px; }
    .client-info-dialog .client-main-info .person-info,
    .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .person-info {
      font-size: 14px;
      line-height: 18px;
      margin-top: 9px;
      display: block; }
      .client-info-dialog .client-main-info .person-info tr,
      .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .person-info tr {
        padding: 0;
        /*
         *  I'm cheating slightly here because we want each row to be
         *  precisely 33px (18 line + 6 pad top + 9 pad bot) but the
         *  Zeplin includes 1px of border in there and if I drop to
         *  8 pad bot + 1 border bot then row height squiffs by a pixel
         *  unless I also include a border top. Which I have. It's white
         */
        border-bottom: 1px solid #e6e6e6; }
        .client-info-dialog .client-main-info .person-info tr:first-of-type,
        .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .person-info tr:first-of-type {
          border-top: 1px solid #e6e6e6; }
        .client-info-dialog .client-main-info .person-info tr th,
        .client-info-dialog .client-main-info .person-info tr td,
        .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .person-info tr th,
        .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .person-info tr td {
          text-align: left; }
        .client-info-dialog .client-main-info .person-info tr .person-info-label,
        .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .person-info tr .person-info-label {
          min-width: 100px;
          color: #666;
          padding: 6px 6px 8px 0; }
        .client-info-dialog .client-main-info .person-info tr .person-info-value,
        .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .person-info tr .person-info-value {
          min-width: 180px;
          color: #333; }
          .client-info-dialog .client-main-info .person-info tr .person-info-value a,
          .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .person-info tr .person-info-value a {
            color: #333;
            text-decoration: none; }
            .client-info-dialog .client-main-info .person-info tr .person-info-value a:hover,
            .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .person-info tr .person-info-value a:hover {
              color: #333;
              text-decoration: underline; }
      .client-info-dialog .client-main-info .person-info tr.consumer-acquisition-channel-row td,
      .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .person-info tr.consumer-acquisition-channel-row td {
        line-height: 20px; }
        .client-info-dialog .client-main-info .person-info tr.consumer-acquisition-channel-row td span,
        .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .person-info tr.consumer-acquisition-channel-row td span {
          display: block; }
    .client-info-dialog .client-main-info .contact-info li,
    .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .contact-info li {
      margin-top: 3px;
      display: flex;
      padding-left: 0; }
    .client-info-dialog .client-main-info .icon,
    .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .icon {
      width: 16px;
      height: 16px;
      position: relative;
      margin-right: 8px;
      margin-top: -1px; }
      .client-info-dialog .client-main-info .icon.phone,
      .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .icon.phone {
        background-image: url(phone-d9b3f10eb6a10ea70811a897970a55a2.svg); }
      .client-info-dialog .client-main-info .icon.email,
      .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .icon.email {
        background-image: url(email-188540da197566e170efbfa69223cb2e.svg); }
    .client-info-dialog .client-main-info .client-lifetime,
    .client-info-dialog .client-main-info .client-next-appointment,
    .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .client-lifetime,
    .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .client-next-appointment {
      float: left;
      margin: 2px 0 0 17px;
      padding-left: 17px;
      padding-bottom: 1px;
      border-left: 1px dotted #bebfb8;
      line-height: 14px; }
      .client-info-dialog .client-main-info .client-lifetime .title,
      .client-info-dialog .client-main-info .client-next-appointment .title,
      .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .client-lifetime .title,
      .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .client-next-appointment .title {
        display: block;
        margin-bottom: 4px;
        color: #808080;
        font-size: 13px; }
    .client-info-dialog .client-main-info .client-lifetime .title,
    .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .client-lifetime .title {
      color: #4d4d4d;
      font-size: 14px; }
    .client-info-dialog .client-main-info .status-wrapper,
    .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .status-wrapper {
      float: left;
      width: 100%;
      margin-top: 5px; }
      .client-info-dialog .client-main-info .status-wrapper .status,
      .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .status-wrapper .status {
        margin: 0; }
    .client-info-dialog .client-main-info .mass-email .icon,
    .client-info-dialog .client-main-info .prepay-message .icon,
    .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .mass-email .icon,
    .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .prepay-message .icon {
      display: inline-block;
      vertical-align: middle;
      width: 10px;
      height: 10px;
      margin: 0 11px 0 8px; }
    .client-info-dialog .client-main-info .mass-email .text-secondary,
    .client-info-dialog .client-main-info .prepay-message .text-secondary,
    .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .mass-email .text-secondary,
    .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .prepay-message .text-secondary {
      font-style: italic;
      color: #808080; }
    .client-info-dialog .client-main-info .mass-email.hidden,
    .client-info-dialog .client-main-info .prepay-message.hidden,
    .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .mass-email.hidden,
    .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .prepay-message.hidden {
      display: none; }
    .client-info-dialog .client-main-info .mass-email .tick,
    .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .mass-email .tick {
      background-image: url(checkmark-ee8e4c90dad9234fa725287b072745b0.svg);
      width: 11px;
      height: 9px; }
    .client-info-dialog .client-main-info .prepay-message .prepay-icon,
    .ui-dialog .ui-dialog-content.client-info-dialog .client-main-info .prepay-message .prepay-icon {
      margin: 0 6px 0 0; }
  .client-info-dialog #client-details,
  .ui-dialog .ui-dialog-content.client-info-dialog #client-details {
    padding: 16px; }
    .client-info-dialog #client-details table,
    .ui-dialog .ui-dialog-content.client-info-dialog #client-details table {
      float: left;
      width: 50%;
      margin-top: -6px; }
      .client-info-dialog #client-details table th,
      .client-info-dialog #client-details table td,
      .ui-dialog .ui-dialog-content.client-info-dialog #client-details table th,
      .ui-dialog .ui-dialog-content.client-info-dialog #client-details table td {
        vertical-align: top;
        text-align: left;
        border-bottom: 1px solid #b3b3b3;
        padding: 6px 10px;
        line-height: 18px; }
        .client-info-dialog #client-details table th .icon,
        .client-info-dialog #client-details table td .icon,
        .ui-dialog .ui-dialog-content.client-info-dialog #client-details table th .icon,
        .ui-dialog .ui-dialog-content.client-info-dialog #client-details table td .icon {
          display: inline-block;
          margin-right: 6px;
          height: 16px;
          width: 16px; }
        .client-info-dialog #client-details table th .text,
        .client-info-dialog #client-details table td .text,
        .ui-dialog .ui-dialog-content.client-info-dialog #client-details table th .text,
        .ui-dialog .ui-dialog-content.client-info-dialog #client-details table td .text {
          vertical-align: top; }
        .client-info-dialog #client-details table th .gender,
        .client-info-dialog #client-details table td .gender,
        .ui-dialog .ui-dialog-content.client-info-dialog #client-details table th .gender,
        .ui-dialog .ui-dialog-content.client-info-dialog #client-details table td .gender {
          background-image: url(gender-d4499ca10a79e8db18f7e0802e899ffb.svg); }
        .client-info-dialog #client-details table th .birthday,
        .client-info-dialog #client-details table td .birthday,
        .ui-dialog .ui-dialog-content.client-info-dialog #client-details table th .birthday,
        .ui-dialog .ui-dialog-content.client-info-dialog #client-details table td .birthday {
          background-image: url(birthday-ef5fcde71653e3b6924c73516761c0a8.svg); }
        .client-info-dialog #client-details table th .language,
        .client-info-dialog #client-details table td .language,
        .ui-dialog .ui-dialog-content.client-info-dialog #client-details table th .language,
        .ui-dialog .ui-dialog-content.client-info-dialog #client-details table td .language {
          background-image: url(language-40246bbe2f911e20568cacf8f649dd91.svg); }
      .client-info-dialog #client-details table th,
      .ui-dialog .ui-dialog-content.client-info-dialog #client-details table th {
        padding-left: 0;
        white-space: nowrap;
        font-weight: bold; }
      .client-info-dialog #client-details table td,
      .ui-dialog .ui-dialog-content.client-info-dialog #client-details table td {
        width: 100%; }
    .client-info-dialog #client-details .notes,
    .ui-dialog .ui-dialog-content.client-info-dialog #client-details .notes {
      float: right;
      width: 44%;
      background: #fff;
      -webkit-border-radius: 3px 3px;
      -moz-border-radius: 3px / 3px;
      border-radius: 3px / 3px;
      padding: 12px 16px 12px;
      position: relative;
      color: #666; }
      .client-info-dialog #client-details .notes .title,
      .ui-dialog .ui-dialog-content.client-info-dialog #client-details .notes .title {
        font-weight: bold;
        color: #4d4d4d;
        line-height: 19px; }
      .client-info-dialog #client-details .notes .icons-note-tip,
      .ui-dialog .ui-dialog-content.client-info-dialog #client-details .notes .icons-note-tip {
        position: absolute;
        top: auto;
        right: auto;
        bottom: -14px;
        left: 12px; }
      .client-info-dialog #client-details .notes .note-wrapper,
      .ui-dialog .ui-dialog-content.client-info-dialog #client-details .notes .note-wrapper {
        max-height: 254px;
        min-height: 20px;
        overflow: auto;
        margin-top: 3px; }
        .client-info-dialog #client-details .notes .note-wrapper span,
        .ui-dialog .ui-dialog-content.client-info-dialog #client-details .notes .note-wrapper span {
          display: inline-block;
          line-height: 19px; }
      .client-info-dialog #client-details .notes .top-shadow,
      .ui-dialog .ui-dialog-content.client-info-dialog #client-details .notes .top-shadow {
        width: 337px;
        left: 10px; }
      .client-info-dialog #client-details .notes .bottom-shadow,
      .ui-dialog .ui-dialog-content.client-info-dialog #client-details .notes .bottom-shadow {
        width: 337px;
        left: 10px;
        bottom: 16px; }
  .client-info-dialog #client-history,
  .ui-dialog .ui-dialog-content.client-info-dialog #client-history {
    padding: 0;
    display: flex;
    flex-direction: column;
    flex-grow: 1; }
    .client-info-dialog #client-history .tab-history-head,
    .ui-dialog .ui-dialog-content.client-info-dialog #client-history .tab-history-head {
      height: auto;
      border-bottom: 1px solid #808080; }
    .client-info-dialog #client-history .tab-history-body,
    .ui-dialog .ui-dialog-content.client-info-dialog #client-history .tab-history-body {
      position: relative;
      top: 0; }
      .client-info-dialog #client-history .tab-history-body td .treatwell-badge-google,
      .ui-dialog .ui-dialog-content.client-info-dialog #client-history .tab-history-body td .treatwell-badge-google {
        margin-top: auto;
        margin-bottom: auto; }
      .client-info-dialog #client-history .tab-history-body td .treatwell-badge,
      .ui-dialog .ui-dialog-content.client-info-dialog #client-history .tab-history-body td .treatwell-badge {
        margin-top: auto;
        margin-bottom: auto; }
    .client-info-dialog #client-history table,
    .ui-dialog .ui-dialog-content.client-info-dialog #client-history table {
      /* Blur out the package CAR-29 */ }
      .client-info-dialog #client-history table .service-type-blurred,
      .ui-dialog .ui-dialog-content.client-info-dialog #client-history table .service-type-blurred {
        opacity: 0.5;
        pointer-events: none; }
      .client-info-dialog #client-history table td,
      .ui-dialog .ui-dialog-content.client-info-dialog #client-history table td {
        height: 33px; }
      .client-info-dialog #client-history table .type-column,
      .ui-dialog .ui-dialog-content.client-info-dialog #client-history table .type-column {
        width: 28px;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        vertical-align: top; }
        .client-info-dialog #client-history table .type-column .icon,
        .ui-dialog .ui-dialog-content.client-info-dialog #client-history table .type-column .icon {
          display: inline-block; }
      .client-info-dialog #client-history table .date-column,
      .ui-dialog .ui-dialog-content.client-info-dialog #client-history table .date-column {
        width: 70px; }
      .client-info-dialog #client-history table .service-column,
      .ui-dialog .ui-dialog-content.client-info-dialog #client-history table .service-column {
        width: 40%;
        white-space: normal;
        font-weight: bold; }
        .client-info-dialog #client-history table .service-column .sku,
        .ui-dialog .ui-dialog-content.client-info-dialog #client-history table .service-column .sku {
          display: block;
          color: #808080;
          font-weight: normal; }
      .client-info-dialog #client-history table .employee-column,
      .ui-dialog .ui-dialog-content.client-info-dialog #client-history table .employee-column {
        width: 30%; }
      .client-info-dialog #client-history table .acquisition-column,
      .ui-dialog .ui-dialog-content.client-info-dialog #client-history table .acquisition-column {
        width: 30%; }
      .client-info-dialog #client-history table .amount-column,
      .ui-dialog .ui-dialog-content.client-info-dialog #client-history table .amount-column {
        width: 86px; }
      .client-info-dialog #client-history table td.amount-column,
      .ui-dialog .ui-dialog-content.client-info-dialog #client-history table td.amount-column {
        text-align: right; }
      .client-info-dialog #client-history table .status-column,
      .ui-dialog .ui-dialog-content.client-info-dialog #client-history table .status-column {
        width: 94px;
        padding-top: 2px; }
        .client-info-dialog #client-history table .status-column .status-wrapper,
        .ui-dialog .ui-dialog-content.client-info-dialog #client-history table .status-column .status-wrapper {
          margin: 3px 0 0;
          display: inline-block;
          position: relative; }
        .client-info-dialog #client-history table .status-column .status,
        .ui-dialog .ui-dialog-content.client-info-dialog #client-history table .status-column .status {
          margin: 0;
          padding: 0 4px;
          height: 15px; }
          .client-info-dialog #client-history table .status-column .status.with-note,
          .ui-dialog .ui-dialog-content.client-info-dialog #client-history table .status-column .status.with-note {
            padding-right: 19px; }
        .client-info-dialog #client-history table .status-column .status-note,
        .ui-dialog .ui-dialog-content.client-info-dialog #client-history table .status-column .status-note {
          position: absolute;
          top: 0;
          right: 0;
          bottom: auto;
          left: auto;
          width: 14px;
          height: 16px;
          background: url(infonote2-5f2fe4536df2036996d53353f0ab9a45.png) 6px 4px no-repeat;
          border-left: 1px solid #fff;
          border-left: 1px solid rgba(255, 255, 255, 0.6); }
    .client-info-dialog #client-history .icons-infonote,
    .ui-dialog .ui-dialog-content.client-info-dialog #client-history .icons-infonote {
      float: right; }
    .client-info-dialog #client-history.empty,
    .ui-dialog .ui-dialog-content.client-info-dialog #client-history.empty {
      justify-content: center; }
      .client-info-dialog #client-history.empty .client-history-body,
      .ui-dialog .ui-dialog-content.client-info-dialog #client-history.empty .client-history-body {
        display: none; }
  .client-info-dialog form .dialog-content,
  .ui-dialog .ui-dialog-content.client-info-dialog form .dialog-content {
    padding: 17px; }
  .client-info-dialog form .default-form,
  .ui-dialog .ui-dialog-content.client-info-dialog form .default-form {
    margin-bottom: 0; }
  .client-info-dialog form .txt-input-mini,
  .ui-dialog .ui-dialog-content.client-info-dialog form .txt-input-mini {
    display: inline-block;
    width: 60px;
    margin-left: 7px; }
    .client-info-dialog form .txt-input-mini.hidden,
    .ui-dialog .ui-dialog-content.client-info-dialog form .txt-input-mini.hidden {
      display: none; }
    .client-info-dialog form .txt-input-mini input.error,
    .ui-dialog .ui-dialog-content.client-info-dialog form .txt-input-mini input.error {
      width: 64%; }
  .client-info-dialog form .edit-link,
  .ui-dialog .ui-dialog-content.client-info-dialog form .edit-link {
    margin-left: 7px; }
  .client-info-dialog form .client-name-row .label-part,
  .ui-dialog .ui-dialog-content.client-info-dialog form .client-name-row .label-part {
    padding-top: 12px; }
  .client-info-dialog form .txt-input-big input,
  .ui-dialog .ui-dialog-content.client-info-dialog form .txt-input-big input {
    font-weight: bold; }
    .client-info-dialog form .txt-input-big input.error,
    .ui-dialog .ui-dialog-content.client-info-dialog form .txt-input-big input.error {
      padding-right: 33px;
      width: 91%; }
  .client-info-dialog form .help-txt,
  .ui-dialog .ui-dialog-content.client-info-dialog form .help-txt {
    padding-left: 5px; }

.client-list .name-column .prepay-icon,
.client-info-dialog .client-main-info .prepay-message .prepay-icon {
  background-image: url(prepaid-euro-c0b95d7a12224210e5ab04b4e1514e9b.svg);
  width: 24px;
  height: 24px;
  vertical-align: text-bottom; }

.client-list .consumer-name-column {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.client-list .name-column .prepay-icon {
  display: inline-block;
  margin: -5px 0; }

.client-confirm-dialog {
  background-color: #fff; }
  .client-confirm-dialog.ui-dialog .ui-dialog-content {
    padding-bottom: 20px; }

.client-import-dialog i,
.dialog-new-style .client-import-dialog i {
  font-style: italic; }

.client-import-dialog .dialog-head,
.dialog-new-style .client-import-dialog .dialog-head {
  padding: 28px 35px;
  text-align: left; }

.client-import-dialog .intro,
.dialog-new-style .client-import-dialog .intro {
  padding: 27px 35px 18px;
  background: #fff; }
  .client-import-dialog .intro p,
  .client-import-dialog .intro li,
  .dialog-new-style .client-import-dialog .intro p,
  .dialog-new-style .client-import-dialog .intro li {
    margin-bottom: 10px; }

.client-import-dialog .columns-list-container,
.dialog-new-style .client-import-dialog .columns-list-container {
  display: flex; }
  .client-import-dialog .columns-list-container .left,
  .client-import-dialog .columns-list-container .right,
  .dialog-new-style .client-import-dialog .columns-list-container .left,
  .dialog-new-style .client-import-dialog .columns-list-container .right {
    width: 50%; }
  .client-import-dialog .columns-list-container .right,
  .dialog-new-style .client-import-dialog .columns-list-container .right {
    margin-left: 20px; }

.client-import-dialog .error-msg,
.dialog-new-style .client-import-dialog .error-msg {
  padding: 27px 35px;
  margin-bottom: -34px;
  color: #d63700; }

.client-import-dialog .upload,
.dialog-new-style .client-import-dialog .upload {
  padding: 0px 35px 20px; }
  .client-import-dialog .upload p,
  .dialog-new-style .client-import-dialog .upload p {
    margin-bottom: 10px; }
  .client-import-dialog .upload input,
  .dialog-new-style .client-import-dialog .upload input {
    line-height: 19px; }

.client-import-dialog .results,
.dialog-new-style .client-import-dialog .results {
  margin: 35px 0;
  padding: 0 35px;
  max-height: 400px;
  overflow: auto; }
  .client-import-dialog .results p,
  .dialog-new-style .client-import-dialog .results p {
    margin: 12px 0; }
    .client-import-dialog .results p:first-child,
    .dialog-new-style .client-import-dialog .results p:first-child {
      margin-top: 0; }
    .client-import-dialog .results p span,
    .dialog-new-style .client-import-dialog .results p span {
      display: inline-block;
      margin-right: 3px;
      vertical-align: middle; }
  .client-import-dialog .results table,
  .dialog-new-style .client-import-dialog .results table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse; }
    .client-import-dialog .results table td,
    .dialog-new-style .client-import-dialog .results table td {
      border: 1px solid #e6e6e6;
      border-bottom: 1px solid #b3b3b3;
      border-top: 1px solid #b3b3b3;
      padding: 7px 9px; }
      .client-import-dialog .results table td:first-child,
      .dialog-new-style .client-import-dialog .results table td:first-child {
        border-left: 1px solid #b3b3b3; }
      .client-import-dialog .results table td:last-child,
      .dialog-new-style .client-import-dialog .results table td:last-child {
        border-right: 1px solid #b3b3b3; }
      .client-import-dialog .results table td span,
      .dialog-new-style .client-import-dialog .results table td span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis; }

.client-import-dialog .dialog-actions .wizzard-next,
.dialog-new-style .client-import-dialog .dialog-actions .wizzard-next {
  float: right;
  margin-right: 0; }

.client-import-dialog .dialog-actions .button-cancel,
.dialog-new-style .client-import-dialog .dialog-actions .button-cancel {
  float: left; }

.dialog-new-style .dialog-head.steps,
.dialog-head.steps {
  padding-left: 116px; }
  .dialog-new-style .dialog-head.steps .number,
  .dialog-head.steps .number {
    position: absolute;
    top: 28px;
    left: 35px;
    width: 60px;
    height: 60px;
    line-height: 66px;
    background: #fff;
    border-radius: 35px;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    color: #111; }
    .dialog-new-style .dialog-head.steps .number.success,
    .dialog-head.steps .number.success {
      background: #3ba150; }
      .dialog-new-style .dialog-head.steps .number.success .icons-tick-success,
      .dialog-head.steps .number.success .icons-tick-success {
        margin: 15px 0 0 11px; }
    .dialog-new-style .dialog-head.steps .number.error,
    .dialog-head.steps .number.error {
      background: #d63700 url(failed-big-88ba2ac76b4937ad9d47c3a9cf158706.png) center no-repeat;
      text-indent: -9999px; }
  .dialog-new-style .dialog-head.steps h1,
  .dialog-head.steps h1 {
    font-size: 28px;
    margin-bottom: 3px; }
  .dialog-new-style .dialog-head.steps p,
  .dialog-head.steps p {
    font-size: 18px;
    padding-bottom: 1px; }

.b-step-1 .dialog-content .progress {
  background-color: #4d4d4d;
  height: 25px; }
  .b-step-1 .dialog-content .progress .wrapper {
    position: relative; }
    .b-step-1 .dialog-content .progress .wrapper .percentage {
      position: absolute;
      top: 0;
      left: 47%;
      height: 25px;
      line-height: 25px;
      font-size: 17px;
      color: #fff;
      z-index: 9999; }
    .b-step-1 .dialog-content .progress .wrapper .bar {
      background-color: green;
      height: 25px;
      opacity: 0.5; }

/* this is not in the template but added by jQuery at run time */
.ui-dialog .ui-dialog-content.customer-mass-email {
  padding: 0; }
  .ui-dialog .ui-dialog-content.customer-mass-email.preview-mode .dialog-actions {
    margin-top: 0; }
    .ui-dialog .ui-dialog-content.customer-mass-email.preview-mode .dialog-actions .save-action {
      display: block; }
    .ui-dialog .ui-dialog-content.customer-mass-email.preview-mode .dialog-actions a.button-back {
      margin-top: 10px;
      font-weight: bold;
      line-height: 29px;
      display: inline-block;
      float: left; }
  .ui-dialog .ui-dialog-content.customer-mass-email.preview-mode .email-preview {
    display: block; }
  .ui-dialog .ui-dialog-content.customer-mass-email.preview-mode .edit {
    display: none; }
  .ui-dialog .ui-dialog-content.customer-mass-email .email-preview {
    display: none; }
  .ui-dialog .ui-dialog-content.customer-mass-email .dialog-content .heading {
    background: #fff; }
    .ui-dialog .ui-dialog-content.customer-mass-email .dialog-content .heading h2 {
      font-size: 18px;
      font-weight: bold; }
    .ui-dialog .ui-dialog-content.customer-mass-email .dialog-content .heading .icon {
      display: inline-block;
      margin-right: 8px;
      vertical-align: middle; }
    .ui-dialog .ui-dialog-content.customer-mass-email .dialog-content .heading .info {
      padding: 12px 22px 17px 22px; }
    .ui-dialog .ui-dialog-content.customer-mass-email .dialog-content .heading .nav3 {
      height: 32px; }
      .ui-dialog .ui-dialog-content.customer-mass-email .dialog-content .heading .nav3 ul {
        border-top: 1px solid #b3b3b3; }
        .ui-dialog .ui-dialog-content.customer-mass-email .dialog-content .heading .nav3 ul li {
          border-radius: 0; }
          .ui-dialog .ui-dialog-content.customer-mass-email .dialog-content .heading .nav3 ul li.ui-tabs-active {
            border-top: 1px solid #b3b3b3; }
  .ui-dialog .ui-dialog-content.customer-mass-email .dialog-content .content-wrapper {
    padding: 24px 17px 17px 17px; }
    .ui-dialog .ui-dialog-content.customer-mass-email .dialog-content .content-wrapper .form-row {
      line-height: 16px; }
      .ui-dialog .ui-dialog-content.customer-mass-email .dialog-content .content-wrapper .form-row label {
        float: left;
        width: 186px;
        text-align: right;
        line-height: 22px; }
      .ui-dialog .ui-dialog-content.customer-mass-email .dialog-content .content-wrapper .form-row .form-item {
        margin-left: 202px; }
        .ui-dialog .ui-dialog-content.customer-mass-email .dialog-content .content-wrapper .form-row .form-item input[type='text'] {
          height: 22px; }
          .ui-dialog .ui-dialog-content.customer-mass-email .dialog-content .content-wrapper .form-row .form-item input[type='text'].error {
            background: url(error-c44c12819817d1e2a0a77fd975435b32.png) 100% 4px no-repeat;
            padding-right: 21px;
            width: 339px; }
        .ui-dialog .ui-dialog-content.customer-mass-email .dialog-content .content-wrapper .form-row .form-item input[type='text'],
        .ui-dialog .ui-dialog-content.customer-mass-email .dialog-content .content-wrapper .form-row .form-item textarea {
          border-radius: 2px;
          border: 1px solid #b3b3b3;
          width: 360px; }
        .ui-dialog .ui-dialog-content.customer-mass-email .dialog-content .content-wrapper .form-row .form-item input[type='checkbox'],
        .ui-dialog .ui-dialog-content.customer-mass-email .dialog-content .content-wrapper .form-row .form-item input[type='radio'] {
          margin-right: 4px;
          vertical-align: middle; }
        .ui-dialog .ui-dialog-content.customer-mass-email .dialog-content .content-wrapper .form-row .form-item .form-item--note {
          font-size: 12px;
          color: #666;
          padding-left: 21px; }
        .ui-dialog .ui-dialog-content.customer-mass-email .dialog-content .content-wrapper .form-row .form-item .preview-button .button-inner {
          padding-left: 12px; }
        .ui-dialog .ui-dialog-content.customer-mass-email .dialog-content .content-wrapper .form-row .form-item textarea {
          height: 66px;
          max-height: 140px;
          overflow-x: hidden;
          overflow-y: auto;
          width: 356px; }
        .ui-dialog .ui-dialog-content.customer-mass-email .dialog-content .content-wrapper .form-row .form-item label {
          float: none;
          width: auto;
          text-align: left;
          display: block; }
          .ui-dialog .ui-dialog-content.customer-mass-email .dialog-content .content-wrapper .form-row .form-item label + label {
            margin-top: 12px; }
      .ui-dialog .ui-dialog-content.customer-mass-email .dialog-content .content-wrapper .form-row + .form-row {
        margin-top: 16px; }
  .ui-dialog .ui-dialog-content.customer-mass-email .dialog-actions {
    margin-left: 0;
    margin-right: 0; }
    .ui-dialog .ui-dialog-content.customer-mass-email .dialog-actions .button-back {
      display: none; }
    .ui-dialog .ui-dialog-content.customer-mass-email .dialog-actions .save-action {
      display: none; }

.customer-mass-email-inner .dialog-content {
  padding: 0 14px 20px 14px; }
  .customer-mass-email-inner .dialog-content h2 {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 5px; }

#mass-email-preview-dialog .dialog-content {
  background: #fff;
  max-height: 500px;
  line-height: 22px;
  padding: 50px 0;
  overflow: auto; }
  #mass-email-preview-dialog .dialog-content .email {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    margin: 0 auto;
    width: 540px; }
    #mass-email-preview-dialog .dialog-content .email__header {
      background: url("https://cdn1.treatwell.net/images/view/v2.i1615849.w540.h288.x8DD632D6.png");
      box-sizing: border-box;
      text-align: center;
      margin-bottom: 35px;
      min-height: 170px; }
      #mass-email-preview-dialog .dialog-content .email__header img {
        margin-top: 20px;
        max-width: 320px; }
    #mass-email-preview-dialog .dialog-content .email__heading {
      color: #001e62;
      font-size: 28px;
      margin-bottom: 20px;
      line-height: 1.5;
      text-align: center; }
    #mass-email-preview-dialog .dialog-content .email__body {
      margin-bottom: 25px; }
    #mass-email-preview-dialog .dialog-content .email__book-now-button {
      margin-bottom: 25px;
      text-align: center; }
      #mass-email-preview-dialog .dialog-content .email__book-now-button span {
        background: #001e62;
        border-radius: 3px;
        color: #fff;
        display: inline-block;
        text-decoration: none;
        padding: 9px 15px; }
    #mass-email-preview-dialog .dialog-content .email__signature {
      text-align: center; }
    #mass-email-preview-dialog .dialog-content .email__footer {
      background: url("https://cdn1.treatwell.net/images/view/v2.i1615850.w540.h150.xDED481F7.png");
      height: 150px;
      margin-bottom: 25px; }
    #mass-email-preview-dialog .dialog-content .email__opt-out {
      font-size: 13px;
      margin-bottom: 50px;
      text-align: center; }
      #mass-email-preview-dialog .dialog-content .email__opt-out a {
        color: #001e62;
        text-decoration: none; }
    #mass-email-preview-dialog .dialog-content .email__treatwell-logo {
      text-align: center; }

body.no-header #clients-holder .section-main {
  top: 33px; }

body.no-header .clients-filters,
body.no-header .upgrade-overlay,
body.no-header #clients-holder .no-permission-info {
  top: 0; }

.gdpr-container {
  padding: 8px;
  border: 1px solid #fcfad4;
  border-radius: 3px;
  background-color: #fcfad4; }

.gdpr-container .gdpr-message,
.prepayment-message {
  margin-top: 5px;
  display: flex; }
  .gdpr-container .gdpr-message input[type='checkbox'],
  .prepayment-message input[type='checkbox'] {
    flex: none;
    margin-top: 3px;
    margin-right: 8px; }

#home-holder.content-holder {
  box-sizing: border-box;
  top: 40px; }

body.no-header #home-holder.content-holder {
  top: 0; }

.main-content {
  box-sizing: border-box;
  position: relative;
  padding: 30px; }

.content-box {
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid #e6e6e6;
  border-radius: 3px; }
  .content-box .box-hd {
    margin-top: -1px; }

.box-hd {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px; }
  .box-hd .amount {
    font-size: 18px;
    display: inline-block;
    background: #e6e6e6;
    padding: 0 6px;
    margin-left: 5px;
    line-height: 29px;
    height: 26px;
    color: #808080; }

.box-subhd {
  font-size: 10px;
  line-height: 1em;
  text-transform: uppercase;
  color: #808080; }

.box-separator {
  clear: both;
  height: 1px;
  padding: 0;
  margin: 18px -15px;
  background: #e6e6e6; }

.stats-columns {
  margin-bottom: 20px; }
  .stats-columns table {
    width: 100%;
    border-collapse: separate; }
    .stats-columns table td {
      width: 50%; }
      .stats-columns table td.empty {
        width: 1px; }
        .stats-columns table td.empty span {
          display: block;
          width: 20px; }

.stats-item {
  display: inline-block; }
  .stats-item .title {
    display: block;
    font-size: 10px;
    line-height: 1em;
    text-transform: uppercase;
    color: #666;
    padding-bottom: 3px; }
  .stats-item .value {
    display: block;
    font-size: 20px;
    line-height: 1em;
    font-weight: bold;
    margin-bottom: -5px; }

.sales {
  padding-left: 0;
  padding-right: 0;
  background: #fff; }
  .sales .box-hd {
    padding: 0 15px; }
  .sales .totals {
    margin: 15px 0 0;
    padding: 10px 15px 3px;
    background: #fafafa; }
    .sales .totals .stats-item {
      padding: 0 19px;
      border-left: 1px dotted #bfbfbd; }
      .sales .totals .stats-item:first-child {
        padding-left: 0;
        border-left: 0; }
  .sales .small-loader {
    height: 170px;
    width: 100%;
    text-align: center;
    padding-top: 130px; }
  .sales .graph {
    margin: 0 0 -15px;
    width: 100%;
    display: none;
    overflow: hidden;
    min-height: 300px; }
    .sales .graph > div {
      margin-left: auto;
      margin-right: auto; }

.tops {
  padding-bottom: 12px;
  background: #fff; }
  .tops table {
    width: 100%; }
    .tops table thead td {
      font-size: 10px;
      color: #808080;
      font-weight: normal;
      text-transform: uppercase;
      text-align: center;
      line-height: 10px; }
  .tops th,
  .tops td {
    line-height: 18px;
    vertical-align: top;
    padding-bottom: 8px; }
  .tops th {
    width: 99%;
    text-align: left; }
  .tops td {
    width: 1%;
    white-space: nowrap;
    padding-left: 19px;
    text-align: right;
    font-weight: bold; }
  .tops .box-separator {
    margin-top: 12px; }
  .tops #top-services,
  .tops #top-performers {
    min-width: 300px; }

.stats-marketplace {
  margin-bottom: 0;
  background: #fff; }
  .stats-marketplace table {
    width: 100%;
    border: 1px solid #e6e6e6;
    border-collapse: separate;
    border-radius: 3px; }
    .stats-marketplace table td {
      width: 25%;
      border-right: 1px solid #e6e6e6;
      padding: 10px 0 3px 10px; }
      .stats-marketplace table td:last-child {
        border-right: none; }
  .stats-marketplace .graph {
    float: left;
    width: 34px;
    height: 28px;
    overflow: hidden;
    margin-right: 6px;
    vertical-align: bottom;
    line-height: 49px; }
    .stats-marketplace .graph .bar {
      display: inline-block;
      width: 4.66667px; }
      .stats-marketplace .graph .bar + .bar {
        margin-left: 1px; }
    .stats-marketplace .graph.graph-visits .bar {
      background: #d6cf8d; }
    .stats-marketplace .graph.graph-pviews .bar {
      background: #d6cf8d; }
    .stats-marketplace .graph.graph-enquiries .bar {
      background: #d6cf8d; }
    .stats-marketplace .graph.graph-clicks .bar {
      background: #001e62; }

.rating {
  display: block;
  position: relative;
  min-height: 28px;
  padding-left: 55px;
  color: #000; }
  .rating .value {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 35px;
    line-height: 1em; }
  .rating .reviews {
    display: block;
    clear: right;
    font-size: 10px;
    line-height: 1em;
    text-transform: uppercase;
    color: #666;
    margin-top: 7px; }
    .rating .reviews .new {
      font-weight: bold;
      display: inline-block;
      margin-left: 5px;
      padding-left: 9px;
      background: url(more-separator-04991a926a83bb40d1d4e9e2d71439b4.png) 0 -2px no-repeat; }
  .rating[href] {
    cursor: pointer; }
    .rating[href]:hover .reviews {
      color: #333; }

.traffic-lights {
  box-sizing: border-box;
  position: relative;
  margin-bottom: 20px; }
  .traffic-lights .container-block {
    border-radius: 3px;
    border: solid 1px #e6e6e6;
    padding: 14px 20px 40px 20px;
    background: #fff; }
    .traffic-lights .container-block .title {
      font-size: 20px;
      font-weight: 600;
      color: #4d4d4d;
      line-height: 28px; }
    .traffic-lights .container-block.scoring {
      padding-bottom: 0;
      margin-bottom: 20px; }
      .traffic-lights .container-block.scoring > .title {
        padding-bottom: 2px; }
      .traffic-lights .container-block.scoring > .sub-content.underlined {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        border-bottom: solid 1px #e6e6e6; }
    .traffic-lights .container-block.listing {
      height: 300px;
      position: relative;
      width: initial; }
      .traffic-lights .container-block.listing .subblock {
        padding-top: 15px;
        padding-left: 36px;
        margin-bottom: 14px; }
      .traffic-lights .container-block.listing .scrollable-y {
        box-sizing: border-box;
        overflow-y: auto;
        margin-left: -20px;
        margin-right: -20px; }
        .traffic-lights .container-block.listing .scrollable-y:after {
          content: '';
          height: 39px;
          display: block; }
        .traffic-lights .container-block.listing .scrollable-y .subblock {
          padding-left: 56px;
          padding-right: 20px;
          background-position: 20px 23px; }
          .traffic-lights .container-block.listing .scrollable-y .subblock.icon-smaller {
            background-position: 20px 15px; }
      .traffic-lights .container-block.listing .gradient {
        position: absolute;
        top: initial;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
        height: 39px; }
      .traffic-lights .container-block.listing .all-done {
        position: relative;
        top: 25%;
        text-align: center; }
        .traffic-lights .container-block.listing .all-done--icon {
          display: block;
          background: transparent url(green-check-checked-offset-a90c31943770873330fa747a7cfe1d4c.svg) no-repeat center center;
          height: 32px;
          margin-bottom: 10px; }
        .traffic-lights .container-block.listing .all-done--title {
          font-size: 18px;
          color: #4d4d4d; }
        .traffic-lights .container-block.listing .all-done--note {
          font-size: 13px;
          color: #808080;
          line-height: 18px; }
    .traffic-lights .container-block .subblock {
      border-top: 1px solid #e6e6e6;
      margin-bottom: 20px;
      padding: 20px 0 0 50px;
      font-size: 13px; }
      .traffic-lights .container-block .subblock:first-child {
        border-top: none; }
      .traffic-lights .container-block .subblock.lighter-border {
        border-top-color: #f2f2f2; }
      .traffic-lights .container-block .subblock.criteria {
        margin-bottom: 14px; }
        .traffic-lights .container-block .subblock.criteria .title {
          font-size: 14px;
          display: block;
          line-height: 18px;
          margin-bottom: 4px; }
        .traffic-lights .container-block .subblock.criteria .link-button {
          float: none;
          display: inline-block;
          line-height: 24px;
          margin-top: 6px; }
      .traffic-lights .container-block .subblock.subblock-stars {
        margin-bottom: 38px; }
      .traffic-lights .container-block .subblock.subblock-bar {
        margin-bottom: 46px; }
      .traffic-lights .container-block .subblock .title {
        font-size: 18px; }
      .traffic-lights .container-block .subblock .bold {
        font-weight: bold; }
      .traffic-lights .container-block .subblock .link-button {
        color: #fff;
        background-color: #b3b3b3;
        border-radius: 3px;
        border: 0;
        font-weight: 600;
        float: right;
        line-height: 32px;
        padding: 0 13px;
        cursor: pointer;
        text-decoration: none; }
        .traffic-lights .container-block .subblock .link-button:hover {
          background-color: #666; }
      .traffic-lights .container-block .subblock.icon-exclamation {
        background: white url(pink-excl-triangle-509e9a9e996d71fc9af5a40cd2db5a55.svg) no-repeat left 23px; }
      .traffic-lights .container-block .subblock.icon-ok {
        background: white url(green-check-checked-4f89a1027ab026ba47c23a8be820be15.svg) no-repeat left 23px; }
      .traffic-lights .container-block .subblock.icon-blank {
        background: white url(green-check-not-checked-53e9ec80e4065d3456671e9da8e8e414.svg) no-repeat left 23px; }
      .traffic-lights .container-block .subblock.icon-smaller {
        background-size: 26px 26px;
        background-position: left 15px; }
    .traffic-lights .container-block .underlined + .subblock {
      border-top: 0; }
    .traffic-lights .container-block .sub-content {
      color: #808080;
      line-height: 16px;
      font-size: 13px; }
    .traffic-lights .container-block .tl-stars-rating svg {
      vertical-align: middle; }
    .traffic-lights .container-block .tl-stars-rating .tl-stars-rating--value {
      position: relative;
      top: 3px;
      left: 15px;
      color: #ff808b;
      line-height: 30px;
      font-size: 18px;
      font-weight: bold;
      vertical-align: middle; }
    .traffic-lights .container-block .tl-stars-rating.valid .tl-stars-rating--value {
      color: #3ba150; }
    .traffic-lights .container-block .sub-content + .progress-bar,
    .traffic-lights .container-block .sub-content + .tl-stars-rating {
      margin-top: 14px; }
    .traffic-lights .container-block .block-heading {
      position: relative;
      min-height: 100px; }
      .traffic-lights .container-block .block-heading svg {
        position: absolute;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0; }
      .traffic-lights .container-block .block-heading .side {
        margin-left: 100px; }
        .traffic-lights .container-block .block-heading .side h3 {
          font-size: 18px;
          font-weight: 600;
          margin-bottom: 4px; }
      .traffic-lights .container-block .block-heading .full-break {
        position: absolute;
        top: initial;
        right: -20px;
        bottom: 0;
        left: -20px;
        height: 1px;
        background: #e6e6e6; }
  .traffic-lights svg.circle-rating circle {
    stroke-width: 8px;
    fill: none; }
    .traffic-lights svg.circle-rating circle.outer {
      stroke: #f2f2f2; }
    .traffic-lights svg.circle-rating circle.inner {
      stroke: #001e62; }
  .traffic-lights svg.circle-rating text {
    text-anchor: middle;
    fill: #001e62;
    font-size: 18px;
    font-weight: bold; }

@media (min-width: 1255px) {
  .traffic-lights .container-block.scoring {
    margin-right: 376px;
    margin-bottom: 0; }
  .traffic-lights .container-block.listing {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: initial;
    width: 316px;
    height: auto; } }

.anim-pink-bg-flash {
  -webkit-animation: anim-pink-bg-flash-animation 3.5s infinite;
  -moz-animation: anim-pink-bg-flash-animation 3.5s infinite;
  -ms-animation: anim-pink-bg-flash-animation 3.5s infinite;
  -o-animation: anim-pink-bg-flash-animation 3.5s infinite;
  animation: anim-pink-bg-flash-animation 3.5s infinite; }

@-moz-keyframes anim-pink-bg-flash-animation {
  0% {
    background-color: #ff808b; }
  70% {
    background-color: #ff808b; }
  85% {
    background-color: #4d4d4d; }
  100% {
    background-color: #ff808b; } }

@-webkit-keyframes anim-pink-bg-flash-animation {
  0% {
    background-color: #ff808b; }
  70% {
    background-color: #ff808b; }
  85% {
    background-color: #4d4d4d; }
  100% {
    background-color: #ff808b; } }

@-o-keyframes anim-pink-bg-flash-animation {
  0% {
    background-color: #ff808b; }
  70% {
    background-color: #ff808b; }
  85% {
    background-color: #4d4d4d; }
  100% {
    background-color: #ff808b; } }

@-ms-keyframes anim-pink-bg-flash-animation {
  0% {
    background-color: #ff808b; }
  70% {
    background-color: #ff808b; }
  85% {
    background-color: #4d4d4d; }
  100% {
    background-color: #ff808b; } }

@keyframes anim-pink-bg-flash-animation {
  0% {
    background-color: #ff808b; }
  70% {
    background-color: #ff808b; }
  85% {
    background-color: #4d4d4d; }
  100% {
    background-color: #ff808b; } }

.fade-enter {
  opacity: 0.01; }

.fade-enter.fade-enter-active {
  opacity: 1;
  transition: opacity 0.1s ease-in; }

.fade-leave {
  opacity: 1; }

.fade-leave.fade-leave-active {
  opacity: 0.01;
  transition: opacity 0.1s ease-in; }

.slide-updown-enter {
  max-height: 0px;
  overflow: hidden; }

.slide-updown-enter.slide-updown-enter-active {
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  max-height: 1000px; }

.slide-updown-leave {
  overflow: hidden;
  max-height: 1000px; }

.slide-updown-leave.slide-updown-leave-active {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.tgrid--row {
  overflow: hidden;
  *zoom: 1; }

.tgrid--item {
  position: relative;
  float: left;
  box-sizing: border-box; }

.tgrid.tgrid-5 .tgrid--item {
  width: 20%; }

.tgrid.flat-grey {
  border-top: 1px solid #b3b3b3; }
  .tgrid.flat-grey .tgrid--row {
    border-bottom: 1px solid #b3b3b3; }
  .tgrid.flat-grey .tgrid--item {
    border-right: 1px solid #b3b3b3; }
  .tgrid.flat-grey.tgrid-5 .tgrid--item:nth-child(5) {
    border-right: none; }

#wahanda-media-query-tester {
  position: absolute;
  left: -999em;
  top: -999em;
  z-index: 1; }

@media all and (max-width: 1300px) {
  #header #nav1 li a {
    padding: 0 10px; } }

@media all and (max-width: 1210px) {
  #header #nav1 li a {
    padding: 0 7px; } }

@media all and (max-width: 1150px) {
  #header #nav1 li a {
    padding: 0 6px;
    font-size: 12px; } }

@media all and (max-width: 1050px) {
  #header #nav1 li a {
    padding: 0 5px;
    font-size: 10px; } }

@media all and (max-width: 950px) {
  #header #nav1 li a {
    padding: 0 4px; } }

@media all and (max-width: 1200px) {
  .calendar-pane.has-today-link.has-closeout .close-out-box .button {
    width: 40px;
    height: 24px;
    overflow: hidden; }
    .calendar-pane.has-today-link.has-closeout .close-out-box .button .button-inner {
      padding: 0 0 0 50px; }
      .calendar-pane.has-today-link.has-closeout .close-out-box .button .button-inner .button-icon {
        left: 12px; }
  .calendar-pane.has-today-link.has-closeout .set-availability-box .button {
    width: 40px;
    height: 24px;
    overflow: hidden; }
    .calendar-pane.has-today-link.has-closeout .set-availability-box .button .button-inner {
      padding: 0 0 0 50px; }
      .calendar-pane.has-today-link.has-closeout .set-availability-box .button .button-inner .button-icon {
        left: 13px; } }

@media all and (max-width: 1150px) {
  #header #nav-right .search-dark {
    width: 160px; } }

@media all and (max-width: 1040px) {
  .calendar-main-header .date-selector-wrapper .date-selector .week-label {
    display: none; } }

@media all and (max-width: 950px) {
  .calendar-main-header .filter-wrapper {
    width: 183px; }
    .calendar-main-header .filter-wrapper .filter-current {
      width: 135px; }
  #header #nav-right .search-dark {
    width: 120px;
    margin-right: 0; }
  #header #nav-right #nav-notifications .notification-badge {
    width: 40px; } }

@media all and (max-width: 890px) {
  .calendar-pane.has-today-link .set-availability-box .button {
    width: 40px;
    height: 24px;
    overflow: hidden; }
    .calendar-pane.has-today-link .set-availability-box .button .button-inner {
      padding: 0 0 0 50px; }
      .calendar-pane.has-today-link .set-availability-box .button .button-inner .button-icon {
        left: 13px; }
  .calendar-pane.has-closeout .close-out-box .button {
    width: 40px;
    height: 24px;
    overflow: hidden; }
    .calendar-pane.has-closeout .close-out-box .button .button-inner {
      padding: 0 0 0 50px; }
      .calendar-pane.has-closeout .close-out-box .button .button-inner .button-icon {
        left: 12px; }
  .calendar-pane.has-closeout .set-availability-box .button {
    width: 40px;
    height: 24px;
    overflow: hidden; }
    .calendar-pane.has-closeout .set-availability-box .button .button-inner {
      padding: 0 0 0 50px; }
      .calendar-pane.has-closeout .set-availability-box .button .button-inner .button-icon {
        left: 13px; }
  .calendar-main-controls .filters .link-edit {
    width: 47px;
    overflow: hidden; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-aspect-ratio: 4 / 3) and (-webkit-min-device-pixel-ratio: 1) {
  #wahanda-media-query-tester {
    z-index: 2; }
  #appointment-dialog .default-form,
  #add-block-dialog .default-form {
    margin-top: 0;
    margin-bottom: 0; }
  #appointment-dialog.ui-dialog-content,
  #add-block-dialog.ui-dialog-content {
    padding-top: 7px; }
  #appointment-dialog .dialog-actions,
  #add-block-dialog .dialog-actions {
    margin-top: 7px; }
  #appointment-dialog .part-one,
  .client-info-dialog .part-one {
    float: left;
    width: 563px; }
  #appointment-dialog .part-two,
  .client-info-dialog .part-two {
    float: right;
    width: 375px; }
    #appointment-dialog .part-two.default-form .label-part,
    .client-info-dialog .part-two.default-form .label-part {
      min-width: 60px; }
    #appointment-dialog .part-two.default-form textarea.full,
    .client-info-dialog .part-two.default-form textarea.full {
      height: 150px; }
  .client-info-dialog .default-form {
    margin-bottom: 0; }
  .client-info-dialog .part-two.default-form textarea.full {
    height: 200px; }
  .ui-dialog .ui-dialog-content.client-info-dialog form .dialog-content,
  .client-info-dialog form .dialog-content {
    padding-top: 7px;
    padding-bottom: 5px; }
  #add-block-dialog .part-one {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 50px;
    width: 283px; }
    #add-block-dialog .part-one.form-intro {
      border-bottom: 0;
      margin: 0;
      padding-top: 15px; }
  #add-block-dialog .part-two {
    float: left;
    width: 563px; } }

.icon2 {
  display: inline-block; }

.icon2.icon2-checkbox-o {
  height: 20px;
  width: 20px;
  background-image: url(round-checkbox-8220f86db07c6d8b8de8806c26716cad.png);
  background-position: 0 0;
  vertical-align: text-bottom; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon2.icon2-checkbox-o {
      background-image: url(round-checkbox@2x-0583b4d0ae07b04ccba8ae84729593f4.png);
      background-size: cover; } }
  .icon2.icon2-checkbox-o.checked {
    background-image: url(selected-checkcircle-97ed846e9b0b05d20b6be184a873b4a9.svg); }
    .icon2.icon2-checkbox-o.checked.disabled {
      background-position: 0 -20px; }

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-line-spin-clockwise-fade,
.la-line-spin-clockwise-fade > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.la-line-spin-clockwise-fade {
  display: inline-block;
  font-size: 0;
  color: #fff;
  vertical-align: middle; }

.la-line-spin-clockwise-fade.la-dark {
  color: #333; }

.la-line-spin-clockwise-fade > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor; }

.la-line-spin-clockwise-fade {
  width: 32px;
  height: 32px; }

.la-line-spin-clockwise-fade > div {
  position: absolute;
  width: 2px;
  height: 10px;
  margin: 2px;
  margin-top: -5px;
  margin-left: -1px;
  border-radius: 0;
  -webkit-animation: line-spin-clockwise-fade 1s infinite ease-in-out;
  -moz-animation: line-spin-clockwise-fade 1s infinite ease-in-out;
  -o-animation: line-spin-clockwise-fade 1s infinite ease-in-out;
  animation: line-spin-clockwise-fade 1s infinite ease-in-out; }

.la-line-spin-clockwise-fade > div:nth-child(1) {
  top: 15%;
  left: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation-delay: -0.875s;
  -moz-animation-delay: -0.875s;
  -o-animation-delay: -0.875s;
  animation-delay: -0.875s; }

.la-line-spin-clockwise-fade > div:nth-child(2) {
  top: 25.2512626585%;
  left: 74.7487373415%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation-delay: -0.75s;
  -moz-animation-delay: -0.75s;
  -o-animation-delay: -0.75s;
  animation-delay: -0.75s; }

.la-line-spin-clockwise-fade > div:nth-child(3) {
  top: 50%;
  left: 85%;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation-delay: -0.625s;
  -moz-animation-delay: -0.625s;
  -o-animation-delay: -0.625s;
  animation-delay: -0.625s; }

.la-line-spin-clockwise-fade > div:nth-child(4) {
  top: 74.7487373415%;
  left: 74.7487373415%;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s; }

.la-line-spin-clockwise-fade > div:nth-child(5) {
  top: 84.9999999974%;
  left: 50.0000000004%;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-animation-delay: -0.375s;
  -moz-animation-delay: -0.375s;
  -o-animation-delay: -0.375s;
  animation-delay: -0.375s; }

.la-line-spin-clockwise-fade > div:nth-child(6) {
  top: 74.7487369862%;
  left: 25.2512627193%;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-animation-delay: -0.25s;
  -moz-animation-delay: -0.25s;
  -o-animation-delay: -0.25s;
  animation-delay: -0.25s; }

.la-line-spin-clockwise-fade > div:nth-child(7) {
  top: 49.9999806189%;
  left: 15.0000039834%;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-animation-delay: -0.125s;
  -moz-animation-delay: -0.125s;
  -o-animation-delay: -0.125s;
  animation-delay: -0.125s; }

.la-line-spin-clockwise-fade > div:nth-child(8) {
  top: 25.2506949798%;
  left: 25.2513989292%;
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  transform: rotate(315deg);
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s; }

.la-line-spin-clockwise-fade.la-sm {
  width: 16px;
  height: 16px; }

.la-line-spin-clockwise-fade.la-sm > div {
  width: 1px;
  height: 4px;
  margin-top: -2px;
  margin-left: 0; }

.la-line-spin-clockwise-fade.la-2x {
  width: 64px;
  height: 64px; }

.la-line-spin-clockwise-fade.la-2x > div {
  width: 4px;
  height: 20px;
  margin-top: -10px;
  margin-left: -2px; }

.la-line-spin-clockwise-fade.la-3x {
  width: 96px;
  height: 96px; }

.la-line-spin-clockwise-fade.la-3x > div {
  width: 6px;
  height: 30px;
  margin-top: -15px;
  margin-left: -3px; }

/*
 * Animation
 */
@-webkit-keyframes line-spin-clockwise-fade {
  50% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }

@-moz-keyframes line-spin-clockwise-fade {
  50% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }

@-o-keyframes line-spin-clockwise-fade {
  50% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }

@keyframes line-spin-clockwise-fade {
  50% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }

.la-loader {
  text-align: center; }
  .la-loader .text {
    margin-left: 10px; }
  .la-loader.la-centered {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.03);
    z-index: 2; }
    .la-loader.la-centered .la-center {
      position: absolute;
      width: 100%;
      top: 44%; }

/**! hopscotch - v0.2.6
*
* Copyright 2016 LinkedIn Corp. All rights reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*     http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
 * This fade animation is based on Dan Eden's animate.css (http://daneden.me/animate/), under the terms of the MIT license.
 *
 * Copyright 2013 Dan Eden.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
.animated {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px); }
  100% {
    opacity: 1;
    -o-transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.fade-in-up {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.fade-in-down {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }

@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

.fade-in-right {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }

@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(20px); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

.fade-in-left {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

div.hopscotch-bubble .hopscotch-nav-button {
  /* borrowed from katy styles */
  font-weight: bold;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  margin: 0;
  overflow: visible;
  text-decoration: none !important;
  width: auto;
  padding: 0 10px;
  height: 26px;
  line-height: 24px;
  font-size: 12px;
  *zoom: 1;
  white-space: nowrap;
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

div.hopscotch-bubble .hopscotch-nav-button:hover {
  *zoom: 1;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); }

div.hopscotch-bubble .hopscotch-nav-button:active {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset; }

div.hopscotch-bubble .hopscotch-nav-button.next {
  border-color: #1b5480;
  color: #fff;
  margin: 0 0 0 10px;
  /* HS specific*/
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  background-color: #287bbc;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#287bbc', endColorstr='#23639a');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #287bbc), color-stop(100%, #23639a));
  background-image: -webkit-linear-gradient(top, #287bbc 0%, #23639a 100%);
  background-image: -moz-linear-gradient(top, #287bbc 0%, #23639a 100%);
  background-image: -o-linear-gradient(top, #287bbc 0%, #23639a 100%);
  background-image: linear-gradient(top, #287bbc 0%, #23639a 100%); }

div.hopscotch-bubble .hopscotch-nav-button.next:hover {
  background-color: #2672ae;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#2672ae', endColorstr='#1e4f7e');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2672ae), color-stop(100%, #1e4f7e));
  background-image: -webkit-linear-gradient(top, #2672ae 0%, #1e4f7e 100%);
  background-image: -moz-linear-gradient(top, #2672ae 0%, #1e4f7e 100%);
  background-image: -o-linear-gradient(top, #2672ae 0%, #1e4f7e 100%);
  background-image: linear-gradient(top, #2672ae 0%, #1e4f7e 100%); }

div.hopscotch-bubble .hopscotch-nav-button.prev {
  border-color: #a7a7a7;
  color: #444;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f2f2f2;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#e9e9e9');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(100%, #e9e9e9));
  background-image: -webkit-linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%);
  background-image: -moz-linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%);
  background-image: -o-linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%);
  background-image: linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%); }

div.hopscotch-bubble .hopscotch-nav-button.prev:hover {
  background-color: #e8e8e8;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE8E8E8', endColorstr='#FFA9A9A9');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8e8e8), color-stop(13%, #e3e3e3), color-stop(32%, #d7d7d7), color-stop(71%, #b9b9b9), color-stop(100%, #a9a9a9));
  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #e3e3e3 13%, #d7d7d7 32%, #b9b9b9 71%, #a9a9a9 100%);
  background-image: -moz-linear-gradient(top, #e8e8e8 0%, #e3e3e3 13%, #d7d7d7 32%, #b9b9b9 71%, #a9a9a9 100%);
  background-image: -o-linear-gradient(top, #e8e8e8 0%, #e3e3e3 13%, #d7d7d7 32%, #b9b9b9 71%, #a9a9a9 100%);
  background-image: linear-gradient(top, #e8e8e8 0%, #e3e3e3 13%, #d7d7d7 32%, #b9b9b9 71%, #a9a9a9 100%); }

div.hopscotch-bubble {
  background-color: #ffffff;
  border: 5px solid #000000;
  /* default */
  border: 5px solid rgba(0, 0, 0, 0.5);
  /* transparent, if supported */
  color: #333;
  font-family: Helvetica, Arial;
  font-size: 13px;
  position: absolute;
  z-index: 999999;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -moz-background-clip: padding;
  /* for Mozilla browsers*/
  -webkit-background-clip: padding;
  /* Webkit */
  background-clip: padding-box;
  /*  browsers with full support */ }

div.hopscotch-bubble * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

div.hopscotch-bubble.animate {
  -moz-transition-property: top, left;
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-property: top, left;
  -ms-transition-duration: 1s;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-property: top, left;
  -o-transition-duration: 1s;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-property: top, left;
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: ease-in-out;
  transition-property: top, left;
  transition-duration: 1s;
  transition-timing-function: ease-in-out; }

div.hopscotch-bubble.invisible {
  opacity: 0; }

div.hopscotch-bubble.hide,
div.hopscotch-bubble .hide,
div.hopscotch-bubble .hide-all {
  display: none; }

div.hopscotch-bubble h3 {
  color: #000;
  font-family: Helvetica, Arial;
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  margin: -1px 15px 0 0;
  padding: 0; }

div.hopscotch-bubble .hopscotch-bubble-container {
  padding: 15px;
  position: relative;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  /* to fix text flickering */ }

div.hopscotch-bubble .hopscotch-content {
  font-family: Helvetica, Arial;
  font-weight: normal;
  line-height: 17px;
  margin: -5px 0 11px;
  padding-top: 8px; }

div.hopscotch-bubble .hopscotch-bubble-content {
  margin: 0 0 0 40px; }

div.hopscotch-bubble.no-number .hopscotch-bubble-content {
  margin: 0; }

div.hopscotch-bubble .hopscotch-bubble-close {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  color: #000;
  background: transparent url(sprite-green-f1717a5a8f1398f9238e40da6a8936c8.png) -192px -92px no-repeat;
  display: block;
  padding: 8px;
  position: absolute;
  text-decoration: none;
  text-indent: -9999px;
  width: 8px;
  height: 8px;
  top: 0;
  right: 0; }

div.hopscotch-bubble .hopscotch-bubble-close.hide,
div.hopscotch-bubble .hopscotch-bubble-close.hide-all {
  display: none; }

div.hopscotch-bubble .hopscotch-bubble-number {
  background: transparent url(sprite-green-f1717a5a8f1398f9238e40da6a8936c8.png) 0 0 no-repeat;
  color: #fff;
  display: block;
  float: left;
  font-size: 17px;
  font-weight: bold;
  line-height: 31px;
  padding: 0 10px 0 0;
  text-align: center;
  width: 30px;
  height: 30px; }

div.hopscotch-bubble .hopscotch-bubble-arrow-container {
  position: absolute;
  width: 34px;
  height: 34px; }

div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow,
div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow-border {
  width: 0;
  height: 0; }

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {
  top: -22px;
  left: 10px; }

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
  border-bottom: 17px solid #ffffff;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  position: relative;
  top: -10px; }

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
  border-bottom: 17px solid #000000;
  border-bottom: 17px solid rgba(0, 0, 0, 0.5);
  border-left: 17px solid transparent;
  border-right: 17px solid transparent; }

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {
  bottom: -39px;
  left: 10px; }

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
  border-top: 17px solid #ffffff;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  position: relative;
  top: -24px; }

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
  border-top: 17px solid #000000;
  border-top: 17px solid rgba(0, 0, 0, 0.5);
  border-left: 17px solid transparent;
  border-right: 17px solid transparent; }

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {
  top: 10px;
  left: -22px; }

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {
  border-bottom: 17px solid transparent;
  border-right: 17px solid #ffffff;
  border-top: 17px solid transparent;
  position: relative;
  left: 7px;
  top: -34px; }

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
  border-right: 17px solid #000000;
  border-right: 17px solid rgba(0, 0, 0, 0.5);
  border-bottom: 17px solid transparent;
  border-top: 17px solid transparent; }

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {
  top: 10px;
  right: -39px; }

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {
  border-bottom: 17px solid transparent;
  border-left: 17px solid #ffffff;
  border-top: 17px solid transparent;
  position: relative;
  left: -7px;
  top: -34px; }

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
  border-left: 17px solid #000000;
  border-left: 17px solid rgba(0, 0, 0, 0.5);
  border-bottom: 17px solid transparent;
  border-top: 17px solid transparent; }

div.hopscotch-bubble .hopscotch-actions {
  margin: 10px 0 0;
  text-align: right; }

div.hopscotch-bubble.tour-red-intro {
  border-color: #ff808b;
  background-color: #ff808b;
  background-clip: border-box;
  color: #fff;
  font-size: 12px; }
  div.hopscotch-bubble.tour-red-intro h3,
  div.hopscotch-bubble.tour-red-intro .hopscotch-content {
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    margin: 0;
    padding: 0;
    font-family: "Source Sans Pro", sans-serif, Arial, Helvetica, sans-serif; }
  div.hopscotch-bubble.tour-red-intro h3 {
    margin-bottom: 2px; }
  div.hopscotch-bubble.tour-red-intro .hopscotch-bubble-number,
  div.hopscotch-bubble.tour-red-intro .hopscotch-actions {
    display: none; }
  div.hopscotch-bubble.tour-red-intro .hopscotch-bubble-content {
    margin-left: 0; }
  div.hopscotch-bubble.tour-red-intro .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
    display: none; }
  div.hopscotch-bubble.tour-red-intro .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
    border-bottom: 8px solid #ff808b;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: relative;
    top: 9px; }
  div.hopscotch-bubble.tour-red-intro .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
    display: none; }
  div.hopscotch-bubble.tour-red-intro .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
    border-top: 8px solid #ff808b;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: relative;
    top: 0px; }

div.hopscotch-bubble .hopscotch-bubble-close {
  background-image: url(close-c13003c4c590f6465925186d98a9fb25.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: ' ';
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid:before, .container-fluid:after {
    content: ' ';
    display: table; }
  .container-fluid:after {
    clear: both; }

.grid-row {
  margin-left: -15px;
  margin-right: -15px; }
  .grid-row:before, .grid-row:after {
    content: ' ';
    display: table; }
  .grid-row:after {
    clear: both; }

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

.grid-col-xs-1, .grid-col-xs-2, .grid-col-xs-3, .grid-col-xs-4, .grid-col-xs-5, .grid-col-xs-6, .grid-col-xs-7, .grid-col-xs-8, .grid-col-xs-9, .grid-col-xs-10, .grid-col-xs-11, .grid-col-xs-12 {
  float: left; }

.grid-col-xs-1 {
  width: 8.33333%; }

.grid-col-xs-2 {
  width: 16.66667%; }

.grid-col-xs-3 {
  width: 25%; }

.grid-col-xs-4 {
  width: 33.33333%; }

.grid-col-xs-5 {
  width: 41.66667%; }

.grid-col-xs-6 {
  width: 50%; }

.grid-col-xs-7 {
  width: 58.33333%; }

.grid-col-xs-8 {
  width: 66.66667%; }

.grid-col-xs-9 {
  width: 75%; }

.grid-col-xs-10 {
  width: 83.33333%; }

.grid-col-xs-11 {
  width: 91.66667%; }

.grid-col-xs-12 {
  width: 100%; }

.grid-col-xs-pull-0 {
  right: auto; }

.grid-col-xs-pull-1 {
  right: 8.33333%; }

.grid-col-xs-pull-2 {
  right: 16.66667%; }

.grid-col-xs-pull-3 {
  right: 25%; }

.grid-col-xs-pull-4 {
  right: 33.33333%; }

.grid-col-xs-pull-5 {
  right: 41.66667%; }

.grid-col-xs-pull-6 {
  right: 50%; }

.grid-col-xs-pull-7 {
  right: 58.33333%; }

.grid-col-xs-pull-8 {
  right: 66.66667%; }

.grid-col-xs-pull-9 {
  right: 75%; }

.grid-col-xs-pull-10 {
  right: 83.33333%; }

.grid-col-xs-pull-11 {
  right: 91.66667%; }

.grid-col-xs-pull-12 {
  right: 100%; }

.grid-col-xs-push-0 {
  left: auto; }

.grid-col-xs-push-1 {
  left: 8.33333%; }

.grid-col-xs-push-2 {
  left: 16.66667%; }

.grid-col-xs-push-3 {
  left: 25%; }

.grid-col-xs-push-4 {
  left: 33.33333%; }

.grid-col-xs-push-5 {
  left: 41.66667%; }

.grid-col-xs-push-6 {
  left: 50%; }

.grid-col-xs-push-7 {
  left: 58.33333%; }

.grid-col-xs-push-8 {
  left: 66.66667%; }

.grid-col-xs-push-9 {
  left: 75%; }

.grid-col-xs-push-10 {
  left: 83.33333%; }

.grid-col-xs-push-11 {
  left: 91.66667%; }

.grid-col-xs-push-12 {
  left: 100%; }

.grid-col-xs-offset-0 {
  margin-left: 0%; }

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

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

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

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

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

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

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

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

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

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

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

.grid-col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .grid-col-sm-1, .grid-col-sm-2, .grid-col-sm-3, .grid-col-sm-4, .grid-col-sm-5, .grid-col-sm-6, .grid-col-sm-7, .grid-col-sm-8, .grid-col-sm-9, .grid-col-sm-10, .grid-col-sm-11, .grid-col-sm-12 {
    float: left; }
  .grid-col-sm-1 {
    width: 8.33333%; }
  .grid-col-sm-2 {
    width: 16.66667%; }
  .grid-col-sm-3 {
    width: 25%; }
  .grid-col-sm-4 {
    width: 33.33333%; }
  .grid-col-sm-5 {
    width: 41.66667%; }
  .grid-col-sm-6 {
    width: 50%; }
  .grid-col-sm-7 {
    width: 58.33333%; }
  .grid-col-sm-8 {
    width: 66.66667%; }
  .grid-col-sm-9 {
    width: 75%; }
  .grid-col-sm-10 {
    width: 83.33333%; }
  .grid-col-sm-11 {
    width: 91.66667%; }
  .grid-col-sm-12 {
    width: 100%; }
  .grid-col-sm-pull-0 {
    right: auto; }
  .grid-col-sm-pull-1 {
    right: 8.33333%; }
  .grid-col-sm-pull-2 {
    right: 16.66667%; }
  .grid-col-sm-pull-3 {
    right: 25%; }
  .grid-col-sm-pull-4 {
    right: 33.33333%; }
  .grid-col-sm-pull-5 {
    right: 41.66667%; }
  .grid-col-sm-pull-6 {
    right: 50%; }
  .grid-col-sm-pull-7 {
    right: 58.33333%; }
  .grid-col-sm-pull-8 {
    right: 66.66667%; }
  .grid-col-sm-pull-9 {
    right: 75%; }
  .grid-col-sm-pull-10 {
    right: 83.33333%; }
  .grid-col-sm-pull-11 {
    right: 91.66667%; }
  .grid-col-sm-pull-12 {
    right: 100%; }
  .grid-col-sm-push-0 {
    left: auto; }
  .grid-col-sm-push-1 {
    left: 8.33333%; }
  .grid-col-sm-push-2 {
    left: 16.66667%; }
  .grid-col-sm-push-3 {
    left: 25%; }
  .grid-col-sm-push-4 {
    left: 33.33333%; }
  .grid-col-sm-push-5 {
    left: 41.66667%; }
  .grid-col-sm-push-6 {
    left: 50%; }
  .grid-col-sm-push-7 {
    left: 58.33333%; }
  .grid-col-sm-push-8 {
    left: 66.66667%; }
  .grid-col-sm-push-9 {
    left: 75%; }
  .grid-col-sm-push-10 {
    left: 83.33333%; }
  .grid-col-sm-push-11 {
    left: 91.66667%; }
  .grid-col-sm-push-12 {
    left: 100%; }
  .grid-col-sm-offset-0 {
    margin-left: 0%; }
  .grid-col-sm-offset-1 {
    margin-left: 8.33333%; }
  .grid-col-sm-offset-2 {
    margin-left: 16.66667%; }
  .grid-col-sm-offset-3 {
    margin-left: 25%; }
  .grid-col-sm-offset-4 {
    margin-left: 33.33333%; }
  .grid-col-sm-offset-5 {
    margin-left: 41.66667%; }
  .grid-col-sm-offset-6 {
    margin-left: 50%; }
  .grid-col-sm-offset-7 {
    margin-left: 58.33333%; }
  .grid-col-sm-offset-8 {
    margin-left: 66.66667%; }
  .grid-col-sm-offset-9 {
    margin-left: 75%; }
  .grid-col-sm-offset-10 {
    margin-left: 83.33333%; }
  .grid-col-sm-offset-11 {
    margin-left: 91.66667%; }
  .grid-col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .grid-col-md-1, .grid-col-md-2, .grid-col-md-3, .grid-col-md-4, .grid-col-md-5, .grid-col-md-6, .grid-col-md-7, .grid-col-md-8, .grid-col-md-9, .grid-col-md-10, .grid-col-md-11, .grid-col-md-12 {
    float: left; }
  .grid-col-md-1 {
    width: 8.33333%; }
  .grid-col-md-2 {
    width: 16.66667%; }
  .grid-col-md-3 {
    width: 25%; }
  .grid-col-md-4 {
    width: 33.33333%; }
  .grid-col-md-5 {
    width: 41.66667%; }
  .grid-col-md-6 {
    width: 50%; }
  .grid-col-md-7 {
    width: 58.33333%; }
  .grid-col-md-8 {
    width: 66.66667%; }
  .grid-col-md-9 {
    width: 75%; }
  .grid-col-md-10 {
    width: 83.33333%; }
  .grid-col-md-11 {
    width: 91.66667%; }
  .grid-col-md-12 {
    width: 100%; }
  .grid-col-md-pull-0 {
    right: auto; }
  .grid-col-md-pull-1 {
    right: 8.33333%; }
  .grid-col-md-pull-2 {
    right: 16.66667%; }
  .grid-col-md-pull-3 {
    right: 25%; }
  .grid-col-md-pull-4 {
    right: 33.33333%; }
  .grid-col-md-pull-5 {
    right: 41.66667%; }
  .grid-col-md-pull-6 {
    right: 50%; }
  .grid-col-md-pull-7 {
    right: 58.33333%; }
  .grid-col-md-pull-8 {
    right: 66.66667%; }
  .grid-col-md-pull-9 {
    right: 75%; }
  .grid-col-md-pull-10 {
    right: 83.33333%; }
  .grid-col-md-pull-11 {
    right: 91.66667%; }
  .grid-col-md-pull-12 {
    right: 100%; }
  .grid-col-md-push-0 {
    left: auto; }
  .grid-col-md-push-1 {
    left: 8.33333%; }
  .grid-col-md-push-2 {
    left: 16.66667%; }
  .grid-col-md-push-3 {
    left: 25%; }
  .grid-col-md-push-4 {
    left: 33.33333%; }
  .grid-col-md-push-5 {
    left: 41.66667%; }
  .grid-col-md-push-6 {
    left: 50%; }
  .grid-col-md-push-7 {
    left: 58.33333%; }
  .grid-col-md-push-8 {
    left: 66.66667%; }
  .grid-col-md-push-9 {
    left: 75%; }
  .grid-col-md-push-10 {
    left: 83.33333%; }
  .grid-col-md-push-11 {
    left: 91.66667%; }
  .grid-col-md-push-12 {
    left: 100%; }
  .grid-col-md-offset-0 {
    margin-left: 0%; }
  .grid-col-md-offset-1 {
    margin-left: 8.33333%; }
  .grid-col-md-offset-2 {
    margin-left: 16.66667%; }
  .grid-col-md-offset-3 {
    margin-left: 25%; }
  .grid-col-md-offset-4 {
    margin-left: 33.33333%; }
  .grid-col-md-offset-5 {
    margin-left: 41.66667%; }
  .grid-col-md-offset-6 {
    margin-left: 50%; }
  .grid-col-md-offset-7 {
    margin-left: 58.33333%; }
  .grid-col-md-offset-8 {
    margin-left: 66.66667%; }
  .grid-col-md-offset-9 {
    margin-left: 75%; }
  .grid-col-md-offset-10 {
    margin-left: 83.33333%; }
  .grid-col-md-offset-11 {
    margin-left: 91.66667%; }
  .grid-col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .grid-col-lg-1, .grid-col-lg-2, .grid-col-lg-3, .grid-col-lg-4, .grid-col-lg-5, .grid-col-lg-6, .grid-col-lg-7, .grid-col-lg-8, .grid-col-lg-9, .grid-col-lg-10, .grid-col-lg-11, .grid-col-lg-12 {
    float: left; }
  .grid-col-lg-1 {
    width: 8.33333%; }
  .grid-col-lg-2 {
    width: 16.66667%; }
  .grid-col-lg-3 {
    width: 25%; }
  .grid-col-lg-4 {
    width: 33.33333%; }
  .grid-col-lg-5 {
    width: 41.66667%; }
  .grid-col-lg-6 {
    width: 50%; }
  .grid-col-lg-7 {
    width: 58.33333%; }
  .grid-col-lg-8 {
    width: 66.66667%; }
  .grid-col-lg-9 {
    width: 75%; }
  .grid-col-lg-10 {
    width: 83.33333%; }
  .grid-col-lg-11 {
    width: 91.66667%; }
  .grid-col-lg-12 {
    width: 100%; }
  .grid-col-lg-pull-0 {
    right: auto; }
  .grid-col-lg-pull-1 {
    right: 8.33333%; }
  .grid-col-lg-pull-2 {
    right: 16.66667%; }
  .grid-col-lg-pull-3 {
    right: 25%; }
  .grid-col-lg-pull-4 {
    right: 33.33333%; }
  .grid-col-lg-pull-5 {
    right: 41.66667%; }
  .grid-col-lg-pull-6 {
    right: 50%; }
  .grid-col-lg-pull-7 {
    right: 58.33333%; }
  .grid-col-lg-pull-8 {
    right: 66.66667%; }
  .grid-col-lg-pull-9 {
    right: 75%; }
  .grid-col-lg-pull-10 {
    right: 83.33333%; }
  .grid-col-lg-pull-11 {
    right: 91.66667%; }
  .grid-col-lg-pull-12 {
    right: 100%; }
  .grid-col-lg-push-0 {
    left: auto; }
  .grid-col-lg-push-1 {
    left: 8.33333%; }
  .grid-col-lg-push-2 {
    left: 16.66667%; }
  .grid-col-lg-push-3 {
    left: 25%; }
  .grid-col-lg-push-4 {
    left: 33.33333%; }
  .grid-col-lg-push-5 {
    left: 41.66667%; }
  .grid-col-lg-push-6 {
    left: 50%; }
  .grid-col-lg-push-7 {
    left: 58.33333%; }
  .grid-col-lg-push-8 {
    left: 66.66667%; }
  .grid-col-lg-push-9 {
    left: 75%; }
  .grid-col-lg-push-10 {
    left: 83.33333%; }
  .grid-col-lg-push-11 {
    left: 91.66667%; }
  .grid-col-lg-push-12 {
    left: 100%; }
  .grid-col-lg-offset-0 {
    margin-left: 0%; }
  .grid-col-lg-offset-1 {
    margin-left: 8.33333%; }
  .grid-col-lg-offset-2 {
    margin-left: 16.66667%; }
  .grid-col-lg-offset-3 {
    margin-left: 25%; }
  .grid-col-lg-offset-4 {
    margin-left: 33.33333%; }
  .grid-col-lg-offset-5 {
    margin-left: 41.66667%; }
  .grid-col-lg-offset-6 {
    margin-left: 50%; }
  .grid-col-lg-offset-7 {
    margin-left: 58.33333%; }
  .grid-col-lg-offset-8 {
    margin-left: 66.66667%; }
  .grid-col-lg-offset-9 {
    margin-left: 75%; }
  .grid-col-lg-offset-10 {
    margin-left: 83.33333%; }
  .grid-col-lg-offset-11 {
    margin-left: 91.66667%; }
  .grid-col-lg-offset-12 {
    margin-left: 100%; } }

.modern {
  /*
  html5doctor.com Reset Stylesheet
  v1.6.1
  Last Updated: 2010-09-17
  Author: Richard Clark - http://richclarkdesign.com
  Twitter: @rich_clark
  */
  /* change colours to suit your needs */
  /* change colours to suit your needs */
  /* change border colour to suit your needs */ }
  .modern html,
  .modern body,
  .modern div,
  .modern span,
  .modern object,
  .modern iframe,
  .modern h1,
  .modern h2,
  .modern h3,
  .modern h4,
  .modern h5,
  .modern h6,
  .modern p,
  .modern blockquote,
  .modern pre,
  .modern abbr,
  .modern address,
  .modern cite,
  .modern code,
  .modern del,
  .modern dfn,
  .modern em,
  .modern img,
  .modern ins,
  .modern kbd,
  .modern q,
  .modern samp,
  .modern small,
  .modern strong,
  .modern sub,
  .modern sup,
  .modern var,
  .modern b,
  .modern i,
  .modern dl,
  .modern dt,
  .modern dd,
  .modern ol,
  .modern ul,
  .modern li,
  .modern fieldset,
  .modern form,
  .modern label,
  .modern legend,
  .modern table,
  .modern caption,
  .modern tbody,
  .modern tfoot,
  .modern thead,
  .modern tr,
  .modern th,
  .modern td,
  .modern article,
  .modern aside,
  .modern canvas,
  .modern details,
  .modern figcaption,
  .modern figure,
  .modern footer,
  .modern header,
  .modern hgroup,
  .modern menu,
  .modern nav,
  .modern section,
  .modern summary,
  .modern time,
  .modern mark,
  .modern audio,
  .modern video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1; }
  .modern body {
    line-height: 1; }
  .modern article,
  .modern aside,
  .modern details,
  .modern figcaption,
  .modern figure,
  .modern footer,
  .modern header,
  .modern hgroup,
  .modern menu,
  .modern nav,
  .modern section {
    display: block; }
  .modern nav ul {
    list-style: none; }
  .modern blockquote,
  .modern q {
    quotes: none; }
  .modern blockquote:before,
  .modern blockquote:after,
  .modern q:before,
  .modern q:after {
    content: '';
    content: none; }
  .modern a:not(.exclude-modern) {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent; }
  .modern ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none; }
  .modern mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold; }
  .modern del {
    text-decoration: line-through; }
  .modern abbr[title],
  .modern dfn[title] {
    border-bottom: 1px dotted;
    cursor: help; }
  .modern table {
    border-collapse: collapse;
    border-spacing: 0; }
  .modern hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #b3b3b3;
    margin: 1em 0;
    padding: 0; }
  .modern input,
  .modern select {
    vertical-align: middle; }
  .modern .row-group {
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
    .modern .row-group--no-background {
      border-top: 0;
      border-bottom: 0;
      background: transparent; }
    .modern .row-group--no-dividers.row-group .row-group__row {
      border-bottom: 0; }
    .modern .row-group--normal-spacing {
      margin-top: 16px;
      margin-bottom: 16px; }
    .modern .row-group--small-spacing {
      margin-top: 8px;
      margin-bottom: 8px; }
    .modern .row-group--large-spacing {
      margin-top: 24px;
      margin-bottom: 24px; }
    .modern .row-group .row-group__row {
      padding-left: 16px;
      padding-right: 16px;
      font-size: 14px;
      padding-top: 16px;
      padding-bottom: 16px;
      line-height: 1;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
      .modern .row-group .row-group__row:last-child {
        border-bottom: 0; }
      .modern .row-group .row-group__row--condensed.row-group__row {
        padding-top: 6px;
        padding-bottom: 6px; }
      .modern .row-group .row-group__row--small.row-group__row {
        padding-top: 10px;
        padding-bottom: 10px; }
      .modern .row-group .row-group__row--large.row-group__row {
        padding-top: 14px;
        padding-bottom: 14px; }
      .modern .row-group .row-group__row--split.row-group__row:before, .modern .row-group .row-group__row--split.row-group__row:after {
        content: ' ';
        display: table; }
      .modern .row-group .row-group__row--split.row-group__row:after {
        clear: both; }
      .modern .row-group .row-group__row--with-icon.row-group__row:before, .modern .row-group .row-group__row--with-icon.row-group__row:after {
        content: ' ';
        display: table; }
      .modern .row-group .row-group__row--with-icon.row-group__row:after {
        clear: both; }
      .modern .row-group .row-group__row--with-icon.row-group__row--small {
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 16px; }
        .modern .row-group .row-group__row--with-icon.row-group__row--small .label {
          margin-top: 7px;
          margin-bottom: 7px;
          float: left; }
  .modern .heading {
    font-size: 16px;
    font-weight: bold; }
  .modern .label-group--tiny {
    font-size: 10px; }
  .modern .label-group--small {
    font-size: 12px; }
  .modern .label-group--medium {
    font-size: 14px; }
  .modern .label-group--large {
    font-size: 16px; }
  .modern .label-group--split:before, .modern .label-group--split:after {
    content: ' ';
    display: table; }
  .modern .label-group--split:after {
    clear: both; }
  .modern .label-group__content-left {
    float: left; }
  .modern .label-group__content-right {
    float: right; }
  .modern .label {
    height: auto;
    font-weight: normal;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-size: 14px;
    font-weight: 400; }
    .modern .label--inline {
      display: inline-block; }
    .modern .label--block {
      display: block; }
    .modern .label--tiny {
      font-size: 10px; }
    .modern .label--small {
      font-size: 12px; }
    .modern .label--large {
      font-size: 16px; }
    .modern .label--secondary {
      color: rgba(0, 0, 0, 0.6); }
    .modern .label--tertiary {
      color: rgba(0, 0, 0, 0.4); }
    .modern .label--inactive {
      color: rgba(0, 0, 0, 0.4); }
    .modern .label--field-name {
      color: rgba(0, 0, 0, 0.5);
      width: 80px; }
    .modern .label--light {
      font-weight: 300; }
    .modern .label--medium {
      font-weight: 600; }
    .modern .label--bold {
      font-weight: 700; }
    .modern .label--left {
      float: left; }
    .modern .label--right {
      float: right; }
  .modern .icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    float: left;
    background: center center no-repeat; }
    .modern .icon--mail-greyscale {
      background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
      background-position: -119px -627px;
      width: 24px;
      height: 24px; }
    .modern .icon--phone-greyscale {
      background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
      background-position: -23px -627px;
      width: 24px;
      height: 24px; }
  .modern .footer-button {
    box-sizing: border-box;
    height: 46px;
    margin-top: -16px;
    margin-bottom: -17px;
    margin-right: -16px;
    padding: 16px 16px 17px 16px;
    cursor: pointer; }
    .modern .footer-button__right {
      float: right; }
    .modern .footer-button__silent {
      background-color: transparent;
      color: #666; }
    .modern .footer-button__primary {
      background-color: #3ba150;
      color: #fff; }
      .modern .footer-button__primary.disabled {
        background-color: #e6e6e6; }
    .modern .footer-button + .footer-button {
      margin-right: 0px; }

.label--inline + .label--inline {
  margin-left: 16px; }

.heading + .label-group,
.label-group + .label-group {
  margin-top: 6px; }

.label-group__label + .label-group__label {
  margin-top: 6px; }

.select-dropdown {
  border-bottom: 1px solid #b3b3b3;
  padding-right: 20px;
  cursor: pointer;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: right center;
  background-position: right 6px center;
  background-size: 12px 7px;
  background-image: url(icon-dropdown-open-5a4fdf52ef9aafe0529e67c4438a7fab.png);
  outline: none; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .select-dropdown {
      background-image: url(icon-dropdown-open@2x-3d46ced269c7e22a10f3ebd4057a19cf.png); } }
  .select-dropdown:hover, .select-dropdown:focus {
    background-image: url(icon-dropdown-open-bold-c617fd997ed0f9bbe0f8340a0cd48bd1.png); }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .select-dropdown:hover, .select-dropdown:focus {
        background-image: url(icon-dropdown-open-bold@2x-bd13fe276997247921ee37b734b1df57.png); } }
  .select-dropdown .typeahead {
    padding-left: 5px; }
  .select-dropdown:hover, .select-dropdown:focus {
    border-bottom-color: #000; }
  .select-dropdown.disabled {
    background-image: none;
    border-bottom-color: #b3b3b3;
    cursor: default; }
    .select-dropdown.disabled .display {
      color: #777777; }
  .select-dropdown .display {
    width: 100%;
    height: 26px;
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #333;
    text-overflow: ellipsis; }

.select-dropdown-ext-dropdown {
  visibility: hidden;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
  padding-top: 6px; }
  .select-dropdown-ext-dropdown.open {
    visibility: visible;
    z-index: 9999; }
  .select-dropdown-ext-dropdown .select-dropdown-item {
    font-size: 13px;
    line-height: 25px;
    color: #000;
    padding-left: 8px;
    cursor: pointer; }
    .select-dropdown-ext-dropdown .select-dropdown-item.not-selectable {
      padding-right: 0;
      cursor: default;
      font-weight: bold;
      color: #808080; }
    .select-dropdown-ext-dropdown .select-dropdown-item.indented {
      padding-left: 18px; }
    .select-dropdown-ext-dropdown .select-dropdown-item.active {
      background-color: #e9f9e2; }
    .select-dropdown-ext-dropdown .select-dropdown-item.createDiscount {
      background: transparent url(create-discount-icon-be8674af7f6acf3cf7942ada36c89df6.svg) no-repeat 3px center;
      box-shadow: inset 0 1px 0 0 #e6e6e6;
      padding-left: 20px; }
      .select-dropdown-ext-dropdown .select-dropdown-item.createDiscount.active {
        background: #e9f9e2 url(create-discount-icon-be8674af7f6acf3cf7942ada36c89df6.svg) no-repeat 3px center; }
    .select-dropdown-ext-dropdown .select-dropdown-item .typeahead-match {
      font-weight: 600; }
    .select-dropdown-ext-dropdown .select-dropdown-item .discountPrice {
      color: #666; }
    .select-dropdown-ext-dropdown .select-dropdown-item .discountInactive {
      color: #ff5c39; }

@media print {
  .select-dropdown {
    padding-right: 0;
    background-image: none; } }

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

html,
body {
  height: 100%; }

body {
  background: #fff;
  font: 87% "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #4d4d4d;
  overflow: hidden;
  z-index: 1; }

a {
  color: #001e62;
  text-decoration: underline;
  outline: none;
  cursor: pointer; }
  a:hover {
    color: #333; }

input,
select,
textarea {
  margin: 0; }

input,
textarea,
button {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  color: #333;
  -webkit-font-smoothing: antialiased; }

input:-moz-placeholder {
  color: #b3b3b3 !important; }

.icon-svg {
  max-width: 100%;
  max-height: 100%;
  fill: currentColor; }

.clearer {
  clear: both;
  float: none;
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0; }

.clearfix:before, .clearfix:after {
  content: '';
  display: table; }

.clearfix:after {
  clear: both; }

.hidden {
  display: none; }

.invisible {
  visibility: hidden; }

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

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

.strong {
  font-weight: bold; }

.non-split {
  white-space: nowrap; }

.count {
  display: inline-block;
  min-width: 12px;
  background: #b3b3b3;
  font-size: 12px;
  height: 14px;
  line-height: 14px;
  padding: 2px 4px 0;
  text-align: center;
  color: #fff; }
  .count.alert-count {
    background: #d63700;
    color: #fff; }

.label,
.status,
.note-critical {
  display: inline-block;
  margin-left: 5px;
  background: #4d4d4d;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px / 3px;
  border-radius: 3px / 3px;
  height: 9px;
  padding: 0 4px 6px;
  font-weight: normal;
  font-size: 11px;
  color: #fff;
  vertical-align: middle;
  line-height: 14px; }
  .label.label-new,
  .status.label-new,
  .note-critical.label-new {
    background: #ffb500;
    color: #4d4d4d; }
  .label.label-featured,
  .status.label-featured,
  .note-critical.label-featured {
    background: #3ba150;
    border: 1px solid #3ba150; }
  .label.label-act,
  .status.label-act,
  .note-critical.label-act {
    background: #3ba150; }
  .label.label-pnd,
  .status.label-pnd,
  .note-critical.label-pnd {
    background: #666; }
  .label.label-exp,
  .status.label-exp,
  .note-critical.label-exp {
    background: #d63700; }
  .label.label-sld, .label.note-critical,
  .status.label-sld,
  .status.note-critical,
  .note-critical.label-sld,
  .note-critical.note-critical {
    background: #d63700; }
  .label.label-shortcut,
  .status.label-shortcut,
  .note-critical.label-shortcut {
    margin-right: 5px;
    min-width: 10px;
    height: 13px;
    line-height: 19px;
    text-align: center;
    background: #4d4d4d;
    font-size: 13px;
    color: #fff; }
  .label.label-quiet,
  .status.label-quiet,
  .note-critical.label-quiet {
    background: #e6e6e6;
    color: #666; }
  .label.label-disabled, .label.status-done, .label.status-off,
  .status.label-disabled,
  .status.status-done,
  .status.status-off,
  .note-critical.label-disabled,
  .note-critical.status-done,
  .note-critical.status-off {
    background: #4d4d4d; }
  .label.label-unconfirmed, .label.status-not-confirmed, .label.status-rejected, .label.label-important, .label.status-paid,
  .status.label-unconfirmed,
  .status.status-not-confirmed,
  .status.status-rejected,
  .status.label-important,
  .status.status-paid,
  .note-critical.label-unconfirmed,
  .note-critical.status-not-confirmed,
  .note-critical.status-rejected,
  .note-critical.label-important,
  .note-critical.status-paid {
    background: #ffb500;
    color: #808080; }
  .label.status-discounted,
  .status.status-discounted,
  .note-critical.status-discounted {
    background: #fff;
    color: #666; }
  .label.label-confirmed, .label.status-scheduled, .label.status-confirmed, .label.status-on,
  .status.label-confirmed,
  .status.status-scheduled,
  .status.status-confirmed,
  .status.status-on,
  .note-critical.label-confirmed,
  .note-critical.status-scheduled,
  .note-critical.status-confirmed,
  .note-critical.status-on {
    background: #3ba150; }
  .label.label-attention,
  .status.label-attention,
  .note-critical.label-attention {
    background: #ffb500; }
  .label.label-critical, .label.status-critical, .label.status-cancelled, .label.status-unpaid,
  .status.label-critical,
  .status.status-critical,
  .status.status-cancelled,
  .status.status-unpaid,
  .note-critical.label-critical,
  .note-critical.status-critical,
  .note-critical.status-cancelled,
  .note-critical.status-unpaid {
    background: #d63700; }
  .label.status-checkedout,
  .status.status-checkedout,
  .note-critical.status-checkedout {
    background: #00b0b9; }
  .label.status-noshow,
  .status.status-noshow,
  .note-critical.status-noshow {
    background: #d63700; }
  .label.label-big,
  .status.label-big,
  .note-critical.label-big {
    height: 19px;
    line-height: 19px;
    padding: 1px 6px 0;
    font-size: 13px; }
  .label.label-type, .label.status-neutral,
  .status.label-type,
  .status.status-neutral,
  .note-critical.label-type,
  .note-critical.status-neutral {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid #b3b3b3;
    color: #666; }
  .label.label-discount,
  .status.label-discount,
  .note-critical.label-discount {
    color: #00b0b9;
    background: rgba(0, 176, 185, 0.1) url(discount-status-icon-7d07d57f09cd4d75803fcda7fda012e4.svg) no-repeat 2px center; }
  .label.hidden,
  .status.hidden,
  .note-critical.hidden {
    display: none; }

table .status-wrapper {
  display: inline-block;
  position: relative;
  cursor: pointer; }
  table .status-wrapper .status {
    margin: 0;
    padding: 0 4px;
    height: 15px; }
    table .status-wrapper .status.with-note {
      padding-right: 19px; }
  table .status-wrapper .status-note {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    width: 14px;
    height: 16px;
    background: url(infonote2-5f2fe4536df2036996d53353f0ab9a45.png) 6px 4px no-repeat;
    border-left: 1px solid #fff;
    border-left: 1px solid rgba(255, 255, 255, 0.6); }

.link-edit {
  color: #001e62;
  text-decoration: underline;
  cursor: pointer; }
  .link-edit:hover {
    color: #333; }

body.app-banner #header,
body.app-banner .content-holder {
  top: 104px; }

#header {
  box-sizing: border-box;
  position: absolute !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 40px;
  padding-left: 213px;
  padding-right: 134px;
  background: #4d4d4d;
  color: #b3b3b3;
  font-size: 14px;
  z-index: 999; }

.top-shadow {
  position: absolute;
  top: 33px;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 9px;
  background: url(top-shadow-6d297e14228320f0a238d5a11f5f7209.png) center top no-repeat;
  background-size: 100% 9px;
  z-index: 500; }

.bottom-shadow {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 65px;
  left: 0;
  width: 100%;
  height: 9px;
  background: url(bottom-shadow-626bf55ec34b57d186ef5f953d0f8320.png) center bottom no-repeat;
  background-size: 100% 9px;
  z-index: 500; }

.simple-list li {
  padding: 0 0 4px 13px;
  position: relative;
  line-height: 17px;
  background: url(bullet-3546252cd7b268dbc7455fbaa931b81a.png) 0 3px no-repeat; }

.basic-list li {
  padding: 0 0 4px 20px;
  position: relative;
  line-height: 17px;
  background: url(bullet-tick-27c2280b60b432cafed13ed5112829c0.png) 0 3px no-repeat; }

.attention-list {
  border: 1px solid #fcfad4;
  background-color: #fcfad4;
  border-radius: 3px;
  list-style: none;
  padding-left: 10px;
  padding-right: 10px; }
  .attention-list li {
    padding: 0px;
    margin: 5px 0;
    background: none; }
    .attention-list li i {
      font-style: italic; }

.content-holder {
  min-width: 800px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.section-aside {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  width: 212px;
  background: #fff; }

.section-aside2 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: 264px;
  overflow: auto;
  background: #fff; }

.section-main {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 212px;
  background: #fff;
  border-left: 1px solid #e6e6e6; }

.section-main2 {
  position: absolute;
  top: 0;
  right: 264px;
  bottom: 0;
  left: 0;
  background: #fff;
  border-right: 1px solid #cccccc; }

.section-full {
  position: absolute;
  top: 65px;
  right: 19px;
  bottom: 65px;
  left: 19px;
  background: #fff;
  border: 1px solid #cccccc;
  -webkit-border-radius: 6px 6px;
  -moz-border-radius: 6px / 6px;
  border-radius: 6px / 6px;
  padding: 17px; }

.ui-tabs li:focus {
  outline: 0; }

.ui-tabs.client-other-info {
  display: flex;
  flex-direction: column;
  flex-grow: 1; }

.tabs-inner,
.ui-tabs.tabs-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.tab-content {
  position: absolute;
  top: 31px;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 17px; }

.data-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 65px;
  left: 0;
  overflow: auto;
  padding: 17px; }

.data-actions {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  height: 30px;
  border-top: 1px solid #b3b3b3;
  padding: 17px; }

.form-intro {
  margin: -20px -17px 10px;
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
  padding: 17px 20px 8px 72px;
  line-height: 19px; }
  .form-intro p {
    margin-bottom: 10px; }
  .form-intro .icons-info,
  .form-intro .icon {
    float: left;
    margin-left: -55px;
    margin-top: 2px; }
  .form-intro .title {
    display: block;
    font-size: 16px;
    line-height: 19px;
    font-weight: bold;
    padding-bottom: 2px; }
  .form-intro.warning {
    padding-left: 72px; }
    .form-intro.warning .icon {
      display: block;
      position: relative;
      top: auto;
      left: auto; }

.after-intro {
  margin: 15px 0;
  padding-left: 55px;
  line-height: 19px; }
  .after-intro p {
    margin-bottom: 10px; }

.content-note {
  display: block;
  margin: 0 0 15px;
  min-height: 38px;
  padding: 8px 10px 8px 58px;
  line-height: 19px; }
  .content-note .icon,
  .content-note .icons-info {
    float: left;
    margin-left: -48px;
    margin-top: 2px; }
  .content-note.no-icon {
    padding-left: 10px;
    font-size: 16px;
    font-weight: bold;
    padding-top: 18px;
    min-height: 30px; }
  .content-note p {
    padding-bottom: 0; }
  .content-note .main-txt {
    max-width: 650px;
    font-weight: bold; }
  .content-note .second-txt {
    max-width: 650px;
    color: #666; }
  .content-note .basic-list,
  .content-note .simple-list {
    color: #666; }
    .content-note .basic-list strong,
    .content-note .simple-list strong {
      color: #4d4d4d; }
  .content-note .simple-list li {
    background-position: 0 0.3em; }
  .content-note.hidden {
    display: none; }

.warning {
  position: relative;
  background: #ffdfbd;
  border-bottom: 1px solid #e1b57a;
  padding: 14px 17px 13px 62px;
  line-height: 19px;
  color: #ff5c39; }
  .warning .title,
  .warning .warning-title {
    display: block;
    font-weight: bold;
    color: #ff5c39; }
  .warning .icon {
    position: absolute;
    top: 27%;
    right: auto;
    bottom: auto;
    left: 18px;
    display: none; }
  .warning.warning-pending {
    background-image: url(clock-4132e432ceac5ecb3d0d7986f4fe47ad.png);
    background-position: 13px 50%;
    background-repeat: no-repeat; }
  .warning.warning-locked, .warning.warning-chain, .warning.warning-permissions {
    background-image: url(lock-ed895fd24ebe1bdeda36580b312e7695.png);
    background-position: 17px 50%;
    background-repeat: no-repeat; }
  .warning.warning-archived {
    background-image: url(archive-medium-eda6b5454d834ffa85b6fc67d4e60f40.png);
    background-position: 16px 50%;
    background-repeat: no-repeat; }
    .warning.warning-archived a {
      display: block; }
  .warning .highlight {
    color: #ff5c39;
    font-weight: bold; }

.default-form {
  width: 100%; }
  .default-form td {
    padding: 5px 14px;
    vertical-align: top; }
    .default-form td.align-middle {
      vertical-align: middle; }
  .default-form .form-row .label-part {
    padding-right: 0;
    padding-left: 0;
    white-space: nowrap;
    text-align: right;
    user-select: none; }
    .default-form .form-row .label-part label,
    .default-form .form-row .label-part span {
      display: inline-block; }
  .default-form .form-row .input-part {
    width: 100%;
    padding-right: 0; }
    .default-form .form-row .input-part .several input {
      margin-right: 5px; }
    .default-form .form-row .input-part .several label {
      padding-right: 15px; }
    .default-form .form-row .input-part .several-lines li {
      padding-bottom: 5px; }
    .default-form .form-row .input-part .several-lines label,
    .default-form .form-row .input-part .several-lines input,
    .default-form .form-row .input-part .several-lines .txt-input {
      display: inline-block;
      vertical-align: middle; }
    .default-form .form-row .input-part .several-lines label {
      margin-right: 5px;
      margin-left: 5px; }
    .default-form .form-row .input-part.merged {
      padding-left: 0; }
  .default-form .form-row .description-part {
    width: 100%;
    padding-right: 0;
    padding-left: 0; }
  .default-form .form-header-row td {
    padding-left: 0;
    padding-top: 2px;
    line-height: 17px;
    font-weight: bold; }
  .default-form .form-separator-row td {
    padding: 0 0 12px; }
    .default-form .form-separator-row td span {
      display: block;
      border-bottom: 1px solid #e6e6e6;
      height: 12px;
      line-height: 0;
      font-size: 0; }
  .default-form .form-custom-row td {
    padding-left: 0;
    padding-top: 2px; }
  .default-form .help-txt {
    font-size: 13px; }
  .default-form .full {
    width: 100%; }
  .default-form select {
    width: auto; }
  .default-form textarea {
    display: block; }
    .default-form textarea.full {
      width: 99%; }
  .default-form.constrain-labels .label-part {
    white-space: normal; }
  .default-form.constrain-labels .input-part {
    min-width: 25%;
    width: auto; }

.separating-line {
  background: #c3c4bd;
  height: 1px;
  font-size: 0;
  line-height: 0; }

.txt-input {
  height: 22px;
  margin-bottom: 2px;
  border: 1px solid #b3b3b3;
  background: #fff;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px / 3px;
  border-radius: 3px / 3px; }
  .txt-input input {
    width: 100%;
    height: 22px;
    border: 0;
    background: none;
    padding: 0;
    text-indent: 4px; }
    .txt-input input.error {
      background: url(error-c44c12819817d1e2a0a77fd975435b32.png) 100% 4px no-repeat;
      padding-right: 21px;
      width: 94%; }
  .txt-input.disabled-parent {
    border-color: #e6e6e6; }
    .txt-input.disabled-parent input {
      color: #808080; }
  .txt-input.txt-input-mini {
    width: 66px; }
    .txt-input.txt-input-mini input.error {
      width: 68%;
      padding-right: 22px; }
  .txt-input.txt-input-big {
    height: 33px;
    padding: 0; }
    .txt-input.txt-input-big input {
      height: 33px;
      font-size: 18px;
      color: #4d4d4d;
      line-height: 16px;
      text-indent: 10px; }
      .txt-input.txt-input-big input.error {
        background: url(error-big-fe0bc9984d816b09c5526bae796e91cb.png) 100% 7px no-repeat;
        padding-right: 34px;
        width: 87%; }
    .txt-input.txt-input-big ::-webkit-input-placeholder {
      padding-top: 6px; }

.date-input {
  display: inline-block;
  width: 100px;
  background: #fff url(calendar-ab25c29646980a370993481e4baa3c62.png) 81px 3px no-repeat; }
  .date-input input {
    background: none;
    width: 79%;
    -webkit-border-radius: 3px 3px;
    -moz-border-radius: 3px / 3px;
    border-radius: 3px / 3px; }
    .date-input input.error {
      background: url(error-date-b7983254fae9b7ed39106072a570c1fb.png) 100% 1px no-repeat;
      width: 78%;
      padding-right: 22px; }
  .date-input.hidden {
    display: none; }
  .date-input.disabled-parent {
    background-image: url(calendar-disabled-efcf4d0efb1adaaaefd55742eaa4ba20.png);
    border-color: #e6e6e6; }
    .date-input.disabled-parent input {
      color: #808080; }

.ui-datepicker.dp2 {
  background: #fff; }

textarea {
  border: 1px solid #b3b3b3;
  background: #fff;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px / 3px;
  border-radius: 3px / 3px;
  line-height: 17px; }
  textarea.full {
    width: 99%; }

label.optional,
.optional {
  font-style: italic;
  color: #666; }

input[disabled='disabled'],
input.disabled,
textarea[disabled='disabled'],
textarea.disabled {
  color: #808080 !important; }

.date-input input[disabled='disabled'],
.date-input input.disabled {
  color: #b3b3b3 !important; }

.disabled-parent {
  color: #808080; }

.part-title {
  font-weight: bold; }
  .part-title span {
    font-weight: normal; }

.ui-tooltip,
.qtip {
  max-width: 236px;
  font-size: 13px;
  line-height: 17px; }

/* simple tooltip without close link */
.ui-tooltip-default .ui-tooltip-titlebar,
.ui-tooltip-default .ui-tooltip-content {
  border-color: #666;
  background-color: #666;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px / 3px;
  border-radius: 3px / 3px; }

.ui-tooltip-default .ui-tooltip-content {
  padding: 8px 12px;
  color: #fff; }
  .ui-tooltip-default .ui-tooltip-content strong {
    color: #fff; }
  .ui-tooltip-default .ui-tooltip-content em {
    font-style: normal;
    font-weight: bold;
    color: #4d4d4d; }

.ui-tooltip-default.ui-qtip-notice .ui-tooltip-content {
  padding-right: 20px;
  background-image: url(close-9f9c7d26e3fb1d147b8df83108019915.png);
  background-position: 98% 4px;
  background-repeat: no-repeat; }

/* used in forms, for error messages */
.ui-tooltip-form-error .ui-tooltip-titlebar,
.ui-tooltip-form-error .ui-tooltip-content {
  border-color: #e71f18;
  background-color: #ffe7e9;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px / 3px;
  border-radius: 3px / 3px; }

.ui-tooltip-form-error .ui-tooltip-tip {
  border-color: #e71f18;
  background-color: #ffe7e9; }

.ui-tooltip-form-error .ui-tooltip-content {
  font-weight: bold;
  color: #e71f18; }
  .ui-tooltip-form-error .ui-tooltip-content strong {
    color: #e71f18; }

/* tooltip with close link, used mostly for failed saving messages */
.ui-error-tooltip .ui-tooltip-titlebar {
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: auto;
  left: auto;
  padding: 0;
  margin: 0;
  border: 0;
  -webkit-border-radius: 0 0;
  -moz-border-radius: 0 / 0;
  border-radius: 0 / 0;
  padding: 0;
  background: none;
  width: 11px;
  height: 11px;
  z-index: 300; }
  .ui-error-tooltip .ui-tooltip-titlebar .ui-tooltip-title {
    display: none; }
  .ui-error-tooltip .ui-tooltip-titlebar .ui-tooltip-close,
  .ui-error-tooltip .ui-tooltip-titlebar .ui-tooltip-close.ui-tooltip-icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    width: 11px;
    height: 11px;
    background: url(close-9f9c7d26e3fb1d147b8df83108019915.png) 0 0 no-repeat;
    border: 0;
    margin: 0; }
    .ui-error-tooltip .ui-tooltip-titlebar .ui-tooltip-close .ui-icon-close,
    .ui-error-tooltip .ui-tooltip-titlebar .ui-tooltip-close.ui-tooltip-icon .ui-icon-close {
      display: block;
      width: 11px;
      height: 11px;
      visibility: hidden; }

.ui-error-tooltip .ui-tooltip-content {
  border-color: #ffb500;
  border-top-width: 1px !important;
  background-color: #fcfad4;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px / 3px;
  border-radius: 3px / 3px;
  padding: 8px 22px 8px 12px;
  color: #4d4d4d; }
  .ui-error-tooltip .ui-tooltip-content strong {
    color: #ff5c39; }
  .ui-error-tooltip .ui-tooltip-content em {
    font-style: normal;
    font-weight: bold;
    color: #4d4d4d; }

.dialog-tooltip {
  width: 380px;
  max-width: none; }
  .dialog-tooltip .ui-tooltip-content {
    color: #808080;
    border: 1px solid #989993;
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.6);
    background: #fff;
    padding: 0;
    font-size: 14px; }
  .dialog-tooltip .dialog-tooltip-content {
    padding: 12px; }
    .dialog-tooltip .dialog-tooltip-content.warning-content {
      padding-left: 39px; }
      .dialog-tooltip .dialog-tooltip-content.warning-content .icon {
        position: absolute;
        top: 12px;
        right: auto;
        bottom: auto;
        left: 12px; }
      .dialog-tooltip .dialog-tooltip-content.warning-content .title {
        display: block;
        margin-bottom: 7px;
        font-weight: bold;
        color: #333; }
        .dialog-tooltip .dialog-tooltip-content.warning-content .title.hidden {
          display: none; }
      .dialog-tooltip .dialog-tooltip-content.warning-content .simple-list li {
        background-position: 0 5px; }
  .dialog-tooltip .dialog-actions {
    height: 53px;
    margin: 0;
    padding: 0 12px; }
    .dialog-tooltip .dialog-actions .button {
      margin: 12px 12px 0 0; }
    .dialog-tooltip .dialog-actions .button-cancel {
      margin-top: 12px; }

.client-duplicates.dialog-tooltip-content {
  padding-bottom: 0; }

.client-duplicates .subtitle {
  margin-left: -27px;
  margin-top: 1px;
  margin-bottom: 5px; }

.client-duplicates .client-list {
  margin-left: -27px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

.client-duplicates .dialog-actions {
  margin: 10px -12px 0 -39px; }

.client-list {
  overflow: auto;
  border: 1px solid #b3b3b3; }
  .client-list li {
    border-top: 1px solid #b3b3b3; }
    .client-list li:first-child {
      border-top: 0; }
  .client-list a {
    display: block;
    min-height: 28px;
    padding: 6px 9px 3px 28px;
    background: #fff;
    font-size: 12px;
    line-height: 15px;
    color: #666;
    text-decoration: none;
    position: relative;
    cursor: pointer; }
    .client-list a:hover {
      background: #e6e6e6; }
  .client-list .icon {
    display: block;
    top: 7px !important;
    left: 9px !important; }
  .client-list .name {
    display: block;
    font-size: 13px;
    font-weight: bold;
    color: #4d4d4d; }
    .client-list .name em {
      font-style: normal;
      font-weight: normal;
      font-size: 12px;
      color: #666; }
  .client-list .phone {
    display: block; }

.keyboard-shortcuts .dialog-tooltip-content {
  padding: 11px 0; }

.shortcut-list {
  width: 100%;
  margin: 18px 10px; }
  .shortcut-list td {
    padding: 0 17px 10px;
    line-height: 17px;
    vertical-align: middle; }
  .shortcut-list .symbols {
    padding-right: 10px;
    padding-left: 12px;
    text-align: right;
    white-space: nowrap;
    color: #666; }
    .shortcut-list .symbols .symbolic {
      font-size: 10px; }
  .shortcut-list .meaning {
    width: 100%;
    padding-left: 0;
    text-align: left; }
  .shortcut-list .title-row td {
    padding-top: 11px;
    padding-bottom: 11px;
    padding-right: 11px;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    color: #333; }
  .shortcut-list .title-row:first-child td {
    padding-top: 0; }
  .shortcut-list .separator {
    border-bottom: 1px solid #b3b3b3; }

.clarification-dialog {
  width: 320px; }
  .clarification-dialog .dialog-tooltip-content {
    padding: 17px; }
    .clarification-dialog .dialog-tooltip-content .tooltip-intro {
      padding-left: 25px;
      position: relative; }
      .clarification-dialog .dialog-tooltip-content .tooltip-intro .icon {
        position: absolute;
        top: 1px;
        right: auto;
        bottom: auto;
        left: 0; }
      .clarification-dialog .dialog-tooltip-content .tooltip-intro .title,
      .clarification-dialog .dialog-tooltip-content .tooltip-intro .tooltip-title {
        font-weight: bold; }
  .clarification-dialog .button {
    margin-top: 15px;
    width: 100%;
    text-align: center; }
    .clarification-dialog .button .button-inner {
      display: block;
      padding: 0;
      line-height: 15px; }
    .clarification-dialog .button .button-icon {
      position: relative;
      top: 2px;
      left: auto;
      display: inline-block;
      margin-right: 7px;
      line-height: 15px; }
  .clarification-dialog .button-cancel {
    display: block;
    margin: 10px auto -7px;
    text-align: center; }

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }

.ui-dialog {
  position: absolute;
  width: 490px;
  overflow: hidden;
  background: none;
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5); }
  .ui-dialog .ui-dialog-titlebar {
    height: 23px;
    line-height: 25px;
    position: relative;
    padding: 0 10px;
    background: #4d4d4d;
    border-bottom: #383836;
    -moz-border-radius-topleft: 1px;
    -webkit-border-top-left-radius: 1px;
    border-top-left-radius: 1px;
    -moz-border-radius-topright: 1px;
    -webkit-border-top-right-radius: 1px;
    border-top-right-radius: 1px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    cursor: move; }
  .ui-dialog .ui-dialog-titlebar-close {
    display: none; }
  .ui-dialog.no-title .ui-dialog-titlebar {
    display: none; }
  .ui-dialog .ui-dialog-content {
    height: 100%;
    position: relative;
    zoom: 1;
    overflow: auto;
    padding: 20px 17px 0;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    background: #fff; }
  .ui-dialog .ui-dialog-content-no-overflow {
    overflow: inherit; }

.dialog-actions {
  height: 49px;
  border-top: 1px solid #e6e6e6;
  margin: 10px -17px 0;
  padding: 0 10px;
  position: relative; }
  .dialog-actions .button {
    float: right;
    margin-top: 10px;
    margin-left: 15px; }
  .dialog-actions .button-cancel {
    float: left;
    margin-top: 10px; }
  .dialog-actions .sub-actions {
    float: right;
    line-height: 29px;
    margin-top: 10px; }
    .dialog-actions .sub-actions .button-cancel {
      float: none;
      margin-top: 0; }
  .dialog-actions .dialog-note {
    float: left;
    line-height: 29px;
    margin: 14px 15px 0 0;
    font-weight: bold; }
    .dialog-actions .dialog-note .icon {
      display: inline-block;
      margin-right: 5px;
      vertical-align: middle; }
    .dialog-actions .dialog-note .note-text {
      vertical-align: middle;
      line-height: 15px; }

.ui-dialog .ui-dialog-buttonpane {
  display: none; }

.text-warning {
  color: #ffb500; }

.text-error {
  color: #c7505a; }

.default-data-table {
  width: 100%;
  border-top: 1px dotted #afb0ac; }
  .default-data-table th,
  .default-data-table td {
    border-bottom: 1px dotted #afb0ac;
    padding: 7px 0 6px;
    line-height: 14px; }
    .default-data-table th .label,
    .default-data-table th .status,
    .default-data-table td .label,
    .default-data-table td .status {
      padding-top: 1px;
      margin-bottom: 1px; }
  .default-data-table th {
    white-space: nowrap;
    padding-right: 16px;
    text-align: left;
    font-weight: bold; }
  .default-data-table td {
    width: 100%; }

.big-data-table {
  width: 100%;
  border: 1px solid #b3b3b3; }
  .big-data-table th,
  .big-data-table td {
    border: 1px solid #b3b3b3;
    padding: 5px 8px;
    font-size: 13px;
    line-height: 14px;
    text-align: left;
    word-wrap: break-word; }
  .big-data-table th {
    background: #fff;
    font-weight: bold; }

.deco-data-table {
  width: 100%; }
  .deco-data-table th,
  .deco-data-table td {
    padding: 7px 0 0;
    background: url(bg-line-afcc074400614b71f0c7acec88c88a55.png) 0 90% repeat-x;
    line-height: 17px; }
    .deco-data-table th span,
    .deco-data-table td span {
      background: #fff; }
  .deco-data-table th {
    white-space: nowrap;
    text-align: left;
    font-weight: bold; }
    .deco-data-table th span {
      padding-right: 1px; }
  .deco-data-table td {
    width: 100%;
    text-align: right; }
    .deco-data-table td span {
      padding-left: 1px; }

.content-table-wrapper {
  padding-top: 16px; }
  .content-table-wrapper table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse; }
    .content-table-wrapper table th,
    .content-table-wrapper table td {
      padding: 9px 8px 7px 8px;
      font-size: 13px;
      line-height: 14px;
      vertical-align: middle;
      border: 1px solid #e6e6e6;
      border-bottom: 1px solid #b3b3b3;
      border-top: 1px solid #b3b3b3;
      text-align: left; }
    .content-table-wrapper table th {
      line-height: 20px;
      border-right: 1px solid #e6e6e6;
      border-left: 1px solid #e6e6e6;
      border-bottom: 2px solid #9d9e98;
      background: #fff;
      font-weight: bold;
      padding-top: 8px;
      padding-bottom: 8px; }
    .content-table-wrapper table .highlighted td,
    .content-table-wrapper table .highlighted:hover td {
      font-weight: bold;
      cursor: default; }
    .content-table-wrapper table .dates-column {
      width: 150px;
      white-space: nowrap; }
    .content-table-wrapper table .date-column {
      width: 80px;
      white-space: nowrap; }
    .content-table-wrapper table .status {
      margin-left: 0;
      margin-right: 5px;
      vertical-align: baseline; }
    .content-table-wrapper table .status-wrapper {
      margin-right: 5px; }
      .content-table-wrapper table .status-wrapper .status {
        margin-right: 0; }
  .content-table-wrapper .content-table-head {
    z-index: 20; }
    .content-table-wrapper .content-table-head table .tick {
      display: none; }
    .content-table-wrapper .content-table-head table.has-tick .report-column {
      border-right: 0; }
    .content-table-wrapper .content-table-head table.has-tick .tick {
      display: table-cell;
      width: 15px;
      border-left: 0;
      padding: 0; }
  .content-table-wrapper .content-table-body {
    z-index: 10;
    overflow: auto; }
    .content-table-wrapper .content-table-body tr:hover td {
      background: #f2f2f2;
      cursor: pointer;
      border-right: 1px solid #e6e6e6;
      border-left: 1px solid #e6e6e6; }

.terms-of-service-dialog .dialog-head {
  display: none; }

.terms-of-service-dialog .form-intro {
  margin-bottom: 0; }

.terms-of-service-dialog .terms-txt {
  height: 338px;
  overflow: auto;
  line-height: 19px;
  margin-right: -17px;
  padding-right: 17px;
  padding-bottom: 5px;
  padding-top: 14px;
  font-size: 13px; }
  .terms-of-service-dialog .terms-txt hr {
    display: none; }
  .terms-of-service-dialog .terms-txt p {
    padding-bottom: 8px; }
  .terms-of-service-dialog .terms-txt .toc {
    margin: 4px 0 21px;
    width: 100%;
    background: #fff; }
    .terms-of-service-dialog .terms-txt .toc #toctitle h2 {
      margin-top: 0; }
    .terms-of-service-dialog .terms-txt .toc td {
      padding: 10px 14px 5px; }
    .terms-of-service-dialog .terms-txt .toc li {
      padding: 0 0 8px 13px;
      position: relative;
      line-height: 17px;
      background: url(bullet-3546252cd7b268dbc7455fbaa931b81a.png) 0 4px no-repeat; }
  .terms-of-service-dialog .terms-txt #toctitle h2,
  .terms-of-service-dialog .terms-txt .mw-headline {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #333; }
  .terms-of-service-dialog .terms-txt ol {
    margin-top: 8px; }
    .terms-of-service-dialog .terms-txt ol li {
      list-style-type: decimal;
      padding: 0 0 8px 0;
      margin-left: 25px; }
      .terms-of-service-dialog .terms-txt ol li ol {
        margin-top: 0; }
        .terms-of-service-dialog .terms-txt ol li ol li {
          padding-bottom: 0;
          padding-top: 8px; }

.terms-of-service-dialog .terms-agreement,
.terms-of-service-dialog .can-not-agree {
  margin-left: -17px;
  margin-right: -17px;
  padding: 12px 17px 0 43px;
  border-top: 1px solid #b3b3b3;
  line-height: 19px;
  font-weight: bold;
  color: #333; }
  .terms-of-service-dialog .terms-agreement form,
  .terms-of-service-dialog .can-not-agree form {
    word-wrap: break-word;
    padding-right: 17px; }
  .terms-of-service-dialog .terms-agreement input,
  .terms-of-service-dialog .terms-agreement .icon,
  .terms-of-service-dialog .can-not-agree input,
  .terms-of-service-dialog .can-not-agree .icon {
    float: left;
    margin-left: -26px;
    margin-top: 3px; }

.terms-of-service-dialog .can-not-agree {
  display: none; }
  .terms-of-service-dialog .can-not-agree .icon {
    margin-top: 1px; }

.terms-of-service-dialog.no-edit-permissions .terms-agreement {
  display: none; }

.terms-of-service-dialog.no-edit-permissions .can-not-agree {
  display: block; }

.terms-of-service-dialog.no-edit-permissions .dialog-actions button {
  display: none; }

.terms-of-service-dialog .dialog-actions .wizzard-next {
  display: none; }

.new-profile-form .dialog-content {
  padding: 20px 25px; }

.new-profile-form .intro {
  margin: -20px -25px 15px;
  padding: 20px 25px;
  background: #fff;
  border-bottom: 1px solid #b3b3b3; }
  .new-profile-form .intro .main-text {
    margin-bottom: 15px;
    font-weight: bold; }

.new-profile-form .default-form .single-check td {
  padding: 15px 0 0 0;
  text-align: left; }
  .new-profile-form .default-form .single-check td div {
    position: relative;
    padding-left: 20px; }
  .new-profile-form .default-form .single-check td input {
    position: absolute;
    top: 4px;
    right: auto;
    bottom: auto;
    left: 0; }

.new-profile-form .dialog-actions .button {
  float: right !important;
  margin-right: 0 !important; }

/* upgrade billing form */
.billing-form-dialog .dialog-content {
  padding: 17px;
  max-height: 410px;
  overflow: auto; }

.billing-form-dialog .txt-input input.error {
  width: 95%; }

body.loading #header {
  z-index: 1; }

.loading-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: none;
  z-index: 500;
  text-align: center;
  font-size: 18px;
  line-height: 19px;
  font-weight: bold; }
  .loading-content .loading-inner {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -59px;
    margin-left: -60px;
    background: #fff;
    padding: 20px 20px 15px 20px;
    border-radius: 10px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); }
  .loading-content.loadmask--bottom-right .loading-inner {
    bottom: 5px;
    right: 5px;
    top: auto;
    left: auto; }

.full-loading {
  min-height: 300px;
  width: 400px;
  position: relative;
  text-align: center; }
  .full-loading .loading-inner {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -59px;
    margin-left: -60px;
    z-index: 500;
    background: #fff;
    padding: 20px 20px 15px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); }

.empty-message {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: 0;
  padding: 0;
  margin-top: -119px; }
  .empty-message h1 {
    width: 535px;
    margin: 0 auto 30px;
    padding-bottom: 26px;
    border-bottom: 1px solid #b3b3b3;
    text-align: center;
    font-size: 18px;
    font-weight: bold; }
  .empty-message .option {
    width: 340px;
    min-height: 44px;
    margin: 0 auto;
    padding: 0 10px 25px 185px;
    line-height: 19px; }
    .empty-message .option .button {
      float: left;
      margin-left: -185px;
      width: 165px; }
    .empty-message .option.first {
      padding-top: 3px; }
      .empty-message .option.first .button {
        margin-top: -3px; }
        .empty-message .option.first .button .button-icon {
          top: -2px;
          left: 12px; }

.weekdays li {
  float: left;
  width: 30px;
  height: 36px;
  margin-right: 4px;
  cursor: pointer; }
  .weekdays li:last-child {
    margin-right: 0; }
  .weekdays li div {
    height: 32px;
    padding-top: 1px;
    border: 1px solid #cbccc8;
    background-color: #e6e6e6;
    font-size: 13px;
    text-align: center;
    user-select: none; }
    .weekdays li div:hover {
      border-color: #b3b3b3; }
  .weekdays li .icons-tick2,
  .weekdays li .icons-block2 {
    display: none;
    margin: -3px auto 0; }
  .weekdays li.on div {
    border: 1px solid #9fad02;
    background-color: #3ba150;
    color: #fff; }
    .weekdays li.on div:hover {
      border-color: #3ba150; }
  .weekdays li.on .icons-tick2 {
    display: block; }
  .weekdays li.block div {
    border: 1px solid #262626;
    background-color: #4d4d4d;
    background-image: -owg-linear-gradient(top, #535353, #383838);
    background-image: -webkit-linear-gradient(top, #535353, #383838);
    background-image: -moz-linear-gradient(top, #535353, #383838);
    background-image: -o-linear-gradient(top, #535353, #383838);
    background-image: linear-gradient(top, #535353, #383838);
    box-shadow: inset 0 1px 0 0 #7f7f7f;
    color: #fff; }
    .weekdays li.block div:hover {
      border-color: #000; }
  .weekdays li.block .icons-block2 {
    display: block; }
  .weekdays li.disabled, .weekdays li.on.disabled {
    cursor: default; }
    .weekdays li.disabled div, .weekdays li.on.disabled div {
      border-color: #b3b3b3;
      background: #b3b3b3;
      box-shadow: inset 0 1px 0 0 #b3b3b3;
      color: #808080; }

.weekdays-mini li {
  float: left;
  width: 41px;
  height: 29px;
  border-left: 1px solid #fff;
  background: #cbccc8;
  font-weight: bold;
  color: #666;
  position: relative; }
  .weekdays-mini li:first-child {
    border-left: 0; }
  .weekdays-mini li .icon-on {
    display: none; }
  .weekdays-mini li .icon-on,
  .weekdays-mini li .icon-off {
    position: absolute;
    top: 8px;
    right: 7px;
    bottom: auto;
    left: auto; }
  .weekdays-mini li .icon-on {
    top: 9px; }
  .weekdays-mini li.on {
    background: #cfd67f;
    color: #3ba150; }
    .weekdays-mini li.on .icon-on {
      display: block; }
    .weekdays-mini li.on .icon-off {
      display: none; }

.weekdays-mini .weekday-name {
  display: block;
  padding: 0 0 0 7px;
  line-height: 30px; }

#lightweight-dialog .dialog-content {
  margin-bottom: -10px; }

#lightweight-dialog .dialog-actions {
  margin-top: 0; }

#lightweight-dialog .form-intro {
  border-bottom: 0; }

.person-pic {
  width: 86px;
  height: 86px;
  background: #fff url(person-9c24740b3a8905c5e0e1ced472a81526.png) 0 100% no-repeat;
  border: 2px solid #808080; }

.person-pic-small {
  width: 28px;
  height: 28px;
  background: url(person-small-cadc7ed1e3153628179bacc810405228.png) 0 0 no-repeat;
  -webkit-background-size: 28px 28px; }

.person-pic-mini {
  width: 25px;
  height: 25px;
  background: #fff url(person-mini-2f61f8aab015bd7bf96f0cbf23837d2e.png) 0 100% no-repeat;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px; }

.person-pic-tiny {
  width: 18px;
  height: 18px;
  background: #fff url(person-tiny-1a30e21c7f98c241adbac9173deb7f34.png) 0 100% no-repeat; }

.initials-bubble {
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-weight: bold;
  font-size: 12px;
  background-color: #00b0b9;
  text-align: center;
  border-radius: 28px;
  color: #fff; }
  .initials-bubble.small {
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 25px;
    font-size: 10px; }

/* */
.wahanda-connect-team .dialog-content {
  padding: 10px 10px 0; }
  .wahanda-connect-team .dialog-content img {
    display: block; }

.wahanda-connect-team .dialog-actions {
  border-top: 0 !important;
  height: 43px !important; }
  .wahanda-connect-team .dialog-actions .button-cancel {
    margin-top: 7px !important;
    font-weight: bold; }

.unsupported-browser-information {
  display: none; }

.unsupported-browser #header,
.unsupported-browser .stitching,
.unsupported-browser .content-holder {
  display: none; }

.unsupported-browser .unsupported-browser-information {
  display: block;
  width: 100%;
  height: 100%; }
  .unsupported-browser .unsupported-browser-information td {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center; }
  .unsupported-browser .unsupported-browser-information .information-wrapper {
    display: inline-block;
    background: #fff;
    width: 600px;
    margin: 50px auto;
    border: 10px solid #e6e6e6;
    padding: 20px 30px 15px;
    font-family: TreatwellSansWeb-Regular;
    font-size: 14px;
    text-align: left;
    line-height: 19px;
    color: #4d4d4d; }
    .unsupported-browser .unsupported-browser-information .information-wrapper #logo {
      margin: 0 auto;
      text-align: center; }
    .unsupported-browser .unsupported-browser-information .information-wrapper h1 {
      margin: 17px 0;
      font-family: TreatwellSansWeb-Regular;
      font-size: 18px;
      font-weight: bold;
      text-align: center; }
    .unsupported-browser .unsupported-browser-information .information-wrapper p,
    .unsupported-browser .unsupported-browser-information .information-wrapper ul {
      margin-bottom: 10px; }

.browser-list li {
  padding: 0 0 5px; }

.browser-list .browser {
  display: block;
  height: 29px;
  line-height: 25px;
  padding-left: 40px;
  position: relative; }
  .browser-list .browser.chrome {
    background: url(chrome-704944bd5b8747f85e0b10711f9009c0.gif) 0 0 no-repeat; }
  .browser-list .browser.firefox {
    background: url(firefox-ed30c3f297350736647e9a241a02aaf8.gif) 0 0 no-repeat; }
  .browser-list .browser.chrome-frame {
    background: url(chrome-frame-25644e30c4c4556de9eecaf0cf14dab3.gif) 0 0 no-repeat;
    line-height: 17px;
    margin-left: -5px;
    padding-left: 45px; }

.empty-page {
  position: absolute;
  top: 38%;
  right: 0;
  bottom: auto;
  left: 0;
  width: 600px;
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
  color: #666;
  line-height: 26px; }
  .empty-page .button {
    margin-top: 15px; }

.b-employees-wrapper {
  max-height: calc(60vh);
  overflow-y: auto; }

/* on/off list */
.on-off-list {
  border-top: 1px solid #e6e6e6; }
  .on-off-list li {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 0;
    height: 29px; }
  .on-off-list .item-wrapper {
    height: 29px;
    padding-left: 32px;
    position: relative;
    overflow: hidden; }
  .on-off-list .checker {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 7px;
    right: auto;
    bottom: auto;
    left: 9px; }
  .on-off-list label {
    display: inline-block;
    line-height: 29px; }
  .on-off-list .off .item-wrapper {
    border-left: 5px solid #e6e6e6; }
  .on-off-list .off label {
    color: #808080; }
  .on-off-list .on .item-wrapper {
    border-left: 5px solid #3ba150; }
  .on-off-list .on label {
    color: #4d4d4d; }
  .on-off-list.flexible li {
    height: auto; }
  .on-off-list.flexible .item-wrapper {
    height: auto;
    overflow: visible;
    padding: 4px 0 4px 32px; }
  .on-off-list.flexible label {
    line-height: 17px; }

.alert-dialog.ui-dialog.dialog2 .ui-dialog-content {
  line-height: 17px;
  padding: 20px 17px 0; }
  .alert-dialog.ui-dialog.dialog2 .ui-dialog-content p {
    padding-bottom: 12px; }
  .alert-dialog.ui-dialog.dialog2 .ui-dialog-content li {
    list-style-type: disc;
    margin-bottom: 12px; }

.alert-dialog.ui-dialog.dialog2 .dialog-content {
  max-height: 600px;
  overflow-y: auto;
  margin-bottom: 68px;
  padding: 0 0 0 26px;
  background: url(attention-small-675b4bad03256c06bbdeb8e1edc0ed53.png) 0 0 no-repeat; }

.alert-dialog.ui-dialog.dialog2.success-msg .dialog-content {
  padding-left: 0;
  background: none; }

.not-available {
  color: #808080; }

.top-search {
  position: absolute;
  top: 5px;
  right: 6px;
  bottom: auto;
  left: auto;
  width: 250px; }
  .top-search .txt-input {
    position: relative;
    width: 248px; }
    .top-search .txt-input input {
      z-index: 109;
      width: 224px;
      padding-left: 20px;
      padding-right: 4px;
      background: url(search-94c7a7b611a373c03ec56688102d2f6a.png) 6px 49% no-repeat;
      position: relative; }
  .top-search .clear-search {
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: auto;
    left: auto;
    width: 11px;
    height: 11px;
    -webkit-border-radius: 3px 3px;
    -moz-border-radius: 3px / 3px;
    border-radius: 3px / 3px;
    cursor: pointer;
    padding: 3px 0 0 3px;
    z-index: 109; }
    .top-search .clear-search:hover {
      background: #bcbdb9; }
  .top-search .search-loader {
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: auto;
    left: auto;
    width: 14px;
    height: 14px;
    background: #fff url(search-loader-4116208abfcd4eec12fb652aaa46b2f9.gif) 0 0 no-repeat;
    z-index: 109; }
  .top-search .search-results {
    position: absolute;
    top: 24px;
    right: 0;
    bottom: auto;
    left: 0;
    text-align: left;
    background: #fff;
    border: 1px solid #989993;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
    overflow: auto; }
    .top-search .search-results li {
      border-bottom: 1px solid #b3b3b3; }
      .top-search .search-results li.with-separator {
        border-top-width: 2px;
        border-top: 1px solid #989993; }
      .top-search .search-results li:last-child {
        border-bottom: 0; }
    .top-search .search-results a {
      display: block;
      cursor: pointer;
      height: 44px;
      overflow: hidden;
      padding: 6px 9px 3px 28px;
      font-size: 12px;
      line-height: 15px;
      color: #666;
      text-decoration: none;
      position: relative;
      cursor: pointer; }
      .top-search .search-results a:hover, .top-search .search-results a.ui-state-focus {
        background: #e6e6e6; }
    .top-search .search-results ul:last-child li:last-child {
      -moz-border-radius-bottomleft: 3px;
      -webkit-border-bottom-left-radius: 3px;
      border-bottom-left-radius: 3px;
      -moz-border-radius-bottomright: 3px;
      -webkit-border-bottom-right-radius: 3px;
      border-bottom-right-radius: 3px; }
      .top-search .search-results ul:last-child li:last-child a {
        -moz-border-radius-bottomleft: 3px;
        -webkit-border-bottom-left-radius: 3px;
        border-bottom-left-radius: 3px;
        -moz-border-radius-bottomright: 3px;
        -webkit-border-bottom-right-radius: 3px;
        border-bottom-right-radius: 3px; }
    .top-search .search-results .icon {
      display: block;
      position: absolute;
      top: 7px;
      right: auto;
      bottom: auto;
      left: 7px; }
      .top-search .search-results .icon.icons-user2 {
        left: 9px; }
      .top-search .search-results .icon.icons-walkin {
        left: 9px; }
    .top-search .search-results .name {
      display: block;
      font-size: 13px;
      font-weight: bold;
      color: #4d4d4d; }
    .top-search .search-results .info {
      display: block;
      white-space: nowrap;
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis; }
      .top-search .search-results .info.phone {
        margin-top: 1px;
        margin-bottom: -1px; }

.search-dark {
  width: 200px;
  height: 40px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  position: relative;
  margin-right: 7px; }
  .search-dark .txt-input {
    margin-top: 5px;
    height: 30px;
    vertical-align: middle;
    border: none;
    background: none; }
    .search-dark .txt-input input {
      width: 100%;
      height: 30px;
      box-sizing: border-box;
      border-radius: 3px;
      padding: 0 26px 0 10px;
      background: #333 url(search-icon-48b6fdf89aa0a2c3b38030b394aa512a.svg) no-repeat center right 10px;
      color: #b3b3b3;
      font-size: 14px;
      font-weight: 600;
      outline: none; }
      .search-dark .txt-input input::-webkit-input-placeholder, .search-dark .txt-input input:-ms-input-placeholder {
        color: #b3b3b3; }
      .search-dark .txt-input input:focus, .search-dark .txt-input input.dropdown-open {
        color: #fff;
        background-image: url(search-icon-active-21fd91d4cf839d137d4ffd526963e81e.svg); }
      .search-dark .txt-input input::-webkit-input-placeholder {
        color: #b3b3b3; }
    .search-dark .txt-input .clear-search {
      background: #333 url(close-x-b278ac4ff09e8fbd3c740e38e86e6cba.svg) no-repeat center center;
      width: 16px;
      height: 16px;
      position: absolute;
      top: 12px;
      right: 10px;
      bottom: initial;
      left: initial; }
    .search-dark .txt-input .search-loader {
      width: 18px;
      height: 18px;
      background: #333 url(spinner-rolling-196fa31ca201bc30360050306f1fa520.svg) center center no-repeat;
      position: absolute;
      top: 12px;
      right: 9px;
      bottom: initial;
      left: initial;
      animation-name: spin;
      animation-duration: 1000ms;
      animation-iteration-count: infinite;
      animation-timing-function: linear; }
  .search-dark .search-results {
    width: 240px;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.24);
    border: solid 1px #e6e6e6;
    overflow-y: auto; }
    .search-dark .search-results li {
      position: relative;
      border-top: 1px solid #f2f2f2; }
      .search-dark .search-results li:first-child {
        border-top: none; }
      .search-dark .search-results li a {
        display: block;
        padding: 15px 10px 15px 32px;
        cursor: pointer;
        text-decoration: none; }
        .search-dark .search-results li a:hover, .search-dark .search-results li a.ui-state-focus {
          background-color: #f2f2f2; }
        .search-dark .search-results li a .name {
          display: block;
          font-size: 14px;
          font-weight: 600;
          color: #4d4d4d; }
        .search-dark .search-results li a .info {
          display: block;
          font-size: 12px;
          color: #808080; }
        .search-dark .search-results li a .icon {
          width: 16px;
          height: 16px;
          position: absolute;
          top: 17px;
          right: initial;
          bottom: initial;
          left: 9px;
          background: transparent no-repeat center center; }
          .search-dark .search-results li a .icon.icons-user2 {
            background-image: url(type-customer-474258224a7c69d1037964a2adfdea18.svg); }
          .search-dark .search-results li a .icon.icons-appointment {
            background-image: url(type-appointment-e8af0057a16ea132c211258a26252699.svg); }
          .search-dark .search-results li a .icon.icons-dated {
            background-image: url(type-dated-0969b93199846c291273f08d3add4ffd.svg); }
          .search-dark .search-results li a .icon.icons-voucher3 {
            background-image: url(type-evoucher-bc179d11754f89b83761081c5bde1add.svg); }
          .search-dark .search-results li a .icon.icons-walkin {
            background-image: url(type-walkin-3039478df7a209ddeee8f1cde1dd6917.svg); }
          .search-dark .search-results li a .icon.icons-prepay {
            background-image: url(prepaid-euro-c0b95d7a12224210e5ab04b4e1514e9b.svg);
            background-size: 16px; }

.client-info-wrapper {
  background: #fff;
  border: 1px solid #e6e6e6;
  color: #4d4d4d; }

.client-info {
  min-height: 55px;
  padding: 10px 13px 10px 68px;
  position: relative; }
  .client-info .icons-customer {
    position: absolute;
    top: 12px;
    right: auto;
    bottom: auto;
    left: 12px; }
  .client-info .client-note {
    float: right;
    width: 40%;
    min-height: 44px;
    margin: 0;
    background: #fff;
    -webkit-border-radius: 3px 3px;
    -moz-border-radius: 3px / 3px;
    border-radius: 3px / 3px;
    padding: 8px 8px 4px 11px;
    position: relative;
    font-size: 12px;
    line-height: 14px;
    color: #666;
    font-style: normal; }
    .client-info .client-note .icons-note-tip2 {
      position: absolute;
      top: 13px;
      right: auto;
      bottom: auto;
      left: -11px; }
    .client-info .client-note a {
      display: block;
      text-decoration: none;
      color: #4d4d4d; }
    .client-info .client-note .note-wrapper {
      display: inline-block;
      max-height: 83px;
      overflow: hidden;
      padding-right: 7px;
      background: url(ellipsis-871e4f47cd90a789188e9896d23e9d4a.png) 100% 78px no-repeat; }

.dialog-tabs {
  height: 33px;
  overflow: hidden; }
  .dialog-tabs ul {
    height: 31px;
    margin-top: 1px;
    border-bottom: 1px solid #b3b3b3;
    background: #fff; }
    .dialog-tabs ul li {
      float: left;
      margin-top: -1px;
      border-right: 1px solid #b3b3b3;
      border-left: 1px solid #f9f9f7; }
      .dialog-tabs ul li:first-child {
        border-left: 0; }
    .dialog-tabs ul a {
      display: block;
      line-height: 32px;
      padding: 0 17px;
      color: #4d4d4d;
      text-decoration: none; }
    .dialog-tabs ul .ui-state-hover {
      background: rgba(230, 230, 230, 0.2); }
    .dialog-tabs ul .ui-tabs-active,
    .dialog-tabs ul .ui-tabs-active.ui-state-hover {
      background: #fff;
      border-bottom: 1px solid #fff;
      font-weight: bold; }
      .dialog-tabs ul .ui-tabs-active a,
      .dialog-tabs ul .ui-tabs-active.ui-state-hover a {
        color: #333; }
      .dialog-tabs ul .ui-tabs-active .count,
      .dialog-tabs ul .ui-tabs-active.ui-state-hover .count {
        background-color: #b3b3b3;
        font-weight: normal; }
    .dialog-tabs ul li:first-child.ui-tabs-active,
    .dialog-tabs ul li:first-child.ui-tabs-active.ui-state-hover {
      -moz-border-radius-topleft: 6px;
      -webkit-border-top-left-radius: 6px;
      border-top-left-radius: 6px; }
  .dialog-tabs .count {
    background-color: #b3b3b3;
    margin-left: 5px; }

.dialog-tab-content {
  padding: 17px;
  position: relative;
  z-index: 0; }
  .dialog-tab-content .tab-history-head {
    z-index: 20;
    height: 30px;
    border-bottom: 2px solid #9d9e98; }
  .dialog-tab-content .tab-history-body {
    z-index: 10;
    position: absolute;
    top: 31px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto; }
  .dialog-tab-content .tab-history-head table,
  .dialog-tab-content .tab-history-body table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse; }
    .dialog-tab-content .tab-history-head table th,
    .dialog-tab-content .tab-history-body table th {
      padding: 9px 8px 7px;
      font-weight: bold;
      font-size: 13px;
      line-height: 17px;
      color: #666;
      text-align: left; }
    .dialog-tab-content .tab-history-head table td,
    .dialog-tab-content .tab-history-body table td {
      vertical-align: middle;
      border: 1px solid #e6e6e6;
      border-bottom: 1px solid #b3b3b3;
      border-top: 1px solid #b3b3b3;
      height: 26px;
      padding: 6px 8px 4px;
      font-size: 13px;
      line-height: 17px; }
    .dialog-tab-content .tab-history-head table tr td:first-child,
    .dialog-tab-content .tab-history-body table tr td:first-child {
      border-left: 0; }
    .dialog-tab-content .tab-history-head table tr td:last-child,
    .dialog-tab-content .tab-history-body table tr td:last-child {
      border-right: 0; }
    .dialog-tab-content .tab-history-head table tr:hover td,
    .dialog-tab-content .tab-history-body table tr:hover td {
      background: #f2f2f2;
      cursor: pointer;
      border-right: 1px solid #e6e6e6;
      border-left: 1px solid #e6e6e6; }
    .dialog-tab-content .tab-history-head table tr:hover td:first-child,
    .dialog-tab-content .tab-history-body table tr:hover td:first-child {
      border-left: 0; }
    .dialog-tab-content .tab-history-head table tr:hover td:last-child,
    .dialog-tab-content .tab-history-body table tr:hover td:last-child {
      border-right: 0; }
    .dialog-tab-content .tab-history-head table .date-column .date,
    .dialog-tab-content .tab-history-body table .date-column .date {
      padding-right: 4px; }
    .dialog-tab-content .tab-history-head table .date-column .time,
    .dialog-tab-content .tab-history-body table .date-column .time {
      color: #808080; }
    .dialog-tab-content .tab-history-head table .date-column .status,
    .dialog-tab-content .tab-history-body table .date-column .status {
      margin-left: 0; }
    .dialog-tab-content .tab-history-head table .tick,
    .dialog-tab-content .tab-history-body table .tick {
      display: none; }
    .dialog-tab-content .tab-history-head table.has-tick .tick,
    .dialog-tab-content .tab-history-body table.has-tick .tick {
      display: table-cell;
      width: 15px;
      border-left: 0;
      padding: 0; }
  .dialog-tab-content .no-data {
    display: none; }
  .dialog-tab-content.empty .tab-history-head,
  .dialog-tab-content.empty .tab-history-body,
  .dialog-tab-content.empty .top-shadow,
  .dialog-tab-content.empty .bottom-shadow {
    display: none; }
  .dialog-tab-content.empty .no-data {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    text-align: center;
    font-size: 18px;
    color: #666; }

.new-profile-form .dialog-content {
  padding: 20px 25px; }

.new-profile-form .intro {
  margin: -20px -25px 15px;
  padding: 20px 25px;
  background: #fff;
  border-bottom: 1px solid #b3b3b3; }
  .new-profile-form .intro .main-text {
    margin-bottom: 15px;
    font-weight: bold; }

.new-profile-form .default-form .single-check td {
  padding: 15px 0 0 0;
  text-align: left; }
  .new-profile-form .default-form .single-check td div {
    position: relative;
    padding-left: 20px; }
  .new-profile-form .default-form .single-check td input {
    position: absolute;
    top: 4px;
    right: auto;
    bottom: auto;
    left: 0; }

.new-profile-form .dialog-actions .button {
  float: right !important;
  margin-right: 0 !important; }

.message-wrapper {
  margin: 0 0 -1px;
  padding: 15px 17px;
  position: relative;
  z-index: 3000;
  font-weight: bold; }
  .message-wrapper.message-valid {
    border-top: 1px solid #3ba150;
    border-bottom: 1px solid #3ba150;
    color: #3ba150;
    text-align: center; }
  .message-wrapper .message {
    display: inline-block;
    padding-right: 17px; }
    .message-wrapper .message .payment-date {
      font-weight: bold;
      color: #666;
      margin-left: 15px; }
  .message-wrapper .button {
    display: inline-block; }

.sorting-asc-icon {
  background-image: url(sorting-asc-d2131f0f9499cf80b61fd048128b75f8.svg);
  height: 15px;
  width: 15px; }

.sorting-desc-icon {
  background-image: url(sorting-desc-7f9eb4b4e92e2fcfdc650104c2567f2f.svg);
  height: 15px;
  width: 15px; }

.icon-attention-small {
  background-image: url(attention-small-5a9e0ad1120c1017eb152b809b98976f.svg);
  height: 15px;
  width: 15px; }

#review-request .review-request-note-wrapper {
  overflow: hidden; }

#review-request .review-request-icon {
  width: 170px;
  float: left; }

#review-request .review-request-image {
  width: 150px;
  height: 150px; }

#review-request .review-request-note {
  margin-bottom: 10px;
  overflow: hidden;
  margin-top: 10px; }

#review-request .default-form td.button {
  padding-top: 3px; }

#review-request .button-inner {
  padding: 0 15px 0 15px; }

#review-request .message-valid {
  border: 1px solid #bcc546;
  margin-top: 5px; }

#review-request .title-text {
  font-size: 22px;
  font-weight: bold; }

#review-request .request-complete-info {
  margin-left: 50px; }

#review-request .no-requests-remaining {
  background: url(tick-large-cf5637825f65e12617e0ed81f0a234e6.png) 0px 6px no-repeat; }

.link-with-icon .icon,
.link-with-icon .text {
  display: inline-block;
  vertical-align: middle; }

.link-with-icon .icon {
  margin-right: 3px; }

.person-selector {
  position: relative;
  display: inline-block;
  width: 220px;
  height: 36px;
  border-right: 1px solid #e6e6e6; }
  .person-selector .current {
    position: relative;
    height: 36px;
    overflow: hidden;
    line-height: 38px;
    padding-left: 35px;
    padding-right: 33px;
    cursor: pointer; }
    .person-selector .current .person-pic-mini {
      position: absolute;
      top: 6px;
      left: 0;
      overflow: hidden; }
    .person-selector .current .arrow {
      position: absolute;
      top: 16px;
      right: 12px; }
    .person-selector .current:hover {
      color: #333; }
  .person-selector .selection {
    position: absolute;
    top: -1px;
    left: -11px;
    right: -1px;
    background: #fff;
    border: 1px solid #b3b3b3;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.28);
    z-index: 110; }
    .person-selector .selection .current {
      padding-left: 45px; }
      .person-selector .selection .current .person-pic-mini {
        left: 10px; }

.people {
  border-top: 1px solid #e6e6e6;
  max-height: 211px;
  overflow: auto; }
  .people li {
    border-bottom: 1px solid #e6e6e6;
    max-height: 55px;
    overflow: hidden;
    padding: 10px;
    cursor: pointer;
    background: #fff; }
    .people li:last-child {
      border-bottom: 0; }
    .people li:hover {
      background: #e6e6e6;
      color: #333; }
  .people .person-pic-small,
  .people .name {
    display: table-cell;
    height: 28px; }
  .people .person-pic-small {
    overflow: hidden;
    vertical-align: top;
    background-image: none; }
    .people .person-pic-small img {
      display: block;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      border-radius: 25px; }
  .people .name {
    padding-left: 10px;
    line-height: 17px;
    vertical-align: middle; }

.upgrade-overlay {
  width: 100%;
  height: 100%;
  top: 45px;
  position: absolute;
  background-color: #fff;
  display: none; }
  .upgrade-overlay.visible {
    display: block; }
  .upgrade-overlay.sales {
    left: 0;
    top: 31px;
    border-left: 1px solid #b3b3b3; }
    .upgrade-overlay.sales .content {
      margin-left: 15%; }
  .upgrade-overlay .content {
    width: 50%;
    height: 100%;
    margin-left: auto;
    margin-right: auto; }
    .upgrade-overlay .content .upgrade-image {
      background: url(upgrade-pro-ad94e488b43c03caddbb8a51630216ad.svg) 8px 49% no-repeat;
      width: 50%;
      height: 100%;
      display: inline-block;
      vertical-align: middle;
      background-position: center; }
    .upgrade-overlay .content .upgrade-copy {
      width: 49%;
      display: inline-block;
      vertical-align: middle; }
    .upgrade-overlay .content .title-top {
      display: block;
      font-size: 14px;
      word-spacing: 0.1px; }
    .upgrade-overlay .content .title-product {
      font-size: 21px;
      font-weight: bold; }
    .upgrade-overlay .content .title-pricing-level {
      font-style: italic;
      font-size: 21px;
      color: #3ba150;
      margin-left: 1px; }
    .upgrade-overlay .content .title {
      display: block;
      line-height: 23px; }
    .upgrade-overlay .content .body {
      display: block;
      font-size: 13px;
      line-height: 21px;
      margin-top: 20px;
      letter-spacing: -0.2px; }
    .upgrade-overlay .content .phone {
      color: #3ba150;
      font-size: 11px; }
    .upgrade-overlay .content .phone-pre {
      font-size: 11px;
      margin-top: 22px;
      display: block; }

.small-loader {
  margin: 10px 0; }
  .small-loader .icon,
  .small-loader .text {
    display: inline-block;
    vertical-align: middle; }
  .small-loader .icon {
    width: 16px;
    height: 16px;
    background: url(loader-light-a3697659ffb2b34a2b60504db1a6772a.gif) center no-repeat;
    margin-right: 3px; }
  .small-loader .text {
    color: #808080; }

.empty-list-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  /* when I can, I prefer to go for relative position than absolute */
  position: relative;
  top: 200px;
  width: 60%;
  height: 100.65px; }
  .empty-list-container .column, .empty-list-container .icon, .empty-list-container .add-new-wrapper {
    position: absolute;
    top: 0;
    height: 100%; }
  .empty-list-container .icon {
    width: 110px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
  .empty-list-container .add-new-wrapper {
    left: 140px; }
    .empty-list-container .add-new-wrapper div > div {
      margin-top: 15px; }
    .empty-list-container .add-new-wrapper .button-icon {
      margin-top: 0; }

.big-loader {
  margin: 20px 0;
  text-align: center; }
  .big-loader .icon,
  .big-loader .text {
    display: inline-block;
    vertical-align: middle; }
  .big-loader .icon {
    width: 32px;
    height: 32px;
    background: url(loader-page-f0859788109a1fa5f57319d31904dc23.gif) center no-repeat;
    margin-right: 10px; }
  .big-loader .text {
    color: #808080;
    font-size: 20px; }

.ui-dialog.dialog2 {
  padding: 0;
  cursor: default; }
  .ui-dialog.dialog2 #attention-added-categories > *,
  .ui-dialog.dialog2 #attention-missing-categories > * {
    margin-top: 16px; }
  .ui-dialog.dialog2 .dialog-draggable {
    cursor: move; }
  .ui-dialog.dialog2 .ui-dialog-titlebar {
    background-color: #fff;
    height: 48px;
    min-height: 48px;
    border-bottom: 1px solid #b3b3b3;
    position: relative;
    padding: 0;
    border-radius: 3px 3px 0 0;
    box-sizing: border-box;
    z-index: 2;
    box-shadow: -1px 2px 13px -7px rgba(0, 0, 0, 0.75); }
    .ui-dialog.dialog2 .ui-dialog-titlebar .dialog2--title {
      padding-left: 16px;
      padding-top: 18px;
      line-height: 1;
      font-size: 14px;
      font-weight: 600;
      color: #333;
      text-transform: none; }
    .ui-dialog.dialog2 .ui-dialog-titlebar .dialog2--close {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: auto;
      left: auto;
      margin: auto;
      cursor: pointer;
      height: 48px;
      width: 48px;
      background: transparent url(dialog-close-ed671defdc5a2d1c0305c2318cd8fe98.svg) no-repeat center center; }
      .ui-dialog.dialog2 .ui-dialog-titlebar .dialog2--close:hover {
        background-image: url(dialog-close-hover-5d36ac5bf0b274ec88c2f6bf86d04713.svg); }
  .ui-dialog.dialog2 .dialog2--content {
    background-color: #fafafa;
    padding: 0;
    border-radius: 0; }
  .ui-dialog.dialog2 .dialog2--footer {
    background-color: #fff;
    position: relative;
    border-top: 1px solid #b3b3b3;
    z-index: 2;
    box-shadow: -1px -2px 13px -7px rgba(0, 0, 0, 0.75);
    border-radius: 0 0 3px 3px; }
    .ui-dialog.dialog2 .dialog2--footer.full-width {
      margin: 0 -17px; }
    .ui-dialog.dialog2 .dialog2--footer .dialog2--footer-text {
      display: block;
      font-size: 14px;
      line-height: 17px;
      padding: 17px 16px 14px 16px; }
      .ui-dialog.dialog2 .dialog2--footer .dialog2--footer-text.right {
        float: right; }
      .ui-dialog.dialog2 .dialog2--footer .dialog2--footer-text.left {
        float: left; }
    .ui-dialog.dialog2 .dialog2--footer .dialog2--button--menu {
      background: white url(dialog2-menu-dots-dc7e142b3d7c5506c206ff4f7409f0b6.png) center no-repeat;
      width: 48px;
      height: 48px;
      box-sizing: border-box; }
      .ui-dialog.dialog2 .dialog2--footer .dialog2--button--menu .dialog2--button--menu-list {
        background: #fff;
        position: absolute;
        bottom: 29px;
        left: 8px;
        transition: bottom 0.5s, opacity 0.4s;
        opacity: 0;
        filter: alpha(opacity=0);
        border-radius: 3px;
        -webkit-box-shadow: 1px 0px 28px 0px rgba(0, 0, 0, 0.4);
        box-shadow: 1px 0px 28px 0px rgba(0, 0, 0, 0.4); }
        .ui-dialog.dialog2 .dialog2--footer .dialog2--button--menu .dialog2--button--menu-list .dialog2--button--menu-list--item {
          display: block;
          line-height: 40px;
          padding: 10px 16px;
          color: #000;
          font-size: 14px;
          text-decoration: none;
          white-space: nowrap; }
          .ui-dialog.dialog2 .dialog2--footer .dialog2--button--menu .dialog2--button--menu-list .dialog2--button--menu-list--item + .dialog2--button--menu-list--item {
            border-top: 1px solid #e6e6e6; }
      .ui-dialog.dialog2 .dialog2--footer .dialog2--button--menu.open .dialog2--button--menu-list {
        bottom: 49px;
        opacity: 1;
        filter: alpha(opacity=100); }
      .ui-dialog.dialog2 .dialog2--footer .dialog2--button--menu.closed .dialog2--button--menu-list {
        display: none; }
      .ui-dialog.dialog2 .dialog2--footer .dialog2--button--menu.no-animations .dialog2--button--menu-list {
        transition: all 0s; }
  .ui-dialog.dialog2 .dialog2--footer .dialog2--button,
  .ui-dialog.dialog2 .dialog2--big-buttons .dialog2--button {
    padding: 17px 16px 14px 16px;
    cursor: pointer;
    z-index: 2;
    position: relative;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #666;
    outline: none;
    user-select: none; }
    .ui-dialog.dialog2 .dialog2--footer .dialog2--button.dialog2--button-navigation,
    .ui-dialog.dialog2 .dialog2--big-buttons .dialog2--button.dialog2--button-navigation {
      background-position: center;
      background-repeat: no-repeat;
      border: 1px solid #e6e6e6;
      border-radius: 4px;
      width: 24px;
      height: 24px;
      padding: 2px 8px 2px 8px; }
      .ui-dialog.dialog2 .dialog2--footer .dialog2--button.dialog2--button-navigation.chevron-disabled,
      .ui-dialog.dialog2 .dialog2--big-buttons .dialog2--button.dialog2--button-navigation.chevron-disabled {
        cursor: default;
        opacity: 0.3; }
      .ui-dialog.dialog2 .dialog2--footer .dialog2--button.dialog2--button-navigation.chevron-next,
      .ui-dialog.dialog2 .dialog2--big-buttons .dialog2--button.dialog2--button-navigation.chevron-next {
        background-image: url(arrow-right-24-9ff0eab3d0c75cc30ac5bc5a03c663d8.svg);
        margin-left: 8px;
        margin-bottom: 9px;
        margin-top: 9px;
        float: left; }
      .ui-dialog.dialog2 .dialog2--footer .dialog2--button.dialog2--button-navigation.chevron-previous,
      .ui-dialog.dialog2 .dialog2--big-buttons .dialog2--button.dialog2--button-navigation.chevron-previous {
        background-image: url(arrow-left-24-f7c20d38c7d0020c6f5e4a9b934834ac.svg);
        margin-top: 9px;
        margin-left: 10px;
        margin-bottom: 9px;
        float: left; }
    .ui-dialog.dialog2 .dialog2--footer .dialog2--button.dialog2--action-button,
    .ui-dialog.dialog2 .dialog2--big-buttons .dialog2--button.dialog2--action-button {
      background-color: #3ba150;
      color: #fff;
      font-weight: bold;
      border-color: #3ba150;
      -moz-border-radius-bottomright: 2px;
      -webkit-border-bottom-right-radius: 2px;
      border-bottom-right-radius: 2px; }
    .ui-dialog.dialog2 .dialog2--footer .dialog2--button.dialog2--button-left,
    .ui-dialog.dialog2 .dialog2--big-buttons .dialog2--button.dialog2--button-left {
      float: left;
      border-right: 1px solid #e6e6e6; }
    .ui-dialog.dialog2 .dialog2--footer .dialog2--button.dialog2--button-right,
    .ui-dialog.dialog2 .dialog2--big-buttons .dialog2--button.dialog2--button-right {
      float: right;
      border-left: 1px solid #e6e6e6; }
    .ui-dialog.dialog2 .dialog2--footer .dialog2--button.dialog2--button-green, .ui-dialog.dialog2 .dialog2--footer .dialog2--button.dialog2--button-blue,
    .ui-dialog.dialog2 .dialog2--big-buttons .dialog2--button.dialog2--button-green,
    .ui-dialog.dialog2 .dialog2--big-buttons .dialog2--button.dialog2--button-blue {
      background-color: #3ba150;
      color: #fff;
      font-weight: bold;
      border-color: #3ba150;
      -moz-border-radius-bottomright: 2px;
      -webkit-border-bottom-right-radius: 2px;
      border-bottom-right-radius: 2px; }
      .ui-dialog.dialog2 .dialog2--footer .dialog2--button.dialog2--button-green:hover, .ui-dialog.dialog2 .dialog2--footer .dialog2--button.dialog2--button-blue:hover,
      .ui-dialog.dialog2 .dialog2--big-buttons .dialog2--button.dialog2--button-green:hover,
      .ui-dialog.dialog2 .dialog2--big-buttons .dialog2--button.dialog2--button-blue:hover {
        background-color: #247835; }
    .ui-dialog.dialog2 .dialog2--footer .dialog2--button.dialog2--button-destructive,
    .ui-dialog.dialog2 .dialog2--big-buttons .dialog2--button.dialog2--button-destructive {
      background-color: #ff808b;
      color: #fff;
      font-weight: bold;
      border-color: #ff808b; }
    .ui-dialog.dialog2 .dialog2--footer .dialog2--button.dialog2--button-blue,
    .ui-dialog.dialog2 .dialog2--big-buttons .dialog2--button.dialog2--button-blue {
      background-color: #00b0b9;
      border-color: #00b0b9; }
      .ui-dialog.dialog2 .dialog2--footer .dialog2--button.dialog2--button-blue:hover,
      .ui-dialog.dialog2 .dialog2--big-buttons .dialog2--button.dialog2--button-blue:hover {
        background-color: #018591;
        border-color: #018591; }
    .ui-dialog.dialog2 .dialog2--footer .dialog2--button.dialog2--button-red,
    .ui-dialog.dialog2 .dialog2--big-buttons .dialog2--button.dialog2--button-red {
      color: #c7505a;
      font-weight: bold; }
    .ui-dialog.dialog2 .dialog2--footer .dialog2--button.dialog2--button-blue,
    .ui-dialog.dialog2 .dialog2--big-buttons .dialog2--button.dialog2--button-blue {
      background-color: #00b0b9;
      color: #fff;
      font-weight: bold;
      border-color: #00b0b9;
      -moz-border-radius-bottomright: 2px;
      -webkit-border-bottom-right-radius: 2px;
      border-bottom-right-radius: 2px; }
    .ui-dialog.dialog2 .dialog2--footer .dialog2--button.dialog2--secondary--button-blue,
    .ui-dialog.dialog2 .dialog2--big-buttons .dialog2--button.dialog2--secondary--button-blue {
      color: #00b0b9;
      font-weight: bold; }
    .ui-dialog.dialog2 .dialog2--footer .dialog2--button.dialog2--button-processing,
    .ui-dialog.dialog2 .dialog2--big-buttons .dialog2--button.dialog2--button-processing {
      background: #3ba150 url(save-loader-f04276c20ef0a8e6876eb6c9a8c81f30.gif) center no-repeat;
      background-size: 24px 24px; }
      .ui-dialog.dialog2 .dialog2--footer .dialog2--button.dialog2--button-processing .title,
      .ui-dialog.dialog2 .dialog2--big-buttons .dialog2--button.dialog2--button-processing .title {
        visibility: hidden; }
    .ui-dialog.dialog2 .dialog2--footer .dialog2--button.dialog2--button-disabled,
    .ui-dialog.dialog2 .dialog2--big-buttons .dialog2--button.dialog2--button-disabled {
      pointer-events: none;
      opacity: 0.6; }
  .ui-dialog.dialog2.no-footer .dialog2--content {
    border-radius: 0 0 3px 3px; }
  .ui-dialog.dialog2 .dialog2--messages .dialog2--message {
    background-color: #ff5c39;
    line-height: 20px;
    padding: 14px 16px;
    color: #fff; }
    .ui-dialog.dialog2 .dialog2--messages .dialog2--message.locked {
      padding-left: 50px;
      background: #ff5c39 url(locked-f75ce14d0b38f2c06521948185ee0e71.png) no-repeat 17px 11px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .ui-dialog.dialog2 .dialog2--messages .dialog2--message.locked {
          background-image: url(locked@2x-1b2b408edfe898e75160f573918e493a.png);
          background-size: 21px; } }
    .ui-dialog.dialog2 .dialog2--messages .dialog2--message.error {
      padding-left: 50px;
      background: #d63700 url(error-ea0a539e0e5cd41ba3a904e25b254feb.png) no-repeat 17px center; }
    .ui-dialog.dialog2 .dialog2--messages .dialog2--message .form-errors span {
      cursor: default;
      display: block; }
    .ui-dialog.dialog2 .dialog2--messages .dialog2--message .form-errors label {
      cursor: pointer;
      display: block; }
  .ui-dialog.dialog2.dialog2--white .dialog2--content {
    background-color: #fff; }
  .ui-dialog.dialog2.large-padding .ui-dialog-content {
    padding: 20px 40px 0; }
  .ui-dialog.dialog2.large-padding .full-width {
    margin-left: -40px;
    margin-right: -40px; }

.dialog2 .pricing-service-view {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: column; }
  .dialog2 .pricing-service-view .top-row {
    display: flex;
    justify-content: space-between; }
  .dialog2 .pricing-service-view .package-title-group,
  .dialog2 .pricing-service-view .treatment-type {
    width: 49%;
    display: inline-block;
    box-sizing: border-box; }
  .dialog2 .pricing-service-view .treatment-type .input {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.dialog2 .package-title-group {
  position: relative;
  padding-right: 62px; }
  .dialog2 .package-title-group.remove-padding-right {
    padding-right: 0; }

.dialog2 .dialog-2-dropdown-picker-box {
  display: flex;
  margin: 0 -8px; }
  .dialog2 .dialog-2-dropdown-picker-box > * {
    flex: 1;
    padding: 0 8px;
    margin-top: 12px; }

.dialog2 .dialog2-label {
  color: #808080;
  font-size: 12px;
  display: block; }

.dialog2 .underlined-input {
  padding: 3px 0 2px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top: none;
  border-left: none;
  border-right: none;
  width: 100%; }
  .dialog2 .underlined-input:focus, .dialog2 .underlined-input:hover {
    outline: none;
    border-bottom-color: #000; }

.dialog2 .label-input-group {
  background-color: #fff;
  padding: 16px 16px 20px 16px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6; }
  .dialog2 .label-input-group .table-view {
    display: table;
    width: 100%;
    border-collapse: collapse; }
    .dialog2 .label-input-group .table-view--row {
      height: 43px;
      display: table-row;
      width: 100%; }
      .dialog2 .label-input-group .table-view--row label {
        color: #808080;
        display: table-cell;
        vertical-align: middle;
        text-transform: uppercase;
        font-size: 14px;
        white-space: nowrap; }
      .dialog2 .label-input-group .table-view--row .input,
      .dialog2 .label-input-group .table-view--row .three-item-cell {
        display: table-cell;
        width: 100%;
        padding-left: 20px;
        position: relative; }
      .dialog2 .label-input-group .table-view--row .input input {
        display: block;
        width: 100%;
        border: none;
        height: 41px;
        font-size: 14px;
        color: #4d4d4d; }
        .dialog2 .label-input-group .table-view--row .input input:focus {
          outline-width: 0; }
      .dialog2 .label-input-group .table-view--row .input.no-padding {
        padding-left: 0; }
      .dialog2 .label-input-group .table-view--row .input.variable-width {
        width: auto; }
      .dialog2 .label-input-group .table-view--row .input.left-padding {
        padding-left: 20px; }
      .dialog2 .label-input-group .table-view--row .three-item-cell label {
        display: inline;
        text-transform: none;
        border-top: none;
        float: left;
        min-width: 20%;
        line-height: 43px; }
      .dialog2 .label-input-group .table-view--row .three-item-cell select,
      .dialog2 .label-input-group .table-view--row .three-item-cell .select-wrap {
        float: right;
        width: 33%; }
      .dialog2 .label-input-group .table-view--row .three-item-cell .select-wrap select {
        width: 100%; }
      .dialog2 .label-input-group .table-view--row .three-item-cell input[type='radio'] {
        vertical-align: middle;
        margin-right: 8px;
        margin-bottom: 2px; }
      .dialog2 .label-input-group .table-view--row + .table-view--row label,
      .dialog2 .label-input-group .table-view--row + .table-view--row .input,
      .dialog2 .label-input-group .table-view--row + .table-view--row .three-item-cell {
        border-top: 1px solid #b3b3b3; }
      .dialog2 .label-input-group .table-view--row + .table-view--row .three-item-cell label {
        border-top: none; }
  .dialog2 .label-input-group .chosen-container {
    margin: 0;
    height: 21px;
    padding: 1px 0;
    display: block; }
    .dialog2 .label-input-group .chosen-container .chosen-single {
      border-top: none;
      border-left: none;
      border-right: none;
      border-radius: 0;
      line-height: 20px;
      font-weight: normal;
      font-size: 14px;
      height: 33px;
      padding: 0; }
      .dialog2 .label-input-group .chosen-container .chosen-single div b {
        background: transparent url(slim-arrow-down@2x-0c90974e39317fa4fe4adf0630cb5625.png) no-repeat 1px center;
        background-size: 13px 8px; }
    .dialog2 .label-input-group .chosen-container.chosen-with-drop .chosen-drop {
      box-shadow: -3px 6px 11px -1px #a8a8a8;
      border: none; }
      .dialog2 .label-input-group .chosen-container.chosen-with-drop .chosen-drop .chosen-search {
        background: #e6e6e6;
        padding: 8px 9px;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px; }
        .dialog2 .label-input-group .chosen-container.chosen-with-drop .chosen-drop .chosen-search input {
          height: 29px;
          border-radius: 3px;
          box-sizing: border-box;
          padding: 0 0 0 30px;
          background: white url(search@2x-6903612e3280c78f5c7a66d3761c1633.png) no-repeat 9px 8px;
          background-size: 13px 13px;
          color: #8e8e93; }
      .dialog2 .label-input-group .chosen-container.chosen-with-drop .chosen-drop .chosen-results {
        padding: 0;
        margin: 0; }
        .dialog2 .label-input-group .chosen-container.chosen-with-drop .chosen-drop .chosen-results .group-result {
          background: #fafafa;
          padding-left: 15px;
          font-size: 12px;
          text-transform: uppercase;
          font-weight: bold;
          border-top: 1px solid #e6e6e6;
          border-bottom: 1px solid #e6e6e6; }
        .dialog2 .label-input-group .chosen-container.chosen-with-drop .chosen-drop .chosen-results .group-option,
        .dialog2 .label-input-group .chosen-container.chosen-with-drop .chosen-drop .chosen-results .no-results {
          margin-left: 15px;
          line-height: 45px;
          font-size: 14px;
          padding: 0; }
          .dialog2 .label-input-group .chosen-container.chosen-with-drop .chosen-drop .chosen-results .group-option + .group-option,
          .dialog2 .label-input-group .chosen-container.chosen-with-drop .chosen-drop .chosen-results .no-results + .group-option {
            border-top: 1px solid #b3b3b3; }
          .dialog2 .label-input-group .chosen-container.chosen-with-drop .chosen-drop .chosen-results .group-option.highlighted,
          .dialog2 .label-input-group .chosen-container.chosen-with-drop .chosen-drop .chosen-results .no-results.highlighted {
            background-color: #edf5dc; }
          .dialog2 .label-input-group .chosen-container.chosen-with-drop .chosen-drop .chosen-results .group-option.highlighted,
          .dialog2 .label-input-group .chosen-container.chosen-with-drop .chosen-drop .chosen-results .group-option.highlighted + .group-option,
          .dialog2 .label-input-group .chosen-container.chosen-with-drop .chosen-drop .chosen-results .no-results.highlighted,
          .dialog2 .label-input-group .chosen-container.chosen-with-drop .chosen-drop .chosen-results .no-results.highlighted + .group-option {
            margin-left: 0;
            padding-left: 15px; }

.dialog2 select,
.dialog2 .select-wrap {
  width: 100%;
  height: 26px;
  cursor: pointer; }

.dialog2 .select-wrap {
  position: relative;
  margin-top: 2px;
  display: inline-block;
  background: transparent url(slim-arrow-down-66310ebe08db67ad4360cb2b4e2a7128.png) no-repeat right 16px center; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .dialog2 .select-wrap {
      background-image: url(slim-arrow-down@2x-0c90974e39317fa4fe4adf0630cb5625.png);
      background-size: 13px 8px; } }
  .dialog2 .select-wrap .select-wrap-replacement {
    font-size: 14px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 41px; }
  .dialog2 .select-wrap.select-wrap-open {
    background-image: url(slim-arrow-up-331e47292cf741e762ff8509be5cd02c.png); }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .dialog2 .select-wrap.select-wrap-open {
        background-image: url(slim-arrow-up@2x-71acf9d1568ba19b1113fdb6ee72aa33.png);
        background-size: 13px 8px; } }
  .dialog2 .select-wrap select {
    -webkit-appearance: menulist-button; }
  .dialog2 .select-wrap.disabled {
    background-image: none; }
  .dialog2 .select-wrap.react {
    background-position-x: right; }

.dialog2 .full-width-table {
  background-color: #fff;
  border-top: 1px solid #c8d2ea;
  border-bottom: 1px solid #c8d2ea; }
  .dialog2 .full-width-table table {
    width: 100%;
    border-collapse: collapse; }
    .dialog2 .full-width-table table th,
    .dialog2 .full-width-table table td {
      padding: 0 16px; }
    .dialog2 .full-width-table table th {
      border-bottom: 1px solid #b3b3b3;
      color: #808080;
      font-size: 14px;
      line-height: 28px;
      text-align: left;
      text-transform: uppercase; }
      .dialog2 .full-width-table table th.text-right {
        text-align: right; }
      .dialog2 .full-width-table table th.spacer {
        width: 16px;
        padding: 0; }
        .dialog2 .full-width-table table th.spacer + th {
          padding-left: 0; }
    .dialog2 .full-width-table table td {
      border: 1px solid #c8d2ea;
      color: #4d4d4d;
      font-weight: normal;
      font-size: 14px; }
      .dialog2 .full-width-table table td.input {
        padding: 0; }
        .dialog2 .full-width-table table td.input input {
          border: none;
          width: 100%;
          padding: 0 16px;
          box-sizing: border-box;
          height: 44px;
          font-size: 14px;
          color: #4d4d4d;
          text-align: right; }
          .dialog2 .full-width-table table td.input input:focus {
            outline-width: 0; }
          .dialog2 .full-width-table table td.input input:disabled {
            background-color: #fff;
            color: #808080; }
        .dialog2 .full-width-table table td.input--left input {
          text-align: left; }
        .dialog2 .full-width-table table td.input--extra input {
          color: #e88800; }
        .dialog2 .full-width-table table td.input--strong input {
          font-weight: bold; }
        .dialog2 .full-width-table table td.input--strong input::-webkit-input-placeholder {
          font-weight: normal; }
        .dialog2 .full-width-table table td.input--strong input::-moz-placeholder {
          font-weight: normal; }
        .dialog2 .full-width-table table td.input--strong input:-ms-input-placeholder {
          font-weight: normal; }
        .dialog2 .full-width-table table td.input--strike input {
          text-decoration: line-through; }
      .dialog2 .full-width-table table td.select {
        padding: 0; }
        .dialog2 .full-width-table table td.select .select-wrap {
          background-position: right 16px center; }
          .dialog2 .full-width-table table td.select .select-wrap .select-wrap-replacement {
            padding: 0 16px; }
          .dialog2 .full-width-table table td.select .select-wrap.disabled {
            background-image: none;
            color: #808080; }
      .dialog2 .full-width-table table td.spacer {
        border: 0;
        width: 16px;
        padding: 0; }
        .dialog2 .full-width-table table td.spacer + td {
          padding-left: 0;
          border-left: 0; }
          .dialog2 .full-width-table table td.spacer + td.input input {
            padding-left: 0; }
      .dialog2 .full-width-table table td.checkable {
        user-select: none;
        color: #808080;
        cursor: pointer; }
        .dialog2 .full-width-table table td.checkable .icon2 {
          margin-right: 8px; }
        .dialog2 .full-width-table table td.checkable.on {
          color: #4d4d4d;
          font-weight: bold; }
          .dialog2 .full-width-table table td.checkable.on .icon2 {
            background-image: url(selected-checkcircle-97ed846e9b0b05d20b6be184a873b4a9.svg); }
      .dialog2 .full-width-table table td.action-col {
        line-height: 41px;
        cursor: pointer;
        background: transparent url(slim-arrow-right-4ec4350c0197b4ce05a65aa2a6267feb.png) no-repeat right 16px center; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .dialog2 .full-width-table table td.action-col {
            background-image: url(slim-arrow-right@2x-ac246bf0499fe76a025eae1dea47aedf.png);
            background-size: 13px 8px; } }
    .dialog2 .full-width-table table tr:last-child td {
      border-bottom: none; }

.dialog2 .dialog2--block-description {
  line-height: 50px;
  color: #808080;
  font-size: 14px;
  padding-left: 16px;
  border-top: 1px solid #c8d2ea; }
  .dialog2 .dialog2--block-description.no-border {
    border-top: none; }

.ui-dialog.dialog2--scrollable .dialog2--content .content-scroll {
  overflow-y: auto; }

.dialog2-tooltip--actions .dialog2-tooltip--button {
  box-sizing: border-box;
  width: 50%;
  float: left;
  height: 43px;
  text-align: center;
  overflow: hidden;
  border-top: 1px solid #d6d6da;
  line-height: 40px;
  font-size: 14px;
  cursor: pointer; }
  .dialog2-tooltip--actions .dialog2-tooltip--button.primary {
    color: #3ba150; }
  .dialog2-tooltip--actions .dialog2-tooltip--button:first-child {
    border-right: 1px solid #d6d6da; }

.dialog2.dialog2--list .dialog2--content {
  padding: 20px; }

.dialog2.dialog2--list .simple-list {
  margin: 15px 0 15px 7px;
  font-weight: bold; }
  .dialog2.dialog2--list .simple-list li {
    padding-left: 20px; }

.dialog2.with-text-red-exclamation-icon h2 {
  font-weight: bold;
  font-size: 15px; }

.dialog2.with-text-red-exclamation-icon .text {
  padding-left: 26px;
  background: transparent url(attention-small-5a9e0ad1120c1017eb152b809b98976f.svg) no-repeat left 0; }
  .dialog2.with-text-red-exclamation-icon .text h2 {
    margin-bottom: 6px; }

.dialog2.with-text-red-exclamation-icon .dialog2--footer.full-width {
  margin-top: 20px; }

.dialog2.with-text-red-exclamation-icon.with-correct-padding {
  background-color: #fff; }
  .dialog2.with-text-red-exclamation-icon.with-correct-padding .dialog2--content {
    padding: 20px 17px 0; }
  .dialog2.with-text-red-exclamation-icon.with-correct-padding .dialog2--footer {
    margin-top: 20px; }

.dialog2 .padding-def {
  box-sizing: border-box;
  padding: 16px 16px 16px 16px; }

.dialog2 .row-group .row {
  position: relative;
  font-size: 14px;
  color: #5c5c5c; }
  .dialog2 .row-group .row.with-left-accessory {
    padding-left: 46px; }

.dialog2 .row-group.separated {
  border-top: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3; }
  .dialog2 .row-group.separated .row + .row {
    border-top: 1px solid #e6e6e6; }

.dialog2 .row-group .positive {
  color: #3ba150; }

.dialog2 .row-group .all-caps {
  text-transform: uppercase; }

.dialog2 .row-group .subtext {
  font-size: 11px;
  vertical-align: text-bottom;
  font-weight: bold;
  margin-left: 8px; }

.dialog2 .dialog2--form {
  box-sizing: border-box; }
  .dialog2 .dialog2--form * {
    box-sizing: border-box; }
  .dialog2 .dialog2--form .dialog2--inputrow {
    padding: 18px 0; }
    .dialog2 .dialog2--form .dialog2--inputrow .left {
      float: left;
      width: 35%;
      text-align: right;
      padding-right: 7px;
      line-height: 34px;
      vertial-align: middle; }
    .dialog2 .dialog2--form .dialog2--inputrow .right {
      float: right;
      width: 65%;
      text-align: left;
      padding-left: 7px; }
      .dialog2 .dialog2--form .dialog2--inputrow .right input[type='text'] {
        width: 80px;
        height: 34px;
        border-radius: 5px;
        border: 1px solid #b2b2b2;
        padding: 0 10px; }
    .dialog2 .dialog2--form .dialog2--inputrow.wide input[type='text'] {
      width: 100%; }
    .dialog2 .dialog2--form .dialog2--inputrow + .dialog2--inputrow {
      padding-top: 0; }

.dialog2.dialog2--button-choices .dialog2--button-choices--title {
  text-align: center;
  font-size: 14px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #666;
  margin-bottom: 10px; }

.dialog2.dialog2--button-choices table {
  width: 100%;
  margin-bottom: 10px;
  table-layout: fixed; }
  .dialog2.dialog2--button-choices table td {
    text-align: center; }
  .dialog2.dialog2--button-choices table td:nth-of-type(1) {
    text-align: right; }
  .dialog2.dialog2--button-choices table td:nth-of-type(2) {
    width: 20px;
    text-align: center; }
  .dialog2.dialog2--button-choices table td:nth-of-type(3) {
    text-align: left;
    font-weight: bold; }

.dialog2.dialog2--button-choices .note {
  padding: 0 10px 10px 20px; }

.dialog2.dialog2--button-choices .button-choices--button {
  border: 1px solid #3ba150;
  border-radius: 2px;
  color: #3ba150;
  font-weight: bold;
  line-height: 30px;
  font-size: 13px;
  cursor: pointer;
  text-align: center; }
  .dialog2.dialog2--button-choices .button-choices--button + .button-choices--button {
    margin-top: 10px; }
  .dialog2.dialog2--button-choices .button-choices--button.is-primary {
    background-color: #3ba150;
    color: #fff; }
  .dialog2.dialog2--button-choices .button-choices--button.pink {
    color: #fff;
    border: 1px solid #ff808b;
    background-color: #ff808b; }
  .dialog2.dialog2--button-choices .button-choices--button.button-choices-cancel {
    color: #808080;
    border: 1px solid #808080;
    background-color: #fff; }

.dialog2.dialog2--button-choices .ui-dialog-content {
  padding-bottom: 20px; }

.iglu-menu-item-background {
  background-color: #001e62 !important;
  color: #fff !important; }

/**
 * This hides the top Header if a parameter is passed in.
 * Used from iOS and Android tablets.
 */
body.no-header #header {
  display: none; }

.dialog2.react-dialog {
  position: fixed;
  margin: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  min-width: 225px;
  z-index: 1002; }

.scrollbar-see-through-fix {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0); }

.react-container {
  position: absolute; }

.ui-dialog {
  overflow: visible; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

#feedbackify #fbya #fbyb .fby-tab.fby-tab-r {
  right: 100px !important; }

#feedbackify .fby-tab-r {
  top: 80% !important; }

#feedbackify .main-content {
  min-width: 0px !important; }

#feedbackify .fby-tab a {
  opacity: 0.4;
  filter: alpha(opacity=40); }

.banner-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 9999;
  display: none; }

.app-smart-overlay {
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
  z-index: 99999999;
  position: fixed;
  height: 100%;
  background: no-repeat center/100% url(BG-c4f8be425fce788521273310173019c0.png); }
  .app-smart-overlay .background {
    width: 100%; }
  .app-smart-overlay .brand-message-overlay-content {
    padding: 5px 15px;
    display: block;
    height: 100%; }
  .app-smart-overlay .screenshot {
    position: relative;
    top: 0;
    left: 15%;
    height: 100%; }
  .app-smart-overlay .icons {
    position: absolute;
    right: 25%;
    bottom: 0;
    height: 50%; }
  .app-smart-overlay .app-smart-overlay-container {
    position: absolute;
    top: 17%;
    height: 53%;
    width: 100%; }
  .app-smart-overlay .copy {
    font-family: TreatwellSansWeb-Regular;
    position: absolute;
    color: #fff; }
  .app-smart-overlay .app-smart-overlay-title-1 {
    top: 0;
    position: relative;
    left: 20%;
    font-size: 3em; }
  .app-smart-overlay .app-smart-overlay-title-2 {
    right: 20%;
    top: 7%;
    font-size: 3em; }
  .app-smart-overlay .app-button {
    position: absolute;
    display: block;
    bottom: 7%;
    line-height: 24px;
    background-color: #ff5c39;
    color: #fff;
    vertical-align: top;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 1px solid #a73b14;
    width: 70%;
    text-align: center;
    text-transform: uppercase;
    padding: 15px 0;
    font-weight: bold; }
  .app-smart-overlay .app-smart-overlay-copy {
    top: 102%;
    position: absolute;
    left: 10%;
    text-align: center;
    padding-right: 20%; }
  .app-smart-overlay .exit-link {
    bottom: 2%;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    width: 100%; }

.app-smart-banner {
  position: relative;
  display: none; }

.app-smart-banner-mobile {
  margin-bottom: -5px; }

.app-smart-banner-mobile .app-smart-banner-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 8%;
  height: 16%;
  z-index: 10; }

.app-smart-banner-mobile .app-smart-banner-image {
  width: 100%; }

.app-smart-banner-mobile .app-smart-banner-link {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100%; }

.app-smart-banner {
  display: none;
  height: 84px;
  background-color: #f2f2f2;
  box-shadow: inset 0 -1px 0 0 #e6e6e6, inset 0 1px 0 0 #e6e6e6, inset -1px 0 0 0 #e6e6e6, inset 1px 0 0 0 #e6e6e6;
  padding: 10px 16px 10px 0; }
  .app-smart-banner table {
    width: 100%; }
  .app-smart-banner .app-smart-banner-close {
    width: 60px;
    height: 64px;
    vertical-align: middle; }
  .app-smart-banner .app-smart-banner-close:before {
    display: block;
    content: 'x';
    font-family: Helvetica, Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px; }
  .app-smart-banner .app-smart-banner-logo {
    display: block;
    height: 64px;
    width: 64px;
    background: transparent url(rounded-icon-61aca68db27cd68dda2dddd9f3c7034e.png) no-repeat;
    background-size: cover; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .app-smart-banner .app-smart-banner-logo {
        background: transparent url(rounded-icon-2x-56bd16942410e77281f4a36cb48f5f57.png) no-repeat;
        background-size: cover; } }
  .app-smart-banner .app-smart-banner-text {
    color: #333;
    line-height: 18px;
    font-weight: bold;
    font-size: 12px;
    vertical-align: middle;
    padding-left: 5px; }
    .app-smart-banner .app-smart-banner-text .app-smart-banner-title {
      font-size: 15px; }
    .app-smart-banner .app-smart-banner-text .app-smart-banner-action {
      font-weight: normal; }
  .app-smart-banner .app-smart-banner-button {
    vertical-align: middle;
    text-align: right; }

@media screen and (orientation: portrait) {
  .app-smart-overlay {
    font-size: 30px;
    width: 100%; }
    .app-smart-overlay .app-smart-overlay-title-2 {
      top: 7%; } }

#dev-version-banner {
  position: absolute;
  top: initial;
  right: 100px;
  bottom: 10px;
  left: initial;
  z-index: 1000;
  padding: 6px 10px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 4px;
  cursor: move; }

.header-with-icon {
  display: flex;
  flex-grow: 1;
  align-items: center; }
  .header-with-icon.separated {
    margin-bottom: 30px; }
  .header-with-icon .icon {
    min-width: 40px;
    height: 40px;
    border-radius: 20px;
    margin-right: 15px;
    background: #00b0b9;
    fill: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center; }
  .header-with-icon .text {
    color: #333;
    font-size: 16px;
    max-width: 650px; }

.hidden-input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
  cursor: pointer; }

.form-checkbox,
.settings-form .form-row.form-checkbox {
  display: flex;
  align-items: flex-start; }
  .form-checkbox .text,
  .settings-form .form-row.form-checkbox .text {
    margin-left: 10px; }

.form-checkmark {
  position: relative;
  top: 2px;
  min-width: 16px;
  max-width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 2px;
  background: #fff;
  border: solid 1px #b3b3b3; }

.form-checkbox.hidden {
  display: none; }

.form-checkbox .hidden-input:checked ~ .form-checkmark {
  background: #3ba150;
  background-image: url(checkbox-16-3adc0efffe9ea949b18efe497eeb164c.svg);
  border: none; }

.form-checkbox .hidden-input:disabled ~ .form-checkmark {
  background: #e6e6e6;
  border: none; }

.form-checkbox .hidden-input:disabled:checked ~ .form-checkmark {
  background-image: url(checkbox-checked-disabled-16-82dbbe5ad50058552ee7d64cbdf215db.svg); }

.page-moved-container {
  padding: 19px; }
  .page-moved-container .page-moved-header {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.5;
    padding-bottom: 8px; }


@media (orientation: landscape) {
  html.ipad.ios7 > body {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 642px !important;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0); } }

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: '';
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none; }

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require reset
 *= require general
*/
.mobile-banner {
  background-color: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1; }
  @media (max-height: 500px) {
    .mobile-banner {
      display: none; } }

body.login-page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #fff; }
  body.login-page #login-language-select {
    position: absolute;
    top: 0;
    right: 0; }
  body.login-page * {
    box-sizing: border-box; }
  body.login-page.app-banner .wrapper1 {
    top: 80px; }
  body.login-page a {
    color: #00b0b9;
    text-decoration: none; }
    body.login-page a:hover {
      color: #000; }
  body.login-page h1 {
    font-size: 40px;
    margin-bottom: 20px;
    text-transform: uppercase;
    text-align: center; }
    @media (max-width: 780px) {
      body.login-page h1 {
        font-size: 32px; } }
  body.login-page .button {
    width: 100%;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    padding: 0;
    border: 0;
    background: #3ba150;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    cursor: pointer; }
    body.login-page .button:hover {
      background: #373538;
      color: #fff; }
  body.login-page a.button {
    line-height: 46px; }
  body.login-page .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #d6d5d4;
    background: #fff;
    height: 45px;
    text-align: center; }
    body.login-page .footer .terms {
      cursor: pointer; }
      body.login-page .footer .terms:hover {
        color: #000; }
    body.login-page .footer .logo {
      display: inline-block;
      vertical-align: middle;
      width: 85px;
      height: 44px;
      background: url(logo-login-cc5d4e2da6006dab7e35c2a175cc6da9.png) left 40% no-repeat; }
    body.login-page .footer ul {
      display: inline-block;
      vertical-align: middle;
      line-height: 9px;
      margin-top: 5px;
      color: #666; }
      body.login-page .footer ul li {
        display: inline-block;
        font-size: 11px;
        text-transform: uppercase;
        border-right: 1px solid #e6e6e6;
        padding: 0 10px;
        line-height: 9px; }
        body.login-page .footer ul li:last-child {
          border-right: 0;
          padding-right: 0; }
      body.login-page .footer ul a {
        display: block;
        line-height: 9px;
        padding-top: 1px;
        color: #666; }
        body.login-page .footer ul a:hover {
          color: #000; }
  body.login-page .login-form {
    max-width: 442px;
    width: 100%;
    margin: 0 auto;
    background: #f2f2f2;
    padding: 15px; }
    body.login-page .login-form input[type='email'],
    body.login-page .login-form input[type='password'] {
      display: block;
      width: 100%;
      height: 44px;
      border: 1px solid #d6d5d4;
      line-height: 44px;
      padding: 0 10px;
      font-size: 18px;
      -webkit-appearance: none;
      border-radius: 0; }
      body.login-page .login-form input[type='email'].error,
      body.login-page .login-form input[type='password'].error {
        background: #fff url(/assets/icons/error.png) 99% 50% no-repeat;
        padding-right: 24px;
        width: 100%; }
    body.login-page .login-form input[type='password'] {
      border-top: 0; }
    body.login-page .login-form .error-message {
      margin-bottom: 15px;
      float: left;
      line-height: 22px;
      font-size: 18px;
      color: #d63700; }
      body.login-page .login-form .error-message a {
        cursor: pointer; }
    body.login-page .login-form .remember {
      float: left; }
      body.login-page .login-form .remember input,
      body.login-page .login-form .remember .text {
        display: inline-block;
        vertical-align: middle; }
      body.login-page .login-form .remember input {
        margin-right: 5px; }
    body.login-page .login-form .forgot {
      float: right; }
    body.login-page .login-form .remember,
    body.login-page .login-form .forgot {
      margin: 16px 0; }
  body.login-page .signup {
    max-width: 442px;
    width: 100%;
    margin: 0 auto;
    padding: 15px;
    text-align: center; }
    body.login-page .signup .button {
      display: block;
      background: #e6e6e6;
      color: #333; }
      body.login-page .signup .button:hover {
        background: #373538;
        color: #fff; }
    body.login-page .signup h2 {
      margin-top: 10px;
      margin-bottom: 5px; }

#marketing-section {
  box-sizing: border-box;
  padding-top: 40px; }

.no-header #marketing-section {
  padding-top: 0; }

.content {
  padding: 60px;
  height: 100%;
  overflow-y: auto; }
  .content .heading {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px; }
    .content .heading .beta {
      background: #00b0b9;
      border-radius: 3px;
      color: #fff;
      font-size: 13px;
      font-weight: normal;
      margin-left: 15px;
      padding: 2px 7px; }

.buttons {
  align-self: flex-end;
  background: #fff;
  border-top: 2px solid #f2f2f2;
  text-align: center;
  padding: 16px 0;
  width: 100%; }
  .buttons button,
  .buttons a {
    margin: 0 8px;
    min-width: 100px; }

#wahanda-media-query-tester {
  position: absolute;
  left: -999em;
  top: -999em;
  z-index: 1; }

@media all and (max-width: 1300px) {
  #header #nav1 li a {
    padding: 0 10px; } }

@media all and (max-width: 1210px) {
  #header #nav1 li a {
    padding: 0 7px; } }

@media all and (max-width: 1150px) {
  #header #nav1 li a {
    padding: 0 6px;
    font-size: 12px; } }

@media all and (max-width: 1050px) {
  #header #nav1 li a {
    padding: 0 5px;
    font-size: 10px; } }

@media all and (max-width: 950px) {
  #header #nav1 li a {
    padding: 0 4px; } }

@media all and (max-width: 1200px) {
  .calendar-pane.has-today-link.has-closeout .close-out-box .button {
    width: 40px;
    height: 24px;
    overflow: hidden; }
    .calendar-pane.has-today-link.has-closeout .close-out-box .button .button-inner {
      padding: 0 0 0 50px; }
      .calendar-pane.has-today-link.has-closeout .close-out-box .button .button-inner .button-icon {
        left: 12px; }
  .calendar-pane.has-today-link.has-closeout .set-availability-box .button {
    width: 40px;
    height: 24px;
    overflow: hidden; }
    .calendar-pane.has-today-link.has-closeout .set-availability-box .button .button-inner {
      padding: 0 0 0 50px; }
      .calendar-pane.has-today-link.has-closeout .set-availability-box .button .button-inner .button-icon {
        left: 13px; } }

@media all and (max-width: 1150px) {
  #header #nav-right .search-dark {
    width: 160px; } }

@media all and (max-width: 1040px) {
  .calendar-main-header .date-selector-wrapper .date-selector .week-label {
    display: none; } }

@media all and (max-width: 950px) {
  .calendar-main-header .filter-wrapper {
    width: 183px; }
    .calendar-main-header .filter-wrapper .filter-current {
      width: 135px; }
  #header #nav-right .search-dark {
    width: 120px;
    margin-right: 0; }
  #header #nav-right #nav-notifications .notification-badge {
    width: 40px; } }

@media all and (max-width: 890px) {
  .calendar-pane.has-today-link .set-availability-box .button {
    width: 40px;
    height: 24px;
    overflow: hidden; }
    .calendar-pane.has-today-link .set-availability-box .button .button-inner {
      padding: 0 0 0 50px; }
      .calendar-pane.has-today-link .set-availability-box .button .button-inner .button-icon {
        left: 13px; }
  .calendar-pane.has-closeout .close-out-box .button {
    width: 40px;
    height: 24px;
    overflow: hidden; }
    .calendar-pane.has-closeout .close-out-box .button .button-inner {
      padding: 0 0 0 50px; }
      .calendar-pane.has-closeout .close-out-box .button .button-inner .button-icon {
        left: 12px; }
  .calendar-pane.has-closeout .set-availability-box .button {
    width: 40px;
    height: 24px;
    overflow: hidden; }
    .calendar-pane.has-closeout .set-availability-box .button .button-inner {
      padding: 0 0 0 50px; }
      .calendar-pane.has-closeout .set-availability-box .button .button-inner .button-icon {
        left: 13px; }
  .calendar-main-controls .filters .link-edit {
    width: 47px;
    overflow: hidden; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-aspect-ratio: 4 / 3) and (-webkit-min-device-pixel-ratio: 1) {
  #wahanda-media-query-tester {
    z-index: 2; }
  #appointment-dialog .default-form,
  #add-block-dialog .default-form {
    margin-top: 0;
    margin-bottom: 0; }
  #appointment-dialog.ui-dialog-content,
  #add-block-dialog.ui-dialog-content {
    padding-top: 7px; }
  #appointment-dialog .dialog-actions,
  #add-block-dialog .dialog-actions {
    margin-top: 7px; }
  #appointment-dialog .part-one,
  .client-info-dialog .part-one {
    float: left;
    width: 563px; }
  #appointment-dialog .part-two,
  .client-info-dialog .part-two {
    float: right;
    width: 375px; }
    #appointment-dialog .part-two.default-form .label-part,
    .client-info-dialog .part-two.default-form .label-part {
      min-width: 60px; }
    #appointment-dialog .part-two.default-form textarea.full,
    .client-info-dialog .part-two.default-form textarea.full {
      height: 150px; }
  .client-info-dialog .default-form {
    margin-bottom: 0; }
  .client-info-dialog .part-two.default-form textarea.full {
    height: 200px; }
  .ui-dialog .ui-dialog-content.client-info-dialog form .dialog-content,
  .client-info-dialog form .dialog-content {
    padding-top: 7px;
    padding-bottom: 5px; }
  #add-block-dialog .part-one {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 50px;
    width: 283px; }
    #add-block-dialog .part-one.form-intro {
      border-bottom: 0;
      margin: 0;
      padding-top: 15px; }
  #add-block-dialog .part-two {
    float: left;
    width: 563px; } }


#wahanda-media-query-tester {
  position: absolute;
  left: -999em;
  top: -999em;
  z-index: 1; }

@media all and (max-width: 1300px) {
  #header #nav1 li a {
    padding: 0 10px; } }

@media all and (max-width: 1210px) {
  #header #nav1 li a {
    padding: 0 7px; } }

@media all and (max-width: 1150px) {
  #header #nav1 li a {
    padding: 0 6px;
    font-size: 12px; } }

@media all and (max-width: 1050px) {
  #header #nav1 li a {
    padding: 0 5px;
    font-size: 10px; } }

@media all and (max-width: 950px) {
  #header #nav1 li a {
    padding: 0 4px; } }

@media all and (max-width: 1200px) {
  .calendar-pane.has-today-link.has-closeout .close-out-box .button {
    width: 40px;
    height: 24px;
    overflow: hidden; }
    .calendar-pane.has-today-link.has-closeout .close-out-box .button .button-inner {
      padding: 0 0 0 50px; }
      .calendar-pane.has-today-link.has-closeout .close-out-box .button .button-inner .button-icon {
        left: 12px; }
  .calendar-pane.has-today-link.has-closeout .set-availability-box .button {
    width: 40px;
    height: 24px;
    overflow: hidden; }
    .calendar-pane.has-today-link.has-closeout .set-availability-box .button .button-inner {
      padding: 0 0 0 50px; }
      .calendar-pane.has-today-link.has-closeout .set-availability-box .button .button-inner .button-icon {
        left: 13px; } }

@media all and (max-width: 1150px) {
  #header #nav-right .search-dark {
    width: 160px; } }

@media all and (max-width: 1040px) {
  .calendar-main-header .date-selector-wrapper .date-selector .week-label {
    display: none; } }

@media all and (max-width: 950px) {
  .calendar-main-header .filter-wrapper {
    width: 183px; }
    .calendar-main-header .filter-wrapper .filter-current {
      width: 135px; }
  #header #nav-right .search-dark {
    width: 120px;
    margin-right: 0; }
  #header #nav-right #nav-notifications .notification-badge {
    width: 40px; } }

@media all and (max-width: 890px) {
  .calendar-pane.has-today-link .set-availability-box .button {
    width: 40px;
    height: 24px;
    overflow: hidden; }
    .calendar-pane.has-today-link .set-availability-box .button .button-inner {
      padding: 0 0 0 50px; }
      .calendar-pane.has-today-link .set-availability-box .button .button-inner .button-icon {
        left: 13px; }
  .calendar-pane.has-closeout .close-out-box .button {
    width: 40px;
    height: 24px;
    overflow: hidden; }
    .calendar-pane.has-closeout .close-out-box .button .button-inner {
      padding: 0 0 0 50px; }
      .calendar-pane.has-closeout .close-out-box .button .button-inner .button-icon {
        left: 12px; }
  .calendar-pane.has-closeout .set-availability-box .button {
    width: 40px;
    height: 24px;
    overflow: hidden; }
    .calendar-pane.has-closeout .set-availability-box .button .button-inner {
      padding: 0 0 0 50px; }
      .calendar-pane.has-closeout .set-availability-box .button .button-inner .button-icon {
        left: 13px; }
  .calendar-main-controls .filters .link-edit {
    width: 47px;
    overflow: hidden; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-aspect-ratio: 4 / 3) and (-webkit-min-device-pixel-ratio: 1) {
  #wahanda-media-query-tester {
    z-index: 2; }
  #appointment-dialog .default-form,
  #add-block-dialog .default-form {
    margin-top: 0;
    margin-bottom: 0; }
  #appointment-dialog.ui-dialog-content,
  #add-block-dialog.ui-dialog-content {
    padding-top: 7px; }
  #appointment-dialog .dialog-actions,
  #add-block-dialog .dialog-actions {
    margin-top: 7px; }
  #appointment-dialog .part-one,
  .client-info-dialog .part-one {
    float: left;
    width: 563px; }
  #appointment-dialog .part-two,
  .client-info-dialog .part-two {
    float: right;
    width: 375px; }
    #appointment-dialog .part-two.default-form .label-part,
    .client-info-dialog .part-two.default-form .label-part {
      min-width: 60px; }
    #appointment-dialog .part-two.default-form textarea.full,
    .client-info-dialog .part-two.default-form textarea.full {
      height: 150px; }
  .client-info-dialog .default-form {
    margin-bottom: 0; }
  .client-info-dialog .part-two.default-form textarea.full {
    height: 200px; }
  .ui-dialog .ui-dialog-content.client-info-dialog form .dialog-content,
  .client-info-dialog form .dialog-content {
    padding-top: 7px;
    padding-bottom: 5px; }
  #add-block-dialog .part-one {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 50px;
    width: 283px; }
    #add-block-dialog .part-one.form-intro {
      border-bottom: 0;
      margin: 0;
      padding-top: 15px; }
  #add-block-dialog .part-two {
    float: left;
    width: 563px; } }

.icon2 {
  display: inline-block; }

.icon2.icon2-checkbox-o {
  height: 20px;
  width: 20px;
  background-image: url(round-checkbox-8220f86db07c6d8b8de8806c26716cad.png);
  background-position: 0 0;
  vertical-align: text-bottom; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon2.icon2-checkbox-o {
      background-image: url(round-checkbox@2x-0583b4d0ae07b04ccba8ae84729593f4.png);
      background-size: cover; } }
  .icon2.icon2-checkbox-o.checked {
    background-image: url(selected-checkcircle-97ed846e9b0b05d20b6be184a873b4a9.svg); }
    .icon2.icon2-checkbox-o.checked.disabled {
      background-position: 0 -20px; }

#menu-holder.content-holder {
  position: absolute;
  top: 40px;
  right: 0;
  bottom: 0;
  left: 0; }

#menu-holder .section-main2 {
  background: #fff;
  left: 200px; }

#menu-holder .data-content {
  top: 33px;
  background: none;
  padding: 0; }

#menu-holder .data-actions {
  border-top: 1px solid #cccccc;
  background: #fff;
  position: absolute;
  z-index: 99; }
  #menu-holder .data-actions .button-wrapper {
    display: inline-block;
    margin-right: 16px; }
    #menu-holder .data-actions .button-wrapper .button {
      margin-right: 0; }

#menu-holder .section-title {
  padding-top: 1px; }

#menu-holder.empty .section-main2, #menu-holder.no-permissions .section-main2 {
  border: 1px solid #cccccc;
  background: #fff; }

#menu-holder.empty .top-shadow,
#menu-holder.empty .bottom-shadow,
#menu-holder.empty .menu-content, #menu-holder.no-permissions .top-shadow,
#menu-holder.no-permissions .bottom-shadow,
#menu-holder.no-permissions .menu-content {
  display: none; }

#menu-holder.empty #filters,
#menu-holder.empty .data-actions, #menu-holder.no-permissions #filters,
#menu-holder.no-permissions .data-actions {
  display: none; }

#menu-holder.empty .data-content, #menu-holder.no-permissions .data-content {
  top: 0;
  bottom: 0;
  background: none; }

#menu-holder.no-permissions .featured-services {
  display: none; }

#menu-holder.no-permissions .no-permission {
  display: block; }

#menu-holder.no-permissions .section-main2 {
  right: 19px; }

#menu-holder .offer-group.ui-sortable-placeholder {
  height: 37px !important; }

#menu-holder .offer-group .ui-sortable-placeholder {
  height: 33px !important; }

body.no-header #menu-holder.content-holder {
  top: 0; }

#menu-holder .tab-content {
  top: 0;
  padding: 0; }

#menu-holder .menu-empty,
#menu-holder .no-permission {
  display: none; }

#menu-holder .menu-empty-filter {
  display: none; }

#menu-holder .menu-empty-list {
  display: none; }

#services .empty .menu-empty {
  display: block; }

#services .empty .menu-content {
  display: none; }

#services .empty #filters {
  background-color: #fff; }
  #services .empty #filters ul {
    display: none; }

#services .empty.has-offers #filters,
#services .empty.has-offers .data-actions {
  margin: -1px; }

#services .empty.has-offers .menu-empty {
  display: none; }

#services .empty.has-offers .menu-empty-filter,
#services .empty.has-offers #filters,
#services .empty.has-offers .data-actions {
  display: block; }

#services .empty.has-offers .menu-empty-filter,
#services .empty.has-offers .menu-empty-list {
  font-size: 18px;
  color: #666;
  font-weight: bold; }
  #services .empty.has-offers .menu-empty-filter .menu-empty-inner,
  #services .empty.has-offers .menu-empty-list .menu-empty-inner {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: auto;
    left: 0;
    margin-top: -28px;
    text-align: center; }

#services .empty.has-offers.list-is-empty .menu-empty-filter {
  display: none; }

#services .empty.has-offers.list-is-empty .menu-empty-list {
  display: block; }

#discounts.tab-content {
  overflow: auto; }

.no-discount.menu-group-form .discount {
  display: none; }

.no-discount.menu-group-form .dialog-actions {
  margin-top: 0; }

.menu-group-form.ui-dialog-content {
  padding: 25px 25px 0; }

.menu-group-form input.error {
  padding-right: 22px;
  width: 95%; }

.menu-group-form .dialog-actions {
  margin-top: 0;
  padding: 0 25px;
  margin: 10px -25px 0; }

.menu-group-form .discount-title {
  text-transform: uppercase; }

.menu-group-form .discount-note {
  background-color: #f2f2f2;
  padding: 5px 10px; }

.menu-group-form .menu-name {
  height: 49px;
  border-bottom: 1px solid #e6e6e6;
  margin: -25px -25px 0;
  padding: 25px 25px 0;
  position: relative;
  background-color: #f2f2f2;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase; }
  .menu-group-form .menu-name td {
    padding-top: 0;
    padding-bottom: 0; }

.menu-group-form .discount {
  padding: 20px 0; }
  .menu-group-form .discount.top {
    border-top: 0; }
  .menu-group-form .discount.off-peak {
    padding-top: 0; }

.menu-group-form .part-title {
  padding-bottom: 10px; }

.menu-group-form .settings.inline {
  display: inline; }

.menu-group-form .icon {
  float: left;
  margin-right: 5px;
  margin-top: 2px; }

.menu-group-form .jit select {
  margin: 0 5px; }

.menu-group-form .note {
  margin-top: 10px; }

.menu-group-form #jit-checkbox,
.menu-group-form #off-peak-checkbox {
  margin-right: 5px; }

.selectService.ui-dialog .ui-dialog-titlebar,
.discountRuleEditing.ui-dialog .ui-dialog-titlebar {
  box-shadow: none;
  border-bottom: 1px solid #e6e6e6; }
  .selectService.ui-dialog .ui-dialog-titlebar .dialog2--title,
  .discountRuleEditing.ui-dialog .ui-dialog-titlebar .dialog2--title {
    line-height: 16px;
    padding: 16px; }

.discountRuleEditing.ui-dialog .ui-dialog-content {
  height: calc(90vh - 80px);
  padding: 0;
  margin: 0;
  background-color: #f2f2f2;
  overflow: visible; }
  .discountRuleEditing.ui-dialog .ui-dialog-content .ui-dialog .ui-dialog-content {
    padding: 20px 17px 0; }

.discountRuleEditing.ui-dialog .dialog2--footer {
  box-shadow: none; }

/*
 *  The Lord Giveth, The Lord Taketh Away
 */
.emptyTreatmentsList .ui-dialog .ui-dialog-content {
  padding: 20px 17px 0;
  overflow: visible; }

#filters {
  height: 32px;
  border-bottom: 1px solid #cccccc;
  background: #f2f2f2;
  z-index: 99;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: -17px; }
  #filters .filter-current {
    border-left: 1px solid #b3b3b3;
    background-color: #fff; }

.menu-filter,
.filter-wrapper {
  position: relative; }
  .menu-filter:first-child,
  .filter-wrapper:first-child {
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px; }
  .menu-filter.short,
  .filter-wrapper.short {
    width: 210px; }
    .menu-filter.short .filter-current,
    .filter-wrapper.short .filter-current {
      width: 118px; }
    .menu-filter.short .filter-ddown,
    .filter-wrapper.short .filter-ddown {
      width: 175px; }

.menu-sub-filter-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative; }
  .menu-sub-filter-container .menu-scrollLeft,
  .menu-sub-filter-container .menu-scrollRight {
    padding: 0 6px;
    position: absolute;
    opacity: 0.3; }
    .menu-sub-filter-container .menu-scrollLeft:hover,
    .menu-sub-filter-container .menu-scrollRight:hover {
      opacity: 1; }
    .menu-sub-filter-container .menu-scrollLeft .menu-scrollLeftIcon,
    .menu-sub-filter-container .menu-scrollLeft .menu-scrollRightIcon,
    .menu-sub-filter-container .menu-scrollRight .menu-scrollLeftIcon,
    .menu-sub-filter-container .menu-scrollRight .menu-scrollRightIcon {
      width: 16px;
      height: 33px;
      fill: #bbb; }
  .menu-sub-filter-container .menu-scrollRight {
    right: 0; }

.sub-filter:hover a {
  background-color: #fff;
  color: #333; }

.filter-current {
  width: 208px;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  padding: 0 75px 0 17px;
  position: relative;
  cursor: pointer;
  border-right: 1px solid #e6e6e6; }
  .filter-current a {
    color: #4d4d4d;
    text-decoration: none; }
  .filter-current .handler {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    width: 34px;
    height: 32px; }
  .filter-current .icons-arrow-bottom2 {
    position: absolute;
    top: 14px;
    right: 12px;
    bottom: auto;
    left: auto; }
  .filter-current .count {
    position: absolute;
    top: 8px;
    right: 44px;
    bottom: auto;
    left: auto; }
  .filter-current:hover {
    color: #333; }
  .filter-current.low .count, .filter-current.npr .count {
    background: #d63700;
    color: #fff; }

.menu-filter-reset {
  display: flex; }

.filter-ddown {
  position: absolute;
  top: -1px;
  right: auto;
  bottom: auto;
  left: -1px;
  width: 265px;
  background: #fff;
  border: 1px solid #989993;
  z-index: 10000;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.28); }
  .filter-ddown li {
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    padding: 0 17px;
    line-height: 32px;
    user-select: none;
    color: #4d4d4d;
    text-decoration: none; }
    .filter-ddown li:hover {
      color: #333;
      cursor: pointer; }
    .filter-ddown li:last-child {
      border-bottom: 0; }
    .filter-ddown li.on a,
    .filter-ddown li.on div, .filter-ddown li.on {
      color: #3ba150; }
    .filter-ddown li.low .count, .filter-ddown li.npr .count {
      background: #d63700;
      color: #fff; }
  .filter-ddown a,
  .filter-ddown div {
    display: block;
    margin: 0 -17px;
    padding: 0 17px;
    color: #4d4d4d;
    text-decoration: none; }
    .filter-ddown a:hover,
    .filter-ddown div:hover {
      color: #333; }
  .filter-ddown .count {
    position: absolute;
    top: 8px;
    right: 9px;
    bottom: auto;
    left: auto; }

a.reset {
  white-space: nowrap;
  margin: 7px 10px; }

.offer-group {
  background: #fff;
  border-bottom: 1px solid #cccccc;
  position: relative;
  padding-bottom: 15px;
  user-select: none; }
  .offer-group .icon {
    position: absolute;
    top: 19px;
    right: auto;
    bottom: auto;
    left: 12px;
    cursor: move; }
  .offer-group .actions {
    padding: 0 10px 10px; }
    .offer-group .actions .button {
      display: block; }
  .offer-group.ui-sortable-helper {
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.5);
    margin: 3px 8px;
    width: 98% !important;
    border: 1px solid #5b5c56; }
  .offer-group .group-title {
    height: 37px;
    line-height: 39px;
    overflow: hidden;
    padding: 8px 10px 0 0;
    margin-left: 39px;
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
    display: flex; }
    .offer-group .group-title a {
      display: inline-block;
      color: #4d4d4d;
      text-decoration: none;
      text-overflow: ellipsis;
      overflow: hidden;
      min-width: 0;
      flex-grow: 1; }
    .offer-group .group-title button {
      text-transform: none;
      margin-top: 6px;
      margin-left: 8px; }
    .offer-group .group-title .link-edit {
      visibility: hidden;
      display: inline-block;
      margin-left: 10px;
      font-size: 12px;
      font-weight: normal;
      margin-right: 5px; }
    .offer-group .group-title .add-offer .button-inner .icons-plus-16 {
      background: url(plus_icon_16-ef2473d1d7c82ae4a25c2821b80066d0.svg) no-repeat 0 0; }
    .offer-group .group-title .edit-button .button-inner .icons-edit-16 {
      background: url(edit_icon_16-fa3af27c2f011b0948b1a34e61f7159c.svg) no-repeat 0 0; }
    .offer-group .group-title .discount-button .button-inner {
      float: left;
      padding: 0 0 0 12px;
      font-size: 12px; }
      .offer-group .group-title .discount-button .button-inner .discount-label {
        padding-right: 4px; }
        .offer-group .group-title .discount-button .button-inner .discount-label .discount-off {
          padding-right: 8px; }
      .offer-group .group-title .discount-button .button-inner .discount-amount {
        display: inline-block;
        background: #3ba150;
        color: #fff;
        padding: 0 8px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px; }
    .offer-group .group-title .discount-button .button-border {
      border-right: 1px solid #b4b5af; }
  .offer-group .offers {
    min-height: 30px; }

#products {
  overflow-y: scroll; }
  #products .empty-list-container .icon {
    top: -33px;
    width: 125px;
    height: 125px; }

.product-dialog .ui-dialog-content {
  min-height: 237px; }

.product-dialog.pos-lite .ui-dialog-content {
  min-height: 185px; }

.product-dialog input[type='radio'] {
  margin-right: 8px; }

.product-list-container .button-primary {
  position: relative;
  top: 12px;
  right: 12px;
  float: right;
  z-index: 1; }

.product-list-container .product-list {
  padding-top: 45px; }

.offer-group .offer,
.product-row {
  border-top: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  border-left: 5px solid #3ba150;
  margin: 0 10px 5px;
  position: relative;
  background: #fff;
  line-height: 17px;
  cursor: pointer; }
  .offer-group .offer:hover,
  .product-row:hover {
    background: #f2f2f2; }
    .offer-group .offer:hover .wrapper,
    .product-row:hover .wrapper {
      background: #f2f2f2; }
  .offer-group .offer .label,
  .product-row .label {
    margin-top: -2px; }
  .offer-group .offer .custom-info,
  .offer-group .offer .product-price,
  .product-row .custom-info,
  .product-row .product-price {
    position: absolute;
    top: 0;
    right: 230px;
    bottom: auto;
    left: auto;
    width: 40px;
    white-space: nowrap; }
  .offer-group .offer .product-price,
  .offer-group .offer .tax-amount,
  .offer-group .offer .inventory-count,
  .product-row .product-price,
  .product-row .tax-amount,
  .product-row .inventory-count {
    color: #666; }
  .offer-group .offer .price,
  .offer-group .offer .inventory-count,
  .product-row .price,
  .product-row .inventory-count {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    width: 189px;
    text-align: right;
    white-space: nowrap;
    overflow: hidden; }
  .offer-group .offer .note,
  .product-row .note {
    padding-right: 4px;
    font-size: 12px; }
    .offer-group .offer .note.note-discount,
    .product-row .note.note-discount {
      color: #ff5c39; }
    .offer-group .offer .note.note-from,
    .product-row .note.note-from {
      color: #666; }
    .offer-group .offer .note.note-critical,
    .product-row .note.note-critical {
      font-size: 11px; }
  .offer-group .offer .stock,
  .product-row .stock {
    display: none; }
  .offer-group .offer.stock-view .custom-info,
  .offer-group .offer.stock-view .price,
  .product-row.stock-view .custom-info,
  .product-row.stock-view .price {
    display: none; }
  .offer-group .offer.stock-view .stock,
  .product-row.stock-view .stock {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    width: 250px;
    text-align: left; }
    .offer-group .offer.stock-view .stock .label,
    .product-row.stock-view .stock .label {
      margin-left: 0; }
      .offer-group .offer.stock-view .stock .label.label-sld,
      .product-row.stock-view .stock .label.label-sld {
        background: #d63700; }
  .offer-group .offer .main,
  .product-row .main {
    margin-right: 11px;
    padding: 9px 276px 7px 33px;
    position: relative;
    max-width: 751px; }
    .offer-group .offer .main .icon,
    .product-row .main .icon {
      position: absolute;
      top: 9px;
      right: auto;
      bottom: auto;
      left: 9px; }
      .offer-group .offer .main .icon.icons-package,
      .product-row .main .icon.icons-package {
        top: 7px; }
      .offer-group .offer .main .icon.icons-spa-day,
      .product-row .main .icon.icons-spa-day {
        top: 10px;
        left: 6px; }
      .offer-group .offer .main .icon.icons-spa-break,
      .product-row .main .icon.icons-spa-break {
        top: 11px;
        left: 8px; }
    .offer-group .offer .main .title,
    .product-row .main .title {
      font-weight: bold; }
      .offer-group .offer .main .title a,
      .product-row .main .title a {
        display: inline-block;
        text-decoration: none;
        color: #4d4d4d; }
      .offer-group .offer .main .title .offer-name,
      .product-row .main .title .offer-name {
        padding-right: 7px; }
      .offer-group .offer .main .title .label,
      .product-row .main .title .label {
        font-size: 11px;
        line-height: 18px;
        border: none;
        height: 18px;
        padding: 0 5px;
        margin-left: 0;
        margin-right: 7px; }
        .offer-group .offer .main .title .label.label-discount,
        .product-row .main .title .label.label-discount {
          padding-left: 20px; }
    .offer-group .offer .main .title,
    .offer-group .offer .main .price,
    .offer-group .offer .main .custom-info,
    .offer-group .offer .main .stock,
    .offer-group .offer .main .product-price,
    .offer-group .offer .main .tax-amount,
    .offer-group .offer .main .inventory-count,
    .product-row .main .title,
    .product-row .main .price,
    .product-row .main .custom-info,
    .product-row .main .stock,
    .product-row .main .product-price,
    .product-row .main .tax-amount,
    .product-row .main .inventory-count {
      top: 9px; }
  .offer-group .offer.ui-sortable-helper,
  .product-row.ui-sortable-helper {
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.5);
    border: 1px solid #5b5c56; }

.menu-content.drag-in-progress.drag-of-group .offers {
  display: none; }

.menu-content.drag-in-progress.drag-of-group .add-offer {
  display: none; }

.product-row .main {
  padding: 9px 246px 7px 20px;
  max-width: 845px; }
  .product-row .main .product-price {
    position: absolute;
    top: 10px;
    right: 425px;
    bottom: auto;
    left: auto; }
  .product-row .main .tax-amount {
    position: absolute;
    top: 10px;
    right: 205px;
    bottom: auto;
    left: auto; }
  .product-row .main .inventory-count {
    font-weight: bold; }
    .product-row .main .inventory-count.red {
      color: #c7505a; }

.menu-content.not-draggable .offer-group:hover {
  cursor: default; }

.sku-price .sku-price--discount {
  color: #00b0b9; }

.sku-price .sku-price--previous {
  text-decoration: line-through; }

.sku-price .sku-price--previous + .sku-price--discount {
  margin-left: 3px; }

.skus {
  margin-top: -7px;
  padding-bottom: 9px; }
  .skus .sku-invalid .wrapper {
    color: #ffb500;
    text-decoration: line-through; }
  .skus li {
    min-height: 17px;
    margin: 5px 11px 0 53px;
    position: relative;
    max-width: 1005px; }
    .skus li .wrapper {
      display: inline-block;
      padding: 0 2px;
      background: #fff; }
  .skus .title {
    color: #4d4d4d; }
  .skus li:hover {
    background: url(bg-line-afcc074400614b71f0c7acec88c88a55.png) 0 12px repeat-x; }

.offer-group .offer.not-visible {
  border-left: 5px solid #b3b3b3;
  color: #808080; }
  .offer-group .offer.not-visible .main .title a {
    color: #808080; }
  .offer-group .offer.not-visible .skus .title,
  .offer-group .offer.not-visible .note {
    color: #808080 !important; }
  .offer-group .offer.not-visible .note.note-critical {
    color: #fff !important; }

.if-simple {
  padding-left: 5px;
  color: #666; }

.section-title {
  padding-bottom: 8px;
  font-size: 16px; }

.featured-services .intro {
  line-height: 19px;
  font-size: 13px;
  padding-bottom: 8px; }
  .featured-services .intro p {
    padding-bottom: 8px; }

.listing {
  width: 100%; }
  .listing .view-enhanced {
    display: none; }
  .listing .view-standard .button-icon {
    top: -1px; }
  .listing.listing-enhanced .view-standard {
    display: none; }
  .listing.listing-enhanced .view-enhanced {
    display: block; }
  .listing.loading .view-standard,
  .listing.loading .view-enhanced {
    display: none; }

.featured .offer {
  height: 65px;
  margin-bottom: 15px;
  border: 2px solid #808080;
  background: #fff;
  padding: 5px 112px 6px 6px;
  position: relative;
  cursor: pointer; }
  .featured .offer:last-child {
    margin-bottom: 0; }
  .featured .offer .offer-delete {
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: auto;
    left: auto;
    width: 21px;
    height: 21px;
    cursor: pointer; }
  .featured .offer .pic {
    float: right;
    margin: 0 -107px 0 0;
    width: 94px;
    height: auto;
    max-height: 66px; }
  .featured .offer .title {
    max-height: 47px;
    overflow: hidden;
    font-weight: bold;
    line-height: 15px;
    font-size: 12px;
    padding-top: 2px; }
    .featured .offer .title .icon {
      display: inline-block;
      width: 12px;
      height: 11px;
      margin-right: 2px;
      float: left; }
  .featured .offer .date {
    display: inline-block;
    font-size: 12px;
    color: #808080;
    line-height: 19px;
    padding-top: 1px;
    vertical-align: middle;
    margin-right: 3px; }
  .featured .offer .label {
    margin-left: 0;
    margin-top: -2px; }
  .featured .offer.offer-empty, .featured .offer.offer-empty:hover {
    text-align: center;
    background: #fff;
    border: 2px dashed #808080;
    padding: 5px 0 6px;
    color: #666;
    cursor: default; }
    .featured .offer.offer-empty p, .featured .offer.offer-empty:hover p {
      padding-top: 23px; }

.multiple-services-form .sorting {
  margin: -20px -17px 0 262px;
  height: 36px;
  border-left: 1px solid #b3b3b3;
  line-height: 36px;
  padding: 0 17px;
  font-weight: bold; }
  .multiple-services-form .sorting ul {
    display: inline-block;
    margin-left: 11px;
    font-weight: normal; }
  .multiple-services-form .sorting li {
    display: inline-block;
    margin-left: 6px; }
    .multiple-services-form .sorting li a {
      display: inline-block;
      line-height: 22px;
      -webkit-border-radius: 12px 12px;
      -moz-border-radius: 12px / 12px;
      border-radius: 12px / 12px;
      padding: 0 11px;
      color: #4d4d4d;
      text-decoration: none; }
    .multiple-services-form .sorting li a:hover,
    .multiple-services-form .sorting li.on a {
      background: #e6e6e6;
      color: #333; }

.multiple-services-form .dialog-head {
  display: none; }

.multiple-services-form .dialog-actions .button-continue {
  display: none; }

#multiple-services-tabs {
  margin: 0 -17px -10px;
  height: 350px; }
  #multiple-services-tabs .multiple-services-groups {
    float: left;
    width: 279px;
    height: 350px;
    overflow: auto;
    border-right: 1px solid #b3b3b3;
    border-top: 1px solid #b3b3b3; }
    #multiple-services-tabs .multiple-services-groups li {
      border-top: 1px solid #f9f9f7;
      border-bottom: 1px solid #b3b3b3; }
      #multiple-services-tabs .multiple-services-groups li a {
        display: block;
        position: relative;
        height: 35px;
        line-height: 35px;
        padding: 0 17px;
        background: #fff;
        color: #4d4d4d;
        text-decoration: none; }
        #multiple-services-tabs .multiple-services-groups li a .count {
          position: absolute;
          top: 9px;
          right: 17px;
          bottom: auto;
          left: auto;
          background: #3ba150;
          color: #fff; }
          #multiple-services-tabs .multiple-services-groups li a .count.hidden {
            display: none; }
      #multiple-services-tabs .multiple-services-groups li.ui-state-hover a,
      #multiple-services-tabs .multiple-services-groups li.ui-tabs-active a,
      #multiple-services-tabs .multiple-services-groups li:hover a {
        background: #e6e6e6; }
      #multiple-services-tabs .multiple-services-groups li.ui-tabs-active {
        border-top: 1px solid #e6e6e6; }
        #multiple-services-tabs .multiple-services-groups li.ui-tabs-active a {
          font-weight: bold;
          color: #333; }
  #multiple-services-tabs .multiple-services-list {
    float: left;
    width: 400px;
    height: 350px;
    overflow: auto;
    border-top: 1px solid #b3b3b3; }

.multiple-services-list ul {
  margin: 17px; }
  .multiple-services-list ul li {
    padding-bottom: 11px;
    padding-left: 20px;
    position: relative;
    min-height: 22px; }
    .multiple-services-list ul li input {
      position: absolute;
      top: 4px;
      right: auto;
      bottom: auto;
      left: 0; }

.offer-form {
  padding: 0; }
  .offer-form .dialog-content {
    margin: 0; }
  .offer-form .dialog-actions {
    margin: 0;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0; }
  .offer-form .top-shadow {
    top: 114px; }
  .offer-form .bottom-shadow {
    bottom: -1px; }

.offer-form-main {
  position: absolute;
  top: 0;
  right: 120px;
  bottom: 57px;
  left: 0;
  width: 645px; }
  .offer-form-main.no-images {
    width: 100%;
    right: 0; }

.offer-form-aside {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 58px;
  left: auto;
  width: 120px;
  border-left: 1px solid #b3b3b3;
  overflow: auto;
  background: #fff;
  padding: 14px 17px; }
  .offer-form-aside .part-title {
    line-height: 17px; }

.offer-form.package-form .offer-main-info {
  height: 86px; }
  .offer-form.package-form .offer-main-info .icon {
    position: absolute;
    top: 11px;
    right: auto;
    bottom: auto;
    left: 27px; }

.offer-form.package-form .top-shadow {
  top: 103px; }

.offer-form.package-form .offer-content {
  top: 104px; }

.offer-form.spa-day-form .offer-main-info {
  height: 114px; }
  .offer-form.spa-day-form .offer-main-info .icon {
    position: absolute;
    top: 16px;
    right: auto;
    bottom: auto;
    left: 18px; }

.offer-form.spa-day-form .top-shadow {
  top: 131px; }

.offer-form.spa-day-form .offer-content {
  top: 132px; }

.offer-form.spa-break-form .offer-main-info {
  height: 141px; }
  .offer-form.spa-break-form .offer-main-info .icon {
    position: absolute;
    top: 17px;
    right: auto;
    bottom: auto;
    left: 20px; }

.offer-form.spa-break-form .top-shadow {
  top: 158px; }

.offer-form.spa-break-form .offer-content {
  top: 159px; }

.offer-form.package-form .offer-content, .offer-form.spa-day-form .offer-content, .offer-form.spa-break-form .offer-content {
  outline: none; }

.offer-form.package-form .offer-main-info, .offer-form.spa-day-form .offer-main-info, .offer-form.spa-break-form .offer-main-info {
  background: #fff;
  padding: 17px 0 0 94px;
  border-bottom: 1px solid #b3b3b3;
  position: relative; }
  .offer-form.package-form .offer-main-info .txt-input-big, .offer-form.spa-day-form .offer-main-info .txt-input-big, .offer-form.spa-break-form .offer-main-info .txt-input-big {
    width: 532px; }
    .offer-form.package-form .offer-main-info .txt-input-big input, .offer-form.spa-day-form .offer-main-info .txt-input-big input, .offer-form.spa-break-form .offer-main-info .txt-input-big input {
      font-weight: bold; }
      .offer-form.package-form .offer-main-info .txt-input-big input.error, .offer-form.spa-day-form .offer-main-info .txt-input-big input.error, .offer-form.spa-break-form .offer-main-info .txt-input-big input.error {
        padding-right: 32px;
        width: 94%; }
  .offer-form.package-form .offer-main-info .default-form, .offer-form.spa-day-form .offer-main-info .default-form, .offer-form.spa-break-form .offer-main-info .default-form {
    width: 534px;
    margin-top: 5px; }
    .offer-form.package-form .offer-main-info .default-form td, .offer-form.spa-day-form .offer-main-info .default-form td, .offer-form.spa-break-form .offer-main-info .default-form td {
      padding-bottom: 0; }

.offer-form.package-form .package-treatments, .offer-form.spa-day-form .package-treatments, .offer-form.spa-break-form .package-treatments {
  width: 45%;
  border-bottom: 1px solid #b3b3b3;
  padding: 17px 17px 5px; }
  .offer-form.package-form .package-treatments .link-edit, .offer-form.spa-day-form .package-treatments .link-edit, .offer-form.spa-break-form .package-treatments .link-edit {
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
    font-weight: normal; }
  .offer-form.package-form .package-treatments .package-list, .offer-form.spa-day-form .package-treatments .package-list, .offer-form.spa-break-form .package-treatments .package-list {
    padding-bottom: 7px; }
  .offer-form.package-form .package-treatments .empty, .offer-form.spa-day-form .package-treatments .empty, .offer-form.spa-break-form .package-treatments .empty {
    padding-bottom: 13px; }
    .offer-form.package-form .package-treatments .empty .link-edit, .offer-form.spa-day-form .package-treatments .empty .link-edit, .offer-form.spa-break-form .package-treatments .empty .link-edit {
      display: none; }
    .offer-form.package-form .package-treatments .empty .intro, .offer-form.spa-day-form .package-treatments .empty .intro, .offer-form.spa-break-form .package-treatments .empty .intro {
      min-height: 15px;
      padding: 0 0 0 26px;
      line-height: 17px;
      margin-bottom: 4px; }
      .offer-form.package-form .package-treatments .empty .intro .icons-attention-small, .offer-form.spa-day-form .package-treatments .empty .intro .icons-attention-small, .offer-form.spa-break-form .package-treatments .empty .intro .icons-attention-small {
        float: left;
        margin-left: -26px; }
    .offer-form.package-form .package-treatments .empty .treatments-wrapper, .offer-form.spa-day-form .package-treatments .empty .treatments-wrapper, .offer-form.spa-break-form .package-treatments .empty .treatments-wrapper {
      display: inline-block;
      margin-top: 9px; }

.offer-form.package-form .package-treatments, .offer-form.spa-day-form .package-treatments, .offer-form.spa-break-form .package-treatments {
  width: auto; }
  .offer-form.package-form .package-treatments .package-list .basic-list, .offer-form.spa-day-form .package-treatments .package-list .basic-list, .offer-form.spa-break-form .package-treatments .package-list .basic-list {
    float: left;
    margin-right: 17px;
    width: 47%; }
    .offer-form.package-form .package-treatments .package-list .basic-list:last-child, .offer-form.spa-day-form .package-treatments .package-list .basic-list:last-child, .offer-form.spa-break-form .package-treatments .package-list .basic-list:last-child {
      margin-right: 0; }

.offer-form.package-form .package-description, .offer-form.spa-day-form .package-description, .offer-form.spa-break-form .package-description {
  border-bottom: 1px solid #b3b3b3;
  padding: 17px 17px 17px 0; }
  .offer-form.package-form .package-description .cke_skin_kama, .offer-form.spa-day-form .package-description .cke_skin_kama, .offer-form.spa-break-form .package-description .cke_skin_kama {
    margin-bottom: 0; }
  .offer-form.package-form .package-description .cke_top, .offer-form.spa-day-form .package-description .cke_top, .offer-form.spa-break-form .package-description .cke_top {
    height: 13px; }
  .offer-form.package-form .package-description .cke_editor, .offer-form.spa-day-form .package-description .cke_editor, .offer-form.spa-break-form .package-description .cke_editor {
    height: 132px; }
  .offer-form.package-form .package-description .cke_contents, .offer-form.spa-day-form .package-description .cke_contents, .offer-form.spa-break-form .package-description .cke_contents {
    height: 119px !important; }

.offer-form.package-form .descriptions .package-description, .offer-form.spa-day-form .descriptions .package-description, .offer-form.spa-break-form .descriptions .package-description {
  border-bottom: none; }

.offer-form.package-form .pricing-container select, .offer-form.spa-day-form .pricing-container select, .offer-form.spa-break-form .pricing-container select {
  margin-right: 10px; }

.offer-form.package-form .pricing-container .txt-input-mini input.error, .offer-form.spa-day-form .pricing-container .txt-input-mini input.error, .offer-form.spa-break-form .pricing-container .txt-input-mini input.error {
  background-position: 100% 3px; }

.offer-form.package-form .single-pricing-container, .offer-form.spa-day-form .single-pricing-container, .offer-form.spa-break-form .single-pricing-container {
  background: #fff;
  margin-bottom: 15px;
  padding: 10px 15px; }
  .offer-form.package-form .single-pricing-container tr:first-child .label-part, .offer-form.spa-day-form .single-pricing-container tr:first-child .label-part, .offer-form.spa-break-form .single-pricing-container tr:first-child .label-part {
    vertical-align: middle; }
  .offer-form.package-form .single-pricing-container .pricing-add-new, .offer-form.spa-day-form .single-pricing-container .pricing-add-new, .offer-form.spa-break-form .single-pricing-container .pricing-add-new {
    border-top: 1px solid #b3b3b3;
    margin: 8px -15px 0;
    padding: 12px 15px 3px; }

.offer-form.package-form .fulfillment-edit select, .offer-form.spa-day-form .fulfillment-edit select, .offer-form.spa-break-form .fulfillment-edit select {
  margin-right: 0; }

.offer-form.package-form .policies, .offer-form.spa-day-form .policies, .offer-form.spa-break-form .policies {
  border-top: 1px solid #b3b3b3;
  padding: 13px 17px 12px; }
  .offer-form.package-form .policies .part-title, .offer-form.spa-day-form .policies .part-title, .offer-form.spa-break-form .policies .part-title {
    margin-bottom: 6px; }
  .offer-form.package-form .policies table, .offer-form.spa-day-form .policies table, .offer-form.spa-break-form .policies table {
    width: auto;
    margin-bottom: -2px; }
  .offer-form.package-form .policies .link-edit, .offer-form.spa-day-form .policies .link-edit, .offer-form.spa-break-form .policies .link-edit {
    margin-left: 10px;
    font-size: 12px; }
  .offer-form.package-form .policies .form-row, .offer-form.spa-day-form .policies .form-row, .offer-form.spa-break-form .policies .form-row {
    width: auto; }
    .offer-form.package-form .policies .form-row .label-part, .offer-form.spa-day-form .policies .form-row .label-part, .offer-form.spa-break-form .policies .form-row .label-part {
      min-width: 130px;
      padding-bottom: 10px;
      text-align: right;
      vertical-align: middle;
      user-select: none; }
      .offer-form.package-form .policies .form-row .label-part label,
      .offer-form.package-form .policies .form-row .label-part span, .offer-form.spa-day-form .policies .form-row .label-part label,
      .offer-form.spa-day-form .policies .form-row .label-part span, .offer-form.spa-break-form .policies .form-row .label-part label,
      .offer-form.spa-break-form .policies .form-row .label-part span {
        display: inline-block;
        line-height: 17px;
        padding-right: 9px; }
    .offer-form.package-form .policies .form-row .input-part, .offer-form.spa-day-form .policies .form-row .input-part, .offer-form.spa-break-form .policies .form-row .input-part {
      width: auto;
      padding-bottom: 10px;
      vertical-align: middle; }

.offer-form.package-form .spa-form-skus, .offer-form.spa-day-form .spa-form-skus, .offer-form.spa-break-form .spa-form-skus {
  margin-bottom: 15px !important; }

.offer-form.spa-break-form .package-description {
  width: 100%;
  border-bottom: none; }
  .offer-form.spa-break-form .package-description .cke_skin_kama {
    margin-bottom: 10px; }
  .offer-form.spa-break-form .package-description .cke_top {
    height: 13px; }
  .offer-form.spa-break-form .package-description .cke_editor {
    height: 83px; }

.single-pricing-container select,
.modal-single-sku-container select {
  margin-right: 10px; }

.single-pricing-container .txt-input-mini,
.modal-single-sku-container .txt-input-mini {
  width: 47px;
  display: inline-block;
  margin-right: 5px; }

.single-pricing-container label + .txt-input-mini,
.modal-single-sku-container label + .txt-input-mini {
  margin-left: 5px; }

.offer-form .range,
.skus-edit .range,
.single-pricing-container .range,
.modal-single-sku-container .range {
  display: inline-block;
  font-size: 12px;
  color: #666;
  vertical-align: middle; }
  .offer-form .range .help-txt,
  .skus-edit .range .help-txt,
  .single-pricing-container .range .help-txt,
  .modal-single-sku-container .range .help-txt {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 12px;
    color: #666; }
  .offer-form .range.hidden,
  .skus-edit .range.hidden,
  .single-pricing-container .range.hidden,
  .modal-single-sku-container .range.hidden {
    display: none; }

.offer-form.spa-break-form .single-sku-container .default-form,
.offer-form.spa-day-form .single-sku-container .default-form,
.modal-single-sku-container .single-sku-container .default-form {
  width: 100%; }

.offer-form.spa-day-form .spa-pricing-title {
  margin-bottom: -13px; }

.offer-form.spa-day-form .skus-list.spa-form-skus {
  border-bottom: 0; }
  .offer-form.spa-day-form .skus-list.spa-form-skus td {
    border-top: 13px solid #fff; }
  .offer-form.spa-day-form .skus-list.spa-form-skus .sku-title .weekdays-mini-wrapper {
    width: auto;
    margin: -6px 5px -5px -10px; }
  .offer-form.spa-day-form .skus-list.spa-form-skus .sku-title .weekdays-mini {
    margin-right: 0;
    border-right: 0 !important; }
    .offer-form.spa-day-form .skus-list.spa-form-skus .sku-title .weekdays-mini li {
      border-left: 0;
      border-right: 1px solid #fff; }

.single-sku-container .weekdays {
  margin: 5px 0 5px 5px; }

.cleanup-time-block {
  float: right;
  line-height: 19px; }
  .cleanup-time-block select {
    margin-left: 4px; }

.spa-pricing-title {
  position: relative;
  padding: 5px 0 5px 0; }
  .spa-pricing-title .spa-date-range {
    font-weight: bold; }
  .spa-pricing-title .link-edit {
    margin-left: 5px;
    font-size: 12px;
    visibility: hidden; }
  .spa-pricing-title:hover .link-edit {
    visibility: visible; }
  .spa-pricing-title .spa-date-range,
  .spa-pricing-title .link-edit {
    cursor: pointer; }
  .spa-pricing-title button {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 5px;
    left: auto; }

.offer-form .offer-type {
  height: 131px;
  background: #fff;
  padding: 17px 0 0 94px;
  border-bottom: 1px solid #b3b3b3;
  position: relative; }
  .offer-form .offer-type .icon {
    position: absolute;
    top: 16px;
    right: auto;
    bottom: auto;
    left: 20px; }
  .offer-form .offer-type .default-form {
    width: 534px;
    margin-top: -5px; }
  .offer-form .offer-type .txt-input-big {
    width: 532px;
    height: 33px;
    margin-bottom: 10px;
    margin-right: 0;
    padding: 0; }
    .offer-form .offer-type .txt-input-big input {
      height: 33px;
      font-size: 18px;
      color: #4d4d4d;
      font-weight: bold;
      line-height: 16px;
      text-indent: 10px; }
      .offer-form .offer-type .txt-input-big input.error {
        padding-right: 32px;
        width: 94%; }
    .offer-form .offer-type .txt-input-big ::-webkit-input-placeholder {
      padding-top: 6px; }

.offer-form .offer-content {
  position: absolute;
  top: 149px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  outline: none; }

.offer-form table {
  width: 100%; }
  .offer-form table td input,
  .offer-form table td select {
    vertical-align: middle; }

.offer-form .listing {
  width: 100%;
  padding: 17px 0 5px; }
  .offer-form .listing .part-title {
    margin-left: 17px;
    margin-right: 17px; }
  .offer-form .listing .choices {
    margin-left: 17px;
    margin-right: 17px;
    width: auto;
    display: inline-block;
    padding: 0 5px 9px 20px;
    position: relative;
    line-height: 1.2em;
    user-select: none; }
    .offer-form .listing .choices input {
      position: absolute;
      top: 1px;
      right: auto;
      bottom: auto;
      left: 0;
      margin: 0; }
    .offer-form .listing .choices.hidden {
      display: none; }
  .offer-form .listing .listing-link {
    padding-top: 9px; }

.offer-form .fullfilment {
  margin: 7px 17px; }
  .offer-form .fullfilment table {
    width: auto;
    margin-bottom: -2px; }
  .offer-form .fullfilment .form-row {
    width: auto; }
    .offer-form .fullfilment .form-row .label-part {
      min-width: 130px;
      padding-bottom: 10px;
      text-align: right;
      vertical-align: middle;
      user-select: none; }
      .offer-form .fullfilment .form-row .label-part label,
      .offer-form .fullfilment .form-row .label-part span {
        display: inline-block;
        line-height: 17px;
        padding-right: 9px; }
    .offer-form .fullfilment .form-row .input-part {
      width: auto;
      padding-bottom: 10px;
      vertical-align: middle; }
      .offer-form .fullfilment .form-row .input-part select {
        margin-right: 10px; }
        .offer-form .fullfilment .form-row .input-part select:last-child {
          margin-right: 0; }
  .offer-form .fullfilment .weekdays {
    margin-top: 2px;
    display: inline-block;
    vertical-align: middle; }
  .offer-form .fullfilment .empty {
    background: #fff;
    padding: 17px; }
    .offer-form .fullfilment .empty .link-edit {
      display: none; }
    .offer-form .fullfilment .empty .intro {
      min-height: 15px;
      padding: 0 17px 0 26px;
      line-height: 17px;
      margin-bottom: 4px;
      font-weight: bold; }
      .offer-form .fullfilment .empty .intro .icons-attention-small {
        float: left;
        margin-left: -26px; }
    .offer-form .fullfilment .empty .after-txt {
      line-height: 17px;
      margin-top: 6px; }
    .offer-form .fullfilment .empty .button {
      margin-top: 9px; }
  .offer-form .fullfilment .enhanced-upgrade-part {
    margin-top: 12px;
    background: #fff;
    padding: 17px; }
    .offer-form .fullfilment .enhanced-upgrade-part .intro {
      min-height: 15px;
      padding: 0 17px 0 26px;
      line-height: 17px;
      margin-bottom: 4px;
      font-weight: bold; }
      .offer-form .fullfilment .enhanced-upgrade-part .intro .icons-attention-small {
        float: left;
        margin-left: -26px; }
    .offer-form .fullfilment .enhanced-upgrade-part .button {
      margin-top: 9px; }

.offer-form .descriptions {
  border-top: 1px solid #b3b3b3;
  padding: 13px 17px 17px; }
  .offer-form .descriptions .txts {
    padding: 0 0 3px; }
  .offer-form .descriptions .part-title {
    display: inline-block;
    margin-bottom: 6px; }
  .offer-form .descriptions .link-add {
    display: inline-block;
    margin-left: 15px;
    text-decoration: underline;
    color: #001e62;
    font-size: 13px;
    cursor: pointer; }
    .offer-form .descriptions .link-add:hover {
      color: #333; }
    .offer-form .descriptions .link-add.hidden {
      display: none; }
  .offer-form .descriptions .description .cke_contents {
    height: 119px !important; }
    .offer-form .descriptions .description .cke_contents body,
    .offer-form .descriptions .description .cke_contents .cke_show_borders {
      margin: 0 !important; }
      .offer-form .descriptions .description .cke_contents body p,
      .offer-form .descriptions .description .cke_contents .cke_show_borders p {
        margin-top: 0; }
  .offer-form .descriptions .restrictions textarea {
    margin-bottom: 10px; }
  .offer-form .descriptions textarea.ckeditor {
    display: block;
    width: 99%;
    -webkit-border-radius: 0 0;
    -moz-border-radius: 0 / 0;
    border-radius: 0 / 0; }
    .offer-form .descriptions textarea.ckeditor.hidden {
      display: none; }

.offer-form .skus-pricing {
  border-bottom: 1px solid #b3b3b3;
  padding: 17px;
  position: relative; }
  .offer-form .skus-pricing .manage-inventory {
    position: absolute;
    top: 11px;
    right: 10px;
    bottom: auto;
    left: auto;
    padding-right: 7px;
    padding-top: 3px; }
    .offer-form .skus-pricing .manage-inventory label {
      display: block;
      line-height: 1em;
      padding: 0; }
    .offer-form .skus-pricing .manage-inventory input {
      margin-right: 3px; }
  .offer-form .skus-pricing .skus-list {
    width: 100%;
    border-bottom: 1px solid #b3b3b3;
    border-collapse: collapse;
    margin-bottom: 10px; }
    .offer-form .skus-pricing .skus-list tr.item {
      cursor: pointer; }
    .offer-form .skus-pricing .skus-list td {
      padding: 11px 10px 9px;
      border-top: 1px solid #b3b3b3;
      background: #fff;
      vertical-align: top;
      white-space: nowrap;
      line-height: 17px;
      cursor: pointer; }
      .offer-form .skus-pricing .skus-list td.sku-title {
        white-space: normal;
        width: 100%; }
        .offer-form .skus-pricing .skus-list td.sku-title .link-edit {
          visibility: hidden;
          margin-left: 5px;
          font-size: 12px; }
      .offer-form .skus-pricing .skus-list td.sku-price, .offer-form .skus-pricing .skus-list td.sku-rrp {
        text-align: right; }
        .offer-form .skus-pricing .skus-list td.sku-price .not-purchasable, .offer-form .skus-pricing .skus-list td.sku-rrp .not-purchasable {
          white-space: nowrap; }
      .offer-form .skus-pricing .skus-list td.sku-rrp {
        font-size: 12px;
        padding-right: 0; }
      .offer-form .skus-pricing .skus-list td.error {
        background: url(error-c44c12819817d1e2a0a77fd975435b32.png) 100% 11px no-repeat;
        padding-right: 24px;
        width: 94%; }
      .offer-form .skus-pricing .skus-list td .note.note-discount {
        color: #00b0b9; }
      .offer-form .skus-pricing .skus-list td .note.note-from {
        color: #666; }
    .offer-form .skus-pricing .skus-list tr:hover td {
      background: #e6e6e6; }
      .offer-form .skus-pricing .skus-list tr:hover td.sku-title .link-edit {
        visibility: visible; }
    .offer-form .skus-pricing .skus-list tr.disabled td {
      cursor: default; }
    .offer-form .skus-pricing .skus-list tr.disabled:hover .sku-title .link-edit {
      visibility: hidden; }
  .offer-form .skus-pricing .add-sku {
    line-height: 19px; }

.offer-form .price-wrapper {
  display: inline-block; }
  .offer-form .price-wrapper .range .help-txt {
    margin: 0; }

.offer-form .service-team {
  border-bottom: 1px solid #b3b3b3;
  padding: 17px 17px 12px;
  position: relative; }
  .offer-form .service-team .current-team {
    margin-bottom: 5px;
    margin-left: -9px;
    line-height: 19px;
    padding-left: 9px; }
    .offer-form .service-team .current-team * {
      vertical-align: middle; }
    .offer-form .service-team .current-team .icon {
      display: inline-block;
      margin-right: 3px;
      margin-left: 10px;
      margin-top: -2px; }
  .offer-form .service-team .employee-selector .chosen-container {
    margin-bottom: 0; }
  .offer-form .service-team .employee-selector .chosen-choices {
    border: 1px solid #b3b3b3;
    -webkit-border-radius: 3px 3px;
    -moz-border-radius: 3px / 3px;
    border-radius: 3px / 3px;
    background-image: none;
    background: #fff;
    padding-bottom: 2px; }
    .offer-form .service-team .employee-selector .chosen-choices .search-choice {
      height: 14px;
      line-height: 14px;
      -webkit-border-radius: 0 0;
      -moz-border-radius: 0 / 0;
      border-radius: 0 / 0;
      background: #fff url(user3-1e42930f71472fa0701706c437865ddd.png) 5px 3px no-repeat;
      padding-left: 20px;
      border: 1px solid #aaaba4;
      margin-left: 3px;
      margin-bottom: 0; }
      .offer-form .service-team .employee-selector .chosen-choices .search-choice.readonly {
        padding-right: 6px; }
        .offer-form .service-team .employee-selector .chosen-choices .search-choice.readonly span {
          display: inline-block;
          padding-right: 14px;
          background: url(lock-mini-b382c53844a6a662d686bc81f39855b0.png) 100% 2px no-repeat; }
  .offer-form .service-team .employee-selector .chosen-container-active .chosen-choices {
    box-shadow: 0 0 5px rgba(82, 147, 208, 0); }
  .offer-form .service-team .employee-selector .chosen-drop {
    width: 99% !important;
    border: 1px solid #989993;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-top: -2px;
    padding-right: 5px; }
    .offer-form .service-team .employee-selector .chosen-drop .chosen-results {
      margin: -1px -5px 0 0;
      padding: 1px 0 0; }
      .offer-form .service-team .employee-selector .chosen-drop .chosen-results li {
        padding-left: 5px;
        padding-right: 5px; }
        .offer-form .service-team .employee-selector .chosen-drop .chosen-results li:last-child {
          -moz-border-radius-bottomleft: 4px;
          -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
          -moz-border-radius-bottomright: 4px;
          -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px; }

.offer-form .part-title {
  margin-top: -5px;
  margin-bottom: 8px; }

.offer-form .voucher-part .link-edit {
  margin-left: 10px; }

.offer-form .dialog-actions .button-link {
  margin-top: 14px;
  display: inline-block; }
  .offer-form .dialog-actions .button-link.hidden {
    display: none; }

.single-sku-container {
  margin-bottom: 15px;
  padding: 10px 15px;
  background: #fff; }
  .single-sku-container select {
    margin-left: 5px; }
  .single-sku-container td {
    vertical-align: middle; }
  .single-sku-container .default-form {
    margin-bottom: 0;
    width: auto; }
  .single-sku-container .form-row .label-part {
    min-width: 92px; }
    .single-sku-container .form-row .label-part label,
    .single-sku-container .form-row .label-part span {
      display: inline-block; }
  .single-sku-container .form-row .input-part {
    width: auto;
    padding-left: 9px; }
  .single-sku-container .txt-input {
    display: inline-block;
    margin: 0 5px; }
    .single-sku-container .txt-input.hidden {
      display: none; }
  .single-sku-container .txt-input-mini input.error {
    background-position: 100% 3px; }
  .single-sku-container .sku-title .input-part {
    padding-right: 9px; }
  .single-sku-container .skus-edit .txt-input.full input.error {
    width: 90%; }
  .single-sku-container .skus-edit .txt-input-mini input.error {
    background-position: 100% 4px; }
  .single-sku-container .skus-edit .range .help-txt {
    margin: 0; }

.modal-single-sku-container .single-sku-container {
  margin: -20px -17px -10px;
  background: #fff; }

.offer-form .cke_skin_kama,
.form-venue-details .cke_skin_kama,
.default-form .cke_skin_kama {
  margin: 0 0 10px;
  padding: 0;
  border: 1px solid #b3b3b3;
  -webkit-border-radius: 0 0;
  -moz-border-radius: 0 / 0;
  border-radius: 0 / 0; }
  .offer-form .cke_skin_kama .cke_wrapper,
  .form-venue-details .cke_skin_kama .cke_wrapper,
  .default-form .cke_skin_kama .cke_wrapper {
    padding: 0;
    background: #fff;
    background-image: none;
    -webkit-border-radius: 0 0;
    -moz-border-radius: 0 / 0;
    border-radius: 0 / 0; }
  .offer-form .cke_skin_kama .cke_top,
  .form-venue-details .cke_skin_kama .cke_top,
  .default-form .cke_skin_kama .cke_top {
    background: #fff;
    border-bottom: 1px solid #b3b3b3;
    padding: 0 !important;
    vertical-align: middle;
    text-align: center; }
    .offer-form .cke_skin_kama .cke_top .cke_toolbox_collapser,
    .form-venue-details .cke_skin_kama .cke_top .cke_toolbox_collapser,
    .default-form .cke_skin_kama .cke_top .cke_toolbox_collapser {
      width: 30px;
      height: 13px;
      margin: 0;
      padding: 0;
      border: 0;
      background: url(arrow-top3-3cc302944b31b6e280a320f300ba51cd.png) 12px 9px no-repeat; }
      .offer-form .cke_skin_kama .cke_top .cke_toolbox_collapser.cke_toolbox_collapser_min,
      .form-venue-details .cke_skin_kama .cke_top .cke_toolbox_collapser.cke_toolbox_collapser_min,
      .default-form .cke_skin_kama .cke_top .cke_toolbox_collapser.cke_toolbox_collapser_min {
        width: 100%;
        background: url(arrow-bottom3-2051db91cee473bde589910b8d4467c2.png) 12px 4px no-repeat; }
  .offer-form .cke_skin_kama .cke_toolgroup,
  .form-venue-details .cke_skin_kama .cke_toolgroup,
  .default-form .cke_skin_kama .cke_toolgroup {
    -webkit-border-radius: 0 0;
    -moz-border-radius: 0 / 0;
    border-radius: 0 / 0;
    background: none;
    padding: 0;
    margin: 0;
    height: 27px; }
    .offer-form .cke_skin_kama .cke_toolgroup .cke_separator,
    .form-venue-details .cke_skin_kama .cke_toolgroup .cke_separator,
    .default-form .cke_skin_kama .cke_toolgroup .cke_separator {
      display: none; }
    .offer-form .cke_skin_kama .cke_toolgroup .cke_button,
    .form-venue-details .cke_skin_kama .cke_toolgroup .cke_button,
    .default-form .cke_skin_kama .cke_toolgroup .cke_button {
      display: inline-block;
      width: 40px;
      height: 27px;
      padding: 0;
      margin: 0;
      border-right: 1px solid #b3b3b3;
      cursor: pointer; }
      .offer-form .cke_skin_kama .cke_toolgroup .cke_button a,
      .form-venue-details .cke_skin_kama .cke_toolgroup .cke_button a,
      .default-form .cke_skin_kama .cke_toolgroup .cke_button a {
        width: 40px;
        height: 27px;
        -webkit-border-radius: 0 0;
        -moz-border-radius: 0 / 0;
        border-radius: 0 / 0;
        padding: 0;
        margin: 0;
        cursor: pointer; }
        .offer-form .cke_skin_kama .cke_toolgroup .cke_button a .cke_icon,
        .form-venue-details .cke_skin_kama .cke_toolgroup .cke_button a .cke_icon,
        .default-form .cke_skin_kama .cke_toolgroup .cke_button a .cke_icon {
          margin: 5px 0 0 12px; }
        .offer-form .cke_skin_kama .cke_toolgroup .cke_button a:hover,
        .form-venue-details .cke_skin_kama .cke_toolgroup .cke_button a:hover,
        .default-form .cke_skin_kama .cke_toolgroup .cke_button a:hover {
          padding: 0;
          margin: 0;
          background: #d6d7d0; }
        .offer-form .cke_skin_kama .cke_toolgroup .cke_button a.cke_on, .offer-form .cke_skin_kama .cke_toolgroup .cke_button a.cke_on:hover,
        .form-venue-details .cke_skin_kama .cke_toolgroup .cke_button a.cke_on,
        .form-venue-details .cke_skin_kama .cke_toolgroup .cke_button a.cke_on:hover,
        .default-form .cke_skin_kama .cke_toolgroup .cke_button a.cke_on,
        .default-form .cke_skin_kama .cke_toolgroup .cke_button a.cke_on:hover {
          background: #d6d7d0; }
  .offer-form .cke_skin_kama .cke_contents,
  .form-venue-details .cke_skin_kama .cke_contents,
  .default-form .cke_skin_kama .cke_contents {
    padding: 0 !important;
    font-family: "Source Sans Pro", sans-serif, Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.2em;
    color: #4d4d4d; }
    .offer-form .cke_skin_kama .cke_contents iframe body,
    .offer-form .cke_skin_kama .cke_contents iframe .cke_show_borders,
    .form-venue-details .cke_skin_kama .cke_contents iframe body,
    .form-venue-details .cke_skin_kama .cke_contents iframe .cke_show_borders,
    .default-form .cke_skin_kama .cke_contents iframe body,
    .default-form .cke_skin_kama .cke_contents iframe .cke_show_borders {
      margin: 5px; }
  .offer-form .cke_skin_kama .cke_bottom,
  .form-venue-details .cke_skin_kama .cke_bottom,
  .default-form .cke_skin_kama .cke_bottom {
    display: none; }

.cke_show_borders {
  margin: 5px !important; }

.menu-item-pictures {
  user-select: none; }
  .menu-item-pictures li {
    width: 100px;
    margin-bottom: 10px;
    position: relative; }
    .menu-item-pictures li.multi-upload .single-picture-wrapper {
      height: 40px; }
    .menu-item-pictures li.multi-upload.processing .single-picture-wrapper {
      background: url(search-loader-4116208abfcd4eec12fb652aaa46b2f9.gif) no-repeat center; }
    .menu-item-pictures li.multi-upload.processing .add-picture {
      display: none; }
    .menu-item-pictures li .single-picture-wrapper {
      width: 99px;
      height: 66px;
      overflow: hidden;
      border: 2px solid #808080;
      cursor: move;
      box-sizing: border-box; }
      .menu-item-pictures li .single-picture-wrapper.locked {
        cursor: default; }
      .menu-item-pictures li .single-picture-wrapper img {
        display: block;
        width: 100%; }
    .menu-item-pictures li .single-picture-title {
      width: 96px;
      font-size: 11px;
      font-weight: normal;
      line-height: 10px;
      background: #808080;
      color: #fff;
      padding: 0 4px;
      text-align: center;
      cursor: move; }
      .menu-item-pictures li .single-picture-title span {
        display: none; }
    .menu-item-pictures li:first-child .single-picture-title span {
      display: block;
      padding: 2px 0 3px; }
    .menu-item-pictures li .icons-delete2 {
      display: none; }
    .menu-item-pictures li .icons-locked2 {
      display: none; }
    .menu-item-pictures li:hover .single-picture-wrapper {
      border: 2px solid #333; }
    .menu-item-pictures li:hover .single-picture-title {
      background: #333; }
    .menu-item-pictures li:hover .icons-delete2 {
      display: block;
      position: absolute;
      top: -10px;
      right: -10px;
      bottom: auto;
      left: auto;
      cursor: pointer; }
    .menu-item-pictures li:hover .icons-locked2 {
      display: block;
      position: absolute;
      top: -10px;
      right: -10px;
      bottom: auto;
      left: auto;
      cursor: pointer; }
    .menu-item-pictures li.empty .single-picture-wrapper {
      border: 2px dashed #808080;
      background: #e6e6e6;
      color: #666;
      cursor: pointer; }
    .menu-item-pictures li.empty:hover .single-picture-wrapper {
      border: 2px dashed #808080;
      color: #4d4d4d; }
    .menu-item-pictures li.empty:hover .single-picture-title {
      background: #808080; }
    .menu-item-pictures li.empty:first-child .single-picture-wrapper {
      border-bottom-style: solid; }
    .menu-item-pictures li.empty .add-picture {
      width: 80px;
      line-height: 17px;
      padding: 0 10px;
      text-align: center; }
      .menu-item-pictures li.empty .add-picture input {
        -moz-border-bottom-colors: none;
        -moz-border-image: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        -moz-transform: translate(-300px, 0pt) scale(4);
        border-color: transparent;
        border-style: solid;
        border-width: 0;
        cursor: pointer;
        direction: ltr;
        margin: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        height: 40px; }
    .menu-item-pictures li.empty .icon {
      display: inline-block;
      margin-right: 5px; }
    .menu-item-pictures li.not-editable, .menu-item-pictures li.not-editable:hover, .menu-item-pictures li.not-editable.empty, .menu-item-pictures li.not-editable.empty:hover {
      cursor: default; }
      .menu-item-pictures li.not-editable .add-picture, .menu-item-pictures li.not-editable:hover .add-picture, .menu-item-pictures li.not-editable.empty .add-picture, .menu-item-pictures li.not-editable.empty:hover .add-picture {
        display: none; }
      .menu-item-pictures li.not-editable .single-picture-wrapper, .menu-item-pictures li.not-editable:hover .single-picture-wrapper, .menu-item-pictures li.not-editable.empty .single-picture-wrapper, .menu-item-pictures li.not-editable.empty:hover .single-picture-wrapper {
        cursor: default; }
      .menu-item-pictures li.not-editable .single-picture-title, .menu-item-pictures li.not-editable:hover .single-picture-title, .menu-item-pictures li.not-editable.empty .single-picture-title, .menu-item-pictures li.not-editable.empty:hover .single-picture-title {
        cursor: default; }
      .menu-item-pictures li.not-editable .icons-delete2, .menu-item-pictures li.not-editable:hover .icons-delete2, .menu-item-pictures li.not-editable.empty .icons-delete2, .menu-item-pictures li.not-editable.empty:hover .icons-delete2 {
        display: none; }
      .menu-item-pictures li.not-editable .icons-locked2, .menu-item-pictures li.not-editable:hover .icons-locked2, .menu-item-pictures li.not-editable.empty .icons-locked2, .menu-item-pictures li.not-editable.empty:hover .icons-locked2 {
        display: none; }

.several-inline label {
  display: inline-block;
  position: relative;
  padding: 3px 15px 0 20px; }

.several-inline input {
  position: absolute;
  top: 7px;
  left: 0;
  margin: 0; }

html body.menu-module #feedbackify .fby-tab {
  top: 125px; }

.offer2--pricing--services .table-view {
  position: relative; }

.dialog2 .label-input-group.offer2--pricing--services .table-view--row input.with-colour-selector {
  width: calc(100% - 95px); }

#colour-dropdown-collapsed {
  display: inline-block;
  position: absolute;
  right: 30px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  width: 25px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 998;
  background-color: #fff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 14px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px; }
  #colour-dropdown-collapsed .colour-preview .arrow {
    background: url(arrow_down-16-306359cfe35f387f8d147509690a5a26.svg) 0 0 no-repeat;
    height: 24px;
    width: 24px;
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: 25px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-left: none;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; }
  #colour-dropdown-collapsed .colour-preview:hover .arrow {
    background: url(arrow_bottom_16_hover-95c1aa5c3fb4bad1d818d77dbe84588e.svg) 4px 4px no-repeat; }

#colour-dropdown-expanded {
  position: absolute;
  right: 30px;
  top: 14px;
  border-radius: 1px;
  background-color: #fff;
  border: solid 1px rgba(0, 0, 0, 0.2);
  z-index: 999;
  width: 25px;
  background-color: #fff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-bottom: 1px;
  padding-top: 1px;
  margin: auto; }
  #colour-dropdown-expanded.hover .colour-preview.first .arrow {
    background: url(arrow_bottom_16_hover-95c1aa5c3fb4bad1d818d77dbe84588e.svg) 3px 3px no-repeat;
    height: 24px;
    width: 23px;
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: 26px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-left: none;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-right: none;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    transform: rotate(180deg);
    background-color: #fff; }
  #colour-dropdown-expanded .colour-preview.first .arrow {
    background: url(arrow_down-16-306359cfe35f387f8d147509690a5a26.svg) -1px -1px no-repeat;
    height: 24px;
    width: 23px;
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: 26px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-left: none;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-right: none;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    transform: rotate(180deg);
    background-color: #fff; }
  #colour-dropdown-expanded .colour-preview.first:before {
    float: left; }

.colour-preview {
  width: 21px;
  height: 20px;
  box-sizing: border-box;
  cursor: pointer;
  margin: 2px auto 2px auto; }
  .colour-preview:only-child {
    margin-top: 1px; }
  .colour-preview:last-child {
    margin-bottom: 1px; }
  .colour-preview.first {
    margin-top: 1px;
    border: 1px solid rgba(0, 0, 0, 0.2); }
  .colour-preview.selected-colour:before {
    background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
    background-position: -576px -480px;
    width: 11px;
    height: 9px;
    content: '';
    display: block;
    position: relative;
    top: 5px;
    left: 5px;
    opacity: 0.5; }

.dialog2.product-dialog .ui-dialog-content {
  font-size: 14px; }

.dialog2.product-dialog .dialog2--footer {
  margin: 0 -17px; }

.dialog2.product-dialog input[type='checkbox'] {
  position: relative;
  top: 9px; }

.dialog2.product-dialog .tax-row .right label {
  margin-right: 15px;
  line-height: 34px; }
  .dialog2.product-dialog .tax-row .right label span {
    margin-left: 5px; }

.dialog2.confirm-copy-dialog .dialog2--content {
  background-color: #fff;
  padding: 17px;
  line-height: 16px; }

.group-editor.with-description .ui-dialog-content {
  padding-top: 20px; }

.group-editor .ui-dialog-content {
  padding-top: 30px;
  background-color: #f2f2f2; }
  .group-editor .ui-dialog-content table {
    width: 100%; }
    .group-editor .ui-dialog-content table .row--title {
      white-space: nowrap;
      padding-right: 12px;
      font-weight: bold;
      height: 20px; }
    .group-editor .ui-dialog-content table .row--input {
      width: 80%; }
      .group-editor .ui-dialog-content table .row--input input,
      .group-editor .ui-dialog-content table .row--input textarea {
        width: 100%;
        height: 30px;
        border: 1px solid #b3b3b3;
        border-radius: 3px;
        padding: 1px 4px;
        box-sizing: border-box;
        margin-bottom: 10px; }
      .group-editor .ui-dialog-content table .row--input textarea {
        resize: none;
        width: 100%;
        height: 268px;
        padding: 4px;
        margin-bottom: 0; }
  .group-editor .ui-dialog-content .dialog2--messages {
    margin-bottom: 20px; }
  .group-editor .ui-dialog-content .dialog2--footer.full-width {
    margin-top: 20px; }

.dialog2.dialog2--category-mismatch .dialog2--content {
  padding: 25px 17px;
  min-height: auto; }
  .dialog2.dialog2--category-mismatch .dialog2--content .title {
    font-weight: bold; }

.package-service {
  color: #333;
  font-weight: 600; }

.package-sku {
  color: #666; }

.package-sku + .package-service {
  margin-top: 12px; }

.dialog2.offer2 .supplierReference {
  margin-top: 12px; }

.dialog2.offer2 .treatment-type-container-small .chosen-container .chosen-single {
  line-height: 20px;
  height: 22px; }

.dialog2.offer2 .ui-dialog-titlebar {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.2);
  border-bottom: none; }

.dialog2.offer2.scrollable .dialog2--content {
  overflow: auto; }

.dialog2.offer2 .dialog2--content {
  overflow: hidden; }
  .dialog2.offer2 .dialog2--content .offer2--tabs,
  .dialog2.offer2 .dialog2--content form {
    height: 100%; }
  .dialog2.offer2 .dialog2--content .loading-content {
    background-color: #fff; }
    .dialog2.offer2 .dialog2--content .loading-content .loading-inner {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      margin-top: -60px; }
  .dialog2.offer2 .dialog2--content .dialog2--messages .dialog2--message.pending {
    padding-left: 50px;
    background: #ff5c39 url(pending-71dd46dc6054e27d109b183f7eef2bed.png) no-repeat 16px 13px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .dialog2.offer2 .dialog2--content .dialog2--messages .dialog2--message.pending {
        background-image: url(pending@2x-58f767e73fc3c18208db2ae320b60c5e.png);
        background-size: 21px; } }
  .dialog2.offer2 .dialog2--content .dialog2--messages .dialog2--message.archived {
    padding-left: 50px;
    background: #ff5c39 url(archived-8c75e7336131b2bb3d4ea78f7dcf5fa3.png) no-repeat 16px 13px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .dialog2.offer2 .dialog2--content .dialog2--messages .dialog2--message.archived {
        background-image: url(archived@2x-5dda6f4e87bf2546ba382ab59a441abb.png);
        background-size: 21px; } }
  .dialog2.offer2 .dialog2--content .dialog2--messages .dialog2--message.locked {
    padding-left: 50px;
    background: #ff5c39 url(locked-f75ce14d0b38f2c06521948185ee0e71.png) no-repeat 17px 11px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .dialog2.offer2 .dialog2--content .dialog2--messages .dialog2--message.locked {
        background-image: url(locked@2x-1b2b408edfe898e75160f573918e493a.png);
        background-size: 21px; } }
  .dialog2.offer2 .dialog2--content .offer2--images {
    padding: 0 20px 20px 20px; }
    .dialog2.offer2 .dialog2--content .offer2--images .icon {
      position: absolute;
      width: 20px;
      height: 20px;
      background: transparent url(add-delete-round-icons-63145a2da5383be2c026f77651861884.png) no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .dialog2.offer2 .dialog2--content .offer2--images .icon {
          background: transparent url(add-delete-round-icons@2x-58cd79a1de89fa3635f96af22f32c29e.png) no-repeat;
          background-size: cover; } }
    .dialog2.offer2 .dialog2--content .offer2--images .offer2--images--image,
    .dialog2.offer2 .dialog2--content .offer2--images .offer2--images--placeholder {
      position: relative;
      float: left;
      width: 120px;
      height: 80px;
      border: 1px solid #dddce0;
      border-radius: 6px;
      margin-right: 16px;
      cursor: pointer; }
      .dialog2.offer2 .dialog2--content .offer2--images .offer2--images--image:last-child,
      .dialog2.offer2 .dialog2--content .offer2--images .offer2--images--placeholder:last-child {
        margin-right: 0; }
    .dialog2.offer2 .dialog2--content .offer2--images .offer2--images--image {
      background-color: #dddce0;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top left; }
      .dialog2.offer2 .dialog2--content .offer2--images .offer2--images--image .icon-delete {
        background-position: 0 -40px;
        right: 8px;
        bottom: 8px;
        display: none;
        z-index: 2; }
        .dialog2.offer2 .dialog2--content .offer2--images .offer2--images--image .icon-delete:hover {
          background-position: 0 -60px; }
      .dialog2.offer2 .dialog2--content .offer2--images .offer2--images--image .icon-locked {
        background-position: 0 -100px;
        right: 8px;
        bottom: 8px;
        display: none;
        z-index: 2; }
        .dialog2.offer2 .dialog2--content .offer2--images .offer2--images--image .icon-locked:hover {
          background-position: 0 -120px; }
      .dialog2.offer2 .dialog2--content .offer2--images .offer2--images--image .offer2--images--image--overlay {
        display: none; }
      .dialog2.offer2 .dialog2--content .offer2--images .offer2--images--image:hover .icon-delete,
      .dialog2.offer2 .dialog2--content .offer2--images .offer2--images--image:hover .icon-locked {
        display: block; }
      .dialog2.offer2 .dialog2--content .offer2--images .offer2--images--image:hover:after {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.3);
        content: '';
        z-index: 1;
        border-radius: 6px; }
    .dialog2.offer2 .dialog2--content .offer2--images .offer2--images--placeholder {
      overflow: hidden; }
      .dialog2.offer2 .dialog2--content .offer2--images .offer2--images--placeholder .offer2--images--placeholder-title {
        margin-top: 50px;
        text-align: center;
        text-transform: uppercase;
        font-size: 16px;
        color: #808080; }
      .dialog2.offer2 .dialog2--content .offer2--images .offer2--images--placeholder .icon-add {
        background-position: 0 0;
        position: absolute;
        margin: 0 auto;
        top: 20px;
        right: 0;
        left: 0;
        bottom: 0; }
      .dialog2.offer2 .dialog2--content .offer2--images .offer2--images--placeholder:hover .icon-add {
        background-position: 0 -20px; }
    .dialog2.offer2 .dialog2--content .offer2--images.touch .offer2--images--image .icon-delete,
    .dialog2.offer2 .dialog2--content .offer2--images.touch .offer2--images--image .icon-locked {
      display: block; }
    .dialog2.offer2 .dialog2--content .offer2--images.readonly .offer2--images--placeholder {
      display: none; }
    .dialog2.offer2 .dialog2--content .offer2--images.readonly .offer2--images--image .icon-delete,
    .dialog2.offer2 .dialog2--content .offer2--images.readonly .offer2--images--image .icon-locked {
      display: none; }
    .dialog2.offer2 .dialog2--content .offer2--images.readonly .offer2--images--image,
    .dialog2.offer2 .dialog2--content .offer2--images.readonly .offer2--images--placeholder {
      cursor: default; }

.dialog2.offer2 .offer2--tab-container {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  padding-top: 30px;
  box-sizing: border-box; }

.dialog2.offer2 .offer2--tab-list {
  margin: 30px 0 0 0;
  text-align: center;
  border-bottom: 3px solid #e6e6e6; }
  .dialog2.offer2 .offer2--tab-list li {
    display: inline-block;
    height: 22px;
    position: relative;
    top: 3px; }
    .dialog2.offer2 .offer2--tab-list li + li {
      margin-left: 38px; }
    .dialog2.offer2 .offer2--tab-list li a {
      font-size: 14px;
      text-transform: uppercase;
      text-decoration: none;
      font-weight: bold;
      color: #4d4d4d; }
    .dialog2.offer2 .offer2--tab-list li.ui-state-active {
      border-bottom: 3px solid #3ba150; }
      .dialog2.offer2 .offer2--tab-list li.ui-state-active a {
        color: #3ba150; }
    .dialog2.offer2 .offer2--tab-list li.ui-state-disabled {
      display: none; }

.dialog2.offer2 .icon-delete {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent url(add-delete-round-icons-63145a2da5383be2c026f77651861884.png) no-repeat 0 -80px;
  vertical-align: text-bottom;
  cursor: pointer; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .dialog2.offer2 .icon-delete {
      background-image: url(add-delete-round-icons@2x-58cd79a1de89fa3635f96af22f32c29e.png);
      background-size: cover; } }
  .dialog2.offer2 .icon-delete:hover {
    background-position: 0 -60px; }

.dialog2.offer2 .offer2--description .treatment-select .input {
  width: 600px; }

.dialog2.offer2 .offer2--description .treatment-list {
  margin-top: 20px; }

.dialog2.offer2 .offer2--description .treatment {
  padding: 10px 0;
  background-color: #fff; }
  .dialog2.offer2 .offer2--description .treatment .treatment-name {
    margin-left: 10px; }

.dialog2.offer2 .offer2--distribution {
  margin: 0 20px 20px 20px;
  padding: 0 15px 10px 15px; }
  .dialog2.offer2 .offer2--distribution .label-part {
    margin-right: 25px;
    display: block; }
  .dialog2.offer2 .offer2--distribution .choices {
    padding-top: 10px; }
  .dialog2.offer2 .offer2--distribution .fullfilment {
    padding-top: 24px; }
  .dialog2.offer2 .offer2--distribution .input-part {
    width: auto;
    padding-bottom: 10px;
    vertical-align: middle; }
    .dialog2.offer2 .offer2--distribution .input-part select {
      height: 24px; }
  .dialog2.offer2 .offer2--distribution .tax-rate .label-part,
  .dialog2.offer2 .offer2--distribution .tax-rate .input-part {
    padding-top: 5px; }
  .dialog2.offer2 .offer2--distribution .tax-rate label {
    margin-right: 20px;
    line-height: 20px;
    vertical-align: middle;
    height: 100%;
    display: inline-block; }
  .dialog2.offer2 .offer2--distribution .tax-rate .custom-tax {
    width: 45px;
    padding: 1px 5px; }
  .dialog2.offer2 .offer2--distribution .sell-online .description {
    margin-left: 34px;
    width: 578px;
    font-size: 12px; }
  .dialog2.offer2 .offer2--distribution .sell-online .selections {
    margin-top: 8px;
    padding: 8px 16px;
    border-radius: 4px;
    background-color: #e6e6e6; }
    .dialog2.offer2 .offer2--distribution .sell-online .selections .title {
      font-size: 12px;
      font-weight: 600;
      color: #4d4d4d;
      padding-bottom: 4px; }
    .dialog2.offer2 .offer2--distribution .sell-online .selections.masqueraded {
      background-color: #ffe7e9; }
      .dialog2.offer2 .offer2--distribution .sell-online .selections.masqueraded .title {
        color: #d63700; }
    .dialog2.offer2 .offer2--distribution .sell-online .selections label + label {
      margin-left: 16px; }

.dialog2.offer2 .offer2--fine-print .dialog2--block-description,
.dialog2.offer2 .offer2--description .dialog2--block-description {
  background-color: #fff;
  text-transform: uppercase; }

.dialog2.offer2 .offer2--fine-print .good-to-know .dialog2--block-description,
.dialog2.offer2 .offer2--description .good-to-know .dialog2--block-description {
  margin-top: 30px; }

.dialog2.offer2 .offer2--pricing .pricing-select,
.dialog2.offer2 .offer2--pricing .cleanup-time-select {
  margin-top: 30px; }

.dialog2.offer2 .offer2--pricing .pricing-table {
  margin-top: 30px; }
  .dialog2.offer2 .offer2--pricing .pricing-table td.input {
    width: 95px; }
    .dialog2.offer2 .offer2--pricing .pricing-table td.input.variable-width {
      width: auto; }
  .dialog2.offer2 .offer2--pricing .pricing-table td.select {
    width: 170px; }
  .dialog2.offer2 .offer2--pricing .pricing-table td.action {
    width: 20px;
    padding-left: 10px;
    padding-right: 10px; }
  .dialog2.offer2 .offer2--pricing .pricing-table .icon-delete {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent url(add-delete-round-icons-63145a2da5383be2c026f77651861884.png) no-repeat 0 -80px;
    vertical-align: text-bottom;
    cursor: pointer; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .dialog2.offer2 .offer2--pricing .pricing-table .icon-delete {
        background-image: url(add-delete-round-icons@2x-58cd79a1de89fa3635f96af22f32c29e.png);
        background-size: cover; } }
    .dialog2.offer2 .offer2--pricing .pricing-table .icon-delete:hover {
      background-position: 0 -60px; }

.dialog2.offer2 .offer2--pricing .additional-time {
  margin-top: 30px; }

.dialog2.offer2 .offer2--pricing .offer2--pricing--dated {
  padding: 20px;
  background-color: #fff; }
  .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .label-part {
    text-align: left; }
  .dialog2.offer2 .offer2--pricing .offer2--pricing--dated select {
    width: auto;
    height: auto; }
  .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .single-pricing-container {
    background: #fff;
    margin-bottom: 15px;
    padding: 10px 15px; }
    .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .single-pricing-container tr:first-child .label-part {
      vertical-align: middle; }
    .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .single-pricing-container .pricing-add-new {
      border-top: 1px solid #b3b3b3;
      margin: 8px -15px 0;
      padding: 12px 15px 3px; }
  .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .skus-list.spa-form-skus td {
    padding: 6px 10px 5px; }
  .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .skus-list.spa-form-skus .sku-group-title {
    font-weight: bold; }
    .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .skus-list.spa-form-skus .sku-group-title.active-days {
      padding: 0;
      border: 0;
      border-bottom: 1px solid #fff;
      background: #cbccc8; }
  .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .skus-list.spa-form-skus .title-wrapper {
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden; }
  .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .skus-list.spa-form-skus .weekdays-mini-wrapper {
    float: left;
    width: 100%;
    overflow: hidden; }
  .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .skus-list.spa-form-skus .weekdays-mini {
    float: left;
    margin-right: -10px;
    border-right: 1px solid #fff; }
  .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .pricing-container-many {
    margin-bottom: 2px; }
    .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .pricing-container-many .skus-list.spa-form-skus {
      float: left;
      width: 49%;
      margin-bottom: 13px !important; }
      .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .pricing-container-many .skus-list.spa-form-skus.last {
        float: right; }
      .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .pricing-container-many .skus-list.spa-form-skus .weekdays-mini {
        border-right: 0;
        width: 100%; }
        .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .pricing-container-many .skus-list.spa-form-skus .weekdays-mini li {
          width: 14%;
          border-left: 0; }
          .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .pricing-container-many .skus-list.spa-form-skus .weekdays-mini li .weekday-name {
            border-left: 1px solid #fff; }
          .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .pricing-container-many .skus-list.spa-form-skus .weekdays-mini li:first-child {
            width: 15%; }
            .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .pricing-container-many .skus-list.spa-form-skus .weekdays-mini li:first-child .weekday-name {
              border-left: 0; }
          .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .pricing-container-many .skus-list.spa-form-skus .weekdays-mini li:last-child {
            width: 15%; }
  .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .part-title {
    margin-top: -5px;
    margin-bottom: 8px; }
  .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .skus-list {
    width: 100%;
    border-bottom: 1px solid #b3b3b3;
    border-collapse: collapse;
    margin-bottom: 10px; }
    .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .skus-list tr.item {
      cursor: pointer; }
    .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .skus-list td {
      padding: 11px 10px 9px;
      border-top: 1px solid #b3b3b3;
      background: #fff;
      vertical-align: top;
      white-space: nowrap;
      line-height: 17px;
      cursor: pointer; }
      .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .skus-list td.sku-title {
        white-space: normal;
        width: 100%; }
        .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .skus-list td.sku-title .link-edit {
          visibility: hidden;
          margin-left: 5px;
          font-size: 14px; }
        .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .skus-list td.sku-title .weekdays-mini-wrapper {
          width: auto;
          margin: -6px 5px -5px -10px; }
        .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .skus-list td.sku-title .weekdays-mini {
          margin-right: 0;
          border-right: 0 !important; }
          .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .skus-list td.sku-title .weekdays-mini li {
            border-left: 0;
            border-right: 1px solid #fff; }
      .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .skus-list td.sku-price, .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .skus-list td.sku-rrp {
        text-align: right; }
        .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .skus-list td.sku-price .not-purchasable, .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .skus-list td.sku-rrp .not-purchasable {
          white-space: nowrap; }
      .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .skus-list td.sku-rrp {
        font-size: 14px;
        padding-right: 0; }
      .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .skus-list td.error {
        background: url(error-c44c12819817d1e2a0a77fd975435b32.png) 100% 11px no-repeat;
        padding-right: 24px;
        width: 94%; }
      .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .skus-list td .note.note-discount {
        color: #ff5c39; }
      .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .skus-list td .note.note-from {
        color: #666; }
    .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .skus-list tr:hover td {
      background: #e6e6e6; }
      .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .skus-list tr:hover td.sku-title .link-edit {
        visibility: visible; }
    .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .skus-list tr.disabled td {
      cursor: default; }
    .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .skus-list tr.disabled:hover .sku-title .link-edit {
      visibility: hidden; }
  .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .add-sku {
    line-height: 19px; }
  .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .price-wrapper {
    display: inline-block; }
    .dialog2.offer2 .offer2--pricing .offer2--pricing--dated .price-wrapper .range .help-txt {
      margin: 0; }

.dialog2.offer2 .offer2--pricing .offer2--pricing--employees {
  background-color: #fff;
  margin-top: 30px;
  margin-top: 30px;
  border-top: #c8d2ea; }
  .dialog2.offer2 .offer2--pricing .offer2--pricing--employees .tgrid--item {
    height: 135px;
    cursor: pointer; }
    .dialog2.offer2 .offer2--pricing .offer2--pricing--employees .tgrid--item .icon2 {
      position: absolute;
      top: 20px;
      right: auto;
      bottom: auto;
      left: 20px; }
    .dialog2.offer2 .offer2--pricing .offer2--pricing--employees .tgrid--item .offer2--employee img {
      width: 50px;
      height: 50px;
      border-radius: 25px;
      margin: auto;
      position: absolute;
      top: 25px;
      right: 0;
      bottom: auto;
      left: 0; }
    .dialog2.offer2 .offer2--pricing .offer2--pricing--employees .tgrid--item .offer2--employee--name {
      margin-top: 79px;
      text-align: center;
      font-weight: bold;
      font-size: 14px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      padding: 0 2px; }
    .dialog2.offer2 .offer2--pricing .offer2--pricing--employees .tgrid--item .offer2--employee--title {
      text-align: center;
      font-size: 14px;
      margin-top: 8px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      padding: 0 2px; }
    .dialog2.offer2 .offer2--pricing .offer2--pricing--employees .tgrid--item.on .icon2-checkbox-o {
      background-image: url(selected-checkcircle-97ed846e9b0b05d20b6be184a873b4a9.svg); }
    .dialog2.offer2 .offer2--pricing .offer2--pricing--employees .tgrid--item.on.disabled .icon2-checkbox-o, .dialog2.offer2 .offer2--pricing .offer2--pricing--employees .tgrid--item.on.readonly .icon2-checkbox-o {
      background-position: 0 -20px;
      display: inline-block; }
    .dialog2.offer2 .offer2--pricing .offer2--pricing--employees .tgrid--item.disabled .icon2-checkbox-o, .dialog2.offer2 .offer2--pricing .offer2--pricing--employees .tgrid--item.readonly .icon2-checkbox-o {
      display: none; }
    .dialog2.offer2 .offer2--pricing .offer2--pricing--employees .tgrid--item.disabled {
      cursor: default; }
      .dialog2.offer2 .offer2--pricing .offer2--pricing--employees .tgrid--item.disabled .offer2--employee {
        opacity: 0.5;
        filter: alpha(opacity=50); }
      .dialog2.offer2 .offer2--pricing .offer2--pricing--employees .tgrid--item.disabled.on .offer2--employee {
        opacity: 1;
        filter: alpha(opacity=100); }
  .dialog2.offer2 .offer2--pricing .offer2--pricing--employees .offer2-use-employee-pricing {
    display: block;
    line-height: 50px;
    margin-left: 20px; }
    .dialog2.offer2 .offer2--pricing .offer2--pricing--employees .offer2-use-employee-pricing input {
      margin-right: 10px;
      vertical-align: middle; }

.dialog2.offer2 input.error,
.dialog2.offer2 select.error,
.dialog2.offer2 textarea.error {
  background-color: #ffe7e9; }

.dialog2.offer2 .chosen-container {
  width: 100% !important; }
  .dialog2.offer2 .chosen-container.chosen-with-drop .chosen-single div b {
    background-position: -4px 0;
    transform: rotate(180deg); }
  .dialog2.offer2 .chosen-container.chosen-with-drop .chosen-single:hover div b {
    background-position: 0 4px; }
  .dialog2.offer2 .chosen-container .chosen-single {
    line-height: 39px; }
    .dialog2.offer2 .chosen-container .chosen-single div b {
      background: url(arrow_down-16-306359cfe35f387f8d147509690a5a26.svg) 0 100% no-repeat; }
    .dialog2.offer2 .chosen-container .chosen-single:hover {
      border-bottom-color: #000; }
      .dialog2.offer2 .chosen-container .chosen-single:hover div b {
        background: url(arrow_bottom_16_hover-95c1aa5c3fb4bad1d818d77dbe84588e.svg) right 0px bottom 4px no-repeat no-repeat; }
  .dialog2.offer2 .chosen-container .chosen-default {
    font-size: 14px; }
  .dialog2.offer2 .chosen-container .error .chosen-single span {
    height: 100%;
    background-color: #ffe7e9;
    margin-right: 0; }
  .dialog2.offer2 .chosen-container .error.chosen-with-drop .chosen-single {
    padding-left: 0; }
    .dialog2.offer2 .chosen-container .error.chosen-with-drop .chosen-single span {
      height: 100%;
      background-color: #ffe7e9;
      padding-left: 12px; }
  .dialog2.offer2 .chosen-container.chosen-disabled {
    opacity: 1 !important; }
    .dialog2.offer2 .chosen-container.chosen-disabled .chosen-single {
      border-bottom: solid 1px #f2f2f2; }
      .dialog2.offer2 .chosen-container.chosen-disabled .chosen-single div {
        display: none; }

.dialog2.offer2 .no-chosen-support select {
  width: 100%;
  height: 100%;
  vertical-align: middle; }

.dialog2.offer2 .row .icon-left {
  background: white url(checkbox-empty-3142d894e9303b2875efc5c893c04e29.svg) no-repeat center center;
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 16px;
  width: 16px;
  border-radius: 2px; }
  .dialog2.offer2 .row .icon-left--button {
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: block; }

.dialog2.offer2 .row.on .icon-left {
  background: #3ba150 url(checkbox-16-3adc0efffe9ea949b18efe497eeb164c.svg) no-repeat center center; }

.dialog2.offer2 .no-services {
  display: block;
  text-align: center; }

.dialog2.offer2 .offer2--package-service {
  cursor: pointer;
  user-select: none;
  border-bottom: 1px solid #e6e6e6;
  padding: 12px 0 12px 16px; }

.dialog2.offer2 .offer2--package-service.disabled {
  cursor: auto; }
  .dialog2.offer2 .offer2--package-service.disabled .icon-left--button {
    cursor: auto; }

.dialog2.offer2 .offer2--package-services,
.dialog2.offer2 .offer2--package-select-services {
  margin-top: 16px; }
  .dialog2.offer2 .offer2--package-services .button-menu,
  .dialog2.offer2 .offer2--package-select-services .button-menu {
    margin-left: 20px; }
  .dialog2.offer2 .offer2--package-services .icon-plus-green,
  .dialog2.offer2 .offer2--package-select-services .icon-plus-green {
    background-image: url(green-plus-b53c530a6ccb728e5a8c8c2ef0ff17e1.svg);
    height: 9px;
    width: 9px; }
  .dialog2.offer2 .offer2--package-services .dialog2--block-description,
  .dialog2.offer2 .offer2--package-select-services .dialog2--block-description {
    line-height: inherit;
    border-top: none;
    margin-bottom: 18px; }
  .dialog2.offer2 .offer2--package-services .package-service-container,
  .dialog2.offer2 .offer2--package-select-services .package-service-container {
    padding: 16px 16px 20px 16px;
    box-sizing: border-box;
    background-color: #fff; }
  .dialog2.offer2 .offer2--package-services .package-service-header,
  .dialog2.offer2 .offer2--package-select-services .package-service-header {
    margin-bottom: 8px;
    font-size: 12px;
    color: #808080; }
  .dialog2.offer2 .offer2--package-services .margin-left-12,
  .dialog2.offer2 .offer2--package-select-services .margin-left-12 {
    margin-left: 12px; }
  .dialog2.offer2 .offer2--package-services .offer2--package-master-service,
  .dialog2.offer2 .offer2--package-select-services .offer2--package-master-service {
    border-radius: 3px;
    background-color: #3ba150;
    padding: 2px 5px;
    box-sizing: border-box;
    font-size: 11px;
    color: #fff; }
  .dialog2.offer2 .offer2--package-services .offer2--package-service-sub-title,
  .dialog2.offer2 .offer2--package-select-services .offer2--package-service-sub-title {
    position: relative;
    padding-left: 24px; }
    .dialog2.offer2 .offer2--package-services .offer2--package-service-sub-title:before,
    .dialog2.offer2 .offer2--package-select-services .offer2--package-service-sub-title:before {
      position: absolute;
      content: '';
      left: 0;
      top: -2px;
      height: 24px;
      width: 24px;
      background: url(right_arrow_24-d569d03096787a4e966be413880f421e.svg) 0 0 no-repeat; }
  .dialog2.offer2 .offer2--package-services .offer2--package-service--title,
  .dialog2.offer2 .offer2--package-select-services .offer2--package-service--title {
    font-weight: 600;
    color: #333; }
  .dialog2.offer2 .offer2--package-services .offer2--package-button-container,
  .dialog2.offer2 .offer2--package-select-services .offer2--package-button-container {
    display: flex;
    height: 100%;
    align-items: center; }
    .dialog2.offer2 .offer2--package-services .offer2--package-button-container > *:not(:first-child),
    .dialog2.offer2 .offer2--package-select-services .offer2--package-button-container > *:not(:first-child) {
      margin-left: 8px; }
  .dialog2.offer2 .offer2--package-services .service-container,
  .dialog2.offer2 .offer2--package-select-services .service-container {
    padding-left: 8px;
    width: 100%; }
    .dialog2.offer2 .offer2--package-services .service-container > *,
    .dialog2.offer2 .offer2--package-select-services .service-container > * {
      margin-top: 4px; }
      .dialog2.offer2 .offer2--package-services .service-container > *:first-child,
      .dialog2.offer2 .offer2--package-select-services .service-container > *:first-child {
        margin-top: 8px; }
  .dialog2.offer2 .offer2--package-services .offer2--package-button-plus,
  .dialog2.offer2 .offer2--package-select-services .offer2--package-button-plus {
    position: relative;
    border-radius: 3px;
    background-color: #808080;
    padding: 4px 12px 4px 26px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.33;
    color: #fff;
    cursor: pointer; }
    .dialog2.offer2 .offer2--package-services .offer2--package-button-plus:before,
    .dialog2.offer2 .offer2--package-select-services .offer2--package-button-plus:before {
      content: '';
      background: url(plus_icon_16-ef2473d1d7c82ae4a25c2821b80066d0.svg) no-repeat 0 0;
      height: 16px;
      width: 16px;
      position: absolute;
      top: 50%;
      left: 5px;
      transform: translateY(-50%); }
    .dialog2.offer2 .offer2--package-services .offer2--package-button-plus:hover,
    .dialog2.offer2 .offer2--package-select-services .offer2--package-button-plus:hover {
      background-color: #666; }
  .dialog2.offer2 .offer2--package-services .offer2--package-button,
  .dialog2.offer2 .offer2--package-select-services .offer2--package-button {
    border-radius: 3px;
    background-color: #f2f2f2;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.33;
    color: #666;
    cursor: pointer; }
    .dialog2.offer2 .offer2--package-services .offer2--package-button:hover,
    .dialog2.offer2 .offer2--package-select-services .offer2--package-button:hover {
      background-color: #e6e6e6; }
  .dialog2.offer2 .offer2--package-services .offer2-package-add-services-button-box > *:not(:first-child),
  .dialog2.offer2 .offer2--package-select-services .offer2-package-add-services-button-box > *:not(:first-child) {
    margin-left: 8px; }
  .dialog2.offer2 .offer2--package-services .offer2-package-inline-service,
  .dialog2.offer2 .offer2--package-select-services .offer2-package-inline-service {
    width: 322px; }
  .dialog2.offer2 .offer2--package-services .offer-2--package-service-data,
  .dialog2.offer2 .offer2--package-select-services .offer-2--package-service-data {
    flex: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
  .dialog2.offer2 .offer2--package-services .offer-2--package-new-service-warning,
  .dialog2.offer2 .offer2--package-select-services .offer-2--package-new-service-warning {
    margin-top: 16px; }
  .dialog2.offer2 .offer2--package-services .offer-2--package-selected-package-box,
  .dialog2.offer2 .offer2--package-select-services .offer-2--package-selected-package-box {
    border-radius: 3px;
    background-color: #fff;
    border: solid 1px #e6e6e6;
    padding: 12px 12px 12px 12px;
    display: block; }
    .dialog2.offer2 .offer2--package-services .offer-2--package-selected-package-box.ui-sortable-helper,
    .dialog2.offer2 .offer2--package-select-services .offer-2--package-selected-package-box.ui-sortable-helper {
      box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24); }
    .dialog2.offer2 .offer2--package-services .offer-2--package-selected-package-box:not(:first-child),
    .dialog2.offer2 .offer2--package-select-services .offer-2--package-selected-package-box:not(:first-child) {
      margin-top: 8px; }
  .dialog2.offer2 .offer2--package-services .offer-2--package-selected-package,
  .dialog2.offer2 .offer2--package-select-services .offer-2--package-selected-package {
    display: flex;
    align-items: center;
    padding-right: 46px; }
  .dialog2.offer2 .offer2--package-services .js-service-list,
  .dialog2.offer2 .offer2--package-select-services .js-service-list {
    background-color: #fff;
    margin-bottom: 16px;
    box-sizing: border-box; }
  .dialog2.offer2 .offer2--package-services .button,
  .dialog2.offer2 .offer2--package-select-services .button {
    line-height: 20px;
    height: 29px;
    margin: 0 0 0 18px; }
    .dialog2.offer2 .offer2--package-services .button .button-inner,
    .dialog2.offer2 .offer2--package-select-services .button .button-inner {
      margin-top: 9px;
      display: inline-block; }
  .dialog2.offer2 .offer2--package-services .row,
  .dialog2.offer2 .offer2--package-select-services .row {
    background-color: #fff;
    position: relative; }
    .dialog2.offer2 .offer2--package-services .row .offer2--package-service--sku-title,
    .dialog2.offer2 .offer2--package-select-services .row .offer2--package-service--sku-title {
      color: #666;
      font-size: 14px;
      line-height: 15px;
      display: block; }
    .dialog2.offer2 .offer2--package-services .row.disabled.disabled-open-selection .icon-left,
    .dialog2.offer2 .offer2--package-select-services .row.disabled.disabled-open-selection .icon-left {
      background: #f2f2f2 url(checkbox-16_disabled-1aeb1b73a87af0e4552e6282544d4e38.svg) no-repeat center center;
      border-radius: 3px; }
    .dialog2.offer2 .offer2--package-services .row.disabled .icon-left,
    .dialog2.offer2 .offer2--package-select-services .row.disabled .icon-left {
      background: #e6e6e6 url(checkbox-checked-disabled-16-82dbbe5ad50058552ee7d64cbdf215db.svg) no-repeat center center; }
    .dialog2.offer2 .offer2--package-services .row.disabled.isMultiSkuSelection .icon-left,
    .dialog2.offer2 .offer2--package-select-services .row.disabled.isMultiSkuSelection .icon-left {
      background: #f2f2f2 url(checkbox-16_disabled-1aeb1b73a87af0e4552e6282544d4e38.svg) no-repeat center center;
      border-radius: 3px; }
    .dialog2.offer2 .offer2--package-services .row.disabled.on .icon-left,
    .dialog2.offer2 .offer2--package-select-services .row.disabled.on .icon-left {
      background: #e6e6e6 url(checkbox-horizontal-line-16-ec63d31f8b9cd0108cbd65d538047911.svg) no-repeat center center; }
    .dialog2.offer2 .offer2--package-services .row.disabled.on.disabled-open-selection .icon-left,
    .dialog2.offer2 .offer2--package-select-services .row.disabled.on.disabled-open-selection .icon-left {
      background: #e6e6e6 url(checkbox-horizontal-line-16-ec63d31f8b9cd0108cbd65d538047911.svg) no-repeat center center; }
    .dialog2.offer2 .offer2--package-services .row.disabled.on.isMultiSkuSelection .icon-left,
    .dialog2.offer2 .offer2--package-select-services .row.disabled.on.isMultiSkuSelection .icon-left {
      background: #f2f2f2 url(checkbox-16_disabled-1aeb1b73a87af0e4552e6282544d4e38.svg) no-repeat center center;
      border-radius: 3px; }
    .dialog2.offer2 .offer2--package-services .row.on .icon-left,
    .dialog2.offer2 .offer2--package-select-services .row.on .icon-left {
      background: #3ba150 url(checkbox-16-3adc0efffe9ea949b18efe497eeb164c.svg) no-repeat center center; }
    .dialog2.offer2 .offer2--package-services .row.offer2--hidden-service .currency-icon,
    .dialog2.offer2 .offer2--package-select-services .row.offer2--hidden-service .currency-icon {
      padding-right: 2px; }
    .dialog2.offer2 .offer2--package-services .row.offer2--hidden-service .form-item label,
    .dialog2.offer2 .offer2--package-select-services .row.offer2--hidden-service .form-item label {
      color: #808080;
      font-size: 12px; }
    .dialog2.offer2 .offer2--package-services .row.offer2--hidden-service .form-item input,
    .dialog2.offer2 .offer2--package-select-services .row.offer2--hidden-service .form-item input {
      padding: 3px 0 2px 0;
      border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
      .dialog2.offer2 .offer2--package-services .row.offer2--hidden-service .form-item input:focus, .dialog2.offer2 .offer2--package-services .row.offer2--hidden-service .form-item input:hover,
      .dialog2.offer2 .offer2--package-select-services .row.offer2--hidden-service .form-item input:focus,
      .dialog2.offer2 .offer2--package-select-services .row.offer2--hidden-service .form-item input:hover {
        border-bottom-color: #000; }
    .dialog2.offer2 .offer2--package-services .row.offer2--hidden-service .form-item .currency-container,
    .dialog2.offer2 .offer2--package-select-services .row.offer2--hidden-service .form-item .currency-container {
      padding: 3px 0 2px 0;
      border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
      .dialog2.offer2 .offer2--package-services .row.offer2--hidden-service .form-item .currency-container input,
      .dialog2.offer2 .offer2--package-select-services .row.offer2--hidden-service .form-item .currency-container input {
        border: none;
        padding: 0; }
    .dialog2.offer2 .offer2--package-services .row.offer2--hidden-service .bottom-row,
    .dialog2.offer2 .offer2--package-select-services .row.offer2--hidden-service .bottom-row {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .dialog2.offer2 .offer2--package-services .row.offer2--hidden-service .top-row,
    .dialog2.offer2 .offer2--package-select-services .row.offer2--hidden-service .top-row {
      padding-top: 5px;
      margin-bottom: 10px; }
      .dialog2.offer2 .offer2--package-services .row.offer2--hidden-service .top-row .form-item:not(:first-child),
      .dialog2.offer2 .offer2--package-select-services .row.offer2--hidden-service .top-row .form-item:not(:first-child) {
        margin-top: 16px; }
    .dialog2.offer2 .offer2--package-services .row.offer2--hidden-service .master,
    .dialog2.offer2 .offer2--package-select-services .row.offer2--hidden-service .master {
      margin-left: 0;
      margin-top: 13px;
      display: block; }
    .dialog2.offer2 .offer2--package-services .row.offer2--hidden-service input,
    .dialog2.offer2 .offer2--package-select-services .row.offer2--hidden-service input {
      border: none;
      outline: none;
      width: 100%; }
    .dialog2.offer2 .offer2--package-services .row.offer2--hidden-service .duration,
    .dialog2.offer2 .offer2--package-services .row.offer2--hidden-service .price,
    .dialog2.offer2 .offer2--package-select-services .row.offer2--hidden-service .duration,
    .dialog2.offer2 .offer2--package-select-services .row.offer2--hidden-service .price {
      width: 45%; }
    .dialog2.offer2 .offer2--package-services .row.offer2--hidden-service .currency-container,
    .dialog2.offer2 .offer2--package-select-services .row.offer2--hidden-service .currency-container {
      display: flex;
      outline: none; }
      .dialog2.offer2 .offer2--package-services .row.offer2--hidden-service .currency-container.error,
      .dialog2.offer2 .offer2--package-select-services .row.offer2--hidden-service .currency-container.error {
        background-color: #ffe7e9; }
      .dialog2.offer2 .offer2--package-services .row.offer2--hidden-service .currency-container:focus, .dialog2.offer2 .offer2--package-services .row.offer2--hidden-service .currency-container:hover, .dialog2.offer2 .offer2--package-services .row.offer2--hidden-service .currency-container.active,
      .dialog2.offer2 .offer2--package-select-services .row.offer2--hidden-service .currency-container:focus,
      .dialog2.offer2 .offer2--package-select-services .row.offer2--hidden-service .currency-container:hover,
      .dialog2.offer2 .offer2--package-select-services .row.offer2--hidden-service .currency-container.active {
        border-bottom: 1px solid #000; }
      .dialog2.offer2 .offer2--package-services .row.offer2--hidden-service .currency-container input,
      .dialog2.offer2 .offer2--package-select-services .row.offer2--hidden-service .currency-container input {
        background-color: transparent; }
    .dialog2.offer2 .offer2--package-services .row.offer2--hidden-service .js-treatment-type-container,
    .dialog2.offer2 .offer2--package-select-services .row.offer2--hidden-service .js-treatment-type-container {
      width: 100%;
      display: inline-block; }
      .dialog2.offer2 .offer2--package-services .row.offer2--hidden-service .js-treatment-type-container .chosen-single,
      .dialog2.offer2 .offer2--package-select-services .row.offer2--hidden-service .js-treatment-type-container .chosen-single {
        font-size: 14px;
        font-weight: normal;
        border-top-width: 0px;
        border-left-width: 0px;
        border-right-width: 0px;
        padding-left: 0px;
        width: 100%;
        border-radius: 0; }
    .dialog2.offer2 .offer2--package-services .row .move-handler,
    .dialog2.offer2 .offer2--package-select-services .row .move-handler {
      background: white url(hamburger_icon_24-e9b96be05fca79c5d8c821c58f6ce37a.svg) no-repeat center center;
      position: absolute;
      top: 0;
      right: -10px;
      bottom: 0;
      left: auto;
      margin: auto;
      height: 100%;
      width: 56px;
      cursor: ns-resize; }
    .dialog2.offer2 .offer2--package-services .row .popup-menu,
    .dialog2.offer2 .offer2--package-select-services .row .popup-menu {
      background: white url(item-action-more-6297818013022d26164b55a24b4cebbc.png) no-repeat center center;
      position: absolute;
      top: 0;
      right: auto;
      bottom: 0;
      left: 0;
      margin: auto;
      height: 100%;
      width: 16px; }
      .dialog2.offer2 .offer2--package-services .row .popup-menu--button,
      .dialog2.offer2 .offer2--package-select-services .row .popup-menu--button {
        background-image: none;
        width: 100%;
        height: 100%;
        cursor: pointer;
        display: block; }
      .dialog2.offer2 .offer2--package-services .row .popup-menu--list,
      .dialog2.offer2 .offer2--package-select-services .row .popup-menu--list {
        top: 4px;
        left: 16px;
        border-radius: 3px;
        width: initial; }
    .dialog2.offer2 .offer2--package-services .row.with-left-accessory,
    .dialog2.offer2 .offer2--package-select-services .row.with-left-accessory {
      padding-left: 32px; }
    .dialog2.offer2 .offer2--package-services .row.with-right-accessory,
    .dialog2.offer2 .offer2--package-select-services .row.with-right-accessory {
      padding-left: 16px; }
    .dialog2.offer2 .offer2--package-services .row.sku,
    .dialog2.offer2 .offer2--package-select-services .row.sku {
      margin-left: 16px;
      padding-left: 32px; }

.dialog2.offer2 .offer2--package-select-services {
  padding-top: 16px;
  margin-top: 0px; }
  .dialog2.offer2 .offer2--package-select-services .section-title {
    padding-left: 16px;
    line-height: 17px;
    font-size: 14px;
    color: #808080;
    display: block; }
  .dialog2.offer2 .offer2--package-select-services .service-list {
    padding: 0 16px 20px 16px; }

.dialog2.offer2 .select-wrap {
  height: 25px;
  margin-top: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  background: url(arrow_down-16-306359cfe35f387f8d147509690a5a26.svg) right 0 center no-repeat; }
  .dialog2.offer2 .select-wrap:hover {
    border-bottom-color: #000;
    background: url(arrow_bottom_16_hover-95c1aa5c3fb4bad1d818d77dbe84588e.svg) right 4px center no-repeat; }
  .dialog2.offer2 .select-wrap .select-wrap-replacement {
    font-size: 14px;
    top: -7px; }

.dialog2.offer2 .package-pricing {
  margin-top: 30px;
  background-color: #fff; }
  .dialog2.offer2 .package-pricing .package-pricing--type--input {
    width: 100px;
    text-align: right;
    padding-right: 16px; }
    .dialog2.offer2 .package-pricing .package-pricing--type--input .package-pricing--type--input--wrapper {
      border-bottom: 1px solid #e6e6e6;
      display: inline-block;
      white-space: nowrap; }
    .dialog2.offer2 .package-pricing .package-pricing--type--input .package-pricing--type--input--currency {
      color: #808080;
      display: inline; }
    .dialog2.offer2 .package-pricing .package-pricing--type--input input {
      display: inline-block;
      width: 85px;
      text-align: right;
      height: 24px;
      border: none; }
    .dialog2.offer2 .package-pricing .package-pricing--type--input .package-pricing--type--text-price {
      color: #808080; }
  .dialog2.offer2 .package-pricing--service-name {
    color: #808080; }
  .dialog2.offer2 .package-pricing--price {
    float: right; }

.dialog2.offer2 .package-pricing-list .package-pricing--type--input {
  float: right;
  padding-right: 5px; }

.dialog2.offer2 .package-pricing-list .package-pricing-group-title {
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: #f5f5f5;
  font-size: 12px; }
  .dialog2.offer2 .package-pricing-list .package-pricing-group-title .package-pricing--service-name {
    color: #808080; }

.dialog2.offer2 .dialog2--footer--messages {
  text-align: center; }
  .dialog2.offer2 .dialog2--footer--messages .offer2--footer--message {
    text-align: center;
    font-size: 12px;
    vertical-align: middle; }
    .dialog2.offer2 .dialog2--footer--messages .offer2--footer--message .icon {
      display: inline-block;
      width: image-width("appointment/warning.png");
      height: image-height("appointment/warning.png");
      vertical-align: middle;
      background: transparent url(warning-f9760811abb6910571ef4ec5c41e6472.png) no-repeat center center;
      margin-right: 5px;
      vertical-align: text-top; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .dialog2.offer2 .dialog2--footer--messages .offer2--footer--message .icon {
          background-image: url(warning@2x-32696f172b3783ab40eb9764de10db7a.png);
          background-size: cover; } }

.modal-single-sku-container .room-type-row .label-part,
.offer2--pricing .pricing-container .room-type-row .label-part {
  vertical-align: top;
  padding-top: 9px; }

.modal-single-sku-container .room-type-row .help-txt,
.offer2--pricing .pricing-container .room-type-row .help-txt {
  line-height: 17px;
  padding-top: 7px;
  padding-left: 25px;
  margin-bottom: 2px;
  color: #ff5c39;
  position: relative;
  font-weight: bold; }
  .modal-single-sku-container .room-type-row .help-txt .icon,
  .offer2--pricing .pricing-container .room-type-row .help-txt .icon {
    position: absolute;
    top: 7px;
    right: auto;
    bottom: auto;
    left: 0; }
  .modal-single-sku-container .room-type-row .help-txt + a,
  .offer2--pricing .pricing-container .room-type-row .help-txt + a {
    margin-left: 25px;
    font-weight: bold; }

.modal-single-sku-container .on-off-list,
.offer2--pricing .pricing-container .on-off-list {
  border-top: 1px solid #d0d1cd;
  margin-bottom: 5px;
  font-size: 14px; }
  .modal-single-sku-container .on-off-list li,
  .offer2--pricing .pricing-container .on-off-list li {
    border-bottom: 1px solid #d0d1cd; }
  .modal-single-sku-container .on-off-list .room-title,
  .offer2--pricing .pricing-container .on-off-list .room-title {
    float: left;
    width: 42%; }
    .modal-single-sku-container .on-off-list .room-title label,
    .offer2--pricing .pricing-container .on-off-list .room-title label {
      width: 93%;
      white-space: nowrap;
      overflow: hidden; }
  .modal-single-sku-container .on-off-list .room-price,
  .modal-single-sku-container .on-off-list .room-rrp,
  .offer2--pricing .pricing-container .on-off-list .room-price,
  .offer2--pricing .pricing-container .on-off-list .room-rrp {
    float: left;
    width: 29%;
    text-align: right;
    color: #666;
    white-space: nowrap; }
    .modal-single-sku-container .on-off-list .room-price label,
    .modal-single-sku-container .on-off-list .room-rrp label,
    .offer2--pricing .pricing-container .on-off-list .room-price label,
    .offer2--pricing .pricing-container .on-off-list .room-rrp label {
      color: #666;
      font-size: 14px; }
  .modal-single-sku-container .on-off-list .room-price,
  .offer2--pricing .pricing-container .on-off-list .room-price {
    font-style: italic; }
  .modal-single-sku-container .on-off-list .txt-input,
  .offer2--pricing .pricing-container .on-off-list .txt-input {
    display: inline-block; }
  .modal-single-sku-container .on-off-list .off .item-wrapper,
  .offer2--pricing .pricing-container .on-off-list .off .item-wrapper {
    border-left: 5px solid #b3b3b3; }
  .modal-single-sku-container .on-off-list .off .room-price,
  .modal-single-sku-container .on-off-list .off .room-rrp,
  .offer2--pricing .pricing-container .on-off-list .off .room-price,
  .offer2--pricing .pricing-container .on-off-list .off .room-rrp {
    display: none; }
  .modal-single-sku-container .on-off-list .txt-input-mini input.error,
  .offer2--pricing .pricing-container .on-off-list .txt-input-mini input.error {
    background-position: 100% 4px; }

.icons-act {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -270px -480px;
  width: 12px;
  height: 11px; }

.icons-action-cancel_hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -350px -480px;
  width: 11px;
  height: 11px; }

.icons-action-cancel {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -372px -480px;
  width: 11px;
  height: 11px; }

.icons-action-email {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -95px -627px;
  width: 24px;
  height: 24px; }

.icons-action-ok_hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -627px -399px;
  width: 13px;
  height: 11px; }

.icons-action-ok {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -601px -399px;
  width: 13px;
  height: 11px; }

.icons-action-phone {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -47px -627px;
  width: 24px;
  height: 24px; }

.icons-add-link-on {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -585px;
  width: 15px;
  height: 15px; }

.icons-add-link {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -600px;
  width: 15px;
  height: 15px; }

.icons-address {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -640px -399px;
  width: 12px;
  height: 11px; }

.icons-appointment {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -228px -420px;
  width: 14px;
  height: 14px; }

.icons-archive-medium {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -361px -495px;
  width: 30px;
  height: 30px; }

.icons-archive {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -282px -420px;
  width: 13px;
  height: 13px; }

.icons-arrow-bottom-bigger-hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -532px -283px;
  width: 11px;
  height: 7px; }

.icons-arrow-bottom-bigger {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -499px -283px;
  width: 11px;
  height: 7px; }

.icons-arrow-bottom-hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -550px -283px;
  width: 7px;
  height: 4px; }

.icons-arrow-bottom-light {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -572px -266px;
  width: 9px;
  height: 5px; }

.icons-arrow-bottom {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -543px -283px;
  width: 7px;
  height: 4px; }

.icons-arrow-bottom2-disabled {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -545px -266px;
  width: 9px;
  height: 5px; }

.icons-arrow-bottom2-hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -554px -266px;
  width: 9px;
  height: 5px; }

.icons-arrow-bottom2 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -563px -266px;
  width: 9px;
  height: 5px; }

.icons-arrow-bottom3 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -649px -259px;
  width: 7px;
  height: 4px; }

.icons-arrow-calendar {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -68px -581px;
  width: 26px;
  height: 36px; }

.icons-arrow-clients {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -632px -435px;
  width: 25px;
  height: 41px; }

.icons-arrow-home {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: 0px -581px;
  width: 43px;
  height: 46px; }

.icons-arrow-left-hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -419px -250px;
  width: 7px;
  height: 10px; }

.icons-arrow-left {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -527px -568px;
  width: 7px;
  height: 10px; }

.icons-arrow-left2 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -672px -585px;
  width: 5px;
  height: 11px; }

.icons-arrow-left3 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -672px -600px;
  width: 5px;
  height: 10px; }

.icons-arrow-less-up_hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -650px -480px;
  width: 6px;
  height: 8px; }

.icons-arrow-less-up {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -566px -568px;
  width: 6px;
  height: 8px; }

.icons-arrow-menu {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -43px -581px;
  width: 25px;
  height: 38px; }

.icons-arrow-more-down_hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -671px -630px;
  width: 6px;
  height: 8px; }

.icons-arrow-more-down {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -572px -568px;
  width: 6px;
  height: 8px; }

.icons-arrow-notifications {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -377px -536px;
  width: 40px;
  height: 44px; }

.icons-arrow-right-hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -419px -220px;
  width: 7px;
  height: 10px; }

.icons-arrow-right {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -419px -210px;
  width: 7px;
  height: 10px; }

.icons-arrow-right2 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -671px -556px;
  width: 5px;
  height: 11px; }

.icons-arrow-settings {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -380px -153px;
  width: 45px;
  height: 57px; }

.icons-arrow-top-bigger-hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -521px -283px;
  width: 11px;
  height: 7px; }

.icons-arrow-top-bigger {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -510px -283px;
  width: 11px;
  height: 7px; }

.icons-arrow-top2-disabled {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -581px -266px;
  width: 9px;
  height: 5px; }

.icons-arrow-top2 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -590px -266px;
  width: 9px;
  height: 5px; }

.icons-arrow-top3 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -557px -283px;
  width: 7px;
  height: 4px; }

.icons-attention-small {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -438px;
  width: 16px;
  height: 15px; }

.icons-attention-small2 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -423px;
  width: 16px;
  height: 15px; }

.icons-attention {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -102px -495px;
  width: 37px;
  height: 34px; }

.icons-birthday {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -458px -420px;
  width: 12px;
  height: 12px; }

.icons-block-big {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -176px -495px;
  width: 37px;
  height: 34px; }

.icons-block {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -446px -420px;
  width: 12px;
  height: 12px; }

.icons-block2 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -463px -568px;
  width: 10px;
  height: 10px; }

.icons-block3 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -256px -420px;
  width: 13px;
  height: 14px; }

.icons-block4 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -361px -480px;
  width: 11px;
  height: 11px; }

.icons-booking {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: 0px -435px;
  width: 102px;
  height: 101px; }

.icons-btn-appt {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -630px;
  width: 14px;
  height: 15px; }

.icons-btn-email {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -560px -399px;
  width: 14px;
  height: 11px; }

.icons-bullet-minus {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -673px -195px;
  width: 4px;
  height: 1px; }

.icons-bullet-plus {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -295px -420px;
  width: 13px;
  height: 13px; }

.icons-button-plus-hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -438px -480px;
  width: 11px;
  height: 11px; }

.icons-calendar-disabled {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -344px;
  width: 16px;
  height: 16px; }

.icons-calendar {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -360px;
  width: 16px;
  height: 16px; }

.icons-change-down {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -509px -568px;
  width: 9px;
  height: 10px; }

.icons-change-up {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -482px -568px;
  width: 9px;
  height: 10px; }

.icons-chat-hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -513px;
  width: 16px;
  height: 15px; }

.icons-chat-link-on {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -317px -480px;
  width: 11px;
  height: 11px; }

.icons-chat-link {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -427px -480px;
  width: 11px;
  height: 11px; }

.icons-chat {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -498px;
  width: 16px;
  height: 15px; }

.icons-chat2 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -483px;
  width: 16px;
  height: 15px; }

.icons-check-dark {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -587px -480px;
  width: 11px;
  height: 9px; }

.icons-check-mark-grey {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -576px -480px;
  width: 11px;
  height: 9px; }

.icons-check-white {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -565px -480px;
  width: 11px;
  height: 9px; }

.icons-checkout {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -312px;
  width: 16px;
  height: 16px; }

.icons-clear-search-mini {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -634px -480px;
  width: 8px;
  height: 8px; }

.icons-clip {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -380px -210px;
  width: 39px;
  height: 57px; }

.icons-clock {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -453px -536px;
  width: 33px;
  height: 32px; }

.icons-close {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -394px -480px;
  width: 11px;
  height: 11px; }

.icons-close2 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -262px -627px;
  width: 21px;
  height: 21px; }

.icons-close3 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -383px -480px;
  width: 11px;
  height: 11px; }

.icons-completed-small-eur {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -422px -420px;
  width: 12px;
  height: 12px; }

.icons-completed-small {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -434px -420px;
  width: 12px;
  height: 12px; }

.icons-custom-hours {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -213px -495px;
  width: 37px;
  height: 34px; }

.icons-customer {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -599px -295px;
  width: 41px;
  height: 53px; }

.icons-date-selector {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -376px;
  width: 16px;
  height: 16px; }

.icons-dated {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -308px -420px;
  width: 13px;
  height: 13px; }

.icons-day-checkbox-hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -248px;
  width: 16px;
  height: 16px; }

.icons-day-checkbox-selected {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -296px;
  width: 16px;
  height: 16px; }

.icons-day-checkbox {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -280px;
  width: 16px;
  height: 16px; }

.icons-decorations-left {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: 0px 0px;
  width: 427px;
  height: 153px; }

.icons-decorations-right {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: 0px -153px;
  width: 380px;
  height: 142px; }

.icons-delete-hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -283px -627px;
  width: 21px;
  height: 21px; }

.icons-delete {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -224px -480px;
  width: 12px;
  height: 13px; }

.icons-delete2 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -304px -627px;
  width: 21px;
  height: 21px; }

.icons-delete3-hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -449px -480px;
  width: 11px;
  height: 11px; }

.icons-delete3 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -339px -480px;
  width: 11px;
  height: 11px; }

.icons-dialog2-close {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -470px -420px;
  width: 12px;
  height: 12px; }

.icons-dont {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -615px;
  width: 15px;
  height: 15px; }

.icons-download-hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -500px -568px;
  width: 9px;
  height: 10px; }

.icons-download {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -491px -568px;
  width: 9px;
  height: 10px; }

.icons-drag {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -542px;
  width: 17px;
  height: 14px; }

.icons-edit-link-on {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -482px -420px;
  width: 12px;
  height: 12px; }

.icons-edit-link {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -590px -420px;
  width: 12px;
  height: 12px; }

.icons-edit {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -542px -420px;
  width: 12px;
  height: 12px; }

.icons-edit2 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -345px -420px;
  width: 12px;
  height: 13px; }

.icons-edit3 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -566px -420px;
  width: 12px;
  height: 12px; }

.icons-email-link-on {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -520px -480px;
  width: 12px;
  height: 9px; }

.icons-email-link {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -508px -480px;
  width: 12px;
  height: 9px; }

.icons-email-white {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -484px -480px;
  width: 12px;
  height: 10px; }

.icons-email {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -496px -480px;
  width: 12px;
  height: 9px; }

.icons-email2 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -640px -323px;
  width: 16px;
  height: 13px; }

.icons-employees-big {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -325px -295px;
  width: 130px;
  height: 119px; }

.icons-error-big {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -468px -581px;
  width: 28px;
  height: 19px; }

.icons-error-date {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -523px -581px;
  width: 23px;
  height: 18px; }

.icons-error {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -220px;
  width: 19px;
  height: 14px; }

.icons-exp {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -625px -420px;
  width: 12px;
  height: 11px; }

.icons-expand {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -518px -420px;
  width: 12px;
  height: 12px; }

.icons-failed-big {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -380px -267px;
  width: 28px;
  height: 28px; }

.icons-failed-small {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -453px;
  width: 16px;
  height: 15px; }

.icons-faq {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -203px;
  width: 16px;
  height: 17px; }

.icons-filter-on {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -396px -420px;
  width: 13px;
  height: 12px; }

.icons-filter {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -383px -420px;
  width: 13px;
  height: 12px; }

.icons-gender-female {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -570px -581px;
  width: 10px;
  height: 14px; }

.icons-gender-male {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -269px -420px;
  width: 13px;
  height: 13px; }

.icons-gender {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -646px -348px;
  width: 11px;
  height: 16px; }

.icons-gift {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -640px -295px;
  width: 15px;
  height: 14px; }

.icons-gold-ticket {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -427px 0px;
  width: 230px;
  height: 230px; }

.icons-header_calendar_hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -188px -536px;
  width: 47px;
  height: 45px; }

.icons-header_calendar_on {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -141px -536px;
  width: 47px;
  height: 45px; }

.icons-header_calendar {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -94px -536px;
  width: 47px;
  height: 45px; }

.icons-header_clients_hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: 0px -536px;
  width: 47px;
  height: 45px; }

.icons-header_clients_on {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -585px -435px;
  width: 47px;
  height: 45px; }

.icons-header_clients {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -491px -435px;
  width: 47px;
  height: 45px; }

.icons-header_dashboard_hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -444px -435px;
  width: 47px;
  height: 45px; }

.icons-header_dashboard_on {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -209px -435px;
  width: 47px;
  height: 45px; }

.icons-header_dashboard {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -282px -536px;
  width: 47px;
  height: 45px; }

.icons-header_menu_hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -235px -536px;
  width: 47px;
  height: 45px; }

.icons-header_menu_on {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -599px -348px;
  width: 47px;
  height: 45px; }

.icons-header_menu {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -162px -435px;
  width: 47px;
  height: 45px; }

.icons-header_reports_hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -256px -435px;
  width: 47px;
  height: 45px; }

.icons-header_reports_on {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -303px -435px;
  width: 47px;
  height: 45px; }

.icons-header_reports {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -350px -435px;
  width: 47px;
  height: 45px; }

.icons-header_settings_hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -397px -435px;
  width: 47px;
  height: 45px; }

.icons-header_settings_on {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -538px -435px;
  width: 47px;
  height: 45px; }

.icons-header_settings {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -47px -536px;
  width: 47px;
  height: 45px; }

.icons-help {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -476px -495px;
  width: 28px;
  height: 28px; }

.icons-import {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -556px;
  width: 14px;
  height: 17px; }

.icons-import2 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -494px -420px;
  width: 12px;
  height: 12px; }

.icons-info-grey {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -214px -420px;
  width: 14px;
  height: 14px; }

.icons-info-link-on {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -188px -480px;
  width: 12px;
  height: 13px; }

.icons-info-link {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -236px -480px;
  width: 12px;
  height: 13px; }

.icons-info {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -287px -495px;
  width: 37px;
  height: 34px; }

.icons-infonote {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -501px -399px;
  width: 14px;
  height: 13px; }

.icons-infonote2 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -675px -43px;
  width: 2px;
  height: 8px; }

.icons-keyboard {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -478px -399px;
  width: 23px;
  height: 13px; }

.icons-keyboard2 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -455px -399px;
  width: 23px;
  height: 13px; }

.icons-link {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -645px;
  width: 16px;
  height: 12px; }

.icons-lock-mini {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -649px -230px;
  width: 8px;
  height: 9px; }

.icons-lock {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: 0px -627px;
  width: 23px;
  height: 30px; }

.icons-locked2 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -23px;
  width: 20px;
  height: 20px; }

.icons-logo-wahanda {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -427px -271px;
  width: 72px;
  height: 19px; }

.icons-logout-hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -306px -480px;
  width: 11px;
  height: 11px; }

.icons-logout {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -416px -480px;
  width: 11px;
  height: 11px; }

.icons-mail-greyscale {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -119px -627px;
  width: 24px;
  height: 24px; }

.icons-masquerade {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -242px -420px;
  width: 14px;
  height: 14px; }

.icons-menu {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -455px -295px;
  width: 144px;
  height: 104px; }

.icons-move {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -200px -420px;
  width: 14px;
  height: 14px; }

.icons-nav-booking {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -122px -581px;
  width: 28px;
  height: 26px; }

.icons-nav-calendar-hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -518px -536px;
  width: 27px;
  height: 28px; }

.icons-nav-calendar-on {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -545px -536px;
  width: 27px;
  height: 28px; }

.icons-nav-calendar {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -572px -536px;
  width: 27px;
  height: 28px; }

.icons-nav-clients-hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -504px -495px;
  width: 32px;
  height: 24px; }

.icons-nav-clients-on {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -536px -495px;
  width: 32px;
  height: 24px; }

.icons-nav-clients {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -568px -495px;
  width: 32px;
  height: 24px; }

.icons-nav-employees {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -94px -581px;
  width: 28px;
  height: 26px; }

.icons-nav-home-hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -256px -581px;
  width: 28px;
  height: 24px; }

.icons-nav-home-on {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -628px -495px;
  width: 28px;
  height: 24px; }

.icons-nav-home {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -600px -495px;
  width: 28px;
  height: 24px; }

.icons-nav-menu-hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -414px -581px;
  width: 27px;
  height: 20px; }

.icons-nav-menu-on {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -441px -581px;
  width: 27px;
  height: 20px; }

.icons-nav-menu {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -387px -581px;
  width: 27px;
  height: 20px; }

.icons-nav-notifications {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -599px -536px;
  width: 28px;
  height: 26px; }

.icons-nav-products {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -420px -495px;
  width: 28px;
  height: 28px; }

.icons-nav-reports-hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -312px -581px;
  width: 25px;
  height: 22px; }

.icons-nav-reports-on {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -362px -581px;
  width: 25px;
  height: 22px; }

.icons-nav-reports {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -337px -581px;
  width: 25px;
  height: 22px; }

.icons-nav-services {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -448px -495px;
  width: 28px;
  height: 28px; }

.icons-nav-settings-hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -230px -581px;
  width: 26px;
  height: 26px; }

.icons-nav-settings-on {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -178px -581px;
  width: 26px;
  height: 26px; }

.icons-nav-settings {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -204px -581px;
  width: 26px;
  height: 26px; }

.icons-nav-supplier {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -150px -581px;
  width: 28px;
  height: 26px; }

.icons-nav-venue {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -627px -536px;
  width: 28px;
  height: 26px; }

.icons-next-hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -419px -240px;
  width: 7px;
  height: 10px; }

.icons-next {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -649px -420px;
  width: 7px;
  height: 10px; }

.icons-next2 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -460px -480px;
  width: 12px;
  height: 10px; }

.icons-no-employee {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -391px -495px;
  width: 29px;
  height: 29px; }

.icons-no-show {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -599px -266px;
  width: 12px;
  height: 3px; }

.icons-note-tip {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -234px;
  width: 19px;
  height: 14px; }

.icons-note-tip2 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -602px -420px;
  width: 11px;
  height: 12px; }

.icons-note {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -673px -186px;
  width: 3px;
  height: 9px; }

.icons-notification {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -674px -169px;
  width: 3px;
  height: 16px; }

.icons-package-big {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -417px -536px;
  width: 36px;
  height: 42px; }

.icons-package-medium {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px 0px;
  width: 20px;
  height: 23px; }

.icons-package {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -162px -480px;
  width: 13px;
  height: 15px; }

.icons-paid-eur {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -578px -420px;
  width: 12px;
  height: 12px; }

.icons-paid {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -554px -420px;
  width: 12px;
  height: 12px; }

.icons-phone-greyscale {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -23px -627px;
  width: 24px;
  height: 24px; }

.icons-phone-link-on {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -321px -420px;
  width: 12px;
  height: 13px; }

.icons-phone-link {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -200px -480px;
  width: 12px;
  height: 13px; }

.icons-phone {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -333px -420px;
  width: 12px;
  height: 13px; }

.icons-pin {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -646px -364px;
  width: 10px;
  height: 15px; }

.icons-plus-big {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -408px -267px;
  width: 14px;
  height: 15px; }

.icons-plus-dark {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -642px -480px;
  width: 8px;
  height: 8px; }

.icons-plus-green {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -609px -480px;
  width: 9px;
  height: 8px; }

.icons-plus-link_hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -534px -568px;
  width: 8px;
  height: 8px; }

.icons-plus-link {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -626px -480px;
  width: 8px;
  height: 8px; }

.icons-plus-white {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -558px -568px;
  width: 8px;
  height: 8px; }

.icons-plus {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -580px -581px;
  width: 11px;
  height: 12px; }

.icons-plus2 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -405px -480px;
  width: 11px;
  height: 11px; }

.icons-plus3 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -328px -480px;
  width: 11px;
  height: 11px; }

.icons-plus4 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -542px -568px;
  width: 8px;
  height: 8px; }

.icons-plus5 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -550px -568px;
  width: 8px;
  height: 8px; }

.icons-pnd {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -294px -480px;
  width: 12px;
  height: 11px; }

.icons-pos-icon-add-larger-transp {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -486px -536px;
  width: 32px;
  height: 32px; }

.icons-pos-icon-add {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -97px;
  width: 18px;
  height: 18px; }

.icons-pos-icon-card-payment {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -166px -627px;
  width: 24px;
  height: 21px; }

.icons-pos-icon-cash-payment {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -214px -627px;
  width: 24px;
  height: 21px; }

.icons-pos-icon-cash-register {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -102px -435px;
  width: 60px;
  height: 60px; }

.icons-pos-icon-close {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -79px;
  width: 18px;
  height: 18px; }

.icons-pos-icon-discount {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -71px -627px;
  width: 24px;
  height: 24px; }

.icons-pos-icon-more {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -115px;
  width: 18px;
  height: 18px; }

.icons-pos-icon-tip {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -190px -627px;
  width: 24px;
  height: 21px; }

.icons-pos-icon-voucher {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -238px -627px;
  width: 24px;
  height: 21px; }

.icons-previous-hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -649px -239px;
  width: 7px;
  height: 10px; }

.icons-previous {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -419px -230px;
  width: 7px;
  height: 10px; }

.icons-previous2 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -472px -480px;
  width: 12px;
  height: 10px; }

.icons-print {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -357px -420px;
  width: 13px;
  height: 12px; }

.icons-product-big {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -200px -295px;
  width: 125px;
  height: 125px; }

.icons-question-small {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -515px -399px;
  width: 14px;
  height: 13px; }

.icons-question {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -250px -495px;
  width: 37px;
  height: 34px; }

.icons-rating-empty {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -499px -271px;
  width: 77px;
  height: 12px; }

.icons-rating-full {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -576px -271px;
  width: 77px;
  height: 12px; }

.icons-refresh {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -248px -480px;
  width: 11px;
  height: 13px; }

.icons-reject {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -212px -480px;
  width: 12px;
  height: 13px; }

.icons-reject2 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -186px;
  width: 16px;
  height: 17px; }

.icons-repeat {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -641px -581px;
  width: 10px;
  height: 11px; }

.icons-reset {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -175px -480px;
  width: 13px;
  height: 15px; }

.icons-salonmeister-logo-vouchers {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -427px -230px;
  width: 118px;
  height: 41px; }

.icons-search-lupe {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -530px -420px;
  width: 12px;
  height: 12px; }

.icons-search {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -409px -420px;
  width: 13px;
  height: 12px; }

.icons-sld {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -613px -420px;
  width: 12px;
  height: 11px; }

.icons-sorting-asc {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -518px -568px;
  width: 9px;
  height: 10px; }

.icons-sorting-desc {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -473px -568px;
  width: 9px;
  height: 10px; }

.icons-sorting-off {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -649px -249px;
  width: 7px;
  height: 10px; }

.icons-source-treatwell {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -61px;
  width: 18px;
  height: 18px; }

.icons-source-widget {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -151px;
  width: 18px;
  height: 18px; }

.icons-source-zensoon {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -43px;
  width: 18px;
  height: 18px; }

.icons-source2-direct {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -328px;
  width: 16px;
  height: 16px; }

.icons-source2-wahanda {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -264px;
  width: 16px;
  height: 16px; }

.icons-source2-widget {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -392px;
  width: 16px;
  height: 16px; }

.icons-source2-zensoon {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -133px;
  width: 18px;
  height: 18px; }

.icons-spa-break-big {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -599px -230px;
  width: 50px;
  height: 34px; }

.icons-spa-break-medium {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -546px -581px;
  width: 24px;
  height: 16px; }

.icons-spa-break {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -529px -399px;
  width: 16px;
  height: 11px; }

.icons-spa-day-big {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -545px -230px;
  width: 54px;
  height: 36px; }

.icons-spa-day-medium {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -496px -581px;
  width: 27px;
  height: 18px; }

.icons-spa-day {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -573px;
  width: 19px;
  height: 12px; }

.icons-status-bullet {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -618px -480px;
  width: 8px;
  height: 8px; }

.icons-status-pending {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -169px;
  width: 17px;
  height: 17px; }

.icons-success-small {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -468px;
  width: 16px;
  height: 15px; }

.icons-sync {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -574px -399px;
  width: 14px;
  height: 11px; }

.icons-tick-small-green {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -532px -480px;
  width: 11px;
  height: 9px; }

.icons-tick-success {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -324px -495px;
  width: 37px;
  height: 31px; }

.icons-tick {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -370px -420px;
  width: 13px;
  height: 12px; }

.icons-tick2 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -543px -480px;
  width: 11px;
  height: 9px; }

.icons-tick3 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -554px -480px;
  width: 11px;
  height: 9px; }

.icons-tick4 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -614px -399px;
  width: 13px;
  height: 11px; }

.icons-tick5 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -408px -282px;
  width: 16px;
  height: 13px; }

.icons-tick6 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -598px -480px;
  width: 11px;
  height: 9px; }

.icons-treatment-big {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -329px -536px;
  width: 48px;
  height: 44px; }

.icons-treatment-medium {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -143px -627px;
  width: 23px;
  height: 23px; }

.icons-treatment {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -640px -309px;
  width: 15px;
  height: 14px; }

.icons-unpaid-important-small {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -506px -420px;
  width: 12px;
  height: 12px; }

.icons-up {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -646px -379px;
  width: 11px;
  height: 13px; }

.icons-up2 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -259px -480px;
  width: 11px;
  height: 12px; }

.icons-upgrade-special {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -284px -581px;
  width: 28px;
  height: 23px; }

.icons-upgrade {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -408px;
  width: 17px;
  height: 15px; }

.icons-upgrade2 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -528px;
  width: 17px;
  height: 14px; }

.icons-user-hover {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -631px -581px;
  width: 10px;
  height: 12px; }

.icons-user {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -591px -581px;
  width: 10px;
  height: 12px; }

.icons-user2 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -601px -581px;
  width: 10px;
  height: 12px; }

.icons-user3 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -611px -581px;
  width: 10px;
  height: 12px; }

.icons-user4 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -621px -581px;
  width: 10px;
  height: 12px; }

.icons-venue {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: 0px -295px;
  width: 200px;
  height: 140px; }

.icons-voucher {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -640px -336px;
  width: 15px;
  height: 12px; }

.icons-voucher2 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -545px -399px;
  width: 15px;
  height: 11px; }

.icons-voucher3 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -588px -399px;
  width: 13px;
  height: 11px; }

.icons-walkin {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -334px -627px;
  width: 9px;
  height: 13px; }

.icons-walkin2 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -325px -627px;
  width: 9px;
  height: 13px; }

.icons-warning {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -139px -495px;
  width: 37px;
  height: 34px; }

.icons-web-link-on {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -637px -420px;
  width: 12px;
  height: 11px; }

.icons-web-link {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -282px -480px;
  width: 12px;
  height: 11px; }

.icons-x-small-red {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -453px -568px;
  width: 10px;
  height: 10px; }

#venues {
  position: absolute;
  left: 0;
  top: 0;
  width: 212px;
  color: #fff;
  border-right: 1px solid rgba(0, 0, 0, 0.1); }
  #venues .current {
    display: block;
    height: 40px;
    padding-left: 10px;
    line-height: 15px;
    position: relative;
    padding-left: 10px; }
    #venues .current .name {
      max-height: 45px;
      overflow: hidden;
      text-overflow: ellipsis;
      user-select: none; }
    #venues .current .name {
      width: 174px;
      font-weight: 600; }
    #venues .current .icons-arrow-dropdown {
      display: none; }
  #venues ul {
    max-height: 510px;
    overflow: auto;
    width: 220px; }
    #venues ul li a span.title {
      max-width: 172px; }

#venues.ddown-menu:hover {
  color: #fff;
  background-color: #666; }

#venues.ddown-menu.active {
  color: #fff;
  background-color: #333; }

#venues.ddown-menu .current .name {
  width: 153px; }

#venues.ddown-menu .current .icons-arrow-dropdown {
  display: block; }

#nav-right {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  height: 40px; }
  #nav-right #nav-settings {
    width: 40px;
    height: 40px;
    margin-right: -3px;
    background: url(gear-a38eb25d5e2c7625ea4cb12d6481a666.svg) no-repeat center center; }
    #nav-right #nav-settings:not(.hidden) {
      display: inline-block; }
    #nav-right #nav-settings:hover {
      background-color: #666; }
    #nav-right #nav-settings.on {
      background-color: #333; }
    #nav-right #nav-settings a {
      display: block;
      width: 100%;
      height: 100%; }
  #nav-right #nav-notifications {
    padding: 0;
    cursor: pointer;
    position: relative;
    display: inline-block;
    margin-left: 10px; }
    #nav-right #nav-notifications.no-badge .notification-count {
      display: none; }
    #nav-right #nav-notifications.active .notification-badge {
      background-color: #333; }
      #nav-right #nav-notifications.active .notification-badge .notification-count {
        border: 2px solid #333; }
      #nav-right #nav-notifications.active .notification-badge--arrow {
        display: block; }
      #nav-right #nav-notifications.active .notification-badge:hover {
        background-color: #333; }
        #nav-right #nav-notifications.active .notification-badge:hover .notification-count {
          border: 2px solid #333; }
    #nav-right #nav-notifications .notification-badge {
      display: block;
      width: 40px;
      height: 40px;
      position: relative;
      line-height: 40px;
      margin-right: -3px; }
      #nav-right #nav-notifications .notification-badge:hover {
        background-color: #666; }
        #nav-right #nav-notifications .notification-badge:hover .notification-count {
          border: 2px solid #666; }
      #nav-right #nav-notifications .notification-badge .icon-notification {
        position: absolute;
        top: 8px;
        right: 0;
        bottom: auto;
        left: 0;
        margin: 0 auto;
        background-image: url(notifications-icon-763af049845289cd279681a35b258d3e.svg);
        width: 24px;
        height: 24px; }
      #nav-right #nav-notifications .notification-badge .notification-count {
        position: absolute;
        top: 7px;
        right: auto;
        bottom: auto;
        left: 20px;
        background: #ff5c39;
        border-radius: 50%;
        height: 8px;
        width: 8px;
        border: 2px solid #4d4d4d; }
      #nav-right #nav-notifications .notification-badge--arrow {
        position: absolute;
        top: auto;
        right: auto;
        bottom: 0;
        left: 14px;
        display: none;
        z-index: 1012;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 6px 6px 6px;
        border-color: transparent transparent #fff transparent; }
    #nav-right #nav-notifications .notification-list.ddown {
      flex-direction: column;
      max-height: calc(100vh - 100px);
      overflow: hidden;
      width: 340px;
      z-index: 1;
      position: absolute;
      top: 40px;
      right: -55px;
      bottom: auto;
      left: auto; }
      #nav-right #nav-notifications .notification-list.ddown:not(.hidden) {
        display: flex; }
      #nav-right #nav-notifications .notification-list.ddown li {
        float: none; }
      #nav-right #nav-notifications .notification-list.ddown a {
        display: flex;
        align-items: center;
        color: #333;
        height: 40px;
        position: relative;
        border-bottom: 1px solid #e6e6e6;
        padding: 0 15px;
        margin: 0; }
        #nav-right #nav-notifications .notification-list.ddown a .notification-item {
          max-width: 210px;
          display: block; }
        #nav-right #nav-notifications .notification-list.ddown a .list-item-count {
          position: absolute;
          top: auto;
          right: 10px;
          bottom: auto;
          left: auto;
          background: #ff5c39;
          color: #fff;
          font-size: 12px;
          -webkit-border-radius: 20px;
          -moz-border-radius: 20px;
          border-radius: 20px;
          text-align: center;
          min-width: 10px;
          padding: 0 6px;
          line-height: 20px; }
      #nav-right #nav-notifications .notification-list.ddown .activity-log-container {
        display: flex;
        flex-direction: column;
        min-height: 100%; }
  #nav-right #user {
    display: inline-block;
    background: #4d4d4d; }
    #nav-right #user:hover {
      background-color: #666; }
    #nav-right #user.active {
      background-color: #333; }
      #nav-right #user.active:hover {
        background-color: #333; }
    #nav-right #user .user-wrapper {
      width: 74px; }
      #nav-right #user .user-wrapper .current .person-pic-small {
        background: none;
        position: absolute;
        top: 6px;
        left: 14px;
        overflow: hidden;
        border-radius: 28px; }
        #nav-right #user .user-wrapper .current .person-pic-small.masquerade .initials-bubble {
          background-color: #ff808b; }
      #nav-right #user .user-wrapper .title {
        line-height: 24px; }
    #nav-right #user .icons-masquerade {
      position: absolute;
      top: 14px;
      right: auto;
      bottom: auto;
      left: 16px; }

.ddown-menu .current {
  cursor: pointer;
  text-decoration: none;
  display: block;
  height: 40px;
  padding-left: 10px;
  line-height: 15px;
  position: relative; }
  .ddown-menu .current .name {
    max-height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    user-select: none; }
  .ddown-menu .current .icons-arrow-dropdown {
    position: absolute;
    top: 16px;
    right: 15px;
    bottom: auto;
    left: auto;
    background-image: url(arrow-dropdown-25e46068943285dedb20461383e2f005.svg);
    width: 10px;
    height: 8px; }

.ddown {
  position: absolute;
  top: 45px;
  left: 10px;
  right: 10px;
  background: #fff;
  color: #b3b3b3;
  z-index: 10000;
  border-radius: 2px;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
  .ddown li.title {
    padding: 10px;
    line-height: 14px;
    cursor: default;
    overflow: hidden;
    text-overflow: ellipsis; }
  .ddown li {
    position: relative;
    user-select: none; }
    .ddown li a {
      color: #4d4d4d;
      display: block;
      font-weight: 600;
      text-decoration: none;
      padding: 10px 10px;
      margin-top: 1px;
      transition: background-color 0.1s; }
      .ddown li a span.checkbox-icon {
        background-image: url(checkbox-non-ticked-90e4b49875b863a938a68b5b7fac7a0a.svg);
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: top; }
      .ddown li a span.language-icon {
        background-image: url(planet-fc88118b6bdbf1d95b176c218a92bda0.svg);
        width: 24px;
        height: 24px;
        display: inline-block;
        vertical-align: top; }
      .ddown li a span.feedback-icon {
        background-image: url(feedback-fa7f0ce06c1e510bce1984ec23d038af.svg);
        width: 24px;
        height: 24px;
        display: inline-block;
        vertical-align: top; }
      .ddown li a span.help-icon {
        background-image: url(help-dbb435add9eb312ac2bf1805fcb31548.svg);
        width: 24px;
        height: 24px;
        display: inline-block;
        vertical-align: top; }
      .ddown li a span.logout-icon {
        background-image: url(logout-b67eff227439f263e4e93d2ffcd636ca.svg);
        width: 24px;
        height: 24px;
        display: inline-block;
        vertical-align: top; }
      .ddown li a span.title {
        display: inline-block;
        line-height: 20px;
        margin-left: 8px; }
      .ddown li a:hover {
        background-color: #f2f2f2; }
  #venues .ddown {
    left: 10px;
    right: auto; }
  #user .ddown {
    right: 10px;
    width: 190px;
    left: auto; }
    #user .ddown li a {
      margin-top: 0; }

.ddown .on a,
#header .ddown .on a {
  background-color: #f2f2f2; }
  .ddown .on a span.checkbox-icon,
  #header .ddown .on a span.checkbox-icon {
    background-image: url(checkbox-ticked-6fe47a5212a22ba3c32afe57cc93eeec.svg); }

#logout a {
  padding-left: 28px; }

#logout .icons-logout {
  position: absolute;
  top: 9px;
  right: auto;
  bottom: auto;
  left: 13px; }

#logout:hover .icons-logout {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -306px -480px;
  width: 11px;
  height: 11px; }

#nav1 {
  height: 40px;
  min-width: 580px; }
  #nav1.opaque {
    opacity: 0; }
  #nav1 .title {
    display: inline-block; }
  #nav1 a {
    display: flex;
    align-items: center;
    text-decoration: none;
    height: 40px;
    position: relative;
    padding: 0 16px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 600;
    color: #b3b3b3; }
    #nav1 a:hover {
      color: #fff;
      background-color: #666; }
  #nav1 li {
    float: left;
    width: auto; }
    #nav1 li.on {
      width: auto; }
      #nav1 li.on a {
        text-indent: 0;
        background: #333;
        color: #fff; }
    #nav1 li.no-permission {
      display: none; }

.ui-tabs {
  position: relative;
  zoom: 1; }

.ui-tabs .ui-tabs-hide {
  display: none; }

#nav2 li {
  position: relative;
  border-bottom: 1px solid #e6e6e6;
  line-height: 1.2em; }
  #nav2 li a {
    display: block;
    height: 43px;
    padding-left: 44px;
    font-weight: 600;
    font-size: 14px;
    padding-right: 17px;
    color: #666;
    cursor: pointer;
    text-decoration: none; }
    #nav2 li a .title {
      width: 130px;
      position: absolute;
      line-height: 14px;
      top: 13px; }

#nav2 .ui-tabs-active,
#nav2 .ui-state-hover {
  z-index: 5; }
  #nav2 .ui-tabs-active a,
  #nav2 .ui-state-hover a {
    background: #f2f2f2;
    color: #333; }

#nav2 .nav-icon {
  position: absolute;
  top: 9px;
  right: auto;
  bottom: auto;
  left: 8px;
  width: 24px;
  height: 24px; }

.nav3 {
  height: 33px;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 17px;
  transition: scroll 0.5s; }
  .nav3 ul {
    height: 32px;
    border-bottom: 1px solid #e6e6e6;
    background: #f2f2f2;
    min-width: max-content; }
    .nav3 ul li {
      float: left;
      border-right: 1px solid #e6e6e6;
      line-height: 32px;
      font-size: 14px;
      font-weight: 600; }
      .nav3 ul li:first-child {
        border-left: 0; }
    .nav3 ul a {
      display: block;
      padding: 0 17px;
      color: #666;
      text-decoration: none; }
    .nav3 ul .ui-state-hover {
      background: #fff; }
      .nav3 ul .ui-state-hover a {
        color: #333; }
    .nav3 ul .ui-tabs-active,
    .nav3 ul .ui-tabs-active.ui-state-hover {
      background: #fff;
      border-bottom: 1px solid #fff; }
      .nav3 ul .ui-tabs-active a,
      .nav3 ul .ui-tabs-active.ui-state-hover a {
        color: #333; }

.filter-current:hover .icons-arrow-bottom2,
.date-range-selector .current:hover .icons-arrow-bottom2 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -554px -266px;
  width: 9px;
  height: 5px; }

.weekdays .disabled .icons-tick2,
.weekdays .on.disabled .icons-tick2 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -554px -480px;
  width: 11px;
  height: 9px; }

.menu-item-pictures .empty:hover .icons-plus3 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -405px -480px;
  width: 11px;
  height: 11px; }

.link-keyboard:hover .icons-keyboard {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -455px -399px;
  width: 23px;
  height: 13px; }

.link-chat:hover .icons-chat {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -513px;
  width: 16px;
  height: 15px; }

.link-download:hover .icons-download {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -500px -568px;
  width: 9px;
  height: 10px; }

.action-links a:hover .icons-edit-link {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -482px -420px;
  width: 12px;
  height: 12px; }

.action-links a:hover .icons-web-link {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -637px -420px;
  width: 12px;
  height: 11px; }

.action-links a:hover .icons-add-link {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -657px -585px;
  width: 15px;
  height: 15px; }

.action-links a:hover .icons-phone-link {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -321px -420px;
  width: 12px;
  height: 13px; }

.action-links a:hover .icons-email-link {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -520px -480px;
  width: 12px;
  height: 9px; }

.action-links a:hover .icons-info-link {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -188px -480px;
  width: 12px;
  height: 13px; }

.action-links a:hover .icons-chat-link {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -317px -480px;
  width: 11px;
  height: 11px; }

.suggested-appointments .next:hover .icons-next {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -419px -240px;
  width: 7px;
  height: 10px; }

.suggested-appointments .next.disabled:hover .icons-next {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -649px -420px;
  width: 7px;
  height: 10px; }

.suggested-appointments .previous:hover .icons-previous {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -649px -239px;
  width: 7px;
  height: 10px; }

.suggested-appointments .previous.disabled:hover .icons-previous {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -419px -230px;
  width: 7px;
  height: 10px; }

.venue-info .pic .no-content:hover .icons-plus2 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -438px -480px;
  width: 11px;
  height: 11px; }

.add-content-dialog .new-content-form .delete:hover .icons-delete3 {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -449px -480px;
  width: 11px;
  height: 11px; }

.date-range-selector .selection .action:hover .icons-action-cancel {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -350px -480px;
  width: 11px;
  height: 11px; }

.date-range-selector .selection .action:hover .icons-action-ok {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -627px -399px;
  width: 13px;
  height: 11px; }

.person-selector .current:hover .icons-arrow-bottom-light {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -554px -266px;
  width: 9px;
  height: 5px; }

.show-more:hover .icons-arrow-more-down {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -671px -630px;
  width: 6px;
  height: 8px; }

.show-less:hover .icons-arrow-less-up {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -650px -480px;
  width: 6px;
  height: 8px; }

.link-with-icon:hover .icons-plus-link,
.person-pic:hover .add-new .icons-plus-link {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -534px -568px;
  width: 8px;
  height: 8px; }

.edit:hover .icons-edit-link,
.person-pic:hover .edit .icons-edit-link {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -482px -420px;
  width: 12px;
  height: 12px; }

.icons-info-grey {
  background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
  background-position: -214px -420px;
  width: 14px;
  height: 14px; }

body.menu-module #header #nav-right #header-search,
body.clients-module #header #nav-right #header-search {
  display: none; }

body.tax-auditor #header #nav-right #header-search,
body.tax-auditor #header #nav-right #nav-notifications {
  display: none; }

.settings-nav #nav2 .ui-tabs-active .nav-link .nav-icon {
  fill: #333; }

.settings-nav #nav2 .title {
  top: 17px; }

.settings-nav #nav2 .nav-link {
  box-sizing: border-box;
  height: 47px;
  padding: 12px;
  padding-left: 48px; }
  .settings-nav #nav2 .nav-link .nav-icon {
    top: 12px;
    left: 12px;
    fill: #666; }
  .settings-nav #nav2 .nav-link:hover .nav-icon {
    fill: #333; }

.no-header #reports-view {
  top: 0;
  height: 100%; }

#reports-view {
  top: 40px;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  height: calc(100% - $top-gap);
  box-sizing: border-box; }

#reports-tabs {
  position: absolute;
  top: 40px;
  right: 0;
  bottom: 0;
  left: 0; }
  #reports-tabs .section-main {
    border-left: none; }
  #reports-tabs .new-report-badge {
    margin-left: 4px;
    color: #fff;
    background-color: #3ba150;
    border-radius: 3px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 2px; }
  #reports-tabs #newSalesReportSign {
    margin-left: 4px;
    color: #fff;
    background-color: #3ba150;
    border-radius: 3px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 2px; }
  #reports-tabs #oldSalesReportSign {
    margin-left: 4px;
    color: #fff;
    background-color: #b3b3b3;
    border-radius: 3px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 2px; }

body.no-header #reports-tabs {
  top: 0; }

#reports-holder {
  min-width: 980px; }
  #reports-holder #nav2 a {
    padding-left: 14px; }
  #reports-holder .section-main {
    box-sizing: border-box; }
    #reports-holder .section-main .push-from-top,
    #reports-holder .section-main .left-content,
    #reports-holder .section-main .right-content {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
    #reports-holder .section-main .top-content {
      height: 60px; }
    #reports-holder .section-main .push-from-top {
      top: 175px;
      overflow-y: auto;
      padding: 0 20px; }
    #reports-holder .section-main .left-content {
      width: calc(100% - 331px);
      right: 250px; }
      #reports-holder .section-main .left-content .messages {
        position: absolute;
        top: 7rem;
        width: 100%; }
        #reports-holder .section-main .left-content .messages .message {
          text-size: 14px;
          text-align: center;
          color: #515151; }
          #reports-holder .section-main .left-content .messages .message.title {
            font-size: 16px;
            padding-bottom: 10px;
            color: #000; }
    #reports-holder .section-main .right-content {
      left: auto;
      width: 250px;
      padding: 12px 40px 0 40px;
      border-left: 1px solid #b3b3b3;
      background-color: #fafafa;
      overflow-y: auto; }
    #reports-holder .section-main .transactions-table {
      width: 100%;
      table-layout: fixed; }
      #reports-holder .section-main .transactions-table .headings td {
        border-top: 1px solid #c3c4bd;
        border-bottom: 1px solid #c3c4bd;
        background: #fff;
        font-weight: bold; }
      #reports-holder .section-main .transactions-table td {
        border: 1px solid #e6e6e6;
        padding: 9px 7px 6px 6px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
        #reports-holder .section-main .transactions-table td.customer {
          width: 20%; }
        #reports-holder .section-main .transactions-table td.time {
          width: 55px; }
        #reports-holder .section-main .transactions-table td.total {
          text-align: right;
          width: 70px; }
      #reports-holder .section-main .transactions-table tr.type-checkout, #reports-holder .section-main .transactions-table tr.type-cancellation {
        cursor: pointer; }
      #reports-holder .section-main .transactions-table tr.type-cancellation {
        color: #db3a4e; }
      #reports-holder .section-main .transactions-table tr.type-withdrawal td, #reports-holder .section-main .transactions-table tr.type-deposit td {
        font-weight: bold; }
    #reports-holder .section-main .cash-summary,
    #reports-holder .section-main .sales-summary {
      font-size: 13px;
      margin-bottom: 20px; }
      #reports-holder .section-main .cash-summary .header,
      #reports-holder .section-main .sales-summary .header {
        border-bottom: 1px solid #c2c4bd; }
      #reports-holder .section-main .cash-summary .item-container .item-group:nth-child(odd),
      #reports-holder .section-main .sales-summary .item-container .item-group:nth-child(odd) {
        background-color: #f2f2f2; }
      #reports-holder .section-main .cash-summary .expand,
      #reports-holder .section-main .sales-summary .expand {
        cursor: pointer; }
        #reports-holder .section-main .cash-summary .expand .expandable,
        #reports-holder .section-main .sales-summary .expand .expandable {
          background-image: url(down-arrow-6bc770737bca4b9b44514a0079a50614.svg);
          height: 5px;
          width: 9px;
          display: inline-block;
          margin-left: 5px;
          margin-bottom: 2px; }
        #reports-holder .section-main .cash-summary .expand.open .expandable,
        #reports-holder .section-main .sales-summary .expand.open .expandable {
          transform: rotate(180deg); }
      #reports-holder .section-main .cash-summary .item,
      #reports-holder .section-main .sales-summary .item {
        padding: 10px; }
        #reports-holder .section-main .cash-summary .item.important,
        #reports-holder .section-main .sales-summary .item.important {
          font-weight: bold; }
        #reports-holder .section-main .cash-summary .item.card-item, #reports-holder .section-main .cash-summary .item.voucher-item, #reports-holder .section-main .cash-summary .item.vat-item,
        #reports-holder .section-main .sales-summary .item.card-item,
        #reports-holder .section-main .sales-summary .item.voucher-item,
        #reports-holder .section-main .sales-summary .item.vat-item {
          font-size: 11px;
          color: #808080;
          padding: 5px 20px; }
        #reports-holder .section-main .cash-summary .item.sub-item,
        #reports-holder .section-main .sales-summary .item.sub-item {
          padding-top: 0;
          font-size: 11px; }
        #reports-holder .section-main .cash-summary .item.negative .amount,
        #reports-holder .section-main .sales-summary .item.negative .amount {
          color: #db3a4e; }
        #reports-holder .section-main .cash-summary .item.total,
        #reports-holder .section-main .sales-summary .item.total {
          font-weight: bold;
          background-color: #fff;
          border-top: 1px solid #c2c4bd; }
        #reports-holder .section-main .cash-summary .item.grey,
        #reports-holder .section-main .sales-summary .item.grey {
          background-color: #f2f2f2; }
        #reports-holder .section-main .cash-summary .item .amount,
        #reports-holder .section-main .sales-summary .item .amount {
          float: right; }
          #reports-holder .section-main .cash-summary .item .amount.negative,
          #reports-holder .section-main .sales-summary .item .amount.negative {
            color: #db3a4e; }
    #reports-holder .section-main .transactions-nav {
      user-select: none;
      padding-left: 5px;
      line-height: 60px; }
      #reports-holder .section-main .transactions-nav--prev, #reports-holder .section-main .transactions-nav--next {
        display: inline-block;
        width: 37px;
        height: 36px;
        cursor: pointer;
        position: relative;
        vertical-align: middle; }
        @media print {
          #reports-holder .section-main .transactions-nav--prev, #reports-holder .section-main .transactions-nav--next {
            display: none; } }
        #reports-holder .section-main .transactions-nav--prev .icon, #reports-holder .section-main .transactions-nav--next .icon {
          display: inline-block;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          margin: auto; }
      #reports-holder .section-main .transactions-nav--prev .icon {
        background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
        background-position: -527px -568px;
        width: 7px;
        height: 10px; }
      #reports-holder .section-main .transactions-nav--prev:hover .icon {
        background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
        background-position: -419px -250px;
        width: 7px;
        height: 10px; }
      #reports-holder .section-main .transactions-nav--next .icon {
        background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
        background-position: -419px -210px;
        width: 7px;
        height: 10px; }
      #reports-holder .section-main .transactions-nav--next:hover .icon {
        background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
        background-position: -419px -220px;
        width: 7px;
        height: 10px; }
      #reports-holder .section-main .transactions-nav--next.disabled .icon {
        opacity: 0.5; }
      #reports-holder .section-main .transactions-nav--date {
        font-size: 16px;
        font-weight: bold;
        cursor: pointer;
        line-height: 60px;
        padding-right: 24px;
        background: transparent url(arrow-bottom2-ba63976fbe33955d83ca26c68a078ef7.png) no-repeat right center; }
        @media print {
          #reports-holder .section-main .transactions-nav--date {
            background: none; } }
      #reports-holder .section-main .transactions-nav:hover--date {
        background-image: url(arrow-bottom2-hover-392b0c2d37cabfbf117cc880fa094c4b.png); }

.checkout-summary .loading {
  height: 250px;
  text-align: center;
  padding-top: 110px; }

.checkout-summary .ui-dialog-content {
  padding-top: 0; }

.checkout-summary .overview-summary {
  height: 87px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-left: -16px;
  margin-right: -16px;
  padding: 20px 16px 0;
  background-color: #fafafa; }
  .checkout-summary .overview-summary .left {
    float: left;
    width: 50%; }
  .checkout-summary .overview-summary .right {
    float: right;
    width: 45%;
    padding-left: 5px; }
  .checkout-summary .overview-summary .transaction-id,
  .checkout-summary .overview-summary .customer-name {
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px; }
  .checkout-summary .overview-summary .customer-name {
    color: #3f83ff; }
  .checkout-summary .overview-summary .customer-email {
    display: inline-block;
    width: 80%;
    word-wrap: break-word; }
  .checkout-summary .overview-summary .overview-row {
    display: block;
    font-size: 12px;
    margin-bottom: 20px; }
    .checkout-summary .overview-summary .overview-row .date-label,
    .checkout-summary .overview-summary .overview-row .employee-label {
      width: 45%;
      display: inline-block; }
  .checkout-summary .overview-summary .icon {
    position: relative;
    top: -7px; }
  .checkout-summary .overview-summary .icons-action-phone {
    background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
    background-position: -47px -627px;
    width: 24px;
    height: 24px; }
  .checkout-summary .overview-summary .icons-action-email {
    background-image: url(icons-sprite-088b28e63d8aa3d544e0a8c3d8b01831.png);
    background-position: -95px -627px;
    width: 24px;
    height: 24px; }

.checkout-summary .seperator {
  border-bottom: 1px solid #e6e6e6;
  display: block;
  margin-left: -16px;
  margin-right: -16px; }

.checkout-summary .footer {
  border-top: 1px solid #b3b3b3; }

.checkout-summary .service-section,
.checkout-summary .product-section,
.checkout-summary .transaction-dialog-pricing-section,
.checkout-summary .footer {
  margin-left: -16px;
  margin-right: -16px;
  padding: 20px 16px 5px; }

.checkout-summary .transaction-dialog-pricing-section {
  background-color: #fafafa;
  border-top: 1px solid rgba(0, 0, 0, 0.2); }

.checkout-summary .footer {
  padding: 20px 16px; }

.checkout-summary .transaction-link {
  color: #d92222;
  cursor: pointer; }

.checkout-summary .link {
  color: #3f83ff;
  cursor: pointer; }
  .checkout-summary .link a {
    color: #3f83ff;
    text-decoration: none; }
  .checkout-summary .link + .link {
    margin-left: 20px; }

.checkout-summary .row {
  background-color: #fff;
  width: 100%;
  display: block;
  min-height: 35px; }
  .checkout-summary .row .name {
    font-size: 16px;
    padding-bottom: 10px;
    display: inline-block;
    width: 305px; }
  .checkout-summary .row .quantity {
    color: #808080; }
  .checkout-summary .row .total-price,
  .checkout-summary .row .quantity {
    float: right;
    width: 65px;
    text-align: right; }
  .checkout-summary .row .constituent {
    display: block;
    padding-bottom: 10px;
    color: #7d7d7d; }

.checkout-summary .linked-transaction {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 20px 16px;
  background-color: #fafafa;
  margin-left: -16px;
  margin-right: -16px; }

.transaction-dialog-pricing-section .total {
  font-weight: bold; }

.transaction-dialog-pricing-section .row {
  background-color: #fafafa;
  width: 100%;
  display: block;
  min-height: 35px; }
  .transaction-dialog-pricing-section .row .name {
    font-size: 16px;
    padding-bottom: 10px;
    display: inline-block;
    width: 305px; }
  .transaction-dialog-pricing-section .row .total-price {
    float: right;
    text-align: right; }

.transactions-dialog.dialog2 .ui-dialog-content {
  background-color: #fafafa; }

.transactions-dialog.dialog2 .transaction-dialog-pricing-section {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 16px 0 6px; }

.transactions-dialog.dialog2 :not(.transaction-dialog-pricing-section) > .row {
  margin-left: -16px;
  margin-right: -16px;
  padding: 5px 16px;
  line-height: 40px;
  background: #fff; }
  .transactions-dialog.dialog2 :not(.transaction-dialog-pricing-section) > .row.last {
    border-bottom: 1px solid #e6e6e6; }
  .transactions-dialog.dialog2 :not(.transaction-dialog-pricing-section) > .row .right .select-wrap select {
    height: 26px; }
  .transactions-dialog.dialog2 :not(.transaction-dialog-pricing-section) > .row .right .select-wrap .select-wrap-replacement {
    border-bottom: 1px solid #979797; }
  .transactions-dialog.dialog2 :not(.transaction-dialog-pricing-section) > .row .price-input {
    border-bottom: 1px solid #979797;
    display: inline-block;
    line-height: 22px; }
    .transactions-dialog.dialog2 :not(.transaction-dialog-pricing-section) > .row .price-input input {
      border: none;
      font-weight: bold;
      font-size: 18px;
      width: 4.5em;
      text-align: right;
      outline: none;
      background: transparent; }
    .transactions-dialog.dialog2 :not(.transaction-dialog-pricing-section) > .row .price-input.disabled {
      color: #b3b3b3;
      border-bottom-color: #b3b3b3; }
      .transactions-dialog.dialog2 :not(.transaction-dialog-pricing-section) > .row .price-input.disabled input {
        color: #b3b3b3; }
    .transactions-dialog.dialog2 :not(.transaction-dialog-pricing-section) > .row .price-input.negative .negative-sign {
      margin-right: 5px; }
  .transactions-dialog.dialog2 :not(.transaction-dialog-pricing-section) > .row.big {
    font-weight: bold;
    color: #000;
    font-size: 18px;
    line-height: 56px; }
  .transactions-dialog.dialog2 :not(.transaction-dialog-pricing-section) > .row.silent {
    color: #808080; }
  .transactions-dialog.dialog2 :not(.transaction-dialog-pricing-section) > .row.transactions-dialog--note label {
    color: #808080;
    font-size: 10px;
    line-height: 28px;
    display: block;
    font-weight: 600; }
  .transactions-dialog.dialog2 :not(.transaction-dialog-pricing-section) > .row.transactions-dialog--note input {
    display: block;
    border: none;
    border-bottom: 1px solid #c4c1af;
    font-size: 13px;
    color: #000;
    background-color: transparent;
    width: 100%;
    margin-bottom: 3px; }

.transactions-dialog.dialog2 .transition-div.last {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 16px; }

.transactions-dialog.dialog2 .text-row {
  margin-bottom: 20px; }

.transactions-dialog.dialog2 .information {
  text-align: center;
  margin: 9px; }

.transactions-dialog.dialog2 .action-button {
  background: #00b0b9;
  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  margin-left: -17px;
  margin-right: -17px;
  line-height: 39px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  cursor: pointer; }
  .transactions-dialog.dialog2 .action-button.disabled {
    cursor: default;
    background: #b3b3b3; }

.transactions-dialog.dialog2 span.action-button {
  padding: 2px 20px; }

.transactions-dialog.dialog2 .left {
  float: left; }

.transactions-dialog.dialog2 .right {
  float: right;
  font-weight: bold; }

.transactions-dialog.dialog2 .no-side-margins {
  margin-left: -17px;
  margin-right: -17px; }

.transactions-dialog.dialog2 .dialog2--messages {
  margin: -20px -17px 20px -17px; }

.transactions-dialog.dialog2 h2 {
  color: #000;
  font-size: 120%;
  padding-bottom: 18px; }

.transactions-dialog.dialog2 .transactions-dialog--loading {
  margin-bottom: 20px; }

.issue-refund.dialog2 .row.transactions-dialog--note {
  margin-bottom: 0; }

.confirmation-dialog.dialog2 .ui-dialog-titlebar {
  border-bottom: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .confirmation-dialog.dialog2 .ui-dialog-titlebar .title-icon {
    display: inline-block;
    height: 23px;
    width: 24px;
    margin-right: 5px;
    vertical-align: middle; }
    .confirmation-dialog.dialog2 .ui-dialog-titlebar .title-icon.red {
      background: transparent url(triangle-excl-red@2x-5be2ad4ba63323c1744e5ea3bc68e71b.png) no-repeat center/contain; }
    .confirmation-dialog.dialog2 .ui-dialog-titlebar .title-icon.orange {
      background: transparent url(triangle-excl-orange@2x-e57d251ad809d1173636a1dd661af548.png) no-repeat center/contain; }
  .confirmation-dialog.dialog2 .ui-dialog-titlebar .dialog2--title {
    padding-top: 12px; }

.confirmation-dialog.dialog2 .ui-dialog-content {
  font-size: 16px; }
  .confirmation-dialog.dialog2 .ui-dialog-content .confirmation-dialog--text {
    margin-bottom: 35px;
    padding-left: 37px; }

.confirmation-dialog.dialog2 .error {
  margin-bottom: 10px;
  display: block;
  line-height: 17px; }
  .confirmation-dialog.dialog2 .error .error-name {
    color: #d63700;
    margin-right: 15px; }

.confirmation-dialog.dialog2 .dialog2--footer {
  margin: 0 -17px; }
  .confirmation-dialog.dialog2 .dialog2--footer .dialog2--button {
    text-transform: uppercase; }

.confirmation-dialog.dialog2.errors-column .error {
  display: flex;
  flex-direction: column; }
  .confirmation-dialog.dialog2.errors-column .error > *:first-child {
    margin-bottom: 10px; }

#transactions {
  left: 0; }

#sales {
  left: 0; }

#bookings {
  left: 0; }
  #bookings .reports-bookings {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    min-height: 80px;
    background: #fff; }
    #bookings .reports-bookings.no-supplier {
      display: none; }
  #bookings .home-filters {
    height: 32px;
    background: #fff;
    border-bottom: 1px solid #b3b3b3;
    margin: 0 0 20px 0; }
    #bookings .home-filters .filter-wrapper {
      width: 211px;
      font-size: 12px;
      float: left;
      margin-right: 1px;
      background: none; }
      #bookings .home-filters .filter-wrapper:first-child {
        margin-left: 0; }
        #bookings .home-filters .filter-wrapper:first-child .filter-ddown {
          -moz-border-radius-topleft: 6px;
          -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px; }
    #bookings .home-filters .filter-current {
      width: 146px;
      padding: 0 55px 0 10px;
      border-right: 1px solid #cccccc; }
      #bookings .home-filters .filter-current .count {
        right: 34px; }
    #bookings .home-filters .filter-ddown {
      width: 176px;
      -moz-border-radius-topleft: 0;
      -webkit-border-top-left-radius: 0;
      border-top-left-radius: 0; }
      #bookings .home-filters .filter-ddown li {
        padding: 0 10px; }
    #bookings .home-filters #filter-date {
      width: 157px; }
      #bookings .home-filters #filter-date .filter-current {
        width: 107px;
        padding-right: 34px; }
      #bookings .home-filters #filter-date .filter-ddown {
        width: 116px; }
    #bookings .home-filters .date-range {
      width: 216px;
      height: 28px;
      border-right: 1px solid #cccccc;
      padding: 4px 4px 0; }
      #bookings .home-filters .date-range .txt-input {
        float: left;
        margin-right: 4px;
        width: 83px; }
        #bookings .home-filters .date-range .txt-input input {
          font-size: 12px; }
          #bookings .home-filters .date-range .txt-input input.error {
            width: 76%;
            padding-right: 20px;
            background-position: 100% 3px; }
      #bookings .home-filters .date-range .button.refresh {
        float: left;
        width: 23px;
        height: 24px;
        padding: 0;
        margin: 0;
        -webkit-border-radius: 3px 3px;
        -moz-border-radius: 3px / 3px;
        border-radius: 3px / 3px;
        position: relative;
        cursor: pointer; }
        #bookings .home-filters .date-range .button.refresh::-moz-focus-inner {
          border: 0;
          padding: 0; }
        #bookings .home-filters .date-range .button.refresh .button-inner {
          position: static;
          width: 23px;
          height: 24px;
          line-height: 24px;
          padding: 0;
          margin: 0; }
        #bookings .home-filters .date-range .button.refresh .button-icon {
          top: 4px;
          left: 5px; }
      #bookings .home-filters .date-range .sep {
        float: left;
        margin-right: 4px;
        line-height: 26px; }
  #bookings .home-data {
    position: absolute;
    top: 94px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    background: #fff;
    overflow: hidden; }
    #bookings .home-data table {
      table-layout: fixed;
      width: 100%;
      border-collapse: collapse; }
      #bookings .home-data table th,
      #bookings .home-data table td {
        padding: 6px 8px 2px 8px;
        font-size: 13px;
        line-height: 14px;
        vertical-align: middle;
        line-height: 29px; }
      #bookings .home-data table .status {
        margin-bottom: 3px; }
      #bookings .home-data table .icon-column {
        width: 29px;
        padding-left: 0;
        padding-right: 0; }
        #bookings .home-data table .icon-column .icon {
          margin: 2px auto 0; }
      #bookings .home-data table .column2 {
        width: 108px; }
      #bookings .home-data table .column3 {
        width: 120px; }
      #bookings .home-data table .column4 {
        width: 35%; }
      #bookings .home-data table .column5 {
        width: 65%; }
      #bookings .home-data table .column6 {
        width: 90px; }
      #bookings .home-data table .column7 {
        width: 145px; }
    #bookings .home-data .data-head {
      z-index: 20;
      height: 36px;
      border-top: 1px solid #b3b3b3; }
      #bookings .home-data .data-head td {
        background: #fff;
        border-right: 1px solid #e6e6e6;
        border-left: 1px solid #e6e6e6;
        font-weight: bold; }
      #bookings .home-data .data-head table .tick {
        display: none; }
      #bookings .home-data .data-head table.has-tick .column7 {
        border-right: 0; }
      #bookings .home-data .data-head table.has-tick .tick {
        display: table-cell;
        width: 14px;
        border-left: 0;
        padding: 0; }
    #bookings .home-data .data-body {
      z-index: 10;
      position: absolute;
      top: 38px;
      right: 0;
      bottom: 0;
      left: 0;
      overflow: auto;
      border-top: 1px solid #b3b3b3; }
      #bookings .home-data .data-body td {
        border: 1px solid #e6e6e6;
        border-bottom: 1px solid #b3b3b3;
        border-top: 1px solid #b3b3b3;
        height: 28px; }
    #bookings .home-data .status {
      margin-left: 0; }
    #bookings .home-data .no-data {
      display: none; }
    #bookings .home-data.empty {
      border-bottom: 0; }
      #bookings .home-data.empty .data-head,
      #bookings .home-data.empty .data-body {
        display: none; }
      #bookings .home-data.empty .no-data {
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        margin-top: -64px;
        padding-top: 34px;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        color: #666; }

.no-touch #bookings .home-data .data-body tr:hover td {
  background: #f2f2f2;
  cursor: pointer;
  border-right: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6; }

.top-search.reports-search {
  top: 4px;
  right: 20px;
  z-index: 21;
  width: 250px; }
  .top-search.reports-search .txt-input {
    margin-bottom: 0;
    width: 248px;
    border-color: #a5a69f; }
    .top-search.reports-search .txt-input input {
      width: 224px; }

.report-actions {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  height: 36px;
  background: #fff;
  border-bottom: 1px solid #b3b3b3;
  z-index: 2; }

.date-range-selector {
  position: relative;
  width: 286px;
  height: 36px;
  border-right: 1px solid #c3c4bd; }
  .date-range-selector .current,
  .date-range-selector .selection .title {
    position: relative;
    height: 36px;
    overflow: hidden;
    line-height: 38px;
    padding-left: 39px;
    padding-right: 33px;
    font-weight: bold;
    cursor: pointer; }
    .date-range-selector .current .icon,
    .date-range-selector .selection .title .icon {
      position: absolute;
      top: 9px;
      left: 14px; }
    .date-range-selector .current .arrow,
    .date-range-selector .selection .title .arrow {
      position: absolute;
      top: 16px;
      right: 12px; }
    .date-range-selector .current:hover,
    .date-range-selector .selection .title:hover {
      color: #333; }
  .date-range-selector .selection {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    background: #f2f2f2;
    border: 1px solid #b3b3b3;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.28); }
    .date-range-selector .selection .title {
      background: #f2f2f2;
      border-bottom: 1px solid #b3b3b3; }
    .date-range-selector .selection .period-granularity {
      height: 36px;
      background: #fff;
      border-bottom: 1px solid #b3b3b3; }
      .date-range-selector .selection .period-granularity label {
        float: left;
        width: 57px;
        line-height: 36px;
        border-right: 1px solid #b3b3b3;
        position: relative;
        padding-left: 37px; }
        .date-range-selector .selection .period-granularity label:last-child {
          border-right: 0; }
        .date-range-selector .selection .period-granularity label input {
          position: absolute;
          top: 9px;
          left: 15px; }
    .date-range-selector .selection .date {
      background: #fff;
      border-bottom: 1px solid #b3b3b3;
      padding: 14px 0 50px 14px; }
      .date-range-selector .selection .date label,
      .date-range-selector .selection .date .txt-input {
        vertical-align: middle;
        display: inline-block; }
      .date-range-selector .selection .date label {
        margin-right: 8px; }
      .date-range-selector .selection .date .date-input {
        cursor: pointer;
        width: 122px;
        background-position: 103px 3px; }
        .date-range-selector .selection .date .date-input input {
          width: 83%; }
    .date-range-selector .selection .buttons {
      height: 36px;
      cursor: pointer; }
      .date-range-selector .selection .buttons .action {
        float: left;
        width: 142px;
        line-height: 36px;
        border-right: 1px solid #b3b3b3;
        text-align: center;
        text-decoration: none;
        color: #4d4d4d; }
        .date-range-selector .selection .buttons .action:last-child {
          border-right: 0; }
        .date-range-selector .selection .buttons .action.main {
          font-weight: bold; }
        .date-range-selector .selection .buttons .action .icon,
        .date-range-selector .selection .buttons .action .value {
          display: inline-block;
          vertical-align: middle; }
        .date-range-selector .selection .buttons .action .icon {
          margin-right: 2px; }
        .date-range-selector .selection .buttons .action:hover {
          color: #333; }

.report-content {
  z-index: 1;
  position: absolute;
  top: 75px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  padding: 30px 20px; }
  .report-content h1 {
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 9px; }
  .report-content h2 {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 23px; }
  .report-content h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #4d4d4d; }

.printed-date {
  position: absolute;
  top: 30px;
  right: 20px;
  text-align: right;
  color: #666;
  font-size: 12px; }
  .printed-date .title {
    display: block;
    font-size: 10px;
    text-transform: uppercase; }

.stats-group {
  margin-bottom: 25px; }
  .stats-group:last-child {
    margin-bottom: 0; }
  .stats-group h3 {
    margin-bottom: -3px; }
  .stats-group table {
    width: 100%;
    table-layout: fixed; }
    .stats-group table th,
    .stats-group table td {
      width: 19%;
      text-align: right; }
      .stats-group table th:first-child,
      .stats-group table td:first-child {
        width: 31%;
        text-align: left; }
      .stats-group table th:last-child,
      .stats-group table td:last-child {
        width: 12%; }
      .stats-group table th span,
      .stats-group table td span {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .stats-group table th {
      border-bottom: 2px solid #ccccca;
      font-size: 10px;
      text-transform: uppercase;
      color: #808080;
      padding-bottom: 5px;
      vertical-align: bottom; }
    .stats-group table td {
      border-bottom: 1px solid #e6e6e6;
      padding: 6px 0;
      vertical-align: middle; }
      .stats-group table td:first-child {
        padding-left: 0; }
  .stats-group.general {
    background: #f1f2ed; }
    .stats-group.general h3 {
      margin-bottom: -1px; }
    .stats-group.general table th,
    .stats-group.general table td {
      border-bottom: 1px solid #fff; }
      .stats-group.general table th:first-child,
      .stats-group.general table td:first-child {
        padding-left: 12px; }
      .stats-group.general table th:last-child,
      .stats-group.general table td:last-child {
        padding-right: 12px; }
    .stats-group.general table th {
      padding-top: 10px;
      padding-bottom: 8px; }
    .stats-group.general table td {
      padding-top: 2px;
      padding-bottom: 0; }
      .stats-group.general table td span.period {
        display: inline-block;
        padding-top: 3px;
        padding-right: 3px; }
      .stats-group.general table td span.date {
        display: inline-block;
        font-size: 12px;
        color: #666;
        padding-top: 1px; }
    .stats-group.general table .important h3,
    .stats-group.general table .important span {
      font-size: 22px;
      line-height: 22px; }
    .stats-group.general table .important h3 {
      padding-top: 9px; }
    .stats-group.general table .important span.highlighted {
      font-weight: bold; }
    .stats-group.general table .important span.date {
      display: inline-block;
      font-size: 14px;
      color: #4d4d4d;
      padding-top: 0; }
    .stats-group.general table .important .change {
      font-weight: bold;
      line-height: 14px;
      padding-top: 4px; }
      .stats-group.general table .important .change.negative {
        color: #d63700; }
      .stats-group.general table .important .change.positive {
        color: #3ba150; }
      .stats-group.general table .important .change .icon {
        display: inline-block; }
      .stats-group.general table .important .change .value {
        display: inline-block; }

.ui-datepicker.ui-month-year-only .ui-datepicker-header {
  border-bottom: none; }
  .ui-datepicker.ui-month-year-only .ui-datepicker-header .ui-datepicker-month,
  .ui-datepicker.ui-month-year-only .ui-datepicker-header .ui-datepicker-year {
    width: 60px; }

.ui-datepicker.ui-month-year-only .ui-datepicker-calendar {
  display: none; }

.export-link-container {
  text-align: center;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 20px; }

.exports-dialog .input {
  padding-top: 14px; }
  .exports-dialog .input.date-input {
    padding: 8px;
    background: none; }
  .exports-dialog .input .select-wrap-replacement {
    line-height: 32px; }

.exports-dialog .date-selector .selected-date {
  font-weight: normal;
  padding: 0; }

.exports-dialog .date-selector a {
  position: relative;
  top: 2px;
  left: 4px; }

.exports-dialog .table-view--row {
  background-color: #fff; }
  .exports-dialog .table-view--row .input {
    padding-top: 7px; }
  .exports-dialog .table-view--row label {
    min-width: 85px;
    padding: 8px 0 0 15px; }

.exports-dialog .export-datestamp {
  position: absolute;
  right: 20px;
  top: inherit;
  font-size: smaller;
  width: 100px; }

.exports-dialog .ui-dialog-content {
  background-color: #f7f7f7;
  padding: 20px 0 20px 0; }

.exports-dialog .label-input-group {
  padding: 0; }
  .exports-dialog .label-input-group.first {
    margin-bottom: 10px; }

.exports-dialog .button-container {
  padding: 10px 15px 10px 0;
  text-align: right; }

#salesReports {
  overflow: auto; }

#settings-tabs {
  position: absolute;
  top: 40px;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f2f2f2; }

body.no-header #settings-tabs {
  top: 0; }

.content-holder#settings-holder {
  min-width: 980px; }
  .content-holder#settings-holder .section-main {
    min-width: 768px;
    overflow: hidden; }

.section-aside {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .section-aside #nav2 .nav-icon.icons-nav-wrench {
    background-image: url(wrench@2x-ca9ae14a6d839d8a491c02d729496cf5.png);
    background-size: cover;
    width: 28px;
    height: 26px; }

.form-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 64px;
  left: 0;
  overflow: auto; }

.form-actions {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  height: 30px;
  border-top: 1px solid #b3b3b3;
  padding: 17px; }

.form-list {
  width: 508px;
  padding: 20px 0 10px; }
  .form-list li {
    clear: both;
    margin-bottom: 10px; }
  .form-list .special {
    margin: 15px 0; }

.apply-to-all {
  text-align: right;
  display: block; }
  .apply-to-all.hidden {
    display: none; }

.label-column {
  float: left;
  width: 163px;
  margin-right: 15px;
  text-align: right;
  user-select: none;
  cursor: default; }

.week {
  float: left;
  border-top: 1px solid #e6e6e6;
  margin-bottom: 15px; }
  .week li {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 0;
    line-height: 29px; }
  .week label {
    display: inline-block;
    width: 105px;
    padding-left: 8px; }
  .week input,
  .week select {
    vertical-align: middle; }
  .week input[type='checkbox'] {
    width: 14px;
    height: 14px;
    margin: 0; }
  .week .off div {
    border-left: 5px solid #e6e6e6;
    padding-left: 10px; }
  .week .off label {
    color: #808080; }
  .week .on div {
    border-left: 5px solid #3ba150;
    padding-left: 10px; }
  .week .on label {
    color: #4d4d4d; }

.action .msg {
  display: none; }

.action.action-default .msg-action-default {
  display: inline-block; }

.action.action-doing .msg-action-doing {
  display: inline-block; }

.data-title {
  padding: 0 10px 5px 15px;
  font-size: 13px;
  color: #808080; }
  .data-title .item-name {
    float: left;
    width: 30%;
    max-width: 300px;
    margin-right: 15px; }
  .data-title .item-category {
    float: left;
    width: 20%;
    max-width: 200px;
    margin-right: 15px; }

.data-list:not(:empty) {
  background: #e6e6e6;
  padding: 1px 0;
  margin-bottom: 17px; }

.data-list .data-list-row {
  background: #fff;
  border-left: 5px solid #3ba150;
  margin-top: 1px;
  min-height: 21px;
  line-height: 21px;
  padding: 6px 10px;
  cursor: pointer;
  font-weight: bold; }
  .data-list .data-list-row:first-child {
    margin-top: 0; }
  .data-list .data-list-row:hover, .data-list .data-list-row:focus {
    background: #f2f2f2; }
  .data-list .data-list-row.notice {
    border-left-color: #e6e6e6; }

.data-list .data-list-item {
  cursor: pointer;
  float: left;
  margin-right: 15px;
  word-wrap: break-word; }
  .data-list .data-list-item.item-icon {
    width: 18px;
    height: 18px;
    overflow: hidden;
    border: 1px solid #cccccc; }
  .data-list .data-list-item.item-name {
    width: 30%;
    max-width: 300px; }
  .data-list .data-list-item.item-category {
    width: 20%;
    max-width: 200px;
    font-weight: normal; }
  .data-list .data-list-item.item-status {
    width: 20%;
    max-width: 200px; }
    .data-list .data-list-item.item-status .label {
      margin-left: 0; }
  .data-list .data-list-item.item-amount {
    width: 20%;
    max-width: 200px;
    font-weight: normal; }

.data-list .off {
  border-left: 5px solid #e6e6e6;
  cursor: default; }
  .data-list .off .data-list-item {
    cursor: default; }
  .data-list .off:hover, .data-list .off:focus {
    background: #fff; }

.data-list.ui-sortable {
  position: relative; }
  .data-list.ui-sortable .data-list-row {
    position: relative; }
    .data-list.ui-sortable .data-list-row:hover:after, .data-list.ui-sortable .data-list-row:focus:after {
      content: '';
      background: url(rearrange-icon-6fcef6617d656d23f805ff2006bdb161.svg);
      height: 18px;
      width: 22px;
      position: absolute;
      right: 40px; }

#team-categories #no-categories {
  display: none; }

#team-categories .empty-note,
#team-categories .content-note {
  display: none; }

#team-categories.empty {
  width: 288px;
  height: 119px;
  top: 50%;
  left: 50%;
  margin-top: -70px;
  margin-left: -230px;
  padding-left: 152px; }
  #team-categories.empty .data-content,
  #team-categories.empty .data-actions {
    display: none; }
  #team-categories.empty #no-categories {
    display: block; }
  #team-categories.empty p {
    font-size: 16px;
    line-height: 24px; }
  #team-categories.empty .button {
    margin-top: 15px; }
  #team-categories.empty .icons-employees-big {
    float: left;
    margin-left: -152px; }

.form-content .content-note {
  margin: 17px;
  margin-bottom: 0; }

#team .default-form {
  width: 508px;
  margin-left: 17px;
  margin-top: 14px; }
  #team .default-form .label-part {
    min-width: 153px; }

#team .none-employees {
  display: none; }

#team .dynamic-allocation.empty .data-title,
#team .dynamic-allocation.empty .data-list,
#team .dynamic-allocation.empty .form-actions {
  display: none; }

#team .dynamic-allocation.empty .none-employees {
  display: block; }

#team .dynamic-allocation .data-content {
  padding: 25px; }

#team .dynamic-allocation .employee-filter {
  display: none; }

#team .dynamic-allocation.with-filter .data-content {
  top: 33px;
  padding: 25px; }

#team .dynamic-allocation.with-filter .employee-filter {
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 100%;
  height: 32px;
  border-bottom: solid 1px #b3b3b3; }

.employee {
  padding-left: 85px;
  margin-bottom: 25px;
  overflow: hidden;
  position: relative;
  cursor: pointer; }
  .employee:last-child {
    margin-bottom: 0; }
  .employee .pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 85px;
    height: 85px;
    overflow: hidden;
    background: #e5e6de url(person-9c24740b3a8905c5e0e1ced472a81526.png) center bottom no-repeat; }
  .employee .info {
    height: 84px;
    border-bottom: 1px solid #e6e6e3;
    padding-left: 17px; }
  .employee .name {
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    margin-bottom: 8px; }
  .employee .role {
    line-height: 14px;
    margin-bottom: 9px;
    color: #666; }
  .employee .item-icon {
    cursor: move; }
  .employee .status,
  .employee .status-wrapper {
    margin: 0 5px 0 0; }
  .employee .status-wrapper {
    display: inline-block;
    position: relative; }
    .employee .status-wrapper .status {
      margin: 0; }
    .employee .status-wrapper .status.with-status {
      padding-right: 19px; }
    .employee .status-wrapper .status-note {
      position: absolute;
      top: 2px;
      right: 0;
      bottom: auto;
      left: auto;
      width: 14px;
      height: 16px;
      background: url(infonote2-5f2fe4536df2036996d53353f0ab9a45.png) 6px 4px no-repeat;
      border-left: 1px solid #fff;
      border-left: 1px solid rgba(255, 255, 255, 0.6); }
  .employee .hint-tooltip-wrapper {
    width: 219px; }
    .employee .hint-tooltip-wrapper .note-content {
      padding-top: 7px; }
  .employee .provides-services {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    color: #3ba150; }
    .employee .provides-services .icon,
    .employee .provides-services .text {
      display: inline-block;
      vertical-align: middle; }
    .employee .provides-services .icon {
      margin-right: 3px; }
  .employee:hover .name {
    color: #333; }
  .employee:hover .role {
    color: #4d4d4d; }
  .employee.notice .provides-services {
    display: none; }

.employee-category-form table {
  margin-bottom: 20px; }

.employee-category-form .txt-input {
  max-width: 338px !important; }
  .employee-category-form .txt-input input.error {
    padding-right: 22px;
    width: 94%; }

.employee-category-form .tag {
  margin-left: 5px;
  background: #e6e6e6;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px / 3px;
  border-radius: 3px / 3px;
  padding: 1px 4px 0;
  font-weight: normal;
  font-size: 11px;
  color: #666;
  vertical-align: middle;
  line-height: normal; }

.employee-category-form .notes {
  margin: -2px 0 23px;
  min-height: 15px;
  padding: 0 0 0 26px;
  line-height: 19px; }
  .employee-category-form .notes .icons-attention-small {
    float: left;
    margin-left: -26px;
    margin-top: 1px; }

.dialog-new-style .employee-form .dialog-head {
  display: block;
  height: 73px; }
  .dialog-new-style .employee-form .dialog-head .close {
    position: absolute;
    top: 8px;
    right: 8px;
    bottom: auto;
    left: auto;
    cursor: pointer; }

.dialog-new-style .employee-form .dialog-content {
  margin: 0;
  position: absolute;
  top: 105px;
  right: 0;
  bottom: 0;
  left: 0; }

.dialog-new-style .employee-form .dialog-actions {
  position: absolute; }
  .dialog-new-style .employee-form .dialog-actions .button,
  .dialog-new-style .employee-form .dialog-actions .button-cancel {
    display: none; }
  .dialog-new-style .employee-form .dialog-actions .button-continue {
    display: block;
    float: right;
    margin: 14px 0 0 0; }
    .dialog-new-style .employee-form .dialog-actions .button-continue .button-inner {
      padding-left: 12px;
      padding-right: 30px; }
    .dialog-new-style .employee-form .dialog-actions .button-continue .button-icon {
      left: auto;
      right: 12px; }
  .dialog-new-style .employee-form .dialog-actions .button-prev {
    display: block; }

.employee-form {
  padding: 0 !important; }
  .employee-form .dialog-head {
    display: none; }
  .employee-form .dialog-actions {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding-left: 17px;
    padding-right: 17px; }
    .employee-form .dialog-actions .button-link {
      margin-top: 14px;
      display: inline-block; }
    .employee-form .dialog-actions .set-working-hours.hidden {
      display: none; }
    .employee-form .dialog-actions .button-continue,
    .employee-form .dialog-actions .button-prev {
      display: none; }
  .employee-form .employee-info {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 50px;
    left: 0;
    width: 50%;
    background: #fff;
    overflow: auto; }
    .employee-form .employee-info .main-info {
      padding: 17px 17px 17px 124px; }
      .employee-form .employee-info .main-info .txt-input-big input {
        font-weight: bold; }
      .employee-form .employee-info .main-info .takes-appointments {
        padding-top: 8px; }
        .employee-form .employee-info .main-info .takes-appointments input,
        .employee-form .employee-info .main-info .takes-appointments label {
          vertical-align: top;
          padding-right: 6px; }
        .employee-form .employee-info .main-info .takes-appointments .input-wrapper {
          display: inline-block; }
        .employee-form .employee-info .main-info .takes-appointments input {
          margin-top: 1px; }
        .employee-form .employee-info .main-info .takes-appointments label {
          display: inline-block;
          width: 215px;
          margin-left: 5px;
          line-height: 16px; }
    .employee-form .employee-info .person-pic {
      float: left;
      margin: 0 17px 0 -107px;
      background-size: auto 60px;
      background-position: 50% 30%;
      position: relative;
      cursor: pointer;
      width: 85px;
      height: 85px; }
      .employee-form .employee-info .person-pic .edit {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 21px;
        height: 21px;
        background: #eaebe3; }
        .employee-form .employee-info .person-pic .edit .icon {
          display: block;
          margin: 4px 0 0 5px; }
      .employee-form .employee-info .person-pic .add-new {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 22px;
        overflow: hidden;
        line-height: 24px;
        background: #eaebe3;
        text-align: center;
        font-size: 12px;
        text-decoration: none;
        color: #001e62; }
      .employee-form .employee-info .person-pic .delete {
        position: absolute;
        top: -8px;
        right: -9px; }
      .employee-form .employee-info .person-pic:hover .add-new {
        color: #333; }
    .employee-form .employee-info .secondary-info {
      margin: 0 17px;
      border-top: 1px solid #b3b3b3;
      padding-top: 12px; }
      .employee-form .employee-info .secondary-info .default-form {
        margin-bottom: 12px; }
        .employee-form .employee-info .secondary-info .default-form .label-part {
          min-width: 95px;
          max-width: 95px; }
        .employee-form .employee-info .secondary-info .default-form select {
          width: 100%; }
        .employee-form .employee-info .secondary-info .default-form .txt-input input.error {
          width: 92%; }
        .employee-form .employee-info .secondary-info .default-form .form-separator-row td span {
          border-bottom: 1px solid #b3b3b3;
          height: 9px; }
        .employee-form .employee-info .secondary-info .default-form .permissions-enabler {
          padding-top: 2px; }
          .employee-form .employee-info .secondary-info .default-form .permissions-enabler label {
            font-size: 12px; }
        .employee-form .employee-info .secondary-info .default-form .permissions a {
          display: inline-block;
          font-size: 12px; }
    .employee-form .employee-info .about-info {
      margin: 0 17px;
      border-top: 1px solid #b3b3b3;
      padding-top: 10px; }
      .employee-form .employee-info .about-info textarea {
        display: block;
        width: 99%;
        margin-top: 3px; }
  .employee-form .employee-services {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 50px;
    left: auto;
    width: 50%;
    background: #fff;
    border-left: 1px solid #b3b3b3;
    margin-left: -1px; }
    .employee-form .employee-services .part-title {
      padding: 12px 17px 6px;
      font-size: 16px;
      line-height: 19px; }
    .employee-form .employee-services .all-services {
      margin: 0 0 0 17px;
      padding-left: 20px;
      position: relative; }
      .employee-form .employee-services .all-services input {
        position: absolute;
        top: 4px;
        right: auto;
        bottom: auto;
        left: 0; }
    .employee-form .employee-services .service-wrapper {
      position: absolute;
      top: 92px;
      right: 0;
      bottom: 0;
      left: 0;
      overflow: auto; }
      .employee-form .employee-services .service-wrapper.does-it-all .edit-link {
        visibility: hidden; }
    .employee-form .employee-services .multiple-services-list ul {
      margin: 11px 20px; }
      .employee-form .employee-services .multiple-services-list ul li {
        padding-bottom: 7px;
        line-height: 17px; }
        .employee-form .employee-services .multiple-services-list ul li input {
          top: 2px; }
    .employee-form .employee-services .service-group-title {
      margin: 0 17px;
      min-height: 17px;
      line-height: 17px;
      background: #fff;
      padding: 5px 10px 3px;
      font-weight: bold; }
      .employee-form .employee-services .service-group-title .title-text {
        padding-right: 15px; }
      .employee-form .employee-services .service-group-title .service-selectors {
        white-space: nowrap; }
        .employee-form .employee-services .service-group-title .service-selectors .edit-link {
          margin-right: 15px; }
          .employee-form .employee-services .service-group-title .service-selectors .edit-link:last-child {
            margin-right: 0; }
      .employee-form .employee-services .service-group-title .edit-link {
        display: inline-block;
        font-weight: normal;
        font-size: smaller; }
    .employee-form .employee-services .service-note {
      display: none; }
    .employee-form .employee-services.empty .part-title,
    .employee-form .employee-services.empty .all-services,
    .employee-form .employee-services.empty .service-wrapper,
    .employee-form .employee-services.empty .top-shadow,
    .employee-form .employee-services.empty .bottom-shadow {
      display: none; }
    .employee-form .employee-services.empty .service-note {
      display: block;
      text-align: center;
      color: #666;
      line-height: 19px; }
      .employee-form .employee-services.empty .service-note .note-wrapper {
        position: absolute;
        top: 50%;
        right: 17px;
        bottom: auto;
        left: 17px;
        margin-top: -35px; }
      .employee-form .employee-services.empty .service-note .part-title {
        display: block;
        font-size: 16px;
        color: #666;
        font-weight: bold; }

.permissions-form {
  padding: 0 !important; }
  .permissions-form .dialog-actions {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding-left: 17px;
    padding-right: 17px; }
    .permissions-form .dialog-actions .button-link {
      margin-top: 14px;
      display: inline-block; }
  .permissions-form .section-left {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 58px;
    left: 0;
    width: 50%;
    padding-top: 17px;
    overflow: auto; }
  .permissions-form .section-right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 58px;
    left: auto;
    width: 50%;
    border-left: 1px solid #e6e6e6;
    margin-left: -1px;
    padding-top: 17px; }
  .permissions-form .service-group-title {
    margin: 0 17px;
    min-height: 17px;
    line-height: 17px;
    background: #fff;
    padding: 5px 10px 3px;
    font-weight: bold; }
    .permissions-form .service-group-title .title-text {
      padding-right: 15px; }
  .permissions-form .multiple-services-list {
    padding: 0 17px; }
    .permissions-form .multiple-services-list ul {
      margin: 11px; }
      .permissions-form .multiple-services-list ul li {
        padding-bottom: 7px;
        line-height: 17px; }
        .permissions-form .multiple-services-list ul li input {
          top: 2px; }

#policies .default-form,
#pos .default-form {
  width: 508px;
  margin-left: 17px;
  margin-top: 12px;
  margin-bottom: 12px; }
  #policies .default-form .label-part,
  #pos .default-form .label-part {
    min-width: 148px; }
  #policies .default-form .txt-input,
  #pos .default-form .txt-input {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px; }

#pos .default-form {
  width: 280px; }

#resources {
  position: absolute;
  /* Note: trying to reuse the most I can from the original data-list classes.
         moving the padding from the row to the row's content. */
  /* size based on the resources icon */
  /* Note: I am using the resources icon, resized at its 55% (accordingly to the
     design) */ }
  #resources .data-list-row {
    padding: 0; }
    #resources .data-list-row span {
      padding: 6px 0 10px 10px;
      font-weight: normal; }
    #resources .data-list-row .item-name {
      float: none;
      display: inline-block; }
  #resources .resources-list {
    /* resources list description*/ }
    #resources .resources-list > span.list-description {
      display: block;
      font-weight: bold; }
    #resources .resources-list > span.th {
      color: grey;
      padding: 30px 0 10px 0;
      padding-left: 15px; }
    #resources .resources-list > span.th.resource-name {
      display: inline-block;
      width: 30%;
      max-width: 300px; }
    #resources .resources-list .add-new-wrapper {
      position: absolute;
      bottom: 0;
      margin-bottom: 10px; }
  #resources .resource-details-dialog .data-list-wrapper {
    max-height: 350px;
    overflow: auto; }
  #resources .resource-details-dialog .data-list-row {
    border-left: 5px solid #e6e6e6;
    padding: 5px 0 5px 30px;
    position: relative; }
  #resources .resource-details-dialog .data-list-row.checked {
    border-left: 5px solid #3ba150; }
  #resources .resource-details-dialog .data-list-row input[type='checkbox'] {
    position: absolute;
    left: 10px;
    top: 8px; }
  #resources .resource-details-dialog .data-list-item {
    float: none;
    padding: 0; }
  #resources .resource-details-dialog .dialog2--footer {
    margin: 0 -17px; }
  #resources .resource-details-dialog span.add-resource-description {
    display: inline-block;
    padding-bottom: 10px;
    font-weight: bold; }
  #resources .resource-details-dialog .group-name {
    font-weight: bold;
    margin-bottom: 3px;
    line-height: 17px; }
  #resources .resource-details-dialog .form-row div.txt-input.quantity {
    width: 30%; }
  #resources .empty-list-container .resources-logo {
    background: url(resources-icon-be48442b83db83f13b44d33e41671596.svg) 0 0 no-repeat;
    background-size: 100% 100%; }

#room-types .empty-page {
  display: none; }

#room-types.empty .room-types-list {
  display: none; }

#room-types.empty .empty-page {
  display: block; }

#room-types .off .data-list-item {
  cursor: pointer; }

#room-types .off:hover, #room-types .off:focus {
  background: #f2f2f2;
  border-left: 5px solid #b3b3b3; }

.room-type-form .dialog-content {
  padding-bottom: 10px; }
  .room-type-form .dialog-content .warning {
    margin: -20px -17px 20px; }

#opening-hours .button-link,
#venue-details .button-link {
  margin-left: 13px; }

#venue-details {
  min-width: 778px; }
  #venue-details .form-venue-details {
    position: absolute;
    top: 1px;
    right: auto;
    bottom: 1px;
    left: 17px;
    width: 606px;
    overflow: auto;
    padding-top: 17px; }
    #venue-details .form-venue-details .default-form {
      width: 589px;
      margin-bottom: 0; }
      #venue-details .form-venue-details .default-form .label-part {
        min-width: 174px; }
      #venue-details .form-venue-details .default-form .txt-input.txt-input-big input {
        font-weight: bold; }
        #venue-details .form-venue-details .default-form .txt-input.txt-input-big input.error {
          padding-right: 31px;
          width: 92%; }
      #venue-details .form-venue-details .default-form .txt-input input.error {
        padding-right: 20px;
        width: 95%; }
      #venue-details .form-venue-details .default-form .description-part {
        padding-bottom: 0; }
        #venue-details .form-venue-details .default-form .description-part textarea {
          visibility: hidden; }
        #venue-details .form-venue-details .default-form .description-part.disabled .cke_top,
        #venue-details .form-venue-details .default-form .description-part.disabled .cke_bottom {
          display: none; }
        #venue-details .form-venue-details .default-form .description-part.disabled .cke_chrome {
          border-color: #e6e6e6;
          margin-bottom: 17px; }
        #venue-details .form-venue-details .default-form .description-part.disabled .cke_wysiwyg_frame {
          background-color: #f2f2f2; }
        #venue-details .form-venue-details .default-form .description-part .cke_editor {
          height: 142px; }
        #venue-details .form-venue-details .default-form .description-part .cke_contents {
          height: 129px !important; }
        #venue-details .form-venue-details .default-form .description-part .cke_skin_kama {
          margin-bottom: 17px; }
    #venue-details .form-venue-details .venue-main-info {
      width: 387px;
      height: 125px;
      margin-bottom: 12px;
      padding: 14px 14px 14px 188px; }
      #venue-details .form-venue-details .venue-main-info .picture-logo {
        float: left;
        margin-left: -174px;
        width: 156px;
        height: 104px;
        border: 2px solid #808080;
        overflow: hidden;
        position: relative;
        background: #fff; }
        #venue-details .form-venue-details .venue-main-info .picture-logo img {
          width: 156px;
          height: 104px; }
        #venue-details .form-venue-details .venue-main-info .picture-logo .edit {
          position: absolute;
          top: auto;
          right: auto;
          bottom: 0;
          left: 0;
          background: #fff;
          border-top: 1px solid #808080;
          border-right: 1px solid #808080;
          -moz-border-radius-topright: 3px;
          -webkit-border-top-right-radius: 3px;
          border-top-right-radius: 3px;
          line-height: 20px;
          padding: 0 5px;
          font-size: 12px; }
      #venue-details .form-venue-details .venue-main-info .default-form {
        width: 100%; }
        #venue-details .form-venue-details .venue-main-info .default-form td {
          padding: 0 0 12px;
          vertical-align: middle; }
        #venue-details .form-venue-details .venue-main-info .default-form .label-part {
          min-width: 0;
          padding-right: 13px; }
      #venue-details .form-venue-details .venue-main-info .txt-input {
        margin-bottom: 4px; }
      #venue-details .form-venue-details .venue-main-info .part-of {
        font-size: 13px;
        color: #808080; }
      #venue-details .form-venue-details .venue-main-info select {
        display: block;
        width: auto;
        margin: 0; }
    #venue-details .form-venue-details .location-map-wrapper {
      cursor: pointer;
      width: 397px;
      height: 98px;
      overflow: hidden;
      border: 2px solid #b3b3b3;
      border-radius: 3px;
      position: relative; }
      #venue-details .form-venue-details .location-map-wrapper .edit {
        position: absolute;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        background: #fff;
        border-top: 1px solid #b3b3b3;
        border-right: 1px solid #b3b3b3;
        border-top-right-radius: 3px;
        line-height: 20px;
        padding: 0 5px;
        font-size: 12px; }
      #venue-details .form-venue-details .location-map-wrapper.no-edit {
        cursor: default;
        border-radius: 0;
        border: 0; }
    #venue-details .form-venue-details .location-txt {
      display: block;
      margin-top: 5px;
      margin-bottom: -5px;
      font-size: 13px;
      color: #808080; }
  #venue-details form.restricted .form-venue-details .default-form .venue-name-tooltip td {
    padding-bottom: 0; }
  #venue-details form.restricted .form-venue-details .default-form .part-of {
    margin-bottom: 10px; }
  #venue-details form.restricted .form-venue-details .default-form .as-text {
    border: 0; }
    #venue-details form.restricted .form-venue-details .default-form .as-text.txt-input-big {
      line-height: 33px;
      font-size: 18px;
      font-weight: bold; }
  #venue-details .form-venue-pictures {
    position: absolute;
    top: 1px;
    right: auto;
    bottom: 1px;
    left: 623px;
    width: 138px;
    border-left: 1px solid #b3b3b3;
    overflow: auto;
    padding-left: 17px;
    padding-top: 17px;
    padding-bottom: 17px; }
    #venue-details .form-venue-pictures .part-title {
      margin-bottom: 8px; }
    #venue-details .form-venue-pictures .menu-item-pictures li:first-child .single-picture-title span {
      display: none; }
    #venue-details .form-venue-pictures .menu-item-pictures li.empty:first-child .single-picture-wrapper {
      border-bottom-style: dashed; }

#venue-details-map .dialog-content {
  height: 500px;
  margin: -3px 0 17px; }

#venue-details-map #venue-details-map-container {
  float: left;
  width: 510px;
  height: 498px;
  border: 2px solid #808080;
  overflow: hidden; }

#venue-details-map #venue-details-map-info {
  float: right;
  width: 237px;
  overflow: hidden; }

#venue-details-map #venue-details-map-address {
  margin-bottom: 17px;
  background: #fff;
  padding: 11px 14px 14px;
  line-height: 19px; }
  #venue-details-map #venue-details-map-address .part-title {
    margin-bottom: 6px; }
  #venue-details-map #venue-details-map-address button {
    margin-top: 12px;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 2px;
    text-align: center; }
    #venue-details-map #venue-details-map-address button .button-icon {
      position: relative;
      top: -1px;
      left: auto;
      display: inline-block;
      vertical-align: middle;
      margin-right: 6px; }

#venue-details-map .instructions {
  line-height: 19px;
  color: #808080;
  font-size: 13px; }
  #venue-details-map .instructions p {
    margin-bottom: 10px; }

#notifications-settings #fulfillment .default-form {
  width: 508px;
  margin-left: 17px;
  margin-top: 9px; }
  #notifications-settings #fulfillment .default-form .label-part {
    min-width: 153px; }

#notifications-settings #client-notifications .default-form,
#notifications-settings #fulfillment .default-form {
  margin-left: 0;
  width: 528px; }

#notifications-settings #client-notifications .text-message-settings,
#notifications-settings #client-notifications .email-settings,
#notifications-settings #client-notifications .employee-notifications-settings,
#notifications-settings #fulfillment .text-message-settings,
#notifications-settings #fulfillment .email-settings,
#notifications-settings #fulfillment .employee-notifications-settings {
  width: 528px;
  line-height: 19px; }
  #notifications-settings #client-notifications .text-message-settings .send-employee-notifications .input-row:nth-child(2),
  #notifications-settings #client-notifications .email-settings .send-employee-notifications .input-row:nth-child(2),
  #notifications-settings #client-notifications .employee-notifications-settings .send-employee-notifications .input-row:nth-child(2),
  #notifications-settings #fulfillment .text-message-settings .send-employee-notifications .input-row:nth-child(2),
  #notifications-settings #fulfillment .email-settings .send-employee-notifications .input-row:nth-child(2),
  #notifications-settings #fulfillment .employee-notifications-settings .send-employee-notifications .input-row:nth-child(2) {
    margin-left: 25px; }

#notifications-settings #client-notifications .part-title,
#notifications-settings #fulfillment .part-title {
  margin-bottom: 10px; }

#notifications-settings #client-notifications .send-confirmations,
#notifications-settings #client-notifications .send-reminder,
#notifications-settings #client-notifications .send-text-reminder,
#notifications-settings #client-notifications .input-row,
#notifications-settings #fulfillment .send-confirmations,
#notifications-settings #fulfillment .send-reminder,
#notifications-settings #fulfillment .send-text-reminder,
#notifications-settings #fulfillment .input-row {
  position: relative;
  margin-bottom: 10px;
  padding-left: 20px; }
  #notifications-settings #client-notifications .send-confirmations input,
  #notifications-settings #client-notifications .send-reminder input,
  #notifications-settings #client-notifications .send-text-reminder input,
  #notifications-settings #client-notifications .input-row input,
  #notifications-settings #fulfillment .send-confirmations input,
  #notifications-settings #fulfillment .send-reminder input,
  #notifications-settings #fulfillment .send-text-reminder input,
  #notifications-settings #fulfillment .input-row input {
    position: absolute;
    top: 4px;
    right: auto;
    bottom: auto;
    left: 0;
    margin: 0; }
  #notifications-settings #client-notifications .send-confirmations .small-note,
  #notifications-settings #client-notifications .send-reminder .small-note,
  #notifications-settings #client-notifications .send-text-reminder .small-note,
  #notifications-settings #client-notifications .input-row .small-note,
  #notifications-settings #fulfillment .send-confirmations .small-note,
  #notifications-settings #fulfillment .send-reminder .small-note,
  #notifications-settings #fulfillment .send-text-reminder .small-note,
  #notifications-settings #fulfillment .input-row .small-note {
    font-size: 90%;
    color: #666; }
  #notifications-settings #client-notifications .send-confirmations.disabled,
  #notifications-settings #client-notifications .send-reminder.disabled,
  #notifications-settings #client-notifications .send-text-reminder.disabled,
  #notifications-settings #client-notifications .input-row.disabled,
  #notifications-settings #fulfillment .send-confirmations.disabled,
  #notifications-settings #fulfillment .send-reminder.disabled,
  #notifications-settings #fulfillment .send-text-reminder.disabled,
  #notifications-settings #fulfillment .input-row.disabled {
    color: #808080; }

#notifications-settings #client-notifications .send-sms,
#notifications-settings #fulfillment .send-sms {
  position: relative;
  margin-bottom: 10px;
  padding-left: 20px; }
  #notifications-settings #client-notifications .send-sms input,
  #notifications-settings #fulfillment .send-sms input {
    position: absolute;
    top: 2px;
    right: auto;
    bottom: auto;
    left: 0;
    margin: 0; }

#notifications-settings #client-notifications .send-reminder .txt-input,
#notifications-settings #client-notifications .send-text-reminder .txt-input,
#notifications-settings #fulfillment .send-reminder .txt-input,
#notifications-settings #fulfillment .send-text-reminder .txt-input {
  display: inline-block;
  margin: 0 7px; }
  #notifications-settings #client-notifications .send-reminder .txt-input input,
  #notifications-settings #client-notifications .send-text-reminder .txt-input input,
  #notifications-settings #fulfillment .send-reminder .txt-input input,
  #notifications-settings #fulfillment .send-text-reminder .txt-input input {
    position: relative;
    top: auto;
    left: auto; }

#notifications-settings #client-notifications .send-messages-from,
#notifications-settings #fulfillment .send-messages-from {
  margin-bottom: 10px; }
  #notifications-settings #client-notifications .send-messages-from .txt-input,
  #notifications-settings #fulfillment .send-messages-from .txt-input {
    display: inline-block;
    margin: 0 7px;
    width: 200px; }

#notifications-settings #client-notifications .separating-line,
#notifications-settings #fulfillment .separating-line {
  margin: 15px 0;
  width: 528px; }

.settings-form h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px; }

.settings-form .separated {
  margin-bottom: 30px; }

.settings-form .form-row {
  display: flex;
  align-items: center;
  line-height: 20px;
  margin-bottom: 6px;
  max-width: 640px; }
  .settings-form .form-row > input[type='checkbox'] {
    margin-left: 32px; }
  .settings-form .form-row > .text {
    margin-left: 10px; }

.settings-form .form-row-note {
  display: block;
  margin-left: 50px;
  max-width: 690px; }
  .settings-form .form-row-note.with-icon {
    background: transparent url(attention-small-5a9e0ad1120c1017eb152b809b98976f.svg) no-repeat left 4px;
    padding-left: 23px; }

.settings-form input[type='text'] {
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  margin: 0 6px; }
  .settings-form input[type='text'].small {
    width: 40px; }

.settings-form .form-checkbox {
  margin-left: 24px; }

#bank-details .default-form {
  width: 508px;
  margin-left: 17px;
  margin-top: 14px;
  margin-bottom: 12px; }
  #bank-details .default-form .label-part {
    min-width: 153px; }

#bank-details .content-note .main-txt {
  margin-bottom: 5px; }

#bank-details .direct-debit {
  background: #f2f2f2 url(info-icon-84ef8cb529ba6b93d847076085d4abcb.svg) no-repeat 10px center;
  max-width: 650px;
  border-radius: 4px;
  height: 34px;
  line-height: 34px;
  padding-left: 40px;
  margin-top: 16px;
  padding-top: 2px;
  box-sizing: border-box; }

#billing-details .default-form {
  width: 508px;
  margin-left: 17px;
  margin-top: 9px;
  margin-bottom: 12px; }
  #billing-details .default-form .label-part {
    min-width: 153px; }

#billing-details .form-content {
  padding-top: 5px; }

.content-holder#settings-holder .section-main#online-booking.slim-view {
  width: 620px;
  min-width: 620px;
  border-right: 1px solid #d4d4d4; }

#online-booking #online-booking-settings .default-form {
  width: 508px; }
  #online-booking #online-booking-settings .default-form .txt-input {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle; }

#online-booking #online-booking-widget .data-content {
  bottom: 0; }

#online-booking #online-booking-widget .default-form {
  width: 508px;
  margin-top: 9px; }
  #online-booking #online-booking-widget .default-form td {
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 10px; }
  #online-booking #online-booking-widget .default-form .form-separator-row td {
    padding-top: 0; }
  #online-booking #online-booking-widget .default-form .label-part {
    width: 110px;
    padding-right: 14px; }
  #online-booking #online-booking-widget .default-form .ui-preview-row .label-part {
    padding-top: 21px; }
  #online-booking #online-booking-widget .default-form .input-part {
    width: 384px;
    padding-left: 0;
    padding-right: 0; }
  #online-booking #online-booking-widget .default-form .code-for-widget {
    width: 486px;
    min-height: 100px;
    border: 1px solid #b3b3b3;
    padding: 7px 10px;
    margin-top: 5px;
    color: #333;
    line-height: 20px;
    font-family: 'Courier New', 'Courier';
    word-wrap: break-word; }
    #online-booking #online-booking-widget .default-form .code-for-widget div {
      word-wrap: break-word; }
    #online-booking #online-booking-widget .default-form .code-for-widget.loading {
      background-image: url(loader-small-c49dfe2615df0642f9f59e9f862cb86a.gif);
      background-repeat: no-repeat;
      background-position: center center; }
  #online-booking #online-booking-widget .default-form .button-preview {
    max-width: 384px;
    height: 46px;
    overflow: hidden;
    white-space: nowrap; }

#online-booking #online-booking-widget .enabler {
  position: relative;
  margin-bottom: -5px;
  width: 488px;
  padding-left: 20px; }
  #online-booking #online-booking-widget .enabler input {
    position: absolute;
    top: 4px;
    right: auto;
    bottom: auto;
    left: 0;
    margin: 0; }

#online-booking #online-booking-widget .enabler-note {
  margin-top: 18px;
  width: 466px;
  background: #ffdfbd;
  border: 1px solid #e1b57a;
  line-height: 19px;
  padding: 5px 10px 5px 30px;
  color: #ff5c39;
  position: relative; }
  #online-booking #online-booking-widget .enabler-note .icon {
    position: absolute;
    top: 7px;
    right: auto;
    bottom: auto;
    left: 7px; }

#online-booking-integrations .data-content {
  bottom: 0; }

#payments .data-content {
  bottom: 0; }

#payments .content-table-wrapper.no-summary {
  top: 17px; }

#payments .content-table-wrapper table .number-column {
  width: 80px; }

#payments .content-table-wrapper table .amount-column {
  text-align: right;
  width: 50%; }

#payments .content-table-wrapper table .items-column {
  text-align: right;
  width: 60px; }

#payments .content-table-wrapper table .closing-balance-column {
  text-align: right;
  width: 50%; }

#payments .content-table-wrapper table .status-column {
  width: 180px; }
  #payments .content-table-wrapper table .status-column .status-critical {
    font-weight: bold; }

#payments .content-table-wrapper table .report-column {
  width: 110px; }

#payments .content-table-wrapper .content-table-body tr:hover td {
  background: #fff;
  cursor: default; }

#payments .content-table-wrapper .hint-tooltip-wrapper .arrow {
  top: 24px; }

#payments .link-download {
  font-weight: bold; }

#payments .payment-summary {
  height: 142px;
  line-height: 19px; }
  #payments .payment-summary.no-summary {
    height: auto; }
  #payments .payment-summary .first {
    display: inline-block;
    vertical-align: top;
    padding-top: 32px;
    padding-left: 17px; }
  #payments .payment-summary .separator {
    display: inline-block;
    vertical-align: top;
    height: 51px;
    width: 1px;
    border-left: 1px dotted #bebfb8;
    margin: 0 29px 0 30px; }
  #payments .payment-summary .second {
    display: inline-block;
    vertical-align: top;
    height: 130px;
    width: 487px;
    overflow: hidden;
    position: absolute;
    right: 17px;
    border-left: 1px dotted #bebfb8;
    padding-left: 17px;
    padding-bottom: 10px; }
  #payments .payment-summary .first.hidden,
  #payments .payment-summary .separator.hidden,
  #payments .payment-summary .second.hidden {
    display: none; }
  #payments .payment-summary .title {
    display: block;
    font-size: 13px;
    line-height: 1.5em; }
  #payments .payment-summary .amount {
    display: block;
    font-weight: bold;
    font-size: 38px; }
  #payments .payment-summary .explanation {
    display: block;
    margin-bottom: 14px;
    font-size: 11px;
    color: #808080; }

.link-download {
  display: inline-block;
  color: #001e62; }
  .link-download .icon {
    display: inline-block;
    margin-right: 3px; }
  .link-download a {
    text-decoration: none; }
  .link-download:hover a {
    color: #333; }

.enabler {
  position: relative;
  margin-bottom: -5px;
  width: 488px;
  padding-left: 20px; }
  .enabler input {
    position: absolute;
    top: 4px;
    right: auto;
    bottom: auto;
    left: 0;
    margin: 0; }

#venue-vouchers .info {
  max-width: 650px;
  margin-top: 13px;
  line-height: 1.3em; }
  #venue-vouchers .info p {
    margin-bottom: 10px; }

.cal-connector {
  margin: 19px 17px 0;
  border-top: 1px solid #b3b3b3;
  padding-top: 12px; }
  .cal-connector .icon {
    display: inline-block;
    margin-left: 5px; }
  .cal-connector .default-form .label-part {
    min-width: 95px;
    max-width: 95px; }
  .cal-connector .default-form .input-part .text {
    line-height: 19px;
    padding-top: 3px; }

.cal-link-dialog .default-form {
  margin: 34px 0; }

.cal-link-dialog .button .icons-link {
  left: 7px; }

.cal-link-dialog .success,
.cal-link-dialog .confirm {
  padding-top: 12px;
  padding-bottom: 22px;
  line-height: 1.4em; }

.edit-image-dialog .uploaded-image {
  max-width: 400px;
  max-height: 400px; }

.edit-image-dialog .uploaded-image-container {
  width: 400px;
  border: 1px solid #000;
  position: relative; }

.edit-image-dialog tr {
  height: 400px; }

.edit-image-dialog td.image-column {
  width: 403px; }

.edit-image-dialog .part-title {
  display: inline-block;
  vertical-align: middle; }

.edit-image-dialog .button {
  margin-left: 10px;
  vertical-align: middle; }

.edit-image-dialog .choose-file {
  margin: 35%; }
  .edit-image-dialog .choose-file .button-icon {
    top: 1px;
    left: 5px; }

.edit-image-dialog .choose-file {
  position: relative;
  overflow: hidden; }
  .edit-image-dialog .choose-file .button-inner {
    line-height: inherit; }
  .edit-image-dialog .choose-file.hidden {
    display: block;
    visibility: hidden; }
  .edit-image-dialog .choose-file input {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-transform: translate(-300px, 0pt) scale(4);
    border-color: transparent;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    direction: ltr;
    margin: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 30px; }

.edit-image-dialog .progress {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -25px;
  margin: auto;
  vertical-align: middle;
  background: url(search-loader-4116208abfcd4eec12fb652aaa46b2f9.gif) no-repeat left center;
  height: 14px;
  width: 120px;
  padding: 2px 0 0 20px; }
  .edit-image-dialog .progress.hidden {
    display: none; }
  .edit-image-dialog .progress .wrapper {
    vertical-align: middle;
    border: 1px solid #b3b3b3;
    height: 10px; }
    .edit-image-dialog .progress .wrapper .bar {
      background-color: #3ba150;
      height: 100%;
      width: 0; }

.edit-image-dialog .preview-image {
  height: 100px;
  width: 150px;
  overflow: hidden;
  align: center; }
  .edit-image-dialog .preview-image.square {
    width: 100px; }

.content-table-wrapper .payment-details {
  margin-top: 10px;
  margin-bottom: 10px; }
  .content-table-wrapper .payment-details .row {
    padding: 5px 7px 4px;
    border-top: 1px solid #b3b3b3;
    display: block; }
  .content-table-wrapper .payment-details .payment-details-label {
    font-weight: bold;
    max-width: 90px;
    display: inline-block; }
  .content-table-wrapper .payment-details td,
  .content-table-wrapper .payment-details th {
    border: 0;
    line-height: 12px;
    font-size: 12px;
    word-wrap: break-word; }
  .content-table-wrapper .payment-details th {
    width: 80px;
    padding-right: 2px; }
  .content-table-wrapper .payment-details tr {
    border-top: 1px solid #b3b3b3; }
  .content-table-wrapper .payment-details .payer-email-row {
    font-style: italic;
    border-top: 0; }
    .content-table-wrapper .payment-details .payer-email-row th {
      visibility: hidden; }
    .content-table-wrapper .payment-details .payer-email-row th,
    .content-table-wrapper .payment-details .payer-email-row td {
      padding: 0 8px;
      vertical-align: top; }

.welcome-wizzard-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  z-index: 1000; }

.dialog-new-style.ui-dialog {
  position: absolute;
  width: 490px;
  overflow: hidden;
  background: none;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.65); }
  .dialog-new-style.ui-dialog .ui-dialog-titlebar {
    display: none; }
  .dialog-new-style.ui-dialog .ui-dialog-titlebar-close {
    display: none; }

.dialog-new-style .dialog-head {
  background: #1a1a1a;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
  padding: 22px 40px 10px;
  line-height: 19px;
  text-align: center;
  font-size: 16px;
  color: #aaaba6;
  display: block;
  position: relative; }
  .dialog-new-style .dialog-head h1 {
    margin-bottom: 10px;
    line-height: 1.4em;
    font-size: 24px;
    font-weight: bold;
    color: #fff; }
    .dialog-new-style .dialog-head h1 .highlight {
      color: #3ba150; }
  .dialog-new-style .dialog-head p {
    padding-bottom: 10px; }
  .dialog-new-style .dialog-head .close {
    position: absolute;
    top: 8px;
    right: 8px;
    bottom: auto;
    left: auto;
    cursor: pointer; }

.dialog-new-style .ui-dialog-content {
  position: relative;
  overflow: auto;
  zoom: 1;
  padding: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  border-top-left-radius: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
  border-top-right-radius: 7px;
  background: #fff; }

.dialog-new-style .dialog-actions {
  height: 57px;
  border-top: 1px solid #e6e6e6;
  margin: 0;
  padding: 0 17px;
  position: relative; }
  .dialog-new-style .dialog-actions .button {
    float: left;
    margin: 14px 15px 0 0; }
  .dialog-new-style .dialog-actions .button-cancel,
  .dialog-new-style .dialog-actions .button-right {
    float: right;
    margin-top: 14px; }
  .dialog-new-style .dialog-actions .button-right {
    margin-right: 0; }

.dialog-new-style .ui-dialog-buttonpane {
  display: none; }

#terms-of-service.on-board-wizard-step2 .dialog-head {
  display: block; }

#terms-of-service.on-board-wizard-step2 .form-intro {
  display: none; }

#terms-of-service.on-board-wizard-step2 .terms-txt {
  margin-left: 17px;
  margin-right: 0;
  padding-right: 17px; }

#terms-of-service.on-board-wizard-step2 .terms-agreement,
#terms-of-service.on-board-wizard-step2 .can-not-agree {
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 12px; }

#terms-of-service.on-board-wizard-step2 .wizzard-next {
  display: block;
  float: right;
  margin: 14px 0 0 0; }
  #terms-of-service.on-board-wizard-step2 .wizzard-next .button-inner {
    padding-left: 12px;
    padding-right: 30px; }
  #terms-of-service.on-board-wizard-step2 .wizzard-next .button-icon {
    left: auto;
    right: 12px; }

#terms-of-service.on-board-wizard-step2 .button-cancel {
  display: none; }

.multiple-services-form.on-board-wizard-step3 {
  overflow: hidden; }
  .multiple-services-form.on-board-wizard-step3 .dialog-head {
    display: block; }
  .multiple-services-form.on-board-wizard-step3 .sorting {
    margin-top: 0;
    margin-right: 0;
    margin-left: 279px; }
  .multiple-services-form.on-board-wizard-step3 #multiple-services-tabs {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0; }
  .multiple-services-form.on-board-wizard-step3 .dialog-actions .button,
  .multiple-services-form.on-board-wizard-step3 .dialog-actions .button-cancel {
    display: none; }
  .multiple-services-form.on-board-wizard-step3 .dialog-actions .button-continue {
    display: block;
    float: right;
    margin: 14px 0 0 0; }
    .multiple-services-form.on-board-wizard-step3 .dialog-actions .button-continue .button-inner {
      padding-left: 12px;
      padding-right: 30px; }
    .multiple-services-form.on-board-wizard-step3 .dialog-actions .button-continue .button-icon {
      left: auto;
      right: 12px; }

#on-board-wizard-step4 .week {
  float: none;
  margin: 17px;
  width: 376px; }
  #on-board-wizard-step4 .week label {
    width: 199px; }

#on-board-wizard-step4 .dialog-actions button {
  float: right;
  margin: 14px 0 0 0; }
  #on-board-wizard-step4 .dialog-actions button .button-inner {
    padding-left: 12px;
    padding-right: 30px; }
  #on-board-wizard-step4 .dialog-actions button .button-icon {
    left: auto;
    right: 12px; }

#on-board-wizard-step5 .dialog-content {
  position: relative;
  padding: 51px 34px;
  line-height: 19px;
  text-align: center; }

#on-board-wizard-step5 .dialog-actions button {
  float: right;
  margin: 14px 0 0 0; }
  #on-board-wizard-step5 .dialog-actions button .button-inner {
    padding-left: 12px;
    padding-right: 12px; }

.on-board-wizard-employees .dialog-content {
  position: relative;
  padding: 51px 34px;
  line-height: 19px;
  text-align: center; }

.on-board-wizard-employees .main-text {
  font-weight: bold;
  margin-bottom: 10px; }

.on-board-wizard-employees .several {
  padding-left: 15px; }
  .on-board-wizard-employees .several input {
    margin-right: 5px; }
  .on-board-wizard-employees .several label {
    padding-right: 15px; }

.on-board-wizard-employees .dialog-actions button.button-primary {
  float: right;
  margin: 14px 0 0 0; }
  .on-board-wizard-employees .dialog-actions button.button-primary .button-inner {
    padding-left: 12px;
    padding-right: 30px; }
  .on-board-wizard-employees .dialog-actions button.button-primary .button-icon {
    left: auto;
    right: 12px; }

.add-content-dialog .dialog-head {
  padding-bottom: 21px;
  font-size: 18px; }
  .add-content-dialog .dialog-head h1 {
    margin-bottom: 6px;
    font-size: 28px;
    font-weight: bold;
    color: #fff; }

.add-content-dialog .dialog-content {
  padding: 25px 30px 30px 30px;
  background: #fff; }

.add-content-dialog .new-content-form * {
  box-sizing: border-box; }

.add-content-dialog .new-content-form table {
  width: 100%;
  border-collapse: collapse; }

.add-content-dialog .new-content-form td,
.add-content-dialog .new-content-form th {
  border: 1px solid #fff;
  padding: 10px;
  text-align: left; }

.add-content-dialog .new-content-form th {
  padding-top: 0;
  padding-bottom: 3px;
  font-weight: bold; }

.add-content-dialog .new-content-form td {
  background: #f2f2ee; }

.add-content-dialog .new-content-form .txt-input {
  margin: 0; }
  .add-content-dialog .new-content-form .txt-input input.error {
    background-position: 100% 3px;
    width: 100%; }

.add-content-dialog .new-content-form .txt-wrapper {
  width: 100%;
  height: 24px;
  line-height: 24px;
  border: 0;
  background: none;
  padding: 0 0 0 4px; }

.add-content-dialog .new-content-form .delete {
  display: block;
  width: 36px;
  height: 43px;
  margin-bottom: -17px;
  padding-top: 15px;
  padding-left: 12px;
  cursor: pointer; }
  .add-content-dialog .new-content-form .delete .icon {
    display: block; }

.add-content-dialog#onboard-staff .dialog-content {
  height: 295px;
  overflow-y: auto; }
  .add-content-dialog#onboard-staff .dialog-content button {
    margin: 8px 0 0 10px; }

.add-content-dialog#onboard-staff .dialog-actions button {
  float: right;
  margin: 14px 0 0 0; }

.add-content-dialog#onboard-staff .employee-name {
  width: 50%; }

.add-content-dialog#onboard-staff .employee-email {
  width: 50%; }

.add-content-dialog#onboard-staff .action {
  padding: 0; }

.add-content-dialog#onboard-staff th,
.add-content-dialog#onboard-staff td {
  border-right: 0;
  border-left: 0;
  padding-right: 0; }

.add-content-dialog#onboard-pricing .dialog-head p {
  padding-bottom: 4px;
  line-height: 23px; }

.add-content-dialog#onboard-pricing .dialog-actions button {
  float: right;
  margin: 14px 0 0 0; }

.add-content-dialog#onboard-pricing table.checkbox-list {
  width: auto; }

.add-content-dialog#onboard-pricing td {
  height: 44px;
  padding-top: 0;
  padding-bottom: 0;
  cursor: pointer; }
  .add-content-dialog#onboard-pricing td .ellipsis,
  .add-content-dialog#onboard-pricing td .wrapper {
    height: 44px;
    line-height: 44px; }

.add-content-dialog#onboard-pricing th {
  background: #fff;
  font-size: 12px; }

.add-content-dialog#onboard-pricing th,
.add-content-dialog#onboard-pricing td {
  white-space: nowrap;
  vertical-align: middle; }
  .add-content-dialog#onboard-pricing th .ellipsis,
  .add-content-dialog#onboard-pricing td .ellipsis {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.add-content-dialog#onboard-pricing td.on {
  background: #e6e8a9; }

.add-content-dialog#onboard-pricing .dialog-content {
  padding: 0;
  margin: 25px 0 30px 30px;
  width: 840px;
  height: 340px;
  overflow: auto;
  position: relative;
  background: #fff; }

.add-content-dialog#onboard-pricing .left-content {
  float: left;
  width: 470px;
  z-index: 2; }

.add-content-dialog#onboard-pricing .service {
  width: 280px; }
  .add-content-dialog#onboard-pricing .service .ellipsis {
    width: 260px; }

.add-content-dialog#onboard-pricing .duration {
  width: 115px; }

.add-content-dialog#onboard-pricing .price {
  width: 75px; }

.add-content-dialog#onboard-pricing .right-content {
  padding-left: 470px; }
  .add-content-dialog#onboard-pricing .right-content table {
    border-left: 0; }
    .add-content-dialog#onboard-pricing .right-content table tr th:first-child,
    .add-content-dialog#onboard-pricing .right-content table tr td:first-child {
      border-left: 0; }
  .add-content-dialog#onboard-pricing .right-content th,
  .add-content-dialog#onboard-pricing .right-content td {
    width: 97px;
    text-align: center; }
    .add-content-dialog#onboard-pricing .right-content th .ellipsis,
    .add-content-dialog#onboard-pricing .right-content th .wrapper,
    .add-content-dialog#onboard-pricing .right-content td .ellipsis,
    .add-content-dialog#onboard-pricing .right-content td .wrapper {
      display: block;
      width: 77px; }

.add-content-dialog#onboard-pricing .team-names {
  padding-left: 470px; }
  .add-content-dialog#onboard-pricing .team-names table,
  .add-content-dialog#onboard-pricing .team-names th {
    border-bottom: 0; }

.add-content-dialog#onboard-pricing .sub-table {
  padding-top: 26px; }

.add-content-dialog .sticky {
  position: absolute;
  left: 0;
  top: 5; }

.add-content-dialog .stickyv {
  position: absolute;
  left: 0;
  top: 5; }

.link-prev,
.link-next {
  display: block;
  line-height: 29px;
  font-weight: bold; }

.link-prev {
  float: left; }

.link-next {
  float: right; }

.action-link {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px / 3px;
  border-radius: 3px / 3px;
  font-family: "Source Sans Pro", sans-serif, Arial, Helvetica, sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  padding: 0 12px;
  border: 1px solid #7f8c00;
  border-bottom: 1px solid #3ba150;
  background-color: #3ba150;
  background-image: -owg-linear-gradient(#a7b305, #869500);
  background-image: -webkit-linear-gradient(#a7b305, #869500);
  background-image: -moz-linear-gradient(#a7b305, #869500);
  background-image: -o-linear-gradient(#a7b305, #869500);
  background-image: linear-gradient(#a7b305, #869500);
  box-shadow: inset 0 1px 0 0 #3ba150;
  text-shadow: 0 1px 1px false #7b8700; }
  .action-link:hover, .action-link:focus {
    border: 1px solid #94a111;
    border-bottom: 1px solid #5d6700;
    background-color: #8c9900;
    background-image: -owg-linear-gradient(#b0bb07, #7a8a00);
    background-image: -webkit-linear-gradient(#b0bb07, #7a8a00);
    background-image: -moz-linear-gradient(#b0bb07, #7a8a00);
    background-image: -o-linear-gradient(#b0bb07, #7a8a00);
    background-image: linear-gradient(#b0bb07, #7a8a00);
    color: #fff; }
  .action-link:active {
    border: 1px solid #3ba150;
    border-bottom: 1px solid #3ba150;
    border-top: 1px solid #3ba150;
    background-color: #3ba150;
    background-image: -owg-linear-gradient(#7c8800, #8f9b00);
    background-image: -webkit-linear-gradient(#7c8800, #8f9b00);
    background-image: -moz-linear-gradient(#7c8800, #8f9b00);
    background-image: -o-linear-gradient(#7c8800, #8f9b00);
    background-image: linear-gradient(#7c8800, #8f9b00);
    box-shadow: inset 0 2px 3px 0 #697300;
    text-shadow: 0 1px 1px false #768000;
    color: #fff; }


/*# sourceMappingURL=application-4748f66d.css.map*/