/*	Mobile  */
	@media screen and (max-width: 440px) {

		.ReplCalendar > tbody::-webkit-scrollbar {
		    background-color:transparent;
		    height: 0rem;
		}
		.ReplCalendar > tbody::-webkit-scrollbar-thumb {
		    background: transparent;
		    height: 0rem;
		}
		.ReplCalendar > tbody::-webkit-scrollbar-track {
		    background-color: transparent;
		    height: 0rem;
		}
		.Calendar {
			display: none;
		}
		.Container > .ReplCalendar{
		/*	border-collapse: collapse; */
		    width: 100%;
		    display: flex;
    		justify-content: center;
			margin: 0 auto;
			overflow: hidden;
			overflow-x: auto;
			margin-top: 3rem;
			margin-bottom: 2rem;
		}
		.Container > .ReplCalendar > tbody {
			display: flex;
			width: 24.8rem;
    		overflow: hidden;
    		overflow-x: auto;
    		border-radius: 0.8375rem;
		}
		.Container > .ReplCalendar > tbody > tr:first-child {
			display: flex;
		    position: absolute;
		    top: 8.2rem;
		    width: 90%;
		    justify-content: center;
		    background: var(--Palette2);
		    height: 3.5rem;
			align-items: center;
		    border-radius: 0.6rem;
		}
		.Container > .ReplCalendar > tbody > tr:first-child > th {
			text-transform: uppercase;
			font-size: 2rem;
			font-weight: 700;
			color: var(--Palette3);
		}
		.Container > .ReplCalendar > tbody > tr > th > .ChangeMonth.Left{
			position: relative;
			right: 1rem;
		}
		.Container > .ReplCalendar > tbody > tr > th > .ChangeMonth.Right{
			position: relative;
			left: 1rem;
		}
		.Container > .ReplCalendar > tbody > tr {
			display: flex;
    		flex-wrap: nowrap;
		}
		.Container > .ReplCalendar > tbody > tr > .Empty {
			display: none;
		}
		.Container > .ReplCalendar > tbody > tr > .Weekday {
			display: none;
		}
		.Container > .ReplCalendar > tbody > tr > td {
			display: flex;
    		flex-direction: column;
			box-sizing: border-box;
    		text-align: center;
    		vertical-align: top;
    		width: 5.2125rem;
			height: 6.375rem;
			border-radius: 0.1875rem;
		    background: var(--Palette1);
		    margin: 0rem 0.13rem;
		    align-items: center;
		    justify-content: center;
		}
		.Container > .ReplCalendar > tbody > tr > td.Selected {
			background: var(--Palette2);
		}
		.Container > .ReplCalendar > tbody > tr > td > span {
			color: var(--Palette3);
			font-size: 1.4rem;
		}
		.Container > .ReplCalendar > tbody > tr > td > .DayNumber {
			color: var(--Palette3);
			width: 100%;
			font-size: 2.4rem;
    		font-weight: 500;
		}
		.Container > .ReplCalendar > tbody > tr > td > ul{
			display: none;
		}
		.Container > #MobileCalendarMessage {
			width: 100%;
			display: flex;
    		justify-content: center;
    		margin-bottom: 3rem;
    		position: relative;
		    bottom: 1rem;
		}
		.Container > #MobileCalendarMessage > p {
			text-transform: uppercase;
			text-align: center;
			width: 80%;
			font-size: 1.7rem;
		}
		.Container > #NoShowsMessage {
			width: 100%;
			display: flex;
    		justify-content: center;
    		margin-bottom: 3rem;
		}
		.Container > #NoShowsMessage > p {
			text-transform: uppercase;
			text-align: center;
			width: 80%;
			font-size: 1.7rem;
			color: var(--Palette2);
		}
		.Container > #spettacoliGiorno {
			width: 100%;
		    display: flex;
		    flex-direction: column;
		    align-items: center;
		    margin-bottom: 1rem;
		    margin: 0;
    		padding: 0;
    		list-style-type: none;
    		list-style: none;
		}
		.Container > #spettacoliGiorno > li {
			width: 85%;
    		height: auto;
    		margin: 0rem;
    		margin-bottom: 1rem;
    		display: flex;
    		justify-content: center;
    		padding: 0.1rem;
    		border-radius: 0rem 0rem 0rem 1.0625rem;
    		background: var(--Palette1);
    		list-style-type: none;
    		list-style: none;
		}
		.Container > #spettacoliGiorno > li > a {
			text-decoration: none;
		    display: flex;
		    width: 100%;
		    min-height: 7rem;
		    height: 7.1rem;
		    position: relative;
		    box-sizing: border-box;
		    border-radius: 0rem 0rem 0rem 1.0625rem;
		    background: var(--Plette1);
		    text-transform: uppercase;
		    font-size: 1.5rem;
		    color: var(--Palette3);
		    align-items: stretch;
		    justify-content: flex-start;
		    flex-wrap: nowrap;
		    line-height: 1.5rem;
    		padding-top: 0.3rem;
		}
		.Container > #spettacoliGiorno > li > a > img {
		    display: block;
		    height: 7rem;
		    width: 7rem;
		    border-radius: 0rem 0rem 0rem 1.0625rem;
		    margin-right: 1rem;
			position: relative;
			bottom: 0.3rem;
		}
		.Container > #spettacoliGiorno > li span {
			display: block;
			font-size: 0.8rem;
			font-weight: 300;
			border-top: 0.125rem solid var(--Palette2);
			padding-top: 0.4rem;
			position: absolute;
		    bottom: 0.2rem;
		    left: 8rem;
		    text-align: left;
		    width: 60%;
		    line-height: 0.9rem;
		}
		.Container > #MobileScrollMessage {
			width: 100%;
			display: flex;
			justify-content: center;
		    position: relative;
		    bottom: 2.5rem;
		}
		.Container > #MobileScrollMessage > p {
			text-transform: uppercase;
			font-size: 0.9rem;

		}










}


