@charset "UTF-8";

/* preload images */
body::after{
   position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
   content:url('../images/pgm_loader.gif'); 
}
.wp-admin .wrap #qcode_logo{
	position:absolute;
	width:35%;
	max-width:120px;
	right:20px;
	top:20px;
}
@media screen and (max-width: 600px) {
    .wrap #qcode_logo{
		max-width:80px;
		right:10px;
		top:60px;a
	}
}
#toplevel_page_pg-morolo li{
	text-transform:uppercase;
}
#toplevel_page_pg-morolo .wp-submenu-wrap{
	background-color: #6a2710;
}
#toplevel_page_pg-morolo .wp-menu-name{
	background-color: #ab3f19;
}
/* Base Styles */
.q_container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Spazio tra gli elementi */
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto; /* Centrare il contenuto */
}
.q_container  small{
	display:block;
	width:100%;
	line-height:1 !important;
	margin-bottom:4px
}
.q_container info {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 4px;
  line-height: 14px;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  color: white;
  background-color: #9E9E9E;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  z-index:100;
  font-family: Arial, sans-serif;
}
.q_container info.important {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 4px;
  line-height: 14px;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  color: white;
  background-color: #ff0000;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  z-index:100;
  font-family: Arial, sans-serif;
}
.q_container info::after {
  content: attr(data-tooltip); /* Il testo del tooltip è preso dall'attributo data-tooltip */
  position: absolute;
  bottom: 120%; /* Posizionamento sopra il cerchio */
  left: 135px;
  right: auto;
  font-weight: 300;
  transform: translateX(-50%);
  background-color: #2c3338;
  color: white;
  padding: 8px 12px;
  border-radius: 4px;
  white-space: normal; /* Permette di andare a capo */
  font-size: 12px;
  line-height:1.2;
  width: 250px; /* Limita la larghezza del tooltip */
  text-align: left;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Aggiunge un'ombra */
}
.q_container info.important::after {
  content: attr(data-tooltip); /* Il testo del tooltip è preso dall'attributo data-tooltip */
  background-color: #e20000;
}
.q_container info:hover::after {
  opacity: 1;
  visibility: visible;
}


.q_1_1 {
    width: 100%;
}

.q_1_2 {
    width: calc(50% - 10px); /* Metà larghezza con un po' di margine */
}

.q_1_3 {
    width: calc(33% - 15px); /* Un terzo della larghezza */
}

.q_1_4 {
    width: calc(25% - 15px); /* Un quarto della larghezza */
}

/* Spacing Utility Classes */
.q_padding_10 {
    padding: 10px;
}

.q_padding_20 {
    padding: 20px;
}

.q_padding_large {
    padding: 40px;
}

.q_margin_10 {
    margin: 10px 0;
}

.q_margin_20 {
    margin: 20px 0;
}

.q_margin_40 {
    margin: 40px 0;
}

/* Responsive Styles */
@media screen and (max-width: 768px) {
    .q_1_2, .q_1_3, .q_1_4 {
        width: 100%; /* Tutti gli elementi prendono il 100% sotto i 768px */
    }
}


/* Back End styling */
/* Bacheca */
.wp-admin #dashboard-widgets #mpg_prenotazioni {
    position: relative;
	display:block;
	overflow: auto;
	z-index:20;
	min-width:calc(100vw - 220px) !important;
	height:auto;
	max-height:400px;
	float: none;
	right: 0px;
	left:0px;
 }
.wp-admin.folded #dashboard-widgets #mpg_prenotazioni {
	min-width:calc(100vw - 95px) !important;
 }
