.fixed-top {
	z-index: 999 !important;
}

.bg-dark-blue {	
	background-color: #224680 !important;
}

.container-fluid {
    padding-top: 60px;
}

.card {
	height: calc(100vh - 65px);
}

.contato-container .card-body {
    overflow-y: auto;
}

.contato-info-container .card-body {
    overflow-y: auto;
}

.contato-container .nova-mensagem {
    background-color: #f9daae;
}

.contato-item {
    border-bottom: #cccccc solid 1px;
    cursor: pointer;
    font-size: 0.9em;
    padding: 10px 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.contato-item:last-child {
    border-bottom: none;
}

.pic {
    background-image: url('/assets/images/profile_placeholder.png');
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-size: 30px;
    border-radius: 20px;
}

.contato-item .contato-nome {
    float: left;
    font-weight: bold;
    text-align: left;
}

.contato-item .contato-mensagem-data {            
    color: #777777;
    font-size: 0.7em;
    text-align: right;
    float: left;
}

.contato-item .contato-mensagem {
    width: 100%;
    color: #666666;
    font-style: italic;
    font-size: 12px;
}

.contato-item .contato-mensagem-nao-lida {
    font-size: 1.0em;
}

.mensagem-container .card-body {
    overflow-y: auto;
}
.bubble {
    width: 60%;
    margin: 5px 0;
    border-radius: 15px;        
    color: #333333;
    padding: 8px 10px 6px 10px;
    position: relative;
    font-size: 0.8em;
}
    
.bubble-msg-me {
    background: #DCF8C6;
    float: right;
    text-align: left;
    padding-right: 15px;
}
.bubble-msg-me:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;        
    border-left: 15px solid #DCF8C6;
    border-right: 15px solid transparent;
    border-top: 15px solid #DCF8C6;
    border-bottom: 15px solid transparent;
    right: -16px;
    top: 0px;        
}
    
.bubble-msg-other {
    background: #EEEEEE;
    float: left;
    text-align: left;
    padding-left: 15px;
}
.bubble-msg-other:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;        
    border-left: 15px solid transparent;
    border-right: 15px solid #EEEEEE;
    border-top: 15px solid #EEEEEE;
    border-bottom: 15px solid transparent;
    left: -16px;
    top: 0px;        
}

.bubble .name {
    font-weight: 800;
    font-size: 0.9em;
    margin: 0;
}

.bubble-msg-me .name {
    color: #517f28;
}

.bubble .message {
    font-size: 0.9em;
    margin: 3px 0 0 0;
}

.bubble .date {
    font-weight: 400;
    font-size: 0.8em;
    margin:0;
    color: #666666;
    text-align: right;
}