.#{$prefix}dashboard-column {
    padding: 0 0 $ext-dashboard-column-padding 0;
}

.#{$prefix}dashboard-panel {
    margin-top: $ext-dashboard-column-padding;
}

// adjacent columns should share the entire padding defined
// thus padding is set to half the actual value
.#{$prefix}dashboard-column-first {
    padding-left: ceil($ext-dashboard-column-padding/2);
    clear : left;
}

.#{$prefix}dashboard-column-last {
    padding-right: ceil($ext-dashboard-column-padding/2);
}

.#{$prefix}dashboard .#{$prefix}panel-dd-spacer {
    border: 2px dashed #99bbe8;
    background: #f6f6f6;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: $ext-dashboard-column-padding;
}

// If a panel is being rendered for dashboard, ensure the container
// is given overall padding on left and right before rendering any columns
.#{$prefix}panel .#{$prefix}dashboard{
    padding: 0 floor($ext-dashboard-column-padding/2);
}

// Prevent the panel drag operations from causing overflow as that breaks the layout
// and we don't want to perform layouts during the drag.
.#{$prefix}dashboard-dd-over {
    overflow: hidden !important;
}