.wp-admin .home_title{
  max-height:40px;
  width: auto;
}
.wp-admin .wrap #calendar{
	width:100%;
	max-height:60vh;
	margin-bottom :20px;
}
.q_container .unselect{
	opacity:.3
}
.wp-admin .wrap #calendar table[role=grid]{
	border: 2px solid #f15a25;
}
.wp-admin .wrap #calendar > div.fc-view-harness.fc-view-harness-active > div > table > thead > tr > th{
	border: none !important
}
.wp-admin .wrap #calendar.fc-theme-standard .fc-scrollgrid > thead{
	background-color:#2c3e50 !important;
	border: none !important
}
.wp-admin .wrap #calendar .fc-event{
	background-color:red !important;
	height:30px;
	margin: 0 inherit;
}
.wp-admin .wrap #qpgm_debug{
	border:1px solid red;
	padding:8px;
	background:#d7d7d7;
	max-width:80%;
}
.q_in_title{
	color: #f15a25;
	font-weight:600;
	font-size:20px;
	border-top: 3px solid #f15a25;
	padding: 5px 0 0;
	margin-top: 50px;
}
.qpgm-off-day-row{
	margin-bottom:4px;
}
.table_off_day.form-table tbody  td{
	margin :0 !important;
}
#wpbody-content > div.wrap > form > table > tbody > tr > td{
	padding :10px 0 20px !important;
}
button#add_off_day {
	background:rgb(127 223 131) !important;
	color: white !important;
	border:none !important;
}
button#add_off_day:hover {
	background:rgb(0 201 7) !important;
}
button.remove-off-day {
	background:rgb(255 0 0 / 60%) !important;
	color: white !important;
	border:none !important;
}
button.remove-off-day:hover {
	background:rgb(255 0 0 / 100%) !important;
}
.wp-admin .q_container label {
    display: flex;
    font-weight:bold;
    width: 100%;
	line-height:1;

    margin: 0 auto 4px; /* Centrare il contenuto */
}
.wp-admin .q_container label[for="scheda_allenamento"]{
   background-color:#f15a25 !important;
    color:white !important;
   padding: 8px;
    width: calc(100% - 16px);
   margin-bottom:10px;
}
.wp-admin .q_container label[for="scheda_allenamento"]{
   background-color:#f15a25 !important;
    color:white !important;
   padding: 8px;
    width: calc(100% - 16px);
   margin-bottom:10px;
}
.wp-admin .user_image,
.wp-admin .pdf_image{
    float:left;
    margin-right:20px;
    padding:0 !important;
	border:1px solid #f15a25;
}
.wp-admin .user_image p,
.wp-admin .pdf_image p{
    margin:0 !important;
    padding:0 !important;
}
.wp-admin #avatar_preview img,
.wp-admin #scheda_pdf_preview img,
.wp-admin #documento_preview img,
.wp-admin #certificato_med_preview img{
	height: 300px;
	width:auto;
    max-width: 100%;
	float:left;
	margin:5px 10px 10px 0;
    padding:0 !important;
	border:2px solid #aaaaaa;
}
.wp-admin #documento_preview img.alert,
.wp-admin #certificato_med_preview img.alert,
.wp-admin #fine_abbonamento.alert{
    border: 3px solid red;
    animation: pulse-border 2s ease-in-out infinite;
}

/* Definizione dell'animazione */
@keyframes pulse-border {
    0%, 100% {
        border-color: red;
    }
    95% {
        border-color: #aaaaaa; /* Spessore leggermente aumentato per l'effetto pulsante */
    }
}
.wp-admin #avatar_preview img{
	height: auto;
	width:200px;
    }
.wp-admin .q_container input,
.wp-admin .q_container textarea,
.wp-admin .q_container select{
    width:100%;
    border-radius:0;
}

.wp-admin .q_container button{
	display:inline-block;
    border:none !important;
	text-align:center !important;
	height:auto;
	font-size:.8em;
	line-height:3;
    background-color:#666666 !important;
    color:white !important;
    border-radius:0;
	min-width:130px;
	margin:3px 0 !important;
	transition:.3s;
}

