.frame {
    height: 25px;      /* Equals maximum image height */
    line-height: 25px;
    width: 160px;   

    text-align: center;
    margin: 1em 0;
}

html, body {
    height: 100%;
}

/* CSS only for examples not required for centering */
.login {
    height: 100%;
}

.bg-login {
	background-color: #0f1826
}

.card-login {
	margin-top: 24px;
	margin-bottom: 24px;

}

.txt-absen {
	color: #0f1826
}

.txt-skanet {
	color: #fb8a27
}
body, html {
  height: 100%;
  margin: 0;
}

.bg-vote {
  /* The image used */
  background-image: url("../img/bg.jpg");

  /* Full height */
  height: 100%; 


  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg-form {
  /* The image used */
  /*background-image: url("../img/bg-form.jpg");*/

  /* Full height */
  background-color: #277BC0;
  height: 100%; 


  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg-hasil {
  /* The image used */
  background-image: url("../img/bg_hasil.png");

  /* Full height */
  height: 100%; 


  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg-text {
  background-color: rgb(51,102,153); /* Fallback color */
  background-color: rgba(51,102,153, 0.5); /* Black w/opacity/see-through */
  color: white;
  font-weight: bold;
  border: 3px solid #f1f1f1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 80%;
  padding: 20px;
  text-align: center;
}
.bg-hsl {
  background-color: rgb(250,254,255); /* Fallback color */
  background-color: rgba(250,254,255, 0.8); /* Black w/opacity/see-through */
  color: black;
  font-weight: bold;
  border: 3px solid #f1f1f1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 80%;
  padding: 20px;
  text-align: center;
}