/*
.div-selecione-emoji{
    width: 30px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    margin-right:10px;
}

.selecione-emoji {
    cursor: pointer;
    zoom: 1.5;
    -moz-transform: scale(0.5);
}*/

.emoji-selected {
    border: 2px solid #31708f;
    border-radius: 50%;
}
.div-selecione-emoji{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    float: left;
}
.selecione-emoji {
    cursor: pointer;
    zoom: 1.55;
    -moz-transform: scale(0.5);
}

.logochat {
    padding-bottom:20px;
}

.logochat img {
    border:none!important;
    max-height:100px!important;
    margin:0 auto;
}

.rodape {
    margin:10px!important;
    background: none;
}

.rodape .texto-rodape {
    margin:0 20px 0 0!important;
    float:left;
}

.copyright {
    float:right;
}

#scrollUpChat {
    background-color: #999;
    color: #444;
    opacity: 0.3;
    position: fixed;
    right: 40px;
    bottom:60px;
}

#scrollUpChat:hover {
    background-color: #999;
    opacity: 0.8;
}

.div-logout {
    margin-top:5px;
}

.typing img {
    float: left;
    width: 60px;
    height: 60px;
    margin-bottom:10px;
    border-radius: 100%;
}

.typing .img-typing {
    max-width: 32px;
    height: auto;
    margin: 0;
    float: inherit;
    border-radius: 0!important;
}

.typing .time {
    float: right;
}

.typing h5 {
    font-weight: 300!important;
}

.box-title h3 {
    white-space:normal!important;
}

ul li {
    list-style-type: none;
}

#lstPerguntasRobo li {
    padding:5px 0;
}

#lstPerguntasRobo li a {
    font-weight:bold;
}

.painel_chat .alert {
    border-radius: 3px;
}

.painel_chat .alert-info {
    background-color: rgba(1, 124, 219, 0.6)!important;
    border-color: rgba(1, 124, 219, 0.2)!important;
    color:#fff;
}

/*.alert-info {*/
    /*background-color:rgba(181,225,249,0.9)!important;*/
    /*border-color: rgba(181,225,249,0.9);*/
/*}*/

.painel_chat .alert-danger {
    background: rgba(214, 77, 77, 0.8)!important;
    border-color: rgba(214, 77, 77, 0.2)!important;
    color:#fff;
}

/*.alert-danger {
    background: rgba(243,186,189,0.9);
    border-color: rgba(243,186,189,0.9);
}*/

.painel_chat .alert-warning {
    background: rgba(219, 138, 58, 0.7) !important;
    border-color: rgba(243, 159, 61, 0.2)!important;
    color:#fff;
}

/*.alert-warning {
    background: rgba(243,237,172,0.9);
    border-color: rgba(243,237,172,0.9);
}*/

.painel_chat .alert-success {
    background: rgba(0, 139, 103, 0.7) !important;
    border-color: rgba(0, 241, 172, 0.2)!important;
    color:#fff;
}

/*.alert-success {
    background: rgba(67, 241, 149, 0.9);
    border-color: rgba(180,241,196,0.9);
}*/

.rodape {
    font-weight: normal;
}

#faq-robo { right:-8px; position: fixed; top: 10px; z-index: 99; max-width:100%; }
#faq-robo > a { display: inline-block; color: #999; vertical-align: top; background: rgba(255,255,255,0.9);	padding: 10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; margin-right:3px; }
#faq-robo > #faqLstPerguntasRobo { padding: 10px; margin-left: -3px; display: none; }
#faqLstPerguntasRobo { padding: 0; display: inline-block; list-style: none; margin: 0; overflow: auto; }
#faqLstPerguntasRobo li { display:block; margin:5px; }
#faqLstPerguntasRobo li a { padding:10px; font-weight:bold; /*font-family:"Bion Sans", Cursive;	font-weight:400;*/ font-size:1em; /*text-transform: uppercase;*/ -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background-color:#EEF1F4; display: inline-block; width:100%; }
#faqLstPerguntasRobo li a:hover { background-color:#017cdb; color:#fff; }
#lstPerguntasRobo  { padding: 0; display: inline-block; list-style: none; margin: 0; overflow: auto; position:fixed; margin-right:20px; }
#lstPerguntasRobo li { display:block; margin:5px; width:90%;  padding: 0; }
#lstPerguntasRobo li a { padding:10px; background-color: #EEF1F4; /*font-family:"Bion Sans", Cursive; font-weight:400;*/ font-size:1em; /*text-transform: uppercase;*/ -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; /*background-color:#fff;*/ display: inline-block; width:100%; }
#lstPerguntasRobo li a:hover  { background-color:#017cdb; color:#fff; }

/********************************************* CHECKBOXES PESQUISA **************************************************/
label.btn {
    background:none!important;
}

label.btn span {
    font-size: 1.1em ;
    font-weight:300;
}

label input[type="radio"] ~ i.fa.fa-circle-o{
    color: #c8c8c8;
    display: inline;
}
label input[type="radio"] ~ i.fa.fa-dot-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o{
    color: #7AA3CC;
    display: inline;
}
label:hover input[type="radio"] ~ i.fa {
    color: #7AA3CC;
}

label input[type="checkbox"] ~ i.fa.fa-square-o{
    color: #c8c8c8;
    display: inline;
}
label input[type="checkbox"] ~ i.fa.fa-check-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o{
    color: #7AA3CC;
    display: inline;
}
label:hover input[type="checkbox"] ~ i.fa {
    color: #7AA3CC;
}

div[data-toggle="buttons"] label.active{
    color: #7AA3CC;
}

div[data-toggle="buttons"] label {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 2em;
    text-align: left;
    white-space: nowrap;
    vertical-align: top;
    cursor: pointer;
    background-color: none;
    border: 0px solid #c8c8c8;
    border-radius: 3px;
    color: #c1c1c1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

div[data-toggle="buttons"] label:hover {
    color: #7AA3CC;
}

div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media only screen and (max-width: 640px) {
    #pesquisa > .well > .row {
        margin-right:-25px!important;
    }
    .rating {
        padding-left:0px!important;
    }
    .rating li i {
        font-size: 1.5em!important;
    }
}