/*****************************************************************************
   COPYRIGHT NOTICE:

    © Levart Distribution Systems
    All rights reserved.
    This document and the information it contains is confidential and
    proprietary to Levart Distribution Systems Pty Ltd.  Hence, it may not be
    used, copied, reproduced, transmitted, or stored in any form or by any
    means, electronic, recording, photocopying, mechanical or otherwise,
    without the prior written permission of Levart Distribution Systems
    Pty Ltd.

*****************************************************************************/

.fancybox-lock { overflow-y:auto; }
.fancybox-lock .fancybox-overlay { overflow-y:auto; }
.fancybox-nav span { visibility:visible; opacity:0.4; }
.fancybox-nav:hover span { visibility:visible; opacity:1; }

/****** Grid Styles ******/


.LDSGrid {
  text-align: left;
  min-height: 100px;
  padding-top: 1px;
  padding-bottom: 10px;
  margin: 0px auto;
  border: none;
  font-size: 12px;
}


/**** Info Styles ****/

.grid-info {
  font-size: 14px;
  margin-bottom: 10px;
  overflow: hidden;
}
.grid-info h3, .grid-info h3 a {
  font-weight: normal;
  font-size: 22px;
  line-height: 1.25em;
  margin-top:-5px;
  margin-bottom: 0.5em;
}
.grid-info a {
  text-decoration: none;
}
.grid-info-phone {
  display: none;
}
.grid-info-email {
  padding-bottom: 0px;
}
.grid-info-link {

}
.grid-info ul {
  list-style: none;
  padding: 0px;
  margin:4px 0 0;
}
.grid-info ul li {
  font-size:10px;
  line-height:12px;
  text-align:right;
  padding:5px 0px;
  overflow:hidden;
  border-bottom: 1px solid #eee;
}
.grid-info ul li:last-child {
  border-bottom: none;
}
.grid-info ul li a {
  font-size:12px;
  text-align:left;
  text-decoration: none;
  display:block;
  float:left;
}
.grid-instruction {
  clear:both;
  margin-bottom: 10px;
}

.grid-note-rounding {
  font-size: 11px;
  clear:both;
  margin: 5px;
}

.grid-info-noBestFit {
  display:block;
  margin:5px 0;
  padding:10px 15px;
  background-color: #fff;
  border:0;
  color: #f89406;
  border: 2px solid #f89406;
  border-radius:3px;
  font-weight: bold;
}
.grid-info-noBestFit .grid-warning {
  float:left;
}
.grid-info-noBestFit > p {
  margin-left:40px;
}

#map_canvas {
  float: right;
  width: 400px;
  height: 250px;
  margin-left: 20px;
  overflow: hidden;
}


/**** Multiroom Tabs ****/

.multiroom .roomTabs {
  margin-top:20px;
}
.multiroom .roomTabs .room {
  display:inline-block;
  margin:0px;
  padding:2px 15px;
  color:#666;
  background:#eee;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
}

.multiroom .room > div { margin:5px 0; }

.multiroom .roomTabs .room.active {
  background:#333;
  color:#fff;
}
.multiroom .roomTabs .room.set {
  background:#666;
  color:#fff;
}
.multiroom .roomTabs .room .title {
  font-weight:bold;
  font-size:16px;
}


/**** Property Styles ****/

.grid-property {
  margin: 0px auto;
}
.grid-property-header {
  height: 40px;
  padding: 0 20px;
  margin: 10px 0 2px 0;
}
.grid-property-title {
  float: left;
  margin:0 10px 0 0;
  padding:0;
  font-size: 20px;
  line-height: 40px;
  font-weight: normal;
}
.grid-property-title a {
  color: inherit;
  text-decoration: none;
}
.grid-property-distance {
  float: left;
  font-size: 11px;
  line-height: 40px;
  font-style: italic;
  margin:0;
}
.grid-property-stars {
  float: right;
}

.grid-property-star {
  display: inline-block;
  background:url("/siteSpecific/page/images/star.png") no-repeat;
  height:17px;
  width:17px;
}
.grid-property-star-half {
  display: inline-block;
  xbackground:url("/siteSpecific/page/images/starHalf.png") no-repeat;
  height:17px;
  width:17px;
}


/*** Room Styles ***/

