body {
font-size: 12px;
line-height: 1.42857;   
}
a, .fakelink{
-webkit-transition: color 1s ease-out;
-moz-transition: color 1s ease-out;
-o-transition: color 1s ease-out;
transition: color 1s ease-out;
text-decoration: underline;
}
.fakelink {
cursor:pointer;
text-decoration: underline;
color: #008acc;
}
a:hover {
text-decoration: none;
}
.colorlink, .colorlink a{
color: #0070a3;
}
.fullwidth{
width:100%
}
hr {
margin-bottom: 0;
margin-top: 0;
border-top: 0!important;
width: 98%;	
}
#AcceptUIContainer {top:300px !important;}
.b24inline-block{
display: inline-block;
}
#bookingpage {
max-width:auto;
}
.colorbody img{
height: auto;
max-width: 100%;
}
.colorbody pre {
background-color: inherit;
border: none;
color: inherit;
font-size: inherit;
line-height: inherit;
}
.row {
margin-left: -10px;
margin-right: -10px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
padding-left: 10px;
padding-right: 10px;
}

/********language and currency ****/

.b24languagedropdown .btn, .b24languagedropdown  .btn.active,  .b24languagedropdown .btn:active,  .b24currencydropdown .btn,  .b24currencydropdown .btn.active,  .b24currencydropdown.btn:active {
background: transparent;
border: none;
font-size: inherit;
color: inherit;
font-weight: bold;
text-decoration: underline;
padding: 6px 0 6px 0;
box-shadow: none;
}

.b24languagedropdown .dropdown-menu {
font-size: inherit;
min-width: 0px !important;
}

.b24currencydropdown .dropdown-menu {
font-size: inherit;
min-width: 0px !important;
right: 0;
left: auto;
text-align: right;
}


.b24currencydropdown  a, .b24languagedropdown a {
width: auto !important;
text-decoration: none;
}


.altcurrency{
font-weight: normal;

}

.b24-roomprice .altcurrency{
text-align: left;
padding-bottom: 3px;
font-size: 80%;
} 


/*Selectorstrip*/
#b24scroller, #b24bookshoppingcart{
border-radius: 0px; 
}

#b24scroller .form-control , .b24-multipricebox .form-control {
height: 30px; 
    
}

#b24scroller .bootstrap-switch{
padding: 0; /*Facelift*/
}

#b24scroller .bootstrap-switch-handle-off, #b24scroller .bootstrap-switch-handle-on, #b24scroller .bootstrap-switch-label, .b24-roomselect {
height: 30px;  /*Facelift*/
font-size: inherit;/*Facelift*/
}

.scrollerfixedtop {
position: fixed;
margin-top: 0!important;
z-index: 1000;
}

.form-control {
height: auto;   
font-size: inherit;
padding: 3px;
}

.input-group .form-control:first-child{
border-radius: 4px;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-radius: 4px;
}

#b24scroller .input-group-addon{
padding: 6px;
border-radius: 4px 0 0 4px;
}

#b24scroller .date .form-control {
border-radius: 0 4px 4px 0; /*Facelift*/
}

.form-control[disabled], .form-control[readonly], fieldset[disabled], .form-control, .input-group-addon{
color: #2f2f2f;
}

.form-control:focus {
border-color: #66afe9;  
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}


.input-mini { width: 60px; 
} 
.input-small { width: 90px; 
}
.input-medium { width: 120px; 
}

#checkin  .form-control[disabled],  #checkin .form-control[readonly], #checkin  fieldset[disabled], #checkin  .form-control, .input-group-addon, #checkout  .form-control[disabled],  #checkout .form-control[readonly], #checkout  fieldset[disabled], #checkout .form-control, .input-group-addon  {
background-color: #ffffff; 
}

#checkin, #checkout {
width: 100%;
}

#multiplecheckbox{
text-align: left;
}

#multiplecheckbox .checkbox{
margin: 0;
padding: 0;
}

#multiplecheckbox label{
font-weight: bold;
padding: 0;	
}

.bootstrap-switch {
display: block;
border-radius: 4px;
font-size: inherit;
padding: 3px;
}

