@import 'hr-core-consts';

.divFooter {
  background-color: $hrColor-DarkBlue;
  // position: absolute;
  flex-direction: row;
  box-sizing: border-box;
  // display: flex;
  // top: 8em;
  width: 100%; //99.4%;
  padding: 5px;
  // margin: 0 5px 0 5px;
  font-size: 10px;
  font-weight: 500;
  text-align: left;
  border-radius: $hrBorder-radius-small $hrBorder-radius-small;
}

.divFooter>a, span {
  color: white;
}

.data {
  padding-left: 5px;
  padding-right: 10px !important;
  color: $hrColor-LightBlueMain !important;
}

.data1 {
  padding-left: 5px !important;
  padding-right: 2px !important;
  color: $hrColor-LightBlueMain !important;
}

/*
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */
/*
.slide-top {
  -webkit-animation: slide-top 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-top 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation-delay: 3s;
}

@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }

  100% {
    -webkit-transform: translateY(-102px);
    transform: translateY(-102px);
  }
}

@keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }

  100% {
    -webkit-transform: translateY(-102px);
    transform: translateY(-102px);
  }
}
*/
