.hero {
    background-color: #f8f9fa;
    padding: 60px 0;
}
.post-preview {
    margin-bottom: 30px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 15px;
}

footer {
    background-color: #f8f9fa;
    padding: 20px 0;
}

.top-available {
    text-decoration: none;
}

.top-unavailable {
    text-decoration: none;
    color: red;
}

.top-unavailable:hover {
    text-decoration: none;
    color: darkred;
}

.centered {
    padding-left: 30%; 
    padding-right: 30%;
}

.body-full {
    min-height: 100vh;
}

.calendar-card {
    padding: 1%; 
    margin: 1%; 
    background-color: #d9ffde; 
    border-color: #71cc7d;
}

.calendar-card-body {
    padding: 0.5%;
}

.cal-event-title {
    margin-bottom:0px; flex-grow: 1; margin-bottom: 4px; max-width: 500px; text-overflow: ellipsis;
}

.cal-card-title{
    text-align: left; margin-bottom:0px;  font-size: 1rem;
}

.cal-separator{
    height: 30px; border-left: 2px solid #71cc7d; margin-left: 10px; margin-right: 10px;
}

.cal-datetime{
    font-size: 0.9rem; text-align: right;
}

.nav-tb-w2{
    width:2%;
}.nav-tb-w6{
    width:6%;
}.nav-tb-w10{
    width:10%;
}.nav-tb-w12{
    width:12%;
}.nav-tb-w4{
    width:4%;
}.nav-tb-w46{
    width:46%;
}.nav-tb-w3{
    width:3%;
}.nav-tb-w5{
    width:5%;
}.nav-tb-w15{
    width:15%;
}.nav-tb-w20{
    width:20%;
}.nav-tb-w55{
    width:55%;
}

.votesel{
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 0px;
    padding-right: 0px;
}

.err-img {
    padding-bottom:2%; width:70%;
}

.dc-tr{
    vertical-align: middle; margin:0;
}

.clps-detail{
    padding-top: 15px;padding-bottom: 15px;
}

#loadingScreen {
    display: none;
}

.hidden {
    display: none;
}

.pointer {cursor: pointer;}

.hidden-top {
    background-color: rgb(242, 242, 242) !important;
}