#contentChat{
    position: absolute;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    margin: 0;
    padding-right: 15px;
}

#contentChat h2{
    margin-top: 0;
    font-size: 23px;
    font-weight: bold;
}

#chat-wrap{
    overflow-y: auto;
    flex: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
    /* display: flex;
    flex-direction: column-reverse; */
}

#chat-area p span{
    font-weight: bold;
    padding-right: 6px;
	cursor: pointer;
	text-decoration:underline;
}

#chat-area p span::after{
    content: ':';
}

#div_streaming .col-sm-4{
    padding-bottom: 56.25%;
}

#sendie{
    resize: none;
}

#send-message-area{
    margin-bottom: 0 !important;
}

@media (max-width: 769px){
    #contentChat{
        padding-right: 0;
        left: 0;
        position: static;
    }

    #div_streaming .col-sm-4{
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #chat-wrap{
        height: 200px;
    }
}


















@media (min-width: 768px){

	#contenido{padding: 15px; margin-left: 0px;margin-right: 0px;}
	#sidebar{position: relative;width: 30%;display: block;border: 0;}
	.sidebar-principal #sidebar{float: left; left: 0;padding: 0px 15px 15px 0px;}
	.principal-sidebar #sidebar{float: right;right: 0;padding: 0px 0px 15px 15px;}
	.sidebar-principal #main-content{margin-left:30%;}
	.principal-sidebar #main-content{margin-right: 30%;}
}