@media only screen and (MAX-device-width: 480px) and (orientation: portrait) {

	html {
		overflow: hidden;
	}

	body {
		height: 100%;
		width: 100%;
		overflow: hidden;
		cursor:url(../image/cur1030.cur), auto;
	}

	h1 {
		color: #ff0000;
		text-align: center;
	}

	.content {
		
	}

	.menucontent {
		width: 100%;
		height: 30vh;
		background-color: red;
		margin: 0px;
		background-color: #696969;
		color: #fff;
		overflow-y: scroll;
	}

	.menucontent li {
		margin-bottom: 20px;
	}

	.leftMenu {
		cursor:url(../image/cur1030.cur), auto;
		list-style: none;
	}

	.titlemenu {
		background-color: #4169E1;
		width: 100%;
		text-align: center;
		color: #fff;
		font-weight: bold;
		font-size: 24px;
		position: sticky;
		top: 0px;
	}

	.tablecontent {
		width: 100%;
		height: 50vh;
		/*background-color: green;*/
		margin-left: 0px;
	    overflow-y: scroll;

	    border-style:solid;
		border-color:#000;
		border-width:1px;
	}


	.tabella {
		margin-left: auto;
	  	margin-right: auto;
		border-collapse: collapse;
		width: 100%;
		font-size: 13px;
	}

	.tabella th {
		position: sticky;
		top: 0px;
	}

	.tabella td, .tabella th {
		border: 1px solid #000;
		padding: 10px 15px;
	}

	.subtitletab {
		font-weight: bold;
		text-align: center;
	}

	.titolotab {
		background: rgb(0,255,0);
	    background: linear-gradient(90deg, rgba(0,255,0,1) 0%, rgba(255,255,0,1) 25%, rgba(255,165,0,1) 50%, rgba(255,0,0,1) 100%);
		color: blue;
		font-weight: bold;
		font-size: 24px;
	}

	.valore {
		text-align: center;
	}

	.dashimage {
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: 0 0;
	    width: 100%;
	    height: auto;
	}

	.created {
		position: absolute;
		bottom: 0px;
		font-size: 12px;
		color: #fff;
	}

	.subtable {
		color: red;
		font-weight: bold;
		font-size: 18px;
	}

	.subtit2 {
		color: green;
		font-weight: bold;
		font-size: 14px;
	}

	button {
		border: none;
		padding: 10px 20px;
		background-color: #4CAF50;
		color: #fff;
		text-align: center;
		font-weight: bold;
		font-size: 16px;
	}

	button:hover {
		color: blue;
		background: rgb(0,255,0);
	    background: linear-gradient(90deg, rgba(0,255,0,1) 0%, rgba(255,255,0,1) 25%, rgba(255,165,0,1) 50%, rgba(255,0,0,1) 100%);
	}
}

@media only screen and (MAX-device-width: 480px) and (orientation: landscape) {
	html {
	overflow: hidden;
	}

	body {
		height: 100%;
		width: 100%;
		overflow: hidden;
		cursor:url(../image/cur1030.cur), auto;
	}

	h1 {
		color: #ff0000;
		text-align: center;
	}

	.content {
		float: left;
	}

	.menucontent {
		 width: 20%;
		 height: 75vh;
		 background-color: red;
		 margin: 0px;
		 background-color: #696969;
		 color: #fff;
		 overflow-y: scroll;
	}

	.menucontent li {
		margin-bottom: 20px;
	}

	.leftMenu {
		cursor:url(../image/cur1030.cur), auto;
		list-style: none;
	}

	.titlemenu {
		background-color: #4169E1;
		width: 100%;
		text-align: center;
		color: #fff;
		font-weight: bold;
		font-size: 24px;
		position: sticky;
		top: 0px;
	}

	.tablecontent {
		width: 78%;
		height: 70vh;
		/*background-color: green;*/
		margin-left: 10px;
	    overflow-y: scroll;

	    border-style:solid;
		border-color:#000;
		border-width:1px;
	}


	.tabella {
		margin-left: auto;
	  	margin-right: auto;
		border-collapse: collapse;
		width: 100%;
		font-size: 13px;
	}

	.tabella th {
		position: sticky;
		top: 0px;
	}

	.tabella td, .tabella th {
		border: 1px solid #000;
		padding: 10px 15px;
	}

	.subtitletab {
		font-weight: bold;
		text-align: center;
	}

	.titolotab {
		background: rgb(0,255,0);
	    background: linear-gradient(90deg, rgba(0,255,0,1) 0%, rgba(255,255,0,1) 25%, rgba(255,165,0,1) 50%, rgba(255,0,0,1) 100%);
		color: blue;
		font-weight: bold;
		font-size: 24px;
	}

	.valore {
		text-align: center;
	}

	.dashimage {
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: 0 0;
	    width: 100%;
	    height: auto;
	}

	.created {
		position: absolute;
		bottom: 0px;
		font-size: 12px;
		color: #fff;
	}

	.subtable {
		color: red;
		font-weight: bold;
		font-size: 18px;
	}

	.subtit2 {
		color: green;
		font-weight: bold;
		font-size: 14px;
	}

	button {
		border: none;
		padding: 10px 20px;
		background-color: #4CAF50;
		color: #fff;
		text-align: center;
		font-weight: bold;
		font-size: 16px;
	}

	button:hover {
		color: blue;
		background: rgb(0,255,0);
	    background: linear-gradient(90deg, rgba(0,255,0,1) 0%, rgba(255,255,0,1) 25%, rgba(255,165,0,1) 50%, rgba(255,0,0,1) 100%);
	}
}