/*
 Theme Name:   Total Child
 Description:  Total Child Theme
 Author:       Gerardo CP
 Author URI:   http://example.com
 Template:     Total
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

*/
/* 
    Created on : Apr 9, 2020, 11:07:00 AM
    Author     : cremonapg
*/
#formBookBox_01 {
  min-height: 5em;
  box-shadow: 1px 3px 9px #000;
  padding: 15px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #FFF;
  background-color: rgba(30,30,30,.75);
  top: -20em;
  left: 16%;
  right: 16%;
  font-size: 14px;
  line-height: normal;
  position: absolute;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
  -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
  z-index: 98;
}
.formBookBox_mobile {
  display: none;
}
.close_bkg_form.close_bkg1 {
  display: none;
}
.pd01 {
  padding: 0 0 15px 20px;
  display: flow-root;
  border-bottom: 1px solid #a18f85;
}
span.txt01 {
  font-weight: bold;
  font-size: 18px;
}
.txt01a {
  font-size: 18px;
  margin-right: 8px;
}
.w_bar_txt1 {
  float: left;
  width: 68%;
  font: 16px Roboto,sans-serif;
}
.w_bar_txt2 {
  float: right;
  text-align: right;
  margin-top: 10px;
}
.txt01d .fa-info-circle {
  margin-left: 7vw;
  color: rgba(199, 155, 108, 0.57);
  margin-right: 7px;
}
.txt01d {
  margin-left: 5px;
  color: rgb(199 155 108);
  font-size: 14px;
}
.pd02 {
  padding: 20px 10px 5px 10px;
  display: inline-flex;
  width: 100%;
}
.form-item1 {
  width: 45%;
  background-color: #fff;
  padding: 10px 0 0 0;
  color: #000;
  border-right: 1px solid #a79794;
  vertical-align: middle;
}
.box-range ._bkg_openDateRange {
  cursor: pointer;
}
.bkg_pax, .box-range ._bkg_openDateRange {
  float: left;
  position: relative;
}

.item_al1 {
  font-size: 15px;
  color: rgba(199, 155, 108, 0.57);
  margin-top: 5px;
  margin-right: 10px;
  display: inline-table;
  float: left;
}
.item_al2 {
  font: 300 13px Roboto,sans-serif;
  padding-top: 3px;
  display: inline-table;
  float: left;
}
#formBookBox_01 i.fa.fa-calendar, #formBookBox_01 i.fa.fa-user {
  font-size: 2em;
  margin: 0 2px 0 15px;
}

.box-range ._bkg_openDateRange .bkg_start, 
.box-range ._bkg_openDateRange .bkg_end {
  padding: 0 7px;
  display: inline-block;
}
.box-range ._bkg_openDateRange .day {
  font-size: 1.4em;
}
.box-range #daterangepickerdates{width: 100%;}
.box-range #daterangepickerdates, .box-range #daterangepickerdates_2 {
  top: -10px;
  left: 0;
  width: 100%;
  height: 63px;
  visibility: hidden;
  position: absolute;
}
.form-item2.bkg_pax {
  border-left: 0;
  margin-left: 0;
  padding-top: 8px;
}
.pd02 .bkg_pax {
  border-left: 0;
  margin-left: 0;
  padding-left: 0;
}

.item_al1 {
  font-size: 15px;
  color: rgba(199, 155, 108, 0.57);
  margin-top: 5px;
  margin-right: 10px;
  display: inline-table;
  float: left;
}
#formBookBox_01 i.fa.fa-calendar, #formBookBox_01 i.fa.fa-user {
  font-size: 2em;
  margin: 0 2px 0 15px;
}
.item_al2 {
  font: 300 13px Roboto,sans-serif;
  padding-top: 3px;
  display: inline-table;
  float: left;
}

.bkg_pax .bkg_pax_num {
  display: inline-block;
  padding: 0;
  border: none;
  text-align: right;
  background-color: transparent;
  width: 36px;
  margin-right: 8px;
}
.bkg_pax .bkg_pax_num {
  margin-bottom: 0;
  height: auto!important;
  color: #000!important;
  font-size: 16px!important;
  padding-top: 0;
}