/*!
 * Datetimepicker for Bootstrap v3
//! version : 3.1.3
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  top: 0;
  left: 0;
  width: 250px;
  padding: 4px;
  margin-top: 1px;
  z-index: 99999 !important;
  border-radius: 4px;
  color: #2f2f2f;
}
.bootstrap-datetimepicker-widget.timepicker-sbs {
  width: 600px;
}
.bootstrap-datetimepicker-widget.bottom:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.bottom:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  top: -6px;
  left: 8px;
}
.bootstrap-datetimepicker-widget.top:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.top:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  position: absolute;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget .dow {
  width: 14.2857%;
}
.bootstrap-datetimepicker-widget.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget > ul {
  list-style-type: none;
  margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}
.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator {
  width: 4px;
  padding: 0;
  margin: 0;
}
.bootstrap-datetimepicker-widget .datepicker > div {
  display: none;
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-datetimepicker-widget td,
.bootstrap-datetimepicker-widget th {
  text-align: center;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}
.bootstrap-datetimepicker-widget td.cw {
  font-size: 10px;
  height: 20px;
  line-height: 20px;
  color: #777777;
}
.bootstrap-datetimepicker-widget td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget td.old,
.bootstrap-datetimepicker-widget td.new {
  color: #777777;
  color: inherit;	
}
.bootstrap-datetimepicker-widget td.today {
  position: relative;
}
.bootstrap-datetimepicker-widget td.today:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #428bca;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover {
  background-color: #dddddd;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	font-size:inherit;
}

.bootstrap-datetimepicker-widget td.active.today:before {
  border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget td.disabled,
.bootstrap-datetimepicker-widget td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget td span:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget td span.active {
  background-color: #428bca;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget td span.old {
  color: #777777;
}
.bootstrap-datetimepicker-widget td span.disabled,
.bootstrap-datetimepicker-widget td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget th {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget th.picker-switch {
  width: 145px;
}
.bootstrap-datetimepicker-widget th.next,
.bootstrap-datetimepicker-widget th.prev {
  font-size: 21px;
}
.bootstrap-datetimepicker-widget th.disabled,
.bootstrap-datetimepicker-widget th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
  background: #eeeeee;
}
.input-group.date .input-group-addon span {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.bootstrap-datetimepicker-widget.left-oriented:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.left-oriented:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody > tr > td {
  padding: 0px !important;
}

/*Buttons*/
button, input, optgroup, select, textarea {
color: initial;
}

.btn{
text-decoration: none;
-webkit-transition: background-color 1s ease-out;
-moz-transition: background-color 1s ease-out;
-o-transition: background-color 1s ease-out;
transition: background-color 1s ease-out;
}

.btn a{
text-decoration: none;
}

#b24multibookbottom .form-group {
margin-bottom: 0;
padding-bottom: 10px;
}

.button, .buttondis {
border: none;
}

.button:hover {
 color: #ffffff;
}

