.ctr-start-menu {
	position:absolute;
	display:block;
    width: 100%;
    height: 45px;	
	z-index:3;
	bottom:0px;
	left:0;
	font-family: 'Titillium Web';
	background-color:#121212;
	color:#F2F2F2;
	vertical-align:top;
}

.menu-start {
	position:relative;	
	display: inline-block;
	width:45px;
	height:45px;
	text-align: center;
	vertical-align:top;
}

.menu-start:hover {
	background-color:#171717;
}

.menu-start-icon {
	position:relative;
	width:20px;
	height:20px;
	top:12px;	
}

.menu-notif {
	position:relative;	
	display: inline-block;
	width:30px;
	height:45px;
	text-align: center;
	float:right;
}

.menu-notif:hover {
	background-color:#171717;
}

.menu-date {
	position:relative;	
	display: inline-block;
	width:80px;
	height:45px;
	text-align: center;
	float:right;
	font-size:12px;
	/* Unselectable text */
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none; 			/* Likely future */ 
}

.menu-list-apps {
    position: absolute;
	display: block;
    z-index: 10;
	width:250px;
	height:auto;
	right:0px;
	bottom:46px;
    background-color:#121212;
    text-align: center;
    border: 1px solid #4F4F4F;
	/* Unselectable text */
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none; 			/* Likely future */ 
}

.main-menu {
    position: absolute;
	display: none;
    z-index: 10;
	width:550px;
	height:500px;
	left:0px;
	bottom:46px;
    background-color:#121212;
    text-align: center;
    border: 1px solid #4F4F4F;
	/* Unselectable text */
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none; 			/* Likely future */ 
}

.main-menu-ctr {
	display: table-row;
}

.main-menu-left {
	width:20px;
	height:450px;
	display: table-cell;
	text-align:center;
	vertical-align:bottom;
	padding-bottom:5px;
}

.main-menu-middle {
	width:230px;
	display: table-cell;
	text-align:left;
	overflow-y: auto;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	vertical-align:top;
}

.main-menu-middle-apps {
	position:relative;
	display: table-row;
	width:220px;
	text-align:left;
	vertical-align:top;
}

.main-menu-middle-apps:hover {
	background-color:#171717;
}

.main-menu-middle-apps-img {
	position:relative;	
	display: table-cell;
	width:45px;
	height:45px;
	text-align: center;
	vertical-align:top;
}

.main-menu-middle-apps-txt {
	position:relative;	
	display: table-cell;
	width:175px;
	text-align: left;
	vertical-align:middle;
	color:#fff;
	font-size:12px;
	padding-left:5px;
}

.main-menu-right {
	width:300px;
	display: table-cell;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	overflow-y:auto;
}

.main-menu-right-ctr {
	position:relative;
	vertical-align:top;
	padding:0px;
	margin:0px;
	display:block;
	overflow-y: scroll;
	height:480px;
}

/* width */
::-webkit-scrollbar {
    width: 0px;
}

.item1 { grid-area: W1; }
.item2 { grid-area: H1; }
.item3 { grid-area: H2; }
.item4 { grid-area: H3; }
.item5 { grid-area: H4; }
.item6 { grid-area: W2; }

.main-menu-right-grid {
  display: grid;
  grid-template-rows: 35px 35px 135px;
  grid-template-areas:
    'W1 H1 H2'
    'W1 H3 H4'
    'W2 W2 W2'
    ;
  grid-gap: 2px;
}

.main-menu-right-grid > div {
  background-color: #0278D8;
  text-align: center;
  padding: 5px;
  font-size: 12px;
  line-height:1.2em;
}

.main-menu-right-grid-h {
	position:relative;
	display:inline-block;
	width:95%;
	text-align:left;
	color:#fff;
	font-size:12px;
	font-weight:bold;
}

.main-menu-right-grid-s {
	position:relative;
	display:inline-block;
	width:95%;
	text-align:left;
	color:#fff;
	font-size:10px;
}