.form-item2 {
  width: 20%;
  min-width: 195px;
  background-color: #fff;
  padding: 5px 20px 5px 20px;
  color: #000;
  vertical-align: middle;
}
.form-item2b {
  position: absolute;
  right: 0px;
  top: 0;
  height: 100%;
}
.form-item2b .bkg_pax_sum,
.form-item2b .bkg_pax_rest {
  border-radius: 0;
  Width: 100%;
  background-color: #a18f85;
  border: 1px solid #806b5f;
}
.bkg_pax, .box-range ._bkg_openDateRange {
  float: left;
  position: relative;
}


.bkg_pax .bkg_pax_sum, .bkg_pax .bkg_pax_rest {
  display: inline-block;
  min-width: 1em;
  text-align: center;
  cursor: pointer;
  line-height: 1;
  font-size: 2em;
}
.form-item3 {
  width: 30%;
}

#searchRooms button.btn, #formBookBox_01 button.bkg_consult {
  cursor: pointer;
  display: inline-block;
  overflow: visible;
  box-sizing: border-box;
  vertical-align: middle;
  font-weight: 700;
  font-size: 20px;
  margin-top: 0;
  background-color: #c79b6c;
  border: 1px solid #c79b6c;
  color: #FFF;
}
#searchRooms button.btn:hover,
#formBookBox_01 button.bkg_consult:hover {
    opacity: 0.8;
}
#formBookBox_01 button.bkg_consult {
  width: 100%!important;
  height: 60px!important;
}

#formBookBox_01.fix {
  top: 4.7em;
  border-radius: 0;
  position: fixed;
  min-height: 5em;
  top: 75px;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.fix #formBookAll, .fix #searchRooms {
  width: 1200px;
  margin: auto;
  max-width: 100%;
}
div#formBookBox_01.forseFullScreen {
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  position: fixed;
  background-color: #1e1e1e;
  padding-top: 3em;
  overflow: auto;
  margin-top: 0;
  margin-left: 0;
  overflow: auto;
  z-index: 102;
}


.box-booking {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  z-index: 9999;
  padding: 4em;
  display: none;
  clear: both;
  content: "";
  overflow: auto;
}


.box-booking .close {
  cursor: pointer;
  position: absolute;
  top: 7px;
  right: 7px;
  z-index: 99;
}

.box-booking .header-bkg {
  position: fixed;
  top: 1px;
  left: 0;
  background-color: white;
  width: 100%;
  padding: 7px;
  z-index: 9;
  box-shadow: 1px 6px 16px #000;
}
.box-booking .boody-bkg {
  margin-top: 120px;
}

.box-booking .bkg_pax{
  margin: 0;
}
.box-booking .bkg_pax .bkg_pax_num {
  color: #ffffff !important;
  font-size: 20px !important;
}
/*** AJUSTES DISEÑO 29-06-20 miramar ski ***/
.formBookBox_mobile{display: none}
.btn.focus, .btn:focus{box-shadow:none !important}
.menu-item-2708{
  color:#fff !important;
  background-color: #003f83 !important;
}
.menu-item-2708 .menu-text{color:#fff !important}
.footer .textwidget a:not(.dt-btn):hover {color: #86c0ff !important}
.dt-mobile-header .menu-item-2708 .menu-item-text{margin:auto !important}

#formBookBox_01 ::placeholder { 
  color: #000 !important;
  opacity: .5; 
}

#formBookBox_01 :-ms-input-placeholder { 
  color: #000 !important;
}

#formBookBox_01 ::-ms-input-placeholder { 
  color: #000 !important;
}


/*fixed bar*/
.fix #formBookAll, .fix #searchRooms{
  width:1200px;
  margin:auto;
}
#searchRooms{
  width: 100%;
  margin: auto;
}

/*calendario*/
.daterangepicker{
  padding:20px 20px !important;
  padding-left:60px !important;
  padding-right:60px !important;
  -webkit-box-shadow: 2px 2px 15px -6px rgba(0,0,0,0.7);
  -moz-box-shadow: 2px 2px 15px -6px rgba(0,0,0,0.7);
  box-shadow: 2px 2px 15px -6px rgba(0,0,0,0.7);    
}
.daterangepicker td.in-range {
  background-color: #a18f8561 !important;
}

