.dashboard-mode {
	background: white linear-gradient(left, rgb(112, 0, 112) 0%, rgba(112, 0, 112, 0) 50%, rgba(0, 112, 0, 0) 50%, rgb(0, 112, 0) 100%);
	background-size: 200% 100%;
	transition: all 2s linear;
}
.dashboard-mode:hover {
	background-position: 100%; 
}

.timings .from
{
	color: blue;
	font-weight: bold;
}
.timings .to
{
	color: red;
	font-weight: bold;
}

/*iframe*/
#iDashboard,
.iDashboard
{
	width: 100%;
	border: none;
	height: 100vh !important;
}


.grid-box
{
	height:45vh;
}
.grid-title
{
	display:block;
	
}
.grid-box img,
.grid-box embed,
.grid-box video
{
	width:auto;
	height:90%;
}

.viewmode-dashboard .grid-box
{
	height:50vh;
	text-align:center;
}
.viewmode-dashboard .grid-title
{
	font-size: 22px;
	font-weight: bold;
	text-align:left;
	display:none;
	
}

.viewmode-dashboard .grid-box img,
.viewmode-dashboard .grid-box embed,
.viewmode-dashboard .grid-box video
{
	width:auto;
	height:100%;
}

.grid-box-1 {	height:95vh;	}
.grid-box-2 {	height:45vh;	}
.grid-box-3 {	height:30vh;	}
.grid-box-4 {	height:20vh;	}
.grid-box-5 {	height:15vh;	}

.viewmode-dashboard .grid-box-1 {	height:100vh;	}
.viewmode-dashboard .grid-box-2 {	height:50vh;	}
.viewmode-dashboard .grid-box-3 {	height:33vh;	}
.viewmode-dashboard .grid-box-4 {	height:25vh;	}
.viewmode-dashboard .grid-box-5 {	height:20vh;	}