.labelator,
.labelator .bobroll {
    margin-top:15px;
}
.labelator .bobroll {
    margin-bottom:15px;
}
.labelator {
    margin-left:15px;
    margin-right:15px;
}
.labelator > .preview > div > .preview-pro .sticker-container {
    justify-content: center;
    display: flex;
}

.labelator > .preview > div > .preview-pro {
    margin-bottom: 40px;
}

.labelator > .preview > div > .preview-pro .sticker-wrapper {
    width: 100%;
    height: 250px;
    align-items: flex-end;
}

.preview-pro {
    width: 100%;
    position: relative;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
}

.sticker-container > div {
    display: flex;
    align-items: center;
    position: absolute;
}

.sticker-container .stk > div {
    position: relative;
    background-color:#55a2d7;
    border-radius: 8px;
    transition: all .4s ease-in-out;
    border: 2px solid #55a2d7;
    width: 100%;
}
.preview-pro.ovale .sticker-container .stk>div,
.preview-pro.circolare .sticker-container .stk>div {
    border-radius: 50%!important;
}
.sticker-container {
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
}

.sticker-container .stk {
    height: 100%;
    position: relative;
    transition: all .4s ease-in-out;
    max-width: 100%;
    max-height: 100%;
    display: flex;
    /*align-items: flex-end;*/
}

.sticker-container .logo {
    position: absolute;
    width: 80%;
    height: 80%;
    top: 10%;
    left: 10%;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMjYuOCAyNTUuMSI+PHBhdGggZD0iTTE0Mi42IDE0LjFsNzAgMjI2LjhoLTYxLjVsLTEwLjgtMzguMkg4MS45TDcxLjQgMjQxSDE0LjJMODEuOSAxNC4xaDYwLjd6bS0yNS41IDkyLjdsLTYuNi0zNC4zaC0uOGwtNi4yIDM0LjMtMTIuNCA2MC41aDQwLjZsLTE0LjYtNjAuNXoiIGZpbGw9IiMyMjIyMjEiLz48L3N2Zz4=) no-repeat 50%;
    opacity: .85;
}


.preview-pro span {
    position: absolute;
    text-align: center;
}

.rubg {
    background-position: 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEWen56xmYC2AAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg==);
    background-repeat: repeat-x;
}

.rul {
    width: 10px;
    height: 100%;
    background-repeat: repeat-y;
    border-top: 1px solid #9e9f9e;
    border-bottom: 1px solid #9e9f9e;
}

.rul.lt {
    display:flex;
    align-items: center;
}
.rul.lt > div,
.rul.rt > div {
    transform: rotate(
            -90deg
    );
    top: 50%;
    position: absolute;
    margin-left: -15px;
    margin-top: -12px;
}

.rul.lt {
    left: -23px;
    /*background-position-x: 25%;*/
}

.rul.tp {
    left: 0;
    bottom: -23px;
    width: 100%;
    height: 10px;
    border: 0;
    border-left: 1px solid #9e9f9e;
    border-right: 1px solid #9e9f9e;
    background-repeat: repeat-x;
    /*background-position-y: 75%;*/
}


.rul.tp > div {
    width: 100%;
    margin-top: 12px;
    text-align: center;
}

.rul.rt {
    right: -23px;
    /*background-position-x: 75%;*/
}

.rul.rt > div {
    margin-left: 5px;
}

/*bottom*/
.labelator .bobroll {
    height: 180px;
    width: 250px;
}

.bobroll {
    width: 160px;
    height: 134px;
    max-width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-position: top;
    box-sizing: border-box;
}

.bobroll .preview-pro {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    z-index: 1;
}

.bobroll .sticker-wrapper {
    left: 0;
    bottom: 0;
    padding: 5%;
    position: absolute;
}

.rul.siderul {
    position: absolute;
    top: 0;
    left: -15px;
    width: 10px;
    height: 100%;
}

.rul.siderul > div {
    margin-left: -22px;
}

/*fronte retro*/
.sticker-container.alignbottom .stk {
    align-items: flex-end;
}

.sticker-container.aligttop .stk {
    align-items: flex-start;
}

.sticker-container.aligncenter .stk {
    align-items: center;
}

.sticker-wrapper {
    padding: 0;
    height: 75.2%;
    width: 80%;
}

.sidea .sticker-wrapper {
    top: .5%;
    width: 90%;
}

.no-rulers .rul {
    display:none!important;
}
/*directoins*/
.bobroll .sticker-container.dirb>div .logo {
    transform: rotate(
            90deg
    );
}

.bobroll .sticker-container.dirc>div {
    transform: rotate(
            180deg
    );
    justify-content: flex-end;
}

.bobroll .sticker-container.dird>div .logo {
    transform: rotate(
            270deg
    );
}

.bobroll .sticker-container div {
    transition: all .5s ease-in-out;
}

.bobroll .forefront {
    display:none;
}
.bobroll.sidea .forefront {
    display:block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9999;
}

.preview .content {
    display: flex;
    justify-content: center;
}

/**/
.sub-type-verso .v-auto-align-item,
.sub-type-avvolgimento .v-auto-align-item {
    height:auto;
}
.sub-type-avvolgimento .sticker-container .stk > div
.sub-type-verso .sticker-container .stk > div {
    border-width:1px;
    border-radius: 2px;
}

.sub-type-verso label,
.sub-type-avvolgimento label{
    display: flex;
    justify-content: center;margin-top:15px;
}