.table-condensed th:not(.month):not(.prev):not(.next){border-bottom: 0px solid #003f83 !important;}
.table-condensed .prev{
  position:relative !important;
  top:100px;
  left:-45px;
}

.calendar-table .next{
  position:relative !important;
  top:100px;
  left:45px;
}
.calendar-table .month{
  font-size:16px !important;
  color:#303030;
}
.daterangepicker .btn-primary{
  padding:8px 20px !important;
  font-size:15px !important;
}
.daterangepicker .btn-close{
  padding:8px 20px !important;
  font-size:15px !important;
  background:#003f83 !important
}
.daterangepicker td.active{
  background-color:#303030 !important;
  color: #FFF;
}
.daterangepicker .disabled{color:#ccc !important}
.daterangepicker .today{
  color:#003f83 !important;
  font-weight:bold
}
.daterangepicker .today.active{color:#fff !important}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  padding: 2px;
}
/*fin calendario*/
#formBookBox_01.form-room-page{top:-24em;z-index:1}
#formBookBox_01.form-room-page.fix{top:4.8em;z-index:1;background-color: rgba(30,30,30, .90);}

.box-booking {
  background-color: #e4e4e4;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  padding: 4em;
  clear: both;
  content: "";
  overflow: auto;
}
.box-booking .close{
  color:#fff;
  opacity:.5;
}
.box-booking .header-bkg {
  background: #303030;
  color: #fff;
  top: 0;
  padding: 10px 15px;
  font-size: 12px;
  box-shadow: none;
  width: 102%;
  display: inline-flex;
  position: fixed;
  left: 0;
  z-index: 9;
}
.box-booking .header-bkg .wrap_h {
  width: 1200px;
  margin: auto;
  display: inline-flex;
}
.h-item2 .box-range #daterangepickerdates_2 {
  top: -10px;
  left: 0;
  width: 200px;
  height: 60px;
}

div#formBookBox_01.forseFullScreen #formBookAll,
div#formBookBox_01.forseFullScreen #searchRooms{
  max-width: 1200px;
  margin: auto;
}
div#formBookBox_01.forseFullScreen .close_bkg_form.close_bkg1 {
  display: block;
  float: right;
  margin-right: 2em;
  font-weight: bold;
  cursor: pointer;
}
#bkg_loading {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.59);
  color: #FFF;
  text-align: center;
  z-index: 9999;
  padding-top: 25%;
}
.loading {
    text-align: center;
    padding: 20%;
    background-color: rgba(12, 12, 12, 0.26);
    display: none;
}
/***************************************************/
@media only screen and (min-width: 1650px){
  #formBookBox_01.formBookBox_main.fix {
    width: 100%!important;
  }
}
@media (max-width:1440px){
  span.txt01d {
    display: block;
  }
  .txt01d .fa-info-circle{
    margin-left: -4px;
    margin-top: 4px;
  }
  .w_bar_txt1 {
    width: 55%;
  }
}
@media (max-width:1024px){
  div#formBookBox_01 {
    left: 2%;
    right: 2%;
  }
}
@media (max-width:768px){
  .bkg-complete-footer{min-height: 105px;}
  div#formBookBox_01 {display: none;}
  .formBookBox_mobile {
    display: block;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 6;
    left: 0;
    padding: 0;
    background-color: #303030;
    height: auto;
    box-shadow: 0 -1px 3px #303030;
    color: #FFF;
  }

  .open_bkg_form {
    font-size: 12px;
    padding: 20px 20px;
    color: #fff;
    width: 100%;
    font-weight: 700;
    margin-top: -22px;
    padding: 11px;
  }


  .open_bkg_form .td1, .open_bkg_form .td2 {
    background-color: #fff;
    color: #000;
    padding: 7px 2vw;
  }
  .open_bkg_form .td1 {
    border-right: 1px solid #000;
  }
  .open_bkg_form .td2 {
    width: 6em;
  }
  .open_bkg_form .td_search {
    padding: 7px;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    margin-top: 0;
    background-color: rgba(199, 155, 108, 0.57);
    min-width: 3em;
    width: 30px;
    text-align: center;
    margin-left: 5px;
    padding: 5px;
  }

  .open_bkg_form .item_al1 {
    margin: 0;
  }
  .open_bkg_form .item_al2 {
    margin: -5px 0 0;
  }
  .open_bkg_form .bkg_start, .open_bkg_form .bkg_end {
    float: left;
    margin-left: 7px;
    margin-top: 7px;
  }
  .open_bkg_form table {
    width: 100%;
    max-width: 501px;
    margin: auto;
  }
  .open_bkg_form .item_al3 {
    margin: 2px 0 0 2em!important;
    float: left;
  }
  .formBookBox_mobile .w_bar_txt1 {
    width: 95%;
  }
  #formBookBox_01.formBookBox_main,
  #formBookBox_01.formBookBox_main.fix {
    display: none;
    width: 100%;
    height: 100vh;
    top: 0;
    position: fixed;
    padding-top: 3em;
    overflow: auto;
    z-index: 7;
    left: 0;
    background-color: #1e1e1e;

  }
  #formBookBox_01.formBookBox_main .box-form_1 {
    height: 100vh;
    position: absolute;
    width: 98%;
    left: 1%;
  }
  .close_bkg_form.close_bkg1 {
    position: absolute;
    top: -30px;
    width: 20px;
    font-size: 20px;
    font-weight: 800;
    right: 2px;
    display: block;
  }
  .form-item2 {
    width: 150px;
  }

  .pd01.col-12 {
    background-color: #d2a68e;
    text-align: center;
    padding: 7px 0 0 0;
    color: #ffffff;
    animation: pulsebtn 2s infinite!important;
  }

  /*pulsebtn*/
}
/*@media (max-width:700px){
  .box-booking .header-bkg .wrap_h{
    display:inline-table;
    width: auto;
  }
}*/
@media (max-width:560px){
  #formBookAll .w_bar_txt2{
    display:none;
  }
  #formBookAll .w_bar_txt1 {
    width: 98%;
  }
  #formBookAll .form-item1,
  #formBookAll .form-item2,
  #formBookAll .form-item3 {
    display: flex;
    width: 320px;
    margin: 2px auto 3px;
    text-align: center;
    height: 70px;
    float: none;
  }
  #formBookAll .pd02 {display: block;}

  #formBookAll .bkg_pax_sum,.bkg_pax_rest{
    height: 36px;
  }

  #formBookAll .bkg_pax .bkg_pax_num {
    width: 74px;
    text-align: right;
    margin: auto;
    font-size: 23px !important;
  }
  #formBookAll .form-item2 .item_al2{
    margin-top: -6px;
    text-align: left;
  }
  .daterangepicker{width: 320px !important;}
}


