main > .container, main > .container-fluid
{
    padding: 70px 15px 20px;
}

.footer {
    background-color: #f5f5f5;
    font-size: .9em;
    height: 60px;
}

.footer > .container, .footer > .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    content: '';
    left: 3px;
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    margin: 4px 4px 2px 4px;
    background: transparent;
}

a.asc:after {
    border-bottom: solid 7px #212529;
    border-top-width: 0;
}

a.desc:after {
    border-top: solid 7px #212529;
    border-bottom-width: 0;
}

.grid-view th,
.grid-view td:last-child {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.navbar form > button.logout {
    padding-top: 7px;
    color: rgba(255, 255, 255, 0.5);
}

@media(max-width:767px) {
    .navbar form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 0;
    }
}

.navbar form > button.logout:focus,
.navbar form > button.logout:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.75);
}

.navbar form > button.logout:focus {
    outline: none;
}

/* style breadcrumb widget as in previous bootstrap versions */
.breadcrumb {
    background-color: var(--bs-gray-200);
    border-radius: .25rem;
    padding: .75rem 1rem;
}

.breadcrumb-item > a
{
    text-decoration: none;
}

.carousel-control-prev-icon {
    height: 40px;
    width: 40px;
    margin-right: auto;
}

.carousel-control-next-icon {
    height: 40px;
    width: 40px;
    margin-left: auto;
}

.vote-icon-featured {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;utf8,<svg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M13.5664 8.05957C13.8204 8.6838 14.3162 9.17961 14.9404 9.43359L20.0195 11.5L14.9404 13.5664C14.3941 13.7887 13.9463 14.1962 13.6729 14.7129L13.5664 14.9404L11.5 20.0195L9.43359 14.9404L9.32715 14.7129C9.05369 13.1962 8.60593 13.7887 8.05957 13.5664L2.97949 11.5L8.05957 9.43359C8.6838 9.17961 9.17961 8.6838 9.43359 8.05957L11.5 2.97949L13.5664 8.05957Z' stroke='%23FF2929' stroke-width='3'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: -5px;
}

.vote-icon {
    display: inline-block;
    width: 19px;
    height: 18px;
    background-image: url("data:image/svg+xml;utf8,<svg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6.20312 2.67578C6.47084 1.95447 7.49108 1.95447 7.75879 2.67578C8.21059 3.89298 9.1336 4.87735 10.3193 5.40625L10.4229 5.45215C11.2921 5.83987 11.2921 7.0742 10.4229 7.46191L10.3193 7.50781C9.13355 8.03673 8.21057 9.02102 7.75879 10.2383C7.49101 10.9593 6.47095 10.9593 6.20312 10.2383C5.75135 9.02102 4.82835 8.03673 3.64258 7.50781L3.53906 7.46191C2.66984 7.0742 2.66984 5.83987 3.53906 5.45215L3.64258 5.40625C4.82834 4.87734 5.75134 3.89302 6.20312 2.67578Z' stroke='%230164FF' stroke-width='4'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: -3px;
}

#comments .btn-like.active {
    background-color: rgba(25,135,84,.15);
    border-color: #198754;
}
#comments .btn-dislike.active {
    background-color: rgba(108,117,125,.15);
    border-color: #6c757d;
}
.btn-like-pool.active {
    background-color: rgba(25,135,84,.15);
    border-color: #198754;
}
.btn-dislike-pool.active {
    background-color: rgba(108,117,125,.15);
    border-color: #6c757d;
}