body, html {
    height: 100%;
}

.bg {
    /* The image used */
    /* background-image: url("../img/poly_terminais_04.JPG"); */
    /*background-image: url("../img/poly_terminais_05.JPG");*/
    background-image: url("../img/poly_terminais_06.JPG");

    /* Full height */
    height: 100%;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.modal-backdrop {
    background: #b4b4b4;
}

.blur{
    -webkit-filter: blur(7px);
    -moz-filter: blur(15px);
    -o-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px);
}

.modal-text {
  color: white;
}

.btn-square {
  border-radius: 0px;
}

tr {
    text-decoration-color: #244a93;
}

/* Transparante Form */

.box {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 450px;
 padding: 40px;
 background: rgba(240, 240, 240, .8);
 box-sizing: border-box;
 box-shadow: 0 15px 15px rgba(0, 0, 0, .5 );
}

.box h1 {
  margin: 0 0 30px;
  padding: 0;
  text-align-last: center;
}

.box .inputBox {
  position: relative;
}

.box .inputBox input {
  width: 100%;
  padding: 8px 0;
  font-size: 16px;
  margin-bottom: 35px;
}

.box .inputBox label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 8px 0;
  font-size: 16px;
  pointer-events: none;
  transition: .5s;

}

.box .inputBox input:focus ~ label,
.box .inputBox input:valid ~ label  {
  top: -28px;
  left: 0;
  /* color: #3498DB; */
  /* color: #198FBE; */
  font-size: 14px;
}

.box button {
  top: 50%;
  left: 50%;
  width: 100%;
  margin-top: 25px;
}