/* PANEL SHARED STYLES */
.LDSSearch-form { margin:0; }
.LDSSearch-style { font-size:0.8em; }

.LDSSearch-style .LDSSearch-title { font-size:1.6em; font-weight:bold; }
.LDSSearch-style.LDSSearch-layout-bar .LDSSearch-title { font-size:1.3em; font-weight:bold; }

.LDSSearch-style .LDSSearch-item-date input {
  padding-right:25px; font-size:12px; background-image:url('images/book-calendar.png'); background-repeat:no-repeat; cursor:pointer; width:100%;
  -moz-box-sizing:border-box; box-sizing:border-box; background-position-x:right; background-position-y:50%; background-position: 50% -3px;
  background-position: top 50% right 3px;
  -moz-box-sizing:border-box; box-sizing:border-box; background-position-x:right; background-position-y:50%; background-position:top 50% right 3px;
}
.LDSSearch input { font-size:12px; }

/* iPhone don't zoom! */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:768px) {
  .LDSSearch select,
  .LDSSearch textarea,
  .LDSSearch input {
    font-size: 16px !important;
  }
}

.LDSSearch-style .LDSSearch-item select{ width:100%; padding:4px; border:0; -moz-box-sizing:border-box; box-sizing:border-box; }
.LDSSearch-style input { width:100%; border:0; padding:5px; -moz-box-sizing:border-box; box-sizing:border-box; }
.LDSSearch-style button { border:0px; padding:5px; }

