.etiqueta-apariencia{
	display: inline !important; 
	border: none !important; 
	padding: 1px !important; 
	border-radius: 7px !important; 
	background-color: #c7355d !important;
    margin-right: 2px !important;
    font-size: 16px !important;
    color: #FFF !important;
}

.imagen-jovensalud{
	background-image: url(../../_images/jovensalud.png) !important;
	background-repeat: no-repeat !important;
    background-size: 20px 20px !important;
    background-position-x: 1px !important;
    background-position-y: 2px !important;
}

.imagen-jovensalud-posicion{
	margin-left: 30px !important;
}

.cita-apariencia{
	padding: 3px !important; 
	font-size: 16px !important; 
	text-align: left !important; 
	display: block !important; 
	background: aliceblue !important; 
	cursor: pointer !important;
    border-radius: 7px !important;
}

.citar-apariencia{
	display: inline !important; 
	padding-left: 2px !important; 
	color: #0645AD !important;
	cursor: pointer;
}

.likes-comentario {
	font-size: x-small !important;
}

.margin-emojis-borde-superior {
	margin-top: -8px !important;
}

.margin-emojis-publicacion {
	margin-top: 3px;
}

[contenteditable=true]:empty::before {
  content: attr(placeholder);
}

.smile-button {
	float: right;
    position: absolute;
    right: 40px;
    margin-top: -37px;
    background: none;
    border: none;
    outline: none;
}

.paper-button {
	float: right;
    position: absolute;
    right: 10px;
    margin-top: -37px;
    background: none;
    border: none;
    outline: none;
}

.nuevo-comentario:focus {
	outline: none !important;
  	box-shadow: 0px 0px 2px #40C3D3;
}

.nuevo-comentario {
  	outline: none !important;
    -moz-appearance: textfield-multiline !important;
    -webkit-appearance: textarea !important;
    font: unset !important;
    padding: 2px !important;
    resize: both !important;
    min-height: 70px !important;
    border: 1px solid #40C3D3 !important;
    position: relative !important;
    -webkit-border-radius: 7px !important;
    -moz-border-radius: 7px !important;
    border-radius: 7px !important;
    padding-right: 70px !important;
}

.nuevo-comentario textarea {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	outline: none !important;
	resize: none;
}

.nuevo-comentario textarea::placeholder {
 	color: black;
  	font-size: small;
}

.nuevo-comentario button {
	cursor: pointer;
    float: right;
    height: 37px;
    width: 40px;
    background: none;
    border: none;
    padding: 3px;
}

.textarea-container button {
  position: absolute;
  top: 0;
  right: 0;
}

.comentarios-estrella{
	background-color: #40C3D3 !important; 
    min-height: min-content !important; 
    padding: 0 !important; 
    display: inline-flex !important; 
    width: 100% !important;
    background-image: url(../../_images/highlight_star.png);
    background-repeat: no-repeat !important;
    background-size: 20px 20px !important;
    background-position-x: 1px !important;
    background-position-y: 2px !important;
}

.comentarios-estrella-posicion{
	margin-left: 30px !important;
}

.comentarios-sin-estrella{   
    background-color: #40C3D3 !important; 
    min-height: min-content !important; 
    padding: 0 !important; 
    display: inline-flex !important; 
    width: 100% !important;
}

.comentarios-apariencia{   
    margin-left: 0px !important;
    background-color: #40C3D3 !important;
    -webkit-border-radius: 7px !important;
    -moz-border-radius: 7px !important;
    border-radius: 7px !important;
    padding: 5px !important;
}

.comentarioforo-margin{
	margin-bottom: 3px !important;
}

.eliminar-comentario-apariencia{
	font-size: small !important; 
	color: black !important;
	float: right !important;
	margin-top: 6px !important;
}

.destacar-comentario-i{
	color: black !important;
	float: right !important;
	font-size: small !important;
	margin: 0px !important;
	cursor: pointer !important;
	margin-right: 2px !important;
	margin-top: 6px !important;
}

