/* This stylesheet should be used to add your custom styles to the back-office without using the Sass sources. It will be loaded after all the default styles. 
You should NOT edit any other exisiting back-office CSS file manually: they are generated by the Sass preprocessor: http://www.sass-lang.com/ . */
body{
	margin-top: 0 !important;
	background-image: none !important;
}
.ui-state-default:not(.ui-state-active), .ui-widget-content .ui-state-default:not(.ui-state-active){
	color: #000 !important;
}
.ui-datepicker .ui-datepicker-header {
  	padding: 0.62em 0 !important;
}
body.admincustomers .card.panel {
  z-index: 2;
}
body.admincustomers .orderfiles_customers td.pointer img{
	width: 250px !important;
	height: 250px !important;
}
.ps-checkout-backoffice-sdk.component{
	min-height: 5000px;
}
/*Calendario appuntamenti*/
#search_by_calendar *,
#lyoreservation_bookings_form input,
#lyoreservation_bookings_form label,
#lyoreservation_bookings_form .panel-footer a {
	font-size: 1.1rem !important;
}
#search_by_calendar ~ div.table-responsive * {
	font-size: 1.1rem !important;
}
#lyoreservation_bookings_form input {
	padding: 1.25rem .5rem;
}
#lyoreservation_bookings_form #link_modify {
	font-size: 1rem;
	margin-top: .5rem;
}
#lyoreservation_bookings_form .panel-footer{
	height: 83px;
}
#lyoreservation_bookings_form textarea#comment_of_booking{
	font-size: 1.2rem;
  	resize: both !important;
}
#lyoreservation_bookings_form #calendar_linked{
	font-size: 1.2rem;
	width: 300px !important;
	height: auto;
}
.xdsoft_datetimepicker{
	width: 400px;
}
.xdsoft_datetimepicker .xdsoft_datepicker{
	width: 100% !important;
}
.xdsoft_datetimepicker .xdsoft_year {
	width: 70px !important;
}
.xdsoft_datepicker * {
	font-size: 1.2rem;
}
.xdsoft_datetimepicker .xdsoft_calendar td {
	padding: .5rem !important;
}


@media screen and (max-width: 767px) {
	.ps_back-office.page-sidebar.lyoreservationplanning .fc-row.fc-widget-header > table th span{
		font-size: .7rem !important;
	}
	.fc-icon{
		font-size: 1.2rem !important;
	}
	.xdsoft_datetimepicker{
		left: 0 !important;
	}
	body.ps_back-office.display-modal.mobile-nav table.table{
		display: block;
	}
	#nav-mobile .icon-align-justify{
		font-size: 25px;
	}
	.navbar-header{
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		font-size: 11px;
	}
	#header_shopname{
		width: 50%;
		padding-left: 55px !important;
		font-size: 12px !important;
		float: none !important;
	}
	#content .page-head{
		margin-top: 15px;
	}
	.bootstrap #header_employee_box {
		float: none !important;
		width: 50%;
	}
	#header_shopname{
		width: 50%;
		padding-left: 55px;
		font-size: 12px;
	}
	.bootstrap #header_infos {
		height: 50px !important;
		display: flex;
		flex-wrap: wrap;
	}
	#nav-mobile,
	#nav-mobile .menu-collapse {
		width: 50px;
		height: 50px;
	}
	#main {
		padding: 51px 0 60px;
	}
	body.admincustomers #container-customer .panel.clearfix .form-horizontal div.row{
		border-bottom: thin solid #eee;
		margin-bottom: 10px;
	}
	body.admincustomers #container-customer div.panel{
		overflow-x: auto;
	}
	body.admincustomers #container-customer .form-control-static{
		font-size: 17px;
	}
	body.admincustomers #container-customer label.control-label{
		font-size: 20px;
	}
	body.admincustomers #content.bootstrap .panel .panel-heading{
		font-size: 17px;
		height: 100%;
		white-space: normal;
	}
	body.admincustomers .bootstrap .page-head h2.page-title{
		white-space: normal;
	}
	body.admincustomers .date_range.row{
		display: flex;
		flex-wrap: nowrap;
		align-items: baseline;
	}
	body.admincustomers .bootstrap .table thead > tr.filter > th input[type="text"].filter{
		font-size: 15px;
	}
	body.admincustomers .bootstrap input[type="text"],
	body.admincustomers .btn.btn-default.dropdown-toggle{
		height: 38px;
	}
	body.admincustomers .bootstrap .table thead > tr > th span.title_box{
		white-space: inherit;
		word-wrap: break-word;
		font-size: 18px;
	}
	body.admincustomers .bootstrap .table-responsive-row th{
		height: 65px;
	}
	#nav-mobile .menu-collapse {
		line-height: unset;
		display: flex;
	}
	#main #nav-mobile ul {
		overflow-y: auto;
	}
	#nav-mobile ul.menu > li > a{
		font-size: 17px;
	}
	#nav-mobile ul.menu > li > a{
		height: 45px;
	}
	.fancybox-wrap.fancybox-mobile.fancybox-type-iframe.fancybox-opened,
	.fancybox-wrap.fancybox-desktop.fancybox-type-iframe.fancybox-opened {
		width: 90% !important;
		left: 5% !important;
	}
	
	.fancybox-inner {
		width: 100% !important;
	}

	/* body.ps_back-office.lyoreservationplanning .fancybox-wrap {
		width: 90% !important;
		transform: translate(-50%, -50%);
		left: 50% !important;
		top: 50% !important;
	}
	.ps_back-office.lyoreservationplanning .fancybox-inner{
		width: 100%;
	} */
}
/* body.ps_back-office.lyoreservationplanning .fancybox-wrap {
	width: 90% !important;
	transform: translate(-50%, -50%);
	left: 50% !important;
	top: 50% !important;
} */

@media screen and (min-width: 768px) and (max-width: 1500px){
	body.ps_back-office.lyoreservationplanning .fancybox-wrap {
		width: 90% !important;
		transform: translate(-50%, -50%);
		left: 50% !important;
		top: 50% !important;
	}
	.ps_back-office.lyoreservationplanning .fancybox-inner{
		width: 100% !important;
	}
}