.colorbookingstrip, .selectorstripinfo{
background: linear-gradient(to bottom, #f5f5f5 0px, #e8e8e8 100%);
}

.colorbookingstrip{
z-index: 1000;
}

.b24-bookingstrip{
padding: 10px 15px 5px 15px;
margin: 10px 0 10px 0;
}

/*Property Modules*/

.at_propnamemoduletext{
font-size: 180%;
font-weight: bold;
margin-bottom: 10px;
}

.b24-multirombutton{
padding-top: 10px
}

/*Multiple Properties*/

.newsearch{
font-weight: bold;
}
.b24-agencysearch{
padding: 0 10px 0 10px;
}

.b24-agencysearchlink a{
padding:0 0 10px 0;
font-weight: bold;
}

.b24-panel-advancedsearch .btn-group{
margin-right: 15px;
}

.b24-panel-advancedsearch .btn-group{
margin: 0 5px 10px 0;
}

.b24-panel-advancedsearch{
padding-top: 10px;
}

.plist_optlabel{
font-weight: bold;
padding-right: 7px;
}

.b24-agency-search-checkbox {
display: inline-block;
padding: 0 10px 10px 0;
vertical-align: top;
}

.b24-agency-search-checkbox-horizontal .plist_optlabel, .b24-agency-search-checkbox-horizontal ul{
display: inline-block;
}

.checkboxhorizontal li {
list-style: outside none none;
padding-left: 0;
padding-right: 7px;
display: inline-block;
}

.checkboxhorizontal, .checkboxvertical {
padding-left: 0;
}

.b24-agency-search-checkbox label {
font-weight: normal;
}

.b24-agency-search-checkbox input {
margin-right: 5px;
}

.checkboxvertical li {
list-style: outside none none;
padding-left: 0;
}

.propfrombook{
float: right;
}

.propfromprice{
font-size: 80%;
display: inline;
padding-right: 5px;
}


.propfromprice .bookingpagecurrency, .propfromprice .bookingpagecurrency2,  .propfromprice .bookingpagedollars,  .propfromprice .bookingpagecents{
 font-size: 160%;
font-weight: bold;
}

.b24-roomprice .perpersonperday{
font-weight: normal;
font-size: 70%;
padding-bottom: 2px;
}

.at_offerfromdiv .perpersonperday, .at_roomofferprice .perpersonperday{
font-weight: normal;
font-size: 80%;
}

/*Multiple Properties Map*/
.gm-style-iw{
max-width: 220px !important;
max-height: 160px !important;
}

.gm-style-iw-d{
max-height: 150px !important;
}

.gmapimg{
max-height: 115px !important;
overflow: hidden;
}

.gmapname{
padding-top: 5px;
}


/*Features Module*/
.b24-featurewell {
margin-bottom: 10px;
}

.b24-featurewell h4{
font-size: 100%;
font-weight: bold;
margin-bottom: 0;
}

.b24-featurewell h4 .glyphicon, .b24-featurewell h4 .fa{
font-size: 120%;
}

.b24-featurewell p{
margin: 0;
}
/*Panel*/
.panel, .panel-heading, .panel-group, .panel-group .panel {
border-radius:0;
box-shadow: none;       
}

.panel {
margin-bottom: 10px;
}

.panel-body {
padding: 5px 15px 5px 15px;
}

.panel-heading {
padding: 5px 15px 5px 15px;
}

.panel-heading a {
text-decoration: none;
}

.b24-panel{
background-color: transparent;
border: none;
border-color: inherit;	
}

.b24panel .panel-body{
padding-left: 0;
padding-right: 0;
border: none;	
}

.b24panel .panel-heading {
background-image: none;
background-repeat:none;
background-color: inherit;
color: inherit;	
}

.b24panel .panel-title {
font-size: inherit;
padding-bottom: 0px;
}

/*Room Modules*/
.at_roomnametext, .at_propnametext{
font-size: 140%;
font-weight: bold;	
}

.b24room-details-link{
font-size: 80% !important;
border: none !important;
}

/*Offer Modules*/

.at_offername{
font-size: 120%;
font-weight: bold;
padding:  0 0 10px 0;
}

.b24-roomselect {
font-size: inherit;
height: auto;
padding: 6px 6px;
}

.b24-multipricebox{
clear: both;
margin-bottom: 10px;	
text-align: right; /*Facelift*/
}

.b24-adultselect{
margin-bottom: 2px;
}

.b24-labelmulti{
width: 40px;
text-align: left;
padding-right: 5px;	
}


.b24-quantityselect{
width: 150px;
float: right;	
}

.b24-labelmulti{
width: 40px;
text-align: left;
padding-right: 5px;	
}

.b24-roomprice, .at_roomofferprice{
font-weight: bold;
font-size: 140%; 
}

.b24-roomprice{
/*padding-top:5px;*/
text-align: right; 
}

.b24-roombuttondiv{
padding-bottom: 10px;
}

.b24quantity-label{
padding-top: 0!important;
}

.b24-roomtable {
margin-bottom: 0;
}

.b24-module {
padding-bottom: 5px;
padding-top: 5px;
}

/*all modules need this so they dont squash up in small views
.b24-offer-pic, .b24-roompic, .b24-prop-pic, .monthcalendar, .at_offersummary, .multiroomshow, .b24-room-desc, .b24-prop-desc, .b24-offer-detail, .b24-room-detail, .b24-pricerow, .b24-roombuttondiv{
padding-bottom: 5px;
padding-top: 5px
}
*/
/*Offer Modules*/

.table-responsive {
 border: none;
}

.roomoffercalendarmonth {
margin-bottom: 5px;
}

.roomoffercalendarmonth table {
border-collapse: separate;
border-spacing: 2px;
}

.roomcalendarmonth, .roomoffercalendarmonth   {
display:inline-block;
}

.monthcalendar {
width: 100%;
bottom: 0;
border:none;
/*border: solid;*/
border-collapse: separate;
border-spacing: 0;
/*border-width: 0 1px 1px 0;*/
}

.monthcalendar th, .monthcalendar td{
padding: 2px !important;
}

.monthcalendarhead {
font-weight: 800;/*Facelift*/
}


.b24backonemonth, .b24forwardonemonth{
cursor: pointer;
}

.monthcalendar td{
text-align:center;
height:27px;
border:none;
border-radius: 0px; /*Facelift*/
border-collapse:separate;
border-spacing:0;
border-width:1px 0 0 1px;
width:14.2857%;
}

.availabilitytable {
width: 100%;	
}

.dateavail, .daterequest {
cursor: pointer;
}

.datestay {
font-weight: bold;
}

.roomofferpricetable{
width: 100%;
text-align: center;
border-collapse: separate;
border-spacing: 0;
border-width: 0 1px 1px 0;
}

.roomofferpricetable td {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
padding: 2px;
}

.table-responsive {
width: 1px;
min-width: 100%;
*width: 100%;
}

.roomofferpricetablecalendar .monthcalendar th, .roomofferpricetablecalendar .monthcalendar td {
 height: auto;
}
.rrr {
border-right-width: 1px !important;
}

.bbb{
border-bottom-width: 1px !important;
}


.roomoffermarketingheader{
font-weight: bold;
text-align: center;
}

.roomoffermarketingheader{
font-weight: bold;
text-align: center;
}

.roomofferpricetablecalendar{
padding: 0 !important;
background: transparent !important;
}

.roomofferpricetablecalendar td{
border: none !important;
}
.roomofferpricetablecalendar .monthcalendar th, .roomofferpricetablecalendar .monthcalendar td{
padding: 2px !important;
}

.roomofferqtyselectlabel{
display:none;
}

.roomofferpricetable .roomoffercalendarmonth td{
padding: 2px;
border: none;
}

.roomofferpricetablecalendar .monthcalendar{
border: none;
width: 100%;
margin-bottom: -5px;	
}
.at_headstay{
border: none;
}

.at_checkin, .at_checkout{
font-weight: bold;
}

.b24-roomwarn{
padding: 5px;
}

.ajaxroomwarn.at_offerfromdiv {
text-align: right;/*Facelift*/
margin-top: 10px;/*Facelift*/
font-weight: 800;/*Facelift*/
}

.roomalert{
color: #0070a3;
font-weight: bold;
}

.booktexterrortr{
padding-bottom: 5px;
}

.b24roomenquire{
text-align: center;
}

/* offer selectors */
.b24-form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
.b24-form-inline .form-control {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}
.b24-form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
}
.b24-form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
    width: auto;
}
.b24-form-inline .input-group > .form-control {
    width: 100%;
}
.b24-form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
}
.b24-form-inline .radio, .form-inline .checkbox {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
    vertical-align: middle;
}


