body {
    background: white;
    font-family: arial;
}
#superior {
    background: url(../img/fundo_topo.png) no-repeat center top #1F4E8F;
}
#superior #logomarca {
    margin-top: 5px;
    margin-left: 20px;
    box-shadow: 0px 0px 10px #1F4E8F;
    -moz-box-shadow: 0px 0px 10px #1F4E8F;
    -webkit-box-shadow: 0px 0px 10px #1F4E8F;
}
#superior #logomarca img {
    display: block;
}
#altura {
    height: 90px;
}
#dados_usuario {
    padding-top: 15px;
    padding-left: 10px;
    min-height: 20px;
    color: white;
    font: 14px arial;
    text-align: right;
}
#editar_dados a {
    color: white;
    font-size: 10px;
}
#ajuda_sistema {
    padding-top: 10px;
    text-align: right;
    color: #143663;
}
#ajuda_sistema a {
    color: white;
    text-decoration: none;
    padding: 5px 10px;
    padding-left: 25px;
    background: #153B6D;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#ajuda_sistema a#botao_ajuda {
    background: url(../img/ajuda.png) no-repeat 5px center #2F5A91;
}
#ajuda_sistema a#botao_suporte {
    background: url(../img/suporte.png) no-repeat 5px center #2F5A91;
}
#ajuda_sistema a#botao_sair {
    background: url(../img/sair.png) no-repeat 5px center #153B6D;
}
#ajuda_sistema a#botao_horarios {
    background: url(../img/admin/horarios.png) no-repeat 5px center #2F5A91;
}
#ajuda_sistema a#botao_editar {
    background: url(../img/admin/alterar.png) no-repeat 5px center #2F5A91;
}
#ajuda_sistema a:hover {
    text-decoration: underline;
}

#menu {
    background: #1F4E8F;
}
#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#menu ul li {
    float: left;
}
#menu ul li a {
    display: block;
    font: 12px arial;
    font-weight: bold;
    color: white;
    background: url(../img/bg_botao.png) repeat-x center #153B6D;
    text-decoration: none;
    padding: 10px 10px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    margin-right: 2px;
}
#menu ul li a:hover {
    background: #6E9CD8;
}
#menu ul li.ativo a {
    background: white;
    color: #1F4E8F;
}
#menu ul li.sem_acesso a {
    color: #0B203D;
    background: #143663;
}
#menu ul li a .qtd_tarefas {
    background: #A00;
    color: white;
    font: 10px arial;
    font-weight: bold;
    padding: 2px 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#centro {
    margin: 20px auto;
    min-height: 530px;
    width: 950px;

}
#caminho_sistema {
    margin-bottom: 20px;
    color: #999;
}
#caminho_sistema b {
    color: #153B6D;
}
#mensagem_sucesso {
    background: #7EFF72;
    margin-bottom:20px;
}
#mensagem_erro {
    background: #C60300;
    color: white;
    margin-bottom:20px;
}
#mensagem_alerta {
    background: #FFFC66;
    margin-bottom:20px;
}
#footer {
    padding: 40px;
    background: url(../img/fundo_topo.png) no-repeat center top #1F4E8F;
    font: 12px arial;
    color: white;
    text-align: center;
    border-top: 1px solid #5276A8;
}
#desenvolvimento {
    padding-top: 4px;
    font: 10px arial;
    color: #BAD6FF;
}
#desenvolvimento a {
    color: #BAD6FF;
}
#mensagens_do_sistema * {
    background: black;
    color: #A8F9FF;
}
#mensagens_do_sistema table {
    margin-bottom: 0;
}





/* MENSAGENS */
.falha {
    margin-bottom: 10px;
    padding: 10px 20px;
    padding-left: 35px;
    color: #590D00;
    font-weight: bold;
    background: url(../img/falha.png) no-repeat 5px center #FF907F;
    border: 2px solid #FF5F49;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.sucesso {
    margin-bottom: 10px;
    padding: 10px 20px;
    padding-left: 35px;
    color: #006606;
    font-weight: bold;
    background: url(../img/sucesso.png) no-repeat 5px center #7FFFA5;
    border: 2px solid #35D665;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.error-message {
    padding-left: 2px;
    padding-top: 5px;
}
.fechar_message {
    float: right;
}
.fechar_message a {
    display: block;
    padding: 0 5px;
    background: black;
    color: white;
    text-decoration: none;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}





