.dashboard {
    .dashboard-block {
        margin-bottom: 2em;

        .title {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            background-color: #ebdbc0;
            padding: 17px 40px;
            color: #706F6F;
            margin: 0;
            cursor: pointer;
            border-radius: 16px;

            .label {
                float: left;
                border: none;
                margin: 0;
                flex: 1;
                font-size: 16px;
            }

            .sublabel {
                margin-right: 1em;
                font-size: 16px;
            }

            .visibility-toggle {
                color: #878787;
            }
        }

        .content {
            max-height: 310px;
            overflow-y: auto;

            .assets.mode-grid {
                display: flex;
                flex-wrap: wrap;
            }

            div.data-table-sortable {
                .header-row {
                    font-weight: bold;
                }

                .data-rows {
                    .row {
                        background-color: #fcf8f3;
                        margin-bottom: 0.5em;
                        height: 80px;

                        .thumbnail {
                            width: 100%;
                            height: 80px;
                            justify-content: center;

                            a {
                                height: 80px;
                                display: flex;
                                flex-direction: column;
                                justify-content: center;

                                img {
                                    max-height: 100%;
                                    max-width: 100%;
                                    margin: 0;
                                }
                            }
                        }
                    }
                }
            }

            TABLE.table {
                margin-bottom: 0;

                TH,
                TD {
                    vertical-align: middle;
                    padding-left: 25px;

                    .thumbnail {
                        padding-left: 0;
                    }
                }

                THEAD {
                    border-top: none;
                    border-bottom: none;
                    color: #000000;
                    text-transform: uppercase;
                }

                TBODY {
                    border-top: none;
                    border-bottom: none;

                    TR {
                        border-bottom: none;

                        &:nth-child(2n) {
                            background: #F6F6F6;
                        }

                        TD {
                            vertical-align: middle;
                            padding-left: 25px;
                            height: 80px;
                            max-height: 80px;

                            .thumbnail {
                                padding-left: 0;
                            }
                        }
                    }
                }

                & > :not(caption) > * > * {
                    border-bottom: none;
                }

                DIV.thumbnail {
                    width: 120px;
                    height: 154px;
                    border: solid 1px #878787;
                    text-align: center;

                    IMG {
                        max-width: 100%;
                        max-height: 100%;
                        margin: 0;
                    }
                }
            }
        }

        .clickable {
            cursor: pointer;
        }
    }
}