.navbar {
    background-color: #f3f3f3;
    border-bottom: solid 1px #ddd;
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-nav > .nav-item {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.navbar-nav > .nav-item.nav-current,
.navbar-nav > .nav-item:hover {
    background-color: #ddd;
}

/* Needed to counter act the styles applied by navbar-dark when
   a CSS theme is active. */
.navbar-nav .nav-item .dropdown-menu .nav-link,
.navbar-nav .nav-item .dropdown-menu .nav-link:hover {
    color: rgba(0,0,0,.7);
}

.alert {
    margin: .5rem 1rem .5rem 1rem;
    padding: .7rem;
}

.alert-dismissible .close {
    right: 0px;
}

.alert-danger {
    color:#a94442;
    background-color:#f2dede;
    border-color:#ebccd1
}

main {
    margin-top: 1rem;
}

.datagrid .records {
    width: 100%
}

.datagrid .edit-link, .datagrid .delete-link, .datagrid .history-link {
    transition: all .2s ease-in-out;
    display: inline-block;
    margin: 0 .2em;
    font-size: 14px;
}

.datagrid .edit-link:before {
    content: "\f303";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
}

.datagrid .delete-link:before {
    content: "\f1f8";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    color: red;
}

.datagrid .delete-link:hover, .datagrid .edit-link:hover, .datagrid .history-link:hover {
    text-decoration: none;
    transform: scale(1.5);
}

.datagrid .history-link:before {
    content: "\f1da";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    color: gray;
}

.datagrid table.records th, .datagrid table.records td,
table.datagrid th, table.datagrid td {
    text-align: left;
}

.datagrid-hover table.records tr:hover td {
    background-color: #ffff9950;
}

.datagrid table.records td.dark-right-border {
    border-right: solid 1px var(--gray);
}

.datagrid table.records th[colspan] {
    text-align: center;
}

.btn.harvest-link {
    background: linear-gradient(#fff,#f0f0f0);
    box-shadow: inset 0 0 0 1px #22222240;
}