/*
.container-fluid {
	max-width: 1500px;
}*/

html, body {
  /*color: #fff;*/
  text-align: left;
  font-family: MyWebFont, "Helvetica Neue", Helvetica, Arial, serif; 
  font-size: 16px;
  background-color: #1d1d1e;
}

.alert { /* para la de tu cuenta vip caducó, tamb afecta a los mensajes del panel pero quedan bien */
	display: flex;
    align-items: baseline;
	justify-content: space-between;
}

/* Images between <hr> tag */
hr.escudo { 
    background: url('/img/Archduke_Charles_of_Austria.svg.png') no-repeat top center;
    background-size: contain;
	/*background: transparent;*/
    display: block;
    height: 225px;
    border: 0;
    position: relative;
	background-position-x: 50.8%;
}

hr.escudo:before,
hr.escudo:after {
    content: '';
    display: block;
    position: absolute;
    background: #d7d7d7;
    height: 2px;
    top: 8px;
}
hr.escudo:before {
    left: 0;
    right: 50%;
    margin-right: 10px;
}
hr.escudo:after {
    right: 0;
    left: 50%;
    margin-left: 10px;
}


@font-face
{
    font-family: 'Florituras';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/MortisedOrnamentsFree.ttf');
}

@font-face
{
    font-family: 'MyWebFont0';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/Verzierte Favorite.ttf');
}

@font-face
{
    font-family: 'MyWebFont';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/Aquifer.ttf');
}
@font-face
{
    font-family: 'MyWebFont2';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/BiedermeierKursiv.ttf');
}

.floritura {	
	color: white;
	font-family: Florituras; 
	font-size:1rem;
}

.anejo2b {	
	color: #333333; /*casi black*/
	font-family: MyWebFont; 
	/*font-size:3rem;*/
}

.anejo2 {
	text-shadow: 3px 3px 6px  black, 0 0 1em #11113a, 0 0 0.2em #25252c; 
	color: white; 
	font-family: MyWebFont2; 
	font-size: 2.75rem;
}

.anejo1 { /* Logo principal | LezoHits.com */
	text-shadow: 3px 3px 6px  black, 0 0 1em #11113a, 0 0 0.2em #25252c; 
	color: white; 
	font-family: MyWebFont0; 	
	word-break: break-all;
	text-align:center;
}

@media (min-width: 790px) {
  .logo {      
    font-size:12rem;
	
  }
}

@media (max-width: 790px) {
  .logo {      
    font-size:6rem;
  }
}


/* Para que los eventos afecten al botón y a su contenido (me daban problemas los glyphiconos) */
button > * { 
  pointer-events: none;
}


.table { /*Necesario para el que está a continuación */
  table-layout:fixed;
}

/* para poder recortar las urls muy largas en edit.ejs */
#direccionLargaEnEdit {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

/*Los botones del panel de enlaces cuando la pantalla es muy pequeña precisan de esto */
.btn-panel {
	margin-bottom: 10px;
}

/* Turn off parallax scrolling for tablets and phones. Increase/decrease the pixels if needed */
@media only screen and (max-device-width: 1024px) {
    .parallax {
        background-attachment: scroll;
    }
}

@media screen and (max-width: 225px) and (min-width: 10px) {	
	
	#enlaceDestino{
		width: 90%;
	}
	#logoInter2 { /* El logo de lanza.me las páginas intermedias */
		display: none;
		font-size: 0.7em;
	}
	.saludoYboton {
		display: none;
		white-space: nowrap;		
	}	
	
}

@media screen and (max-width: 400px) and (min-width: 225px) {
	
	.urlCortaTd, .botonTd  {  } 
	
	
	/*.checkboxTd .statsTd .urlCortaTd .botonTd {  display: none;  }    
	.largaTd { display: block; }    
	tr, td
	th {white-space: normal !important}
	tr {margin-bottom: 10px}
	*/
    /*#tdLargo {    display: table-row	; } */
	
	#logoInter2 {
		display: block;
		font-size: 0.9em;
	} 
	.saludoYboton {
		display: none;
		white-space: nowrap;		
	}	
}

