/* 

Primary -       #184185 (dark blue)
Secondary -     #5283AE (light blue)
Tertiary -      #855C18 (gold)
Quaternary -    #18855C (green)
Quinary         #851841 (dark red)

*/

body,
html {
    margin: 0;
    padding: 0;
    height: 100%;
    background: #eee !important;
}
#blank-header-title {
    text-align: center;
    font-size: 2rem;
    background-color: #184185;
    color: #fff;
    font-weight: 600;
    line-height: 4rem;
}

/* Ajax loading */
#loading-spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 2rem;
    padding-bottom: 1rem;    
}
#loading-spinner img {
    display: flex;
    justify-content: center;
    align-items: center;
    animation: logospin 3s linear infinite, logobounce 1s infinite;
}
#loading-modal .modal-dialog p {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 500;
}
@keyframes logospin {
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes logobounce {
  50% {
    transform: translateY(-15px);
  }
}
.fa-spin-1-5 {
  animation-duration: 1.5s; 
}
.fa-spin-1 {
  animation-duration: 1s; 
} 

/* forms */
.input-group>.form-control {
    min-height: calc(2.08rem + 9px);
    height: calc(2.08rem + 9px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;  
}
.input-group .input-group-text {
    height: calc(2.08rem + 9px);
}
.form-outline .form-control {
    padding: 0.5rem 0.75rem;   
}
.page-title {
    font-size: 3rem;
    font-weight: bold;
    padding-left: 1.5rem;
    padding-bottom: 0.7rem;
}