

/*	DUE COLONNE	*/

		#Container {
			display: flex;
			flex-direction: row;
			max-width: 70%;
			height: 40vw;
			margin-left: auto;
			margin-right: auto;
			font-size: 1rem;
			gap: 2vw;
		}

		#BoxCalend {
			width: 55%;
			height: 100%;
			box-sizing: border-box;
		}

		#BoxCalEvents {
			width: calc(45% - 2vw);
		}

/*	CALENDARIO	*/

		TABLE#Calend {
			width: 100%;
			height: 100%;
			min-height: 26rem;
			border-collapse: collapse;
		}
		TABLE#Calend TR {
			vertical-align: middle;
			border-collapse: collapse;
		}
		TABLE#Calend TR TD {
			vertical-align: middle;
			text-align: center;
			font-size: 1.2em;
			color: #333333;
			width: 14.285%;
			cursor: default;
			border-collapse: collapse;
			border: 0;
			padding: 0;
			margin: 0;
			border: 1px solid #cccccc;
		}
		TABLE#Calend TR TD.WeekShortDay {
			background-color: #ffffff;
			font-size: 1.2em;
    		line-height: 2.4em;
    		height: 2.4em;
    		font-weight: 900;
			text-transform: uppercase;
		    border-right: 0 !important;
		    border-left: 0 !important;
			border-bottom: 1px solid #cccccc;
		}
		#Calend > tbody > tr:nth-child(2) > td:nth-child(1) {
			border-left: 1px solid #cccccc !important;
		}
		#Calend > tbody > tr:nth-child(2) > td:nth-child(7) {
			border-right: 1px solid #cccccc !important;
		}
		TABLE#Calend TR TD.WeekShortDay:hover {
			background-color: #ffffff;
		}
		TABLE#Calend TR TD.blankline {
			height: 1vw;
		}
		
		TABLE#Calend TR TD.NotValidDay {
			background-color: #ffffff !important;
			cursor: default !important;
			color: #ffffff !important;
		}
		TABLE#Calend TR TD.WithoutEvents,
		TABLE#Calend TR TD.WithEvents {
			background-color: #ffffff;
			color: #000000;
			font-size: 1.2em;
			text-align: left;
			vertical-align: top;
			padding-left: 0.3em;
			font-weight: bold;
		}
		TABLE#Calend TR TD.WithEvents:hover {
			/*background-color: #cc0000;
			color: #ffffff;*/
			cursor: pointer;
		}
		TABLE#Calend TR TD.WithEvents.Selected {
			color: #e9801d !important;
		}

		#Calend > tbody > tr:nth-child(3) {
			display: none;
		}


		TABLE#Calend .monthbox {
			height: 26px;
			border-left: 0 !important;
			border-right: 0 !important;
		}
		TABLE#Calend .monthbox .Mese {
			display: block;
			line-height: 2.4em;
			height: 2.4em;
			text-align: center;
			font-size: 1.2em;
			text-transform: uppercase;
			color: #333333;
			font-weight: 900;
		}
		TABLE#Calend .arrows {
			display: block;
			width: 100%;
			height: 1rem;
			background-position: center center;
			background-repeat: no-repeat;
		}
		TABLE#Calend .arrows:HOVER {
			/* background-color: #dddddd; */
			cursor: pointer;
		}
		TABLE#Calend .ArrowLeft {
			background-position: 0.5rem;
			text-align: left;
			border-right: 0 !important;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath d='M238.475 475.535l7.071-7.07c4.686-4.686 4.686-12.284 0-16.971L50.053 256 245.546 60.506c4.686-4.686 4.686-12.284 0-16.971l-7.071-7.07c-4.686-4.686-12.284-4.686-16.97 0L10.454 247.515c-4.686 4.686-4.686 12.284 0 16.971l211.051 211.05c4.686 4.686 12.284 4.686 16.97-.001z'/%3E%3C/svg%3E");
		}
		TABLE#Calend .ArrowRight {
			background-position: calc(100% - 0.5rem);
			text-align: right;
			border-left: 0 !important;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath d='M17.525 36.465l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L205.947 256 10.454 451.494c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l211.051-211.05c4.686-4.686 4.686-12.284 0-16.971L34.495 36.465c-4.686-4.687-12.284-4.687-16.97 0z'/%3E%3C/svg%3E");
		}

		#Calend > tbody > tr:nth-child(1) > td:nth-child(1) {
			border-right: 0 !important;
		}
		#Calend > tbody > tr:nth-child(1) > td:nth-child(3) {
			border-left: 0 !important;
		}

	/*	BOX INFO EVENTI */

		#BoxCalEvents #NoSelect {
			display: table;
			width: 100%;
    		height: 100%;
    		padding: 2rem;
    		background-color: #cccccc;
		}
		#BoxCalEvents #NoSelect P {
			margin: 0;
			padding: 0;
			height: 100%;
			text-align: center;
			vertical-align: middle;
			display: table-cell;
		}

		#BoxCalEvents .DataGiorno {
			margin: 0;
			padding: 0;
			font-size: 1.6rem;
			color: #222222;
			letter-spacing: -0.03rem;
			line-height: 1.1em;
			font-weight: 600;
			margin-bottom: 1.2rem;
			padding-top: 1rem;
		}

		#BoxCalEvents .Boxes {
			display: none;
			height: 100%;
		}
		#BoxCalEvents .Boxes .Event {
			display: block;
			height: 10rem;
			position: relative;
			margin-bottom: 1rem;
			background-color: red;
			box-sizing: content-box;
		}
		#BoxCalEvents .Boxes .Event:last-child {
			margin-bottom: 0;
		}
		#BoxCalEvents .Boxes A {
			display: block;
			text-decoration: none;
			height: 100%;
		}
		#BoxCalEvents .Boxes IMG {
			width: 10rem;
			height: 10rem;
			float: left;
		}
		#BoxCalEvents .Boxes .Texts {
		    display: block;
		    padding-left: 11rem;
		    color: #333333;
		    height: 100%;
		    position: relative;
		}
		#BoxCalEvents .Boxes .Texts SPAN {
			display: block;
		}
		#BoxCalEvents .Boxes .Texts .DataDalAl {
			position: absolute;
			left: 11rem;
			top: 0.5rem;
			font-size: 1.4rem;
			font-weight: bold;
			text-transform: uppercase;
		}
		#BoxCalEvents .Boxes .Texts .Titolo {
			font-size: 1.4rem;
			color: #ffffff;
			letter-spacing: -0.03rem;
			line-height: 1.1em;
			font-weight: 600;
			margin-bottom: 0.5rem;
			padding-top: 3rem;
		}
		#BoxCalEvents .Boxes .Texts .Descrizione {
			font-size: 1.0rem;
			letter-spacing: -0.03rem;
			line-height: 1.1em;
			font-weight: 400;
			margin-bottom: 0.5rem;
		}
		#BoxCalEvents .Boxes .Texts .Categoria {
			position: absolute;
			left: 11rem;
			bottom: 0.7rem;
			font-size: 1.1rem;
			text-transform: uppercase;
			letter-spacing: -0.03rem;
			line-height: 1.1em;
			font-weight: 600;
		}
		#BoxCalEvents .Boxes .Texts .Action {
			position: absolute;
			right: 1rem;
			top: 0.7rem;
			font-size: 1.1rem;
			text-transform: uppercase;
			letter-spacing: -0.03rem;
			line-height: 1.1em;
			font-weight: 600;
			background-color: #ffffff;
			color: #222222;
			line-height: 2.3rem;
			padding-left: 0.8rem;
			padding-right: 0.8rem;
		}

		#BoxCalEvents .Boxes .Texts .Data {
			display: none;
		}
		#BoxCalEvents .Boxes .Texts .Orario {
			display: none;
		}
		#BoxCalEvents .Boxes .Texts .CustomField1 {
			display: none;
		}
		#BoxCalEvents .Boxes .Texts .CustomField2 {
			display: none;
		}