/* TANGORA CSS */
.ts-panel { display:flex; }
.ts-panel > * { flex:var(--ts-panelbox-flex, 1 1 auto); margin:var(--ts-panelbox-margin, 0px); padding:var(--ts-panelbox-padding, 0px); border-top:var(--ts-panelbox-bordertop, none); border-right:var(--ts-panelbox-borderright, none); border-bottom:var(--ts-panelbox-borderbottom, none); border-left:var(--ts-panelbox-borderleft, none) }
/* RESOURCE #40 BEGIN */
.switchuser-button
{
    border:none;
    background: url(/media/icon-user.png) no-repeat 0% 50%;
    background-size: 30px auto;
    padding:8px 0px 8px 36px;
    margin-left:20px;
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:14px;
    cursor:pointer;
}

.switchuser-button:focus
{
    outline:none;
}


@media(max-width:1024px)
{
    .switchuser-button
    {
        font-size:0;
        min-height:30px;
        margin-left:0px;
        margin-right:10px;
    }
}

@media(max-width:600px)
{
    .switchuser-button
    {
        margin-right:0px;
    }
}
/* RESOURCE #40 END */
/* RESOURCE #57 BEGIN */
body [data-puzzel-chat][data-view="bubble"]
{
    z-index: 150;
    top: calc(100% - 10px) !important;
    left: calc(100% - 10px) !important;
}


/* ios app chat icon placement hack */
body[data-native=ios] [data-puzzel-chat][data-view="bubble"]
{
    top: calc(100% - 30px) !important;
}


@media screen and (max-width: 500px)
{
body[data-native=ios] [data-puzzel-chat][data-view="bubble"]
{
    top: calc(100% - 60px) !important;
}
[data-puzzel-chat].mobile:not([data-view="bubble"])
{
width: 320px;
}

.mobile section[class^="chatContainer"]
{
display: block!important
}

}


body [data-puzzel-chat][data-view="start"]
{
    z-index: 150;
}
/* RESOURCE #57 END */