/* CSS Document */

@charset "UTF-8";

html, body {
  height: 100vh;
  width: 100vw;
}

body {
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  letter-spacing: 0.06em !important;
  background-size: cover !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.9)), to(rgba(0, 0, 0, 0.5))), url(https://source.unsplash.com/1600x900/?highways,bridges) !important;
  background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(0, 0, 0, 0.5)), url(https://source.unsplash.com/1600x900/?highways,bridges) !important;
}

/* linear-gradient(30deg,rgba(255, 0, 0, 0.85),rgba(255, 255, 0, 0.5), rgba(0, 255, 0, 0.5),rgba(0, 255, 255, 0.5),rgba(0, 0, 255, 0.85))

.bg-light {
  background-color: rgba(234,234,234,0.9) !important;
} */

.bg-light, .card, .card-header, .card-body, .card-footer {
  background-color: rgba(255, 255, 255, 0.6);
}

.border-secondary {
  border-color: rgba(75, 75, 75, 0.35) !important;
}

form {
  background-color: rgba(245, 245, 245, 0.85) !important;
  border: 1px solid rgba(50, 50, 50, 0.85) !important;
  color: rgba(0, 0, 0, 0.85) !important;
  padding: 1rem 1rem 1.5rem !important;
}

h1,
h2,
h3,
h4 {
  font-weight: 300 !important;
  text-shadow: 1px 1px 3px rgba(255, 255, 255, 1) !important;
}

hr {
  border-top-color: rgba(75, 75, 75, 0.35) !important;
}

p {
  font-weight: 300 !important;
}

label {
  font-weight: bold !important;
}

th {
  text-transform: capitalize !important;
}

span {
  font-weight: 500 !important;
}

div.verticle-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url(https://source.unsplash.com/1600x900/?space,dark,nasa);
  background-position: bottom;
  background-repeat: none;
  background-size: cover;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

:hover {
  -webkit-transition: color, 1.5s ease !important;
  transition: color, 1.5s ease !important;
}

.btn-primary {
  background-color: rgba(12, 18, 75, 0.75) !important;
  border-color: rgba(12, 18, 75, 0.55) !important;
}

.btn-primary:hover {
  background-color: rgba(9, 9, 49, 0.8) !important;
}

.form-control {
  border: 1px solid rgba(0, 0, 0, 0.5) !important;
}

.py-6 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.py-7 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.text-white {
  color: #ffffff !important;
}

.text-dark {
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 1) !important;
}

.text-light {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 1) !important;
}

@media print {
  body {
    height: 100%;
    width: 100%;
    margin: auto;
  }
  table,
  thead,
  tbody,
  tfoot,
  td,
  th,
  tr {
    font-size: 7px;
    height: 20px;
    padding-bottom: 0;
    padding-top: 0;
  }
  .no-print,
  .no-print * {
    display: none !important;
  }
}