.wp-admin .q_container .selected-user{
	background-color:#e1e1e1;
	display:inline-flex;
	align-items: center;
  	justify-content: center !important;
	text-align:center;
	vertical-align: middle;
	width:fit-content;
	margin: 0 5px 5px 0;
	padding:2px 4px 2px 8px;
}
#selected_users_container{
	border:1px solid #f15a25 !important;
	margin-bottom:6px;
}
.wp-admin .q_container button.remove-user{
	min-width:0;
	padding:4px;
	width:20px;
	height:20px;
	margin-left:8px !important;
	line-height:1;
}
.wp-admin .q_container button:hover{
    border:none !important;
    background-color:#f15a25 !important;
    color:white !important;
    border-radius:0;
	cursor:pointer;
}
.wp-admin .pgm_butt{
    border:none !important;
    background-color:#f15a25 !important;
    color:white !important;
    border-radius:0;
	padding:6px 12px;
	cursor:pointer;
	font-size:.8em;
}
.wp-admin .pgm_butt:hover{
    border:none !important;
    background-color:#4d4d4d !important;
    color:white !important;
    border-radius:0;
}
.wp-admin #off_days_list{
	background: #00000012;
	padding:8px;
	line-height:1,2
}
.wp-admin .q_container input#avatar{
   max-width:calc(100% - 130px); 
}
.wp-admin .q_container .user_image img{
   min-width: 150px !important;
   height:auto;
}
.wp-admin .q_container input#scheda_allenamento{
   max-width:calc(100% - 272px); 
}
.wp-admin .q_container .pdf_image img{
   width: 250px !important;
   height:auto;
}
.wp-admin #qpgm_lezioni_meta .postbox-header,
.wp-admin #qpgm_trainer_meta .postbox-header,
.wp-admin #qpgm_clienti_meta .postbox-header{
    background-color:#f15a25 !important;
    color:white !important;
}
.wp-admin #qpgm_lezioni_meta .postbox-header h2,
.wp-admin #qpgm_trainer_meta .postbox-header h2,
.wp-admin #qpgm_clienti_meta .postbox-header h2{
    color:white ;
    text-transform:uppercase;
}
.wp-admin #qpgm_lezioni_meta .postbox-header span,
.wp-admin #qpgm_trainer_meta .postbox-header span,
.wp-admin #qpgm_clienti_meta .postbox-header span{
    color:white ;
}
/* -- Styling swal ------------------- */
.swal2-backdrop-show.loader{
	background:#ffffffba !important;
}
.swal2-modal.loader{
	background:#ffffff00 !important;
}
.swal2-styled.swal2-confirm {
	background-color: #f15a25 !important;
	color: #fff;
	outline: none;
}
.swal2-title {
	line-height:1.2;
}
.swal2-styled.swal2-confirm:focus {
  box-shadow: none !important;
}

.swal2-backdrop-show.fullpreview {
	background:#000000a3 !important;
	z-index:2000000;
}
.swal2-modal.fullpreview h2{
	font-size:1.2em;
	text-transform:uppercase;
	color: #f15a25;
}
.swal2-modal.fullpreview{
	min-height: 95vh;
}
.swal2-modal.fullpreview .swal2-close{
	display:none !important;
}
.fullpreview .swal2-html-container{
	min-height: calc(90vh - 120px);
	overflow:hidden;
	border:1px solid #070707;
}
.fullpreview .swal2-html-container .image{
	width:100%;
	overflow:auto;
	max-height: calc(90vh - 120px);
}
.swal2-modal.qpgm-avatar-popup{
	padding:10px 10px !important;
}
.swal2-modal.qpgm-avatar-popup .swal2-close,
.swal2-modal.qpgm-avatar-popup .swal2-close:focus{
	color: #f15a25 !important;
	background-color:#ffffff;
	box-shadow: none;
	-webkit-border-radius: 0px;
	-moz-border-radius:0px;
	border-radius: 0px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	margin-top: -10px;
	margin-right: -10px;
}
.swal2-modal.qpgm-avatar-popup .swal2-close:hover{
	color: #000000 !important;
}
.swal2-modal.qpgm-avatar-popup .swal2-image{
	width:100%;
	overflow:auto;
	max-height: calc(90vh - 120px);
	margin:0 !important;
}
.slot_choose .swal2-popup.swal2-show{
	height:100%;
	overflow-y: auto !important;
	touch-action: pan-y !important;
	overscroll-behavior: contain !important;
}
/* -- Styling tabella accessi ------------------- */
.wp-admin .utenti_prenotati label{
   background-color:#f15a25 !important;
   color:white !important;
   padding: 8px;
   width: calc(100% - 16px);
   margin-bottom:0px;
}
.wp-admin .utenti_prenotati .divtable{
	width:calc(100% - 2px);
	max-height:300px;
	overflow:auto;
   border:1px solid #f15a25;
}
.emptytable{
	padding: 20px 10px;
}
.wp-admin .utenti_prenotati thead th{
	position: sticky  !important;
    top: 0;
    background-color: #f4f4f4;
    z-index: 2; /* Mantiene i titoli sopra il contenuto */
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
	background: #4d4d4d;
	color:white;
	border:none;
	border-right:1px solid #c6c6c6;
    font-size:.9em;
}
.wp-admin .utenti_prenotati tbody td {
    padding: 8px;
    text-align: left;
	border:none  !important;
	border-right:1px solid #c6c6c6  !important;
	border-bottom:1px solid #c6c6c6 !important;
}
.wp-admin .utenti_prenotati table{
	width:100%;
	border:0;
    border-collapse: collapse;
}
.wp-admin .utenti_prenotati  {
	border:1px solid #f15a25  !important;
}
.wp-admin .utenti_prenotati thead th:last-child,
.wp-admin .utenti_prenotati tbody td:last-child{
	border-right:none !important;
}
.wp-admin .utenti_prenotati tbody tr:last-child td{
	border-bottom:none !important;
}