.grid-room {
  position: relative;
  margin: 2px 0;
  overflow: hidden;
  border-radius:3px;
  padding: 0 20px;
}


.grid-room-image {
  float: left;
  margin: 20px 0 10px 0;
  width: 200px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.30);
  position:relative;
  max-height: 131px;
  overflow: hidden;
}

.grid-room-image img {
  display: block;
  width: 100%;
  height: auto !important;
}

.grid-room-image .grid-image-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.6);
  z-index: 10;
}

.grid-room-image:hover .grid-image-overlay {
  opacity: 1;
}

.grid-room-image:hover .text {
  opacity: 1;
}

.grid-room-image .text {
  color: #ffffff;
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  opacity: 0;
  transition: .5s ease;
}

.grid-room-image a:hover:after { opacity:1; }
.grid-room-img-none:after { display:none !important; opacity:0 !important; }


.grid-room-gallery-show {
  display: block;
  margin-top: 10px;
}
.grid-room-img-none {
  width: 200px;
  height: 131px;
  background: #F1F1F1 url(/html/images/bookingCart/no-image.png) center center no-repeat;
}
.grid-room-rates {
  overflow: hidden;
  padding-bottom: 5px;
}


/**** Rate Styles ****/

.grid-rate {
  position: relative;
  padding-top: 20px;
  overflow: hidden;
}
.grid-rate-inner {
  margin:0px 20px;
  overflow:visible;
  position:relative;
}
.grid-rate-info {
  padding-bottom: 5px;
  line-height: 20px;
}
.grid-rate-inner .grid-rate-info .grid-room-title {
  max-width: 33%;
}
.grid-room-title {
  float: left;
  font-size: 14px;
  margin-bottom: 5px;
  margin-right: 10px;
}
.grid-rate-info-inner {
  margin-left: 33%;
  max-width: 45%;
}
.grid-rate-title {
  cursor: pointer;
}
.grid-rate-mlos {
  font-style: italic;
}
.grid-rate-details-show {
  font-size: 11px;
  position: absolute;
  top: 0px;
  right: 0px;
  line-height: 20px;
}
p.grid-rate-more {
  margin: 5px 0 5px 0;
}
div.grid-rate-more,
div.grid-rate-all {
  margin: 5px 0 5px 20px;
}
.grid-show-button, .grid-less-button {
  padding:5px 7px;
  border-radius:2px;
  display:inline-block;
  text-decoration:none;
}
.grid-room-more {
  margin: 0 0 5px 20px;
  padding:0;
}
div.grid-room-more {
  overflow: hidden;
  margin: 2px 0;
  padding: 20px 0;
}
div.grid-room-more img {
  display: block;
  width: 148px;
  height: 98px;
  border: 1px solid #9AA69A;
  margin-left: 20px;
  margin-right: 50px;
  float: left;
}
.grid-rate-previous {
  position:absolute;
  left:-20px;
  margin-top: -75px;
  width: 20px;
  height: 50px;
  text-align: right;
  background: url(/html/images/bookingCart/view_next_days_left.png) center center no-repeat;
}
.grid-rate-previous.disabled {
  display: none;
}
.grid-rate-next {
  position:absolute;
  right:-20px;
  margin-top: -75px;
  width: 20px;
  height: 50px;
  background: url(/html/images/bookingCart/view_next_days_right.png) center center no-repeat;
 }
.grid-rate-next.disabled {
  display: none;
}
.grid-rate-book {
  position: absolute;
  margin-top: -90px;
  right: 0px;
  width: 80px;
  height: 24px;
  padding-top: 11px;

  font-size: 15px;
  line-height: 15px;
  font-weight: bold;
  text-align: center;

  border-radius: 4px;
  cursor: pointer;
}
.grid-rate-book.disabled {
  cursor: not-allowed;
}
.grid-rate-call {
  position: absolute;
  margin-top: -18px;
  right: 0px;
  font-weight: bold;
  text-align: right;
  width: 110px;
}
.grid-rate-jump {
  display: block;
  text-align: right;
  margin: 0 0 5px;
}
.grid-rate-window {
  position: relative;
  width:100%;
  padding: 0px;
  margin-bottom: 5px;
  overflow: hidden;
}
.grid-rate-days {
  position: relative;
  padding: 0px;
  margin: 0px;
  border: 0px;
  width: 50000px;
  overflow: hidden;
  padding-bottom: 2px;
}


