/* de fk theme pour Xbulles*/
.block {
    display: block;
}
.padding-right {
    padding-right: 1em;
}
.on-left {
    float: left;
}
.align.justify, .text.justify {
    /*text-align: justify;*/
    text-align: left
}
.relative {
    position: relative;
}
.color-error, .color-err {
    color: #a50404;
}
strong {
    font-weight: 700 !important;
}
.margin-bottom {
    margin-bottom: 1em;
}
.absolute {
    position: absolute;
}

/* XBulles */
.Xbulle-container{
    width: auto !important;
    padding: 0px;
    height: auto;
}
.Xbulle-container > *{
    z-index: 2147483647;
}
.Xbulle-content{
    width: calc(100vw - 40px);
    min-width: 300px;
}
@media only screen and (min-width: 801px) {
    .Xbulle-content{
        width: 600px;
    }
}
.on-left.padding-right {
    padding-bottom: 1.6em;
}

.Xbulle-container > .Xbulle-content {
    opacity: .9;
}

.Xbulle-container > .Xbulle-content:hover {
    opacity: 1;
}

@media screen and (max-width: 601px) {
    .Xbulle-container {
        -webkit-transform:  rotate(180deg);
        transform:  rotate(180deg);
        bottom: 15px !important;
        top: auto !important;
        height: min-content;
    }

    .Xbulle-container > .Xbulle-content {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        padding: .25em .75em !important;
    }

    .Xbulle-container > .Xbulle-content > div:nth-child(2){
        /*text-align: right;*/
        /*padding-right: .25em;*/
        padding-left: .25em !important;
    }

    .Xbulle-container > .Xbulle-content > div:nth-child(2) > strong:first-child{
        /*padding-right: 1em;*/
    }

    .Xbulle-container > .Xbulle-content > div:nth-child(1).on-left{
        display: none;
    }
}