body {
    padding-top: 70px;
    background: whitesmoke;
    margin-bottom: 60px;
}

html {
    position: relative;
    min-height: 100%;
  }

#projectList a {
    text-decoration: none;
    color: inherit;
}

#projectList .card {

}    

.card-hover:hover {
    background-color: #f8f8f8;
    
}

.card-shaded {
    background-color: #f8f8f8;
}


.footer {
    background: silver;
}

.i-checks label {
    padding-left: 10px;
    padding-right: 10px;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.app-title {
    background: #0c4f8e; 
    color: white; 
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
}

.signature-pad-form {
    max-width: 300px;
    margin: 0 auto;
  }
  .signature-pad {
    cursor: pointer;
    border: 1px solid black;
    border-radius: 4px;
  }

.page-loader {
    display: none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 0, 0, 0, .8 ) 
                50% 50% 
                no-repeat;
}




.bottom-icon {
    background: #0c4f8e; 
    color: white; 
}

.bottom-icon a {
    color: white; 
    font-size: 11px;
}

.bottom-icon i {
    font-size: 20px;
}

.bottom-icon-active {
    background: #062644; 
    color: white; 
}


.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
  }

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
  }
  .autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
  }
  .autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
  }
  .autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
  }