.opa_ico{
    position: fixed;
    bottom: 10px;
    right: 10px;
    background: #ff9800;
    width: 80px;
    height: 80px;
    z-index: 99999;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    cursor: pointer;
}
.opa_ico path, .opa_chat path{
    fill: #fff;
    stroke: transparent;
    stroke-width: 0;
}
.opa_pulsar{
    -webkit-animation: opa_pulsar 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.1;
}
@-webkit-keyframes opa_pulsar {
    0% {
        opacity: 0.1;
    }
    50% {
        opacity: 1.0;
    }
    100% {
        opacity: 0.1;
    }
}
.opa_chat{
    position: fixed;
    bottom: 10px;
    right: 10px;
    background: #f2f2f2;
    width: 350px;
    height: 450px;
    max-height: calc(100% - 20px);
    max-width: calc(100% - 20px);
    z-index: 99999;
    border-radius: 3px;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.5);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: flex;
    flex-direction: column;
}
.opa_cabecalho{
    background: #444;
    height: 35px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    position: relative;
    flex: none;
}
.opa_close{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNTIgNTEyIj48cGF0aCBkPSJNMjQyLjcyIDI1NmwxMDAuMDctMTAwLjA3YzEyLjI4LTEyLjI4IDEyLjI4LTMyLjE5IDAtNDQuNDhsLTIyLjI0LTIyLjI0Yy0xMi4yOC0xMi4yOC0zMi4xOS0xMi4yOC00NC40OCAwTDE3NiAxODkuMjggNzUuOTMgODkuMjFjLTEyLjI4LTEyLjI4LTMyLjE5LTEyLjI4LTQ0LjQ4IDBMOS4yMSAxMTEuNDVjLTEyLjI4IDEyLjI4LTEyLjI4IDMyLjE5IDAgNDQuNDhMMTA5LjI4IDI1NiA5LjIxIDM1Ni4wN2MtMTIuMjggMTIuMjgtMTIuMjggMzIuMTkgMCA0NC40OGwyMi4yNCAyMi4yNGMxMi4yOCAxMi4yOCAzMi4yIDEyLjI4IDQ0LjQ4IDBMMTc2IDMyMi43MmwxMDAuMDcgMTAwLjA3YzEyLjI4IDEyLjI4IDMyLjIgMTIuMjggNDQuNDggMGwyMi4yNC0yMi4yNGMxMi4yOC0xMi4yOCAxMi4yOC0zMi4xOSAwLTQ0LjQ4TDI0Mi43MiAyNTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
    width: 35px;
    height: 35px;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
}
.opa_minimize{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48cGF0aCBkPSJNNDEgMjg4aDIzOGMyMS40IDAgMzIuMSAyNS45IDE3IDQxTDE3NyA0NDhjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwTDI0IDMyOWMtMTUuMS0xNS4xLTQuNC00MSAxNy00MXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
    width: 35px;
    height: 35px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center top;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 35px;
}
.opa_corpo{
    flex: 1 1 auto;
    overflow-y: auto;
}
.opa_rodape{
    height: 45px;
    border-top: 1px solid #999;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex: none;
}
.opa_rodape_menu{
    width: 30px;
    height: 100%;
    /*background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMTYgMTMyaDQxNmM4LjgzNyAwIDE2LTcuMTYzIDE2LTE2Vjc2YzAtOC44MzctNy4xNjMtMTYtMTYtMTZIMTZDNy4xNjMgNjAgMCA2Ny4xNjMgMCA3NnY0MGMwIDguODM3IDcuMTYzIDE2IDE2IDE2em0wIDE2MGg0MTZjOC44MzcgMCAxNi03LjE2MyAxNi0xNnYtNDBjMC04LjgzNy03LjE2My0xNi0xNi0xNkgxNmMtOC44MzcgMC0xNiA3LjE2My0xNiAxNnY0MGMwIDguODM3IDcuMTYzIDE2IDE2IDE2em0wIDE2MGg0MTZjOC44MzcgMCAxNi03LjE2MyAxNi0xNnYtNDBjMC04LjgzNy03LjE2My0xNi0xNi0xNkgxNmMtOC44MzcgMC0xNiA3LjE2My0xNiAxNnY0MGMwIDguODM3IDcuMTYzIDE2IDE2IDE2eiIvPjwvc3ZnPg==);*/

    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjYxMi4wMDFweCIgaGVpZ2h0PSI2MTIuMDAxcHgiIHZpZXdCb3g9IjAgMCA2MTIuMDAxIDYxMi4wMDEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMi4wMDEgNjEyLjAwMTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGcgaWQ9IkNsaXAiPg0KCQk8Zz4NCgkJCTxwYXRoIGQ9Ik01NjUuNDg4LDc0LjYxNmwtMi44NjgtMi44MzNjLTYzLjM4Ni02MS4zNzUtMTY0LjkwNy02MC43MjgtMjI3LjUwNywxLjg4OUw0NS4zNCwzNjMuNTMyDQoJCQkJQzIzLjUwMSwzODUuNDA2LDAsNDI1LjEzNCwwLDQ2MC42ODNjMCwzMy4zOCwxMy4wMjcsNjQuODAyLDM2LjY1LDg4LjQwN2MyMy42NDEsMjMuNjU4LDU1LjA4LDM2LjY4Niw4OC41MywzNi42ODZoMC4wMTgNCgkJCQljMzMuNDUtMC4wMTgsNjQuODktMTMuMDQ1LDg4LjUxMy0zNi43MDJsMjUwLjE1MS0yNTAuMTY4YzE3LjE4OC0xNy4xODgsMjYuNTk2LTQxLjAwNCwyNS43NTYtNjUuMzc5DQoJCQkJYy0wLjc4Ni0yMi4zNjQtOS45MzItNDMuMzY0LTI1Ljc1Ni01OS4xNTRjLTE2LjY0Ni0xNi42MjktMzguNzQ5LTI1Ljc5Mi02Mi4yODQtMjUuNzkyYy0yMy41MzYsMC00NS42NTUsOS4xNDUtNjIuMjQ5LDI1Ljc5Mg0KCQkJCUwxNDcuNzU0LDM2NS45NjNjLTQuODI2LDQuNzczLTcuODUxLDExLjM4My03Ljg1MSwxOC42OTFjMCwxNC40NzksMTEuNzMzLDI2LjIyOSwyNi4yMjksMjYuMjI5DQoJCQkJYzcuMjM5LDAsMTMuNzc5LTIuOTM4LDE4LjUxNy03LjY3NmwwLjAxOCwwLjAxOGwxOTEuNzY2LTE5MS44YzYuODU0LTYuODM3LDE2LjMxNC0xMC4xOTQsMjUuNzM5LTEwLjAzNw0KCQkJCWM5LjA0LDAuMTQsMTguMDI3LDMuNTE1LDI0LjYxOSwxMC4wODljNi4zODMsNi4zODIsMTAuMDcyLDE0Ljg4LDEwLjQwNCwyMy44NTFjMC4zNSwxMC4wMDItMy4zNTcsMTkuNDI3LTEwLjQyMiwyNi40OTENCgkJCQlsLTI1MC4xNSwyNTAuMTY3Yy0xMy43NDQsMTMuNzQ0LTMxLjk5OSwyMS4zMTUtNTEuNDI1LDIxLjMzM2gtMC4wMThjLTE5LjQyNywwLTM3LjY5OS03LjU4OS01MS40NDMtMjEuMzMzDQoJCQkJYy0xMy43MDktMTMuNzA5LTIxLjI4LTMxLjkyOS0yMS4yOC01MS4zMDNjMC0xNi4yOTcsMTMuNzQ0LTQzLjc4NCwyOS45ODgtNjAuMDYzbDI4OS43NzMtMjg5Ljg0Mw0KCQkJCWM0Mi40NTUtNDIuNDksMTExLjM0OS00Mi43ODgsMTU0LjE4OC0xLjA0OWwyLjc4LDIuNzk4YzQxLjA3NCw0Mi45NDUsNDAuNDk3LDExMS4yOTctMS43MywxNTMuNTQyTDI4Ny42MjMsNTA1LjkxOA0KCQkJCWMtNC44MDksNC43NzMtNy43OTksMTEuMzQ5LTcuNzk5LDE4LjY1N2MwLDE0LjQ3OSwxMS43MzMsMjYuMjI5LDI2LjIyOSwyNi4yMjljNy4yNCwwLDEzLjc2MS0yLjkzOCwxOC41MTgtNy42NThsMC4wMTcsMC4wMTgNCgkJCQlsMjM5Ljk3NS0yMzkuOTkxQzYyNy41MSwyNDAuMTg4LDYyNy44MDcsMTM3Ljk2Nyw1NjUuNDg4LDc0LjYxNnoiLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K);
    background-size: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.opa_rodape_input{
    flex: 1 1 auto;
    height: 100% !important;
    border: 0px !important;
    margin: 0px !important;
    background: transparent !important;
    font-size: 14px !important;
    outline: none !important;
    display: flex;
    overflow-y: auto;
    color: #222;
    box-shadow: none !important;
}
.opa_rodape_send{
    width: 30px;
    height: 100%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNDc2IDMuMkwxMi41IDI3MC42Yy0xOC4xIDEwLjQtMTUuOCAzNS42IDIuMiA0My4yTDEyMSAzNTguNGwyODcuMy0yNTMuMmM1LjUtNC45IDEzLjMgMi42IDguNiA4LjNMMTc2IDQwN3Y4MC41YzAgMjMuNiAyOC41IDMyLjkgNDIuNSAxNS44TDI4MiA0MjZsMTI0LjYgNTIuMmMxNC4yIDYgMzAuNC0yLjkgMzMtMTguMmw3Mi00MzJDNTE1IDcuOCA0OTMuMy02LjggNDc2IDMuMnoiLz48L3N2Zz4=);
    background-size: 18px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.opa_rodape_send:hover, .opa_rodape_menu:hover, .opa_minimize:hover, .opa_close:hover{
    opacity: 0.6;
}
.opa_ballon{
    position: relative;
    flex: none;
    background: #c9d7e6;
    padding: 14px;
    border-radius: 10px;
    padding-bottom: 5px;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-word;
    line-height: 20px;
    font-size: 13px;
    margin: 4px 20px;
    display: inline-block;
    min-width: 50px;
    color: #222;
    text-align: left;
}
.opa_ballon.recebida:before {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 0px;
    left: -8px;
    height: 20px;
    border-left: 20px solid #c8d7e6;
    border-bottom-right-radius: 16px 14px;
}
.opa_ballon.recebida:after {
    content: "";
    position: absolute;
    z-index: 3;
    bottom: 0px;
    left: -20px;
    width: 20px;
    height: 20px;
    background: #f2f2f2;
    border-bottom-right-radius: 10px;
}
.opa_ballon.enviada {
    background: #8fd4e6;
}
.opa_ballon.enviada:before {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 0px;
    right: -8px;
    height: 20px;
    border-right: 20px solid #8ed4e7;
    border-bottom-left-radius: 16px 14px;
}
.opa_ballon.enviada:after {
    content: "";
    position: absolute;
    z-index: 3;
    bottom: 0px;
    right: -20px;
    width: 20px;
    height: 20px;
    background: #f2f2f2;
    border-bottom-left-radius: 10px;
}

