@CHARSET "UTF-8";

:root {
	--color-fondo-slot: white;
	--color-marco-alt: #004080;
	--ancho-slot: 200px;
	--padding-slot: 5px;
	//--alto-slot: 200px;
	/*Calculadas*/
	--ancho-linea-slots: calc((var(--ancho-slot) + var(--padding-slot)*2)*3);
}

* {
	font-family: 'Raleway', sans-serif;
}

html {/*Para posicionar correctamente el footer*/
  position: relative;
  min-height: 100%;
}

body {
	background-color: #c0c0c0;
	/* Margin bottom by footer height */
	margin-bottom: 8rem;
	margin-top: 5rem;
	color: #454647;
	/*background-image: url(white_leather.png);
	background-image: linear-gradient(top, rgba(237,237,237, 0.5), rgba(153,153,153, 0.5)), url(white_leather.png);
	background-repeat: repeat;*/
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 2rem;
  //line-height: 2rem; /* Vertically center the text there */
  //background-color: #f5f5f5;
  margin-bottom: 1rem;
  text-align: center;
  font-style: italic;
}

#nombrePropietario {
	color: white;
}

#fotoPerfil {
	height: 2rem;
	border-radius: 50%;
}

.navbar li, .navbar li div {
	margin-top: auto;
	margin-bottom: auto;
	display: inline;
	heigth: 100%;
}

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

.miniconos .col-2 {
	padding: 0;
	text-align: center;
}

div {
	border-radius: .6em;
}

.monedero {
	color: #f8eac3 !important;/*#e9e7e6;#e4e4e4;#f6e4b1;#efd17c;*/
	background-color: #724E06;/*#558000;
	background-image: -webkit-linear-gradient(top, rgba(39,27,2, 0.7), rgba(39,27,2, 0.8)), url(white_leather.png);
	background-image: -moz-linear-gradient(top, rgba(39,27,2, 0.7), rgba(39,27,2, 0.8)), url(white_leather.png);
	background-image: -o-linear-gradient(top, rgba(39,27,2, 0.7), rgba(39,27,2, 0.8)), url(white_leather.png);
	background-image: linear-gradient(top, rgba(39,27,2, 0.7), rgba(39,27,2, 0.8)), url(white_leather.png);*/
	background-image: linear-gradient(315deg,#201505,#563515,#866028);
}

.monedero .capaBotones .fa-plus-circle {
	color: #7db77d;/*verde*/
}

.monedero .capaBotones .fa-minus-circle {
	color: #cf6f6f;/*rojo*/
}

.monederoEnModal {
	margin: auto;
	padding: .6rem;
	font-size: 1.4rem;
	margin-bottom: 1rem;
	display: block;
}

.recompensa {
	color: #724e06 !important;
	background-color: #f8cc0e;
	background-image: linear-gradient(315deg,#cc8d30,#ecd451,#f8cc0e);
}

.gasto {
	color: #e7e6e3 !important;
	background-color: #c30606;
	background-image: linear-gradient(315deg,#56261a,#c30606,#56261a);
}

.social{
	font-size: 1rem;
}

.baseImgTxtNum {
	box-shadow: .15em .15em .2em #888888;
	margin-left: 0;
	color: #e9e7e6;/*#e4e4e4;#f6e4b1;#efd17c;*/
	text-align: center;
	padding: .6rem;
}

.capaIcono {
	height: 4.5rem;
}

/* Cambio con .imagenEscalable */

.capaIcono > * {
	display: block;
	margin: auto;
}

.imagenEscalable {
	object-fit: contain;
	width: 100%;
	height: 100%;
}

/*.icono, .actualizando {
	height: 100%;
	position: relative;
}

.icono svg {/*, .actualizando svg {
	position: absolute;
    top: 50%;
    bottom: 50%;
    transform:translate(-50%, -50%);
}*/

.baseImgTxtNum .texto {
	line-height: 1.8rem;
}

#monederosWrap, #recompensasWrap {
	font-size: 1.6rem;
	margin-top: 1rem;
}

.exteriorElemento{
	padding: .5rem 1.5rem;
	margin: auto;
}

.capaIzquierda, .capaDerecha, .capaSuperior, .capaInferior {
	margin: auto;
}

.capaDerecha {
	padding: 0;
}

.capaInferior .texto {
	margin: auto;
	line-height: 1.5rem;
	font-size: 1.3rem;
}

.cargasInicio {
	margin: auto;
	text-align: center;
	padding: 1.8em 0;
	width: 100%;
}

.btnSimple{
	cursor: pointer;
}

.disabledElement {
    pointer-events: none;
    opacity: 0.4;
}

.oculto {
	display: none;
}