/* FRONT END */
.fe_descrizione_trainer{
	border:1px solid #f15a25;
	-webkit-border-radius: 0;
	-moz-border-radius:0;
	border-radius: 0;
	min-height: 200px;
	margin-bottom: 20px;
	line-height: 1.2;
	
}
button#save_descrizione_trainer{
	display: block;
	-webkit-border-radius: 0 !important;
	-moz-border-radius:0 !important;
	border-radius: 0 !important;
	margin:auto 0 auto auto !important;
	background-color: #f15a25;
	transition: .3s;
}
button#save_descrizione_trainer:hover{
	background-color: #000000 !important;;
}
.fc-event.prenotabile {
    background-color: green;
    color: white;
}

.fc-event.completa {
    background-color: red;
    color: white;
}

.fc-event.cancellata {
    background-color: gray;
    color: white;
}
.mpg_fend_button{
	display:flex;
	background-color:  #f15a25;
	vertical-align:middle;
	color:white;
	border: none;
	padding:6px 12px;
	font-size:.9em;
	text-transform:uppercase;
	width:fit-content;
	cursor:pointer;
	transition:.3s;
	margin:0 10px 10px 0;
}
.mpg_fend_button:hover{
	background-color:  #282828;
	color:  #f15a25 ;
}
.noPrenotation{
	padding:10px;
}
.custom-select {
    position: relative;
    display: inline-block;
    width: 100%;
}

.selected-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 12px 4px 4px;
    border: 1px solid #8c8f94;
    cursor: pointer;
}
#custom-select > div.selected-option > span.color-name{
	font-size:1.1em;
}
.selected-option .color-box {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border-radius: 0px;
}

.options {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    width: 100%;
    border: 1px solid #8c8f94;
    background: #fff;
    border-radius: 0px;
    z-index: 1000;
}

.options .option {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    cursor: pointer;
}

.options .option:hover {
    background: #f0f0f0;
}

.options .color-box {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border-radius: 0px;
}

.custom-select.active .options {
    display: block;
}






/* Woocommerce styling */
.woocommerce-EditAccountForm fieldset legend {
    display:block;
	width:100%;
	font-weight: bold;
    font-size: 1.2em;
    color: #f15a25;
    padding-top: 40px;
	padding-bottom: 10px;
	margin-bottom:10px;
	border-bottom:2px solid #f15a25;
}
#header-outer #mobile-cart-link.first-load .cart-wrap span,
body.material #header-outer a.cart-contents .cart-wrap span{
	background-color:black !important;
	color:#f15a25;
}
.woocommerce{
	color:black;
}
.woocommerce-image-hr{
	margin: 10px 0 30px;
	border: 1px solid #f15a25;
}
.woocommerce-MyAccount-navigation ul {
	margin-left: 0;
	border-top: none !important;
}
.woocommerce-MyAccount-navigation ul li a {
	padding: 10px 0  !important;
	opacity:.7 !important;
	text-transform:uppercase;
	font-weight:500 !important;
	border-bottom: 1px solid #f15a25;
	padding-left:4px !important;
	font-size:16px;
}