/* Multiple Properties ?? */
.plist_propdesc{
padding-bottom: 10px;
}


/* bootstrap slider */
.bootstrap-carousel-img{
width: 100%;
}

.carousel-control.left, .carousel-control.right{
background-image: none;
}

.bootstrap-slider-thumb{
width: 50px;
height: 50px !important;
margin-top: 5px;
cursor: pointer;
}

.thumbnailselected img {
opacity:0.5;
}

/*JSSOR skins*/

.jssort07 .pav .o {
border:none;
}
.jssora19l, .jssora19r {
display: block;
position: absolute;
width: 50px;
height: 50px;
cursor: pointer;
background: url(jssor/19.0/img/a19.png) no-repeat;
overflow: hidden;
}
.jssora19l { background-position: -5px -35px; }
.jssora19r { background-position: -65px -35px; }
.jssora19l:hover { background-position: -125px -35px; }
.jssora19r:hover { background-position: -185px -35px; }
.jssora19l.jssora19ldn { background-position: -245px -35px; }
.jssora19r.jssora19rdn { background-position: -305px -35px; } 

.jssort07 {
position: absolute;
width: 100%;
height: 100px;
}
.jssort07 .p {
position: absolute;
top: 0;
left: 0;
width: 72px;
height: 72px;
}
.jssort07 .i {
position: absolute;
top: 0px;
left: 0px;
width: 72px;
height: 72px;
filter: alpha(opacity=80);
opacity: .8;
}
.jssort07 .p:hover .i, .jssort07 .pav .i {
filter: alpha(opacity=100);
opacity: 1;
}
.jssort07 .o {
position: absolute;
top: 0px;
left: 0px;
width: 70px;
height: 70px;
border: none;
box-sizing: content-box;
transition: border-color .6s;
-moz-transition: border-color .6s;
-webkit-transition: border-color .6s;
-o-transition: border-color .6s;
}
.jssort07 .pav .o {
border-color: #0099ff;
}
.jssort07 .p:hover .o {
border-color: #fff;
transition: none;
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
}
.jssort07 .p.pdn .o {
border-color: #0099ff;
}
* html .jssort07 .o {
/* ie quirks mode adjust */
width /**/: 72px;
height /**/: 72px;
}