/**** Day Styles ****/

.grid-day-padding {
  float: left;
  height: 104px;
  width: 0;
}

.grid-day {
  position: relative;
  float: left;
  width: 42px;
  margin: 0px;
  padding: 0px;
  font-weight: normal;
}
.grid-day-date {
  margin: 0px 1px;
}
.grid-day-month {
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 3px;
  white-space: nowrap;
}
.grid-day-day {
  font-size: 13px;
  text-align: center;
  padding-top: 2px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.grid-day-weekday {
  font-size: 8px;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 3px;
}
.grid-day-rate {
  position: relative;
  height: 65px;
  margin: 0px 1px;
  padding: 0px;
}
.grid-day-avail .grid-day-rate {
  background: url(/html/images/bookingCart/grid-unselected.png) center -7px no-repeat;
  cursor: pointer;
}
.grid-day-avail .grid-day-rate:hover {
  /*background: url(/html/images/bookingCart/grid-unselected.png) center -7px no-repeat;*/
}
.grid-day-notavail .grid-day-rate {
  background-position:center 10px; background-repeat:no-repeat; background-image:none;
  cursor: not-allowed;
}
.grid-day-loading .grid-day-rate {
  background: url(/html/images/loading.gif) center center no-repeat;
  cursor: not-allowed;
}
.select-day .grid-day-rate {
  background: url(/html/images/bookingCart/grid-selected.png) center -7px no-repeat;
}
.grid-day-rate div {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  padding: 0px;
  height: 14px;
  line-height:14px;
  font-size: 9px;
  text-align: center;
  text-transform: uppercase;
}
div.grid-price-base,
div.grid-price-discount,
div.grid-price-special {
  display: block;
  top: 34px;
  font-size: 12px;
  line-height: 18px;
  height: 18px;
  text-transform: none;
}
div.grid-price-discount,
div.grid-price-special {
  top: 20px;
}
div.grid-price-special {
  color: #FFD700;
}

.grid-day-discount .grid-price-base,
.select-day.select-day-special .grid-price-base {
  text-decoration: line-through;
}
.select-day.select-day-special .grid-price-special {
  color: #FFD700;
}
.select-day.select-day-special .grid-price-discount {
  display: none;
}
.select-day .grid-day-hurry,
.select-day-suggest .grid-day-hurry,
.select-day-depart .grid-day-hurry {
  display: none;
}
.select-day .grid-day-sold,
.select-day-suggest .grid-day-sold,
.select-day-depart .grid-day-sold {
  display: none;
}
div.grid-day-arrive {
  display: none;
}
.select-day-arrive .grid-day-arrive {
  display: block;
}
div.grid-day-depart {
  display: none;
}
.select-day-depart .grid-day-depart {
  display: block;
}


/**** Rate Details Styles ****/

.grid-rate-details {
  display: none;
  position: relative;
  clear: both;
  padding: 9px;
  margin-bottom: 5px;
  overflow: hidden;

  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(/html/images/bookingCart/ajax-loader.gif);
  min-height: 50px;
}
.grid-rate-details h3 {
  font-size: 11px;
  text-transform: uppercase;
}
.grid-rate-details h4 {
  font-size: 12px;
  margin-bottom: 0.5em;
}
.grid-rate-details p, .grid-rate-details li {
  font-size: 11px;
}
.grid-rate-details-close {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  background: url(/html/images/bookingCart/button-close.gif) center center no-repeat;
  cursor: pointer;
}
.grid-rate-details-main {
  xmargin-right: 210px;
}
.grid-rate-details-side {
  float: right;
  width: 200px;
}
.grid-rate-details-side div {
  max-height: 200px;
  margin: 10px 5px 5px 0px;
  padding: 5px;
  border-radius: 5px;

  overflow-x: hidden;
  overflow-y: auto;
}
.grid-rate-details-side ul {
  margin: 0;
  padding: 0;
}
.grid-rate-details-side li {
  padding: 2px 2px 2px 2px;
}


/**** qTip Styles ****/

.qtip-default {
  width: 170px;
}

.qtip-default p {
  line-height: 1.25em;
  padding: 0;
  margin: 0 0 0.5em;
}
.qtip-book {
  width: 280px;
}
.qtip-book h3 {
  font-weight: normal;
  font-size: 20px;
  text-align: center;
  margin: 8px auto 15px auto;
}
.qtip-book b {
  font-size:11px;
  text-transform: uppercase;
}
.qtip-book .total b {
  line-height: 30px;
  font-size: 12px;
  vertical-align:middle;
}
.qtip-book .total td:nth-child(2) {
  font-size: 24px; margin-top:5px;
}
.qtip-book .total i {
  font-size: 10px;
  clear:both;
  display:block;
  margin-top: 5px;
}
.qtip-book td {
  padding: 4px 10px;
  margin-right:10px;
}
.qtip-book td:first-child {
  text-align: right;
}

.qtip-warning {
  background-color: #fff;
  color: #f89406;
}

.qtip-book-close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 13px;
  height: 13px;
  background: url(/img/bookingSearch/button-close.gif) top left no-repeat;
}
.qtip-availability {
  width:auto;
  max-width:250px;
}
.qtip-availability .date { float:left; margin-right:10px; }
.qtip-availability .price { float:right; margin-left:10px; }
.qtip-availability .note { clear:both; padding-top:5px; }