/* INDEX, FORM, VIEW */

.index h2, .form h2, .view h2 {
    font: 18px arial;
    font-weight: bold;
    color: #001D44;
    margin-bottom: 5px;
}
.form h2, .view h2 {
    margin-bottom: 10px;
}
.form fieldset {
    border: none;
    padding: 0;
}
.form h3 {
    color: #800;
    margin: 0;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 2px solid #800;
}


.index .index_info {
    padding-bottom: 5px;
}
.index .info_pagina {
    color: #999;
    padding: 10px 0;
}
.index table {
    margin-bottom: 5px;
}
.index table tr th {
    color: white;
    background: url(../img/bg_linha.png) repeat-x bottom #555;
    border-right: 1px solid #eee;
    padding: 5px 10px;
    font-weight: bold;
}
.index table tr th.titulo_tabela {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    border-bottom: 1px solid white;
    font: 16px arial;
    font-weight: bold;
    padding: 10px 20px;
    background: url(../img/bg_botao.png) repeat-x center #002049;
}
.index table tr td {
    color: #333;
    padding: 5px 10px;
    border-right: 1px solid #eee;
}
.index table tr td.actions {
    padding: 0;
}
.index table tr {
    background: url(../img/bg_linha2.png) repeat-x bottom #eee;
}
.index table tr.altrow {
    background: url(../img/bg_linha2.png) repeat-x bottom #eee;
}
.index table tr:hover td {
    background: url(../img/bg_linha2.png) repeat-x bottom #A5CCFF;
}
.index table tr th a {
    padding: 5px 10px;
    padding-right: 15px;
    color: white;
    background: url(../img/admin/seta.png) no-repeat center right;
    text-decoration: none;
}
.index table tr th a:hover{
    text-decoration: underline;
}
.index table tr td a img {
    display: block;
}
.index table tr td a {
    display: block;
}
.index table tr td.actions a {
    padding: 5px;
}
.index table tr th.actions {
    color: #ddd;
    text-align: center;
}
.index .ativo, .ativo {
    color: green;
    font-weight: bold;
}
.index .inativo, .inativo {
    color: red;
    font-weight: bold;
}


div.acoes_topo a {
    float: right;
}
.paging {
    min-height: 30px;
}
.paging span {
    float: left;
    display: block;
    margin-right: 5px;
    background: #555;
    border: 1px solid #333;
    color: white;
    font: 10px arial;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.paging span:hover {
    background: #666;
}
.paging span.current {
    background: #eee;
    color: #999;
    border: 1px solid #ccc;
    padding: 5px 10px;
}
.paging span a {
    display: block;
    padding: 5px 10px;
    color: white;
    text-decoration: none;
}






/* BOTOES */
.botao{
    display: block;
    background: url(../img/bg_botao.png) repeat-x center #ddd;
    text-decoration: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-left: 5px;
}
.botao span {
    font: 12px arial;
    font-weight: bold;
    display: block;
    padding: 5px 15px;
    color: #555;
}
.novo{
    background-color: #00930E;
    color: white;
}
.novo span {
    color: white;
}
.editar {
    background-color: #888;
    color: white;
}
.listar {
    background-color: #FFBB00;
    color: white;
}
.busca {
    background-color: #84B9FF;
    color: white;
}
.excluir {
    background-color: #9E1C00;
    color: white;
}
.novo span, .listar span, .busca span, .editar span, .excluir span, .ok span {
    color: white;
    padding-left: 30px;
}
.novo span {
     background: url(../img/admin/cadastrar.png) no-repeat 10px center;
}
.editar span {
     background: url(../img/admin/alterar.png) no-repeat 10px center;
}
.listar span {
     background: url(../img/admin/listar.png) no-repeat 10px center;
}
.excluir span {
     background: url(../img/admin/excluir.png) no-repeat 10px center;
}
.busca span {
     background: url(../img/admin/busca.png) no-repeat 10px center;
}
.ok span {
    color: #050;
    background: url(../img/admin/situacao_real.png) no-repeat 10px center
}
.remover_todos {
    padding-left: 15px;
}
.remover_todos input[type=submit]{
    padding: 5px 15px;
    background: url(../img/bg_botao.png) repeat-x center #8C1500;
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-right: 5px;
    border: 0;
}
.submit {
    margin-top: 10px;
}
.submit input[type=submit], .submit input[type=button] {
    padding: 5px 15px;
    background: url(../img/bg_botao.png) repeat-x center #555;
    color: white;
    text-decoration: none;
    font-weight: bold;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-right: 5px;
    border: 0;
}
.novo:hover{
    background: url(../img/bg_botao.png) repeat-x center #00AA0E;
}
.editar:hover{
    background: url(../img/bg_botao.png) repeat-x center #999;
}
.busca:hover{
    background: url(../img/bg_botao.png) repeat-x center #A8CDFF;
}
.listar:hover {
    background: url(../img/bg_botao.png) repeat-x center #FFE100;
}
.remover_todos input[type=submit]:hover {
    background: url(../img/bg_botao.png) repeat-x center #AD1A00;
}
.submit input[type=submit]:hover{
    background: url(../img/bg_botao.png) repeat-x center #777;
}



#menu_paciente ul {
    list-style: none;
    padding: 0;
}
#menu_paciente ul li a, .titulo_menu_paciente {
    display: block;
    padding: 10px 20px;
    background: #910200;
    color: white;
    border-bottom: 1px solid #6B0000;
    text-decoration: none;
    font-weight: bold;
}
#menu_paciente ul li a:hover{
    background: #BF0000;
}
#menu_paciente ul li.marcado a {
    text-align: right;
    color: #6B0000;
    border-left: 5px solid #6B0000;
    background: white;
}

