:root {
    /* Proposal 1 */
    --bg-green: #8DC63F;
    --bg-gray: #B0B7BD;

    --border-green: #599901;
    --border-gray: #999999;
    --paragraph-gray: #6a6a6a;
    --search-gray: #737373;
    /* Proposal 2 */
    --bg-blue: #1D4A97;
    --border-blue: #002856;
    --search-blue: #0E76BC;
    --white: #FFFFFF;
    --white-transparent: rgba(255, 255, 255, 0.94);
    --black-transparent: rgba(0, 0, 0, 0.2);
    --black-links:#404040;
    --black-shadow:rgba(0, 0, 0, 0.15);

}

body {
    background: var(--white);
}
.wrapper {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.module-content {
    padding-bottom: 0;
}

[role="main"], .main {
    margin-top: 10px;
    background: #ffffff;
    background-color: #ffffff;
    padding-bottom: 0;
}
.search-form {
    border-bottom: none;
}
.account-masthead {
    background: var(--white);
}
.account-masthead .account ul li {
    border-left: 0px;
}
.account-masthead .account ul li a {
    color: var(--black-links);
}
.account-masthead .account ul li a:hover {
    color: var(--black-shadow);
    background: var(--white);
}
.card-dap-1 .dataset-resources
{
    display: flex;
    gap: 10px;
}
.card-dap-1 .dataset-resources li a {
    background-color: white;
    text-decoration: none;
}

.pagination > .active > a, .pagination > .active > span,
.pagination > .active > a:hover, .pagination > .active > span:hover,
.pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: var(--bg-blue);
    border-color: var(--bg-blue);
}

.pagination > li > a, .pagination > li > span {
    color: var(--bg-blue);
}
.pagination-wrapper {
    border-top: none;
}
.btn-primary {
    background-color: var(--bg-blue);
    border-color: var(--border-blue);
}
.wrapper:before {
    border-right: none;
    width: 0%;
}
.module-content {
    padding: 1px;
}
.module-content .add-to-group .btn-primary {
    margin-top: 10px;
}
a {
    color: var(--paragraph-gray);
}
a:hover {
    font-weight: bold;
    color: var(--paragraph-gray);
}

a.tag:hover {
    background-color: var(--border-blue);
    border: 1px solid var(--border-blue);
    box-shadow: inset 0 1px 0 var(--border-blue);
}

.delete-all a {
    color: var(--border-blue);
    text-decoration: underline;
}
.tag-list {
    padding: 0;
}
.tag-list .tag {
    padding: 5px 15px;
}
.flash-messages {
    margin-top: 2rem;
}