.gridView{
	display:grid;
}
.gridItem{
	overflow:hidden;
	width:100%;
	position:relative;
}
.gridThumb{
	display:block;
	position:relative;
}
.gridThumb img{
	display:block;
	width:100%;
	height:100%;
}
.gridTitle{
	display:block;
	font-size:20px;
	padding:12px 20px 0;
	position:relative;
}
.gridSubTitle{
	display:block;
	font-size:14px;
	color:#888;
	padding:6px 20px;
	position:relative;
}
.gridText{
	display:block;
	font-size:14px;
	padding:10px 20px;
	position:relative;
	line-height:22px;
}

/*Board Grid*/
.gridApp{
    gap: 5px;
    position:relative;
    grid-template-columns: repeat(1, 1fr);
}
.gridApp a{
    text-decoration:none;
}
.gridApp .gridItem{
    border-radius:4px;
    overflow: hidden;
    text-align:center;
    padding:12px 12px;
    background:#f0f0f0;
    cursor:pointer;
    user-select: none;
}
.gridApp .gridItem:hover{
    background:#ddd;
}
.gridApp .gridItem:active{
    background:#ccc;
}
.gridBlock .gridApp .gridItem_on{
    background:#B5E2FD;
}

.gridApp .gridTitle{
    font-size:14px;
    text-align:center;
    padding:0;
    color:#222;
}
.gridApp .gridThumb{
    text-align:center;
    padding:0 0 5px;
}
.gridApp .gridThumb img{
    display:inline-block;
    width:32px;
    height:auto;
}

.appItemsFolder{
    position:relative;
    width:100%;
    padding:10px;
}

.gridBlock{
    padding:5px 0;
}

.gridBlockTitle{
    padding:5px 0 10px;
    font-size:14px;
    color:#111;
    font-weight:bold;
}
.gridApp .gridSubTitle{
    text-align:center;
    padding:10px 15px;
    font-size:18px;
    color:#444;
}

.appMenuLeftOpen{
    width:220px;
    transition:0.5s;
}

#appMenu{
    background:#fff;
}

@media(max-width: 768px){
    .gridApp{
		grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 10px;
        row-gap: 10px;
        color:#85b90c;
	}
    .gridApp .gridItem{
        background:#e5e5e5;
    }
    #appMenu{
        background:#fff;
    }

    .appMenuLeftOpen{
        width:320px;
        transition:0.5s;
    }
}