.titulo_menu_paciente {
    background: #6B0000;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
}






.form table {
    background: white;
    margin: 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ddd;
    background: #eee;
}
.form table tr th, .form table tr td{
    padding: 10px 5px;
    vertical-align: top;
}
.form table tr th{
    text-align: right;
    padding-top: 15px;
}
.form h3 {
    font: 14px arial;
    font-weight: bold;
    color: #800;
    border-bottom: 2px solid #800;
    margin: 0;
    margin: 0 20px;
    padding-top: 10px;
    padding-bottom: 5px;
}
input, select{
    padding: 5px;
    margin: 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ddd;
    max-width: 400px;
}
.form input, .form select {
    margin: 0;
}
.form .input .checkbox {
    margin-bottom: 5px;
    color: #174A8C;
    font-weight: normal;
}
.form .input .checkbox input[type=checkbox]{
    margin: 5px;
}
div.submit {
    text-align: center;
}
.view h3 {
    padding: 5px 10px;
    margin: 0;
    margin-bottom: 10px;
    background: #245191;
    color: white;
    font: 14px arial;
    font-weight: bold;
}
.view dl{
    padding: 20px;
    background: white;
    border: 1px solid #bbb;
}
.view dt {
    color: #245191;
    border-bottom: 1px solid #ddd;
}
.view dd {
    margin-bottom: 20px;
}
.confirmado {
    color: #080;
    font-weight: bold;
}
.nao_confirmado {
    color: #800;
    font-weight: bold;
}

.titulo_adm {
    background: #153B6D;
    color: white;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 10px 20px;
    margin-bottom: 10px;
    font: 16px arial;
    font-weight: bold;
}
.botao_3 {
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding-top: 10px;
    min-height: 90px;
    margin-bottom: 10px;
}
.botao_3:hover {
    box-shadow: 0px 0px 5px #6E9CD8;
    -moz-box-shadow: 0px 0px 5px #6E9CD8;
    -webkit-box-shadow: 0px 0px 5px #6E9CD8;
}
.botao_3 a {
    display: block;
    padding: 0 10px;
    font: 10px arial;
    color: #555;
    text-decoration: none;
    text-align: center;
}



#navegador_agenda {
    margin-bottom: 5px;
}
#navegador_agenda table {
    margin: 0;
    padding: 0;
}
#navegador_agenda table tr td {
    padding: 0;
}
#navegador_agenda table tr td a {
    display: block;
    padding: 5px 10px;
    background: #555;
    color: white;
    text-decoration: none;
    font-weight: bold;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
#navegador_agenda table tr td a:hover {
    background: #777;
}
#dia_por_extenso {
    text-align: center;
}
#agenda_dia {
    border: 1px solid #ddd;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
