#themes {
    .filters {
        margin: 10px 20px;

        .search {
            margin-bottom: 10px;
        }

        .filter {
            display: inline-block;
            width: 55%;
            margin-right: 18px;
        }

        .form-control {
            background-color: @panel-box-background;
            border: @panel-border;
            color: @panel-color;
            .placeholder(@panel-color);
            border-radius: 3px;
            height: 40px;
        }

        .btn {
            display: inline-block;
            background-color: @panel-box-background;
            border: @panel-border;
            height: 40px;
            margin-top: -2px;

            &:first-of-type {
                margin-right: 4px;
            }

            &:hover, &:active, &:focus {
                color: #fff;
            }
        }
    }
}

#themes-list {
    margin: 20px 20px 0 20px;

    h2 {
        text-align: center;
        font-size: 25px;
        font-weight: 400;
    }

    .theme {
        margin-bottom: 20px;
        border-bottom: 1px solid lighten(@panel-background, 5%);
        cursor: pointer;
        position: relative;

        .edit-theme, .delete-theme {
            position: absolute;
            top: 0;
            background-color: @panel-box-background;
            padding: 5px;
            font-size: 20px;

            &:hover {
                background-color: lighten(@panel-box-background, 10%);
            }
        }

        .delete-theme {
            right: 0;
        }

        figure {
            border: 2px solid transparent;

            &.active {
                border-color: @brand-primary;

                figcaption {

                }
            }
        }

        figcaption {
            margin-top: 8px;
            font-size: 13px;
            padding: 0 7px 10px;
            color: @panel-light-color;
        }
    }
}