html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

nav {
    margin-bottom: 20px;
}

div.jumbotron {
    margin-left: auto;
    margin-right: auto;
}

div.footer {
    text-align: center;
    font-size: smaller;
}

div.card {
    margin-bottom: 20px;
}

button#googleSignInButton {
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 0;
}

button#googleSignInButton:hover {
    cursor: pointer;
}

input.form-control-file {
    margin-bottom: 10px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}  
.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid rgb(164,205,237);
    border-right: 16px solid rgb(34,149,206);
    border-bottom: 16px solid rgb(15,95,159);
    border-left: 16px solid rgb(14,60,99);
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.breadcrumb {
    background-color: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-secondary-bg);
    border-radius: .5em;
    padding: 1em;
}

/* .select2-dropdown.select2-dropdown--below{
    background-color: #424242;
}
.select2-dropdown.select2-dropdown:hover{
    background-color: red;
}

/*container for ul of selections */
/* .select2-selection__rendered {
    color: red;
    background-color: rebeccapurple;
}

.select2-selection {
    color: red;
    background-color: rebeccapurple;
}
.select2-selection__choice{
    background-color: aliceblue;
    color: seagreen;
} */

a:link {
    text-decoration: none;
}