#important_info_message .c
        {
            text-align: center;
            background-color: rgba(255, 0, 61, 0.6);
            border: 1px solid hsla(350, 82%, 44%, 1);
            color: white;
            padding: 5px 10px;
            font-size: 11px;
            box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
            border-radius: 5px 5px 0 0 ;
        }
        #important_info_message
        {
            position: fixed;
            bottom: 0;
            left: 0;
            z-index: 999;
        }
    
    .balloon {
    }
    .balloon-blue {
        background-color: #1c9aee;
    }
    .balloon-blue:before {
        border-bottom-color: #1c9aee;
    }
    .balloon-orange {
        background-color: orange;
    }
    .balloon-orange:before {
        border-bottom-color: orange;
    }
    .balloon-green {
        background-color: green;
    }
    .balloon-green:before {
        border-bottom-color: green;
    }
    .balloon-purple {
        background-color: purple;
    }
    .balloon-purple:before {
        border-bottom-color: purple;
    }
    .balloon-mo {
        background-color: #D90BF7;
    }
    .balloon-mo:before {
        border-bottom-color: #D90BF7;
    }
    .balloon-gr {
        background-color: #0BF7BC;
    }
    .balloon-gr:before {
        border-bottom-color: #0BF7BC;
    }
    .heart-toggler {
        position: absolute;
        left: -100vw;
    }
    .heart-toggler:checked + label {
        color: #e867aa;
        -webkit-filter: none;
        filter: none;
        will-change: font-size;
        -webkit-animation: heart 700ms cubic-bezier(0.17, 0.89, 0.32, 1.49);
        animation: heart 700ms cubic-bezier(0.17, 0.89, 0.32, 1.49);
    }
    .heart-toggler:checked + label:before, .heart-toggler:checked + label:after {
        -webkit-animation: inherit;
        animation: inherit;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    .heart-toggler:checked + label:before {
        will-change: transform, border-width, border-color;
        -webkit-animation-name: bubble;
        animation-name: bubble;
    }
     .heart-toggler:checked + label:after {
        will-change: opacity, box-shadow;
        -webkit-animation-name: sparkles;
        animation-name: sparkles;
    }
    .heart-toggler:focus + label {
        text-shadow: 0 0 3px white,  0 1px 1px white, 0 -1px 1px white,  1px 0 1px white, -1px 0 1px white;
    }
    .heart-toggler-lbl {
        align-self: center;
        position: relative;
        color: #888;
        color:rgba(0,0,0,0.2);
        font-size: 20px;
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
    }
    .heart-toggler-lbl:before, .heart-toggler-lbl:after {
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        content: '';
    }
    .heart-toggler-lbl:before {
        box-sizing: border-box;
        margin: -2.25rem;
        border: solid 2.25rem #e867aa;
        width: 4.5rem;
        height: 4.5rem;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    .heart-toggler-lbl:after {
        margin: -0.1875rem;
        width: 0.375rem;
        height: 0.375rem;
        box-shadow: 0.32476rem -3rem 0 -0.1875rem #ff8080, -0.32476rem -2.625rem 0 -0.1875rem #ffed80, 2.54798rem -1.61656rem 0 -0.1875rem #ffed80, 1.84982rem -1.89057rem 0 -0.1875rem #a4ff80, 2.85252rem 0.98418rem 0 -0.1875rem #a4ff80, 2.63145rem 0.2675rem 0 -0.1875rem #80ffc8, 1.00905rem 2.84381rem 0 -0.1875rem #80ffc8, 1.43154rem 2.22414rem 0 -0.1875rem #80c8ff, -1.59425rem 2.562rem 0 -0.1875rem #80c8ff, -0.84635rem 2.50595rem 0 -0.1875rem #a480ff, -2.99705rem 0.35095rem 0 -0.1875rem #a480ff, -2.48692rem 0.90073rem 0 -0.1875rem #ff80ed, -2.14301rem -2.12438rem 0 -0.1875rem #ff80ed, -2.25479rem -1.38275rem 0 -0.1875rem #ff8080;
    }
    @-webkit-keyframes heart {
        0%, 17.5% {
            font-size: 0;
        }
    }
    @keyframes heart {
        0%, 17.5% {
            font-size: 0;
        }
    }
    @-webkit-keyframes bubble {
        15% {
            -webkit-transform: scale(1);
            transform: scale(1);
            border-color: #cc8ef5;
            border-width: 2.25rem;
        }
        30%, 100% {
            -webkit-transform: scale(1);
            transform: scale(1);
            border-color: #cc8ef5;
            border-width: 0;
        }
    }
    @keyframes bubble {
        15% {
            -webkit-transform: scale(1);
            transform: scale(1);
            border-color: #cc8ef5;
            border-width: 2.25rem;
        }
        30%, 100% {
            -webkit-transform: scale(1);
            transform: scale(1);
            border-color: #cc8ef5;
            border-width: 0;
        }
    }
    @-webkit-keyframes sparkles {
        0%, 20% {
            opacity: 0;
        }
        25% {
            opacity: 1;
            box-shadow: 0.32476rem -2.4375rem 0 0rem #ff8080, -0.32476rem -2.0625rem 0 0rem #ffed80, 2.1082rem -1.26585rem 0 0rem #ffed80, 1.41004rem -1.53985rem 0 0rem #a4ff80, 2.30412rem 0.85901rem 0 0rem #a4ff80, 2.08305rem 0.14233rem 0 0rem #80ffc8, 0.76499rem 2.33702rem 0 0rem #80ffc8, 1.18748rem 1.71734rem 0 0rem #80c8ff, -1.35019rem 2.0552rem 0 0rem #80c8ff, -0.60229rem 1.99916rem 0 0rem #a480ff, -2.44865rem 0.22578rem 0 0rem #a480ff, -1.93852rem 0.77557rem 0 0rem #ff80ed, -1.70323rem -1.77366rem 0 0rem #ff80ed, -1.81501rem -1.03204rem 0 0rem #ff8080;
        }
    }
    @keyframes sparkles {
        0%, 20% {
            opacity: 0;
        }
        25% {
            opacity: 1;
            box-shadow: 0.32476rem -2.4375rem 0 0rem #ff8080, -0.32476rem -2.0625rem 0 0rem #ffed80, 2.1082rem -1.26585rem 0 0rem #ffed80, 1.41004rem -1.53985rem 0 0rem #a4ff80, 2.30412rem 0.85901rem 0 0rem #a4ff80, 2.08305rem 0.14233rem 0 0rem #80ffc8, 0.76499rem 2.33702rem 0 0rem #80ffc8, 1.18748rem 1.71734rem 0 0rem #80c8ff, -1.35019rem 2.0552rem 0 0rem #80c8ff, -0.60229rem 1.99916rem 0 0rem #a480ff, -2.44865rem 0.22578rem 0 0rem #a480ff, -1.93852rem 0.77557rem 0 0rem #ff80ed, -1.70323rem -1.77366rem 0 0rem #ff80ed, -1.81501rem -1.03204rem 0 0rem #ff8080;
        }
    }
    #shouts
    {
        border-radius: 15px;
        visibility: hidden;
    }
    #shouts.inited
    {
        visibility: visible;
    }
    /* CSS talk bubble */
    .talk-bubble {
        display: block;
        position: relative;
        background: #f4fafd;
        height: auto;
    }
    .border{
        border: 8px solid #666;
    }
    .round{
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
    }
    /* Right triangle placed top left flush. */
    .tri-right.border.left-top:before {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: -40px;
        right: auto;
        top: -8px;
        bottom: auto;
        border: 32px solid;
        border-color: #666 transparent transparent transparent;
    }
    .tri-right.left-top:after{
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: -20px;
        right: auto;
        top: 0px;
        bottom: auto;
        border: 22px solid;
        border-color: #f4fafd transparent transparent transparent;
    }
    /* Right triangle, left side slightly down */
    .tri-right.border.left-in:before {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: -40px;
        right: auto;
        top: 30px;
        bottom: auto;
        border: 20px solid;
        border-color: #666 #666 transparent transparent;
    }
    .tri-right.left-in:after{
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: -20px;
        right: auto;
        top: 38px;
        bottom: auto;
        border: 12px solid;
        border-color: #f4fafd #f4fafd transparent transparent;
    }
    /*Right triangle, placed bottom left side slightly in*/
    .tri-right.border.btm-left:before {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: -8px;
        right: auto;
        top: auto;
        bottom: -40px;
        border: 32px solid;
        border-color: transparent transparent transparent #666;
    }
    .tri-right.btm-left:after{
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: 0px;
        right: auto;
        top: auto;
        bottom: -20px;
        border: 22px solid;
        border-color: transparent transparent transparent #f4fafd;
    }
    /*Right triangle, placed bottom left side slightly in*/
    .tri-right.border.btm-left-in:before {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: 30px;
        right: auto;
        top: auto;
        bottom: -40px;
        border: 20px solid;
        border-color: #666 transparent transparent #666;
    }
    .tri-right.btm-left-in:after{
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: 38px;
        right: auto;
        top: auto;
        bottom: -20px;
        border: 12px solid;
        border-color: #f4fafd transparent transparent #f4fafd;
    }
    /*Right triangle, placed bottom right side slightly in*/
    .tri-right.border.btm-right-in:before {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: auto;
        right: 30px;
        bottom: -40px;
        border: 20px solid;
        border-color: #666 #666 transparent transparent;
    }
    .tri-right.btm-right-in:after{
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: auto;
        right: 38px;
        bottom: -20px;
        border: 12px solid;
        border-color: #f4fafd #f4fafd transparent transparent;
    }
    /*
        left: -8px;
      right: auto;
      top: auto;
        bottom: -40px;
        border: 32px solid;
        border-color: transparent transparent transparent #666;
        left: 0px;
      right: auto;
      top: auto;
        bottom: -20px;
        border: 22px solid;
        border-color: transparent transparent transparent #f4fafd;
    /*Right triangle, placed bottom right side slightly in*/
    .tri-right.border.btm-right:before {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: auto;
        right: -8px;
        bottom: -40px;
        border: 20px solid;
        border-color: #666 #666 transparent transparent;
    }
    .tri-right.btm-right:after{
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: auto;
        right: 0px;
        bottom: -20px;
        border: 12px solid;
        border-color: #f4fafd #f4fafd transparent transparent;
    }
    /* Right triangle, right side slightly down*/
    .tri-right.border.right-in:before {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: auto;
        right: -40px;
        top: 30px;
        bottom: auto;
        border: 20px solid;
        border-color: #666 transparent transparent #666;
    }
    .tri-right.right-in:after{
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: auto;
        right: -20px;
        top: 38px;
        bottom: auto;
        border: 12px solid;
        border-color: #f4fafd transparent transparent #f4fafd;
    }
    /* Right triangle placed top right flush. */
    .tri-right.border.right-top:before {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: auto;
        right: -40px;
        top: -8px;
        bottom: auto;
        border: 32px solid;
        border-color: #666 transparent transparent transparent;
    }
    .tri-right.right-top:after{
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: auto;
        right: -20px;
        top: 0px;
        bottom: auto;
        border: 20px solid;
        border-color: #f4fafd transparent transparent transparent;
    }
    /* talk bubble contents */
    .talktext{
        padding: 1em;
        text-align: left;
        line-height: 1.5em;
        min-height: 40px;
    }
    .talktext p{
        /* remove webkit p margins */
        -webkit-margin-before: 0em;
        -webkit-margin-after: 0em;
    }
    #shouts .speech-bubble {
        position: relative;
        border-radius: .4em;
        text-shadow: 0 -0.05em 0.1em rgba(0,0,0,.3);
        width: 400px;
        padding: 10px 20px;
        margin: 1em 0;
        text-align: center;
        color: white;
        font-weight: bold;
        text-shadow: 0 -0.05em 0.1em rgba(0,0,0,.3);
    }
    #shouts .speech-bubble:after {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        width: 0;
        height: 0;
        border: 26px solid transparent;
        border-right-color: #00aabb;
        border-left: 0;
        border-top: 0;
        margin-top: -13px;
        margin-left: -26px;
    }
    #shouts
    {
        padding-left: 40px;
    }
    #shouts .item
    {
        position: relative;
        margin: 30px;
        width: 40%;
    }
    #shouts .item .avatar
    {
        position: absolute;
        left: -40px;
        bottom: -18px;
        width: 40px;
        height: 40px;
    }
    #shouts .item .avatar img
    {
        width: 40px;
        height: 40px;
        border-radius: 3px;
    }
    #shouts .item .heart-hold
    {
        height: 29px;
    }
    #shouts .item .heart
    {
        cursor: pointer;
        z-index: 10;
        /*
        */
        width: 24px;
        height: 29px;
        display: inline-block;
        position: absolute;
        right: 10px;
        display: flex;
        justify-content: center;
        margin: 0;
        font: 1em verdana, sans-serif;
    }
    #shouts .item .heart-counter:empty
    {
        display: none;
    }
    #shouts .item .heart-counter
    {
        position: absolute;
        right: 38px;
        bottom: -24px;
        font-size: 12px;
        color: rgba(0,0,0,0.2);
    }
    #shouts .item .heart-counter:before
    {
        content: "";
    }
    #shouts .item .heart-counter:after
    {
        content: "x";
    }
    #shouts .item .heart:hover
    {
        -webkit-animation: styles__pulse--2boYE 700ms infinite;
        animation: styles__pulse--2boYE 700ms infinite;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        color: #e867aa;
    }
    #shouts .item .heart .fa
    {
        font-size: 15px;
        color:rgba(0,0,0,0.2);
    }
    #shouts .item .basic
    {
        /* height: 29px; */
    }
    #shouts .item .heart .fa-heart
    {
        display: none;
        color: #e867aa;
    }
    @-webkit-keyframes styles__pulse--2boYE {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1); }
        50% {
            -webkit-transform: scale(1.15);
            transform: scale(1.15); }
        100% {
            -webkit-transform: scale(1);
            transform: scale(1); }
    }
    @keyframes styles__pulse--2boYE {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1); }
        50% {
            -webkit-transform: scale(1.15);
            transform: scale(1.15); }
        100% {
            -webkit-transform: scale(1);
            transform: scale(1); } }
    #shouts .item .heart:hover .fa-heart
    {
        display: inline-block;
    }
    #shouts .item .heart:hover .fa-heart-o
    {
        display: none;
        transition: opacity .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out;
        -webkit-transition: opacity .25s ease-in-out;
    }
    #shouts.anon .heart-counter
    {
        right: 5px;
    }
    #shouts.anon .heart-hold
    {
        display: none;
    }
    #shouts.noanim *{
        animation-duration: 0s !important;
        -webkit-animation-duration: 0s !important;
        transition:background-color 0s, opacity 0s, color 0s, width 0s, height 0s, padding 0s, margin 0s !important;}
        .fler-uielement-pagination-big .onpage
        {
            margin-left: 5px;
            cursor: default;
            position: relative;
        }
        .fler-uielement-pagination-big .pageinfo
        {
            display: block;
            padding: 2px 5px;
        }
        .fler-uielement-pagination-big .reveal a,
        .fler-uielement-pagination-big  .current
        {
            cursor: pointer;
             width: 18px;
             background: #f0f0f0;
             border: 1px solid #e7e7e7;
             display: block;
             margin-bottom: 1px;
             padding: 2px;
             line-height: 15px;
             font-size: 11px;
             color: #484848;
             font-weight: normal;
             border-radius: 4px;
             -moz-border-radius: 4px;
             text-decoration: none;
        }
        .fler-uielement-pagination-big .reveal a:hover,
        .fler-uielement-pagination-big .current:hover
        {
             background: #e7e7e7;
        }
        .fler-uielement-pagination-big .reveal
        {
            margin-top:1px;
            display: none;
        }
        .fler-uielement-pagination-big .reveal a
        {
        }
        .fler-uielement-pagination-big .activator:hover .reveal
        {
            display: block;
        }