.LDSSearch-style .LDSSearch-submit button { background:#333333; color:#ffffff; border:none; cursor: pointer; font-weight:bold; padding: 5px 10px; float:left; margin-left:5px; }
.LDSSearch-style .LDSSearch-submit button.disabled { cursor: wait; }

.LDSSearch-style .LDSSearch-login a,
.LDSSearch-style .LDSSearch-cancel a { color:inherit; text-decoration:none; font-size:1.1em; }

.LDSSearch-style .selectboxit { font-size:12px; }

.LDSSearch .LDSSearch-form:after { content:""; clear:both; display:block; }


.LDSSearch .LDSSearch-combined .reg { font-weight: bold; }



/* PANEL BLOCK STYLING */
.LDSSearch-layout-block { padding:10px; }
.LDSSearch-layout-block label { display:block; }

.LDSSearch-layout-block .LDSSearch-title { text-align:center; padding-bottom:5px; margin-bottom:5px; }

.LDSSearch-layout-block .LDSSearch-item-select { float:left; width:30%; margin-right:5%; padding:10px 0px; }
.LDSSearch-layout-block .LDSSearch-rooms { margin-right:0; }
.LDSSearch-layout-block .LDSSearch-code { clear:left; }

.LDSSearch-layout-block .LDSSearch-fromDate  { float:left; width:47.5%; }
.LDSSearch-layout-block .LDSSearch-toDate { float:right; width:47.5%; }
.LDSSearch-layout-block .LDSSearch-nights { float:right; width:47.5%; padding:0; }


.LDSSearch-layout-block .LDSSearch-code { float:left; width:40%; }
.LDSSearch-layout-block .LDSSearch-submit { float:right; margin-top:1.2em; width:45%; text-align:right; }

.LDSSearch-layout-block .LDSSearch-login { clear:both; }
.LDSSearch-layout-block .LDSSearch-login,
.LDSSearch-layout-block .LDSSearch-cancel { float:left; width:50%; text-align:center; padding:10px 0px 5px 0px; }





/* PANEL BAR STYLING */
.LDSSearch-layout-bar { padding:5px 0px;  }
.LDSSearch-layout-bar .LDSSearch-form { height:100%; }
.LDSSearch-layout-bar label { display:block; height:1em; margin-bottom:0.4em; }
.LDSSearch-layout-bar .LDSSearch-item { float:left; margin:0px 1%; }

.LDSSearch-layout-bar .LDSSearch-title { height:100%; margin-right:2%; float:left; }

.LDSSearch-layout-bar .LDSSearch-item-select { min-width:60px; }
.LDSSearch-layout-bar .LDSSearch-item-text { max-width:100px; }


.LDSSearch-layout-bar .LDSSearch-submit { margin-top:12px; }

.LDSSearch-layout-bar .LDSSearch-links { float:right; }
.LDSSearch-layout-bar .LDSSearch-login { float:right; margin-top:0.4em; }
.LDSSearch-layout-bar .LDSSearch-cancel { float:right; clear:right; margin-top:0.2em; }








/* PANEL FLEX BAR STYLING */
.LDSSearch-layout-bar-flex .LDSSearch-form { display:flex; flex-direction:row; flex-wrap:nowrap; }
.LDSSearch-layout-bar-flex .LDSSearch-item { display:flex; flex-grow:1; flex-direction:column; align-items:stretch; justify-content:stretch; margin:0 5px; }
.LDSSearch-layout-bar-flex .LDSSearch-item-date { flex-grow:2; }
.LDSSearch-layout-bar-flex .LDSSearch-title { display:flex; justify-content:stretch; flex-grow:2; align-items:center; }
.LDSSearch-layout-bar-flex .LDSSearch-submit { align-items:center; justify-content:center; }
.LDSSearch-layout-bar-flex .LDSSearch-links { justify-content:center;}



/* PANEL FLEX BLOCK STYLING */
.LDSSearch-layout-block-flex .LDSSearch-form { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; }
.LDSSearch-layout-block-flex .LDSSearch-item { display:flex; flex-direction:column; align-items:stretch; justify-content:stretch; }
.LDSSearch-layout-block-flex .LDSSearch-title { width:100%; text-align:center; }
.LDSSearch-layout-block-flex .LDSSearch-item-date,
.LDSSearch-layout-block-flex .LDSSearch-code,
.LDSSearch-layout-block-flex .LDSSearch-submit { width:49%; }
.LDSSearch-layout-block-flex .LDSSearch-item-select { width:32%; }
.LDSSearch-layout-block-flex .LDSSearch-submit { flex-direction:column; justify-content:flex-end; }
.LDSSearch-layout-block-flex .LDSSearch-links { width:100%; flex-direction:row; }
.LDSSearch-layout-block-flex .LDSSearch-links > div { flex:1; text-align:center; }
















/* POPUP BOX AWESOME STYLING */
#LDSPopup { display:none; position:fixed; top: 0; bottom: 0; left:0; right: 0; background: url(images/popup-bg.png) top left repeat; font-size: 13px; color: black; z-index: 10000; }
.LDSPopup { display: none; position: absolute; top: 50%; left:0; right:0; max-width: 390px; margin: -200px auto 0 auto; background: white; border:none; }
.LDSPopup .LDSPopup-close { position: absolute; top: 10px; right: 10px; cursor: pointer; width:30px; height:30px; background:url(images/popup-close-button.png) top center no-repeat; border-radius:3px; border:none; }
.LDSPopup .LDSPopup-close:hover { background-position: bottom center; }
.LDSPopup .LDSPopup-header { font-size: 24px; font-weight: normal; padding: 30px 30px 10px; background: #333; color: white;}
.LDSPopup .LDSPopup-text { font-size: 16px; font-weight: normal; padding: 10px 30px 30px; background: #333; color: white;}
.LDSPopup .LDSPopup-form { padding: 30px; font-size: 14px; font-weight: normal; }
.LDSPopup .LDSPopup-form > div { padding-bottom: 15px; }
.LDSPopup label { display: block; margin: 5px 0; }
.LDSPopup input[type=text],
.LDSPopup input[type=password] { display: block; width:100%; height: 30px; border-radius: 5px; border: 1px solid #CCC; padding: 0 5px; box-sizing:border-box; }
.LDSPopup button { display: block; height: 30px; margin: 20px auto 0; cursor: pointer; padding: 0 15px; border:0px; border-radius:5px; font-size:14px; background: #333; color: white;}
.LDSPopup button:after { margin-left: 5px; content: url(images/white-arrow.png); }


.LDSPopup .LDSPopup-form .roomassignNotice { font-size:0.8em; color:#666; margin-top:20px; padding-bottom:0px; }
.LDSPopup #roomAssignForm { max-height:300px; overflow-y:auto; margin:0 -10px; }
.LDSPopup #LDSRoomAssignRows { border-collapse:collapse; margin:0px auto; }
.LDSPopup #LDSRoomAssignRows tr > * { padding:2px 10px; }
.LDSPopup #LDSRoomAssignRows input { width:50px; text-align:center; vertical-align:middle; }
.LDSPopup #LDSRoomAssignRows .roomAliasAssign { width:100px; text-align:left; }

.LDSLoading { position:fixed; width:32px; height:32px; top:50%; left:50%; margin-top:-16px; margin-left:-16px; display:none; }






/* CUSTOM SELECT BOX CODE (modified from original) */
.LDSSearch .selectboxit-container { position: relative; display: block; vertical-align: top; }
.LDSSearch .selectboxit-container * {
  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; -o-user-select: none; user-select: none;
  outline: none; white-space: nowrap;
}
.LDSSearch .selectboxit-container .selectboxit { cursor: pointer; overflow: hidden; display: block; position: relative; }
.LDSSearch .selectboxit-container span, .LDSSearch .selectboxit-container .selectboxit-options a { display: block; }
.LDSSearch .selectboxit-container .selectboxit:focus { outline: 0; }
.LDSSearch .selectboxit-container select { z-index:1 !important; }

.LDSSearch .selectboxit.selectboxit-disabled, .LDSSearch .selectboxit-options .selectboxit-disabled { opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor: default; }
.LDSSearch .selectboxit-text { text-overflow: ellipsis; float: left; }
.LDSSearch .selectboxit .selectboxit-option-icon-container { margin-left: 5px; }
.LDSSearch .selectboxit-container .selectboxit-options {
  -moz-box-sizing: border-box; box-sizing: border-box; min-width: 100% !important; *width: 100%; margin: 0; padding: 0; list-style: none; position: absolute;
  overflow-x: hidden; overflow-y: auto; cursor: pointer; display: none; z-index: 9999999999999; text-align: left; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
.LDSSearch .selectboxit-option .selectboxit-option-anchor{ padding: 2px 5px; }
.LDSSearch .selectboxit-option .selectboxit-option-anchor:hover { text-decoration: none; }
.LDSSearch .selectboxit-option, .LDSSearch .selectboxit-optgroup-header { margin: 0; list-style-type: none; }
.LDSSearch .selectboxit-optgroup-header { font-weight: bold; }
.LDSSearch .selectboxit-optgroup-header:hover { cursor: default; }

.LDSSearch .selectboxit-arrow-container { width: 20px; position: absolute; right: 0; top:0; bottom:0; }
.LDSSearch .selectboxit .selectboxit-arrow-container .selectboxit-arrow { margin: 0 auto; position: absolute; top: 50%; right: 0; left: 0; margin-top:-2px; opacity:0.5; }
.LDSSearch .selectboxit.selectboxit-hover .selectboxit-arrow,
.LDSSearch .selectboxit.selectboxit-focus .selectboxit-arrow { opacity:1; }
.LDSSearch .selectboxit-option-icon-container { float: left; }
.LDSSearch .selectboxit-option-icon-url { width: 18px; background-size: 18px 18px; background-repeat: no-repeat; height: 100%; background-position: center; float: left; }
.LDSSearch .selectboxit-rendering { display: inline-block !important; *display: inline !important; zoom: 1 !important; visibility: visible !important; position: absolute !important; top: -9999px !important; left: -9999px !important; }


.LDSSearch .selectboxit-btn { background:#fff; color:#333; padding:4px 0px; text-indent:5px; }
.LDSSearch .selectboxit-default-arrow { width: 0; height: 0; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.LDSSearch .selectboxit-list {
  background-color: #ffffff; padding:2px 0; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.LDSSearch .selectboxit-list .selectboxit-option-anchor { color: #333333; }
.LDSSearch .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor { color: #ffffff; background-color: #0081c2;}
.LDSSearch .selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor { color: #999999; }

.LDSSearch .selectboxit-btn { width:100% !important; }



@media screen and (min-width: 700px){
  .sold .tooltiptext, .CTA .tooltiptext, .CTD .tooltiptext, .CTACTD .tooltiptext, .mlos .tooltiptext, .mlosSelected .tooltiptext, .includeSold .tooltiptext, .mlosEnd .tooltiptext {
    visibility: hidden;
    width: max-content !important;
    background-color: white;
    color: black !important;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    margin-top: -60px;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 100% !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.8);
    font-weight: 600 !important;
    font-family: Noto Sans, sans-serif !important;
    height: auto !important;
    text-align: left !important;

  }
}
@media screen and (max-width: 700px){
  .sold .tooltiptext, .CTA .tooltiptext, .CTD .tooltiptext, .CTACTD .tooltiptext, .mlos .tooltiptext, .mlosSelected .tooltiptext{
    visibility: hidden;
    width: 90% !important;
    background-color: white;
    color: black !important;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    margin-top: -90px;
    margin-bottom: 20px;
    margin-left: 0%;
    opacity: 100% !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.8);
    font-weight: 600 !important;
    font-family: Noto Sans, sans-serif !important;
    height: auto !important;
    text-align: left !important;
    font-size: 9px;
    left: 10px;
    text-align: center !important;

  }
}


.sold:hover .tooltiptext, .CTA:hover .tooltiptext,  .CTD:hover .tooltiptext, .CTACTD:hover .tooltiptext,  .mlos:hover .tooltiptext, .mlosSelected:hover .tooltiptext, .includeSold:hover .tooltiptext, .mlosEnd:hover .tooltiptext{
  visibility: visible;
  opacity: 100%;
  z-index: 999999999999999;

}

.sml-ctd {
  color: black;
  margin-left: 5px;
  font-size: 10px;
}

.sml-ctd .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 8%;
  left:28%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}


.sml-ctd .tooltiptext::after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.sml-ctd:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}


.sml-mlos .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 8%;
  left:28%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.sml-mlos .tooltiptext::after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.sml-mlos:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.cta-tag {
  bottom: 0;
  width: 50%;
  height: 5px;
  border-bottom: 5px solid #c75600;
  float: left;
  box-sizing: border-box;
  margin-top: -15%;
}

.ctd-tag{
  bottom: 0;
  width: 50%;
  height: 5px;
  border-bottom: 5px solid #c79200;
  box-sizing: border-box;
  float: right;
  margin-top: -15%;
}


.available{
  padding-left: 5px !important;
  padding-right: 5px !important;
  width: auto !important;
}


@media screen and (max-width: 700px){
  #ui-datepicker-div{
    width: 100% !important;
  }

}

@media(hover: none) and (pointer: fine) {
  .mlos:hover .tooltiptext{
    visibility: visible;
    opacity: 100%;
    z-index: 999999999999999;
    transition: all .4s;
    -webkit-transition: all .4s; /* Safari and Chrome */
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
  }
  .mlos .tooltiptext{
    transition: all .4s 4.6s;
    -webkit-transition: all .4s 4.6s; /* Safari and Chrome */
    -moz-transition: all .4s 4.6s;
    -o-transition: all .4s 4.6s;
    -ms-transition: all .4s 4.6s;
    transition: all .4s 4.6s;
  }
}

.mobileSelect .tooltiptext{
  opacity: 100%;
  visibility: visible;
  z-index: 999999999999;
}


.mlosEnd{
  /*background-color: #ebebeb;*/
}


/* when multiRoomFirstAndLastName enabled in booking panel setup */
#LDSPopup #LDSPopup-roomassign:has(table.show-first-and-last) {
  max-width: 480px;

  .LDSPopup-form {
    padding: 20px;
  }

  #roomAssignForm {
    margin: 0;
  }


  table#LDSRoomAssignRows {
    margin: 0;
    width:100%;

    th, td {
      padding: 0;
      height: 38px;
      vertical-align: middle;
    }

    th {
    }

    th:first-child {
      text-align: center;
      width: 60px;
    }

    .adultAssignCell,
    .childrenAssignCell {
      width: 64px;
      text-align: center;

      input {
        margin: 0 auto;
      }
    }


    td:not(.guests-name) {
      text-align: center;
    }

    td.guests-name div {
      display: flex;

      input {
        flex: 1;
        text-align: left;
      }

      input.guestFirstName {
        border-radius: 5px 0 0 5px;
        border-right-color: #eee;
      }

      input.guestLastName {
        border-radius: 0 5px 5px 0;
        border-left: 0;
      }

    }

  }


  #roomAssignSubmit {
    margin-inline: auto;
    display: block;
  }

}