#sem_compromissos {
    text-align: center;
    font: 18px arial;
    color: #ccc;
    font-weight: bold;
    padding: 70px 0;
}
#agenda_dia .hora, #agenda_dia .hora_destaque {
    padding: 5px;
    border-bottom: 1px solid #eee;
}
#agenda_dia .hora_destaque {
    color: black;
}
#tarefas_dia {
    margin: 10px;
}
#tarefas_dia table {
    margin: 0;
}
#tarefas_dia .tarefa {
    margin-bottom: 10px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    min-height: 50px;
}
#tarefas_dia .tarefa .tarefa_interna {
    padding: 5px 10px;
}
#tarefas_dia .tarefa span {
    font-weight: bold;

}
#tarefas_dia .icone_agenda img, .icone_agenda img{
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 2px solid white;
}
#tarefas_dia .icone_agenda img:hover, .icone_agenda img:hover {
    border: 2px solid #0099FF;
}
#tarefas_dia .tarefa a {
    font: 14px arial;
    font-weight: bold;
    text-decoration: none;
}
#tarefas_dia .tarefa {
    background: url(/unicad/img/bg_linha2.png) repeat-x bottom;
}
#tarefas_dia .tarefa .procedimento {
    color: #CC0505;
    margin-left: 138px;
}
#tarefas_dia .consulta, #tarefas_dia .consulta_em_grupo, #tarefas_dia .consulta_integrada, #tarefas_dia .consulta_integrada_em_grupo {
    background-color: #CCCCFF;
    border: 1px solid #AAAAED;
}
#tarefas_dia .cirurgia {
    background-color: #C4FFCA;
    border: 1px solid #9BDBA2;
}
#tarefas_dia .pessoal {
    background-color: #FFFDAF;
    border: 1px solid #E2E191;
}
#tarefas_dia .reuniao {
    background: #FFBCA8;
    border: 1px solid #E0A491;
}

#select_usuario_agenda select {
    width: 230px;
    margin-bottom: 10px;
}

#menu_agenda {
    margin-top: 10px;
}
#titulo_menu_agenda {
    font-weight: bold;
    text-align: center;
    padding: 10px;
    color: #217F00;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#botoes_menu_agenda ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#botoes_menu_agenda ul li {
    display: block;
    margin-top: 5px;
    border-top: 1px solid #ccc;
    background: url(../img/bg_botao.png) repeat-x center #ddd;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#botoes_menu_agenda ul li a {
    display: block;
    font-weight: bold;
    text-decoration: none;
    color: #555;
    padding: 10px;
    padding-left: 35px;
    background: url(../img/admin/cadastrar.png) no-repeat 10px center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#botoes_menu_agenda ul li a:hover {
    background: url(../img/admin/cadastrar.png) no-repeat 10px center #eee;
}

.formulario_busca {
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: url(../img/bg_linha2.png) repeat-x bottom #eee;
}
.formulario_busca table {
    background: none;
}
.formulario_busca table tr, .formulario_busca table tr:hover td, .formulario_busca table tr td, .formulario_busca table tr th{
    padding: 0;
    border: 0;
    background: none;
}



.duracao_lista {
    color: #777;
    font: 10px arial;
}
.paciente_lista a{
    color: blue;
    font-weight: bold;
}
.paciente_nao_encontrado {
    color: #900;
}
.icone_contato img{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ccc;
}
.campo_historico {
    background: url(../img/admin/com_estes.png) no-repeat top left;
    padding: 10px;
    margin: 10px;
    border: 1px solid #ddd;
    background: #eee;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
.campo_historico table{
    margin: 0;
}
.campo_historico table tr td {
    vertical-align: top;
}
.autor_historico {
    color: black;
}
.menu_direita {
    margin-bottom: 10px;
}
.menu_direita .titulo_home {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    border-bottom: 1px solid white;
    font: 14px arial;
    font-weight: bold;
    padding: 10px 20px;
    background: url(../img/bg_botao.png) repeat-x center #002049;
    color: white;
}
.menu_direita .linha_home {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    font: 12px arial;
    background: #eee;
}
.menu_direita .linha_home span {
    font-weight: bold;
    color: black;
    font-family: verdana;
    display: block;
    width: 50px;
    float: left;
}
.menu_direita .linha_home a {
    font-weight: bold;
}
#mensagens {
    border: 1px solid #ddd;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    background: #eee;
}
.mensagem_historico {
    margin: 10px;
    border: 1px solid #ddd;
    background: white;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 5px;
}
.mensagem_historico table {
    margin: 0;
}
.mensagem_historico table tr td {
    vertical-align: top;
    padding: 5px;
}
.mensagem_historico .icone{
    text-align: center;
}
.mensagem_historico .icone img, .avatar img{
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 2px solid white;
    background: white;
}
.data_mensagem_home{
    float: right;
    color: #008;
    font-weight: bold;
    
}
#mensagens .mensagem_sistema {
    background: #F8FF84;
    border: 1px solid #FF962D;
}
#mensagens .mensagem_sistema .icone {
    padding: 0 5px;
}
#mensagens .mensagem_sistema .icone img {
    background: none;
    border: 0;
}
.avatar img {
    border: 2px solid #ddd;
}
.mensagem_historico .icone img:hover {
    border: 2px solid #0099FF;
    background: #ccccFF;
}