/*Shoppingcart*/

#b24bookshoppingcart{
padding-bottom: 10px;
}

#b24bookshoppingcart table{
width: 100%;
}

#b24bookshoppingcart td{
padding: 3px 5px 3px 0;
}

.adulticon{
font-size: 90%;
}
.childicon{
font-size: 70%;
}

/*Foooter*/
.roompagination{
text-align: center;
cursor: pointer;
}

.roompagination span{
margin: 3px 2px 3px 3px;
}

.at_limitpagethis{
font-weight: bold;
}
.mobile_footer{
margin-bottom: 5px;
}

.b24-versionview, .book_poweredby {
font-size: 85%;
padding: 10px 0;
}

/*Second screen guest details*/
/*.selectorstripinfo{
padding: 5px;
}*/

select,  .booktextinput, .booktextareainput,  .bookselect,  .inputdiscountphrase /*apply form-control stypel to selects and inputs*/  {
padding: 3px 6px;
line-height: 1.42857143;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

select:focus, .booktextinput:focus,  .booktextareainput:focus, .bookselect:focus, .inputdiscountphrase:focus,  /*apply form-control stypel to selects and inputs*/  {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.bp2bookcollectpayment, .bp2bookconfirmed{
padding: 15px;
}

#selectorstripinfo {
margin: 0;
padding: 0;
}
.ssi_makeabooking {
font-size: 160%;
font-weight: bold;
}
.guestdetailsrow{
font-size: 140%;
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 5px;
}

.roomnamerow {
font-weight: bold;
margin-top: 20px;
margin-bottom: 5px;     
font-size: 140%;
padding: 2px 0  2px 0;
}

.bookextrasrow, .vouchercodetext{
font-size: 120%;
font-weight: bold;
line-height: 2;
}

.questionrow{
margin-bottom: 10px;
}

.bp2book{
line-height: 1.5;
}
.plist_propnamespan {
font-size: 130%;
font-weight: bold;
padding-bottom: 5px;
}


.b24-selectionrow{
padding: 3px 0 3px 0;   
}

.b24pricecol{
text-align: right;
}

.b24-extraselct{
max-width: 80px;
font-size: inherit;	
}

.b24_voucherbutton{
margin-left: 3px;
}

.booktextinput {
width: 100%;
}

.totalpricerow{
font-size: 140%;
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 5px;
padding-bottom: 5px;	
}

.creditcardlabelrow, .confirmationlabelrow {
font-size: 140%;
font-weight: bold;
margin-bottom: 10px;
margin-top: 10px;
padding-bottom: 5px;
padding-top: 5px;
}

.propconfirmbookmessage{
padding: 5px 0 5px 0;
}

.book_securelogo {
padding: 10px 0 10px 0;
}

.confirmation {
padding: 10px 0 10px 0;
}


.paybutton /*override paybutton from booking2.css to apply btn styles*/ {
padding: 6px 12px;
margin-bottom: 0;
font-weight: 400;
line-height: 1.42857143;
vertical-align: middle;
}

.bp2bookcollectpayment .paybutton{
margin-bottom: 0;
}

.conf_confirmtype {
margin: 10px 0;
padding: 0;
}

.conf_confirmmsg {
padding: 0;
}

#paymentgatewayaccordion .panel-heading{
cursor: pointer;
}