.likes-apariencia{
	font-size: x-small !important;
}

.comentar-apariencia{
	display: inline !important; 
	padding-left: 2px !important; 
	color: #0645AD !important;
	cursor: pointer;
}

.dato-fecha-apariencia{
	display: inline !important; 
	padding-left: 5px !important;
}

.imagen-size{
	width: 25px !important;
	height: 25px !important;
}

.foro-titulo-posicion{
	display: flex !important;
}

.respuesta-titulo-posicion{
	margin-left: 8px !important; 
	margin-top: 2px !important;
}

.fecha-titulo-posicion{
	margin-left: 8px !important; 
	margin-top: 4px !important; 
	font-size: xx-small !important; 
	color: gray !important;
}

.espacio-span-descripcion{
	background-color:#FFF !important;
}

.contenido-texto-espaciado{
	margin-top: 0px !important;
}

.color-numero-likes{
	color: rgb(6, 69, 173);
	font-size: medium !important;
}

.likes{
	font-size: medium !important;
}

.eliminar-respuesta-apariencia{
	color: rgb(6, 69, 173) !important; 
	margin-right: 5px !important; 
	font-size: medium !important;
	cursor:pointer;
}

.editar-respuesta-apariencia{
	color: rgb(6, 69, 173) !important; 
	font-size: medium !important;
	cursor:pointer;
}

.posicion-eliminar-editar{
	float:right !important;
}

.text-area-apariencia{
	border-color: #40C3D3 !important; 
	-webkit-border-radius: 7px !important; 
	-moz-border-radius: 7px !important; 
	border-radius: 7px !important;
	font-size: 13px;
}

.ver-respuestas-anteriores{
	margin-bottom:10px !important;
}

.ir-a-ultimas-respuestas{
	margin-bottom:10px !important;
}

.contenidos-plataforma-boton{
	margin-right:8px !important;
}

.ver-mas-comentarios-a{
	color: #0645AD !important; 
	margin-left: 2px !important;
}

.txtCambiosRespuesta-apariencia{
	width:100% !important; 
	height:100px !important;
}

.atras-boton{
	text-align: left !important; 
	display: block !important; 
	margin-bottom: 10px !important;
}

.share-foro-posicion{
	text-align: right !important;
}

.foro-desc-apariencia{
	background-color: #FFF !important; 
	padding-left: 0px !important; 
	margin-bottom: 0px !important;
}

.item-foro-apariencia{
	border: 2px solid rgb(159, 207, 103) !important; 
	padding: 7px !important;
}

.chat-div{
	width:96% !important; 
	display:inline-block !important;
}

.chat-div-strong{
	margin-right:5px !important;
}

.chat-activo-ancho{
	padding:5px !important; 
	padding-top:6px !important;
}

.posicion-sin-resultados{
	margin-top:20px !important;
}

.comentario-apariencia{
	float: left !important; 
	font-size: x-small !important;
}

.resultados-foros{
    margin:20px 0px 20px 0px;
}

.resultados-foros div.item{
    font-weight:normal;
}

.resultados-foros i{
    margin:10px;
    color: rgb(159, 207, 103);
}

.resultados-foros > div{
    text-align:left;
    border: 2px solid rgb(159, 207, 103);
    background-color: rgb(159, 207, 103);
    padding:7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    cursor:pointer;
    position:relative;
}

.resultados-foros div.activo{
    background-color: rgb(204, 62, 62);
    border:2px solid rgb(204, 62, 62);
    color:#FFF;
}

.resultados-foros div.activo:hover{
    border-color:red;
}

.resultados-foros > div:hover{
    border:2px solid #333;
}

.resultados-foros div i.fa-comment{
    font-size:20px;
    margin:0px 0px 0px 10px;
    color:#FFF;
    position:absolute;
    top:10px;
    right: 10px;
}

