body {
  background-color: #F0F8FF;
  font-family: poppins;
}

nav {
  background-color: white;
  border-bottom: #0757B6 3px solid;
}

.card {
  border-radius: 15px;
}

.card-title {
  margin-bottom: .0rem;
}

.card-header {
  background-image: linear-gradient(to right, #0757B6 , #1284DF);
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
}

.form-control {
  border: none;
}

.btn-light {
  background-color: white;
}

.btn-primary {
  background-image: linear-gradient(to right, #0757B6 , #1284DF);
  border-radius: 5px;
}

footer {
  margin-top: 100px;
  background-image: linear-gradient(to right, #0757B6 , #1284DF);
  height: 50px;
}

footer p {
  padding-top: 15px;
  margin-bottom: 0px;
  font-size: 12px;
}

.modal-header {
  border-bottom: none;
}

.modal-title {
  color : #0757B6;
}

.modal-content {
  border-radius: 15px;
}

.modal-content p {
  font-size: 0.9rem;
}

.modal-body .col-3 {
  width: 70px;
  padding-left: 2px;
  padding-right: 2px;
}

.modal-body input {
  height: 60px;
  border-radius: 10px;
  border: 1px solid #B1B1B1;
  width: 90%;
  font-size: 26px;
  color: #0757B6;
  font-weight: bold;
}

.modal-body input:focus-visible {
  outline: none;
}

.modal-footer {
  border-top: none;
}

.modal-body .btn-primary {
  width: 250px;
}

.form-control[readonly] {
  background-color: white;
}