.qr-mobile .controller-mobile .qr-button {  color: #FFFFFF;  height: 1.5em;}
.short-desc {border-bottom: 0px dotted #EFEFEF;}
.complete-desc {margin-top: 5px;clear:both;}
/*.block-rooms-rate-right .price-book:last-child{padding-bottom:0px !important; margin-bottom:0px !important; border-bottom:0 !important;}*/
.block-rooms-rate-right .price-book {padding:4px; margin-bottom:5px; border:1px solid #EEEEEE; background-color:#FFFFFF;-moz-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px;}

#first-page-image .full-width{width:100%; margin-bottom:10px;}
.first_page_text{font-size:0.90em; padding:10px; text-align:left; line-height:1.4em; width:auto; margin:0px; clear:both;}
/*#offer-package-button{
	text-align:left;
	color:#333333;
	border-bottom:#cccccc 1px solid;
	margin-bottom:25px;
	font-weight:bold;
}
#offer-package-button a{
	color:#333333;
	text-decoration:none;
}*/
#cancellation_link{	font-size:0.9em;}
#step-book{display:none;}
#products-selector{display:inline-table; width:100%; font-weight:bold;}
#qr-mobile #select-first {border-top-width: 1px !important;}

#wrapper-calendar{margin:10px auto; min-height: 240px; width:96%; position:relative;}


/*----------QUICK RESERVE-----------*/
#qr-main-tbl-wrapper{display:table; width:100%;}
#qr-main-tbl-wrapper{border-color: #A9A9A9\9;
border-width: 0 0 1px 1px\9;
border-style: solid\9;}
.qrCalendar .qr-week{display:table-row;}
.qrCalendar .qr-week > div{display:table-cell;}
.qr-desc{clear:both;}
.qrCalendar {line-height: 1em; font-size: 13px;}
.qrCalendar .qr-week-dayname {padding-bottom: 3px;}
.qrCalendar .qr-week-dayname .qr-day {width: 14.25%;  text-align: center; line-height: 22px; float: left;}
.qrCalendar .qr-week-dayname .qr-day .qr-day{width:100%;}
.qrCalendar .qr-week {position: relative;height: 36px; clear:both;}
.qrCalendar .qr-week > div {width: 14.25%; height: 36px; line-height:36px; background-repeat: no-repeat; background-color: #DEDEDE; position: relative;/* margin: -1px 0 0 -1px; float: left;*/}
.qrCalendar .qr-week div .qr-date, .qrCalendar .qr-week div .qr-price, .qrCalendar .qr-week div .qr-arrow {position: absolute; line-height: 1;}
.qrCalendar .qr-week div .qr-date {text-align: center; position: relative;  margin: 0; padding: 13px 0 0;}
.qrCalendar .qr-week div .qr-date .qr-month-name-int{position:absolute; top:1px; left:1px; line-height:12px;background:rgba(0,0,0,0.1);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);
	zoom: 1; width: 100%; color:#666666;font-weight:normal;}
.qrCalendar .qr-week div .qr-price {bottom: 4px; right: 5px; opacity: 0.7; font-weight: normal; font-size: 10px; font-weight: bold; font-family: Arial, sans-serif;}
.qrCalendar .qr-week div .qr-arrow {width: 7px; height: 4px; display: none; background: url(/css/images/iconsQR.png) no-repeat -210px 0; top: 7px; right: 5px;}
.qrCalendar .qr-week div.qr-sel .qr-arrow {background-position: -200px 0;}
.qr-stay-length-popout{position: absolute; background:#FFFFFF; font-weight:normal ; width: 220px; top: 30px; left: 0; border: 1px solid #CCCCCC; border-top: 0; line-height: 24px; white-space: nowrap; z-index: 200; text-shadow: none; -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.4); -moz-box-shadow:	0 1px 4px rgba(0,0,0,0.4); box-shadow:	0 1px 4px rgba(0,0,0,0.4);}
.qr-stay-length-popout.qr-alt {left: auto; right: 0;}
.qr-stay-length-popout a:last-child {border-bottom: 0;}
.qr-stay-length-popout span {color: #333333; display: block;}
.qr-stay-length-popout a {background-color: #fff; text-align: left; color: #333333; text-decoration: none;}
.qr-stay-length-popout a:hover {background-color: #F2F2F2;}
.qrCalendar .qr-week div {background-position: 0 -50px; text-shadow: 0 1px 0 #fff;}
.qrCalendar .qr-week div.qr-avail {cursor: pointer;}
.qrCalendar .qr-week div.qr-passed {background-color: #fff; color: #aaaaaa; text-shadow: none; cursor: default; opacity:0.5;}

.qrCalendar .qr-week div.qr-not-avail {background-position: 0 -100px; color: #a0362e; text-shadow: none; cursor: default;}
.qrCalendar .qr-week div.qr-no-arrival {background-position: 0 -150px; cursor: default;}
.qrCalendar .qr-week div.qr-sel {background-position: 0 -200px; background-color: #A2CFBA !important; font-weight: bold; text-shadow: 0 -1px 0 rgba(0,0,0,0.15);	-webkit-box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.40);
	-moz-box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.40);
	box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.40);}
.qrCalendar .qr-week > div.qr-avail:hover{-webkit-box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.40);
	-moz-box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.40);
	box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.40);
background:#CCCCCC\9;}
.qrCalendar .qr-week div.qr-sel div {color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.15);}
.qrCalendar .qr-week div.qr-sel .qr-price {opacity: 1;}
.qrCalendar .qr-week div.qr-sel.qr-departure {background-image: url("/reservations/img/bg-calendar-advanced.png"); background-position: center right;}
.qrCalendar .qr-week div.qr-sel.qr-departure.qr-no-book {background-image: url("/reservations/img/bg-calendar-advanced2.png"); background-position: center right;}
.qrCalendar .qr-week div.qr-sel.qr-departure.qr-no-book.qr-sel {background-image: url("/reservations/img/bg-calendar-advanced.png"); background-position: center right;}
.qrCalendar .qr-week div.qr-sel.qr-arrival {background-image: url("/reservations/img/bg-calendar-advanced.png"); background-position: center left;}
.qrCalendar .qr-week div.qr-avail-disabled {background-image: url("/reservations/img/bg-calendar-advanced.png"); background-position: center; color: #a0a0a0; text-shadow: none; cursor: default;}
.qrCalendar .qr-week div.qr-not-avail.qr-not-avail-disabled {background-position: 0 -300px; color: #ba615b;}
.qrCalendar .qr-week div.qr-no-arrival.qr-no-arrival-disabled {background-position: 0 -350px; color: #aaaaaa; text-shadow: none;}

.qrCalendar .qr-week div.qr-no-book{background-image: url("/reservations/img/bg-calendar-advanced.png"); background-position: center ; background-color: #fff !important; color: #000000; text-shadow: none; cursor: default; opacity:1;}
.qrCalendar .qr-week div.qr-sel.qr-arrival.qr-no-book{background-color: #d69c97 !important;} 

.qrCalendar .qr-week div.qr-sel.qr-departure.qr-no-book{background-color: #d69c97 !important;}
.qrCalendar .qr-week > div {
-webkit-box-shadow: inset 1px 1px 0px 0px rgba(0,0,0,0.24);
-moz-box-shadow: inset 1px 1px 0px 0px rgba(0,0,0,0.24);
box-shadow: inset 1px 1px 0px 0px rgba(0,0,0,0.24);
border-color: #A9A9A9\9;
border-width: 1px 1px 0 0\9;
border-style: solid\9;
}
.qrCalendar .qr-week:last-of-type .qr-day{border-bottom:1px solid #A9A9A9;}
.qrCalendar .qr-week .qr-day:last-of-type{border-right:1px solid #A9A9A9;}
.qr-listview.qr-listview-links .qr-list-item .qr-item-inner:last-child, .qr-sidebar-search .qr-search-form .qr-room, .qr-lightbox .qr-empty-state, .qr-cnt-basket, .qr-cnt-pageform.qr-creditcard-details .qr-creditcard, .qr-popout-message .qr-popout-menu a {background-image: -moz-linear-gradient(center top , #FFFFFF 20%, #F0ECE8 100%);}
.qrCalendar .qr-week > div, .qr-listview .qr-list-item a.qr-item-inner:hover .qr-item-arrow, .qr-listview .qr-list-divider-alt, .qr-cnt-sidebar.qr-sidebar-summary, .qr-cnt-sidebar.qr-sidebar-summary .qr-sidebar-top, .qr-cnt-basket .qr-continue .qr-total-price, .ui-datepicker td a {/*background-color:#f2f2f2;*/}

#month-pager{border:1px solid #cccccc; margin-bottom: 5px; width:calc (99.75% - 7px); width: -moz-calc(99.75% - 7px);
width: -webkit-calc(99.75% - 7px);
width: 99.75% ; float:left;}
#select-month{width:78%; display:inline-block;margin:0;border:0; text-align: center; font-size: 13px; height: 30px; line-height:26px; float:left;}
.qr-button{display:inline-block; width: 11%; height: 30px; line-height:30px; background:#DEDEDE; cursor: pointer; text-align: center;}
#month-pager .qr-next{float:right;}
#month-pager .qr-prev{float:left;}
.qr-button .inner{display: block;line-height: 30px;}
.qr-button.disabled{opacity:0.4; filter:alpha(opacity=40);}
.qr-next .inner .qr-arrow:before{/*width: 0px; height: 0px; border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left: 10px solid #333333; line-height: 0; font-size: 0;*/
	content: "\f0da"; font-family: FontAwesome; font-size:15px; line-height:21px; color:#333333;}
.qr-prev .inner .qr-arrow:before{/*width: 0px; height: 0px; border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-right: 10px solid #333333; line-height: 0; font-size: 0;*/
	content: "\f0d9"; font-family: FontAwesome; font-size:15px; line-height:21px; color:#333333;}

#data-search{padding-top: 5px; clear: both; margin-bottom: 8px; line-height: 1.2em;}
#label_numero_notti, #label_data_arrivo{display:inline-block; font-weight: bold; text-transform: none; font-size:12px;}
#label_numero_notti{text-transform: capitalize; font-size:12px;}
#value_numero_notti, #value_data_arrivo{margin-left:10px;font-size:12px; }


.reserve-button select{font-size:11px;}
.reserve-button .cb-popout-message{	width:150px;	position:absolute;	right:20px; left:inherit;	/*bottom:inherit;  top:25px;*/ z-index:2;}
.reserve-button .cb-popout-message input{margin:3px 0;}


#qr-overlay-wrapper{position: absolute;	background: #FFFFFF;border-top: 0;	line-height: 24px;	white-space: nowrap;z-index: 1000;
	text-shadow: none;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.4);
	box-shadow: 0 1px 4px rgba(0,0,0,0.4);	
	width:100%;
}

#qr-overlay-wrapper #qr-overlay-wrapper-internal{
	float:left;
	width:100%;
}
#qr-overlay-wrapper .qr-title-checkin-day{ background-color:#FFFFFF; font-weight:normal;}
#qr-overlay-wrapper .qr-title-checkin-day.row{width:auto;}
#qr-overlay-wrapper .qr-title-checkin-day .titoletto{ display:inline-block;  padding-left:5%; width:35%; font-size:13px;}
#qr-overlay-wrapper .qr-title-checkin-day .risultato{ display:inline-block;  text-align:left; font-weight:normal; font-size:13px; width:auto;} 
#qr-overlay-wrapper .qr-title-close{
	font-size:12px;
	font-weight:normal;
	background-color:#F6F6F6;
	border: 1px solid #BBBBBB;
	color: #333333;
	padding: 3px 5px;
	display: block;
	text-decoration:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:5px auto;
	text-align:center !important;
	width:150px;
display:none;}

#qr-overlay-wrapper .qr-title-close a{ background-color:transparent; text-align:center; padding:0;}
#qr-overlay-wrapper select.ea-js-dd-staylengths{ width:80%; margin: 10px 10%; padding:4px 0; cursor:pointer;float:left; clear:both;}
#qr-overlay-wrapper > span, #qr-overlay-wrapper a {display: block;border-bottom: 1px dotted #cccccc;}
#qr-overlay-wrapper span {color: #333333;display: block;}
#qr-overlay-wrapper a{	text-align: left;color: #333333;text-decoration: none;line-height: 30px; padding:1px 10px; box-sizing: border-box;}

.qr-title-checkin-day.row{ background-color:#FFFFFF !important; font-weight:normal; float:none; padding:3px 0; text-align: left;}
.qr-title-checkin-day.row span{font-weight:normal; padding:0; border:0; display:inline-block; width:auto; font-size:11px;background-color:#FFFFFF !important; }
.qr-title-checkin-day.row span.titoletto{display:inline-block; width:20%; padding-left:5%; color:#333;font-weight:bold;}
.qr-title-checkin-day.row span.risultato{display:inline-block; width:70%; text-align:right;}
.qr-stay-length-popout.qr-alt, #qr-overlay-wrapper.qr-alt {left: auto;right: 0;}
.qr-stay-length-popout a{font-weight:normal;}
.qr-stay-length-popout a:last-child, #qr-overlay-wrapper a:last-child {	border-bottom: 0;}
.qr-stay-length-popout a{background-color: #fff;text-align: left;	color: #333333;	text-decoration: none;}
.qr-stay-length-popout .table-title, .departure-calendar-title, .qr-stay-length-popout a {display: block; border-bottom:1px dotted #cccccc;}
.departure-calendar-title{border-bottom:1px dotted #cccccc; border-top:1px dotted #cccccc; text-align: center;}
.qr-stay-length-popout a:hover, #qr-overlay-wrapper a:hover  {background-color: #F2F2F2;}
.qr-stay-length-popout .qr-title-close{ margin:3px; display:none;}
.qr-stay-length-popout .qr-title-close a{text-align: center !important;}
.ea-js-a-staylength{float:left;width:100%;}
.ea-js-a-staylength .row-nights, .ea-js-a-staylength .row-departure, .ea-js-a-staylength .row-link{ float:left;}
.ea-js-a-staylength .row-nights{padding-left:5%; width:35%;}
.ea-js-a-staylength .row-departure{width:45%;}
.ea-js-a-staylength .row-link{ text-align: right; width:10%;}
#qr-overlay-wrapper .ea-js-a-staylength .row-link{ font-size:15px;}
/*.ea-js-a-staylength .row-link{[if lt IE 9] background: url(/reservations/img/bg-a-calendar.png) no-repeat center right; }
.ea-js-a-staylength .row-link .fa{[if lt IE 9] display:none; font-size:14px;}*/
.table-title{float:left; width:100%;}
.table-title .row-nights{padding-left:5%; width:35%; font-weight:bold;float:left; text-align: left; }
 .table-title .row-departure{width:45%; font-weight:bold;float:left; text-align: left;}
.qr-stay-length-popout select{float:left; margin:5px 10%; width: 80%; padding:4px 0; cursor:pointer;}



/*-------CONTROLLER MOBILE----------------*/

.controller-mobile .number-label {display: inline-block; vertical-align: middle; width: 49%;}
.controller-mobile input{height:25px;}
.controller-mobile .number-change-mobile { border: 1px solid #999999;display: table; height: 30px; width: 42%;}
.controller-mobile.qr-children-age { border: 1px solid #999999; display: inline-block; height: 30px; margin: 0 2.5% 5px; width: 43.5% !important;}
.qr-rooms .controller-mobile {display: inline-block;  width: 49%;}
.qr-rooms .controller-mobile.qr-children-age {display: table;}
.qr-rooms .number-label, .qr-rooms .number-change-mobile { width: 90%; margin-left: 5%;}
.qr-rooms .number-change-mobile { margin-top: 10px;}
.select-date-qr .bg-textarea input {background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none;font-size: 0.9em;width: 100%;}
.qr-mobile .label{padding-left:10px;}
.qr-mobile .label:not(:first-child){padding-top:8px; padding-bottom:5px;}
.qr-mobile .select-date-qr .bg-textarea input {background: none repeat scroll 0 0 #ffffff; border: 0 none;font-size: 12px; padding: 5px 0;text-align: center;}
.qr-mobile .controller-mobile, .controller-mobile {background-color: #ffffff;    text-align: center;}
.qr-mobile .controller-mobile .qr-button, .controller-mobile .qr-button {color: #ffffff; cursor: pointer; display: table-cell; float: none;font-size: 0; line-height: 30px; height:30px; width: 20%;}
.tariffa_dx .controller-mobile .qr-button { line-height: 23px; height:23px; width: 20%;}
.qr-mobile .controller-mobile .qr-button.add-button, .controller-mobile .qr-button.add-button { float: none;}
.qr-mobile #search-button input {font-size: 20px; height: 35px;margin: auto; padding: 0 10px; width: 50%;}
.controller-mobile .qr-button a {background: none repeat scroll 0 0 #666666; color: #ffffff; display: block; text-decoration: none;}
.controller-mobile .box-visual { float: left;text-align: center;width: 60%;}
.controller-mobile .number {pointer-events: none; background: none repeat scroll 0 0 rgba(0, 0, 0, 0);    border: medium none;    float: none;    font-size: 14px;    font-weight: bold;  padding: 0;    text-align: center;    vertical-align: middle;    width: 60%;}
.controller-mobile .number-label {float: left; font-size: 0.9em; font-weight: bold;    margin-top: 5px;    text-transform: capitalize;    width: 60%;}
.controller-mobile .remove-button {background: none repeat scroll 0 0 #666666;}
.controller-mobile .remove-button a:before, .number-change-mobile .remove-button:before, .qr-children-age .remove-button:before {content: "\f068";font-family: FontAwesome; font-size:10px;}
.controller-mobile .add-button {background: none repeat scroll 0 0 #666666; font-size:0.1px;}
.controller-mobile .add-button a:before, .number-change-mobile .add-button:before, .qr-children-age .add-button:before  { content: "\f067";font-family: FontAwesome; font-size:10px;}
.controller-mobile .deactivated { opacity: 0.5;}
.qr-rooms{margin-bottom:0; margin-top:5px;}
.reserve-button{text-align: right;}
.reserve-button .controller-mobile {margin:0 10px; border:1px solid #999999; width:95px; float: right; clear: right; display:table; vertical-align:middle}
.reserve-button .controller-mobile .number {width: 34%; display:table-cell; vertical-align:middle}
.reserve-button .controller-mobile .qr-button {width: 33%; display:table-cell; vertical-align:middle}


/*---rooms distribution--------------*/

.room_config, .qr-rooms, #select-rooms { clear: both; padding:8px 5px;  position: relative;  text-align: left; border:1px solid #CCC; background:#FFFFFF; margin-bottom: 5px;}
#cont_aggiungi_camere{margin-bottom:5px;}
#cont_aggiungi_camere a{display:block; text-align:right;}
#cont_aggiungi_camere a:after{  content: "\f067"; font-family: FontAwesome; margin-left:8px; margin-right:3px;}
.nomecamera, .adultidist, .bambinidist{width:31%; display:inline-block; vertical-align:middle; text-align:center; text-transform:capitalize;}
.nomecamera{width:28%; text-align:left;vertical-align:top;}
.titolo_eta_bambini{margin-top:3px; padding-top:3px; border-top: 1px dotted #CCC;}
.titolo_eta_bambini, .nomecamera, .adultidist, .bambinidist, .boxEtaDist .label{ font-size:12px;}
.room_config .remove {display:block;float:right; min-height:58px; position:relative; margin-top:-8px; margin-bottom:-8px; margin-right:-5px; text-align:center; }
.room_config .remove a{background: #CCCCCC; padding:0 1px; line-height:58px; display:block;  margin:0px; }
.room_config .remove a:hover {color:#CC0000; background-color:#FFFFFF;}
.room_config .remove a:before {content: "\f068"; font-family: FontAwesome; font-size:15px; position:relative; right:-2px;}
.room_config .boxEtaDist{display:inline-block; width: 24%; margin-top:3px;}
.room_config .boxEtaDist .label {display:inline-block;}
.boxEtaDist select{ height:25px; padding:3px 1px}

.controller-mobile .number-label {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin:0;
}
#select-rooms .number-label{width:50%;float:left;
    vertical-align: middle; text-align:center;}
#select-rooms .number-change-mobile {
    width: 44.1%;
    margin-left: 2%;
    text-align:center;
    float: left;
}

.qr-codes-column .room_config .inner .label{display:inline-block; width:35%}
.qr-codes-column .codes-body .inner .label{width:100%;}
.qr-codes-column .room_config .inner #dk_generic_codice{display:inline-block; width: 60%;}
.qr-label-show{cursor:pointer;font-size:12px;}
.qr-label-show:before{content: "\f054"; font-family: FontAwesome; margin-right:5px; font-size:12px;}
.qr-content-show input, .qr-content-show select {
    width: 100%;
    margin-top: 3px;
    height: 30px;
    box-sizing: border-box;
}
.qr-content-show input{padding:0 5px;}

.qr-codes-column, .qr-mobile{width:96%; clear: both;padding:10px 0; margin:auto;}
.qr-desk{display:none;}

#dk-arrangiamenti select{width:100%;}
.chart-visible-mobile{ text-align:center;}
.chart-visible-mobile button{border:0; padding:10px 30px; width: 100%; font-size:1.4em;}
.chart-visible-desktop{display:none; text-align:center;}
.chart-visible-desktop button {
    margin: 5px 0;
    border: 0;
    padding: 8px 30px;
    width: 100%;
    box-sizing:border-box;
}
#cancellation_link{padding:5px; text-align:center;}

.flex-direction-nav a.flex-next:before, .flex-direction-nav a.flex-prev:before{line-height: 30px !important; font-size:30px !important;}
#title-search h3{position:relative;margin:7px;}
#title-search h3 #loading_calendar{position:absolute; top:200px; left:120px;
}


@media screen and (min-width: 480px) {

}


@media screen and (min-width: 768px) {

	#qr-overlay-wrapper{display:none;}
	.qr-desk{width:47%; float:left;  display:block; margin-top:10px; margin-left:2%;}
	.qr-mobile, .chart-visible-mobile{display:none;}
	.chart-visible-desktop{display:block;}
	.qrCalendar {line-height: 1em; font-size: 11px;}
	.descrizione_camera{float:left;}
	#wrapper-calendar{width:47%; margin-left:2%; margin-right:0px; float:left;}
	.qr-codes-column{width:47%; float:left; clear: none; margin-left:2%; padding:0px;}
	

}

@media screen and (min-width: 980px) {
	#wrapper-calendar{width:96%; float:none; margin:10px auto;text-align:center;}
	#right_qr{width:100%;}
	.qr-codes-column{padding:0px; width:96%; float:none; clear:both;}
	.qr-desk{width:96%; display:block; float:none; margin:auto;}
	.qrCalendar .qr-week > div, .qrCalendar .qr-week {height: 30px; line-height:30px;}
.numero_camere{display:inline; font-size:12px; padding:2px; float:right; width:110px;    border: 3px solid #999999;
    cursor: pointer;}

}

.tariffa_occupazione, .row_tariffa .tariffa_sx .dettaglio {float:none; display:inline-block;}