/* HEADER SUPPORT */
#divAppHeader #divHeaderSupport
{
    background-color:#292a2f;
    border:2px solid #3f4656;
    border-radius:50%;
    cursor:pointer;
    float:right;
    height:36px;
    margin:5px 15px 0px 0px;
    position:relative;
    transition:border 0.25s, box-shadow 0.25s;
    width:36px;
}

#divAppHeader #divHeaderSupport:hover, #divAppHeader #divHeaderSupport:focus
{
    border:2px solid #cffdff;
    box-shadow:inset 0px 0px 5px #01eff9, 0px 0px 5px #01eff9;
}

#divAppHeader #divHeaderSupport:before
{
    background-image:url('../images/icons/support.svg');
    background-position:center;
    background-repeat:no-repeat;
    content:"";
    height:100%;
    opacity:0.4;
    position:absolute;
    right:0px;
    top:0px;
    transition:opacity 0.25s;
    width:100%;
}

#divAppHeader #divHeaderSupport:hover:before, #divAppHeader #divHeaderSupport:focus:before
{
    opacity:1;
}

#divAppHeader #divHeaderSupport:after
{
    background-color:#fbd3ff;
    border:1px solid #ffffff;
    border-radius:50%;
    box-shadow:inset 0px 0px 5px #ff0000, 0px 0px 5px #ff0000;
    content:"";
    height:4px;
    left:24px;
    position:absolute;
    top:9px;
    width:4px;
}

.chatOnline #divAppHeader #divHeaderSupport:after
{
    box-shadow:inset 0px 0px 5px #00ff00, 0px 0px 5px #00ff00;
}

/* OVERWRITE CHAT CLASSES */
#chat-widget-container
{
    bottom:0px !important;
    display:none;
}

#chat-widget-container.show
{
    display:block;
}

/* MEDIA QUERIES */
@media (max-width: 1200px)
{
	/* HEADER SUPPORT */
    #divAppHeader #divHeaderSupport
    {
        display:none;
    }
}