/**** Grid Options ****/

.LDSGrid.options .grid-rate-inner { padding-right:80px; min-height:90px; }
.LDSGrid.options .grid-rate-book { margin-top: -60px; }
.LDSGrid.options .grid-rate-details { margin-top:10px; }

.options-rate-table { width:100%; border-collapse:collapse; table-layout:fixed; }
.options-rate-table.expanded th { border-bottom:1px solid #333; }
.options-rate-table td,
.options-rate-table th { padding:4px 5px; text-align:right; }
.options-rate-table tbody { display:none; }
.options-rate-table .borderless-col { border:0 !important; }

.options-rate-table.expanded .options-rate-total td { border-top:2px double #333; }
.options-rate-table .options-from-header { opacity:0; }
.options-rate-table.expanded .options-from-header { opacity:1; }
.options-rate-table .options-rate-average { display:none; font-weight:bold; }
.options-rate-table .options-rate-average span { font-weight:normal; }
.options-rate-table.expanded .options-rate-average { display:table-row; }
.options-rate-total td { font-size:1.2em; font-weight:bold; }
.options-rate-table .options-rate-special .options-price { text-decoration:line-through; }

.options-rate-table-holder { position:relative; display:block; border-radius:3px; clear:both; }
.options-rate-expand { text-decoration:none !important; font-size:1.5em; font-weight:bold; color:#666; position:absolute; left:5px; top:2px; z-index:1; font-family:monospace; }

.options-rate-table { background:#fafafa; }
.options-rate-table tbody tr:nth-child(2n+1) td { background:#ededed; }



/**** Colors ****/
#map_canvas {
  border: 1px solid black;
  background-color: #555555;
}
.grid-property-header {
  background-color: #AAA;
}
.grid-room {
  background-color: #f9f9f9;
}
div.grid-room-more {
  background-color: #f9f9f9;
}
.grid-rate-book {
  color: white;
  background-color: #333;
}
.grid-rate-book:hover {
  background-color:#666;
}
.grid-rate-book.disabled {
  background-color: #CCC;
}
.grid-rate-book.disabled:hover {
  background-color: #CCC;
}
.grid-show-button, .grid-less-button {
  color: #fff !important;
  background-color: #333;
}
.grid-show-button:hover, .grid-less-button:hover {
  background-color:#666;
}
.grid-day-day {
  background-color: white;
}
.grid-day-weekday {
  background-color: white;
}
.grid-day-avail .grid-day-rate {
  background-color: #DDD;
}
.grid-day-loading .grid-day-rate {
  background-color: #DDD;
}


.grid-rate-locked .grid-day-avail .grid-day-rate,
.multiroom .grid-day-avail .grid-day-rate {
  cursor: default;
}
.grid-rate-locked .grid-day:not(.select-day) .grid-day-rate,
.multiroom .grid-day:not(.select-day) .grid-day-rate {
  background-color: #DDD;
  color: #333;
  opacity:0.5;
}
.grid-rate-locked .grid-day-rate,
.multiroom .grid-day-rate {
  cursor: default;
}
.grid-rate-locked .grid-day-rate:after,
.multiroom .grid-day-rate:after {
  content: " ";
  position:absolute; background:#666; top:0; bottom:0; right:0; left:0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity:0.3;
}
.grid-rate-locked .select-day .grid-day-rate:after,
.multiroom .select-day .grid-day-rate:after {
  display:none;
}


.grid-day-avail .grid-day-rate:hover {
  background-color: #999;
  color: white;
}
.grid-day-notavail .grid-day-rate {
  background-color: #888;
}
.grid-day-notavail .grid-price-base,
.grid-day-notavail .grid-price-discount,
.grid-day-notavail .grid-price-special {
  display:none;
}
.select-day .grid-day-rate {
  background-color: #333;
  color: white;
}
.select-day-suggest .grid-day-rate {
  background-color: #333;
  color: white;
}
div.grid-day-hurry {
  color: white;
  background-color: #F06C18;
}
div.grid-day-sold {
  color: white;
  background-color: #414141;
}
div.grid-day-arrive {
  color: white;
}
.grid-rate-details {
  border: 1px solid #414141;
  background-color: white;
}
.grid-rate-details-side div {
  background-color: #F4F6F4;
}

.select-day-closed .grid-day-rate {
  box-shadow: 0px 0px 1px 1px red;
}

/*
.grid-day-closed-arrival-bg {
  position:absolute;
  z-index: 10001;
  width: 10px;
  height: 14px;
  background: transparent url(/html/images/cacd/ca_bg.png) no-repeat bottom right !important;
}

.grid-day-closed-departure-bg {
  position:absolute;
  z-index: 10001;
  width: 10px;
  height: 14px;
  background: transparent url(/html/images/cacd/cd_bg.png) no-repeat bottom left !important;
}*/

.grid-debug {
  display: none;
  font-size: 10px;
  font-style: italic;
  color: #999;
  margin-left: 15px;
}


  .ui-tooltip, .arrow:after {
    background: black;
    border: 2px solid white;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
  }
/*
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
*/


/* index.site.packages.package.tpl styles */

.grid-packages {
  background-color: #EEE;
  padding: 10px 0px;
  overflow: hidden;
}
.grid-packages label {
  margin-right: 5px;
  margin-left: 20px;
}
.grid-packages button {
  margin-left: 20px;
}
.grid-packages .hasDatepicker {
  -moz-box-sizing: border-box;
  background-image: url(/html/images/calender.png);
  background-position: right 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  font-size: 12px;
  padding: 3px;
  padding-right: 25px;
  border: 1px solid #DDD;
}


#paymentProgress { width:100%; margin:0px auto 20px auto; border:1px solid #333; border-radius:4px; overflow:hidden; display:flex; flex-direction:row; }
#paymentProgress > div {
  flex:1; text-align:center; color:#fff; background-color:#666;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right:1px solid #888;
  position:relative; height:24px; line-height:24px;
}
#paymentProgress div a { color:#fff; }
#paymentProgress div:last-child { border-right:none; }

#paymentProgress div.active ~ div { background-color:#fff; color:#333; }

#paymentProgress div.active { background-color:#333; border:none; }
#paymentProgress div.active div.arrow { border-color: transparent transparent transparent #333; border-style:solid; border-width:12px 0px 12px 6px; height:0; width:0; position:absolute; right:-6px; top:0px; z-index:1; }



.currencyConversionFrame { color:#666; font-size:12px; padding-left:5px; white-space:nowrap; width:auto; display:block; }
#currencyConvertSelector { overflow:hidden; padding:3px; text-align:right; display:inline-block; }
#currencyConvertSelector select { font-size:12px; margin-left:5px; margin-right:20px; padding:4px; border:1px solid #aaa; border-radius:2px; color:#252525; cursor:pointer; }

/* RESPONSIVE */


.grid-room-title-responsive { display:none; }




@media screen and (max-width:992px) {

.LDSGrid.options .grid-rate-inner { padding-right:10px; padding-left:10px; min-height:inherit; }
.LDSGrid.options .grid-rate-book { position:relative; float:right; clear:both; bottom:inherit; left:inherit; right:inherit; margin-top:10px; }

}




@media screen and (max-width:768px) {
.grid-room { padding:0 5px; }
.grid-room-image {  margin: 0 calc(43vw - 150px);}
.grid-rate-days { overflow-x:auto; }

.grid-rate-inner { margin:0 auto; }
.grid-rate-book { display:block; position:relative; top:inherit; right:inherit; float:none; margin:5px 10px; width:auto; }
div.grid-rate-more,
div.grid-rate-all { margin:5px 10px; }
.grid-show-button { display:block; }
/* .grid-less-button { display:none; } */

.grid-rate-call { display:none; }

.grid-rate { padding:10px 0; }

.grid-rate-previous,
.grid-rate-next { display:none; }


.grid-property-header { overflow:hidden; /* to counteract messing up grid on smaller devices when the stars overflow */ }
#map_canvas { width:auto; float:none; margin-bottom:20px; margin-left:0; }


/*.qtip  { display:none !important; }*/

.grid-day-avail:not(.select-day) .grid-day-rate:hover { background-color:#DDD !important; -webkit-tap-highlight-color:transparent; -webkit-tap-color:inherit; }


.options-rate-table .to-date-header,
.options-rate-table .to-date-col { display:none; }

.grid-rate-info { position:relative; }
.grid-rate-info-inner { margin-left:0; clear:both; position:relative; }
.grid-rate-details-show { position:absolute; }

.grid-room-title { display:none; }
.grid-room-title-responsive { display:block; clear:both; float:none; display:block; margin:0 -5px 5px -5px; padding:7px 10px; background:#e5e5e5; }
.grid-rate-title { padding-right:55px; }
.grid-rate-details-side { width:auto; float:none; margin-bottom:10px; }

#paymentProgress { width:100%; }

.LDSGrid.options .grid-rate-book { float:none; }
.LDSGrid.options table td { display:table-cell; }
.LDSGrid.options .options-rate-table .to-date-col { display:none; }

}
@media screen and (max-width:528px) {
  .grid-room-image {  margin: 0 calc(41vw - 150px);}
}

.grid-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAB3RJTUUH3wUcCBcaC2FPWQAAAfdJREFUSMfllLFrU1EUxn+n5EJecOgYwaFDC7o5ODjkD+jomEExQwMWecFCixaUDlKiKETfHTrEwbGDf4RjwQ5uCg46ZHDI0KG8G7iB4+AJvIYXSWwW8cAb3jn3nu+e7zvnwH9leeZuBe/uLHJnZUGMniqvgnfVpQPkmWuK0BBhHXg07z2Z51DwrqrKN2Bg36YIG0kafy6rgidAHWiLkAJjVbpLETZ4t5ZnLuSZe16gayt4p3nmbl+6AnvpDxEOJ75aJ75T5SPQuxRA8K4hQlOE7SSNowviCdvAzTxzd/9K5OBdRZVPwGmtE9v237fke0kah3nmngIPTfDzhSpQpQXURdgDSNI4FqElQgu4YkAvgKEqjxeiKHi3CnSBnSSNZwXQySvPJ6BAG9gN3q3NDWDCfq114vFUaGiJhwXBT4APqhzNBWCtt2X9Pm1jVcYl/n2gkWeu+UeA4F0F6APvkzR+Lkl0CpxMO2udOABeAj2jd2YFu8A1EZ6VtpywI8K9GbHXwGh6wleKE6vKAXBYtmOCd6u2j77nmVufjtuc7IvwoDjhKwVhj4CBCG9mdNwIOLNOGpUdqHXisU143+j+DWCreNPaskxEkjSORNgQ4apxziwagetGN2KlfwGqIrxdxoJU5b4N6Y2KKl0R6hY7WAaAyAXa/3H7BceTxtB33sGYAAAAAElFTkSuQmCC") !important;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  margin-right: 15px;
}

.qtip-warning .qtip-content {
  font-size: 1.2em;
  padding-left: 46px !important;
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  line-height: 16px;
}

.qtip-warning .grid-warning {
  margin: auto;
  position: absolute;
  top: 0;
  left: 10px;
  bottom: 0;
}

#ui-datepicker-div.datepicker-package {
  width: 250px !important;
  height: auto !important;
}

#ui-datepicker-div.datepicker-package th {
  padding: unset !important;
}

@media screen and (max-width:992px) {
  #ui-datepicker-div.datepicker-package {
    top: 50% !important;
    z-index: 1005 !important;
    width: 90% !important;
    margin: 0% 5% 0% 5% !important;
    left: 0px !important;
  }
}