*{
	padding:0px;
	margin:0px;
}
.menu-container {
    position: relative; 
    display: inline-block;
}

.menu-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    border-radius: 4px;
}

.menu-btn:hover {
    background: rgba(0, 0, 0, 0.05);
}

.menu-btn span {
    display: block;
    width: 4px;
    height: 4px;
    background: #666;
    border-radius: 50%;
    margin: 3px auto;
}

.menu-dropdown {
    display: none;
    position: absolute;
    right: 0;
    
    min-width: 100px;
    background: white;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    z-index: 1;
    
}

.menu-dropdown.show {
    display: block;
}

.menu-dropdown button {
    display: block;
    width: 100%;
    padding: 5px 2px;
   text-align: center;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 13px;
}

.menu-dropdown button:hover {
    background: #f5f5f5;
}

.delete-comment-btn {
    color: #d32f2f !important;
}

.delete-comment-btn:hover {
    background: #ffebee !important;
}



.comment__input {
  transition: border-bottom 180ms ease;
  border-bottom: 1px solid transparent; 
}
.delete-comment-btn {
    color: #d32f2f !important;
}
.delete-comment-btn:hover {
    background-color: #ffebee;
}
.mention {
  color: #42C0FB;
  font-weight: 500;
  cursor:pointer;
  font-family: 'Roboto', sans-serif;
}



.ver-mas-replies {
   display: block;
  margin: 10px 0 10px 35px;        
  background: none;
  border: none;
  color: #42C0FB;
  cursor: pointer;
  font-size: 0.8rem;
  padding: 0;
  text-align: left;                
}

.ver-mas-replies:hover {
  text-decoration: underline; 
}



#body-container{
	padding:4px;
	margin: 1% auto;
	width:60%;
	height:auto;
	border:1px solid #eee;
}
body{
		 font-family: 'Roboto', sans-serif;
}
#comsconform{
	padding:0;margin:0;
	overflow:hidden;
}
	#loadComen{
		width:20px;
		height:20px;
		margin-left: auto;
    margin-right: auto;
    display: block;
	}
	.post__container{
		width:100%;
		height:auto;
		overflow:hidden;
	}
	.comment__cta{
		display:flex;
		margin-bottom:6px;
	}
	.btn--secondary{
		float:right;color:#EBEBEB;font-size:12px;font-weight:700;padding:8px;border:none;border-radius:20px;background:none;margin-right:3px;    font-family: 'Roboto', sans-serif;

	}
	.btn--secondary:hover{
		cursor:pointer;background:#e5e5e5;color:#000;
	}
	#txtArea{
		background: #1A1A1A;
  color: #fff;
		resize: none;border:none;border-bottom:1px solid #ccc;width:100%;overflow:hidden;padding:0px; 
	}
	#txtArea:focus{
		outline: none;border-bottom:solid 1px #999;padding:0px;
	}
	.asuna{
		float:left;
		
	}
	#unnamed{
		border-radius:50%;width:30px;height:30px;
	}
	.comments{
		width:94%;overflow:hidden;margin-top:10px;
	}
	.btnop{
		float:right;
		font-size:12px;
		font-weight:700; font-family: 'Roboto', sans-serif;
		padding:8px;border:none;
		border-radius:20px;cursor:pointer;background:#E5E5E5;color:#000;
		margin-top:3px;
	}
	
	#submitButtonnor{
		margin-top:3px;
	}
	.replies{
		width:93%;
		margin:0 auto;
	}
	.replies #unnamed{
		width:25px;height:25px;
	}
	.comment-header {
   font-weight:700;color:#F1F1F1;
    font-family: 'Roboto', sans-serif;
   margin-left:5px;
   font-size: 0.8em;
   margin-bottom: 3px;
   
}
.comment-body {
  color: #EBEBEB;font-size:14px; margin-left:5px;
text-align: justify; 
  word-break: break-word;
   }
.icoComments_CTA{
	width:15px;
	height:15px;
	margin-top:7px;
	margin-left:34px;
	position:absolute;
   }
#btn-secon{
	margin-left:45px;
}
#forcom{
	width:99%;
}
.conPostComent{
	margin-top:15px;
	display:flex;
}
.mt-xs{
	margin-bottom:25px;width:92%;margin-left:44px;
}
.avatar_default{
	width:30px;
		height:30px;
		position:absolute;
		margin-left:-32px;
		margin-top:-5px;
		border-radius:50%;
}


.avatar_default {
  margin-right: 10px;
}


.mt-xs button{
	margin-top:7px;
		font-size:12px;
		font-weight:700; font-family: 'Roboto', sans-serif;
		padding:7px;
		border:none;
		border-radius:20px;
		cursor:pointer;
		background:#42c0fb;
		color:#fff;
		float:right;
}

.DIVimgTextinput {
	width:30px;
		height:30px;
		position:absolute;
		margin-left:-28px;
		margin-top:5px;
}

.DIVbutton {
	overflow:hidden;
	padding-top:5px;
	margin-top:-2px;
}
.btnCan{
	background:none!important;
	color:#EBEBEB!important;
	margin-right:3px;
	font-family:'Open sans condensed',sans-serif!important;
}
.btnCan:hover{
		cursor:pointer;background:#e5e5e5!important;color:#000!important;
}
#fecPuComen{
	margin-left:5px;font-size:11px;font-weight: 600;color:#aaa; font-family: 'Roboto', sans-serif;
}


.butt {
	 font-family: 'Roboto', sans-serif;
	font-weight: 600;
    background-color: #141414; 
    color: #EBEBEB; 
    border: 1px solid #444;
    text-decoration: none;
    font-size: 14px;
    -webkit-transition-duration: 0.2s; 
    transition-duration: 0.2s;
	width:100%;
    cursor: pointer;    padding: 6px;
border-radius:6px;
margin-top:8px;
}
.butt:disabled {
  background-color: #555; 
  color: #fff;
  cursor: not-allowed;
  transform: none;
}

@media all and (max-width: 1280px){
	.comments{
		width:100%;
	}
	.replies{
		width:88%;
	}
}
@media all and (max-width: 1114px){
	
	.replies{
		width:88%;
	}
}
@media all and (max-width: 700px){

	.comments{
		width:98%;
	}
	

    .butt{
        width:100%;
    }
	.mt-xs{
		width:90%;
	}
	.replies{
		width:90%;
	}
}
@media all and (max-width: 500px){
	.mt-xs{
		width:80%;
	}
	.comment-header{
		font-size: 0.7em;
	}
	.replies{
		width:88%;
		 
	}
	#unnamed{
		width:30px;height:30px;
	}
	#fecPuComen{
		font-size:9px;
	}
	.avatar_default{
		width:23px;
		height:23px;
		 margin-right: 0px;
		 margin-left:-26px;
		 margin-top:-2px;
	}
	.btn--secondary{
		font-size:11px;
	}
	.mt-xs button{
		font-size:11px;
		padding:6px;
		margin-top:2px;
	}
	.btnop{
		font-size:11px;
	}
	.comment-body {
		font-size:13px;line-height:15px;
	}
	#btn-secon{
	margin-left:35px;
}
.icoComments_CTA{
	margin-left:25px;
   }
}