.woocommerce-MyAccount-navigation ul li a:hover{
	opacity:1 !important;
}
.woocommerce-MyAccount-navigation ul li.is-active a{
	opacity:1 !important;
	color:#f15a25 !important;
}
.woocommerce-MyAccount-navigation ul li.woo_admin_menu a{
	font-weight:600 !important;
	color:#010101 !important;
	background-color:#0000000f;
}
.woocommerce-MyAccount-navigation ul li.woo_admin_menu a:hover{
	font-weight:600 !important;
	color:#010101 !important;
	background-color:#f15a2536;
}

.woocommerce-dashboard-widget h2{
	border-bottom:2px solid #f15a25;
	padding:0 0;
	font-weight:900;
	font-size: clamp(22px, 4vw, 40px) !important;
	color:#f15a25;
}

.woocommerce form .form-row .input-text,
.woocommerce form .form-row select{
	border:1px solid #cdcaca !important;
	-webkit-border-radius:  0 !important;
	-moz-border-radius:  0 !important;
	border-radius: 0 !important;
	font-size:1.2em;
}
#pgm-profile-avatar{
	display:flex;
	width:100%;
	flex-direction: column;
	align-items: center;
  	justify-content: center;
	padding-bottom:20px;
	border-bottom:3px solid #f15a25;
	margin-bottom:0px;
}
#pgm-avatar-button-frame{
	padding:0;
	margin-top:-18px;
	/* display:flex; */
	flex-direction: row-reverse;
	text-align:center;
}
#pgm-avatar-image-frame{
	border:3px solid #f15a25;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding:0px;
	width:164px;
	height:164px;
	overflow:hidden;
	margin:auto;
}
#pgm-profile-avatar img{
	border:4px solid #ffffff;
	-webkit-border-radius:  80px;
	-moz-border-radius:  80px;
	border-radius: 80px;
	min-width:100%;
	height: 100%; !important;;
	object-fit:cover;
}

#pgm_upload_avatar_button,
#pgm_remove_avatar_button{
	border-radius:50% !important;
	height:40px;
	width:40px;
	margin:0 5px;
	border:2px solid  white;
	margin-top:-4px;
	margin-bottom:10px;
}
#pgm_upload_avatar_button:hover,
#pgm_remove_avatar_button:hover{
	background-color:#212121 !important ;
	
}
#pgm_upload_avatar_button{
	background:url('../images/ico_photo_white.png')  no-repeat center center !important;
	background-size: 16px !important;
	background-color:#f15a25 !important ;
	background-position:50% 45% !important ;

}
#pgm_remove_avatar_button{
	background:url('../images/ico_cancel_w.png')  no-repeat center center !important;
	background-size: 10px !important;
	background-color:#f15a25 !important ;
}
#user-bookings-container {
	border:1px solid #f15a25 !important ;
}
#user-bookings-table{
	border:none;
	margin:0;
	font-size:18px;
}
#user-bookings-table td{
	font-size:16px;
}
body:not(.woocommerce-cart) .main-content table tr:nth-child(2n+1) {
    background-color: #f2f2f2 !important ;
}

