* {
    font-family: "Inter", sans-serif !important;
}

a {
    color: #004D73;
}

a:hover {
    color: #0057ff;
}

#content .logowrap a img {
    height: 50px;
}

#contentarea .ques2 h2.right {
    color: black;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
}

.card-title {
    font-weight: 700;
    color: #004D73;
}

.home-login .card-body .box img {
    height: 250px;
}

.btn.btn-primary, .btn-primary:active, .btn-primary:focus {
    color: #fff !important;
    background-color: #004D73 !important;
    border: 1px solid #004D73 !important;
}

.btn.btn-secondary, .btn-secondary:active, .btn-secondary:focus, .clear, .clear:active, .clear:focus, .back, .back:active, .back:focus, .appointee-disc2, .appointee-disc2:active, .appointee-disc2:focus, a.changevotes, a.changevotes:active, a.changevotes:focus {
    font-style: normal;
    text-decoration: none;
    color: #004D73 !important;
    border: 1px solid #004D73 !important;
    background-color: #FFFFFF !important;
}

.btn.btn-secondary:hover, .clear:hover, .back:hover, .appointee-disc2:hover, a.changevotes:hover {
    color: #FFFFFF !important;
    background-color: #004D73 !important;
    border: 1px solid #004D73 !important;
}

.recommended, .recommended:active, .recommended:focus, .vote-all, .vote-all:active, .vote-all:focus, a.vote, a.vote:active, a.vote:focus, a.goahead, a.goahead:active, a.goahead:focus{
    background-color: #004D73 !important;
    border: 1px solid #004D73 !important;
}

.recommended:hover, .vote-all:hover, a.vote:hover, a.goahead:hover{
    color: #004D73 !important;
    background-color: #FFFFFF !important;
    border: 1px solid #004D73 !important;
}

#progressbar ul li.visited span a, #progressbar2 ul li.visited span a {
    background: #004D73;
    color: #FFF;
}

#progressbar ul li span a, #progressbar2 ul li span a {
    top: -20px;
    width:40px;
    height:40px;
    line-height:40px;
    font-weight: 700;
    font-size: 26px;
    font-family: "Inter", sans-serif;
}

#progressbar ul li.active span a, #progressbar2 ul li.active span a, #progressbar ul li.visited1 span a, #progressbar2 ul li.visited1 span a {
    background: #004D73;
    font-weight: 700;
    font-family: "Inter", sans-serif;
}

#progressbar ul li.active, #progressbar2 ul li.active, #progressbar ul li.visited, #progressbar2 ul li.visited {
    border-top: 1px solid #004D73;
}

#progressbar ul li.visited1, #progressbar2 ul li.visited1 {
    border-top: 1px solid #004D73;
}

.navbar {
    height: 139px;
    background: #FFF url('../img/bar.png') repeat-x center bottom;
    padding: 8px 1rem 18px;
    background-size: 100% 10px;
}

.navbar .container .navbar-brand img {
    height: 50px;
}


.navbar-light .navbar-nav .nav-link {
    color: #004D73;
}

.form-control:focus {
    border-color: #004D73;
    box-shadow: 0 0 0 .2rem #004D73;
}

#branding:after {
    display: block;
    width: 100%;
    height: 10px;
    position: fixed;
    left: 0;
    top: 128px;
    content: '';
    background: transparent url('../img/bar.png') repeat-x center bottom;
    background-size: 100% 10px;
}

#wrap h1, .changevotepopup h1 {
    color: #004D73;
    font-weight: 700;
    font-size: 27px;
    line-height: 29px;
}

footer {
    color: #444;
}

footer a {
    color: #004D73;
    font-weight: 700;
}

footer a:hover {
    color: #0057ff;
}

.meeting p, .changevotepopup p, #contentarea p{
    color: black;
}

.meeting h3, .meeting p.title, .meeting p span {
    color: #004D73;
}

#progressbar_outer #progressbar, #progressbar_outer #progressbar2 {
    margin-top: 25px;
    margin-left:auto;
    margin-right:auto;
}

@media only screen and (max-width: 540px) {
    .navbar {
        height: 75px;
        background-size: 100% 5px;
    }

    .navbar .container .navbar-brand img {
        height: 25px;
    }

    #sliding-sidebar .meeting h3, .meeting p span, .meeting p, .meeting p.title {
        color: white;
    }

    section#branding #content .logowrap .logo {
        max-height: 25px;
    }

    #progressbar ul li.active, #progressbar2 ul li.active, #progressbar ul li.visited, #progressbar2 ul li.visited {
        border-top: 0;
    }

    #progressbar ul li.active span a, #progressbar2 ul li.active span a {
        background: transparent;
    }

    #branding:after {
        height: 5px;
        top: 69px;
    }

    .number {
        float: left;
    }
}