.px-frame-1 {
    border-radius: 6px;
    box-shadow: inset -1px -1px rgba($black,.4);
    position: relative;
    padding: 5px;
    border:1px solid #000;

    &:before,
    &:after {
        content: '';
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        margin:1px;
        border-radius: 5px;
        z-index: 1;
    }

    &:before {
        border: 1px solid rgba($white,.4)
    }

    &:after {
        border-left: 1px solid $white;
        border-top: 1px solid $white;
        height: 5px;
        width: 5px;
        border-radius: 5px 0 0 0;
    }

    .px-frame-header {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAECAYAAACk7+45AAAAH0lEQVQYV2P8////ZkZGRl9GBghoADP+//8PZjSAMAC6mgkCOkoaLQAAAABJRU5ErkJggg==);
        display:flex;
        justify-content: center;
        max-height: 18px;
        margin-bottom:3px;
        position: relative;

        span {
            display: block;
            max-height: 18px;
            line-height: 18px;
            padding:0 3px;
        }

        .px-frame-close {
            height:18px;
            width:18px;
            position:absolute;
            right:0;
            border:0;
            outline:0;

            &:hover {
                &:before {
                    background-position: right;
                }
            }

            &:before {
                content:'';
                height:13px;
                width:13px;
                position: absolute;
                left:0;top:0;bottom:0;right:0;
                margin: auto;
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAANCAYAAAC3mX7tAAAAu0lEQVQ4EZWUAQ7DMAgD+/T9PBOMQyaFaKk0AcY5Z5vU55FnrfWRMdtJN8O0m/Q8sBuYqZkeIev3lAuat9MzBAhQ6q7zTYAF2MM0RPVXSAdFk4C8MTCplm/78nGGiQqbevXtoNNceAopixi6/QnOrmNd/4wGAdjVqxDMBqKnBrz9TwjG67WDFEMM6vsnpITpYYWf9JuQYxghVC6gMwCt5tOZnvNeTcSoi0nH28HQOKs876fFpBP2AjXvwC+Vt/5U1lTmYAAAAABJRU5ErkJggg==);

            }
        }

    }

    > div  {
        z-index: 2;
    }
}

.px-border-2 {
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba($black,.3);
    background: $white;
    margin:1px;
}