#paymentgatewayaccordion .panel-heading a{
text-decoration: none;
}
.paymentgatewaycardcollect .row {
margin-left: 0px;
margin-right: 0px;
}

.paymentgatewaycardcollect .booktextdiv, .paymentgatewaycardcollect .booktexterrordiv{
max-width: 100%;
}

.paymentgatewaycardcollect  #guestcardccv, .paymentgatewaycardcollect  #guestcardccv{
width: 50%;
}

.paymentgatewaycardcollect #guestcardexpiremonth, .paymentgatewaycardcollect #guestcardexpireyear {
width: 25%;
display: inline;
}

.bp2bookpay{
padding-top: 30px;
}

.bp2bookconfirmed .panel-default{
margin-top: 100px;
padding: 15px;
border-radius: 4px;
}

.bookpayconfirmgatewaymessage {
margin: 10px 0 20px 0;
font-size: 150%;
}  

.bookpayconfirmgatewaymessage .alert {
margin-bottom: 0;
}  


/*New check-out page*/

.b24-guest-details-right{
float: right;
}
    
.b24-guest-details-left .book_confirmbooking, .b24-guest-details-right .book_confirmbooking  {
padding-right: 0;
}
    
.b24-guest-details-left .panel-body {
padding-top: 10px;
padding-bottom: 10px;
}
    
.b24-guest-details-left .at_extratext {
font-weight: normal;
}

.b24-upsell-pic {
text-align: center;
}

.b24-upsell-pic img {
max-width: 100%;
margin: 0 auto;
}
       
.b24-upsell-title{
font-size: 120%;
font-weight: bold;
padding-bottom: 5px;
}

.b24-upsellname{
margin-top: 10px;
}
 
.b24-upsell-title, .b24-upsell-text{
padding-right: 0;
padding-left: 0;
}

.b24-upsell-select, .b24-upsell-price {
padding-right: 0;
padding-left: 10px;
}

.b24-guest-details-left .calcextrapdesc{
display: block;
}

.b24-guest-details-left input[type="checkbox"]{
width: 1.8em;
height: 1.8em;
}

.b24-guest-details-left .control-label {
text-align: left;
font-weight: normal;
}

.b24-guest-details-left .booktextdiv {
max-width: 100%;
}
    
.b24-guest-details-left .creditcardlogos img{
padding-top: 3px;
}

.b24-guest-details-left .booktexterrordiv{
color: #a94442;
background-color: #f2dede;
padding: 15px;
border: 1px solid #ebccd1;
border-radius: 4px;
}
    
.b24-checkout-divder {
margin-top: 10px;
margin-bottom: 10px;
border-top: 1px;
}

.b24-guest-details-right img {
max-width: 100%;
margin: 0 auto;
padding: 0 20px 10px 20px;
}
    
.b24-guest-details-right .at_offername {
font-size: 100%;
font-weight: bold;
padding: 0;
margin-left: 0;    
}
 
.b24-guest-details-right .at_roomqtyselector {
margin: 5px 0 5px 0;
}


.b24-guest-details-right .at_offersummary{
padding: 5px 0 10px 0;
}
    
.b24-guest-details-right .totalpricerow { 
font-size: 110%;
font-weight: bold;
margin-top: 0;
margin-bottom: 20px;
padding-top: 0px;
padding-bottom: 0px;
}

.b24-guest-details-right .book_securelogo{
padding: 5px 0 10px 0;
}

/*small screens    */
@media only screen and (max-width: 767px){
input, select {
font-size: 16px !important; /*prevent zoom in*/
}
    
#b24scroller .input-group-addon{
display:none;
}

        
.b24-selector-checkin, .b24-selector-numadult{ padding-right: 2px;}
	
.b24-selector-checkout, .b24-selector-numchild{ padding-left: 2px;}	
	
.b24-selector-checkin .form-group, .b24-selector-checkout .form-group { 
background: none repeat scroll 0 0 #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
transition: padding 0.25s ease 0s, border-radius 0.25s ease 0s;	
text-align: center;	
border: 1px solid #ccc;	
padding: 5px 0 5px 0;	
}
	
#inputcheckin, #inputcheckout{
border: none;
background: transparent;
padding: none;	
text-align: center;	
}
	