#user-bookings-table thead th{
	background-color:#f15a25 !important ;
	color: white;
	text-transform:uppercase;
}
#user-bookings-table th,
#user-bookings-table td{
	width:auto;
}
#user-bookings-table thead th:first-of-type,
#user-bookings-table tbody td:first-of-type{
	border-left: none;
}
#user-bookings-table thead th:last-of-type,
#user-bookings-table tbody td:last-of-type{
	border-right: none;
	width:110px !important;
	min-width:110px !important;
	max-width:110px !important;
}
#user-bookings-container{
	overflow:hidden;
	overflow-x:auto;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:before {
	display: inline-block;
	font-size: 1.2em !important;
	line-height: 1.1;
	line-height: inherit;
	margin-right: 15px;
	text-align: right;
	float: left;
	opacity: 1 !important;
	color: #f15a25;
}
.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--orders  a:before{
	font-size: 1.0em !important;
	margin-right: 11px;
}
.woocommerce-MyAccount-navigation-link--prenotazioni a:before {
	content: "\f073" !important;
}
.woocommerce-MyAccount-navigation-link--la-mia-scheda a:before {
	content: "\f15c" !important;
}
/* Visualizzazione Avatar in dashboard */
.woocommerce-image{
	display:flex;
	align-items: center;
  	justify-content: center;
	width:100%;
}
#avatar_frame{
	display:block;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 110px;
    width: 110px;
    border: 3px solid #fa471c;
    margin:0px auto 10px;
    overflow:hidden;
    vertical-align:top;
}
#avatar_inframe{
	display:flex;
	align-items: center;
  	justify-content: center !important;
	text-align:center;
	vertical-align: middle;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 104px;
    width: 104px;
    border: 3px solid #ffffff;
    margin:0px auto 10px;
    overflow:hidden;
    text-align:center !important;
}
img.team_avatar{
	display: flex;
	clear:both;
    opacity:1;
    height:100%;
    object-fit: cover;
    cursor:zoom-in;
}
.avatar_remove_ico,
.avatar_add_ico{
	position: absolute;
	margin-top:-113px;
	margin-bottom:auto;
	margin-left:75px;
	height: 20px;
	width: 20px;
	cursor:pointer;
	border-bottom: none !important;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	box-shadow: 0 0 0 2px white;
	display:none ;
}
#avatar_inframe:hover + .avatar_remove_ico,
#avatar_inframe:hover + .avatar_add_ico{
	display:block !important;
}
.avatar_add_ico{
	background:url('../images/ico_add.png')  no-repeat center center !important;
	background-size: 20px !important;
}
.avatar_remove_ico{
	background:url('../images/ico_remove.png')  no-repeat center center !important;
	background-size: 20px !important;
}
.avatar_add_ico:after,
.avatar_remove_ico:after{
	content: "" !important;
}
.avatar_add_ico:hover,
.avatar_remove_ico:hover{
	display: block;
	box-shadow: 0 0 0 2px #FF9800;
}
#upload_spinner {
    position: fixed;
    top:0;
    left: 0;
	width:100vw;
	height:100vh;
    z-index: 999999;
    border-radius: 0px;
	background:url('../images/pgm_loader.gif')  no-repeat center center !important;
	background-size: 200px !important;
	background-color: rgb(255 255 255 / 84%) !important;
}

/* DATATABLES*/
.pgm_table_week_content,
.pgm_table_all_content{
	-webkit-border-radius: 4px ;
	-moz-border-radius:4px ;
	border-radius: 4px ;
	padding:6px 18px 18px;
	background-color:#ffffff;
	margin-bottom:50px;
}

.pgm_table_all_content{

}
.pgm_table_week_content h1{
	color: #606060;
	font-weight:600;
	margin-bottom:10px;
}
.pgm_table_all_content h1{
	color: #f15a25;
	font-weight:600;
	margin-bottom:10px;
}
.pgm_hr{
	border-top:4px dotted black;
	background-color:transparent;
	color:transparent;
}
#pgm_table_week{
    width: 100% ;
    border: 2px solid #606060;
    border-collapse: collapse;
}

#pgm_table  {
    width: 100% ;
    border: 2px solid #f15a25;
    border-collapse: collapse;
}
#pgm_table_week  table tr ,
#pgm_table  tr {
	background-color: #ffffff;
}
#pgm_table_week thead,
#pgm_table  thead {
    width: 100% ;
	display:   ;
    table-layout: fixed;
	background-color:  #f15a25;
	color:white;
	padding:4px 12px;
	text-transform:uppercase;
	font-size: clamp(13px, 2vw, 15px) !important;
}
#pgm_table_week tbody,
#pgm_table tbody {
	displ ay:block;
	width: 100% !important;
}

