.block_navigation .block_tree p.hasicon,
.block_settings .block_tree p.hasicon {
    padding-left: 0;
    margin-left: -3px;
    text-indent: 0;

    img {
        margin-left: 3px;
    }
}

.block_navigation .block_tree .tree_item.branch,
.block_settings .block_tree .tree_item.branch {
    padding-left: 0;
}
.block_tree .tree_item.branch {
    margin-left: 0;
}

// MDL-57305 - thanks to Daniel Miericke.
.block {
    .block-action {
        @include fa-icon();
        cursor: pointer;
        float: right;
        margin: .2rem .6rem 0 0;
        &:before {
            content: $fa-var-compress;
        }
    }
    &.hidden {
        .block-action:before {
            content: $fa-var-expand;
        }
        .card-text {
            display: none;
        }
    }
}

.block-controls {
    .action-menu-item {
        padding: $btn-padding-y 0;
    }
    .menubar {
        justify-content: space-between;
    }
}

.hblocks.editing .card {
    margin: 0 15px;
}

.hblocks.editing.bpr-1 .card {
    width: calc(100% - 30px);
}
.hblocks.editing.bpr-2 .card {
    width: calc(50% - 30px);
}
.hblocks.editing.bpr-3 .card {
    width: calc(33.3333333333% - 30px);
}
.hblocks.editing.bpr-4 .card {
    width: calc(25% - 30px);
}
.hblocks.editing.bpr-6 .card {
    width: calc(16.6666666667% - 30px);
}

[data-region="blocks-drawer"] {
    height: calc(100% - 50px);
    left: 0;
    overflow-y: auto;
    position: fixed;
    top: 50px;
    transition: all 0.75s;
    width: 360px;
    &.drawer-hidden {
        left: -360px;
    }
}

@include media-breakpoint-down(sm) {
    [data-region="blocks-drawer"] {
        background-color: $card-bg;
        padding: 5px 5px 0 5px;
        width: 100%;
        &.drawer-hidden {
            width: 0;
        }
    }
}

@include media-breakpoint-up(md) {
    .drawer-open {
        margin-left: 360px;
    }
}

// Navbar fixed-bottom or not there.
.navbar-bottom,
.no-navbar {
    [data-region="blocks-drawer"] {
        top: 0;
    }
}

.dashboard-card-deck.one-row {
    overflow-x: auto;
}

body {
    transition: margin-left 0.75s;
}

.editing [data-region="blocks-drawer"] {
    min-height: 786px; // For a drag and drop target area when empty.
}

@include media-breakpoint-down(xs) {
    [data-region="blocks-column"] {
        margin-right: -$grid-gutter-width / 2;
        width: calc(100% + #{$grid-gutter-width});
    }
}

@include media-breakpoint-up(xs) {
    [data-region="blocks-column"] {
        margin-bottom: -$grid-gutter-width / 2;
    }
}

.block_recentlyaccessedcourses .paging-bar-container {
    margin-top: 0;
}