#checkin, #checkout{
text-align: center;
margin: 0 auto;	
}	

.bootstrap-datetimepicker-widget.timepicker-sbs {
width: 283px;
  }	
#multiplecheckbox, #multiroomcheckbox{
display: inline-block;
}
	
#multiroomcheckbox{
text-align: left;	
}
	
#multiplecheckbox{
text-align: center;
}

.bootstrap-switch {
display: inline-block;
margin-left: 5px;
}
		
.button, input{
width: 100%;
}
	
.at_roomofferprice{
margin: 0 auto;	
text-align: center;	
}	
	
.b24-roombuttondiv{
width: 80%;
margin: 0 auto;	
}
	
.b24-offer-select {
padding-top: 10px;
}	
	
.b24-offer-pic img, .b24-roompic  img,  .b24-prop-pic  img{
margin: 0 auto;
text-align: center;
}
	
.at_peopleiconroomtype, .book_checkindate, .book_checkoutdate{
float: right;
text-align: right;
}

.book_optionqty{
display: none;
}
	
.b24pricecol {
text-align: left;
}
        
.at_peopleiconroomtype{
float: none;
}
        
.at_peopleicon{
text-align: left;
}

.bp2book .button, input{
width: auto;
}
	
.b24-agencysearchlink{
padding-top: 10px;
text-align: center;
}
.propfrombook{
float: none;
text-align: center;
}
.propfromprice{
display: block;
}
.at_bookingbut{
width: 100%;
}
.view-booking-button{
width: auto;
clear: both;
}  
.b24-upsell-title, .b24-upsell-select{
padding-top: 10px;
}
.b24-guest-details-left .calcextrapdesc {
display: inline;
}
    
}	

/*big screens    */

@media (min-width: 768px) {

.mobile_container {
padding-top: 0;
}

.colorbody .container  {
width: 100%;
}

.glyphicon {
font-size: 80%;
}  
    
.b24fa{
font-size: 100%;/*Facelift*/
}
    
.adulticon{
font-size: 90%;
}
.childicon{
font-size: 70%;
}
    
.b24room, .b24prop, {
z-index: 1;
}   
    
#b24scroller .multiplebookbutton {
margin-top: 10px; /*Facelift*/
}
    
.panel-moredetails{
border: none;
}
	
.panel-moredetails > .panel-heading {
background-color: transparent;
color: inherit;
border: none;	
}	
	
.panel-default > .panel-heading + .panel-collapse .panel-body {
border: none;
}
	
.panel-moredetails .panel-heading, .panel-moredetails .panel-body{
padding-left: 0;
border: none;	
}

.offer {
padding-bottom: 5px;
}

.offer hr{
padding-top: 10px;
}
    
.b24-roombuttondiv {
padding-top: 10px; /*Facelift*/
}
    
.ajaxroomwarn.at_offerfromdiv {
text-align: right; /*Facelift*/
margin-top: 10px; /*Facelift*/
font-weight: 800; /*Facelift*/
}
.roomalert{
float: right;
}	
	
.b24-labelmulti{
text-align: right;
}
    
.b24-multipricebox {
text-align: right;/*Facelift*/
}
 

.at_roomofferprice {
font-size: 140%; /*Facelift*/
}
    


.b24-roomprice {
font-size: 140%; /*Facelift*/
}
                
.monthcalendarhead{
text-align: center;
}

}
@media (min-width: 992px) {
.colorbody .container  {
width: 100%;
}
}

@media (min-width: 1200px) {
.colorbody .container  {
width: 1170px;
}
}

/*******Special Settings for modules*******/
@media screen and (min-width: 768px) {
    
/**All Jumbos*/
.fullwidthjumbo #topofthebookingpage .atcolor {
background: transparent !important;
padding:10px;
}

.fullwidthjumbo .b24fullcontainer-top {
margin: 0 auto;
width: 100%;
position: absolute;
z-index: 5;
top: 0%;
}
    