.resultados-foros div:hover i.fa-comment{
    color: #333;
}

.resultados-foros div strong{
    text-transform:uppercase;
    display:inline-block;
    margin-right:25px;
}

.resultados-foros div span{
    display:inline-block;
    width:96%;
}

.resultados-foros-busqueda{
    min-height:250px;
}

.resultados-foros i.fa-circle:last-child{
    display:none;
}

.alt-desc{
    display:inline-block;
    margin-top:5px;
    color:#FFF;
}

.alt-desc i{
    margin:0px !important;
    color:#FFFFFF;
}

.temas-foro{
    margin:10px 0px 5px 0px;
}

.temas-foro span{
    display:inline-block;
    padding:4px;
    margin:0px 3px 3px 0px;
    background-color: rgba(37, 137, 37, 0.72);
    width:auto !important;
    color:#FFFFFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.foro-activo{
    margin:20px 0px 20px 0px;
}

.foro-activo input[type=button]{
    padding:5px 20px 5px 20px;
    width:100%;
}

.foro-activo i{
    margin:10px;
    color: rgb(159, 207, 103);
}

.foro-activo > div > div{
    text-align: left;
    border: 2px solid rgb(159, 207, 103);
    padding: 8px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    position: relative;
    font-weight: normal;
}

#btn-radius{
    border:none;
}

.responder-foro{
    text-align:left;
    border:none !important;
    padding:0px !important;
}

.responder-foro h4{
    margin:0px;
    background-color:rgb(159, 207, 103);
    text-transform:uppercase;
    color:#FFF;
    padding:4px;
}

.responder-foro textarea{
    width:100%;
    height: 100px;
}

.foro-activo .vermas{
    border:0px;
    text-align:center;
}

.foro-activo div i.fa-comment{
    font-size:20px;
    margin:0px 0px 0px 10px;
    color:rgb(159, 207, 103);;
    position:absolute;
    top:10px;
}

.respuesta-foro-2 i.fa-comment{
    color:#FFFFFF !important;
}

.foro-activo div strong.foro-titulo{
    display:inline-block;
    margin-right:25px;
}

.foro-activo div span.foro-desc{
    display:inline-block;
    width:96%;
    margin-top:5px;
    margin-bottom:5px;
    background-color: rgb(210, 239, 178);
    padding:4px;
    border-radius:4px;
}

.foro-activo .alt-desc, .foro-activo .alt-desc i{
    color:#666666;
}

.respuesta-foro-2{
    background-color:transparent !important;
}

.respuesta-foro-2 .alt-desc, .respuesta-foro-2 .alt-desc i{
    color:#FFFFFF;
}

.respuesta-foro-2 i.fa-comment{
    color:#FFFFFF;
}

.respuesta-foro-1 .alt-desc, .respuesta-foro-1 .alt-desc i{
    color:#666666;
}

.foro-seleccionado .alt-desc i{
    color:#666666 !important;
}

.comentarios-foro{
    background-color: #FFFFFF !important;
    margin: 3px 0px 3px 0px;
}

.comentarios-foro h4{
    margin:0px;
    font-weight:normal;
    margin-bottom:3px;
}

.comentarios-foro textarea{
    width:100%;
}

.comentarios-foro h4{
    text-align: right;
}

.comentarios-foro h4 a{
    display:inline-block;
    float:right;
    text-decoration:none;
    color:blue;
}

.comentarios-foro h4 a:hover{
    text-decoration:underline;
}

.comentarios-foro div.comentario-foro-1{
    background-color: transparent;
}

.comentarios-foro div.comentario-foro-2{
    background-color: transparent;
}

.comentarios-foro span.comentario{
    display:block;
    padding:4px;
    margin-bottom:-2px;
    margin-left:15px;
    background-color:#EFEFEF;
}

.comentarios-foro span.comentario span{
    display:block;
    text-align:right;
    font-size:10px;
    color:#666666;
}

