.chat
{
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 10;

    /**
        Override anchorTo from ExtJS because for anchorTo with option 'tr-tr' ExtJs apply a 'left' instead of 'right'
        and create an offset during the transition.
    */
    right: 0 !important;
    left: initial !important;

    transition-property: width;
    transition-duration: 150ms;
    transition-timing-function: ease-in-out;

    box-shadow: 0 2px 8px 0 rgba(0,0,0,.35);
}

.chat > iframe
{
    height: 100%;
    width: 100%;
    border: none;
    margin: 0;
}

.chat.folded
{
    width: 70px;
}

.chat.unfolded
{
    width: 360px;
}