.dark-message{
	background: whitesmoke;		
	
}
.dark-tittle{
	color: black;
	text-decoration: none;
	text-shadow: 0px 2px 4px black;
	text-align: center;
}
.inbox{
	background: whitesmoke;
	border: 1px solid darkgray;
	width: 100%;
}
.msg-visor{
	padding: 10px;
	margin: auto;
	display: block;
}
.inbox{
    min-height: 550px;
}
.chat-manage,.chat-noread{
    cursor: pointer;
}

table:not(.table-pago){
    width: 100%;
}

/*table-inbox*/
#inbox_table, #inbox_table_noread{
    table-layout: fixed;
}
.message{
    -webkit-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden;
    table-layout: fixed;
    text-overflow: ellipsis;
    text-align: left;
    width: 45%;
}
.date{
    -webkit-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align:right;
}
.sender{
    -webkit-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align:left;
}

#modalChat > .modal-dialog {
    width: 60%;
}
/*Bubble Notification*/
#chatbox > .notification a.bubble[data-bubble]::after {
    content:attr(data-bubble);
    position:absolute;
    top:-1.25em;
    right: 0.5em;
 
    width: 1.5em;
    height: 1.5em;
 
    line-height:1.5em;
    text-align:center;
 
    font-family:"Helvetica Neue";
    font-weight:bold;
    color:#fff;
    text-shadow:0px 1px 0px rgba(0,0,0,.15);
 
    -webkit-box-shadow:
        inset 0px 1px 0px rgba(255,255,255,35),
        0px 1px 1px rgba(0,0,0,.2);
    -moz-box-shadow:
        inset 0px 1px 0px rgba(255,255,255,.35),
        0px 1px 1px rgba(0,0,0,.2);
    box-shadow:
        inset 0px 1px 0px rgba(255,255,255,.35),
        0px 1px 1px rgba(0,0,0,.2);
 
    -webkit-border-radius:4em;
    -moz-border-radius:4em;
    border-radius:4em;
 
    
}
#chatbox > .notification a.bubble:hover a[data-bubble]:after {
    opacity:1;
filter: alpha(opacity=100);
}



#chatbox > .notification a.bubble[data-bubble]:after {
    background-image: -webkit-linear-gradient(top, red, black);
    background-image: -moz-linear-gradient(top, red, black);
    background-image: -o-linear-gradient(top, red, black);
    background-image: -ms-linear-gradient(top, red, black);
    background-image: linear-gradient(top, red, black);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f78297', EndColorStr='#f46677');
 
    border:1px solid darkred;
}

/*Inbox style*/
#modalChat > div  .modal-header{
 background-image: linear-gradient(45deg, #800707, #FC3A0A);   
}
#modalChat > div .modal-body{
    overflow: auto;
    height: 450px;
}
#modalChat > div .modal-footer{
    background-image: linear-gradient(45deg, #800707, #FC3A0A);
}