.hero {
    background-color: #e2e2e2;
    margin-top: 10px;
}
.card.main {
    margin-bottom: 10px;
}
.info-tiles {
    padding-top: 10px;
}

.navbar {
    background-color: #66c221;
}
.navbar-link.is-active, .navbar-link:hover, a.navbar-item.is-active, a.navbar-item:hover {
    color: #363636;
    background-color: #4e9c1e;
}
.navbar-menu {
    background-color:inherit;
}
table a {
    color: #4a941e;
}

@media (max-width: 768px) {
    table {
        font-size: 11px;
    }

}
h2 {
    font-size: 250%;
}
.searchbox {
    margin-right: 10px;
}

.searchresult {
    display: none;
    background: white;
    position: absolute;
    margin: 0 0;
    padding: 8px 8px;
    border: 1px solid #DDD;
    z-index: 1001;
    max-width: 100%;
    width: 100%;
    left: 0;
    top: 100%;
    border-radius: 5px;
}

.searchresult a {
    color: #4a941e;
}

.stats td {
    word-wrap: normal;
    width: 50%;
    padding-right: 10px;
}

.stats .key {

}

.stats .value {
}

.top3 tbody {
    border-top: 1px solid #ccc;
    font-size: 14px;
}

.top3 td {
    word-wrap: break-word;
    max-width: 80px;
}

.top3 .kudos {
    font-size: 30px;
    padding-left: 10px;
}

.top3 .kudossub {
    font-size: 14px;
    display: block;
    padding-left: 10px;
    padding-bottom: 8px;
}

.top3 a {
    color: #4a941e;
}

.hero {
    margin-bottom: 20px;
}

.top3 .kudostat {
    float: left;
}

.top3 .topreaguurselstat {
    float: left;
}

.top3 .topreaguursels {
    font-size: 30px;
    padding-left: 25px;
}

.top3 .topreaguurselssub {
    font-size: 14px;
    display: block;
    padding-left: 25px;
    padding-bottom: 8px;
}

.columns .top3 .card-header a {
    color: #ffffff;
}

.columns .top3:nth-child(1) .card-header {
    background: #C98910;
}

.columns .top3:nth-child(2) .card-header {
    background: #A8A8A8;
}

.columns .top3:nth-child(3) .card-header {
    background: #965A38;
}
.column.top3 {
    margin-bottom: 0;
    padding-bottom: 0;
}
.content table thead tr:hover {
    background: #ffffff;
}

.content table thead {
    word-wrap: break-word;
}
.content table thead th {
    padding-right: 0;
    padding-left: 5px;
}
.content table {
    margin-bottom: 0;
}
.content div.wrapper {
    width: 100%;
    height: 100%;
    overflow: auto;
}
.footer {
    background-color: #5d5959;
}

.footer p {
    color: #ffffff;
}

.footer p strong {
    color: #ffffff;
}
.content.comments {
    padding-left: 5px;
    border: 1px solid #ccc;
}
.content.info {
    background-color: #e3e3e3;
    padding: 15px;
}
.button {
    margin-top: 10px;
}
.button.search {
    margin-top: 0px;
}
.topcomment {
    background: rgba(116, 186, 23, 0.45);
}
.commentchooser a {
    color:#74BA17;
}
.commentchooser a:hover {
    color: #5a9816;
}
a.videolink {
    color:#74BA17;
}
a.videolink:hover {
    color: #5a9816;
}
a {
    color:#74BA17;
}
a:hover {
    color: #5a9816;
}
.ad, .adIndex, .adReaguurderTop, .adReaguurderMid {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}
.ad>div {
    display: inline-block;
}
.LeftFloatAd {
    background-color: #ff00cc;
    width: 50px;
    height: 100px;
}
.LeftFloatAds {
    position: absolute;
    top: 5px;
    left: 10px;
    bottom: 5px;
    width: 160px;
    height: 768px;
    margin-bottom:15px;
    border-bottom: solid #000000;
    padding: 5px 0 5px 0;
    }

    #RightFloatAds{
        right: 0px;
        position: fixed;
        text-align: center;
        top: 0px;
        }

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}
.container {
    flex: 1 0 auto;
}
footer {
    background: #404040;
    color: #ccc;
    height: 100px;
    margin-top: 125px;
}
footer .content {
    margin-top: 5px;
}
footer a {
    color:#74BA17;
    margin-right: 10%;
    padding-left: 5px;
}
footer a:hover {
    color: #5a9816;
}

@media (max-width: 767px) {
    .kudosreaguursel {
        display: none;
    }
    .table.is-narrow td, .table.is-narrow th  {
        padding-right: 0;
    }
    .columns {
        margin: 0;
    }
}
.navbar a.burger {
    color: #5d5959;
}
.navbar {
    position: fixed;
    top: 0;
    width: 100%;
}
.container.main {
    top: 100px;
}
.reply {
    padding-left: 15px;
}
.kudos_positive {
    font-size: 14px;
    color: #0bcc41;
}
.kudos_negative {
    font-size: 14px;
    color: #cc0e34;
}
.timeindicate {
    font-size: 30%;
}
.trick {
    display:none;
}

@media screen and (min-width: 1472px){
    .container.admin {
    width: 95%;
        max-width: 95%;
    }}

.methodselectors {
    display: inline-flex;
}
.methodselectors a {
    font-size: 0.8rem;
    padding: 5px;
    border-left: 1px solid #444;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
}
.methodselectors a:last-child {
    border-right: 1px solid #444;
}
.timeselectors {
    display: inline-flex;
}
.timeselectors a {
    font-size: 0.8rem;
    padding: 5px;
    border-left: 1px solid #444;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
}
.timeselectors a:last-child {
    border-right: 1px solid #444;
}
.active-selector {
    background: #cdcad3;
    color: #fff;
}
.timeselectors a:hover {
    background: #99979f;
    color: #fff;
}
.methodselectors a:hover {
    background: #99979f;
    color: #fff;
}
.top-3 {
    margin-top: 5px;
}
@media screen and (max-width: 768px){
    .filters {
        padding-left: 0.75rem;
    }
    .tabs ul {
        display: block;
    }
}


.searchresults {
    margin-top: 10px;
}
.searchresults .card-content {
    padding: 0;
}
.searchresults figure {
    margin: 0;
}
.searchresults .media-left {
    margin-right: 5px;
}
.searchresults .media {
    margin-bottom: 0 !important;
}
.searchresults .card {
    box-shadow: none;
    border: 1px solid #ccc;
    overflow: hidden;
    text-overflow: ellipsis
}
.searchresults time {
    font-size: 0.8rem;
}
.searchform .button {
    margin-top: 0;
}
.card.column {
    padding: 0.2rem;
}
.searchresults .card a {
    color: #444;
}
.nav.pagination {
    text-align: center;
}
.smalltext {
    font-size: 50%;
    color: #66c221;
}

.tabs li.is-active a {
    border-bottom-color: #66c221;
    color: #66c221;
}
.tabs a {
    border-bottom-width: 2px;
    font-size: 125%;
}

.changemessage {
    margin-top: 25px;
    background-color: #fff682;
}

.aff-box .button { min-width: 10rem; }
.aff-box .icon { margin-right: .35rem; }
.aff-box { transition: box-shadow .15s ease; }
.aff-box .button:hover { transform: translateY(-1px); }