#recados, #recados .recado {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    margin-bottom: 10px;
}
#recados .recado{
    background: #efefef;
}
#recados table {
    margin: 0;
}
#recados table tr td{
    vertical-align: top;
}
#recados .recado .titulo_recado {
    padding-left: 10px;
}
#recados .recado .assunto_recado {
    font: 14px arial;
    padding: 5px 10px;
}
#recados .recado .mensagem_recado {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    background: white;
}
#recados .recado .responder {
    padding: 5px 10px;
}

#foto_home {
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    background: white;
}
#foto_home #foto img {
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 1px solid #ddd;
}
#foto_home #acoes_foto {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eee;
}
#foto_home #alterar_foto, #foto_home #remover_foto {
    background: url(../img/bg_botao.png) repeat-x center #ddd;
    color: white;
    padding: 5px 10px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-left: 5px;
}
#foto_home #alterar_foto {
    background-color: #080;
}
#foto_home #remover_foto {
    background-color: #800;
}
.loading {
    background: url(../img/loading.gif) no-repeat center center white;
    display: block;
    height: 20px;
    width: 20px;
}
.tempo_de_cadastro {
    font: 10px arial;
    color: #777;
}
.index table tr.totais td{
    border: 0;
    border-top: 1px solid black;
    text-align: right;
    background: white;
    padding: 20px 10px;
}
.situacao_atendimento {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 3px;
    font: 8px arial;
    background: #ddd;
    color: #333;
    border: 1px solid white;
    text-align: center;
}
#agenda_dia .situacao_atendimento{
    font: 10px arial;
}
#agenda_dia .duracao {
    font: 10px arial;
    color: #555;
}
.situacao_atendimento_1 {
    background: #B7E3FF;
}
.situacao_atendimento_2, .situacao_atendimento_22 {
    background: #19AA00;
    color: white;
}
.situacao_atendimento_3 {
    background: #FFB8B7;
}
.situacao_atendimento_4 {
    background: #009DFF;
    color: white;
}
.situacao_atendimento_5 {
    background: #AF0200;
    color: white;
}


.chat {
    display: block;
}
.bubble{
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 0 6px #B2B2B2;
    display: inline-block;
    padding: 10px 18px;
    position: relative;
    vertical-align: top;
}
.bubble::before {
    background-color: white;
    content: "\00a0";
    display: block;
    height: 16px;
    position: absolute;
    top: 11px;
    transform:             rotate( 29deg ) skew( -35deg );
        -moz-transform:    rotate( 29deg ) skew( -35deg );
        -ms-transform:     rotate( 29deg ) skew( -35deg );
        -o-transform:      rotate( 29deg ) skew( -35deg );
        -webkit-transform: rotate( 29deg ) skew( -35deg );
    width:  20px;
}
.me {
    float: left;   
    margin-left: 20px;         
}
.me::before {
    box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
    left: -9px;           
}
.you {
    float: right;    
    margin: 5px 20px 5px 45px;         
}
.you::before {
    box-shadow: 2px -2px 2px 0 rgba( 178, 178, 178, .4 );
    right: -9px;    
}
.haTantosDias {
    color: #888;
    font-weight: bold;
    font-size: 10px;
}
.estado_evolucao img {
    background: white;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#superior_pacientes_em_espera {
    padding: 10px 0;
    background: #F8FF84;
    color: black;
}
#superior_pacientes_em_espera b {
    background: white;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 0 5px;
}