.callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #e9ecef;
    border-left-width: .25rem;
    border-radius: .25rem;
}

.callout-info {
    border-left-color: #5bc0de;
}

.callout-warning {
    border-left-color: #f0ad4e;
}

.callout-danger {
    border-left-color: #d9534f;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .sitelogo {
        width: 150px;
    }
}
.btn-primary {
    border: 1px solid rgb(25, 72, 107);
    box-shadow: rgb(25, 72, 107) 0px 1px 0px 0px inset;
    background-color: rgb(25, 72, 107);
    font-weight:bold;
}
.btn-primary:hover {
    border: 1px solid rgb(25, 72, 107);
    box-shadow: rgb(25, 72, 107) 0px 1px 0px 0px inset;
    background-color: rgb(25, 72, 107);
}
.bg-primary {
    background-color: rgb(25, 72, 107) !important;
}
.row-flex {
  display: flex;
  flex-wrap: wrap;
}


/* vertical spacing between columns */

[class*="col-"] {
  margin-bottom: 30px;
}
.content {
    height:100%;
}

.loader {
  width: 50px;
  padding: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #25b09b;
  --_m: 
    conic-gradient(#0000 10%,#000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
          mask: var(--_m);
  -webkit-mask-composite: source-out;
          mask-composite: subtract;
  animation: l3 1s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}}