/* doc */
.post_body .doc {
  display: flex; /* Hace que el div ocupe todo el ancho */
  align-items: center;
  border: 1px solid #ccc;
  background: #f5f5f5;
  border-radius: 5px;
  padding: 5px;
  margin: 10px 0;
  width: 100%; /* Ocupa el ancho completo del post */
  box-sizing: border-box; /* Asegura que padding no desborde */
}

/* Icono a la izquierda */
.post_body .doc .icon {
  background-image: url(../../../images/buttons_sprite.png);
  background-size: cover;
  background-position: 0 -524px;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  flex-shrink: 0;
}

/* Contenido libre (respeta formato dentro del [doc]) */
.post_body .doc .content {
  width: 100%;
  display: block;
}

/* Variante con color distinto */
.post_body .doc.latest {
  background-color: #ffe79e;
  border-color: #FF8F00;
}

/* Recuadro base de download */
.post_body .download {
  display: flex; /* Para alinear ícono y contenido */
  align-items: center;
  border: 1px solid #ccc;
  background: #f5f5f5;
  border-radius: 5px;
  padding: 5px;
  margin: 10px 0;
  width: 100%; /* Ocupa todo el ancho disponible */
  box-sizing: border-box;
}

/* Ícono a la izquierda */
.post_body .download .icon {
  background-image: url(../../../images/subidas/Download.png);
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  flex-shrink: 0;
}

/* Contenido del bloque */
.post_body .download .content {
  width: 100%;
  display: block;
}

/* Para textos en negrita dentro del contenido */
.post_body .download .content strong {
  margin: 0;
}

/* Variante visual para 'latest' */
.post_body .download.latest {
  background-color: #D6ECA6;
  border-color: #8DC93E;
}



/* Appoved */
.post_body .approved {
  text-align: left;
  border: 1px solid #ccc;
  background: #f5f5f5;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  margin: 10px 0 0;
  position: relative;
  display: flex;
  align-items: center;
}

.post_body .approved .icon {
  background-image: url(../../../images/buttons_sprite.png);
  background-size: cover;
  background-position: 0 -504px;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.post_body .approved .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.post_body .approved .content strong {
  margin: 0;
}

.post_body .approved.latest {
  background-color: #80f689;
  border-color: #59a95f;
}




/* Atention */
.post_body .attention {
  text-align: left;
  border: 1px solid #ccc;
  background: #f5f5f5;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  margin: 10px 0 0;
  position: relative;
  display: flex;
  align-items: center;
}

.post_body .attention .icon {
  background-image: url(../../../images/buttons_sprite.png);
  background-size: cover;
  background-position: 0 -224px;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.post_body .attention .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.post_body .attention .content strong {
  margin: 0;
}

.post_body .attention.latest {
  background-color: #fffd54;
  border-color: #bebc3e;
}






#mycode_message {
  padding: 10px 10px 10px 32px;
  font-weight: bold;
  background: #efefef;
  border: 1px solid #ccc;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}



#mycode_message.success {
  color: #080;
  background: #E8FCDC url(../../../admin/styles/default/images/icons/success.png) no-repeat 10px center;
  padding: 10px 10px 10px 32px;
  font-weight: bold;
  display: flex;
  align-items: center; /* Centra verticalmente los elementos hijos */
}

#mycode_message.success .text-container {
  width: 100%; /* Ajusta el ancho al 100% */
}

div.success {
  border: #080 1px solid;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #E8FCDC;
}

#mycode_message.approbed {
  color: #080;
  background: #E8FCDC url(../../../images/subidas/aprobado.png) no-repeat 10px center;
  padding: 10px 10px 10px 32px;
  font-weight: bold;
  display: flex;
  align-items: center; /* Centra verticalmente los elementos hijos */
}

#mycode_message.approbed .text-container {
  width: 100%; /* Ajusta el ancho al 100% */
}

div.approbed {
  border: #080 1px solid;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #E8FCDC;
}



















#mycode_message.my_error {
  color: #C00;
  background: #ffc url(../../../admin/styles/default/images/icons/error.png) no-repeat 10px 8px;
}

div.my_error {
	border: #FC6 1px solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:  #ffc;;
}



#mycode_message.alert {
  color: #C00;
  background: #ffc url(../../../admin/styles/default/images/icons/warning.png) no-repeat 10px center;
  padding: 10px 10px 10px 32px;
  font-weight: bold;
  display: flex;
  align-items: center; /* Centra verticalmente los elementos hijos */
}


#mycode_message.success .text-container {
  width: 100%; /* Ajusta el ancho al 100% */
}

div.success {
	border: #FC6 1px solid;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #E8FCDC;
}

#mycode_message.error {
  color: #C00;
  background: #ffc url(../../../admin/styles/default/images/icons/error.png) no-repeat 10px center;
  padding: 10px 10px 10px 32px;
  font-weight: bold;
  display: flex;
  align-items: center; /* Centra verticalmente los elementos hijos */
}


#mycode_message.success .text-container {
  width: 100%; /* Ajusta el ancho al 100% */
}

div.success {
	border: #FC6 1px solid;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #E8FCDC;
}






.theme-dark .post_body .doc .content strong {
    color: #000;
}

.theme-dark .post_body .download .content strong {
    color: #000;
}





.stats {
    position: relative; /* Esto permite que el botón se posicione en relación a este contenedor */
    border: 1px solid #ccc;
  padding: 40px 10px 10px 30px;
  font-weight: bold;
  background: #333333;
  border: 1px solid #ccc;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.stats .text-container {
    font-weight: bold;
    white-space: pre-wrap; /* Preserva los espacios y saltos de línea */
    word-wrap: break-word; /* Permite que las palabras largas se rompan */
    /* padding: 10px; */ /* Añade un poco de espacio alrededor del texto */
    line-height: 0.6; /* Ajusta el interlineado */
color: #ffffff;
}

#copy-button {
    position: absolute; /* Esto posiciona el botón en relación al contenedor .stats */
    top: 10px; /* Esto coloca el botón 10px desde la parte superior del contenedor .stats */
    right: 10px; /* Esto coloca el botón 10px desde la parte derecha del contenedor .stats */
    padding: 10px;
    border: none; /* Elimina el borde del botón */
    cursor: pointer; /* Cambia el cursor a una mano cuando pasas el ratón por encima */
    text-align: center;
}

#copy-button:hover {
    background-color: #45a049; /* Verde oscuro al pasar el ratón por encima */
}