html {
  width: 100%;
  height: 100%;
  background: rgba(254, 254, 254, 1);
  /*     background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,165,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(100%, rgba(254,165,0,1)));
    background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,165,0,1) 100%);
    background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,165,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,165,0,1) 100%); */

  /* ACTUAL */
  /*     background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(254,165,0,1) 100%);
 */
  /* NUEVO */
  /*     background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(250, 92, 0, 0.993) 100%);
 */
  background: linear-gradient(to bottom, #ff824d7c, #f34a01ec);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#fea500', GradientType=0);
}

#accessForm {
  height: fit-content !important;
  width: 100%;
  margin: 0 auto;
  padding: 0 !important;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(calc(-50% - 50px));
}

.logo {
  width: 450px;
  max-width: 450px;
  min-width: 285px;
  width: 100vw;
}

.like-dislike-container {
  --dark-grey: #353535;
  --middle-grey: #767676;
  --lightest-grey: linear-gradient(#fafafa, #ebebeb);
  --shadow: 0 5px 15px 0 #00000026;
  --shadow-active: 0 5px 5px 0 #00000026;
  --border-radius-main: 10px;
  --border-radius-icon: 50px;
  position: relative;
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  cursor: default;
  color: var(--dark-grey);
  opacity: .9;
  margin: auto;
  padding: 1.5rem;
  font-weight: 600;
  background: var(--lightest-grey);
  max-width: max-content;
  border-radius: var(--border-radius-main);
  box-shadow: var(--shadow);
  transition: .2s ease all;
}

.like-dislike-container:hover {
  box-shadow: var(--shadow-active);
}

.like-dislike-container .tool-box {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  top: 0;
  right: 0;
  border-radius: var(--border-radius-main);
}

.boton_personalizado {
  background-color: #ee4700;
  color: #fefefe;
  padding: 1vh;
  border: 0px;
  border-radius: 5px;
  font-weight: bold;
}

.boton_personalizado:hover {
  background-color: #fefefe;
  color: #ee4700;
  padding: 1vh;
  border: 0px;
  border-radius: 5px;
  font-weight: bold;
}

.banderas {
  cursor: pointer;
}

.footer {
  width: 100%;
  /*  background-color: #fefefeef; */
  text-align: center;
  position: fixed;
  bottom: 0;
  z-index: 999999;
  color: #fefefe;
}

.PyC {
  text-decoration: none;
  outline: none;
  color: #eaf3f8;

}

.cabeceraTablaListUsu {
  background-color: linear-gradient(180deg, rgb(189, 66, 28) 11%, rgb(223, 74, 29) 87%);
}


input[type=time] {
  border: none;
  color: #2a2c2d;
  font-size: 14px;
  font-family: helvetica;
  width: 180px;
}