body {
  font-family: 'Roboto', sans-serif;
}

.background-bg {
  background-color: black;
}

.background-form {
  background-color: #54c3ee;
  margin: -2px 0px -2px 0px;
  padding: 20px 20px;
}
.border-frame {
  border:white 2px solid;
  padding: 25px 25px;
}

.container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}

.form-control {
  font-size: 1.5rem;
  font-weight: bolder;
  text-align: center;
  text-transform: uppercase;
}

.status-check-in {
  font-size: 20pt;
  text-transform: uppercase;
  font-weight: 700;
  color:white;
  margin-top: 20px;
  font-style: italic;
}
.icon-size {
  font-size: 32pt;
}
.status-success {
  color: #27ff65;
}
.status-warning {
  color: #ffcb05;
}
.status-not-found {
  color: #ff0045;
}

@media (min-width:768px) and (max-width:1024px) {

}
@media screen and (min-width:320px) and (max-width:480px) {
  .background-form {
    padding: 10px 0px;
  }
  .border-frame {
    padding: 15px 15px;
  }
}


/*Form check-in*/
.subscribe button {
  width: 70%;
  background: rgb(0,78,216);
  background: linear-gradient(90deg, rgba(0,78,216,1) 0%, rgba(161,51,209,1) 100%);
  color: white;
  margin-bottom:30px;
  height: 60px;
  padding: 0 35px;
  border-radius: 30px;
  font-weight: 700;
  font-size: larger;
}
.subscribe input {
  width: 100%;
  height: 60px;
  border-radius: 15px;
  background-color: white;
  padding: 0 35px;
  margin-top:30px;
}
.subscribe input:focus {
  outline:none;
}
::placeholder {
  font-size: 20px;
  font-family: "Roboto";
  color: rgb(102, 102, 102);
}

/*Trang Manage*/
.manage-check-in {
  color:white;
  margin-top: 30px;
}
.manage-check-in .size-chu {
  font-size: 2rem;
}
.manage-check-in .size-so {
  font-size: 4rem;
  font-weight: 700;
}
@media screen and (min-width:320px) and (max-width:480px) {
  .manage-check-in .size-chu {
    font-size: 1.5rem;
  }
  .manage-check-in .size-so {
    font-size: 3rem;
    font-weight: 700;
  }
}

.subscribe > a {
  width: 70%;
  background: rgb(0,78,216);
  background: linear-gradient(90deg, rgba(0,78,216,1) 0%, rgba(161,51,209,1) 100%);
  color: white;
  height: 60px;
  padding: 15px 35px;
  border-radius: 30px;
  font-weight: 700;
  font-size: larger;
  text-decoration: none;
}