#pgm_table_week th,
#pgm_table   th,
#pgm_table_week td,
#pgm_table   td{
    padding: 3px 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    width:22.5%;
}
#pgm_table.pgm_report th,
#pgm_table.pgm_report td{
	width:7.5%;
}
#pgm_table.pgm_report thead tr th:first-of-type,
#pgm_table.pgm_report tbody tr td:first-of-type{
	min-width:50px !important;
	max-width:50px !important;
	width:50px !important;
}
#pgm_table .qpgm_avatar_container{
	display:flex;
	width:50px !important;
	max-width:50px !important;
	aspect-ratio:1/1;
	overflow:hidden;
	align-content: center;
	justify-content: center;
	align-items: center;
	padding:2px;
}
#pgm_table .qpgm_avatar_zoom{
	width:100%;
	max-width:48px !important;
	object-fit:contain;
}
.qpgm_avatar_zoom{
	cursor:zoom-in;
}
#pgm_table_week th:last-of-type,
#pgm_table  th:last-of-type,
#pgm_table_week td:last-of-type,
#pgm_table  td:last-of-type{
	border-right: none;
	width:100px !important;
	min-width:100px !important;
	max-width:100px !important;
}
#pgm_table_week thead th{
	background-color:  #606060;
	padding: 8px 8px !important;
	color:white;
}


#pgm_table thead th{
	background-color:  #f15a25;
	padding: 8px 8px !important;
	color:white;
}
#pgm_table_week tbody tr,
#pgm_table tbody tr {
    width: 100%;
}


#pgm_table_week tbody td.dt-body-left,
#pgm_table  tbody td.dt-body-left{
	border-right: none;
}
body[data-button-style*="slightly_rounded"] button.cancel-booking,
#pgm_table_week button.cancel-booking,
#pgm_table button.cancel-booking,
#pgm_table  a.button {
	background-color:  #828181;
	vertical-align:middle;
	color:white;
	border: none;
	padding:6px;
	font-size:10px;
	text-transform:uppercase;
	width:auto;
	cursor:pointer;
	transition:.3s;
	-webkit-border-radius: 0 !important;
	-moz-border-radius:0 !important;
	border-radius: 0 !important;
}
button.cancel-booking:hover,
#pgm_table_week button.cancel-booking:hover,
#pgm_table button.cancel-booking:hover,
#pgm_table  a.button:hover{
	background-color:  #f15a25!important;
	color:white;
}
#pgm_table_week tbody td:nth-child(1),
#pgm_table tbody td:nth-child(1){
	text-transform:uppercase;
	font-weight:800;
	color: #000000;
}
#pgm_table_week thead th:last-child,
#pgm_table thead th:last-child,
#pgm_table_week tbody td:last-child,
#pgm_table tbody td:last-child{
	text-align:center;
}
#pgm_table_week tbody td.prenotabile,
#pgm_table  tbody td.prenotabile{
	background-color: #ccfccc;
	text-transform: uppercase;
}
#pgm_table_week tbody td.cancellata,
#pgm_table  tbody td.cancellata{
	background-color:  #fbc9ba;
	text-transform: uppercase;
}
#pgm_table_week  tr:nth-child(even),
#pgm_table  tr:nth-child(even),
.pgm-popup-table tr:nth-child(even){
    background-color: #faf7f7 !important;
}

.datatable_content{
	max-width: 100%;
	width: 100%;
}
.datatable_content .dt-info{
	color:#000000 !important;
	padding: 4px 0 8px;
	font-weight:500;
}

.datatable_content #pgm_table_week,
.datatable_content #pgm_table {
	display: block;
	width: 100%;
	max-width: 100%;
    overflow: auto !important;
}
.datatable_content colgroup {
	width:fit-content;
}