.opa_ballon .time {
    font-size: 9px;
    color: rgba(0, 0, 0, 0.5);
    line-height: 8px;
}

.div-logins {
    text-align: center;
    margin-top: 30%
}

/* Shared */
.loginBtn {
    box-sizing: border-box;
    position: relative;
    /* width: 13em;  - apply for fixed size */
    margin: 0.2em;
    padding: 0 15px 0 46px;
    border: none;
    text-align: left;
    line-height: 34px;
    white-space: nowrap;
    border-radius: 0.2em;
    font-size: 16px;
    color: #FFF;
}
/* Shared */
.loginIxc {
    box-sizing: border-box;
    position: relative;
    /* width: 13em;  - apply for fixed size */
    margin: 0.2em;
    padding: 0 46px 0 46px;
    border: none;
    text-align: left;
    line-height: 34px;
    white-space: nowrap;
    border-radius: 0.2em;
    font-size: 16px;
    color: #FFF;
}
.sem-login {
    position: relative;
    /* width: 13em;  - apply for fixed size */
    margin: 0.2em;
    border: none;
    text-align: left;
    line-height: 34px;
    white-space: nowrap;
    border-radius: 0.2em;
    font-size: 16px;
    cursor: pointer;
}
.loginBtn:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 100%;
}
.loginBtn:focus {
    outline: none;
}
.loginBtn:active {
    box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}