/*Agency Jumbo*/
.fullwidthjumboagency .b24fullcontainer-ownerrow1 + .b24fullcontainer-props #b24scroller-fullcontainer{
margin: 0 auto;
width: 100%;
position: relative;
}
.fullwidthjumboagency .b24fullcontainer-ownerrow1 + .b24fullcontainer-props #b24scroller-container {
position: absolute;
z-index: 3;
top: -174px;
opacity: 0.9;
background: none;
width: 100%;
}
.fullwidthjumboagency .b24fullcontainer-ownerrow1 > .container.container2.atcolor {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.fullwidthjumboagency .b24fullcontainer-ownerrow1 > .container.container2.atcolor .row {
margin-left: 0;
margin-right: 0;
}
.fullwidthjumboagencyslider .b24fullcontainer-ownerrow1 > .container.container2.atcolor .row  .b24-owner-slider {
padding-top: 0;
padding-left: 0;
padding-right: 0;
} 
.fullwidthjumboagencypic .b24fullcontainer-ownerrow1 > .container.container2.atcolor .row  .b24-owner-pic {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}   
.fullwidthjumboagencyslider .b24fullcontainer-ownerrow1  .b24-owner-slider .item {
height: 500px;
}
.fullwidthjumboagencyslider .b24fullcontainer-ownerrow1  .b24-owner-slider .item img {
position: absolute;  
top: 0;  
bottom: 0;  
left: 0;  
right: 0;  
margin: auto;
}
.fullwidthjumboagencyslider .b24fullcontainer-ownerrow1  .b24-owner-slider .active.item > img{
height: auto;
}
/*.fullwidthjumboagencyslider .b24fullcontainer-ownerrow1  .b24-owner-slider  .active.item  {
height: 500px;
}*/
.fullwidthjumboagencyslider .b24fullcontainer-ownerrow1  .b24-owner-slider   .carousel.slide{
height: 500px !important;
}
.fullwidthjumboagencypic .b24fullcontainer-ownerrow1  .b24-owner-pic img {
height: auto;
width: 100%;
}
    
/*Property Jumbo*/
.fullwidthjumboprop .b24fullcontainer-proprow1 + #b24scroller-fullcontainer {
margin: 0 auto;
width: 100%;
position: relative;
}
.fullwidthjumboprop .b24fullcontainer-proprow1 + #b24scroller-fullcontainer #b24scroller-container {
position: absolute;
z-index: 3;
top: -164px;
opacity: 0.9;
background: none;
}
.fullwidthjumboprop .b24fullcontainer-ownerrow1 {
display: none;
}
.fullwidthjumboprop .b24fullcontainer-proprow1 > .container.container2.atcolor {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.fullwidthjumboprop .b24fullcontainer-proprow1 > .container.container2.atcolor .row {
margin-left: 0;
margin-right: 0;
}
.fullwidthjumbopropslider .b24fullcontainer-proprow1 > .container.container2.atcolor .row  .b24-prop-slider {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}  
.fullwidthjumboproppic .b24fullcontainer-proprow1 > .container.container2.atcolor .row  .b24-prop-pic {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}  
.fullwidthjumbopropslider .b24fullcontainer-proprow1 .b24-prop-slider .active.item > img{
height: auto;
}
.fullwidthjumbopropslider .b24fullcontainer-proprow1 .b24-prop-slider .item {
height: 500px;
}
.fullwidthjumbopropslider .b24fullcontainer-proprow1 .b24-prop-slider .item img {
position: absolute;  
top: 0;  
bottom: 0;  
left: 0;  
right: 0;  
margin: auto;
}
/*
.fullwidthjumbopropslider .b24fullcontainer-proprow1  .b24-prop-slider  .active.item  {
height: 500px;
}*/
.fullwidthjumbopropslider .b24fullcontainer-proprow1 .b24-prop-slider   .carousel.slide{
height: 500px !important;
}
.fullwidthjumboproppic .b24fullcontainer-proprow1 .b24-prop-pic img {
height: auto;
width: 100%;
}
    

}


@media screen and (min-width: 1200px) {
/*Agency Jumbo*/
.fullwidthjumboagency .b24fullcontainer-ownerrow1 + .b24fullcontainer-props  #b24scroller-fullcontainer{
width: 1140px;
}   
/*Property Jumbo*/    
.fullwidthjumboprop .b24fullcontainer-proprow1 + #b24scroller-fullcontainer{
width: 1170px;
}


}

/* post responsive */
.occupancyadult {
font-size:90%;
} 

.occupancychild {
font-size:70%;
} 

/*Ende Jumbo*/