.five9-chat-button {
    /*font-size: 24px !important;*/
}

    .five9-chat-button:after {
        /*content: " Now" !important;*/
    }

#five9-popout-button {
    /*float: right;*/
}

.five9-frame #five9-minimize-icon {
    /*float:right;*/
}

/*
This will get trumped by javascript unless !important is used.  Not recomended to use !important for this kind of thing, although because it is scoped
to a class that is fairly specific, it is okay... It doesn't align ALL the way to the right because I don't have it outside one of the divs.*/

.five9-frame {
    right: 0% !important;
}


.five9-chat-button {
    background: #99383b linear-gradient(#99383b, #99383b) !important;
}

iframe {
    z-index: 99999;
}

/*
Will either need their default theme css, OR their tool to generate css to actually be run.
.five9-frame
{
background-color:#99383b;
margin-left:auto;
margin-right:auto;
margin-top:0px;
}
*/