/**
 * Fichero para a�adir clases que redifinan el comportamiento est�ndar de bootstrapt
 * para uso en toda la aplicaci�n.
 * Estos casos ser�n importados en todas las p�ginas.
 * No a�adir casos para un solo uso particular, sino que tienen que ser comunes.
 * Para usos particulares, definir los estilos en la p�gina en particular.
 */

/**
 * Alinea el texto dentro de un div en el centro.
 */
.text-center {
	text-align: center;
}

/**
 * Alinea el texto dentro de un div a la derecha.
 */
.text-end {
	text-align: end;
}

/**
 * Establece el color de texto a blanco.
 */
.text-white {
	color: white;
}

/**
 * A�ade un m�rgen de 20px.
 */
.m-20 {
	margin: 20px;
}

/**
 * A�ade un m�rgen de 5px.
 */
.m-5 {
	margin: 5px;
}

/**
 * A�ade un m�rgen superior de 0px.
 */
 .m-t-0 {
	margin-top: 0px;
}
/**
 * A�ade un m�rgen inferior de 0px.
 */
 .m-b-0 {
	margin-bottom: 0px;
}
/**
 * A�ade un m�rgen izquierdo de 0px.
 */
 .m-l-0 {
	margin-left: 0px;
}
/**
 * A�ade un m�rgen derecho de 0px.
 */
 .m-r-0 {
	margin-right: 0px;
}

/**
 * A�ade un m�rgen derecho de 5px.
 */
 .m-r-5 {
	margin-right: 5px;
}

/**
 * A�ade un m�rgen derecho de 10px.
 */
 .m-r-10 {
	margin-right: 10px;
}


/**
* A�ade un padding de 5px.
*/
.p-5 {
	padding: 5px;
}

/**
* A�ade un padding de 0px.
*/
.p-0 {
	padding: 0px;
}

/**
 * A�ade un m�rgen superior de 20px.
 */
.m-t-20 {
	margin-top: 20px;
}

/**
 * A�ade un m�rgen superior de 5px.
 */
.m-t-5 {
	margin-top: 5px;
}

/**
 * A�ade un m�rgen izquierdo de 5px.
 */
 .m-l-5 {
	margin-left: 5px;
}

/**
 * A�ade un m�rgen inferior de 10px.
 */
 .m-b-10 {
	margin-bottom: 10px;
}

/**
 * A�ade un m�rgen izquierdo de 10px.
 */
 .m-l-10 {
	margin-left: 10px;
}

/**
 * A�ade un m�rgen izquierdo de 10px.
 */
 .m-l-15 {
	margin-left: 15px;
}

/**
 * A�ade un m�rgen izquierdo de 20px.
 */
.m-l-20 {
	margin-left: 20px;
}


/**
 * A�ade un m�rgen inferior de 10px.
 */
 .m-t-10 {
	margin-top: 10px;
}

/**
 * A�ade un m�rgen inferior de 20px.
 */
.m-b-20 {
	margin-bottom: 20px;
}

/**
 * A�ade un m�rgen superior de 5px.
 */
.m-b-5 {
	margin-bottom: 5px;
}

/**
* Padding izquierdo 0px
*/
.p-l-0 {
	padding-left: 0px;
}

/**
* Padding izquierdo 0px
*/
.p-r-0 {
	padding-right:0px;
}

/**
* Padding inferior 0px
*/
.p-b-0 {
	padding-bottom: 0px;
}

/**
* Padding superior 0px
*/
.p-t-0 {
	padding-top: 0px;
}

/**
* Padding izquierdo 5px
*/
.p-l-5 {
	padding-left: 5px;
}

/**
* Padding izquierdo 5px
*/
.p-r-5 {
	padding-right: 5px;
}

/**
* Padding inferior 5px
*/
.p-b-5 {
	padding-bottom: 5px;
}

/**
* Padding superior 5px
*/
.p-t-5 {
	padding-top: 5px;
}

/**
* Padding izquierdo 5px
*/
.p-l-10 {
	padding-left: 10px;
}

/**
* Padding izquierdo 15px
*/
.p-l-15 {
	padding-left: 15px;
}

/**
* Padding izquierdo 5px
*/
.p-r-10 {
	padding-right: 10px;
}

/**
* Padding inferior 5px
*/
.p-b-10 {
	padding-bottom: 10px;
}

/**
* Padding superior 5px
*/
.p-t-10 {
	padding-top: 10px;
}

/**
 * A�ade a un campo de formulario bootstrap
 * el asterisco que indique al usuario que el campo es obligatorio.
 */
.form-group.required .control-label:after { 
	content:"*";
}

/**
 * Clase proporcionada por el dialecto de thymeleaf de spring-data.
 */
.sorted-desc::after,
.sorted-asc::after {
	float: right;
}

/**
 * Clase proporcionada por el dialecto de thymeleaf de spring-data.
 */
.sorted-desc::after {
	content:"\25BC";
}

/**
 * Clase proporcionada por el dialecto de thymeleaf de spring-data.
 */
.sorted-asc::after {
	content: "\25B2";
}

/**
 * Clase para hacer trasparente un boton.
 */
.btn-transparent {
	border: 0;
	background: transparent;
}

/**
 * Clase para hacer flotar un div a la derecha.
 */
.float-right {
	float: right;
}

a, img{
	cursor: pointer;
}

/* A los inputs de tipo número se les oculta el spinner */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

input[readonly] {
  background-color: transparent;
  border: 0px;
  /* otros estilos para la mayoría de los elementos readonly */
}

input[readonly]:not(.no-style) {
  background-color: #EFF9FD;
  border: 1px solid;
  border-color:  #AEDDF6;
}
.spinner {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #3498db;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}