h1 {
    color: #14ABCF;
}

a:link {
    color: #14ABCF;
}

a:visited {
    color: #1B72A1;
}

a:hover {
    color: #1B72A1;
}

a:active {
    color: #1B72A1;
}

strong > a:link {
    color: #999;
}

strong > a:visited {
    color: #999;
}

.info-box {
    background: #ecebeb;
    margin-right: 5px;
    padding: 10px;
    overflow: hidden;
}

.info-text {
    padding: 5px;
    text-align: center;
    color: #999;
}

/* TODO: is there a better way to make text truncate after a few lines? */
.table-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-text-header {
    -webkit-line-clamp: 2;
}

.table-text-long {
    -webkit-line-clamp: 8;
}


/* TODO: is there a better way to make certain columns wide enough on small screens? */
.column-text {
    /* 35% of portrait phone, only two fit in a row */
    min-width: 200px;
}


/* TODO: scrollbar appears at the bottom of tables when it shouldn't, fix this */
/* width */
*::-webkit-scrollbar {
  width: 10px;
}

/* Track */
*::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
*::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
*::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.btn-primary {
    color: white !important;
    background-color: #14ABCF;
    border-color: #5bc2c2
}

.btn-primary:hover {
    color: white !important;
    background-color: #1B72A1;
    border-color: #8ad3d3
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 .2rem rgba(91, 194, 194, 0.5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: white !important;
    background-color: #14ABCF;
    border-color: #5bc2c2
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    color: white !important;
    background-color: #9cdada;
    border-color: #2e7c7c
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(91, 194, 194, 0.5)
}

.btn-outline-primary {
    color: #14ABCF !important;
    background-color: transparent;
    background-image: none;
    border-color: #14ABCF
}

.btn-outline-primary:hover {
    color: white !important;
    background-color: #14ABCF;
    border-color: #14ABCF
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 .2rem rgba(119, 204, 204, 0.5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #14ABCF !important;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
    color: white !important;
    background-color: #14ABCF;
    border-color: #14ABCF
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(119, 204, 204, 0.5)
}