body {


  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1900' height='1822' preserveAspectRatio='none' viewBox='0 0 1800 1822'%3e%3cg mask='url(%26quot%3b%23SvgjsMask2063%26quot%3b)' fill='none'%3e%3crect width='1900' height='1822' x='0' y='0' fill='url(%23SvgjsLinearGradient2064)'%3e%3c/rect%3e%3cpath d='M0 0L467.31 0L0 852.08z' fill='rgba(255%2c 255%2c 255%2c .1)'%3e%3c/path%3e%3cpath d='M0 852.08L467.31 0L1160.16 0L0 994.62z' fill='rgba(255%2c 255%2c 255%2c .075)'%3e%3c/path%3e%3cpath d='M0 994.62L1160.16 0L1472.3400000000001 0L0 1344.71z' fill='rgba(255%2c 255%2c 255%2c .05)'%3e%3c/path%3e%3cpath d='M0 1344.71L1472.3400000000001 0L1474.5100000000002 0L0 1598.06z' fill='rgba(255%2c 255%2c 255%2c .025)'%3e%3c/path%3e%3cpath d='M1800 1822L1254.3400000000001 1822L1800 1555.6z' fill='rgba(0%2c 0%2c 0%2c .1)'%3e%3c/path%3e%3cpath d='M1800 1555.6L1254.3400000000001 1822L1081.44 1822L1800 1463.06z' fill='rgba(0%2c 0%2c 0%2c .075)'%3e%3c/path%3e%3cpath d='M1800 1463.06L1081.44 1822L722.71 1822L1800 939.25z' fill='rgba(0%2c 0%2c 0%2c .05)'%3e%3c/path%3e%3cpath d='M1800 939.25L722.71 1822L591.02 1822L1800 684.49z' fill='rgba(0%2c 0%2c 0%2c .025)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask2063'%3e%3crect width='1900' height='1822' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='100.31%25' y1='99.7%25' x2='-0.31%25' y2='0.3%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient2064'%3e%3cstop stop-color='%230e2a47' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(223%2c 223%2c 223%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
   background-attachment: fixed;
}



.ActivDream {
  width: 100%;
  border-radius: 20px;
  height: 110px;
  background-color: #989898;
  border: solid windowtext 2.3pt;
  border-color: #424242;
  display: inline-block;
  text-align: center;
  font-size: 50;
  color: #dedede;
  margin-top: 40;
  user-select: none;
  background-image: none;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 50%;
  font-weight: bold;
  box-shadow: 1px 1px 5px rgb(224, 224, 224) inset;
   cursor: pointer; 
}



.fecha {
  width: 100%;
  border-radius: 20px;
  background-color: #989898;
  border: solid windowtext 2.3pt;
  border-color: #424242;
  display: inline-block;
  text-align: center;
  font-size: 50;
  color: #dedede;
  margin-top: 40;
  user-select: none;
  background-image: none;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 50%;
  font-weight: bold;
  box-shadow: 1px 1px 5px rgb(224, 224, 224) inset;
  display: none;
}


.graficasres {
  width: 70%;
  border-radius: 20px;
  background-color: #989898;
  border: solid windowtext 2.3pt;
  border-color: #424242;
  display: inline-block;
  text-align: center;
  font-size: 50;
  color: #dedede;
  margin-top: 40;
  user-select: none;
  background-image: none;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 50%;
  font-weight: bold;
  box-shadow: 1px 1px 5px rgb(224, 224, 224) inset;
  display: none;
}



.titulo {
  width: 100%;
  border-radius: 20px;
  height: 75px;
  font-size: 50%;
  background-color: #3a3a3a;
  cursor: default;
  border: solid;
  border-color: #999999;
  user-select: none;
   box-shadow: 0 18px 50px -15px black;
}


.anuncio {
  width: 100%;
  border-radius: 20px;
  height: 63px;
  background-color: #696969;
  border: solid windowtext 2.5pt;
  border-color: #3c3c3c;
  display: inline-block;
  text-align: center;
  font-size: 50;
  color: #dedede;
  margin-top: 40;
  user-select: none;
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0 18px 50px -15px black;
  
}


.texty {
  font-size: 25px; color:#fff; padding: botton 10px; font-weight: bold;padding-left: 15px;


}


input[type="radio"] {
  /* Doble-tamaño Checkboxes */
  transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari y Chrome */
  -o-transform: scale(2); /* Opera */
  padding-right: 40px;

  
}

input[type="number"] {
  background: #404040;
  width: 40%;
  font-size: 20px;
  color:#ccc;
  padding-left: 10px;
}

.loader1 {
  background: rgb(59, 59, 59);
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  /* background: url('img/pageLoader.gif') no-repeat rgb(249,249,249); */
  background-size: 10%;
  background-position: center;
  opacity: .8;
  visibility: hidden;
}


.styled-table { border-collapse: collapse; margin: 25px 0; font-size: 20px; font-family: sans-serif; min-width: 450px;  box-shadow: 0 18px 50px -15px black; }

.styled-table thead tr { background-color: #525252; color: #ffffff; text-align: middle; }

.styled-table th, .styled-table td { padding: 12px 15px; }

.styled-table tbody tr { border-bottom: 1px solid #dddddd; } .styled-table tbody tr:nth-of-type(even) { background-color: #f3f3f3; } .styled-table tbody tr:last-of-type { border-bottom: 2px solid #616161; }


.input {
  border: 2px solid #e8e8e8;
  padding: 5px;
  border-radius: 10px;
  background-color: #212121;
  font-size: small;
  font-weight: bold;
  text-align: center;
 }
 
 .input:focus {
  outline-color: white;
  background-color: #212121;
  color: #e8e8e8;
  box-shadow: 5px 5px #888888;
 }


 

.loader {
  position: relative;
  width: 110px;
  height: 30px;
  background: #fff;
  border-radius: 100px;
}

.loader::before {
  content: '';
  position: absolute;
  top: -20px;
  left: 10px;
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 40px 0 0 20px #fff;
}

.snow {
  position: relative;
  display: flex;
  z-index: 1;
}

.snow span {
  position: relative;
  width: 3px;
  height: 3px;
  background: #fff;
  margin: 0 2px;
  border-radius: 50%;
  animation: snowing 5s linear infinite;
  animation-duration: calc(15s / var(--i));
  transform-origin: bottom;
}

@keyframes snowing {
  0% {
    transform: translateY(0px);
  }

  70% {
    transform: translateY(100px) scale(1);
  }

  100% {
    transform: translateY(100px) scale(0);
  }
}

.centrar
{
  background: rgb(59, 59, 59);
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100%;

}