.ui-dialog.outside-calendar #outside-calendar,
.ui-dialog.outside-calendar td{width:100%}
.ui-dialog.outside-calendar .ui-dialog-titlebar{border:none; background-color:transparent; padding:0;height: 50px;z-index: -1; position: absolute; width:100%}
.ui-dialog.outside-calendar .ui-dialog-titlebar-close{height:20px; width:20px; padding:20px; margin:0;top: -48px; right: 2px}
.ui-dialog.outside-calendar td, 
.ui-dialog.outside-calendar th{padding:0}
.ui-dialog.outside-calendar .ml-calendar thead td{padding:10px 2px}
.ui-dialog.outside-calendar .ml-btn{line-height: inherit;}
.ui-dialog.outside-calendar .ml-calendar .cal-day{padding:5px; display:inline-block; width:100%; border-radius: 0; color:#038FC4}
.ui-dialog.outside-calendar .ml-calendar thead{display:block; width:100%}
.ui-dialog.outside-calendar .ml-calendar thead tr.day-week{display:flex; background-color:transparent}
.ui-dialog.outside-calendar .ml-calendar thead tr.month-title{display:block; padding-left:10px; background-color:#038FC4}
.ui-dialog.outside-calendar .ml-calendar button.cal-day[disabled], 
.ui-dialog.outside-calendar .ml-calendar button.cal-day[disabled]:hover, 
.ui-dialog.outside-calendar .legend-item[disabled], 
.ui-dialog.outside-calendar .legend-item[disabled]:hover{color:#ccc}
.ui-dialog.outside-calendar .ml-confirm-booking, .ui-dialog.outside-calendar a.toappend{font-family: 'Oswald',sans-serif; height:35; line-height: 36px;margin:0;font-size: 18px; color: #038fc4;text-transform: uppercase;cursor: pointer;background: #fff; border:none}
.ui-dialog.outside-calendar a:hover{background:#e9610d; color:#fff}
.ui-dialog.outside-calendar a:last-of-type{margin:0}
.ui-dialog.outside-calendar .nextMonth, .ui-dialog.outside-calendar .prevMonth{font-family:scentofsicily; font-size:0}
.ui-dialog.outside-calendar .nextMonth:before{content:"x"; font-size:12px} 
.ui-dialog.outside-calendar .prevMonth:before{content:"Q"; font-size:12px} 
.ui-dialog.outside-calendar .ml-calendar tbody tr td button.cal-day-selected.block:not(.cal-day-block-booking), 
.ui-dialog.outside-calendar .ml-calendar tbody tr td button.cal-day-selected.block:not(.cal-day-block-booking):hover,
.ui-dialog.outside-calendar .ml-calendar tbody tr td button.cal-day-selected-last.block, 
.ui-dialog.outside-calendar .ml-calendar tbody tr td button.cal-day-selected-last.block:not(.cal-day-block-booking):hover,
.ui-dialog.outside-calendar .ml-calendar tbody tr td button.cal-day-selected-first[disabled], 
.ui-dialog.outside-calendar .ml-calendar tbody tr td button.cal-day-selected-first[disabled]:not(.cal-day-block-booking):hover{background:#d9534f; color:#fff}
.ui-dialog.outside-calendar .ml-bottom-row{margin:20px 0 0; background-color:#038FC4; color: #fff; border-radius:10px}
.ui-dialog.outside-calendar .ml-calendarWrapper > .ml-row.ml-bottom-row .ml-col-12:last-of-type a{display:block; margin-bottom:10px}
.ui-dialog.outside-calendar .ml-calendarWrapper > .ml-row.ml-bottom-row .ml-col-12:last-of-type a[disabled]{background-color:#ccc; color:#fff}
.ui-dialog.outside-calendar .ml-calendarWrapper > .ml-row.ml-bottom-row{display:flex; flex-wrap:wrap; justify-content: center; padding: 10px; align-items: center}
.ui-dialog.outside-calendar .ml-bottom-row > div{text-align: center; margin-top:0; line-height:17px; width: 120px; margin-bottom: 14px}
.ui-dialog.outside-calendar .ml-bottom-row > div:last-of-type{width:100%}
.ui-dialog.outside-calendar .ml-bottom-row select{background-color:#fff; border:none;  color:#038FC4; border-radius:4px}
.ui-dialog.outside-calendar .ml-form-control{-webkit-box-shadow: none; box-shadow: none}
.ui-dialog.outside-calendar #calendar-price{width:auto; font-size:22px; font-weight: 500}
.ui-dialog.outside-calendar #calendar-errormessage{color:#d9534f; padding: 10px 0; text-align:center; font-size:16px; line-height:19px; font-weight:500; position: absolute; z-index:6; bottom: 10px; left: 0;right: 0; }
.ui-dialog.outside-calendar .ml-calendar tbody tr td button.cal-day-block-booking:not(.cal-day-block-booking-first):not(.cal-day-block-booking-last), 
.ui-dialog.outside-calendar .legend-item.cal-day-block-booking, .legend-item.cal-day-block-booking:hover,
.ui-dialog.outside-calendar .ml-calendar button.cal-day[disabled].cal-day-block-booking-first:not(.cal-day-selected-last), 
.ui-dialog.outside-calendar .ml-calendar button.cal-day[disabled].cal-day-block-booking-first:hover:not(.cal-day-selected-last),
.ui-dialog.outside-calendar .ml-calendar button.cal-day[disabled].cal-day-block-booking-last, 
.ui-dialog.outside-calendar .ml-calendar button.cal-day[disabled].cal-day-block-booking-last:hover,
.ui-dialog.outside-calendar .ml-calendar tbody tr td button.cal-day-block-booking-last{background:#d9534f; color:#fff}
.ui-dialog.outside-calendar tr:nth-child(2n+1), .ui-dialog.outside-calendar tr:nth-child(2n){background-color: transparent}
.ui-dialog.outside-calendar .ml-calendar tbody tr td button.cal-day-selected:not(.cal-day-block-booking), 
.ui-dialog.outside-calendar .ml-calendar tbody tr td button.cal-day-selected:not(.cal-day-block-booking):hover,
.ui-dialog.outside-calendar .ml-calendar tbody tr td button.cal-day-selected-last, 
.ui-dialog.outside-calendar .ml-calendar tbody tr td button.cal-day-selected-last:not(.cal-day-block-booking):hover,
.ui-dialog.outside-calendar .ml-calendar tbody tr td button.cal-day-selected-first, 
.ui-dialog.outside-calendar .ml-calendar tbody tr td button.cal-day-selected-first:not(.cal-day-block-booking):hover{background:#038fc4; color:#fff!important}
@media screen and (max-width:559px) {
.ui-dialog.outside-calendar .ui-widget-content{overflow:hidden; min-height: 790px !important}
.ui-dialog.outside-calendar.has-error .ui-widget-content{min-height: 780px !important} }
@media screen and (min-width:560px) and (max-width:767px){
.ui-dialog.outside-calendar .ui-widget-content{overflow:hidden; min-height: 650px !important}
.ui-dialog.outside-calendar.has-error .ui-widget-content{min-height: 700px !important}
.ui-dialog.outside-calendar.has-error #modal-outside-calendar{padding-top:50px}
}
@media screen and (max-width:767px) {
.ui-dialog.outside-calendar #outside-calendar{padding-bottom: 30px}
.ui-dialog.outside-calendar.has-error #modal-outside-calendar #calendar-errormessage{bottom:inherit; top:10px}
.ui-dialog.outside-calendar .ml-calendarWrapper .cal-row{overflow-y: scroll;max-height: 250px;height: 100%; margin:0; border: 5px solid #038FC4; border-radius:10px}
.ui-dialog.outside-calendar .ml-calendarWrapper .cal-row > .tableWrapper{padding:0}
.ui-dialog.outside-calendar .ml-calendarWrapper .cal-row > .tableWrapper > .ml-calendar{margin-top:0}
.ui-dialog.outside-calendar .ml-row.top-row{padding:10px 0}
.ui-dialog.outside-calendar .ml-row{width:100%}
.ui-dialog.outside-calendar.ui-widget.ui-widget-content{border: none;overflow-y: scroll; overflow-x:hidden; padding-top: 50px; background: transparent; }
.ui-dialog.outside-calendar .ui-widget-content{background-color:#fff; border:1px solid #ddd} }
@media screen and (min-width:990px) {
#modal-outside-calendar{display:flex; flex-direction: column;justify-content: center; overflow-x:hidden; padding:0.5em 1em 2.5em 1em}
.ui-dialog.outside-calendar #modal-outside-calendar{min-height: 520px}
.ui-dialog.outside-calendar .ml-calendarWrapper > .ml-row.ml-bottom-row .ml-col-12:last-of-type{display:flex; justify-content: center; padding-top:15px}
.ui-dialog.outside-calendar .ml-confirm-booking, .ui-dialog.outside-calendar a.toappend{margin-right: 10px}
}