body, html {
    height: 100%;
    margin:0;
}
    background-image: url("https://images.unsplash.com/photo-1621944192380-808416c390e2?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2480&q=80 ");
/* center the background image vertically and horizontally*/
    background-position: center center;

/* removing tilings and repeatition*/
    background-repeat: no-repeat;

/* to scale image to fit the screen */
    background-size: cover;

/* fixed viewport against scroll ups and downs*/
    background-attachment: fixed;

    height:100%;
}

/* for responsiveness: changing pictures after 760px, mostly same pcitures of small size is used.*/
@media only screen and (max-width: 760px) {
.img {
/* to improve page load speed on mobile internet connections */
background-image: url(https://images.unsplash.com/photo-1621944192380-808416c390e2?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=500&q=80);
}
}

.form-control-dark {
    border-color: var(--bs-gray);
  }
  .form-control-dark:focus {
    border-color: #fff;
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25);
  }
  
  .text-small {
    font-size: 85%;
  }
  
  .dropdown-toggle {
    outline: 0;
  }
  

  .bg-gradient-alexia {
    background-color: #007BB1;
    background-image: linear-gradient(180deg,#007BB1 10%,#0073a5 100%);
    background-size: cover;
}

.table-bordered {
  border: 1px solid #c3cce9;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #c3cce9;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

th.bg-gradient-alexia{
  color:white;
}
th:first-child.bg-gradient-alexia{
  border-left-style: solid;
    border-top-left-radius: 10px; 
    border-bottom-left-radius: 10px;
}
th:last-child.bg-gradient-alexia{
  border-right-style: solid;
  border-bottom-right-radius: 10px; 
  border-top-right-radius: 10px; 
}

.bg-password-image {
  background: url("/assets/password.jpg");
  background-position: center;
  background-size: cover;
}


.bg-register-image {
  background: url("/assets/signup.jpg");
  background-position: center;
  background-size: cover;
}