i[eliminar_comentario]{
    font-size:14px;
    margin:0px;
    cursor:pointer;
    color: black !important;
}

.stop-not{
    display:inline-block;
    padding:7px;
    background-color: #F96262;
    margin-top:7px;
    border-radius:7px;
    width:100%;
    color:#FFF;
    text-decoration:none;
    text-transform:uppercase;
    border-bottom:2px solid #FFF;
    cursor:pointer;
}

.stop-not i{
    margin:0px;
    color:#FFF;
    margin-left:5px;
}

.stop-not:hover{
    border-bottom:2px solid red;
}

.foro-activo div i.fa-comment, .resultados-foros div i.fa-comment{
    margin:-5px 0px 0px 5px;
}

div[chat]{
    border-color: #469C37;
    background-color: rgb(255, 255, 255);
}

div[chat] i{
    color: #469C37 !important;
}

div[chat]:hover{
    border-color:#469C37;
    background-color:rgb(159, 207, 103);
}

strong.fecha{
    background-color:#EEE;
    padding:4px !important;
    border:1px solid #CCC;
    border-radius:5px;
    margin:4px 0px 4px 0px;
    display:inline-block;
    font-weight:normal;
    text-transform:none !important;
}

strong.fecha i{
    color:red !important;
    margin:0px;
}

.chat-descripcion{
    display:inline-block;
    width:96%;
    margin-top:10px;
}

.info-chat{
    padding:10px;
    border-radius:7px;
    color:#FFF;
    text-transform:uppercase;
    display:inline-block;
    text-decoration:none;
}

.info-chat:hover{
    text-decoration:underline;
}

.info-chat-activo{
    background-color: #3A7EFF;
}

.info-chat-pendiente{
    background-color: #CCC;
    color:#666;
}

.info-chat-finalizado{
    cursor:default;
    background-color: #CCC;
    color:#666;
}

.info-chat-finalizado:hover{
    text-decoration:none;
}

.respuestas-chat{
    margin-top: 10px;
}

.respuestas-chat i.fa-circle:last-child{
    display:none;
}

.item-chat-1 i.fa-comment{
    color:#FFFFFF !important;
}

.item-chat-1{
    background-color:rgb(159, 207, 103);
}

.item-chat-1 .alt-desc, .item-chat-1 .alt-desc i{
    color:#FFFFFF;
}

.item-chat-1 i.fa-comment{
    color:#FFFFFF;
}

.responder-foro input[type=button][disabled]{
    background-color:#CCC !important;
    cursor:default;
    color:#999 !important;
}

.acciones-admin{
    display:inline-block;
    margin-left:10px;
    float:right;
}

.acciones-admin i{
    font-size:25px;
    margin:0px 0px 0px 5px !important;
    cursor:pointer;
    color:#FFF;
}

.acciones-admin i:hover{
    color:green;
}

.acciones-admin i.fa-times-circle:hover{
    color:red;
}

@media (max-width:980px)
{
    .foro-activo div i.fa-comment, .resultados-foros div i.fa-comment{
        margin:-5px 0px 0px 0px;
    }
}

@media (max-width:768px)
{
    .alt-desc{
        font-size:12px;
        max-width:250px;
    }
    .foro-activo div i.fa-comment, .resultados-foros div i.fa-comment{
        margin:-5px 0px 0px -10px;
    }
}

@media (max-width:480px)
{
    .alt-desc{
        font-size:12px;
        max-width:200px;
    }
    .acciones-admin{
        margin-top:15px;
    }
    .foro-activo div i.fa-comment, .resultados-foros div i.fa-comment{
        margin:-5px 0px 0px -15px;
    }
}

@media (max-width:400px)
{
    .alt-desc{
        font-size:12px;
        max-width:140px;
    }
    .foro-activo div i.fa-comment, .resultados-foros div i.fa-comment{
        margin:0px 0px 0px -15px;
    }
}