/*	Desktop  */
	@media screen and (min-width: 441px) {


		.Container {
			margin-top: 8rem;
			margin-bottom: 2rem;
		}
		.Container > .PageTitle {
			display: none !important;
		}
		.mobileCalendar {
			display: none;
		}
		.Container > table > tbody > tr > td span {
			display: none;
		}
		.Container > .ReplCalendar{
			width: 80%;
			border-spacing: 0.425rem;
		}
		.Container > .ReplCalendar > tbody > tr {
			height: auto;
		}
		.Container > .ReplCalendar > tbody > tr > th {
			height: 4.5rem;
			font-size: 2rem;
		    text-transform: uppercase;
		    background: var(--Palette2);
		    color: var(--Palette3);
		    border-radius: 0.3rem;
		    cursor: default;
		}
		.Container > .ReplCalendar > tbody > tr > th > .ChangeMonth.Left{
			position: relative;
			right: 3rem;
			cursor: pointer;
			font-size: 2rem;
			transition: color 0.3s ease;
		}
		.Container > .ReplCalendar > tbody > tr > th > .ChangeMonth.Left:hover{
			color: var(--Palette1);
		}
		.Container > .ReplCalendar > tbody > tr > th > .ChangeMonth.Right{
			position: relative;
			left: 3rem;
			cursor: pointer;
			transition: color 0.3s ease;
		}
		.Container > .ReplCalendar > tbody > tr > th > .ChangeMonth.Right:hover{
			color: var(--Palette1);
		}
		.Container > .ReplCalendar > tbody > tr > .Weekday {
			border: none !important;
			text-align: center;
			padding: 1rem 0.3rem;
			background: var(--Palette1);
    		color: var(--Palette3);
    		height: 1rem;
    		font-weight: 300;
    		cursor: default;
		}
		.Container > .ReplCalendar > tbody > tr > .Empty {
			border: 0.125rem solid #9c9c9c !important;
	    	background: lightgrey;
	    	border-radius: 0.125rem 0.125rem 0.125rem 1.125rem;
	    	cursor: default;
	    	min-height: 2rem;
        	height: 2rem;
		}
		.Container > .ReplCalendar > tbody > tr > .Empty:hover{
			box-shadow: none !important;
		}
		.Container > .ReplCalendar > tbody > tr > .selected {
			border: 0.125rem solid var(--Palette1);
	    	border-radius: 0.125rem 0.125rem 0.125rem 1.125rem;
		}
		.Container > .ReplCalendar > tbody > tr > .normal {
			border: 0.125rem solid var(--Palette1);
	    	border-radius: 0.125rem 0.125rem 0.125rem 0.925rem;
	    	min-height: 3rem;
	    	height: 3rem;
		}
		.Container > .ReplCalendar > tbody > tr > td {
			text-align: center;
			vertical-align: top;
			min-height: 5rem;
			border: 0.125rem solid var(--Palette1);
			width: 10%;
			border-radius: 0.125rem;
			position: relative;
			transition: box-shadow 0.3s ease;
			cursor: pointer;
		}
		.Container > .ReplCalendar > tbody > tr:last-child{
			display: none;
		}
		.Container > .ReplCalendar > tbody > tr > .Weekday:last-child{
			font-weight: 600;
		}
		.Container > .ReplCalendar > tbody > tr > .Weekday:first-child{
			font-weight: 600;
		}
		.Container > .ReplCalendar > tbody > tr > .Weekday:nth-child(6){
			font-weight: 600;
		}
		.Container > .ReplCalendar > tbody > tr > .Weekday:hover{
			box-shadow: none !important;
		}
		.Container > .ReplCalendar > tbody > tr > td > .DayNumber {
			color: var(--Palette2);
			position: absolute;
	    	z-index: 3;
	    	font-size: 1rem;
    		font-weight: 400;
    		text-align: left;
    		width: 10%;
    		display: block;
    		left: 0.2rem;
    		top: 0rem;
    		transition: font-weight 0.3s ease;
		}
		.Container > .ReplCalendar > tbody > tr > td:nth-child(6),
		.Container > .ReplCalendar > tbody > tr > td:first-child,
		.Container > .ReplCalendar > tbody > tr > td:last-child {
			border-color: var(--Palette1);
		}
		.Container > .ReplCalendar > tbody > tr > td:nth-child(6) > .DayNumber,
		.Container > .ReplCalendar > tbody > tr > td:first-child > .DayNumber,
		.Container > .ReplCalendar > tbody > tr > td:last-child > .DayNumber {
			color: var(--Palette2);
		}
		.Container > .ReplCalendar > tbody > tr > td > ul {
			list-style-type: none;
		    padding: 0rem;
		    padding-left: 1rem;
		    height: 100%;
		    padding-top: 0;
		    padding-right: 1rem;
		    margin-top: 0.5rem;
		    margin-bottom: 0.5rem;
		    font-size: 0.55rem;
    		font-weight: 500;
		}
		.Container > .ReplCalendar > tbody > tr > td > ul > li {
		/*  border-radius: 0.125rem 0.125rem 0.125rem 0.425rem;   */
		    padding: 0.25rem 0.2rem;
		    cursor: pointer;
		    border-bottom: 0.125rem solid var(--Palette2);
		    transition: background 0.3s ease;
		    margin-left: 0.2rem;
		}
		.Container > .ReplCalendar > tbody > tr > td > ul > li > a {
			pointer-events: none;
/*			height: 100%;*/
			width: 100%;
    		display: block;
		    text-decoration: none;
		    text-transform: uppercase;
		    transition: color 0.3s ease;
		}

		.Container > .ReplCalendar > tbody > tr > td > ul > li:last-child{
			border-bottom: none;
		}
		.Container > .ReplCalendar > tbody > tr > td:nth-child(6) > ul > li,
		.Container > .ReplCalendar > tbody > tr > td:first-child > ul > li,
		.Container > .ReplCalendar > tbody > tr > td:last-child > ul > li {
			border-bottom: 0.125rem solid var(--Palette2);
		}
		.Container > .ReplCalendar > tbody > tr > td:nth-child(6) > ul > li:last-child,
		.Container > .ReplCalendar > tbody > tr > td:first-child > ul > li:last-child,
		.Container > .ReplCalendar > tbody > tr > td:last-child > ul > li:last-child {
			border-bottom: none;
		}
		
		.Container > .ReplCalendar > tbody > tr > td:nth-child(6):hover,
		.Container > .ReplCalendar > tbody > tr > td:first-child:hover,
		.Container > .ReplCalendar > tbody > tr > td:last-child:hover{
			box-shadow: 0px 0px 0px 2px var(--Palette1);
		}
		.Container > .ReplCalendar > tbody > tr > td:hover {
			box-shadow: 0px 0px 0px 2px var(--Palette1);
		}
		
		.Container > .ReplCalendar > tbody > tr > td:hover > .DayNumber {
			font-weight: 800;
		}
		#MobileCalendarMessage {
			display: none;
		}
		#NoShowsMessage {
			display: none;
		}
		#MobileScrollMessage {
			display: none;
		}
		.Container > .ReplCalendar > tbody > tr > td > ul > li > a > img {
			display: none;
		}
		
		.CasellaVuota {
		    background-color: #727272;
		}






	}