.datatable_content .dt-buttons, .dt-search{
	display:inline-flex;
	flex-wrap: wrap;
	gap:8px;
}
.datatable_content .dt-search{
	display:inline-flex;
	flex-wrap: wrap;
	align-self: end;
	justify-content:  flex-end; 
    align-items: center ;
	margin: -15px 0 8px auto;
	float:right;
	max-width:150px;
}
.datatable_content .dt-search label{
	margin: 0 0 -4px auto;
	justify-content:  flex-end; 
}
.datatable_content .dt-search input{
	padding: 0 8px;
	line-height: 2;
	min-height: 30px;
}
.datatable_content .dt-search input:placeholder{
	content: 'ricerca';
}

#pgm_table_week  thead tr.filters input,
#pgm_table  thead tr.filters input {
	width: 100%;
	box-sizing: border-box;
	font-size: 0.8em;
	padding: 1px 4px;
	border-radius:0;
	border:1px solid transparent;
}
#pgm_table_week  thead tr.filters,
#pgm_table  thead tr.filters {
    background-color: #f8ac91 !important; 
}
#pgm_table_week  thead tr.filters th,
#pgm_table  thead tr.filters th{
    background-color: transparent !important; 
}

#pgm_table_week thead tr.filters input:focus,
#pgm_table  thead tr.filters input:focus {
    border-color: #3e3e3e; /* colore del tuo tema */
}

/* Stile per i placeholder */
#pgm_table_week  thead tr.filters input::placeholder,
#pgm_table  thead tr.filters input::placeholder {
    color: #999;
	font-weight:300;
    font-style: italic;
    opacity: 0.7;
}

span.show-prenotazioni{
	border:1px solid #f15a25;
	padding:4px;
	width:100% !important;
	font-weight:600;
	color:#f15a25 !important;
	background-color:#fbe5dd !important;
}
span.show-prenotazioni:hover{
	font-weight:600;
	color:#000000 !important;
	color:#ffff !important;
	background-color:#f15a25 !important;
}
.pgm-modal {
	display: none;
	position: fixed;
	z-index: 10000;
	padding-top: 100px;
	left: 0; top: 0;
	width: 100%; height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.5);
}
.pgm-modal-content {
	background-color: #fff;
	margin: auto;
	border-radius: 0;
	min-width: 600px;
	max-width: 60%;
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
.pgm-modal-content h3{
	background-color: #f15a25;
	padding: 10px 20px;
	color: white;
	font-size:20px;
	margin: auto;
	border-radius: 0;
	width: calc(100% - 40px);
}
#prenotazioniModalContent{
	padding:0px;
	font-size:18px;
	line-height:22px;
	max-height: calc(100vh - 300px);
	overflow:auto;
}
.pgm-close {
	color: #ffffff;
	float: right;
	font-size: 24px;
	font-weight: bold;
	cursor: pointer;
	margin: 8px
}
.pgm-close:hover { color: #000; }

.pgm-popup-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 0;
}
.pgm-popup-table th, .pgm-popup-table td {
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 8px 20px;
}
.pgm-popup-table th:first-of-type,
.pgm-popup-table td:first-of-type {
	border-left: none;
}
.pgm-popup-table th {
	background-color: #979696;
	color: white;
	font-size:14px;
	text-align:left;
}
.fc-event.disabled-event {
    opacity: 0.4 !important;
    pointer-events: none;
    cursor: not-allowed;
}
#pgm_calendar .event-wrapper.event-corso .title-info-wrapper,
.fc-theme-standard .btn-prenota.prenota_corso{
	background-color:#1f4e79 !important;
}

#pgm_calendar .event-wrapper.event-corso .event-slots{
	color:#1f4e79 !important;
	font-weight:700;
}

.fc-theme-standard .btn-prenota.prenota_corso{
	color:#ffffff !important;
	opacity:1 !important;
}

.slot_choose .btn-prenota.prenota_corso{
	background-color:#1f4e79 !important;
	color:#ffffff !important;
}

.slot_choose .btn-prenota.prenota_corso .slots_disp{
	color:#dbe8f4 !important;
	font-weight:600;
}