/* Facebook */
.loginBtn--facebook {
    background-color: #4C69BA;
    background-image: linear-gradient(#4C69BA, #3B55A0);
    /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
    text-shadow: 0 -1px 0 #354C8C;
    width: 248px;
    text-align: center;
    height: 38px;
}
.loginBtn--facebook:before {
    border-right: #364e92 1px solid;
    background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png') 6px 6px no-repeat;
}
.loginBtn--facebook:hover,
.loginBtn--facebook:focus {
    background-color: #5B7BD5;
    background-image: linear-gradient(#5B7BD5, #4864B1);
}
/* Google */
.div-logins > div {
    margin: 0 0 4px 14.3%
}
/* Google */
.loginBtn--ixc {
    /*font-family: "Roboto", Roboto, arial, sans-serif;*/
    background: #ff9800;
    width: 250px;
    text-align: center;
    height: 30px;
}
.loginBtn--ixc:before {
    border-right: #0095df 1px solid;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoKIDxnPgogIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4KICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iNDAyIiB3aWR0aD0iNTgyIiB5PSItMSIgeD0iLTEiLz4KIDwvZz4KIDxnPgogIDx0aXRsZT5MYXllciAxPC90aXRsZT4KICA8cmVjdCBpZD0ic3ZnXzEiIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgZmlsbD0ibm9uZSIvPgogIDxwYXRoIGZpbGw9IiNmZmZmZmMiIGlkPSJzdmdfMiIgZD0ibTI5LjA3OTE4NywzMi44MzI1Yy0wLjE0NiwtMS42MTE5OTggLTAuMDksLTIuNzM2OTk4IC0wLjA5LC00LjIwOTk5N2MwLjczLC0wLjM4MzAwMSAyLjAzOCwtMi44MjUwMDEgMi4yNTkwMDEsLTQuODg4YzAuNTczOTk3LC0wLjA0NzAwMSAxLjQ3ODk5NiwtMC42MDcgMS43NDM5OTYsLTIuODE4MDAxYzAuMTQzMDAyLC0xLjE4NyAtMC40MjQ5OTUsLTEuODU1IC0wLjc3MDk5NiwtMi4wNjQ5OTljMC45MzM5OTgsLTIuODA5MDAyIDIuODc0MDAxLC0xMS40OTkwMDIgLTMuNTg4MDAxLC0xMi4zOTcwMDJjLTAuNjY0OTk5LC0xLjE2OCAtMi4zNjgsLTEuNzU5IC00LjU4MDk5OSwtMS43NTljLTguODU0LDAuMTYzIC05LjkyMiw2LjY4NTk5OSAtNy45ODEwMDEsMTQuMTU2MDAyYy0wLjM0NDk5OSwwLjIwOTk5OSAtMC45MTMsMC44Nzc5OTggLTAuNzcxLDIuMDY0OTk5YzAuMjY2MDAxLDIuMjExIDEuMTcsMi43NzEgMS43NDQwMDEsMi44MTgwMDFjMC4yMTk5OTksMi4wNjIgMS41OCw0LjUwNDk5OSAyLjMxMTk5OCw0Ljg4OGMwLDEuNDczIDAuMDU1LDIuNTk4IC0wLjA5MSw0LjIwOTk5N2MtMS43NTE5OTksNC43MDk5OTkgLTEzLjU3Mjk5OSwzLjM4OCAtMTQuMTE4OTk5LDEyLjQ3MmwzOCwwYy0wLjU0NDk5OCwtOS4wODQgLTEyLjMxNDk5OSwtNy43NjIwMDEgLTE0LjA2Njk5OSwtMTIuNDcyeiIvPgogPC9nPgo8L3N2Zz4=) 6px 6px no-repeat;
    background-size: 20px;
}
.loginBtn--ixc:hover,
.loginBtn--ixc:focus {

}