@media (min-width: 400px) {	

	.largaTd { display: block; }  
	th {white-space: normal !important}
	
	
	#logoInter2 {
		display: block;
		font-size: 1.0em;
	}
	.saludoYboton {
		display: inline;
		white-space: nowrap;
	}	
}


@media (min-width: 600px) {
  .text {
    font-size: 1.1em;
  }
   
}

@media (min-width: 1100px) {
  .text {
    font-size: 1.2em;
  }
}

@media (min-width: 2200px) {
  .text {
    font-size: 1.4em;
  }
}

/*Si no me equivoco es para un checkbox como mucho estilo (el slider?) */
.checkbox {
  padding-left: 20px; }
  .checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
    .checkbox label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 3px;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
    .checkbox label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 11px;
      color: #555555; }
  .checkbox input[type="checkbox"] {
    opacity: 0; }
    .checkbox input[type="checkbox"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .checkbox input[type="checkbox"]:checked + label::after {
      font-family: 'FontAwesome';
      content: "\f00c"; }
    .checkbox input[type="checkbox"]:disabled + label {
      opacity: 0.65; }
      .checkbox input[type="checkbox"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }
  .checkbox.checkbox-circle label::before {
    border-radius: 50%; }
  .checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #428bca;
  border-color: #428bca; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff; }
  

#escogerAcortadorPreferido, #myModal2{
	overflow-y: auto;
}

#notificacionPaginaExterna2{
	word-break:break-all;
	white-space: normal;
	word-wrap: break-word;
}	
	
.ct-label{
  font-size: 1.05rem !important;  
}

#recuadroPrincipal{
	box-shadow: 5px 5px 2px #8ba2b5;
}

.textoNegro {
	color: black !important;
}

.result{
	color: #ffffff !important;		
}

#leyenda{ 
    position: relative; 
    bottom:5px;
}

#shortLink{
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	min-height: 100px;	
	font-size: 2.50rem;
}

.referidos {
	display: inline-block;
    width: 100%;
}

.navbar-form {  
	
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}

.centrado{
	 text-align: center;
	 margin-left: auto;
	 margin-right: auto;
}

#btn-shorten {
  color: #ffffff;
  background-color: #FFB643;
  border: none;
}

.btn:focus, .btn-shorten:focus{
  outline: 0 !important;
}

#btn-shorten:hover,
#btn-shorten:focus,
#btn-shorten:active,
#btn-shorten.active {
  color: #ffffff;
  background-color: #F3D61D;
  border: none;
}

.id-container{
	text-align: right;
	/*margin: 10px 2%;*/
}

.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}

.padding30 {
  margin-top: 30px;
}

.padding10 {
  margin: 15px; 
}

.inner h4 {
  padding-bottom: 30px;
}

.glyphicon-send {
  font-size: 1.5em;
}

.inner h1 {
  margin-top: 5px;
}

#link {
  display: none;
  padding-top: 15px;
}

#link a{
  color: #FFB643;
  font-size: 1.5em;
  margin-right: 20px;
}

#logoInter2 {
	color: white;
}

#enlaces a:link {
  color: #1d1d1e;
  text-decoration: none;
}

#enlaces {    
    /* font-family: MyWebFont1, "Helvetica Neue", Helvetica, Arial, serif; */
	text-align: left;    
    font-size: 18px;    
}

/* botones en el botón desplegable (de otras acciones de los enlaces) */
.panel-group.accordion .url-hidden {
	text-align: center;
}



.dropdown-menu.dropdown-menu-botones > li {
    width: 100%;            /* Asegura que cada `li` ocupe todo el ancho del contenedor */
}

.dropdown-menu.dropdown-menu-botones > li > a,
.dropdown-menu.dropdown-menu-botones > li > button {
    display: flex;
    justify-content: center; /* Centra el contenido dentro de los botones/enlaces */
    width: 100%;             /* Asegura que el contenido dentro de `li` ocupe todo el ancho */
}