body {
  padding: 0px;
  font: 20px/150% "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;
}
@font-face {
  font-family: 'WorkSans-SemiBold';
  src: url("../../assets/WorkSans-SemiBold.ttf") format('truetype') /* Safari, Android, iOS */;
}
@font-face {
  font-family: 'WorkSans-Bold';
  src: url("../../assets/WorkSans-Bold.ttf") format('truetype'), url("../../assets/WorkSans-Bold.woff") format('woff');
}
@font-face {
  font-family: 'WorkSans-Medium';
  src: url("../../assets/WorkSans-Medium.ttf") format('truetype'), url("../../assets/WorkSans-Medium.woff") format('woff');
}
@font-face {
  font-family: 'WorkSans-Regular';
  src: url("../../assets/WorkSans-Regular.ttf") format('truetype'), url("../../assets/WorkSans-Regular.woff") format('woff');
}
@font-face {
  font-family: 'GearedSlab-Bold';
  src: url("../../assets/GearedSlab-Bold.ttf") format('truetype'), url("../../assets/GearedSlab-Bold.woff") format('woff');
}
@font-face {
  font-family: 'Faro-Variable';
  font-display: swap;
  src: url("../../assets/Faro-Variable.woff2") format('woff2');
  font-style: normal;
  font-weight: 400 900; /* Regular weight */
  text-rendering: optimizeLegibility;
}
body {
  background: #f5f5f5;
}
body .arrow {
  color: #44525f;
}
body .trashcan,
body .remove {
  position: absolute;
  width: 10px;
  right: -15px;
  top: 5px;
}
.glyphicon:focus {
  outline: 0;
}
.lang {
  position: absolute;
  top: 2%;
  right: 2%;
  display: none;
}
.line-height-100 {
  line-height: 100%;
}
.display-normal {
  display: block !important;
}
.x-margin {
  margin-bottom: 25px;
}
.x-margin-20 {
  margin-bottom: 20px;
}
.x-margin-15 {
  margin-bottom: 15px;
}
.x-margin-10 {
  margin-bottom: 10px !important;
}
.x-margin-5 {
  margin-bottom: 5px !important;
}
.x-margin-top {
  margin-top: 30px;
}
.x-margin-top-27 {
  margin-top: 27px;
}
.x-margin-top-25 {
  margin-top: 25px;
}
.x-margin-top-20 {
  margin-top: 20px;
}
.x-margin-top-15 {
  margin-top: 15px;
}
.x-margin-top-5px {
  margin: 5px 0px 0px 0px;
}
.no-margin {
  margin: 0px !important;
}
.no-padding {
  padding: 0px;
}
.no-padding-left {
  padding-left: 0px;
}
.no-padding-right {
  padding-right: 0px;
}
.x-padding-top {
  padding-top: 30px;
}
.x-padding-bottom {
  padding-bottom: 40px;
}
.x-padding-side {
  padding: 0px 40px;
}
.padding-right-15 {
  padding-right: 15px;
}
.padding-left-15 {
  padding-left: 15px;
}
.left {
  text-align: left !important;
}
.right {
  text-align: right !important;
}
.float-right {
  float: right;
}
.cursorPointer {
  cursor: pointer;
}
.panel-heading {
  padding: 15px 0;
}
.panel h4 {
  opacity: 0.3;
}
.panel .dotted-border {
  border-style: dotted;
  border-width: 0 0 4px 0;
  border-color: #44525f;
  border-image-source: url("../../assets/dottedBorder.svg");
  border-image-slice: 33% 30%;
  border-image-repeat: round;
}
.panel-open h4 {
  opacity: 1;
}
.bookingCreate {
  background-color: #f5f5f5;
  margin: 0 auto !important;
}
.bookingCreate .header {
  background-color: #44525f;
  padding: 20px 10%;
  margin-bottom: 15px;
}
.bookingCreate .header svg {
  width: 170px;
}
.bookingCreate .header svg path {
  fill: #fff;
}
.bookingCreate .shops {
  border: none;
  background-color: #fff;
  font-size: 13px;
  color: #44525f;
  margin: 3px 0px 0px 0px;
  padding-right: 35px;
  cursor: pointer;
  float: right;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.bookingCreate .shops:focus {
  outline: none;
}
.bookingCreate .shopsIcon {
  float: right;
  position: absolute;
  right: 26px;
  top: 12px;
  margin: 0px;
  pointer-events: none;
}
.bookingCreate .shopsIcon .glyphicon {
  margin: 0px;
  pointer-events: none;
}
.bookingCreate .fontMedium {
  font-family: WorkSans-Medium;
}
.bookingCreate .defaultFontMedium {
  color: #44525f;
  font-family: WorkSans-Medium;
  font-size: 13px;
  line-height: 15px;
}
.bookingCreate .text-muted {
  color: #44525f;
}
.bookingCreate h2 {
  font-size: 16px;
  line-height: 19px;
  font-family: WorkSans-Medium;
  font-weight: normal;
  -webkit-font-smoothing: subpixel-antialiased;
}
.bookingCreate .confirmButton {
  position: absolute;
  border: none;
  background-color: transparent;
  font-family: GearedSlab-Bold;
  color: #44525f;
  opacity: 1;
  line-height: 1.1;
  text-transform: uppercase;
  padding: 36% 27%;
  -webkit-font-smoothing: subpixel-antialiased;
  z-index: 100;
  letter-spacing: 1.11px;
}
.bookingCreate button[disabled] {
  opacity: 0.3 !important;
}
.bookingCreate button:focus {
  outline: none;
}
.bookingCreate button::selection {
  background-color: transparent;
}
.bookingCreate h4 {
  font-family: GearedSlab-Bold;
  color: #44525f;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1.11px;
  text-align: center;
  text-transform: uppercase;
  -webkit-font-smoothing: subpixel-antialiased;
}
.bookingCreate h4 a:hover {
  text-decoration: none;
}
.bookingCreate h4 .ng-binding.ng-scope:focus {
  outline: none;
}
.bookingCreate h4 .yellow {
  color: #ffdf63;
}
.bookingCreate h4.opacity-1 {
  opacity: 1;
}
.bookingCreate h6 {
  font-family: WorkSans-Medium;
  color: #44525f;
  font-size: 16px;
  line-height: 19px;
  font-family: WorkSans-Medium;
  font-weight: normal;
  -webkit-font-smoothing: subpixel-antialiased;
}
.bookingCreate p {
  font-family: WorkSans-Regular;
  font-weight: normal;
  -webkit-font-smoothing: subpixel-antialiased;
}
.bookingCreate select {
  font-family: WorkSans-Regular;
  font-weight: normal;
  -webkit-font-smoothing: subpixel-antialiased;
}
.bookingCreate label {
  margin: 0;
  margin-left: 14px;
  font-family: WorkSans-Medium;
  font-size: 13px;
  font-weight: normal;
  color: #44525f;
  line-height: 15px !important;
  -webkit-font-smoothing: subpixel-antialiased;
}
.bookingCreate .boatNum {
  font-family: WorkSans-Medium;
  font-size: 16px;
  font-weight: normal;
  color: #44525f;
  padding: 0px;
}
.bookingCreate .boatNum::selection {
  background-color: transparent;
}
.bookingCreate .boatButton {
  font-size: 20px;
  color: #44525f;
  cursor: pointer;
  padding: 0 15%;
}
.bookingCreate .boatButton:focus {
  outline: none;
}
.bookingCreate .boatButton::selection {
  background-color: transparent;
}
.bookingCreate .panel-body {
  background-color: #f5f5f5;
  border: none !important;
  padding: 15px 0px !important;
}
.bookingCreate .box {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
}
.bookingCreate .shopBox {
  height: 38px;
  padding-top: 7px;
}
.bookingCreate .selectDammit {
  box-shadow: 0px 0px 0px 2px #e55457;
  transition: 0.5s all;
}
.bookingCreate .shopBoxMaxWidth {
  max-width: 382px;
}
.bookingCreate .boatBox {
  height: 38px;
  padding-top: 8px;
}
.bookingCreate .boatBox::selection {
  background-color: transparent;
}
.bookingCreate .boatLabel {
  height: 38px;
  padding: 0px;
  padding-right: 15px;
}
.bookingCreate .boatLabel label {
  display: block !important;
  padding-top: 5px;
  margin: 0px;
}
.bookingCreate .boatLabel .subLabel {
  display: block;
  font-size: 12px;
  color: #959dad;
  margin: 0px;
  line-height: 15px !important;
}
.bookingCreate .numBox {
  background-color: #f1f3f6;
}
.bookingCreate #step3 {
  text-align: center;
  text-align: -webkit-center;
}
.bookingCreate .interval-wrapper {
  border: 1px dashed #44525f;
  border-radius: 16px;
  padding: 16px 16px 13px;
  position: relative;
  width: 100%;
  margin-bottom: 32px;
  margin-top: 7px;
  text-align: left;
}
.bookingCreate .interval-wrapper .interval-label {
  position: absolute;
  top: -10px;
  left: 16px;
  background-color: #f5f5f5;
  padding: 0 16px;
  color: #44525f;
}
.bookingCreate .timeslots {
  overflow: hidden;
  max-width: 367px;
}
.bookingCreate .timeslots .timeslot {
  border-radius: 4px;
  background-color: #fff;
  margin: 0px 4px 8px 4px;
  display: inline-block;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  color: #44525f;
  font-size: 15px;
  height: 33px;
  width: 75px;
  text-align: center;
  padding: 0px;
  font-family: WorkSans-Regular;
  padding-top: 7px;
}
.bookingCreate .timeslots .timeslot:hover {
  background: #ffdf63;
  font-family: WorkSans-Medium;
}
.bookingCreate .timeslots .timeslot::selection {
  background-color: transparent;
}
.bookingCreate .timeslots .timeslot.active {
  background: #44525f;
  color: #fff;
  font-family: WorkSans-Medium;
}
.bookingCreate .timeslots .timeslot.active:hover {
  background: #ffdf63;
  color: #44525f;
}
.bookingCreate .timeslots .timeslot:focus {
  outline: none;
}
.bookingCreate .timeslots .timeslot.booked {
  background-color: transparent;
  box-shadow: none;
  border: 1px solid #8e949f;
  padding-top: 6px;
  color: #8e949f;
  cursor: default;
}
.bookingCreate .timeslots .timeslot.booked {
  font-family: WorkSans-Regular;
}
.bookingCreate .giftcardHeaderList li {
  color: #44525f;
  font-family: WorkSans-Regular;
  font-size: 13px;
  font-weight: normal;
  line-height: 15px;
  margin-bottom: 5px;
}
.bookingCreate .numberSelector {
  display: flex;
  justify-content: space-around;
  list-style-type: none;
  overflow: hidden;
  padding: 0 5%;
  width: 100%;
  margin-bottom: 0px;
}
.bookingCreate .numberSelector li {
  float: left;
  color: #44525f;
  font-family: WorkSans-Medium;
  font-size: 16px;
  font-weight: normal;
  line-height: 19px;
  text-align: center;
  width: 28px;
}
.bookingCreate .numberSelector li:focus {
  outline: none;
}
.bookingCreate .durationTitle {
  height: 43px;
}
.bookingCreate .durationTitle label {
  padding-top: 14px;
}
.bookingCreate .hours {
  background-color: #f1f3f6;
  height: 43px;
}
.bookingCreate .hours li {
  padding-top: 4px;
  margin: 8px 0px 7px 0px;
}
.bookingCreate .hours li.active {
  color: #fff;
  background-color: #44525f;
  border-radius: 50%;
}
.bookingCreate .hours li.active:hover {
  color: #fff;
}
.bookingCreate .hours li:hover {
  color: #ffdf63;
}
.bookingCreate .hours li::selection {
  background-color: transparent;
}
.bookingCreate .price {
  padding-top: 15px;
}
.bookingCreate .price li {
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  flex-grow: 1;
  padding: 0 5px;
}
.bookingCreate .priceSub {
  padding-top: 5px;
  padding-bottom: 15px;
}
.bookingCreate .priceSub li {
  color: #8e949f;
}
.bookingCreate .btn-default {
  color: #fff;
  background-color: #44525f;
  border: none;
  border-radius: 4px;
  font-family: WorkSans-Medium;
  font-weight: bold;
  font-size: 16px;
  height: 38px;
  width: 160px;
}
.bookingCreate .btn-default:focus {
  outline: none;
}
.bookingCreate .btn-default:active:focus {
  color: #fff;
  background-color: #44525f;
  border-color: transparent;
  box-shadow: none;
}
.bookingCreate .dateHelp {
  padding-top: 25%;
  text-align: center;
  color: #44525f;
  position: absolute;
  width: 100%;
}
.bookingCreate .dateHelpDot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.bookingCreate .dateHelpDot.green {
  background: #81cf00;
}
.bookingCreate .dateHelpDot.yellow {
  background: #ffdf63;
}
.bookingCreate .dateHelpDot.red {
  background: #e55457;
}
.bookingCreate .timeHelp {
  text-align: left;
  color: #44525f;
  max-width: 325px;
}
.bookingCreate .form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bookingCreate input.styledInput {
  background-color: rgba(182,187,196,0.15);
  border: 1px solid #8e949f;
  border-radius: 4px;
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #44525f;
  -webkit-appearance: none;
}
.bookingCreate input.styledInput::-webkit-input-placeholder {
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #8e949f;
  -webkit-appearance: none;
}
.bookingCreate input.styledInput:focus {
  box-shadow: none;
}
.bookingCreate .beveragesHeader {
  line-height: 100%;
  margin-top: 15px;
}
.bookingCreate .category {
  padding: 0px;
  text-align: center;
}
.bookingCreate .category .categoryItem {
  display: inline-block;
  height: 33px;
  background-color: #fff;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  color: #44525f;
  border-radius: 4px;
  padding: 9px 12px;
  margin-right: 15px;
  margin-bottom: 15px;
  text-align: center;
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 15px;
  cursor: pointer;
}
.bookingCreate .category .categoryItem:focus {
  outline: none;
}
.bookingCreate .category .categoryItem:hover {
  font-family: WorkSans-Medium;
  background-color: #ffdf63;
}
.bookingCreate .category .selected {
  font-family: WorkSans-Medium;
  background-color: #ffdf63;
}
.bookingCreate .itemNavRow {
  text-align: center;
  margin-bottom: 10px;
  padding: 0px;
  height: 25px;
}
.bookingCreate .itemNavRow .rightArrow {
  float: right;
  margin: 0px;
}
.bookingCreate .itemNavRow .leftArrow {
  float: left;
  margin: 0px;
}
.bookingCreate .itemTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
}
.bookingCreate .item {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  margin-bottom: 30px;
}
.bookingCreate .item p {
  color: #44525f;
}
.bookingCreate .item .value {
  font-family: WorkSans-Medium;
  font-weight: bold;
  margin: 8px 0px;
}
.bookingCreate .item .itemPicContainer {
  display: flex;
  justify-content: center;
  height: 200px;
  object-fit: cover;
  overflow: hidden;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  transition: all 0.3s;
}
.bookingCreate .item .itemPicContainer:hover {
  box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
  cursor: pointer;
}
.bookingCreate .item .itemPicContainer:focus {
  outline: 0;
}
.bookingCreate .item .itemPic {
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
  margin: 0 auto;
}
.bookingCreate .item .itemPic:focus {
  outline: 0;
}
.bookingCreate .item .lightBlue {
  background-color: #f1f3f6;
}
.bookingCreate .item .itemNum {
  font-family: WorkSans-Medium;
  font-size: 16px;
  font-weight: normal;
  color: #44525f;
  padding: 0px;
}
.bookingCreate .item .itemNum::selection {
  background-color: transparent;
}
.bookingCreate .item .itemButton {
  font-size: 20px;
  color: #44525f;
  cursor: pointer;
  padding: 0 15%;
}
.bookingCreate .item .itemButton:focus {
  outline: none;
}
.bookingCreate .item .itemButton::selection {
  background-color: transparent;
}
.bookingCreate .item .grayBorderBottom {
  border-bottom: 1px solid rgba(0,0,0,0.05);
  height: 36px;
  padding: 6px 0;
}
.bookingCreate .item .lineHeight100 {
  line-height: 100%;
}
.bookingCreate .item .addItem {
  background-color: #44525f;
  color: #fff;
  border: none;
  font-family: WorkSans-Medium;
  font-weight: bold;
  font-size: 13px;
  line-height: 30px;
  width: 100%;
  border-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.bookingCreate .item .addItem:focus {
  outline: none;
}
.bookingCreate .itemContainer {
  min-height: 0px;
}
.bookingCreate .itemContainer:nth-child(3n-2) {
  padding-left: 0px;
}
.bookingCreate .itemContainer:nth-child(3n+2) {
  padding-left: 7.5px;
  padding-right: 7.5px;
}
.bookingCreate .itemContainer:nth-child(3n+3) {
  padding-right: 0px;
}
.bookingCreate .blackBG {
  z-index: 5;
  background-color: rgba(0,0,0,0.5);
  width: 100vw;
  height: 100vh;
  position: fixed;
}
.bookingCreate .paymentContainer {
  position: absolute;
  margin: 0 auto;
}
.bookingCreate .paymentCard {
  position: absolute;
  left: 14%;
  margin-top: 115px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  z-index: 5;
}
.bookingCreate .paymentCard .panel-default {
  background-color: transparent;
  border-radius: 0px;
  color: #44525f;
  border-radius: 8px;
}
.bookingCreate .paymentCard .StripeElement {
  background-color: rgba(182,187,196,0.15);
  border: 1px solid #8e949f;
  border-radius: 4px;
  padding: 8px 12px;
  padding-top: 9px;
  height: 34px;
}
.bookingCreate .paymentCard .paymentButton {
  margin-top: 20px;
  border: none;
  color: #fff;
  background-color: #44525f;
  width: 100%;
  height: 35px;
  font-size: 13px;
  font-family: WorkSans-Medium;
  font-weight: bold;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.bookingCreate .paymentCard .paymentButton:focus {
  outline: none;
}
.bookingCreate .paymentCard .paymentButton[disabled] {
  opacity: 1 !important;
}
.bookingCreate .paymentCard .paymentButtonDisabled {
  height: 35px;
  position: absolute;
  bottom: 0px;
  padding-top: 7px;
}
.bookingCreate .paymentCard .paymentLoading {
  width: 15px;
  vertical-align: middle;
  margin-left: 10px;
}
.bookingCreate .paymentCard .paymentError {
  margin: 0;
  margin-bottom: 15px;
}
.bookingCreate .paymentCard .rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}
.bookingCreate .paymentCard .paymentSuccess .paymentButton-learnMore {
  padding-top: 7px;
}
.bookingCreate .paymentCard .paymentSuccess .bodyLink {
  font-family: WorkSans-Medium;
  font-size: 13px;
  color: #44525f;
  text-decoration: underline;
}
.bookingCreate .paymentCard .bolge {
  width: 50px;
  display: block;
  margin: 0 auto;
}
.bookingCreate .paymentCard .appStore {
  width: 45%;
  max-width: 140px;
  margin: 0 5px;
}
.bookingCreate .paymentCard a:hover {
  text-decoration: none;
}
.bookingCreate .paymentCard .matchTextStyle {
  line-height: 15px;
  font-size: 13px;
}
@-moz-keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.bookingCreate .max-width-300 {
  max-width: 330px;
}
.bookingCreate .summary {
  background-color: #44525f;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  max-width: 300px;
  margin-top: 14px;
}
.bookingCreate .summary .x-padding {
  padding: 10px;
}
.bookingCreate .bookingDate {
  font-family: GearedSlab-Bold;
  font-size: 20px !important;
  line-height: 24px !important;
  letter-spacing: 1.11px;
  text-transform: uppercase;
  margin: 0px;
}
.bookingCreate .bookingTime {
  font-family: GearedSlab-Bold;
  color: #ffdf63;
  font-size: 20px !important;
  line-height: 24px !important;
  letter-spacing: 1.11px;
  margin: 0px;
}
.bookingCreate .panel {
  margin-bottom: 0px;
  box-shadow: none;
}
.bookingCreate .panel-default {
  background-color: #44525f;
  border: none;
  color: #fff;
  border-radius: 8px;
}
.bookingCreate .panel-default p {
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
}
.bookingCreate .panel-default .bold {
  font-family: WorkSans-Bold;
}
.bookingCreate .circle {
  position: relative;
  margin: 50px auto;
  width: 150px;
  height: 150px;
  background-color: transparent;
  border-radius: 50%;
  transition: all 0.4s;
}
.bookingCreate .buttonHover:hover {
  background-color: #ffdf63;
}
.bookingCreate .arc_q {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 8px solid;
  border-color: transparent #ffdf63 transparent transparent;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transition: all 0.4s ease-in-out;
}
.bookingCreate .step1Circle {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.bookingCreate .step2Circle {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.bookingCreate .step3Circle {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.bookingCreate .step4Circle {
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  z-index: 4;
}
.bookingCreate .arc_cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 75px;
  height: 75px;
  background-color: #f5f5f5;
  transition: height 1s;
}
.bookingCreate .terms {
  font-size: 13px;
  font-family: WorkSans-Medium;
  font-weight: bold;
}
.bookingCreate .terms a {
  color: #44525f;
  text-decoration: underline;
}
.bookingCreate .summary-end {
  position: absolute;
  left: 57%;
  margin-top: 115px;
  z-index: 5;
}
.bookingCreate .closePayment {
  z-index: 5;
  width: 20px;
  right: 0px;
  position: absolute;
}
.bookingCreate .closePayment svg {
  width: 20px;
}
.bookingCreate .closePayment:focus {
  outline: none;
}
.bookingCreate .full .payment {
  background: #0099e5;
  padding: 1% 5%;
  width: 480px;
  margin: 0 auto;
  border: 1px #d5d5d5 solid;
  overflow: hidden;
  border-radius: 10px;
}
.bookingCreate .full .payment form {
  padding: 10px;
  background: #f5f5f5;
}
.bookingCreate .btn-voucher {
  font-size: 14px;
  height: 34px;
  width: 100%;
}
.bookingCreate .red {
  color: #e55457;
}
.bookingCreate .voucherError {
  color: #e55457;
}
.bookingCreate .checkmark {
  width: 18px;
  vertical-align: text-bottom;
}
.bookingCreate .customer-form .ng-touched.ng-invalid {
  box-shadow: 0px 0px 0px 2px #e55457;
  border-color: transparent;
}
.bookingCreate .sampleClass {
  float: left;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .bookingCreate .boatLabel {
    padding-right: 1%;
  }
  .bookingCreate .timeslots {
    padding-left: 5%;
  }
  .bookingCreate .dateHelp {
    padding-left: 5%;
  }
  .bookingCreate .padding-right-15 {
    padding-right: 7.5px;
  }
  .bookingCreate .padding-left-15 {
    padding-left: 7.5px;
  }
}
@media (min-width: 992px) {
  .x-margin-desktop {
    margin-bottom: 25px !important;
  }
  .x-padding-right {
    padding-right: 15px !important;
  }
  .boatLabel {
    text-align: right;
  }
  .only-mobile {
    display: none;
  }
  .width-90 {
    width: 90% !important;
  }
  .width-95 {
    width: 95% !important;
  }
}
@media (max-width: 991px) {
  .header {
    text-align: center;
  }
  .header svg path {
    fill: #fff;
  }
  .col-md-12 {
    width: 100%;
    float: left;
  }
  .shopBox {
    margin-bottom: 25px;
  }
  .dateHelp {
    position: inherit !important;
    padding-top: 0px !important;
  }
  .no-mobile {
    display: none;
  }
  .calendar ul {
    margin-left: 10% !important;
  }
  .timeHelp {
    margin-left: 10%;
    margin-bottom: 15px;
    padding: 0px 5px;
  }
  .padding-right-15 {
    padding-right: 0px !important;
  }
  .padding-left-15 {
    padding-left: 0px !important;
  }
  .paymentCard {
    left: 5% !important;
  }
  .paymentCard input.styledInput {
    width: 100% !important;
  }
  .btn-voucher {
    width: 100% !important;
  }
  .shopsIcon {
    right: 14px !important;
  }
  .bookingCreate .itemContainer:nth-child(1) {
    padding-right: 7.5px;
  }
  .bookingCreate .itemContainer:nth-child(2n-2) {
    padding-left: 0px;
    padding-right: 7.5px;
  }
  .bookingCreate .itemContainer:nth-child(2n+2) {
    padding-left: 7.5px;
    padding-right: 0px;
  }
  .bookingCreate .itemContainer:nth-child(2n+3) {
    padding-left: 0px;
    padding-right: 7.5px;
  }
}
@media (min-width: 768px) {
  .only-xs {
    display: none;
  }
}
@media (max-width: 767px) {
  .x-margin-top-mobile {
    margin-top: 15px !important;
  }
  .x-margin-bottom-50-mobile {
    margin-bottom: 50px;
  }
  .header {
    background-color: transparent !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 60px;
    text-align: center;
  }
  .header svg path {
    fill: #44525f !important;
  }
  .mobilePadding {
    padding-top: 15px;
    padding-bottom: 55px;
  }
  .boatLabel {
    padding-left: 14px !important;
  }
  .calendar ul {
    float: inherit !important;
    margin: 0 auto !important;
  }
  .max-width-300 {
    position: fixed;
    margin: 0 auto !important;
    left: 0px;
    right: 0px;
    transition: top 350ms cubic-bezier(0.5, 0.98, 0.44, 1.22);
    z-index: 10;
  }
  .category {
    margin-bottom: 15px;
  }
  .summary {
    margin-top: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
  }
  .basketButton {
    position: absolute;
    bottom: 0px;
    margin: 0 auto;
    left: 0px;
    right: 0px;
  }
  .basketButton:focus {
    outline: none;
  }
  .basketButtonGlyphicon {
    vertical-align: middle;
    margin: 0;
    margin-left: 10px;
  }
  .termsRow {
    background-color: #fff;
    position: fixed;
    bottom: 45px;
    padding: 10px 0px 0px 0px;
    left: 0px;
  }
  .checkmarkMobile {
    font-size: 16px;
    margin-right: 20px;
  }
  .confirmMobile {
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    background-color: #44525f;
    border: none;
    border-radius: 0;
    color: #fff;
    font-family: WorkSans-Medium;
    font-weight: bold;
    font-size: 16px;
    height: 45px;
  }
  .bookingCreate button[disabled] {
    background-color: #b8bcc6;
    opacity: 1 !important;
  }
  .bookingCreate .itemContainer:nth-child(2n-2) {
    padding-left: 0px;
    padding-right: 7.5px;
  }
  .bookingCreate .itemContainer:nth-child(2n+2) {
    padding-left: 7.5px;
    padding-right: 0px;
  }
  .bookingCreate .itemContainer:nth-child(2n+3) {
    padding-left: 0px;
    padding-right: 7.5px;
  }
  .paymentCard {
    top: -21px;
    margin-top: 0px !important;
    padding-top: 40px;
    left: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
  }
  .paymentButton {
    border-radius: 0 !important;
    height: 45px !important;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 16px !important;
  }
  .paymentButtonDisabled {
    height: 45px !important;
    padding-top: 12px !important;
  }
  .paymentSuccess {
    padding: 30px 5% 60px;
  }
  .paymentSuccess .paymentButton-learnMore {
    padding-top: 12px;
  }
  .shopsIcon {
    right: 14px !important;
  }
  .no-xs {
    display: none;
  }
  .height-100 {
    height: 100%;
  }
  .giftcardHeader {
    padding-top: 15px;
  }
  .giftcardHeaderList {
    margin-bottom: 0px;
  }
}
.modal.fullscreen {
  width: 100%;
  position: fixed;
  background: #fff;
  display: block;
  overflow: scroll;
  z-index: 20;
  padding: 0;
}
.modal-container {
  padding: 40px 50px;
}
.dashboard-tabs a {
  color: #666;
}
.row {
  margin: 0;
}
@media (max-width: 1024px) {
  .non-mobile {
    display: none;
  }
}
md-nav-bar md-nav-ink-bar {
  background-color: #337ab7;
}
.md-button.md-accent {
  color: #337ab7;
}
.glyphicon {
  margin-right: 10px;
}
.current-shop {
  text-align: right;
  display: block;
  float: right;
  position: absolute;
  right: 13px;
}
.space {
  margin: 10px 5px;
}
.zone {
  z-index: 101;
}
#chart {
  height: 400px;
  width: 800px;
}
.overlay {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
  background: #000;
  opacity: 0.5;
}
.create-voucher {
  width: 80%;
  max-width: 624px;
  margin: 0 auto;
}
.create-voucher label {
  min-width: 100px;
}

.boat {
  background-color: #f5f5f5;
  position: relative;
}
.boat .stdText {
  font-size: 13px;
  color: #44525f;
}
.boat label {
  font-family: WorkSans-Medium;
  font-weight: normal;
  font-size: 12px;
  color: #44525f;
}
.boat .table > thead > tr {
  border-bottom: 1px solid #44525f;
}
.boat .table > thead > tr > th {
  border: none;
}
.boat .table > tbody > tr > td {
  border: none;
}
.boat .btn {
  height: 30px;
  width: 112px;
  border-radius: 15px;
  border: none;
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 20px;
}
.boat .btn-standard {
  background-color: #44525f;
  color: #fff;
}
.boat .btn-edit {
  background-color: #fff;
  color: #44525f;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
}
.boat .btn-icon {
  padding-left: 15px;
}
.boat .btn-white {
  background-color: #fff;
  color: #44525f;
  font-family: WorkSans-Regular;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
}
.boat .buttonIcon {
  width: 15px;
  margin-right: 5px;
  margin-top: 3px;
  float: right;
}
.boat .buttonIcon-small {
  width: 12px;
  margin-right: 5px;
  margin-top: 4px;
  float: right;
}
.boat .angular-google-map-container {
  height: 600px;
  width: 100%;
  border-radius: 16px;
}
.boat .gm-style {
  overflow: hidden;
}
.boat a.th-link-sort {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.boat .updateIcon {
  font-size: 15px;
  color: #44525f;
}
.boat .updateIcon:focus {
  outline: none;
}
.boat .gly-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
.boat td {
  position: relative;
}
.boat td .charging {
  background: #77a846;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  display: block;
  position: absolute;
  right: 5px;
  top: 20px;
}
.boat td .notCharging {
  background: #e55457;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  display: block;
  position: absolute;
  right: 5px;
  top: 20px;
}
.boat .map {
  position: fixed;
  right: 0;
  padding-top: 97px;
  padding-right: 5%;
  padding-left: 0;
}
.boat .center {
  margin: 0 auto;
  display: block;
}
.boat .loading-release {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 25;
  background: rgba(245,245,245,0.2);
}
@media (max-width: 1199px) {
  .boat .map {
    position: relative;
    padding: 0;
    margin-bottom: 25px;
  }
  .boat .angular-google-map-container {
    height: 300px;
  }
}
@-moz-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframe spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
body {
  line-height: 100%;
}
.fix-height {
  margin-top: 3px;
}
.boatEdit .form-control {
  width: auto;
  height: auto;
}
.padding-3 {
  padding: 0 3%;
}
.padding-2 {
  padding: 0 1%;
}
.float-none {
  float: none;
}
.fontMedium {
  font-family: WorkSans-Medium !important;
}
.fontSemiBold {
  font-family: WorkSans-SemiBold !important;
}
.boatEdit h3 {
  font-family: WorkSans-Medium;
  font-size: 16px;
  line-height: 19px;
  color: #44525f;
}
.boatEdit h4 {
  font-family: WorkSans-Medium;
  font-size: 13px;
  line-height: 15px;
  color: #fff;
}
.boatEdit label {
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 20px;
  color: #44525f;
  margin-bottom: 0px;
  font-weight: normal;
}
.boatEdit .boat-info label {
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 20px;
  color: #fff;
}
.boatEdit .btn {
  height: 30px;
  width: 112px;
  border-radius: 15px;
  border: none;
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 20px;
}
.boatEdit .btn-standard {
  background-color: #44525f;
  color: #fff;
}
.boatEdit .btn-edit {
  background-color: #fff;
  color: #44525f;
}
.boatEdit .btn-cancel {
  background-color: #e55457;
  color: #fff;
}
.boatEdit .btn-save {
  background-color: #77a846;
  color: #fff;
}
.boatEdit .btn-reportIncident {
  background-color: #44525f;
  color: #fff;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 33px;
  border: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  font-family: WorkSans-SemiBold;
  font-size: 13px;
}
.boatEdit .btn-icon {
  padding-left: 15px;
}
.boatEdit .buttonIcon {
  width: 15px;
  margin-right: 5px;
  margin-top: 3px;
  float: right;
}
.boatEdit .buttonIcon-small {
  width: 12px;
  margin-right: 5px;
  margin-top: 4px;
  float: right;
}
.boatEdit .buttonIcon-large {
  width: 20px;
  margin-right: 0px;
  margin-top: 3px;
  float: right;
}
.boatEdit.modal.fullscreen {
  background: rgba(255,255,255,0.7);
}
.boatEdit .modal-content {
  padding: 80px 50px;
}
.boatEdit .title-area {
  background-color: #44525f;
  width: 100%;
  height: 37px;
  position: absolute;
  top: 0px;
  left: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.boatEdit .close-modal {
  position: absolute;
  top: 11px;
  right: 15px;
  width: 15px;
}
.boatEdit .boat-info {
  background-color: #44525f;
  border-radius: 8px;
  padding: 15px;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
}
.boatEdit .boat-info .boat-number {
  font-family: GearedSlab-Bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1.11px;
  color: #ffdf63;
  text-transform: uppercase;
}
.boatEdit .boat-info .edit-boatNr {
  width: 25%;
  height: 100%;
  color: #ffdf63;
  font-size: inherit;
  padding: 4px 0px 0px 0px;
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.boatEdit .boat-info .boatReadyStatus {
  background-color: transparent;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  vertical-align: sub;
}
.boatEdit .boat-info .boatReadyStatus-true {
  background-color: #77a846;
}
.boatEdit .boat-info .boatReadyStatus-false {
  background-color: #e55457;
}
.boatEdit .boat-info .edit-defaKey {
  color: #fff;
  font-family: WorkSans-SemiBold;
  font-size: 13px;
  background-color: transparent;
  border: none;
  box-shadow: none;
  float: right;
}
.boatEdit .loader {
  border: 5px solid #fff;
  border-top: 5px solid #ffdf63;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 2s linear infinite;
  display: inline-block;
  vertical-align: top;
  float: right;
}
.boatEdit .charging {
  background: #77a846;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  display: inline-block;
}
.boatEdit .notCharging {
  background: #e55457;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  display: inline-block;
}
.boatEdit .recent-incidents .incident {
  margin-top: 15px;
}
.boatEdit .new-incident {
  background-color: #f5f5f5;
  border-radius: 8px;
  padding: 15px;
  padding-bottom: 48px;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  margin-top: 25px;
}
.boatEdit .close-new-incident {
  width: 15px;
  float: right;
}
.boatEdit input.styledInput {
  width: 100%;
}
.boatEdit .new-incident select {
  width: 100%;
  height: 33px;
  border: none;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 20px;
  color: #44525f;
  margin-bottom: 15px;
  font-weight: normal;
}
.boatEdit input[type="radio"] {
  display: none;
}
.boatEdit input[type="radio"] + label span {
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: text-top;
  border: 1px solid #44525f;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  margin-right: 5px;
}
.boatEdit input[type="radio"] + label span .dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border: none;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  margin: 0px 2px 12px 2px;
}
.boatEdit input[type="radio"]:checked + label span .dot {
  background-color: #44525f;
}
.boatEdit .recent-bookings .recent-booking {
  margin-top: 15px;
}
.boatEdit .angular-google-map-container {
  height: 600px;
  width: 100%;
}
.boatEdit a.th-link-sort {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.boatEdit .angular-google-map-container {
  height: 600px;
  width: 100%;
  border-radius: 16px;
}
@media (max-width: 1399px) {
  .boatEdit .modal-content {
    width: 90%;
  }
}
@media (max-width: 1199px) {
  .boatEdit .angular-google-map-container {
    height: 400px;
  }
}

.boatAdd {
  display: block;
}
.boatAdd .modal-content {
  padding: 80px 50px;
  width: 60%;
}
.boatAdd .title-area {
  background-color: #44525f;
  width: 100%;
  height: 37px;
  position: absolute;
  top: 0px;
  left: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.boatAdd .close-modal {
  position: absolute;
  top: 11px;
  right: 15px;
  width: 15px;
}
.boatAdd .hide {
  display: none;
}
.boatAdd .padding-right-10 {
  padding-right: 10px;
}
.boatAdd .padding-left-10 {
  padding-left: 10px;
}
.boatAdd .width-15 {
  width: 15%;
}
.boatAdd .width-25 {
  width: 25%;
}
.boatAdd .width-85 {
  width: 85%;
}
.boatAdd .inline-block {
  display: inline-block;
}
.boatAdd h2 {
  font-family: GearedSlab-Bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1.11px;
  color: #ffdf63;
  text-transform: uppercase;
  margin: 0;
}
.boatAdd h3 {
  font-family: WorkSans-Medium;
  font-size: 16px;
  line-height: 19px;
  color: #44525f;
}
.boatAdd h4 {
  font-family: WorkSans-Medium;
  font-size: 13px;
  line-height: 15px;
  color: #fff;
}
.boatAdd label {
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 20px;
  color: #44525f;
  margin-bottom: 0px;
  font-weight: normal;
}
.boatAdd .fontSemiBold {
  font-family: WorkSans-SemiBold;
}
.boatAdd .fontBlue {
  color: #44525f;
}
.boatAdd .fontGray {
  color: #8e949f;
}
.boatAdd .fontWhite {
  color: #fff;
}
.boatAdd .error {
  color: #e55457;
}
.boatAdd .success {
  color: #77a846;
}
.boatAdd .booking-info h3 {
  color: #fff;
}
.boatAdd .booking-info label {
  color: #fff;
}

#boat-tracking {
  background: #f5f5f5;
}
#boat-tracking label,
#boat-tracking select,
#boat-tracking input,
#boat-tracking button {
  margin-right: 10px;
}
#boat-tracking button:last-child {
  margin-right: 0;
}
#boat-tracking .angular-google-map-container {
  height: 650px;
}

.booking-internal h2 {
  color: #fff;
  font-size: 16px;
  line-height: 19px;
  font-family: WorkSans-Medium;
  font-weight: normal;
}
.booking-internal p {
  color: #44525f;
  font-size: 13px;
  line-height: 20px;
  font-family: WorkSans-Regular;
  font-weight: normal;
}
.booking-internal.modal.fullscreen {
  background: rgba(255,255,255,0.7);
}
.booking-internal .modal-content {
  padding: 80px 50px;
  background-color: #f5f5f5;
  height: 80%;
}
.booking-internal .title-area {
  background-color: #44525f;
  width: 100%;
  height: 37px;
  position: absolute;
  top: 0px;
  left: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.booking-internal .title-area p {
  font-family: WorkSans-Medium;
  font-size: 13px;
  line-height: 15px;
  color: #fff;
  margin: 10px 0;
}
.booking-internal .close-modal {
  position: absolute;
  top: 11px;
  right: 15px;
  width: 15px;
}
.booking-internal .hide {
  display: none;
}
.booking-internal .country-select {
  width: 100%;
  min-height: 34px;
  padding: 6px 12px;
  margin: 5px 0 10px;
}
.booking-internal {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0 auto;
  background: #f5f5f5;
}
.booking-internal h4 {
  font-family: GearedSlab-Bold;
  color: #44525f;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  -webkit-font-smoothing: subpixel-antialiased;
}
.booking-internal .panel {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  padding: 20px;
}
.booking-internal .panel .dotted-border {
  border-style: dotted;
  border-width: 0 0 4px 0;
  border-color: #44525f;
  border-image-source: url("../../assets/dottedBorder.svg");
  border-image-slice: 33% 30%;
  border-image-repeat: round;
}
.booking-internal .panel h4 {
  opacity: 1;
}
.booking-internal .max-width-300 {
  padding-left: 4%;
  padding-right: 0;
}
.booking-internal .max-width-300 .summary .x-padding {
  padding: 10px;
}
.booking-internal .max-width-300 .panel-default {
  border-radius: 8px;
  background-color: #44525f;
  border: none;
  padding: 0 15px;
}
.booking-internal .max-width-300 .panel-default p {
  color: #fff;
}
.booking-internal .max-width-300 .panel-default .bold {
  font-family: WorkSans-Medium;
  font-weight: bold;
}
.booking-internal .max-width-300 .panel-default .bookingDate {
  font-family: GearedSlab-Bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0px;
}
.booking-internal .max-width-300 .panel-default .bookingTime {
  font-family: GearedSlab-Bold;
  color: #ffdf63;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1px;
  margin: 0px;
}
.booking-internal .styledSelect {
  background-color: rgba(182,187,196,0.15);
  border: 1px solid #8e949f;
  border-radius: 4px;
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #44525f;
}
.booking-internal .styledSelect:invalid {
  color: #8e949f;
}
.booking-internal .styledSelect:focus {
  box-shadow: none;
  border: 1px solid #44525f;
}
.booking-internal .phoneInput {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 2px 12px;
  height: 26px;
}
.booking-internal .countryCodeSelect {
  width: 100%;
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 2px 8px;
}
@media (max-width: 1399px) {
  .booking-internal .modal-content {
    width: 90%;
  }
}

.x-padding-side-10 {
  padding: 0 5%;
}
@media (max-width: 1910px) {
  .x-padding-side-10 {
    padding: 0 30px;
  }
}
.waiver-info {
  display: none;
}
@media (min-width: 1400px) {
  .waiver-info {
    display: table-cell;
  }
}
.inline {
  display: inline-block;
}
.autoWidth {
  width: auto !important;
}
.initialWidth {
  width: initial;
}
.md-datepicker-calendar-pane {
  font-family: WorkSans-Medium;
}
.md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator,
.md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator {
  background: #44525f;
}
.md-calendar-date-selection-indicator:hover {
  background: #f1f3f6;
}
.md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator {
  border-color: #44525f;
}
.md-calendar-day-header {
  background: #f1f3f6;
}
.md-datepicker-input {
  font-family: WorkSans-Medium;
  font-size: 13px;
  color: #44525f;
}
.md-datepicker-input-container {
  border-bottom-color: transparent;
}
.md-datepicker-triangle-button .md-datepicker-expand-triangle {
  border-top-color: #44525f;
}
md-icon {
  fill: #44525f;
}
.bookingPage p {
  font-family: WorkSans-Regular;
  font-weight: normal;
  -webkit-font-smoothing: subpixel-antialiased;
}
.bookingPage .nofloat {
  float: none !important;
}
.bookingPage .stdText {
  font-size: 13px;
  color: #44525f;
}
.bookingPage .fontRed {
  color: #e55457;
}
.bookingPage .fontBlue {
  color: #44525f;
}
.bookingPage label {
  font-family: WorkSans-Medium;
  font-weight: normal;
  font-size: 12px;
  color: #44525f;
  -webkit-font-smoothing: subpixel-antialiased;
}
.bookingPage .table > thead > tr {
  border-bottom: 1px solid #44525f;
}
.bookingPage .table > thead > tr > th {
  border: none;
}
.bookingPage .table > tbody > tr > td {
  border: none;
}
.bookingPage .table > tbody > tr > td .stdText {
  padding-top: 6px;
}
.bookingPage .middle {
  vertical-align: middle;
}
.bookingPage .form-control {
  width: auto;
}
.bookingPage .styledSelect {
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 15px;
  color: #44525f;
  border: 1px solid #8e949f;
  background-color: rgba(182,187,196,0.15);
  height: 34px;
}
.bookingPage .overdue {
  color: #e55457;
}
.bookingPage .endsoon {
  color: #e55457;
}
.bookingPage .ignorelabelbold {
  font-weight: normal;
  margin-bottom: 0;
  line-height: normal;
  vertical-align: middle;
  margin-left: 10px;
}
.bookingPage .unpaid {
  background-color: transparent;
}
.bookingPage .unpaidIcon {
  color: #e55457;
}
.bookingPage .statusFilter .status:not(:last-child) {
  margin-right: 10px;
}
.bookingPage .statusFilter label::selection {
  background-color: transparent;
}
.bookingPage .statusFilter::selection {
  background-color: transparent;
}
.bookingPage .status {
  border-style: solid;
  border-width: 1px;
  border-radius: 15px;
  text-align: center;
  height: 25px;
  width: 122px;
  padding-top: 3px !important;
  font-family: WorkSans-Medium;
  text-transform: uppercase;
  margin: 0;
}
.bookingPage .statusReserved {
  border-color: #8e949f;
  color: #8e949f;
}
.bookingPage .statusCanCheckedIn {
  border-color: #77a846;
  color: #77a846;
}
.bookingPage .statusCheckedIn {
  border-color: #77a846;
  background-color: #77a846;
  color: #fff;
}
.bookingPage .statusSailing {
  border-color: #ffdf63;
  background-color: #ffdf63;
  color: #44525f;
}
.bookingPage .statusCompleted {
  border-color: #44525f;
  color: #44525f;
}
.bookingPage .statusCancelled {
  border-color: #e55457;
  color: #e55457;
}
.bookingPage .filterCheckbox:not(:checked) + .filterLabel {
  color: rgba(0,0,0,0.05);
  text-shadow: 0px 1px 3px #fff, 0px 0px 0px rgba(0,0,0,0.3), 0px -1px 3px #fff;
  background-color: rgba(182,187,196,0.15);
  border-color: transparent;
  -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
}
.bookingPage .btn-round {
  height: 30px;
  padding: 0 20px;
  border-radius: 15px;
  border: none;
  font-family: WorkSans-Medium;
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  margin: 0;
  width: fit-content;
}
@media (max-width: 1199px) {
  .bookingPage .status {
    width: auto;
    max-width: 122px;
    padding: 0 10px;
  }
}
.bookingPage .transparentSelection::selection {
  background-color: transparent;
}
.business-day-comment-box {
  border: 1px solid #91caff;
  background: #e6f4ff;
  max-width: 600px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
}
.comment-wrapper {
  display: flex;
  justify-content: center;
  word-wrap: break-word;
}
.business-day-comment {
  white-space: pre-wrap;
}

:root {
  --old-col-w: 96px;
  --new-col-w: 70px;
  --primary-text-color: #fff;
  --font: WorkSans-Regular;
}
.edit-booking .price-row,
.edit-booking .addon-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  width: 100%;
  margin: 6px 0;
}
.edit-booking .price-label,
.edit-booking .addon-info {
  font-family: var(--font);
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
  color: var(--primary-text-color);
  margin: 0;
  padding-right: 8px;
  flex: 1 1 auto;
  overflow: hidden;
  word-break: break-word;
  white-space: normal;
}
.edit-booking .addon-prices {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  white-space: nowrap;
  color: rgba(255,255,255,0.85);
  font-variant-numeric: tabular-nums;
}
.edit-booking .addon-old-price {
  min-width: var(--old-col-w);
  text-align: right;
  text-decoration: line-through;
  font-style: italic;
  font-family: var(--font);
  font-size: 12.5px;
  line-height: 20px;
}
.edit-booking .addon-new-price {
  min-width: var(--new-col-w);
  text-align: right;
  color: var(--primary-text-color);
  font-family: var(--font);
  font-size: 13px;
  line-height: 20px;
}
.edit-booking .beveragesHeader label {
  color: var(--primary-text-color);
}
.edit-booking .section-divider {
  border-top: 1px solid rgba(255,255,255,0.15);
  margin: 10px 0;
  padding-top: 10px;
}
.edit-booking .price-zero {
  opacity: 0.65;
}

.edit-booking.modal.fullscreen {
  background: rgba(255,255,255,0.7);
}
.edit-booking .modal-content {
  padding: 80px 50px;
}
.edit-booking .title-area {
  background-color: #44525f;
  width: 100%;
  height: 37px;
  position: absolute;
  top: 0px;
  left: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.edit-booking .close-modal {
  position: absolute;
  top: 11px;
  right: 15px;
  width: 15px;
}
.edit-booking .hide {
  display: none;
}
.edit-booking .padding-right-10 {
  padding-right: 10px;
}
.edit-booking .padding-left-10 {
  padding-left: 10px;
}
.edit-booking .width-15 {
  width: 15%;
}
.edit-booking .width-25 {
  width: 25%;
}
.edit-booking .width-85 {
  width: 85%;
}
.edit-booking .inline-block {
  display: inline-block;
}
.edit-booking .loading-booking {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 37px);
  position: absolute;
  top: 37px;
  left: 0;
  z-index: 100;
  background-color: rgba(255,255,255,0.2);
}
.edit-booking .loading-boats {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 37px);
  position: absolute;
  top: 37px;
  left: 0;
  z-index: 100;
  background-color: rgba(255,255,255,0.2);
}
.edit-booking .country-select {
  width: 100%;
  min-height: 34px;
  padding: 6px 12px;
  margin: 5px 0 10px;
}
.edit-booking h2 {
  font-family: GearedSlab-Bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1.11px;
  color: #ffdf63;
  text-transform: uppercase;
  margin: 0;
}
.edit-booking h3 {
  font-family: WorkSans-Medium;
  font-size: 16px;
  line-height: 19px;
  color: #44525f;
}
.edit-booking h4 {
  font-family: WorkSans-Medium;
  font-size: 13px;
  line-height: 15px;
  color: #fff;
}
.edit-booking label {
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 20px;
  color: #44525f;
  margin-bottom: 0px;
  font-weight: normal;
}
.edit-booking label.timestamp-label {
  width: 115px;
}
.edit-booking label.cancellation-label {
  width: 175px;
}
.edit-booking .fontSemiBold {
  font-family: WorkSans-SemiBold;
}
.edit-booking .fontBlue {
  color: #44525f;
}
.edit-booking .fontGray {
  color: #8e949f;
}
.edit-booking .fontWhite {
  color: #fff;
}
.edit-booking .error {
  color: #e55457;
}
.edit-booking .comment-error {
  color: #e55457;
  margin-bottom: 10px;
}
.edit-booking .success {
  color: #77a846;
}
.edit-booking .booking-info h3 {
  color: #fff;
}
.edit-booking .booking-info label {
  color: #fff;
}
.edit-booking .btn {
  height: 33px;
  width: 140px;
  border-radius: 4px;
  border: 2px solid #44525f;
  font-family: WorkSans-SemiBold;
  font-size: 13px;
  line-height: 15px;
}
.edit-booking .btn:focus {
  outline: none;
}
.edit-booking .btn.fullWidth {
  width: 100%;
}
.edit-booking .btn-primary {
  background-color: #44525f;
  color: #fff;
}
.edit-booking .btn-default {
  background-color: #fff;
  color: #44525f;
}
.edit-booking .btn-default:hover {
  background-color: #fff;
  color: #44525f;
  border: 2px solid #44525f;
}
.edit-booking .btn-default:focus {
  background-color: #fff;
  color: #44525f;
  border: 2px solid #44525f;
}
.edit-booking .btn-default:active {
  background-color: #fff;
  color: #44525f;
  border: 2px solid #44525f;
}
.edit-booking .btn-default:active:focus {
  background-color: #fff;
  color: #44525f;
  border: 2px solid #44525f;
}
.edit-booking .btn-checkIn {
  background-color: #77a846;
  color: #fff;
  border-color: #77a846;
}
.edit-booking .btn-sail {
  background-color: #ffdf63;
  color: #44525f;
  border-color: #ffdf63;
}
.edit-booking .btn-cancel {
  background-color: #e55457;
  color: #fff;
  border-color: #e55457;
}
.edit-booking .btn-round {
  height: 30px;
  width: 112px;
  border-radius: 15px;
  border: none;
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 20px;
}
.edit-booking .btn-standard {
  background-color: #fff;
  color: #44525f;
}
.edit-booking .btn-save {
  background-color: #77a846;
  color: #fff;
}
.edit-booking .btn-shadow {
  background-color: #fff;
  border: none;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  color: #44525f;
  font-family: WorkSans-Medium;
  transition: all 0.3s;
}
.edit-booking .btn-shadow:hover {
  background-color: #ffdf63;
}
.edit-booking .btn-shadow.active {
  background-color: #ffdf63;
}
.edit-booking .btn-shadow.active:focus {
  outline: none;
}
.edit-booking .btn-border {
  border: 2px solid #44525f;
}
.edit-booking .btn-border:hover {
  border: 2px solid #ffdf63;
}
.edit-booking .btn-icon {
  padding-left: 15px;
  position: relative;
  z-index: 2;
}
.edit-booking .buttonIcon {
  width: 15px;
  margin-right: 5px;
  margin-top: 3px;
  float: right;
}
.edit-booking .buttonIcon-small {
  width: 12px;
  margin-right: 5px;
  margin-top: 4px;
  float: right;
}
.edit-booking .bold {
  font-weight: bold;
}
.edit-booking .btn-refund {
  width: 70px !important;
}
.edit-booking .btn-remove {
  width: 75px !important;
}
.edit-booking .btn-invalidate-refund {
  width: 90px !important;
  color: #e55457;
  border-color: #e55457;
}
.edit-booking .status {
  border-style: solid;
  border-width: 2px;
  border-radius: 18px;
  text-align: center;
  height: 35px;
  width: 100%;
  margin: 0;
  padding-top: 5px;
  font-family: WorkSans-Medium;
  font-size: 18px;
  line-height: 21px;
  text-transform: uppercase;
}
.edit-booking .statusReserved {
  border-color: #8e949f;
  color: #8e949f;
}
.edit-booking .statusCanCheckedIn {
  border-color: #77a846;
  color: #77a846;
}
.edit-booking .statusCheckedIn {
  border-color: #77a846;
  background-color: #77a846;
  color: #fff;
}
.edit-booking .statusSailing {
  border-color: #ffdf63;
  background-color: #ffdf63;
  color: #44525f;
}
.edit-booking .statusCompleted {
  border-color: #44525f;
  color: #44525f;
}
.edit-booking .statusCancelled {
  border-color: #e55457;
  color: #e55457;
}
.edit-booking .booking-info {
  background-color: #44525f;
  border-radius: 8px 8px 0 0;
  padding: 15px;
  box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  margin-bottom: 0;
}
.edit-booking .booking-info .editInput {
  font-family: GearedSlab-Regular;
  color: #ffb500;
  background: transparent;
  text-align: center;
  border: 1px solid;
  border-radius: 4px;
  padding: 5px 0px 1px;
  letter-spacing: 1.11px;
}
.author.styledInput {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  padding: 5px 10px;
}
.edit-booking .creator {
  padding-bottom: 5px;
}
.edit-booking .comments {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  min-height: 52px;
  padding: 5px 10px;
}
.edit-booking .comment-icon {
  width: 15px;
  margin-top: 8px;
  opacity: 0.5;
}
.edit-booking .comment-icon:hover {
  opacity: 1;
}
.edit-booking .renderNewLines {
  white-space: pre-wrap;
}
.edit-booking .actionBox {
  background: #f5f5f5;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  border-radius: 8px;
  width: 100%;
  padding: 35px 20px 48px 20px;
}
.edit-booking .styledInput {
  width: 100%;
  background-color: rgba(182,187,196,0.15);
  border: 1px solid #8e949f;
  border-radius: 4px;
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #44525f;
  -webkit-appearance: none;
}
.edit-booking .styledInput::-webkit-input-placeholder {
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #8e949f;
  -webkit-appearance: none;
}
.edit-booking .styledInput:focus {
  box-shadow: none;
}
.edit-booking .styledSelect {
  background-color: rgba(182,187,196,0.15);
  border: 1px solid #8e949f;
  border-radius: 4px;
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #44525f;
}
.edit-booking .styledSelect:invalid {
  color: #8e949f;
}
.edit-booking .styledSelect:focus {
  box-shadow: none;
  border: 1px solid #44525f;
}
.edit-booking .phoneInput {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 2px 12px;
  height: 26px;
}
.edit-booking .countryCodeSelect {
  width: 100%;
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 2px 8px;
}
.edit-booking .btn-paymentSubmit {
  background-color: #44525f;
  color: #fff;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 33px;
  border: none;
  border-radius: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  font-family: WorkSans-SemiBold;
  font-size: 13px;
}
.edit-booking .btn-paymentSubmit[disabled] {
  background-color: rgba(46,61,92,0.5);
}
.edit-booking .fixPaymentBoxHeight {
  min-height: 116px;
}
.edit-booking .shopsIcon {
  float: right;
  position: absolute;
  right: 30px;
  top: 67px;
  margin: 0px;
  pointer-events: none;
}
.edit-booking .shopsIcon .glyphicon {
  margin: 0px;
  pointer-events: none;
}
.edit-booking .boatSelectIcon {
  right: 23px;
  top: 10px;
}
.edit-booking .opacity-0-6 {
  opacity: 0.6;
}
.edit-booking .boatControl {
  background-color: #f5f5f5;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  padding: 15px;
}
.edit-booking .boatControl .lightningBolt {
  width: 20px;
  vertical-align: top;
}
.edit-booking .boatControl .mapPin {
  height: 20px;
  vertical-align: top;
}
.edit-booking .boatControl .bootstrap-switch {
  margin-top: 4px;
  font-family: WorkSans-Regular;
}
.edit-booking .boatControl .bootstrap-switch-success {
  color: #fff;
  background-color: #77a846;
}
.edit-booking .boatControl .bootstrap-switch-danger {
  color: #fff;
  background-color: #e55457;
}
.edit-booking .voucher-card {
/* border: 2px solid #44525F; */
  background-color: #f5f5f5;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  border-radius: 8px;
  padding: 12px;
  position: relative;
}
.edit-booking .voucher-category {
  display: inline-block;
  padding: 2px 10px;
  text-align: center;
  border-radius: 20px;
  font-family: WorkSans-Medium;
  font-weight: normal;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  width: fit-content;
}
.edit-booking .voucher-category-Voucher {
  border-color: #44525f;
  background-color: #44525f;
  color: #fff;
}
.edit-booking .voucher-category-Campaign {
  border-color: #77a846;
  background-color: #77a846;
  color: #fff;
}
.edit-booking .voucher-category-Refund {
  border-color: #e55457;
  background-color: #e55457;
  color: #fff;
}
.edit-booking .voucher-category-Giftcard {
  border-color: #ffdf63;
  background-color: #ffdf63;
  color: #fff;
}
.edit-booking .voucher-category-Membership {
  color: #fff;
  background-color: #b0ccd9;
  border-color: #b0ccd9;
}
.edit-booking .voucher-category-Membership-campaign {
  color: #fff;
  background-color: #b0ccd9;
  border-color: #b0ccd9;
}
.edit-booking .voucherDesc {
  position: relative;
}
.edit-booking .voucherRestore {
  font-size: 20px;
  color: #44525f;
  margin: 0 10px 0 0;
  cursor: pointer;
}
.edit-booking .boatControls {
  position: relative;
  display: flex;
  align-items: center;
}
.edit-booking .boatControls>span {
  margin-left: 5px;
}
.edit-booking .released .boatInfo,
.edit-booking .released .boatControls {
  opacity: 0.3;
}
.edit-booking .payment:not(:last-child) {
  border-bottom: 1px solid #8e949f;
  padding-bottom: 10px;
}
.edit-booking a {
  color: #44525f;
}
.edit-booking .cancellation-container {
  display: flex;
}
.edit-booking .cancellation-option {
  display: flex;
  flex-direction: column;
}
.edit-booking .cancellation-icon {
  width: 14px;
  height: 14px;
  vertical-align: text-top;
  margin-left: 5px;
}
.edit-booking .waiver-control {
  margin-bottom: 32px;
}
.edit-booking .waiver-control h4 {
  color: #44525f;
  margin: 16px 0;
}
.edit-booking .waiver-control .waiver-control-row {
  justify-content: space-between;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.edit-booking .waiver-control .waiver-control-row div {
  display: flex;
  align-items: center;
}
.edit-booking .waiver-control .waiver-signatures-row {
  font-family: WorkSans-Medium;
}
.edit-booking .waiver-control .payment-amount-refund,
.edit-booking .waiver-control color red {
  fonr-size: 11px;
  line-height: 13px;
}
.edit-booking .waiver-control .waiver-signature-row {
  display: flex;
  justify-content: space-between;
}
.edit-booking .waiver-control .waiver-email-button {
  margin-top: 16px;
  margin-bottom: 0px;
}
.edit-booking .waiver-control .waiver-email-input {
  margin: 12px 0;
}
.edit-booking .waiver-control .minor-signature-row {
  margin-left: 20px;
  display: flex;
  justify-content: space-between;
}
.edit-booking .payment-amount-payment {
  color: #008000;
}
.edit-booking .payment-amount-refund {
  color: #e55457;
}
.edit-booking .payment-invalidated div {
  opacity: 0.5;
}
.edit-booking .payment-invalidated div.invalidated-statement {
  opacity: 1;
}
.edit-booking .payment-invalidated div.invalidated-statement h3 {
  font-size: 14px;
  line-height: 16px;
  color: #e55457;
}
.edit-booking .voucher-refund-link {
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 20px;
}
@media (max-width: 1550px) {
  .edit-booking .modal-content {
    width: 90%;
  }
}
@media (max-width: 1380px) {
  .edit-booking .modal-content {
    padding: 80px 25px calc(80px - 37px);
  }
}
@media (min-width: 1200px) and (max-width: 1380px) {
  .edit-booking .modal-content {
    width: 95%;
  }
  .edit-booking .padding-3 {
    padding: 0 15px;
  }
  .edit-booking .padding-2 {
    padding: 0 15px;
  }
}
@media (max-width: 1200px) {
  .edit-booking .modal-content {
    width: 100%;
    margin: 60px 0;
    padding: 45px 0;
  }
}

.cancel-booking.modal.fullscreen {
  background: rgba(255,255,255,0.7);
}
.cancel-booking h2 {
  color: #fff;
  font-size: 16px;
  line-height: 19px;
  font-family: WorkSans-Medium;
  font-weight: normal;
}
.cancel-booking p {
  color: #44525f;
  font-size: 13px;
  line-height: 20px;
  font-family: WorkSans-Regular;
  font-weight: normal;
}
.cancel-booking .bold {
  font-family: WorkSans-Medium;
  font-weight: bold;
}
.cancel-booking .modal-content {
  background-color: #f5f5f5;
  width: 80%;
  max-width: 800px;
  margin: 180px auto;
  padding: 80px 50px;
  left: 0;
  right: 0;
}
.cancel-booking .title-area {
  background-color: #44525f;
  width: 100%;
  height: 37px;
  position: absolute;
  top: 0px;
  left: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.cancel-booking .moveBookingDate {
  position: absolute;
  left: 15px;
  margin-top: 8px;
  font-family: WorkSans-Medium;
  color: #fff;
}
.cancel-booking .close-modal {
  position: absolute;
  top: 11px;
  right: 15px;
  width: 15px;
}
.cancel-booking .panel {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.cancel-booking .durationContainer {
  display: flex;
  justify-content: space-between;
}
.cancel-booking .durationOption {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.cancel-booking .durationStringContainer {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #f1f3f6;
  padding: 0 5px;
}
.cancel-booking .durationString {
  font-family: WorkSans-Medium;
  color: #44525f;
  background-color: transparent;
  height: 28px;
  line-height: 28px;
  text-align: center;
  margin: 7.5px 0;
  border-radius: 100px;
  padding: 0 10px;
  white-space: nowrap;
  cursor: pointer;
  opacity: 1;
  min-width: 28px;
  font-size: 16px;
}
.cancel-booking .durationPrice {
  font-family: WorkSans-Medium;
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  color: #44525f;
  font-variant-numeric: tabular-nums;
  font-size: 1.2rem;
  text-align: center;
  width: 100%;
  white-space: nowrap;
  margin: 8px 0;
}
.cancel-booking .durationCurrency {
  font-family: WorkSans-Medium;
  font-size: 12px;
  font-weight: normal;
  line-height: normal;
  color: #44525f;
  font-variant-numeric: normal;
  margin-bottom: 8px;
  font-size: 1.2rem;
  text-align: center;
  width: 100%;
  color: #959dad;
}
.cancel-booking .durationString:hover {
  color: #ffdf63;
}
.cancel-booking .active {
  background-color: #44525f;
  color: #fff;
}
.cancel-booking .active:hover {
  color: #fff;
}
.cancel-booking .max-width-300 {
  padding-left: 4%;
  padding-right: 0;
  margin-top: 12px;
}
.cancel-booking .max-width-300 .summary .x-padding {
  padding: 10px;
}
.cancel-booking .max-width-300 .panel-default {
  border-radius: 8px;
  background-color: #44525f;
  border: none;
  padding: 0 15px;
}
.cancel-booking .max-width-300 .panel-default p {
  color: #fff;
}
.cancel-booking .cancel-booking-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cancel-booking .explanation-container {
  margin-top: 12px;
}
.cancel-booking .btn-cancel {
  background-color: #e55457;
  color: #fff;
  border-color: #e55457;
}
.cancel-booking .loading {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 37px);
  position: absolute;
  top: 37px;
  left: 0;
  z-index: 100;
  background-color: rgba(255,255,255,0.2);
}
.cancel-booking h5 {
  font-family: WorkSans-Medium;
  font-size: 13px;
  line-height: 15px;
  color: #fff;
}
.cancel-booking label {
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 20px;
  color: #44525f;
  margin-bottom: 0px;
  font-weight: normal;
}
@media (max-width: 1399px) {
  .cancel-booking .modal-content {
    width: 70%;
    max-width: 800px;
  }
}
@media (max-width: 1200px) {
  .cancel-booking .modal-content {
    width: 100%;
    margin: 100px 0;
    padding: 50px 0;
    max-width: 800px;
  }
}

.cancellationpolicy p {
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #44525f;
  -webkit-font-smoothing: subpixel-antialiased;
}
.cancellationpolicy .floatyText {
  display: flex;
  align-items: center;
  height: 34px;
}
.cancellationpolicy .floatyInput {
  margin-bottom: 10px;
}
.cancellationpolicy .narrowTd {
  width: 150px;
}
.cancellationpolicy .narrowTd input {
  max-width: 65px;
}
.cancellationpolicy .mediumTd {
  width: 200px;
}
.cancellationpolicy .mediumTd input {
  max-width: 80px;
}
.cancellationpolicy .wideTd {
  width: 250px;
}
.cancellationpolicy .wideTd input {
  max-width: 120px;
}
.cancellationpolicy .narrowInput {
  max-width: 65px;
}
.cancellationpolicy .mediumInput {
  width: 80px;
}
.cancellationpolicy .largeInput {
  width: 120px;
}
.cancellationpolicy .oneLiner > p,
.cancellationpolicy input {
  display: inline-block;
}
.cancellationpolicy .noMarg {
  margin-bottom: 0;
}
.cancellationpolicy label {
  font-family: WorkSans-Medium;
  font-weight: normal;
  font-size: 12px;
  color: #44525f;
  -webkit-font-smoothing: subpixel-antialiased;
}
.cancellationpolicy .buffer {
  width: 50px;
}
.cancellationpolicy .bufferEnd {
  width: 200px;
}
.cancellationpolicy .table > thead > tr {
  border-bottom: 1px solid #44525f;
}
.cancellationpolicy .table > thead > tr > th {
  border: none;
}
.cancellationpolicy .table > tbody > tr:not(:last-child) {
  border-bottom: 1px solid #44525f;
}
.cancellationpolicy .table > tbody > tr > td {
  border: none;
}
.cancellationpolicy .btn-white {
  background-color: #fff;
  color: #44525f;
}
.cancellationpolicy .btn-red {
  background-color: #e55457;
  color: #fff;
}
.cancellationpolicy .btn-green {
  background-color: #77a846;
  color: #fff;
}
.cancellationpolicy .btn-round {
  height: 30px;
  width: 112px;
  border-radius: 15px;
  border: none;
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 20px;
}
.cancellationpolicy .btn-icon {
  padding-left: 15px;
}
.cancellationpolicy .buttonIcon {
  width: 15px;
  margin-right: 5px;
  margin-top: 3px;
  float: right;
}
.cancellationpolicy .buttonIcon-small {
  width: 12px;
  margin-right: 5px;
  margin-top: 4px;
  float: right;
}
.cancellationpolicy .dimed {
  opacity: 0.5;
}
.cancellationpolicy .status {
  border-style: solid;
  border-width: 1px;
  border-radius: 15px;
  text-align: center;
  height: 25px;
  width: 122px;
  padding-top: 3px !important;
  font-family: WorkSans-Medium;
  text-transform: uppercase;
  margin: 0;
}
.cancellationpolicy .statusArchived {
  border-color: #44525f;
  background-color: #44525f;
  color: #fff;
}
.cancellationpolicy .filterCheckbox:not(:checked) + .filterLabel {
  color: rgba(0,0,0,0.05);
  text-shadow: 0px 1px 3px #fff, 0px 0px 0px rgba(0,0,0,0.3), 0px -1px 3px #fff;
  background-color: rgba(182,187,196,0.15);
  border-color: transparent;
  -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
}

.cancellationpolicy-create.modal.fullscreen {
  background: rgba(255,255,255,0.7);
}
.cancellationpolicy-create .modal-content {
  width: 60%;
}
@media (max-width: 1150px) {
  .cancellationpolicy-create .modal-content {
    width: 80%;
  }
}
.cancellationpolicy-create h2 {
  color: #fff;
  font-size: 16px;
  line-height: 19px;
  font-family: WorkSans-Medium;
  font-weight: normal;
}
.cancellationpolicy-create p {
  color: #44525f;
  font-size: 13px;
  line-height: 20px;
  font-family: WorkSans-Regular;
  font-weight: normal;
}
.cancellationpolicy-create label {
  font-family: WorkSans-Medium;
  font-weight: normal;
  font-size: 13px;
  color: #44525f;
  line-height: none;
  -webkit-font-smoothing: subpixel-antialiased;
}
.cancellationpolicy-create .sublabel {
  font-family: WorkSans-Regular;
  font-size: 12px;
}
.cancellationpolicy-create input {
  line-height: auto;
}
.cancellationpolicy-create .col-md-6 {
  margin: 0;
}
.cancellationpolicy-create .btn-round {
  height: 30px;
  min-width: 112px;
  border-radius: 15px;
  border: none;
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 20px;
}
.cancellationpolicy-create .btn-green {
  background-color: #77a846;
  color: #fff;
}
.cancellationpolicy-create .sub-category {
  margin-left: 30px;
}
.cancellationpolicy-create .align-right {
  margin-right: 11%;
}
.cancellationpolicy-create .styledSelect {
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 15px;
  color: #44525f;
  border: 1px solid #8e949f;
  background-color: rgba(182,187,196,0.15);
  height: 34px;
}
.cancellationpolicy-create .styledInput {
  width: 100%;
  background-color: rgba(182,187,196,0.15);
  border: 1px solid #8e949f;
  border-radius: 4px;
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #44525f;
  -webkit-appearance: none;
}
.cancellationpolicy-create .styledInput::-webkit-input-placeholder {
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #8e949f;
  -webkit-appearance: none;
}
.cancellationpolicy-create .styledInput:focus {
  box-shadow: none;
}
.cancellationpolicy-create .add-sub-maxUsage {
  padding: 0 20px;
  font-size: 30px;
  margin: 0;
  vertical-align: middle;
}
.cancellationpolicy-create .add-sub-maxUsage:focus {
  outline: none;
}
.cancellationpolicy-create .modal-content {
  padding: 80px 50px;
  background-color: #f5f5f5;
}
.cancellationpolicy-create .modal-content select {
  margin-bottom: 0;
}
.cancellationpolicy-create .modal-content .form-control {
  width: 50%;
  line-height: initial;
}
.cancellationpolicy-create .modal-content .space {
  position: initial;
  margin: 20px 0 20px 0;
  height: auto;
  clear: both;
}
.cancellationpolicy-create .modal-content textarea {
  resize: vertical;
}
.cancellationpolicy-create .title-area {
  background-color: #44525f;
  width: 100%;
  height: 37px;
  position: absolute;
  top: 0px;
  left: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.cancellationpolicy-create .title-area p {
  font-family: WorkSans-Medium;
  font-size: 13px;
  line-height: 15px;
  color: #fff;
  margin: 10px 0;
}
.cancellationpolicy-create .close-modal {
  position: absolute;
  top: 11px;
  right: 15px;
  width: 15px;
}
.cancellationpolicy-create .hide {
  display: none;
}
.cancellationpolicy-create .panel {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  padding: 20px;
}
.cancellationpolicy-create .panel .dotted-border {
  border-style: dotted;
  border-width: 0 0 4px 0;
  border-color: #44525f;
  border-image-source: url("../../assets/dottedBorder.svg");
  border-image-slice: 33% 30%;
  border-image-repeat: round;
}
.cancellationpolicy-create .voucherpage {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0 auto;
  background: #f5f5f5;
}
.cancellationpolicy-create .voucherpage h4 {
  font-family: GearedSlab-Bold;
  color: #44525f;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  -webkit-font-smoothing: subpixel-antialiased;
}
.cancellationpolicy-create .voucherpage .panel {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  padding: 20px;
}
.cancellationpolicy-create .voucherpage .panel .dotted-border {
  border-style: dotted;
  border-width: 0 0 4px 0;
  border-color: #44525f;
  border-image-source: url("../../assets/dottedBorder.svg");
  border-image-slice: 33% 30%;
  border-image-repeat: round;
}
.cancellationpolicy-create .voucherpage .panel h4 {
  opacity: 1;
}
.cancellationpolicy-create .voucherpage .max-width-300 {
  padding-left: 4%;
  padding-right: 0;
}
.cancellationpolicy-create .voucherpage .max-width-300 .summary .x-padding {
  padding: 10px;
}
.cancellationpolicy-create .voucherpage .max-width-300 .panel-default {
  border-radius: 8px;
  background-color: #44525f;
  border: none;
  padding: 0 15px;
}
.cancellationpolicy-create .voucherpage .max-width-300 .panel-default p {
  color: #fff;
}
.cancellationpolicy-create .voucherpage .max-width-300 .panel-default .bold {
  font-family: WorkSans-Medium;
  font-weight: bold;
}
.cancellationpolicy-create .voucherpage .max-width-300 .panel-default .bookingDate {
  font-family: GearedSlab-Bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0px;
}
.cancellationpolicy-create .voucherpage .max-width-300 .panel-default .bookingTime {
  font-family: GearedSlab-Bold;
  color: #ffdf63;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1px;
  margin: 0px;
}
.cancellationpolicy-create .custom-width {
  width: 43.5%;
}
@media (max-width: 1399px) {
  .cancellationpolicy-create .voucherpage .modal-content width 50% {
    margin: 0px;
  }
}
.cancellationpolicy-create .bodyText {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  min-height: 52px;
  padding: 5px 10px;
}
.cancellationpolicy-create .removeTranslation {
  color: #44525f;
  vertical-align: middle;
  margin-right: 0;
}

.captainsClub .paymentCard {
  margin-top: 0;
}
@media (min-width: 768px) {
  .captainsClub .card {
    display: inline-block;
    max-width: 35%;
    max-height: 250px;
    -webkit-filter: drop-shadow(15px 15px 10px rgba(0,0,0,0.5));
  }
  .captainsClub .card-mobile,
  .captainsClub .card-container {
    display: none;
  }
}
@media (max-width: 767px) {
  .captainsClub .card {
    display: none;
  }
  .captainsClub .card-container {
    display: flex;
    justify-content: center;
    height: 150px;
    margin: 20px 0 15px 0;
  }
  .captainsClub .card-mobile {
    display: flex;
    max-height: 100%;
    -webkit-filter: drop-shadow(0 5px 10px rgba(0,0,0,0.5));
  }
  .captainsClub .termsRowTop {
    bottom: 88px !important;
  }
  .captainsClub .mobilePadding {
    padding-bottom: 100px;
  }
  .captainsClub .paymentButton-learnMore {
    padding-top: 13px !important;
  }
}

.customer {
  background-color: #f5f5f5;
}
.customer p {
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #44525f;
  -webkit-font-smoothing: subpixel-antialiased;
}
.customer label {
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #44525f;
  -webkit-font-smoothing: subpixel-antialiased;
}
.customer .form-control {
  width: auto;
}
.customer .table > thead > tr {
  border-bottom: 1px solid #44525f;
}
.customer .table > thead > tr > th {
  border: none;
}
.customer .table > tbody > tr > td {
  border: none;
}

.md-nav-bar {
  z-index: 101;
  background-color: #44525f !important;
  height: 64px;
  display: flex;
  align-items: center;
}
.md-nav-bar md-nav-ink-bar {
  background-color: transparent !important;
}
nav {
  width: 100%;
}
._md-nav-bar-list {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._md-nav-bar-list li a {
  font-family: 'Faro-Variable', WorkSans-Medium;
  font-size: 16px;
  font-weight: 700;
  line-height: unset;
  text-transform: none;
  padding: 0 !important;
  margin: 0 !important;
}
._md-nav-bar-list button {
  color: #fff;
}
._md-nav-bar-list button.logout {
  border: none;
  background-color: transparent;
  font-size: 14px;
  font-family: 'Faro-Variable', WorkSans-Medium;
  font-weight: 700;
  padding-top: 13px;
  padding-right: 0;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 8px;
}
._md-nav-bar-list button.logout i {
  margin: 0;
}
._md-nav-bar-list .date {
  font-size: 14px;
  font-family: 'Faro-Variable', WorkSans-Medium;
  font-weight: 700;
  color: #fff;
  margin: 0;
  -webkit-font-smoothing: unset;
  display: none;
}
._md-nav-bar-list .adminEmail {
  font-size: 14px;
  font-family: 'Faro-Variable', WorkSans-Medium;
  font-weight: 700;
  color: #fff;
  margin: 0;
  -webkit-font-smoothing: unset;
  display: none;
}
._md-nav-bar-list .shopName {
  font-size: 14px;
  font-family: 'Faro-Variable', WorkSans-Medium;
  font-weight: 700;
  color: #fff;
  margin: 0;
  -webkit-font-smoothing: unset;
}
._md-nav-bar-list .shopSelect {
  font-size: 14px;
  font-family: 'Faro-Variable', WorkSans-Medium;
  font-weight: 700;
  padding: 6px;
  background-color: #ebeced;
  border: 1px solid #8e949f;
  border-radius: 4px;
  color: #44525f;
}
._md-nav-bar-list .shopSelect:focus {
  outline: none;
}
._md-nav-bar-list .md-nav-item {
  margin: 0;
  padding: 0;
}
.md-button._md-nav-button {
  padding: 12px 10px;
  min-width: 0;
  min-height: 0;
  line-height: unset;
}
.md-button._md-nav-button.md-unselected {
  color: #fff !important;
}
.md-button.md-accent {
  color: #fff;
}
.nav-menu {
  padding: 0;
  display: inline-block;
}
.md-button.md-icon-button.nav-menu-button {
  position: initial;
  font-family: 'Faro-Variable', WorkSans-Medium;
  font-size: 16px;
  font-weight: 700;
  line-height: unset;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border-radius: 0;
  text-transform: none;
  min-height: 24px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.nav-menu-button-icon {
  margin: 0;
}
.nav-menu-list {
  padding: 0;
  background-color: #44525f;
  max-height: none;
}
.nav-menu-list-item .md-button {
  color: #fff;
  font-family: 'Faro-Variable', WorkSans-Medium;
  font-size: 14px;
  line-height: 24px;
  text-transform: capitalize;
}
.nav-menu-list-item .md-button:hover {
  background-color: transparent;
  color: #ffdf63;
}
.nav-menu-list-item .md-button.md-focused {
  background-color: transparent;
}
.container .user-controls .user-control-btn {
  margin-top: 20px;
  margin-right: 3px;
}
.container .user-table div {
  background: #fff;
  border: 1px solid #d5d5d5;
}
.container table th {
  text-align: left;
}
.container .btn-medium {
  width: 150px;
}
.dashboard .btn-round {
  height: 30px;
  padding: 0 20px;
  border-radius: 15px;
  border: none;
  font-family: WorkSans-Medium;
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  margin: 0;
  width: fit-content;
}
@media (min-width: 600px) {
  ._md-nav-bar-list {
    padding: 0 50px;
  }
}
@media (min-width: 1200px) {
  ._md-nav-bar-list li a {
    font-size: 18px;
  }
  .md-button.md-icon-button.nav-menu-button {
    font-size: 18px;
  }
  .nav-menu-list-item .md-button {
    font-size: 16px;
  }
}
@media (min-width: 1400px) {
  ._md-nav-bar-list .date {
    display: block;
  }
}
@media (min-width: 1500px) {
  ._md-nav-bar-list .adminEmail {
    display: block;
  }
}

.dock .stdText {
  font-size: 13px;
  color: #44525f;
}
.dock label {
  font-family: WorkSans-Medium;
  font-weight: normal;
  font-size: 12px;
  color: #44525f;
}
.dock .switchboard button:not(:last-child) {
  margin-right: 15px;
}
.dock .btn {
  height: 33px;
  width: 140px;
  border-radius: 4px;
  border: 2px solid #44525f;
  font-family: WorkSans-SemiBold;
  font-size: 13px;
  line-height: 15px;
}
.dock .btn:focus {
  outline: none;
}
.dock .btn.fullWidth {
  width: 100%;
}
.dock .btn-primary {
  background-color: #44525f;
  color: #fff;
}
.dock .btn-default {
  background-color: #fff;
  color: #44525f;
}
.dock .btn-default:hover {
  background-color: #fff;
  color: #44525f;
  border: 2px solid #44525f;
}
.dock .btn-default:focus {
  background-color: #fff;
  color: #44525f;
  border: 2px solid #44525f;
}
.dock .btn-default:active {
  background-color: #fff;
  color: #44525f;
  border: 2px solid #44525f;
}
.dock .btn-default:active:focus {
  background-color: #fff;
  color: #44525f;
  border: 2px solid #44525f;
}
.dock .btn-checkIn {
  background-color: #77a846;
  color: #fff;
  border-color: #77a846;
}
.dock .btn-sail {
  background-color: #ffdf63;
  color: #fff;
  border-color: #ffdf63;
}
.dock .btn-cancel {
  background-color: #e55457;
  color: #fff;
  border-color: #e55457;
}
.dock .btn-round {
  height: 30px;
  width: 112px;
  border-radius: 15px;
  border: none;
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 20px;
}
.dock .btn-standard {
  background-color: #fff;
  color: #44525f;
}
.dock .btn-save {
  background-color: #77a846;
  color: #fff;
}
.dock .btn-shadow {
  background-color: #fff;
  border: none;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  color: #44525f;
  font-family: WorkSans-Medium;
}
.dock .btn-shadow:hover {
  background-color: #ffdf63;
}
.dock .btn-shadow.active {
  background-color: #ffdf63;
}
.dock .btn-shadow.active:focus {
  outline: none;
}
.dock .btn-shadow.disabled {
  background-color: transparent;
  border: 2px solid #8e949f;
  color: #8e949f;
  box-shadow: none;
}
.dock .btn-shadow.disabled:focus {
  outline: none;
}
.dock .bootstrap-switch {
  font-family: WorkSans-Medium;
  border: 1px solid #8e949f !important;
  width: 152px !important;
  border-radius: 15px;
}
.dock .bootstrap-switch-container {
  border: none !important;
  width: 270px !important;
}
.dock .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
  font-size: 13px;
  color: #44525f;
  background-color: #ffdf63;
  padding-left: 20px;
}
.dock .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
  font-size: 13px;
  color: rgba(0,0,0,0.35);
  text-shadow: 0px 1px 3px #fff, 0px 0px 0px rgba(0,0,0,0.3), 0px -1px 3px #fff;
  background-color: #d8d8d8;
  border-color: transparent;
  padding-right: 20px;
}
.dock .bootstrap-switch-label {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  background: #d8d8d8;
  background-image: url("../../assets/bs-switch-dot.svg");
  background-repeat: no-repeat;
}
.dock .angular-google-map-container {
  height: 600px;
  width: 100%;
}
.dock .table > thead > tr {
  border-bottom: 1px solid #44525f;
}
.dock .table > thead > tr > th {
  border: none;
}
.dock .table > tbody > tr > td {
  border: none;
}
.dock a.th-link-sort {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.dock .greenBullet {
  color: #77a846;
  font-size: 25px;
  line-height: 18px;
  vertical-align: top;
}
.dock .yellowBullet {
  color: #ffdf63;
  font-size: 25px;
  line-height: 18px;
  vertical-align: top;
}
.dock .redBullet {
  color: #e55457;
  font-size: 25px;
  line-height: 18px;
  vertical-align: top;
}

.loading-giftcard {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 37px);
  position: absolute;
  top: 37px;
  left: 0;
  z-index: 100;
  background-color: rgba(255,255,255,0.2);
}

.giftcards .status {
  font-size: 13px;
}
.giftcards .valid {
  border-color: #77a846;
  background-color: #77a846;
  color: #fff;
}
.giftcards .invalid {
  border-color: #e55457;
  background-color: #e55457;
  color: #fff;
}
.giftcards .transparent {
  background: transparent;
}

.item.modal.fullscreen {
  background: rgba(255,255,255,0.7);
}
.item .modal-content {
  background-color: #f5f5f5;
  width: 800px;
  margin: 100px auto;
  padding: 0;
  left: 0;
  right: 0;
}
.item .title-area {
  background-color: #44525f;
  width: 100%;
  height: 37px;
  position: absolute;
  top: 0px;
  left: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.item .container {
  padding: 0;
}
.item .container .itemPicContainer {
  height: 600px;
  display: flex;
  justify-content: center;
  overflow: hidden;
  object-fit: cover;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #fff;
}
.item .container .itemPicContainer .itemPic {
  height: 100%;
  width: auto;
  object-fit: cover;
}
.item .container .white {
  background-color: #fff;
}
.item .container .itemNum {
  font-family: WorkSans-Medium;
  font-size: 16px;
  font-weight: normal;
  color: #44525f;
  padding: 0px;
}
.item .container .itemNum::selection {
  background-color: transparent;
}
.item .container .itemButton {
  font-size: 20px;
  color: #44525f;
  cursor: pointer;
  padding: 0 15%;
}
.item .container .itemButton:focus {
  outline: none;
}
.item .container .itemButton::selection {
  background-color: transparent;
}
.item .container .grayBorderBottom {
  border-bottom: 1px solid rgba(0,0,0,0.05);
  height: 36px;
  padding: 6px 0;
}
.item .container .big-counter {
  padding: 0 30%;
  justify-content: center;
  align-items: center;
  display: flex;
}
.item .container h4 {
  font-size: 16px;
  margin: 0;
  padding: 10px 0;
  text-align: center;
  background-color: #fff;
}
.item .container p {
  word-wrap: break-word;
  hyphens: auto;
  font-size: 13px;
  margin: 0;
  padding: 6px 100px;
  text-align: center;
}
.item .container .value {
  font-family: WorkSans-Medium;
  font-weight: bold;
  margin: 8px 0px;
  text-align: center;
}
.item .container .addItem {
  background-color: #44525f;
  color: #fff;
  border: none;
  font-family: WorkSans-Medium;
  font-weight: bold;
  font-size: 13px;
  line-height: 30px;
  width: 100%;
  border-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.item .container .addItem:focus {
  outline: none;
}
.item .close-modal {
  position: absolute;
  top: 11px;
  right: 15px;
  width: 15px;
  filter: drop-shadow(0 0 1px #000);
}
.item .panel {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.item .styledInput {
  width: 100%;
  background-color: rgba(182,187,196,0.15);
  border: 1px solid #8e949f;
  border-radius: 4px;
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #44525f;
  -webkit-appearance: none;
}
.item .styledInput::-webkit-input-placeholder {
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #8e949f;
  -webkit-appearance: none;
}
.item .styledInput:focus {
  box-shadow: none;
}
.item textarea.styledInput {
  width: 100% !important;
}
.item max-width 100% !important {
  min-width: 100% !important;
}
.item .btn-white {
  background-color: #fff;
  color: #44525f;
}
.item .btn-red {
  background-color: #e55457;
  color: #fff;
}
.item .btn-green {
  background-color: #77a846;
  color: #fff;
}
.item .btn-round {
  height: 30px;
  width: 112px;
  border-radius: 15px;
  border: none;
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 20px;
}
.item h5 {
  font-family: WorkSans-Medium;
  font-size: 13px;
  line-height: 15px;
  color: #fff;
}
.item label {
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 20px;
  color: #44525f;
  margin-bottom: 0px;
  font-weight: normal;
}
@media (max-width: 767px) {
  .item .modal-content {
    width: 80%;
  }
  .item .modal-content .container .itemPicContainer {
    height: 250px;
  }
  .item .modal-content .container p {
    padding: 6px 20px;
  }
}

.item-add.modal.fullscreen {
  background: rgba(255,255,255,0.7);
}
.item-add {
  background-color: #f5f5f5;
  margin: 0 auto !important;
}
.item-add .title-area {
  background-color: #44525f;
  width: 100%;
  height: 37px;
  position: absolute;
  top: 0px;
  left: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.item-add .title-area p {
  font-family: WorkSans-Medium;
  font-size: 13px;
  line-height: 15px;
  color: #fff;
  margin: 10px 0;
}
.item-add .title-area .close-modal {
  position: absolute;
  top: 11px;
  right: 15px;
  width: 15px;
}
.item-add .header {
  background-color: #44525f;
  padding: 20px 10%;
  margin-bottom: 15px;
}
.item-add .header svg {
  width: 170px;
}
.item-add .header svg path {
  fill: #fff;
}
.item-add .btn {
  height: 33px;
  width: 140px;
  border-radius: 4px;
  border: 2px solid #44525f;
  font-family: WorkSans-SemiBold;
  font-size: 13px;
  line-height: 15px;
}
.item-add .btn:focus {
  outline: none;
}
.item-add .btn.fullWidth {
  width: 100%;
}
.item-add .btn-primary {
  background-color: #44525f;
  color: #fff;
}
.item-add .btn-default {
  background-color: #fff;
  color: #44525f;
}
.item-add .btn-default:hover {
  background-color: #44525f;
  color: #44525f;
  border: 2px solid #fff;
}
.item-add .btn-default:focus {
  background-color: #fff;
  color: #44525f;
  border: 2px solid #44525f;
}
.item-add .btn-default:active {
  background-color: #fff;
  color: #44525f;
  border: 2px solid #44525f;
}
.item-add .btn-default:active:focus {
  background-color: #fff;
  color: #44525f;
  border: 2px solid #44525f;
}
.item-add .btn-checkIn {
  background-color: #77a846;
  color: #fff;
  border-color: #77a846;
}
.item-add .btn-sail {
  background-color: #ffdf63;
  color: #fff;
  border-color: #ffdf63;
}
.item-add .btn-cancel {
  background-color: #e55457;
  color: #fff;
  border-color: #e55457;
}
.item-add .btn-round {
  height: 30px;
  width: 112px;
  border-radius: 15px;
  border: none;
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 20px;
}
.item-add .btn-standard {
  background-color: #fff;
  color: #44525f;
}
.item-add .btn-save {
  background-color: #77a846;
  color: #fff;
}
.item-add .btn-shadow {
  background-color: #fff;
  border: none;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  color: #44525f;
  font-family: WorkSans-Medium;
}
.item-add .btn-shadow:hover {
  background-color: #ffdf63;
}
.item-add .btn-shadow.active {
  background-color: #ffdf63;
}
.item-add .btn-shadow.active:focus {
  outline: none;
}
.item-add .btn-icon {
  padding-left: 15px;
}
.item-add .buttonIcon {
  width: 15px;
  margin-right: 5px;
  margin-top: 3px;
  float: right;
}
.item-add .buttonIcon-small {
  width: 12px;
  margin-right: 5px;
  margin-top: 4px;
  float: right;
}
.item-add .modal-content {
  padding: 55px 20px 10px;
  width: 90%;
}
.item-add .modal-content h2 {
  font-family: GearedSlab-Bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1.11px;
  color: #ffdf63;
  text-transform: uppercase;
  margin: 0;
}
.item-add .modal-content h3 {
  font-family: WorkSans-Medium;
  font-size: 16px;
  line-height: 19px;
  color: #44525f;
}
.item-add .modal-content h4 {
  font-family: WorkSans-Medium;
  font-size: 13px;
  line-height: 15px;
  color: #fff;
}
.item-add .modal-content label {
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 20px;
  color: #44525f;
  margin-bottom: 0px;
  font-weight: normal;
}
.item-add .modal-content .fontSemiBold {
  font-family: WorkSans-SemiBold;
}
.item-add .modal-content .fontBlue {
  color: #44525f;
}
.item-add .modal-content .fontGray {
  color: #8e949f;
}
.item-add .modal-content .fontWhite {
  color: #fff;
}
.item-add .modal-content .error {
  color: #e55457;
}
.item-add .modal-content .success {
  color: #77a846;
}
.item-add .modal-content .booking-info h3 {
  color: #fff;
}
.item-add .modal-content .booking-info label {
  color: #fff;
}
.item-add .modal-content .booking-info {
  background-color: #44525f;
  border-radius: 8px 8px 0 0;
  padding: 15px;
  box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  margin-bottom: 0;
}
.item-add .modal-content .booking-info .editInput {
  font-family: GearedSlab-Regular;
  color: #ffb500;
  background: transparent;
  text-align: center;
  border: 1px solid;
  border-radius: 4px;
  padding: 5px 0px 1px;
  letter-spacing: 1.11px;
}
.item-add .modal-content .category {
  padding: 0px;
  text-align: center;
}
.item-add .modal-content .categoryItem {
  display: inline-block;
  height: 33px;
  background-color: #fff;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  color: #44525f;
  border-radius: 4px;
  padding: 9px 12px;
  margin-right: 15px;
  margin-bottom: 15px;
  text-align: center;
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 15px;
  cursor: pointer;
}
.item-add .modal-content .categoryItem:focus {
  outline: none;
}
.item-add .modal-content .categoryItem:hover {
  font-family: WorkSans-Medium;
  background-color: #ffdf63;
}
.item-add .modal-content .selected {
  font-family: WorkSans-Medium;
  background-color: #ffdf63;
}
.item-add .modal-content .item {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  margin-bottom: 30px;
}
.item-add .modal-content .item p {
  color: #44525f;
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
}
.item-add .modal-content .item .value {
  font-family: WorkSans-Medium;
  font-weight: bold;
  margin: 8px 0px;
}
.item-add .modal-content .item .itemPicContainer {
  display: flex;
  justify-content: center;
  height: 200px;
  object-fit: cover;
  overflow: hidden;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  transition: all 0.3s;
}
.item-add .modal-content .item .itemPicContainer:hover {
  box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
  cursor: pointer;
}
.item-add .modal-content .item .itemPicContainer:focus {
  outline: 0;
}
.item-add .modal-content .item .itemPic {
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
  margin: 0 auto;
}
.item-add .modal-content .item .itemPic:focus {
  outline: 0;
}
.item-add .modal-content .item .lightBlue {
  background-color: #f1f3f6;
}
.item-add .modal-content .item .itemNum {
  font-family: WorkSans-Medium;
  font-size: 16px;
  font-weight: normal;
  color: #44525f;
  padding: 0px;
}
.item-add .modal-content .item .itemNum::selection {
  background-color: transparent;
}
.item-add .modal-content .item .itemButton {
  font-size: 20px;
  color: #44525f;
  cursor: pointer;
  padding: 0 15%;
}
.item-add .modal-content .item .itemButton:focus {
  outline: none;
}
.item-add .modal-content .item .itemButton::selection {
  background-color: transparent;
}
.item-add .modal-content .item .grayBorderBottom {
  border-bottom: 1px solid rgba(0,0,0,0.05);
  height: 36px;
  padding: 6px 0;
}
.item-add .modal-content .item .lineHeight100 {
  line-height: 100%;
}
.item-add .modal-content .item .addItem {
  background-color: #44525f;
  color: #fff;
  border: none;
  font-family: WorkSans-Medium;
  font-weight: bold;
  font-size: 13px;
  line-height: 30px;
  width: 100%;
  border-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.item-add .modal-content .item .addItem:focus {
  outline: none;
}
.item-add .itemContainer {
  min-height: 0px;
  width: calc(100 / 3%);
  padding-left: 7.5px;
  padding-right: 7.5px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 1200px) {
  .item-add .modal-content {
    width: 100%;
    margin: 100px 0;
    padding: 50px 0;
  }
}

.item-create.modal.fullscreen {
  background: rgba(255,255,255,0.7);
}
.item-create .modal-content {
  background-color: #f5f5f5;
  width: 60%;
  margin: 100px auto;
  padding: 80px 50px;
  left: 0;
  right: 0;
}
.item-create .title-area {
  background-color: #44525f;
  width: 100%;
  height: 37px;
  position: absolute;
  top: 0px;
  left: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.item-create .close-modal {
  position: absolute;
  top: 11px;
  right: 15px;
  width: 15px;
}
.item-create .panel {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.item-create .styledInput {
  width: 100%;
  background-color: rgba(182,187,196,0.15);
  border: 1px solid #8e949f;
  border-radius: 4px;
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #44525f;
  -webkit-appearance: none;
}
.item-create .styledInput::-webkit-input-placeholder {
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #8e949f;
  -webkit-appearance: none;
}
.item-create .styledInput:focus {
  box-shadow: none;
}
.item-create .styledInput:disabled {
  opacity: 0.5;
}
.item-create textarea.styledInput {
  width: 100% !important;
}
.item-create max-width 100% !important {
  min-width: 100% !important;
}
.item-create .styledInput.ng-dirty.ng-invalid {
  border-color: #e55457;
}
.item-create .styledInput.ng-not-empty.ng-invalid {
  border-color: #e55457;
}
md-select {
  background-color: rgba(182,187,196,0.15);
  border: 1px solid #8e949f;
  border-radius: 4px;
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #44525f;
  padding: 0 12px;
}
.md-select-value {
  border: none;
}
md-select:not([disabled]):focus .md-select-value {
  border: none;
  color: #44525f;
}
md-select-menu md-content md-option[selected] {
  color: #44525f;
}
md-select-menu md-content md-option {
  color: #44525f;
}
md-select-menu md-content md-option[selected]:focus {
  color: #44525f;
}
.md-checkbox-enabled[selected] .md-icon {
  background-color: #0175fe;
}
.loading-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(255,255,255,0.2);
}
.item-create .btn-white {
  background-color: #fff;
  color: #44525f;
}
.item-create .btn-red {
  background-color: #e55457;
  color: #fff;
}
.item-create .btn-green {
  background-color: #77a846;
  color: #fff;
}
.item-create .btn-round {
  height: 30px;
  width: 112px;
  border-radius: 15px;
  border: none;
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 20px;
}
.item-create h5 {
  font-family: WorkSans-Medium;
  font-size: 13px;
  line-height: 15px;
  color: #fff;
}
.item-create label {
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 20px;
  color: #44525f;
  margin-bottom: 0px;
  font-weight: normal;
}
@media (max-width: 1399px) {
  .item-create .modal-content {
    width: 70%;
  }
}

.items p {
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #44525f;
  -webkit-font-smoothing: subpixel-antialiased;
}
.items label {
  font-family: WorkSans-Medium;
  font-weight: normal;
  font-size: 12px;
  color: #44525f;
  -webkit-font-smoothing: subpixel-antialiased;
}
.items .table > thead > tr {
  border-bottom: 1px solid #44525f;
}
.items .table > thead > tr > th {
  border: none;
}
.items .table > tbody > tr > td {
  border: none;
}
.items .btn-white {
  background-color: #fff;
  color: #44525f;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
}
.items .btn-green {
  background-color: #77a846;
  color: #fff;
}
.items .btn-red {
  background-color: #e55457;
  color: #fff;
}
.items .btn-orange {
  background-color: #f39d2d;
  color: #000;
}
.items .btn-round {
  height: 30px;
  padding: 0 20px;
  border-radius: 15px;
  border: none;
  font-family: WorkSans-Medium;
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  margin: 0 2px;
  width: fit-content;
}
.items .btn-icon {
  padding-left: 15px;
}
.items .buttonIcon {
  width: 15px;
  margin-right: 5px;
  margin-top: 3px;
  float: right;
}
.items .buttonIcon-small {
  width: 12px;
  margin-right: 5px;
  margin-top: 4px;
  float: right;
}
.items .loading-container {
  width: 100%;
  display: flex;
  justify-content: center;
}
.items .filterCheckbox:not(:checked) + .filterLabel {
  color: rgba(0,0,0,0.05);
  text-shadow: 0px 1px 3px #fff, 0px 0px 0px rgba(0,0,0,0.3), 0px -1px 3px #fff;
  background-color: rgba(182,187,196,0.15);
  border-color: transparent;
  -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
}
.items .status {
  border-style: solid;
  border-width: 1px;
  border-radius: 15px;
  text-align: center;
  height: 25px;
  width: 122px;
  padding-top: 3px !important;
  font-family: WorkSans-Medium;
  text-transform: uppercase;
  margin: 0;
}

.calendar table {
  width: 100%;
}
.calendar thead {
  background-color: #f1f3f6;
}
.calendar thead tr {
  border: none;
  text-align: center;
}
.calendar thead tr td {
  padding: 8px 0px;
  font-size: 13px;
  line-height: 15px;
  font-family: WorkSans-Regular;
}
.calendar tbody {
  border: none;
  border-collapse: separate;
}
.calendar tbody tr {
  height: 39px;
  border-bottom: 1px solid #f5f5f5;
}
.calendar tbody tr td {
  padding: 7px;
  font-size: 16px;
  line-height: 19px;
  font-family: WorkSans-Regular;
  position: relative;
}
.calendar tbody tr td:hover {
  font-family: WorkSans-Medium;
  color: #ffdf63;
}
@media (max-width: 767px) {
  .calendar tbody tr td:hover {
    font-family: WorkSans-Medium;
    color: #fff;
  }
}
.calendar tbody tr td:focus {
  outline: none;
}
.calendar tbody tr .closed {
  color: #8e949f;
}
.calendar tbody tr .closed:hover {
  font-family: WorkSans-Regular;
  color: #8e949f;
  cursor: default;
}
.calendar tbody tr .statusDot {
  width: 5px;
  height: 5px;
  border-radius: 3px;
  margin: 0 auto;
  position: absolute;
  left: calc(50% - (5px / 2));
}
.calendar tbody tr .yellow {
  background: #ffdf63;
}
.calendar tbody tr .green {
  background: #81cf00;
}
.calendar tbody tr .red {
  background: #e55457;
}
.calendar .active {
  font-family: WorkSans-Medium;
  color: #fff;
  background-color: #44525f;
}
.calendar .active.closed {
  font-family: WorkSans-Regular;
  color: #8e949f;
  background-color: transparent;
}
.calendar ul {
  max-width: 325px;
  position: relative;
  list-style-type: none;
  float: left;
  height: 320px;
  overflow: hidden;
  margin: 0px;
  padding: 0 3px;
  width: 100%;
}
.calendar ul li {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  color: #44525f;
  float: left;
  width: 100%;
  height: 310px !important;
  margin-bottom: 15px;
}
.calendar ul li h2 {
  color: #44525f;
  text-align: center;
  line-height: 44px;
  margin: 0px;
}
.calendar ul #next {
  position: absolute;
  z-index: 1000;
  right: 20px;
  top: 12px;
  margin: 0px;
}
.calendar ul #next:focus {
  outline: none;
}
.calendar ul #previous {
  position: absolute;
  left: 20px;
  top: 12px;
  margin: 0px;
}
.calendar ul #previous:focus {
  outline: none;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #44525f;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@-moz-keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@-o-keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@-moz-keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@-webkit-keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@-o-keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@-moz-keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
@-webkit-keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
@-o-keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

.float-right {
  float: right;
}
.x-margin-top-5 {
  margin-top: 5%;
}
.x-padding-30 {
  margin: 30px;
}
.line-height-100 {
  line-height: 100%;
}
h1 {
  font-family: GearedSlab-Bold;
  color: #44525f;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: 1.33px;
  text-transform: uppercase;
  -webkit-font-smoothing: subpixel-antialiased;
}
p {
  font-family: WorkSans-Regular;
  font-weight: normal;
  -webkit-font-smoothing: subpixel-antialiased;
}
input.styledInput {
  background-color: rgba(182,187,196,0.15);
  border: 1px solid #8e949f;
  border-radius: 4px;
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #44525f;
  -webkit-appearance: none;
}
input.styledInput::-webkit-input-placeholder {
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #8e949f;
  -webkit-appearance: none;
}
input.styledInput:focus {
  box-shadow: none;
  border: 1px solid #44525f;
}
.error {
  color: #e55457 !important;
}
.btn-default {
  color: #fff;
  background-color: #44525f;
  border: none;
  border-radius: 4px;
  font-family: WorkSans-Medium;
  font-weight: bold;
  font-size: 14px;
  height: 38px;
  width: 160px;
}
.btn-default:hover {
  color: #fff;
  background-color: #44525f;
  border: none;
  outline: none;
}
.btn-default:focus {
  color: #fff;
  background-color: #44525f;
  border: none;
  outline: none;
}
.btn-default:active {
  color: #fff;
  background-color: #44525f;
  border: none;
}
.btn-default:active:focus {
  color: #fff;
  background-color: #44525f;
  border-color: transparent;
  box-shadow: none;
  outline: none;
}
.btn-default[disabled]:hover {
  color: #fff;
  background-color: #44525f;
  border: none;
  outline: none;
}
.loginPage.box {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
}
.loginPage label {
  margin: 0;
  font-family: WorkSans-Medium;
  font-size: 13px;
  color: #44525f;
  font-weight: normal;
  line-height: 15px !important;
  -webkit-font-smoothing: subpixel-antialiased;
}
.loginPage input.styledInput {
  width: 100%;
}
.loginPage .foggot {
  margin-right: 10px;
  padding-top: 12px;
  color: #44525f;
}
.loginPage .error {
  color: #e55457 !important;
}
@media (max-width: 991px) {
  .passwordInput {
    float: none;
  }
}

.mass-text-message.modal.fullscreen {
  background: rgba(255,255,255,0.7);
}
.mass-text-message .modal-content {
  max-width: 800px;
}
.mass-text-message h2 {
  color: #fff;
  font-size: 16px;
  line-height: 19px;
  font-family: WorkSans-Medium;
  font-weight: normal;
}
.mass-text-message p {
  color: #44525f;
  font-size: 13px;
  line-height: 20px;
  font-family: WorkSans-Regular;
  font-weight: normal;
}
.mass-text-message .bold {
  font-family: WorkSans-Medium;
  font-weight: bold;
}
.mass-text-message .modal-content {
  background-color: #f5f5f5;
  width: 80%;
  margin: 180px auto;
  padding: 80px 50px;
  left: 0;
  right: 0;
}
.mass-text-message .title-area {
  background-color: #44525f;
  width: 100%;
  height: 37px;
  position: absolute;
  top: 0px;
  left: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.mass-text-message .close-modal {
  position: absolute;
  top: 11px;
  right: 15px;
  width: 15px;
}
.mass-text-message .message {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  min-height: 100px;
  padding: 5px 10px;
}
.mass-text-message .styledInput {
  width: 100%;
  background-color: rgba(182,187,196,0.15);
  border: 1px solid #8e949f;
  border-radius: 4px;
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #44525f;
  -webkit-appearance: none;
}
.mass-text-message .styledInput::-webkit-input-placeholder {
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #8e949f;
  -webkit-appearance: none;
}
.mass-text-message .styledInput:focus {
  box-shadow: none;
}
.mass-text-message .loading {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 37px);
  position: absolute;
  top: 37px;
  left: 0;
  z-index: 100;
  background-color: rgba(255,255,255,0.2);
}
.mass-text-message .mode-btn {
  color: #44525f;
  background-color: #fff;
  font-size: 14px;
  border: 2px solid #44525f;
  margin: 0 10px;
}
.mass-text-message .mode-btn-active {
  color: #fff;
  background-color: #44525f;
}
.mass-text-message .mode-select-row {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.mass-text-message .text-message-preview {
  max-width: 400px;
  white-space: pre-wrap;
  border-radius: 10px;
  border: 2px solid #000;
  padding: 10px;
  background-color: #d3d3d3;
  font-family: 'WorkSans-Regular';
  word-wrap: break-word;
  word-break: break-word;
}
.text-message h5 {
  font-family: WorkSans-Medium;
  font-size: 13px;
  line-height: 15px;
  color: #fff;
}
.text-message label,
.text-message p {
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 20px;
  color: #44525f;
  margin-bottom: 0px;
  font-weight: normal;
}
.text-message label a,
.text-message p a {
  cursor: pointer;
}
@media (max-width: 1399px) {
  .text-message .modal-content {
    width: 70%;
  }
}
@media (max-width: 1200px) {
  .text-message .modal-content {
    width: 100%;
    margin: 100px 0;
    padding: 50px 0;
  }
}

.desktop-menu {
  display: none;
}
@media screen and (min-width: 1100px) {
  .desktop-menu {
    display: block;
  }
}
.menu-items-wrapper {
  display: flex;
  gap: 32px;
}
.menu-controls-warpper {
  display: flex;
  align-items: center;
  gap: 16px;
}
.md-open-menu-container {
  padding-top: 16px;
  background-color: #44525f;
}
@media screen and (min-width: 1100px) {
  .mobile-menu {
    display: none;
  }
}
.mobile-menu ._md-nav-bar-list {
  justify-content: space-between;
  align-items: center;
}
.logout-text {
  display: none;
}
@media screen and (min-width: 1100px) {
  .logout-text {
    display: inline-block;
  }
}
.menu-clock {
  display: none;
}
@media screen and (min-width: 1100px) {
  .menu-clock {
    display: block;
  }
}
.shop-select-mobile {
  position: relative !important;
  right: 0 !important;
}
._md-nav-bar-list button.logout {
  padding: 0;
}
@media screen and (max-width: 1210px) {
  .nav-menu-list-item {
    height: 36px !important;
    min-height: 36px !important;
  }
}

.move-booking.modal.fullscreen {
  background: rgba(255,255,255,0.7);
}
.move-booking {
  position: relative;
}
.move-booking h2 {
  font-family: GearedSlab-Bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1.11px;
  color: #ffdf63;
  text-transform: uppercase;
  margin: 0;
}
.move-booking h3 {
  color: #fff;
  font-size: 16px;
  line-height: 19px;
  font-family: WorkSans-Medium;
  font-weight: normal;
}
.move-booking p {
  color: #44525f;
  font-size: 13px;
  line-height: 20px;
  font-family: WorkSans-Regular;
  font-weight: normal;
}
.move-booking .bold {
  font-family: WorkSans-Medium;
  font-weight: bold;
}
.move-booking .fontWhite {
  color: #fff;
}
.move-booking .bookingTime {
  margin-bottom: 8px;
}
.move-booking .modal-content {
  background-color: #f5f5f5;
  width: 80%;
  margin: 180px auto;
  padding: 80px 50px;
  left: 0;
  right: 0;
}
.move-booking .title-area {
  background-color: #44525f;
  width: 100%;
  height: 37px;
  position: absolute;
  top: 0px;
  left: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.move-booking .moveBookingDate {
  position: absolute;
  left: 15px;
  margin-top: 8px;
  font-family: WorkSans-Medium;
  color: #fff;
}
.move-booking .close-modal {
  position: absolute;
  top: 11px;
  right: 15px;
  width: 15px;
}
.move-booking .panel {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.move-booking .durationContainer {
  display: flex;
  justify-content: space-between;
}
.move-booking .durationOption {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.move-booking .durationStringContainer {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #f1f3f6;
  padding: 0 5px;
}
.move-booking .durationString {
  font-family: WorkSans-Medium;
  color: #44525f;
  background-color: transparent;
  height: 28px;
  line-height: 28px;
  text-align: center;
  margin: 7.5px 0;
  border-radius: 100px;
  padding: 0 10px;
  white-space: nowrap;
  cursor: pointer;
  opacity: 1;
  min-width: 28px;
  font-size: 16px;
}
.move-booking .durationPrice {
  font-family: WorkSans-Medium;
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  color: #44525f;
  font-variant-numeric: tabular-nums;
  font-size: 1.2rem;
  text-align: center;
  width: 100%;
  white-space: nowrap;
  margin: 8px 0;
}
.move-booking .durationCurrency {
  font-family: WorkSans-Medium;
  font-size: 12px;
  font-weight: normal;
  line-height: normal;
  color: #44525f;
  font-variant-numeric: normal;
  margin-bottom: 8px;
  font-size: 1.2rem;
  text-align: center;
  width: 100%;
  color: #959dad;
}
.move-booking .durationString:hover {
  color: #ffdf63;
}
.move-booking .active {
  background-color: #44525f;
  color: #fff;
}
.move-booking .active:hover {
  color: #fff;
}
.move-booking .max-width-300 {
  padding-left: 4%;
  padding-right: 0;
  margin-top: 12px;
}
.move-booking .max-width-300 .summary .x-padding {
  padding: 10px;
}
.move-booking .max-width-300 .panel-default {
  border-radius: 8px;
  background-color: #44525f;
  border: none;
  padding: 0 15px;
}
.move-booking .max-width-300 .panel-default p {
  color: #fff;
}
.move-booking .loading-booking {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(255,255,255,0.2);
}
.move-booking .dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  max-width: 500px;
  background: #fff;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  border: 2px solid #44525f;
  border-radius: 8px;
  padding: 35px 20px 20px;
}
.move-booking .btn {
  height: 33px;
  width: 140px;
  border-radius: 4px;
  border: 2px solid #44525f;
  font-family: WorkSans-SemiBold;
  font-size: 13px;
  line-height: 15px;
}
.move-booking .btn-primary {
  background-color: #44525f;
  color: #fff;
}
.move-booking .btn-default {
  background-color: #fff;
  color: #44525f;
}
.move-booking h5 {
  font-family: WorkSans-Medium;
  font-size: 13px;
  line-height: 15px;
  color: #fff;
}
.move-booking label {
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 20px;
  color: #44525f;
  margin-bottom: 0px;
  font-weight: normal;
}
@media (max-width: 1399px) {
  .move-booking .modal-content {
    width: 70%;
  }
}
@media (max-width: 1200px) {
  .move-booking .modal-content {
    width: 100%;
    margin: 100px 0;
    padding: 50px 0;
  }
}

.pricemodel-create.modal.fullscreen {
  background: rgba(255,255,255,0.7);
}
.pricemodel-create .loading-price-model-create {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 37px);
  position: absolute;
  top: 37px;
  left: 0;
  z-index: 100;
  background-color: rgba(255,255,255,0.2);
}
.pricemodel-create .modal-content {
  width: 60%;
}
@media (max-width: 1150px) {
  .pricemodel-create .modal-content {
    width: 80%;
  }
}
.pricemodel-create h2 {
  color: #fff;
  font-size: 16px;
  line-height: 19px;
  font-family: WorkSans-Medium;
  font-weight: normal;
}
.pricemodel-create p {
  color: #44525f;
  font-size: 13px;
  line-height: 20px;
  font-family: WorkSans-Regular;
  font-weight: normal;
}
.pricemodel-create label {
  font-family: WorkSans-Medium;
  font-weight: normal;
  font-size: 12px;
  color: #44525f;
  line-height: none;
  -webkit-font-smoothing: subpixel-antialiased;
}
.pricemodel-create input {
  line-height: auto;
}
.pricemodel-create .col-md-6 {
  margin: 0;
}
.pricemodel-create .btn-round {
  height: 30px;
  width: 112px;
  border-radius: 15px;
  border: none;
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 20px;
}
.pricemodel-create .btn-small {
  width: 31px;
}
.pricemodel-create .btn-red {
  background-color: #e55457;
  color: #fff;
}
.pricemodel-create .btn-green {
  background-color: #77a846;
  color: #fff;
}
.pricemodel-create .sub-category {
  margin-left: 30px;
  margin-bottom: 20px;
}
.pricemodel-create .styled-checkbox {
  color: #fff;
}
.pricemodel-create .styledSelect {
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 15px;
  color: #44525f;
  border: 1px solid #8e949f;
  background-color: rgba(182,187,196,0.15);
  height: 34px;
}
.pricemodel-create .styledInput {
  width: 100%;
  background-color: rgba(182,187,196,0.15);
  border: 1px solid #8e949f;
  border-radius: 4px;
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #44525f;
  -webkit-appearance: none;
}
.pricemodel-create .styledInput::-webkit-input-placeholder {
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #8e949f;
  -webkit-appearance: none;
}
.pricemodel-create .styledInput:focus {
  box-shadow: none;
}
.pricemodel-create .add-sub-maxUsage {
  padding: 0 20px;
  font-size: 30px;
  margin: 0;
  vertical-align: middle;
}
.pricemodel-create .add-sub-maxUsage:focus {
  outline: none;
}
.pricemodel-create .modal-content {
  padding: 80px 50px;
  background-color: #f5f5f5;
}
.pricemodel-create .modal-content select {
  margin-bottom: 0;
}
.pricemodel-create .modal-content .form-control {
  width: 50%;
  display: inline-block;
  line-height: initial;
}
.pricemodel-create .modal-content .form-control.ng-invalid.ng-touched {
  border-color: #e55457;
}
.pricemodel-create .modal-content .form-control.ng-valid.ng-touched {
  border-color: #77a846;
}
.pricemodel-create .modal-content .space {
  position: initial;
  margin: 20px 0 20px 0;
  height: auto;
  clear: both;
}
.pricemodel-create .modal-content textarea {
  resize: vertical;
}
.pricemodel-create .title-area {
  background-color: #44525f;
  width: 100%;
  height: 37px;
  position: absolute;
  top: 0px;
  left: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.pricemodel-create .title-area p {
  font-family: WorkSans-Medium;
  font-size: 13px;
  line-height: 15px;
  color: #fff;
  margin: 10px 0;
}
.pricemodel-create .close-modal {
  position: absolute;
  top: 11px;
  right: 15px;
  width: 15px;
}
.pricemodel-create .hide {
  display: none;
}
.pricemodel-create .panel {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  padding: 20px;
}
.pricemodel-create .panel .dotted-border {
  border-style: dotted;
  border-width: 0 0 4px 0;
  border-color: #44525f;
  border-image-source: url("../../assets/dottedBorder.svg");
  border-image-slice: 33% 30%;
  border-image-repeat: round;
}
.pricemodel-create .removeRate {
  color: #44525f;
  vertical-align: middle;
  margin-right: 0;
}
.pricemodel-create .voucherpage {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0 auto;
  background: #f5f5f5;
}
.pricemodel-create .voucherpage h4 {
  font-family: GearedSlab-Bold;
  color: #44525f;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  -webkit-font-smoothing: subpixel-antialiased;
}
.pricemodel-create .voucherpage .panel {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  padding: 20px;
}
.pricemodel-create .voucherpage .panel .dotted-border {
  border-style: dotted;
  border-width: 0 0 4px 0;
  border-color: #44525f;
  border-image-source: url("../../assets/dottedBorder.svg");
  border-image-slice: 33% 30%;
  border-image-repeat: round;
}
.pricemodel-create .voucherpage .panel h4 {
  opacity: 1;
}
.pricemodel-create .voucherpage .max-width-300 {
  padding-left: 4%;
  padding-right: 0;
}
.pricemodel-create .voucherpage .max-width-300 .summary .x-padding {
  padding: 10px;
}
.pricemodel-create .voucherpage .max-width-300 .panel-default {
  border-radius: 8px;
  background-color: #44525f;
  border: none;
  padding: 0 15px;
}
.pricemodel-create .voucherpage .max-width-300 .panel-default p {
  color: #fff;
}
.pricemodel-create .voucherpage .max-width-300 .panel-default .bold {
  font-family: WorkSans-Medium;
  font-weight: bold;
}
.pricemodel-create .voucherpage .max-width-300 .panel-default .bookingDate {
  font-family: GearedSlab-Bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0px;
}
.pricemodel-create .voucherpage .max-width-300 .panel-default .bookingTime {
  font-family: GearedSlab-Bold;
  color: #ffdf63;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1px;
  margin: 0px;
}
.pricemodel-create .custom-width {
  width: 43.5%;
}
@media (max-width: 1399px) {
  .pricemodel-create .voucherpage .modal-content width 50% {
    margin: 0px;
  }
}

.pricemodels p {
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #44525f;
  -webkit-font-smoothing: subpixel-antialiased;
}
.pricemodels .floatyText {
  display: flex;
  align-items: center;
  height: 34px;
}
.pricemodels .floatyInput {
  margin-bottom: 10px;
}
.pricemodels .narrowTd {
  width: 150px;
}
.pricemodels .narrowTd input {
  max-width: 65px;
}
.pricemodels .mediumTd {
  width: 200px;
}
.pricemodels .mediumTd input {
  max-width: 80px;
}
.pricemodels .wideTd {
  width: 250px;
}
.pricemodels .wideTd input {
  max-width: 120px;
}
.pricemodels .narrowInput {
  max-width: 65px;
}
.pricemodels .mediumInput {
  width: 80px;
}
.pricemodels .largeInput {
  width: 120px;
}
.pricemodels .oneLiner > p,
.pricemodels input {
  display: inline-block;
}
.pricemodels .noMarg {
  margin-bottom: 0;
}
.pricemodels label {
  font-family: WorkSans-Medium;
  font-weight: normal;
  font-size: 12px;
  color: #44525f;
  -webkit-font-smoothing: subpixel-antialiased;
}
.pricemodels .buffer {
  width: 50px;
}
.pricemodels .bufferEnd {
  width: 200px;
}
.pricemodels .table > thead > tr {
  border-bottom: 1px solid #44525f;
}
.pricemodels .table > thead > tr > th {
  border: none;
}
.pricemodels .table > tbody > tr:not(:last-child) {
  border-bottom: 1px solid #44525f;
}
.pricemodels .table > tbody > tr > td {
  border: none;
}
.pricemodels .btn-white {
  background-color: #fff;
  color: #44525f;
}
.pricemodels .btn-red {
  background-color: #e55457;
  color: #fff;
}
.pricemodels .btn-green {
  background-color: #77a846;
  color: #fff;
}
.pricemodels .btn-round {
  height: 30px;
  width: 112px;
  border-radius: 15px;
  border: none;
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 20px;
}
.pricemodels .btn-icon {
  padding-left: 15px;
}
.pricemodels .buttonIcon {
  width: 15px;
  margin-right: 5px;
  margin-top: 3px;
  float: right;
}
.pricemodels .buttonIcon-small {
  width: 12px;
  margin-right: 5px;
  margin-top: 4px;
  float: right;
}
.pricemodels .dimed {
  opacity: 0.5;
}
.pricemodels .status {
  border-style: solid;
  border-width: 1px;
  border-radius: 15px;
  text-align: center;
  height: 25px;
  width: 122px;
  padding-top: 3px !important;
  font-family: WorkSans-Medium;
  text-transform: uppercase;
  margin: 0;
}
.pricemodels .statusArchived {
  border-color: #44525f;
  background-color: #44525f;
  color: #fff;
}
.pricemodels .filterCheckbox:not(:checked) + .filterLabel {
  color: rgba(0,0,0,0.05);
  text-shadow: 0px 1px 3px #fff, 0px 0px 0px rgba(0,0,0,0.3), 0px -1px 3px #fff;
  background-color: rgba(182,187,196,0.15);
  border-color: transparent;
  -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
}
.pricemodels .styledSelect {
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 15px;
  color: #44525f;
  border: 1px solid #8e949f;
  background-color: rgba(182,187,196,0.15);
  height: 34px;
}

.qr-code.modal.fullscreen {
  background: rgba(255,255,255,0.7);
}
.qr-code h2 {
  color: #fff;
  font-size: 16px;
  line-height: 19px;
  font-family: WorkSans-Medium;
  font-weight: normal;
}
.qr-code p {
  color: #44525f;
  font-size: 13px;
  line-height: 20px;
  font-family: WorkSans-Regular;
  font-weight: normal;
}
.qr-code .bold {
  font-family: WorkSans-Medium;
  font-weight: bold;
}
.qr-code .modal-content {
  background-color: #f5f5f5;
  width: 80%;
  margin: 180px auto;
  padding: 80px 50px;
  left: 0;
  right: 0;
}
.qr-code .title-area {
  background-color: #44525f;
  width: 100%;
  height: 37px;
  position: absolute;
  top: 0px;
  left: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.qr-code .moveBookingDate {
  position: absolute;
  left: 15px;
  margin-top: 8px;
  font-family: WorkSans-Medium;
  color: #fff;
}
.qr-code .close-modal {
  position: absolute;
  top: 11px;
  right: 15px;
  width: 15px;
}
.qr-code .panel {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.qr-code .durationContainer {
  display: flex;
  justify-content: space-between;
}
.qr-code .durationOption {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.qr-code .durationStringContainer {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #f1f3f6;
  padding: 0 5px;
}
.qr-code .durationString {
  font-family: WorkSans-Medium;
  color: #44525f;
  background-color: transparent;
  height: 28px;
  line-height: 28px;
  text-align: center;
  margin: 7.5px 0;
  border-radius: 100px;
  padding: 0 10px;
  white-space: nowrap;
  cursor: pointer;
  opacity: 1;
  min-width: 28px;
  font-size: 16px;
}
.qr-code .durationPrice {
  font-family: WorkSans-Medium;
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  color: #44525f;
  font-variant-numeric: tabular-nums;
  font-size: 1.2rem;
  text-align: center;
  width: 100%;
  white-space: nowrap;
  margin: 8px 0;
}
.qr-code .durationCurrency {
  font-family: WorkSans-Medium;
  font-size: 12px;
  font-weight: normal;
  line-height: normal;
  color: #44525f;
  font-variant-numeric: normal;
  margin-bottom: 8px;
  font-size: 1.2rem;
  text-align: center;
  width: 100%;
  color: #959dad;
}
.qr-code .durationString:hover {
  color: #ffdf63;
}
.qr-code .active {
  background-color: #44525f;
  color: #fff;
}
.qr-code .active:hover {
  color: #fff;
}
.qr-code .max-width-300 {
  padding-left: 4%;
  padding-right: 0;
  margin-top: 12px;
}
.qr-code .max-width-300 .summary .x-padding {
  padding: 10px;
}
.qr-code .max-width-300 .panel-default {
  border-radius: 8px;
  background-color: #44525f;
  border: none;
  padding: 0 15px;
}
.qr-code .max-width-300 .panel-default p {
  color: #fff;
}
.qr-code .qr-code-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.qr-code h5 {
  font-family: WorkSans-Medium;
  font-size: 13px;
  line-height: 15px;
  color: #fff;
}
.qr-code label {
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 20px;
  color: #44525f;
  margin-bottom: 0px;
  font-weight: normal;
}
@media (max-width: 1399px) {
  .qr-code .modal-content {
    width: 70%;
  }
}
@media (max-width: 1200px) {
  .qr-code .modal-content {
    width: 100%;
    margin: 100px 0;
    padding: 50px 0;
  }
}

.modal-content {
  position: absolute;
  width: 80%;
  margin: 100px auto;
  padding: 10px 20px;
  left: 0;
  right: 0;
}
.modal-content .small {
  font-size: 0.8em;
}
.modal-content .submit {
  margin-top: 20px;
}
.shop-table {
  padding: 0 20px;
}
.shop-delete {
  margin-left: 5px;
}
.shop thead th {
  text-align: center;
}
.shop .section {
  border: 2px solid #d5d5d5;
  padding: 10px;
  border-radius: 10px;
}
.shop .booking {
  border: 1px solid #d5d5d5;
  border-radius: 10px;
  text-align: center;
  font-size: 12px;
  min-height: 40px;
}
.shop .double {
  height: 98px;
}
.shop .reserved {
  background: #5086fa;
}
.shop .paid {
  background: #50e9fa;
}
.shop .free {
  background: #56fa50;
}

#shopCreate .ng-invalid {
  border-color: #f00;
  outline-color: #f00;
}
#shopCreate .ng-valid {
  border-color: #008000;
  outline-color: #008000;
}
#shopCreate .messages {
  font-size: smaller;
  padding-top: 5px;
  padding-bottom: 10px;
  color: #f00;
}

#shopReport {
  background: #fff;
}

.shoppage {
  background-color: #f5f5f5;
  padding: 0;
}
.shoppage .topSection {
  height: 100vh;
  width: 100vw;
  background-color: rgba(255,0,0,0.2);
  margin-bottom: 30px;
}
.shoppage .subSection {
  height: 75vh;
  width: 100vw;
}
.shoppage .pageBlock {
  border: 1px solid #808080;
  width: 100%;
  height: 500px;
  margin: 0 auto 20px auto;
  text-align: center;
}
.shoppage h1 {
  padding: 0;
}
.shoppage p {
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #44525f;
  -webkit-font-smoothing: subpixel-antialiased;
}
.shoppage label {
  font-family: WorkSans-Medium;
  font-weight: normal;
  font-size: 12px;
  color: #44525f;
  -webkit-font-smoothing: subpixel-antialiased;
}
.shoppage div {
  padding: 0;
}
.shoppage .table > thead > tr {
  border-bottom: 1px solid #44525f;
}
.shoppage .table > thead > tr > th {
  border: none;
}
.shoppage .table > tbody > tr > td {
  border: none;
}

.text-message.modal.fullscreen {
  background: rgba(255,255,255,0.7);
}
.text-message .modal-content {
  max-width: 800px;
}
.text-message h2 {
  color: #fff;
  font-size: 16px;
  line-height: 19px;
  font-family: WorkSans-Medium;
  font-weight: normal;
}
.text-message p {
  color: #44525f;
  font-size: 13px;
  line-height: 20px;
  font-family: WorkSans-Regular;
  font-weight: normal;
}
.text-message .bold {
  font-family: WorkSans-Medium;
  font-weight: bold;
}
.text-message .modal-content {
  background-color: #f5f5f5;
  width: 80%;
  margin: 180px auto;
  padding: 80px 50px;
  left: 0;
  right: 0;
}
.text-message .title-area {
  background-color: #44525f;
  width: 100%;
  height: 37px;
  position: absolute;
  top: 0px;
  left: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.text-message .close-modal {
  position: absolute;
  top: 11px;
  right: 15px;
  width: 15px;
}
.text-message .message {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  min-height: 100px;
  padding: 5px 10px;
}
.text-message .styledInput {
  width: 100%;
  background-color: rgba(182,187,196,0.15);
  border: 1px solid #8e949f;
  border-radius: 4px;
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #44525f;
  -webkit-appearance: none;
}
.text-message .styledInput::-webkit-input-placeholder {
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #8e949f;
  -webkit-appearance: none;
}
.text-message .styledInput:focus {
  box-shadow: none;
}
.text-message .loading {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 37px);
  position: absolute;
  top: 37px;
  left: 0;
  z-index: 100;
  background-color: rgba(255,255,255,0.2);
}
.text-message .mode-btn {
  color: #44525f;
  background-color: #fff;
  font-size: 14px;
  border: 2px solid #44525f;
  margin: 0 10px;
}
.text-message .mode-btn-active {
  color: #fff;
  background-color: #44525f;
}
.text-message .mode-select-row {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.text-message .text-message-preview {
  max-width: 400px;
  white-space: pre-wrap;
  border-radius: 10px;
  border: 2px solid #000;
  padding: 10px;
  background-color: #d3d3d3;
  font-family: 'WorkSans-Regular';
  word-wrap: break-word;
  word-break: break-word;
}
.text-message h5 {
  font-family: WorkSans-Medium;
  font-size: 13px;
  line-height: 15px;
  color: #fff;
}
.text-message label,
.text-message p {
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 20px;
  color: #44525f;
  margin-bottom: 0px;
  font-weight: normal;
}
.text-message label a,
.text-message p a {
  cursor: pointer;
}
@media (max-width: 1399px) {
  .text-message .modal-content {
    width: 70%;
  }
}
@media (max-width: 1200px) {
  .text-message .modal-content {
    width: 100%;
    margin: 100px 0;
    padding: 50px 0;
  }
}

.container .user-controls .user-control-btn {
  margin-top: 20px;
  margin-right: 3px;
}
.container .user-table div {
  background: #fff;
  border: 1px solid #d5d5d5;
}

.user-edit {
  display: block;
  width: 1024px;
  margin-top: 40px;
  margin-right: -512px;
  background: #f5f5f5;
  border: 2px solid #d5d5d5;
  border-radius: 5px;
  padding: 20px 0px;
  bottom: auto;
  right: 50%;
  position: fixed;
  overflow: scroll;
}

.singlevoucherpage {
  background-color: #f5f5f5;
}
.singlevoucherpage h1 {
  padding: 0;
}
.singlevoucherpage p {
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #44525f;
  -webkit-font-smoothing: subpixel-antialiased;
}
.singlevoucherpage label {
  font-family: WorkSans-Medium;
  font-weight: normal;
  font-size: 12px;
  color: #44525f;
  -webkit-font-smoothing: subpixel-antialiased;
}
.singlevoucherpage div {
  padding: 0;
}
.singlevoucherpage .table > thead > tr {
  border-bottom: 1px solid #44525f;
}
.singlevoucherpage .table > thead > tr > th {
  border: none;
}
.singlevoucherpage .table > tbody > tr > td {
  border: none;
}
.singlevoucherpage .btn-white {
  border: #44525f;
  background-color: #fff;
  color: #44525f;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
}
.singlevoucherpage .btn-red {
  background-color: #e55457;
  color: #fff;
}
.singlevoucherpage .btn-green {
  background-color: #77a846;
  color: #fff;
}
.singlevoucherpage .btn-round {
  height: 30px;
  width: 112px;
  border-radius: 15px;
  border: none;
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 20px;
  padding-top: 4px;
}
.singlevoucherpage .btn-icon {
  padding-left: 15px;
}
.singlevoucherpage .buttonIcon {
  width: 15px;
  margin-right: 5px;
  margin-top: 3px;
  float: right;
}
.singlevoucherpage .buttonIcon-small {
  width: 12px;
  margin-right: 5px;
  margin-top: 4px;
  float: right;
}
.singlevoucherpage .styledSelect {
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 15px;
  color: #44525f;
  border: 1px solid #b6bbc4;
  background-color: rgba(182,187,196,0.15);
  height: 34px;
  min-width: 61px;
  border-radius: 4px;
}
.singlevoucherpage .styledInput {
  max-width: 90%;
}
.singlevoucherpage .md-datepicker-input-container {
  height: 34px;
  width: 105px;
  background-color: rgba(182,187,196,0.15) !important;
  border: 1px solid #b6bbc4 !important;
  border-radius: 4px;
  padding-left: 10px;
}
.singlevoucherpage .md-datepicker-input {
  font-family: WorkSans-Regular;
}
.singlevoucherpage .md-datepicker-triangle-button .md-datepicker-expand-triangle {
  background: transparent;
  border: 5px solid transparent;
  border-top-color: #44525f;
}
.singlevoucherpage .md-datepicker-triangle-button.md-button.md-icon-button {
  right: 10px;
}
.singlevoucherpage .md-button.md-icon-button .md-ripple-container {
  background: none !important;
  border: none !important;
}
.singlevoucherpage .md-button.md-icon-button {
  width: 34px;
  height: 34px;
  margin: 0;
  padding: 0;
}
.singlevoucherpage .md-button.md-icon-button md-icon {
  margin: 0;
}
.singlevoucherpage .middle {
  vertical-align: middle;
}
.singlevoucherpage .form-control {
  width: auto;
}
.singlevoucherpage .fixed {
  display: flex;
  flex: 0 0 250px;
}
.singlevoucherpage .align-start {
  display: flex;
  align-items: flex-start;
}
.singlevoucherpage .align-end {
  display: flex;
  align-items: flex-end;
}
.singlevoucherpage .justify-start {
  display: flex;
  justify-content: flex-start;
}
.singlevoucherpage .justify-end {
  display: flex;
  justify-content: flex-end;
}
.singlevoucherpage .search-field {
  max-width: 215px;
}
.singlevoucherpage .search-button {
  margin-left: 10px;
  height: 34px;
  font-family: WorkSans-Medium;
}
.singlevoucherpage .load-button span {
  font-family: WorkSans-Medium !important;
}
.singlevoucherpage .categoryFilter .status {
  margin-right: 10px;
}
.singlevoucherpage .categoryFilter label::selection {
  background-color: transparent;
}
.singlevoucherpage .categoryFilter::selection {
  background-color: transparent;
}
.singlevoucherpage .status {
  border-style: solid;
  border-width: 1px;
  border-radius: 15px;
  text-align: center;
  height: 25px;
  width: 122px;
  padding-top: 3px !important;
  font-family: WorkSans-Medium;
  text-transform: uppercase;
  margin: 0;
}
.singlevoucherpage .sort {
  padding: 2px 5px;
  text-align: center;
  border-radius: 10px;
}
.singlevoucherpage .statusVoucher {
  border-color: #44525f;
  background-color: #44525f;
  color: #fff;
}
.singlevoucherpage .statusCampaign {
  border-color: #77a846;
  background-color: #77a846;
  color: #fff;
}
.singlevoucherpage .statusRefund {
  border-color: #e55457;
  background-color: #e55457;
  color: #fff;
}
.singlevoucherpage .statusGiftcard {
  border-color: #ffdf63;
  background-color: #ffdf63;
  color: #fff;
}
.singlevoucherpage .statusMembership {
  color: #fff;
  background-color: #b0ccd9;
  border-color: #b0ccd9;
}
.singlevoucherpage .statusMembership-campaign {
  color: #fff;
  background-color: #b0ccd9;
  border-color: #b0ccd9;
}
.singlevoucherpage .statusDepleted {
  border-color: #ffdf63;
  color: #ffdf63;
}
.singlevoucherpage .statusExpired {
  border-color: #e55457;
  color: #e55457;
}
.singlevoucherpage .filterCheckbox:not(:checked) + .filterLabel {
  color: rgba(0,0,0,0.05);
  text-shadow: 0px 1px 3px #fff, 0px 0px 0px rgba(0,0,0,0.3), 0px -1px 3px #fff;
  background-color: rgba(182,187,196,0.15);
  border-color: transparent;
  -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
}
@media (max-width: 1199px) {
  .singlevoucherpage .status {
    width: auto;
    max-width: 122px;
    padding: 0 10px;
  }
}
.singlevoucherpage .transparent {
  background: transparent;
  box-shadow: none;
}
.singlevoucherpage .loading-container {
  height: 40vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.singlevoucherpage .statusReserved {
  border-color: #b6bbc4;
  color: #b6bbc4;
}
.singlevoucherpage .statusCanCheckedIn {
  border-color: #77a846;
  color: #77a846;
}
.singlevoucherpage .statusCheckedIn {
  border-color: #77a846;
  background-color: #77a846;
  color: #fff;
}
.singlevoucherpage .statusSailing {
  border-color: #ffdf63;
  background-color: #ffdf63;
  color: #fff;
}
.singlevoucherpage .statusCompleted {
  border-color: #44525f;
  color: #44525f;
}
.singlevoucherpage .statusCancelled {
  border-color: #e55457;
  color: #e55457;
}
.singlevoucherpage .month-filter {
  background-color: #fff;
  border: none;
  border-radius: 15px;
  text-align: center;
  width: 122px;
  padding: 5px 0;
  font-family: WorkSans-Medium;
  font-size: 1.5rem;
  color: #44525f;
  margin: 0;
  box-shadow: rgba(50,50,93,0.15) 0px 4px 6px, rgba(0,0,0,0.1) 0px 1px 3px;
}
.singlevoucherpage .month-filter.active {
  background-color: #44525f;
  color: #fff;
}
.singlevoucherpage .month-filter:not(:last-child) {
  margin-right: 10px;
}
.singlevoucherpage .month-filter:hover {
  background-color: #ffdf63;
}
.singlevoucherpage .month-filter.active:hover {
  background-color: #44525f;
}
.singlevoucherpage .csv-button {
  margin-left: 10px;
}

.voucherpage.modal.fullscreen {
  background: rgba(255,255,255,0.7);
}
.voucherpage .modal-content {
  width: 60%;
}
@media (max-width: 1150px) {
  .voucherpage .modal-content {
    width: 80%;
  }
}
.voucherpage h2 {
  color: #fff;
  font-size: 16px;
  line-height: 19px;
  font-family: WorkSans-Medium;
  font-weight: normal;
}
.voucherpage p {
  color: #44525f;
  font-size: 13px;
  line-height: 20px;
  font-family: WorkSans-Regular;
  font-weight: normal;
}
.voucherpage label {
  font-family: WorkSans-Medium;
  font-weight: normal;
  font-size: 12px;
  color: #44525f;
  line-height: none;
  -webkit-font-smoothing: subpixel-antialiased;
}
.voucherpage input {
  line-height: auto;
}
.voucherpage .col-md-6 {
  margin: 0;
}
.voucherpage .btn-shadow {
  background-color: #fff;
  border: none;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  color: #44525f;
  font-family: WorkSans-Medium;
  transition: all 0.3s;
}
.voucherpage .btn-shadow:hover {
  background-color: #ffdf63;
}
.voucherpage .btn-shadow.active {
  background-color: #ffdf63;
}
.voucherpage .btn-shadow.active:focus {
  outline: none;
}
.voucherpage .btn-round {
  height: 30px;
  width: 112px;
  border-radius: 15px;
  border: none;
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 20px;
}
.voucherpage .styledSelect {
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 15px;
  color: #44525f;
  border: 1px solid #8e949f;
  background-color: rgba(182,187,196,0.15);
  height: 34px;
}
.voucherpage .styledInput {
  width: 100%;
  background-color: rgba(182,187,196,0.15);
  border: 1px solid #8e949f;
  border-radius: 4px;
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #44525f;
  -webkit-appearance: none;
  max-width: 100% !important;
}
.voucherpage .styledInput::-webkit-input-placeholder {
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #8e949f;
  -webkit-appearance: none;
}
.voucherpage .styledInput:focus {
  box-shadow: none;
}
.voucherpage .add-sub-maxUsage {
  padding: 0 20px;
  font-size: 30px;
  margin: 0;
  vertical-align: middle;
}
.voucherpage .add-sub-maxUsage:focus {
  outline: none;
}
.voucherpage .modal-content {
  padding: 80px 50px;
  background-color: #f5f5f5;
}
.voucherpage .modal-content select {
  margin-bottom: 0;
}
.voucherpage .modal-content .form-control {
  width: 50%;
  line-height: initial;
}
.voucherpage .modal-content .space {
  position: initial;
  margin: 20px 0 20px 0;
  height: auto;
  clear: both;
}
.voucherpage .modal-content textarea {
  resize: vertical;
}
.voucherpage .title-area {
  background-color: #44525f;
  width: 100%;
  height: 37px;
  position: absolute;
  top: 0px;
  left: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.voucherpage .title-area p {
  font-family: WorkSans-Medium;
  font-size: 13px;
  line-height: 15px;
  color: #fff;
  margin: 10px 0;
}
.voucherpage .close-modal {
  position: absolute;
  top: 11px;
  right: 15px;
  width: 15px;
}
.voucherpage .hide {
  display: none;
}
.voucherpage .panel {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  padding: 20px;
}
.voucherpage .panel .dotted-border {
  border-style: dotted;
  border-width: 0 0 4px 0;
  border-color: #44525f;
  border-image-source: url("../../assets/dottedBorder.svg");
  border-image-slice: 33% 30%;
  border-image-repeat: round;
}
.voucherpage md-select {
  background-color: rgba(182,187,196,0.15);
  border: 1px solid #8e949f;
  border-radius: 4px;
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #44525f;
  padding: 0 12px;
}
.voucherpage md-input-container {
  margin: 0;
}
.voucherpage .md-select-value {
  border: none;
}
.voucherpage md-select:not([disabled]):focus .md-select-value {
  border: none;
  color: #44525f;
}
.voucherpage md-select-menu md-content md-option[selected] {
  color: #44525f;
}
.voucherpage md-select-menu md-content md-option {
  color: #44525f;
}
.voucherpage md-select-menu md-content md-option[selected]:focus {
  color: #44525f;
}
.voucherpage .md-checkbox-enabled[selected] .md-icon {
  background-color: #0175fe;
}
.voucherpage .voucherpage {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0 auto;
  background: #f5f5f5;
}
.voucherpage .voucherpage h4 {
  font-family: GearedSlab-Bold;
  color: #44525f;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  -webkit-font-smoothing: subpixel-antialiased;
}
.voucherpage .voucherpage .panel {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  padding: 20px;
}
.voucherpage .voucherpage .panel .dotted-border {
  border-style: dotted;
  border-width: 0 0 4px 0;
  border-color: #44525f;
  border-image-source: url("../../assets/dottedBorder.svg");
  border-image-slice: 33% 30%;
  border-image-repeat: round;
}
.voucherpage .voucherpage .panel h4 {
  opacity: 1;
}
.voucherpage .voucherpage .max-width-300 {
  padding-left: 4%;
  padding-right: 0;
}
.voucherpage .voucherpage .max-width-300 .summary .x-padding {
  padding: 10px;
}
.voucherpage .voucherpage .max-width-300 .panel-default {
  border-radius: 8px;
  background-color: #44525f;
  border: none;
  padding: 0 15px;
}
.voucherpage .voucherpage .max-width-300 .panel-default p {
  color: #fff;
}
.voucherpage .voucherpage .max-width-300 .panel-default .bold {
  font-family: WorkSans-Medium;
  font-weight: bold;
}
.voucherpage .voucherpage .max-width-300 .panel-default .bookingDate {
  font-family: GearedSlab-Bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0px;
}
.voucherpage .voucherpage .max-width-300 .panel-default .bookingTime {
  font-family: GearedSlab-Bold;
  color: #ffdf63;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1px;
  margin: 0px;
}
.voucherpage .custom-width {
  width: 43.5%;
}
@media (max-width: 1399px) {
  .voucherpage .voucherpage .modal-content width 50% {
    margin: 0px;
  }
}
.discount-scope-row,
.creator-row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.2em;
}
.discount-scope-row label,
.creator-row label {
  min-width: 120px;
  font-size: 13px;
  margin-right: 12px;
  margin-top: 7px;
}
.discount-scope-row > div,
.creator-row > div {
  width: 50%;
  min-width: 210px;
  max-width: 470px;
}

.voucherpage {
  background-color: #f5f5f5;
}
.voucherpage #createVoucher {
  position: fixed;
}
.voucherpage .overlay {
  position: fixed;
}
.voucherpage h1 {
  padding: 0;
}
.voucherpage p {
  font-family: WorkSans-Regular;
  font-weight: normal;
  font-size: 13px;
  color: #44525f;
  -webkit-font-smoothing: subpixel-antialiased;
}
.voucherpage label {
  font-family: WorkSans-Medium;
  font-weight: normal;
  font-size: 12px;
  color: #44525f;
  -webkit-font-smoothing: subpixel-antialiased;
}
.voucherpage div {
  padding: 0;
}
.voucherpage .table > thead > tr {
  border-bottom: 1px solid #44525f;
}
.voucherpage .table > thead > tr > th {
  border: none;
}
.voucherpage .table > tbody > tr > td {
  border: none;
}
.voucherpage .btn-white {
  border: #44525f;
  background-color: #fff;
  color: #44525f;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
}
.voucherpage .btn-red {
  background-color: #e55457;
  color: #fff;
}
.voucherpage .btn-green {
  background-color: #77a846;
  color: #fff;
}
.voucherpage .btn-round {
  height: 30px;
  width: 112px;
  border-radius: 15px;
  border: none;
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 20px;
  padding-top: 4px;
}
.voucherpage .btn-icon {
  padding-left: 15px;
}
.voucherpage .buttonIcon {
  width: 15px;
  margin-right: 5px;
  margin-top: 3px;
  float: right;
}
.voucherpage .buttonIcon-small {
  width: 12px;
  margin-right: 5px;
  margin-top: 4px;
  float: right;
}
.voucherpage .styledSelect {
  font-family: WorkSans-Regular;
  font-size: 13px;
  line-height: 15px;
  color: #44525f;
  border: 1px solid #8e949f;
  background-color: rgba(182,187,196,0.15);
  height: 34px;
  min-width: 61px;
  border-radius: 4px;
}
.voucherpage .styledInput {
  max-width: 90%;
}
.voucherpage .md-datepicker-input-container {
  height: 34px;
  width: 105px;
  background-color: rgba(182,187,196,0.15) !important;
  border: 1px solid #8e949f !important;
  border-radius: 4px;
  padding-left: 10px;
}
.voucherpage .md-datepicker-input {
  font-family: WorkSans-Regular;
}
.voucherpage .md-datepicker-triangle-button .md-datepicker-expand-triangle {
  background: transparent;
  border: 5px solid transparent;
  border-top-color: #44525f;
}
.voucherpage .md-datepicker-triangle-button.md-button.md-icon-button {
  right: 10px;
}
.voucherpage .md-button.md-icon-button .md-ripple-container {
  background: none !important;
  border: none !important;
}
.voucherpage .md-button.md-icon-button {
  width: 34px;
  height: 34px;
  margin: 0;
  padding: 0;
}
.voucherpage .md-button.md-icon-button md-icon {
  margin: 0;
}
.voucherpage .middle {
  vertical-align: middle;
}
.voucherpage .form-control {
  width: auto;
}
.voucherpage .fixed {
  display: flex;
  flex: 0 0 250px;
}
.voucherpage .align-start {
  display: flex;
  align-items: flex-start;
}
.voucherpage .align-end {
  display: flex;
  align-items: flex-end;
}
.voucherpage .justify-start {
  display: flex;
  justify-content: flex-start;
}
.voucherpage .justify-end {
  display: flex;
  justify-content: flex-end;
}
.voucherpage .search-field {
  max-width: 215px;
}
.voucherpage .search-button {
  margin-left: 10px;
  height: 34px;
  font-family: WorkSans-Medium;
}
.voucherpage .load-button span {
  font-family: WorkSans-Medium !important;
}
.voucherpage .categoryFilter .status {
  margin-right: 10px;
}
.voucherpage .categoryFilter label::selection {
  background-color: transparent;
}
.voucherpage .categoryFilter::selection {
  background-color: transparent;
}
.voucherpage .status {
  border-style: solid;
  border-width: 1px;
  border-radius: 15px;
  text-align: center;
  height: 25px;
  width: 122px;
  padding-top: 3px !important;
  font-family: WorkSans-Medium;
  text-transform: uppercase;
  margin: 0;
}
.voucherpage .sort {
  padding: 2px 5px;
  text-align: center;
  border-radius: 10px;
}
.voucherpage .statusVoucher {
  border-color: #44525f;
  background-color: #44525f;
  color: #fff;
}
.voucherpage .statusCampaign {
  border-color: #77a846;
  background-color: #77a846;
  color: #fff;
}
.voucherpage .statusRefund {
  border-color: #e55457;
  background-color: #e55457;
  color: #fff;
}
.voucherpage .statusGiftcard {
  border-color: #ffdf63;
  background-color: #ffdf63;
  color: #fff;
}
.voucherpage .statusMembership {
  color: #fff;
  background-color: #b0ccd9;
  border-color: #b0ccd9;
}
.voucherpage .statusMembership-campaign {
  color: #fff;
  background-color: #b0ccd9;
  border-color: #b0ccd9;
}
.voucherpage .statusDepleted {
  border-color: #ffdf63;
  color: #ffdf63;
}
.voucherpage .statusExpired {
  border-color: #e55457;
  color: #e55457;
}
.voucherpage .filterCheckbox:not(:checked) + .filterLabel {
  color: rgba(0,0,0,0.05);
  text-shadow: 0px 1px 3px #fff, 0px 0px 0px rgba(0,0,0,0.3), 0px -1px 3px #fff;
  background-color: rgba(182,187,196,0.15);
  border-color: transparent;
  -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
}
@media (max-width: 1199px) {
  .voucherpage .status {
    width: auto;
    max-width: 122px;
    padding: 0 10px;
  }
}
.voucherpage .transparent {
  background: transparent;
  box-shadow: none;
}

.walkin {
  background-color: #f5f5f5;
}
.walkin .calendar ul #next {
  z-index: 1;
}
.walkin .loading {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(255,255,255,0.2);
}
.walkin h2 {
  color: #fff;
  font-size: 16px;
  line-height: 19px;
  font-family: WorkSans-Medium;
  font-weight: normal;
}
.walkin p {
  color: #44525f;
  font-size: 13px;
  line-height: 20px;
  font-family: WorkSans-Regular;
  font-weight: normal;
}
.walkin .bold {
  font-family: WorkSans-Medium;
  font-weight: bold;
}
.walkin .quickBookingContainer:nth-child(1) {
  padding-left: 0;
  padding-right: 4%;
}
.walkin .quickBookingContainer:nth-child(2) {
  padding-left: 2%;
  padding-right: 2%;
}
.walkin .quickBookingContainer:nth-child(3) {
  padding-left: 4%;
  padding-right: 0;
}
.walkin .quickBooking {
  background-color: #44525f;
  border-radius: 8px;
  padding: 30px;
}
.walkin .quickBooking p {
  color: #fff;
}
.walkin .quickBooking p.bookingTime {
  font-family: GearedSlab-Bold;
  color: #ffdf63;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1px;
}
.walkin .quickBooking p.bookingDuration {
  font-family: GearedSlab-Bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0px;
}
.walkin .quickBooking[disabled=disabled] {
  opacity: 0.5;
  pointer-events: none;
}
.walkin .max-width-300 {
  padding-left: 4%;
  padding-right: 0;
  margin-top: 12px;
}
.walkin .max-width-300 .summary .x-padding {
  padding: 10px;
}
.walkin .max-width-300 .panel-default {
  border-radius: 8px;
  background-color: #44525f;
  border: none;
  padding: 0 15px;
}
.walkin .max-width-300 .panel-default p {
  color: #fff;
}
.walkin .middle {
  vertical-align: middle;
}
.walkin .overdue {
  color: #e55457;
}
.walkin .endsoon {
  color: #e55457;
}
.walkin .pad10t {
  padding-top: 10px;
}
.walkin .pad10b {
  padding-bottom: 10px;
}
.walkin .pad10l {
  padding-left: 10px;
}
.walkin .desc-text {
  display: inline-block;
  padding-left: 10px;
  font-size: 16px;
}
.walkin .hacks {
  overflow: hidden;
  padding: 0px 3% 0px 3px;
  border: none;
  box-shadow: none;
}
.walkin .hidden {
  display: none;
}
.walkin .nothuge {
  font-size: 14px;
}
.walkin .input-group-fix {
  padding-left: 15px !important;
  float: left !important;
}
.walkin input[type=number]::-webkit-inner-spin-button,
.walkin input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.walkin .doubleZero {
  color: #fee;
}
.walkin .container .btn-small {
  width: 120px;
}
.walkin .container .btn-xsmall {
  width: 80px;
}
@media (max-width: 1100px) {
  .walkin .quickBookingContainer:nth-child(1) {
    padding-right: 1%;
  }
  .walkin .quickBookingContainer:nth-child(2) {
    padding-left: 0.5%;
    padding-right: 0.5%;
  }
  .walkin .quickBookingContainer:nth-child(3) {
    padding-left: 1%;
  }
  .walkin .max-width-300 {
    padding-left: 1%;
  }
  .walkin .hacks {
    padding: 0px 0.5% 0px 0px;
  }
}
.walkin .durationContainer {
  display: flex;
  justify-content: space-between;
}
.walkin .durationOption {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.walkin .durationStringContainer {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #f1f3f6;
  padding: 0 5px;
}
.walkin .durationString {
  font-family: WorkSans-Medium;
  color: #44525f;
  background-color: transparent;
  height: 28px;
  line-height: 28px;
  text-align: center;
  margin: 7.5px 0;
  border-radius: 100px;
  padding: 0 10px;
  white-space: nowrap;
  cursor: pointer;
  opacity: 1;
  min-width: 28px;
  font-size: 16px;
}
.walkin .durationPrice {
  font-family: WorkSans-Medium;
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  color: #44525f;
  font-variant-numeric: tabular-nums;
  font-size: 1.2rem;
  text-align: center;
  width: 100%;
  white-space: nowrap;
  margin: 8px 0;
}
.walkin .durationCurrency {
  font-family: WorkSans-Medium;
  font-size: 12px;
  font-weight: normal;
  line-height: normal;
  color: #44525f;
  font-variant-numeric: normal;
  margin-bottom: 8px;
  font-size: 1.2rem;
  text-align: center;
  width: 100%;
  color: #959dad;
}
.walkin .durationString:hover {
  color: #ffdf63;
}
.walkin .active {
  background-color: #44525f;
  color: #fff;
}
.walkin .active:hover {
  color: #fff;
}
.walkin .loading-products {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 37px);
  position: absolute;
  top: 37px;
  left: 0;
  z-index: 100;
  background-color: rgba(255,255,255,0.2);
}