.degradado {
    background-image: linear-gradient(to bottom, #25205F, #2D2F8F) !important;
}
.img-cartas-home{
    margin-top:10px !important; 
    width: 80px !important;
    display:block;
    margin:auto;
}
.img-home{
    width: 110px !important;
    /*display:block;
    margin:auto;*/
}
.cartas-home{
    margin-bottom: 440px !important;
    width: 12rem;
    display: block !important;
    margin: auto !important;
}

.footeros {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
  }

  html {
    min-height: 100% !important;
    position: relative !important;
  }
  body {
    margin: 0 !important;
    margin-bottom: 40px !important;
  }

  .lineas {
    /*line-height: 10px;*/
    margin-bottom: 1px !important;
    size: 2px !important;
  }

.contenedor{
  position: relative;
  display: inline-block;
  text-align: center;
}

.abajo{
  position: absolute;
  bottom: 1px;
  right: 5px;
  text-align: center !important;
  size: 0.50rem !important;
  background-color: #304ffe !important;
  color: #ffffff !important;
  padding: 3px 3px 3px 3px;
  width: 30px;
  border-radius: 45px 45 45px 45px;
  -moz-border-radius: 45px 45px 45px 45px;
  -webkit-border-radius: 45px 45px 45px 45px;
}
.abajo2{
  position: absolute;
  bottom: 1px;
  right: 5px;
  text-align: center !important;
  size: 0.50rem !important;
  background-color: #304ffe !important;
  color: #ffffff !important;
  padding: 3px 3px 3px 3px;
  width: 110px;
  border-radius: 15px 0 15px 0px;
  -moz-border-radius: 15px 0 15px 0px;
  -webkit-border-radius: 15px 0 15px 0px;
}
.btn-arriba{
  position: absolute;
  top: -5px !important;
  right: 0px;

  padding: .5rem .50rem !important;
}
.btn-arriba2{
  position: absolute;
  top: -5px !important;
  right: 33px;

  padding: .5rem .50rem !important;
}

.header-card-btn{
  padding: .15rem 1.0rem !important;
}

.modaling {
  background-image: linear-gradient(to bottom, #25205F, #2D2F8F) !important;
  color: #ffffff;
}

.thids{
  width: 20px !important;
}

.texto-card{
  left: 5px  !important;
  text-align: left !important;
  font-size: 0.7rem !important;
  margin-bottom: 1px !important;
}
.padding-body-card{
  padding: 0.25rem !important;
}
.card-new{
  margin-bottom:4px !important;
}

.imagen-carta{
  width: 100% !important;
  max-width: 200px !important;
  height: 224.333px !important;
}

.card-new2{
  margin-bottom:4px !important;
  width: 100% !important;
  max-width: 124px !important;
  height: 144.333px !important;
}
.imagen-carta2{
  width: 100% !important;
  max-width: 100px !important;
  height: 124.333px !important;
}

.linea-resultado{
  line-height: 3px !important;
}

.linea-resultado2{
  line-height: 4px !important;
}
.imagen-resultado{
  width: 100% !important;
  max-width: 150px !important;
  height: 145.333px !important;
}

progressa {
  vertical-align: baseline;
}
.progressa {
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #6c757d;
  border-radius: 0.25rem;
}
.progress-bara {
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
} 
.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url("/img/ajax-loader_.gif") 50% 50% no-repeat rgb(249,249,249);
  opacity: .8;
}
.lineas-nuevas {
  margin-bottom: 1px !important;
  size: 2px !important;
}
.contenedor-nuevo{
    position: relative;
    display: inline-block;
    text-align: center;
}
.abajo-nuevo{
    position: absolute;
    bottom: 1px;
    left: 5px;
    text-align: left !important;
    size: 0.1em !important;
}