.page-header { margin-top: 0px; }
#selectedSubs .card-body { padding: 1rem 0.5rem; }

.noticeboard table { font-size: 14px; }

.bs-wizard .progress { border-radius: 0px; }
.bs-wizard {margin-top: 40px;}
.bs-wizard {padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #7bd235; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #CFFFAD; border-radius: 50px; position: absolute; top: 8px; left: 8px; }
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #5eba00;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.active > .bs-wizard-dot { background: #fbbd19; }
.bs-wizard > .bs-wizard-step.active > .bs-wizard-dot:after { background: #fbe8aa; }
/*
.bs-wizard > .bs-wizard-step.active > .bs-wizard-dot { background: #f1c40f; }
.bs-wizard > .bs-wizard-step.active > .bs-wizard-dot:after { background: #fbe8aa; }
*/
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #e9ecef;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }

.masthead {
    padding-top: 0;
    padding-bottom: 0;
    background-image: linear-gradient(rgba(0, 0, 0, 0.67), rgba(0, 0, 0, 0.67)), url(../img/header.jpg);
    min-height: 270px;
    background-position: center 315px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.masthead hr {
    margin-top: 30px;
    margin-bottom: 30px;
}
.masthead h1 {
    font-size: 2rem;
}
.masthead p {
    font-weight: 300;
}
@media (min-width : 335px) {
    .masthead {
        min-height: 315px;
        background-position: center 38px;
        background-repeat: no-repeat;
        background-color: #332822;
    }
    .masthead p {
        font-size: 1rem;
    }
}
@media (min-width : 576px) {
    .masthead {
        min-height: 315px;
        background-position: center 340px;
        background-repeat: repeat;
        background-color: transparent;
    }
    .masthead p {
        font-size: 1rem;
    }
}
@media (min-width: 768px) {
    .masthead {
        min-height: 315px;
        padding-top: 0;
        padding-bottom: 0;
        background-position: center 375px;
    }
    .masthead p {
        font-size: 1.15rem;
    }
}
@media (min-width: 992px) {
    .masthead {
        min-height: 350px;
        padding-top: 0;
        padding-bottom: 0;
        background-position: center 430px;
    }
    .masthead h1 {
        font-size: 3rem;
    }
}
@media (min-width: 1200px) {
    .masthead {
        background-position: center 450px;
    }
    .masthead h1 {
        font-size: 4rem;
    }
}

.bb-1 {
    border-bottom: 1px solid #212529
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) {
    .bb-sm-1 {
        border-bottom: 1px solid #212529
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .bb-md-1 {
        border-bottom: 1px solid #212529
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .bb-lg-1 {
        border-bottom: 1px solid #212529
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .bb-xl-1 {
        border-bottom: 1px solid #212529
    }
}