.dashboard {
    font-size: 0;
}

    .dashboard .panelContainer {
        position: relative;
        border: 1px solid black;
        padding: 10px;
    }


    .dashboard .panelContainer, .dashboard .panel-placeholder {
        position: relative;
        display: inline-block;
        width: 400px;
        height: 320px;
        margin: 2px;
        vertical-align: top;
        background: #fff;
    }

    .dashboard .panel-placeholder {
        background-color: #f0f0f0;
        position: relative;
    }


        .dashboard .panel-placeholder .drop-hint {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 72px;
            height: 72px;
            margin: -32px 0 0 -32px;
            border: 3px dashed #C8C8C8;
            border-radius: 10px;
            opacity: 0.3;
        }

            .dashboard .panel-placeholder .drop-hint .icon32 {
                position: absolute;
                top: 25%;
                left: 25%;
            }

    .dashboard .panelContainer .customLegend {
        font-size: 12px;
        position: absolute;
        left: 40%;
        font-weight: bold;
    }

    .dashboard .panelContainer .toolbar {
        position: absolute;
        top: 5px;
        left: 5px;
        width: 380px;
        height: 16px;
        z-index: 2;
        opacity: 0.5;
    }

        .dashboard .panelContainer .toolbar > div {
            position: absolute;
            width: 16px;
            height: 16px;
            top: 0px;
            opacity: 0.5;
        }

            .dashboard .panelContainer .toolbar > div:hover {
                opacity: 1.0;
            }

            .dashboard .panelContainer .toolbar > div.move {
                right: 16px;
                cursor: move;
            }

            .dashboard .panelContainer .toolbar > div.hide {
                right: 0px;
                cursor: pointer;
            }

.ms-drop {
    width: auto;
    margin-left:-214px;
    margin-top:10px;
}

.ms-drop ul > li {
    display:table;
}

.ms-parent > button {
    opacity:0;
    margin-top: -30px;
}

.dashboard .panelContainer .toolbar>div.remove {
    right: 0;
    cursor: pointer;
}

.dashboard .panelContainer.isLoaded .toolbar > div.loading {
    display: none;
}
.dashboardIcons {
    display: inline-flex;
}
.dashboardIcons a {
    margin-right:5px;
}

.dashboardPanelSelector ul {
    max-height: 250px;
    overflow: auto;
}
.dashboardPanelSelector li {
    white-space: nowrap;
    padding: 5px;
}