@media (max-width:425px){
  .open_bkg_form .td1{width: 55%;}
  .open_bkg_form .td_search{width: 8%;}
  .open_bkg_form .item_al3 {margin: -1px 0px 0px 2vh !important;}
}


@keyframes pulsebtn {
  0% {
    background-color: rgb(210,166,142,0.1);
  }
  50% {
    background-color: rgb(210,166,142,0.7);
    box-shadow: 0px -3px 11px 0px #fc8e7b;
  }
  100% {
    background-color:rgb(210,166,142,0.1);
  }
}
.eicon-menu-bar{
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
}
.eicon-menu-bar:before {
  content: "\f0c9"; }

/*******************************************/
/*****      DATEPICKET          ***********/
.eicon-menu-bar{
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
}
.eicon-menu-bar:before {
  content: "\f0c9"; }
.daterangepicker {
    width: auto;
}
.daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    width: 527px;
    max-width: 90vw;
    padding: 0;
    margin-top: 7px;
    top: 100px;
    left: 20px;
    z-index: 3001;
    display: none;
    font-family: arial;
    font-size: 15px;
    line-height: 1em;
    padding: 7px !important;
}
.drp-buttons{display: none;}
.drp-calendar {
    float: left;
    padding: 3px 14px !important;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    text-align: center;
    width: 32px;
    line-height: 24px;
    font-size: 12px;
    cursor: pointer;
}

.daterangepicker select {
    word-wrap: normal;
    float: left;
    max-width: 67%;
    border: 1px solid #b7b7b7;
    background-color: transparent;
    padding: 3px;
    font-size: 11px;
}
.daterangepicker select.yearselect {    max-width: 56px;
    margin-left: 7px;}
td.active.start-date.available {
    color: #FFF;
}
.daterangepicker:before {
    left: 14px;
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #fff;
    position: absolute;
    display: inline-block;
    content: '';
}
/*****      DATEPICKET           ***********/
/*******************************************/