@charset "utf-8";
/* CSS Document */

html {
	font-size: 14px; /*il default di Bootstrap e 16 px e sembra troppo grande*/
}



.myIframe {
	width: 1px;
	min-width: 100%;
}

.myIframe2 {
	overflow: visible !important;
}

.Mainbody2 {
	overflow-x: hidden;
	overflow-y: hidden;
	background-color: #f8f9fd;
}

.DivIframe {
	height: calc(100% - 80px - 30px);
	width: 100%;
}

.headerWelcome {
	font-size: 14px;
	max-width: 150px;
	text-decoration: none !important;
}

.menuSX {
	min-width: 300px;
}

	.menuSX a:hover {
		color: white;
	}

	.menuSX i {
		min-width: 20px;
	}

	.menuSX li a {
		cursor: pointer;
	}

.dropdown-item:active {
	background-color: #c8c8c8;
}

.MENU_ADMIN {
	color: red !important;
}

.MENU_ADMIN_T {
	color: red !important;
}

.MENU_ADMIN_E {
	color: red !important;
}


.Mainbody {
  /*min-height: 75rem;*/
  padding-top: 5.5rem;
  background-color: #f9fafd;
	font-family: 'Nunito Sans', Arial, sans-serif;
}
		
#offcanvasWithBackdrop {
	background-color:#313a46;
	color:#8391a2;
	}

.offcanvas-start {
    width: auto;
	}

.TIMEX1 {
	color:#ffffff;
	}

ul.no-bullets {
  list-style-type: none; /* Remove bullets */
}

.offcanvas-header .btn-close {
	color:#ffffff;
	}

.TIMEX2 {
	color:#8391a2;
	}


.footerCss {
	font-size: 10px;
	min-height: 30px;
}

	.footerCss span {
		padding-right: 20px;
		padding-top: 7px;
	}


h3 {
	/*            text-transform: uppercase;
            line-height: 24px;
            font-size: 22px;
            font-weight: normal;
            margin-bottom: 3px;*/
	color: rgb(87, 87, 87);
}


.DivIframe {
	height: calc(100% - 60px - 30px);
	width: 100%;
}
.btn-primary {
    color: #fff;
    background-color: #8292a2;
    border-color: #8292a2;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #323a47;
    border-color: #323a47; /*set the color you want here*/
}


@media(max-width: 768px) {
	.full-width {
		width: 100% !important;
	}
}


.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: .7;
	z-index: 50;
}
	
/**WAITER**/
.waiterFullscreen_DIV {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(211, 211, 211,0.5);
	z-index: 20000;
}

.waiterFullscreen_TABLE {
	position: absolute;
	top: 50%;
	width: 100%;
}
/**WAITER**/

.HeadTitle {
	border-bottom: 10px solid white;
}
.DIV_C {
	position: absolute;
	background-color: Gray;
	width: 100%;
	height: 100%;
	z-index: 100;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
	margin-left: -1px;
	position: fixed;
	top: 0px;
	left: 0px;
}
body {
	/*font-family: 'Gill Sans Std','Gill Sans MT',Calibri,sans-serif;*/
	font-family: 'Nunito Sans', Arial, sans-serif;

	/*font-weight: 300;
	font-style: normal;
	font-size: 1.65em;*/
	color: #575757;
}

.sfondoGrid {
	background-color: #cccccc !important;
}

.rowCss {
}

	
@media(min-width: 768px) {
	.rowCss td:nth-child(even) {
		background-color: rgba(0, 0, 0, 0.08);
	}
}
.categoryRowCss {
	background-color: #dedede;
	font-weight: bold;
}
.totalRowCss {
	background-color: #999999;
	font-weight:bold;
}

input[type="checkbox"] {
	margin-right: 5px;
}
input[type="radio"] {
	margin-right: 5px;
}
.RadioButtonClass label {
	margin-right: 10px;
}



.dropdown-item:active {
	background-color: #c8c8c8;
}

