.ac-container{
	width: 100%;
        height: 100%;
        overflow: hidden;
 
}
.ac-label{
	padding: 5px 20px;
	position: relative;
	z-index: 20;
	display: block;
	height: auto;
        overflow: hidden;
	cursor: pointer;
	color:gainsboro;
	background:rgba(107, 107, 107, 0.3) !important;
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
        text-shadow: 1px 1px 5px grey;
}
.ac-container label:hover{
	color: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	color: ghostwhite;
	
}
#colaboracion #input-msg:checked + label {
	color: chartreuse;
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}

#colaboracion #input-tar:checked + label {
	color: lightskyblue;
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}
#colaboracion #input-con:checked + label {
	color: yellow;
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}
#colaboracion .tab-input[ventana=""]:checked ~ .page-body div[ventana=""] input:checked ~ label {
	background: #c6e1ec;
	color: chartreuse;
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}
#colaboracion .tab-input[ventana=""]:checked ~ .page-body div[ventana=""] input:checked ~ label {
	background: #c6e1ec;
	color: lightskyblue;
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}
#colaboracion .tab-input[ventana=""]:checked ~ .page-body div[ventana=""] input:checked ~ label {
	background: #c6e1ec;
	color: yellow;
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}

.ac-container .ac-input{
	display: none;
}
.ac-container article{
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 11;
	transition: 
		height 0.3s ease-in-out, 
		box-shadow 0.6s linear;
        padding-left:2px;
        padding-right:2px;

}
.ac-container input:checked ~ article{
	transition: 
		height 0.5s ease-in-out, 
		box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container article p{
        font-weight: initial;
	font-style: italic;
	color: #777;
	padding: 2px;
}
.ac-container input:checked ~ article.ac-small{
	height: 12vh;
        margin-bottom: 3px !important;
}
.ac-container input:checked ~ article.ac-medium{
	height: 24vh;
        margin-bottom: 3px !important;
}
.ac-container input:checked ~ article.ac-medium-extra{
	height: 50vh;
        margin-bottom: 3px !important;
}
.ac-container input:checked ~ article.ac-large{
	height: 100%;
        margin-bottom: 3px !important;
}
 
.ac-container input:checked ~ article.ac-auto{
	height: auto;
        max-height: 60vh;
        overflow: auto;
        margin-bottom: 3px !important;
}
.ac-container input:checked ~ article.ac-auto-auto{
	height: auto;
        overflow: auto;
        margin-bottom: 3px !important;
}
.gw-nuevoMsg{
	display:none;
}
.ac-container input:checked ~ div{
	display:block;
}
.burbuja{
   padding: 1.5vh;
   border-radius: 0.8em;
   width: 70%;
   box-shadow: 2px 2px 3px #9c9c9c;
}
.hilo{
   overflow-y:auto !important;  
   width: 100%;
}
.gw_enviado{
 float: right;  
 background-color: gainsboro;
}
.gw_recibido{
 float:left;   
 background-color: white;
}
.ac-colapse{
    visibility: hidden;
    position:relative;
    top: 0px;
    left: -10px;
}


.ac-container input:checked + label span label.ac-colapse{
    visibility: visible;
}

#gwMensajes{
    overflow-y: overlay;
    height: 94%;
    background-color: #47c7bc52;
}
.gwMensaje{
   Xheight: 85%;
}
.burbuja mensaje{
   display: block;
   color:black;
   font-size: 0.9em;
}
.burbuja estado,hora{
   display: inline-block;
   color:grey;
   font-size: 0.7rem;
}
.gw_enviado estado,.gw_enviado hora{
    float:right;
    margin-bottom:-1.3vh;
}
.gw_recibido hora{
    float:left;
    margin-top:-1.3vh;
}
.gw_recibido mensaje{
    margin-bottom: -1.3vh;
}
.gw_enviado mensaje{
     margin-top:-1.3vh;
}
#pageframe-social{
    border-radius: 0.25rem 0.25rem 0 0;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px #00000080;
}
/*oculta tab del panel social*/
#pageframe-social >label{
    display: none !important;
}
#colaboracion > div > div > input{
    display:none;
}
[class='1'] estado:before { content:'';}
[class='2'] estado:before { content:'';}
[class='3'] estado:before { content:'';color:black;}