#dashboardContainer {
    max-width: 1056px;
    overflow-x: hidden;
    position: relative;
    margin-top: 5px;
}

.dashboardItemContainer {
    margin: 0 32px 27px 0;
    display: inline-block;
    box-sizing: border-box;
	position: relative;
}

.dashboardItem {
    background: #f0f0f0 no-repeat;
    background-size: cover;
    overflow: hidden;
	box-sizing: border-box;
	position: absolute;
}

.dashboardItem:not([onclick=""]) {
    cursor:pointer;
}

.dashboardDots {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 20000;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.dashboardDots span {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: 0 10px;
    box-sizing: content-box;
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAMAAACecocUAAAANlBMVEUAAADS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tJHKy6YAAAAEXRSTlMA+TAg4tjEuHlAEPDcnpBqUJs7hakAAABFSURBVAjXTcxJDoAwDATBdpydNf//LHFkEHVqzWGAXks+FRNExnQBOsvIDcdwEfbxgu3rQPrtVTwzEP1HgV6sUmDR1lY9TnIE3CpFdFIAAAAASUVORK5CYII=') no-repeat center;
    cursor: pointer;
}

.dashboardDots span:hover {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAMAAACecocUAAAANlBMVEUAAABpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWnPWMsHAAAAEXRSTlMA+TAg4tjEuHlAEPDcnpBqUJs7hakAAABCSURBVAjXPc25AcAgDMBAYfPm9/7LJiaAqusEbLXkS/EkBPu6AXV5D5w2inDYDPZlIS1DncxA/BnUV8WZhJ621vUCWJIFDNgQgHYAAAAASUVORK5CYII=');
}

.dashboardDots span.active {
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAMAAACecocUAAAAQlBMVEVpaWkAAAACAgI/Pz8AAAAAAABRUVElJSUZGRkMDAwAAAAxMTETExMHBwcLCwsODg4ICAgAAABISEgJCQkMDAwKCgojr/kKAAAAFnRSTlNXAFZXEAtXV1dKF1dWTkM/KQVXNjEkCoPwWwAAAFFJREFUCNdFyEcOgDAQBMGZdTaOhP9/lZUtQZ9KDXKO3m5HErQSjQnyqJ0YaF4ycQWsTCWSx06I8tkinf8fZfNoBGtYFKeeXWKUZKkmXc4q8gWG+AHoQmDIjgAAAABJRU5ErkJggg==') no-repeat center;
    cursor: default;
}

/* 3er width: 3x1, 3x2, 3x3 */
.dashboardItemSize1, .dashboardItemSize4, .dashboardItemSize7, .dashboardItemSize10 {
    width: 1024px;
}

/* 2er width: 2x1, 2x2, 2x3 */
.dashboardItemSize2, .dashboardItemSize5, .dashboardItemSize8 {
    width: 672px;
}

/* 1er width: 1x1, 1x2, 1x3 */
.dashboardItemSize3, .dashboardItemSize6, .dashboardItemSize9 {
    width: 320px;
}

/* 1er heigth: 3x1, 2x1, 1x1*/
.dashboardItemSize1, .dashboardItemSize2, .dashboardItemSize3 {
    height: 108px;
}

/* 2er heigth: 3x2, 2x2, 1x2*/
.dashboardItemSize4 , .dashboardItemSize5 , .dashboardItemSize6  {
    height: 243px;
}

/* 3er heigth: 3x3, 2x3, 1x3*/
.dashboardItemSize7 , .dashboardItemSize8 , .dashboardItemSize9  {
    height: 378px;
}

.dashboardItemSize10 {
    height: 576px;
}

.dashboardItem:hover {
    background-color: #e0e0e0;
    border-color: #ff0000;
}

.dashboardItem a {
    color: #000000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dashboardItem a:hover {
    color: #000000;
}