.accordion-button:not(.collapsed) {
	 color: #000000; 
	 background-color: #ffffff; 
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

	.accordion-button:not(.collapsed)::after {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
		transform: rotate(-180deg);
	}

.cbxClassZoom{

}

	.cbxClassZoom input {
		zoom: 2;
		accent-color: #000;
		vertical-align: middle;
	}

.cbxClass {
}

	.cbxClass input {
		zoom: 1.5;
		accent-color: #000;
		vertical-align: middle;
	}

.ResponsiveImageCell_100 {
	width: 100px;
	height: 100px;
}
.ResponsiveImageCell_50 {
	width: 50px;
	height: 50px;
}


	@media(max-width: 991px) {
		.ResponsiveImageCell {
		width: 100% !important;
		height: 100% !important;
	}

	.ResponsiveImageCell_100 {
		width: 100% !important;
		height: 100% !important;
	}

	.ResponsivePager > td {
		padding-left: 0px !important;
	}

		.ResponsivePager > td > table {
			margin: auto;
		}

			.ResponsivePager > td > table > tbody > tr > td {
				width: 100% !important;
				padding-left: 0px !important;
				display: table-cell !important;
			}
}

.PROGRESS {
	position: fixed;
	background-color: Gray;
	width: 100%;
	height: 100%;
	z-index: 100;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
	margin-left: -1px;
}

.cardHover:hover {
	/* background-color: #dfdfdf;*/
	box-shadow: 2px 6px 8px 2px rgba(22, 22, 26, 0.18);
	cursor: pointer ; 
}


/*
	PROMO
*/

.ribbon {
	position: absolute;
	right: -5px;
	top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 93px;
	height: 93px;
	text-align: right;
}

	.ribbon span {
		font-size: 0.8rem;
		color: #fff;
		text-transform: uppercase;
		text-align: center;
		font-weight: bold;
		line-height: 32px;
		transform: rotate(45deg);
		width: 125px;
		display: block;
		background: #79a70a;
		background: linear-gradient(#9bc90d 0%, #79a70a 100%);
		box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
		position: absolute;
		top: 17px;
		// change this, if no border right: -29px;
		// change this, if no border
	}

		.ribbon span::before {
			content: '';
			position: absolute;
			left: 0px;
			top: 100%;
			z-index: -1;
			border-left: 3px solid #79A70A;
			border-right: 3px solid transparent;
			border-bottom: 3px solid transparent;
			border-top: 3px solid #79A70A;
		}

		.ribbon span::after {
			content: '';
			position: absolute;
			right: 0%;
			top: 100%;
			z-index: -1;
			border-right: 3px solid #79A70A;
			border-left: 3px solid transparent;
			border-bottom: 3px solid transparent;
			border-top: 3px solid #79A70A;
		}

.red span {
	background: linear-gradient(#f70505 0%, #8f0808 100%);
}

	.red span::before {
		border-left-color: #8f0808;
		border-top-color: #8f0808;
	}

	.red span::after {
		border-right-color: #8f0808;
		border-top-color: #8f0808;
	}

.blue span {
	background: linear-gradient(#2989d8 0%, #1e5799 100%);
}

	.blue span::before {
		border-left-color: #1e5799;
		border-top-color: #1e5799;
	}

	.blue span::after {
		border-right-color: #1e5799;
		border-top-color: #1e5799;
	}

.foo {
	clear: both;
}

.bar {
	content: "";
	left: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid #79a70a;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #79a70a;
}

.baz {
	font-size: 1rem;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	line-height: 2em;
	transform: rotate(45deg);
	width: 100px;
	display: block;
	background: #79a70a;
	background: linear-gradient(#9bc90d 0%, #79a70a 100%);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 100px;
	left: 1000px;
}
/*
	/PROMO
*/

.card {
	height: 100%;
}

.nav-link {
	background-color: #e4e8eb !important;
	color: #000;
}

	.nav-link:hover {
		background-color: #ced4da !important;
		color: #000;
	}

	.nav-link.active {
		background-color: #ffffff !important;
		color: #000;
	}

.GridImage {
	border: 0px;
	float: inherit;
	min-height: 50px;
}