//autoprefixer: true, sourceMap: true, compress: true

.dashboard {
    min-height: 100vh;
    min-width: 100%;
    &--elem{
        position: relative;
        border: 1px dashed gainsboro;
        width: 50%;
        float: left;
        height: 50vh;
        background-image: url('../img/dragdrop.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100px 100px;
        
        &.small {
            display: none;
            &--panel{
                display: none;
            }
        }
        
        &.fullscreen {
            display: block!important;
            height: 100vh!important;
            width: 100%!important;
        }
        
        &--panel{
            z-index: 999;
            position: absolute;
            left: 15px;
            top: 15px;
            background-color: black;
            border-radius: 15px;
            color:white;
            text-align: center;
            padding: 10px;
            span{
                &:first-child{
                    margin-left: 0px;
                }
                cursor: pointer;
                margin-left: 10px;
            }
        }
    }
}