body {
    padding-top: 120px;
    /* background-color: #f6f6f6; */
    background-color: #0071bc;
    color: #444444;
}

h3 {
    /* color:#444444; */
    color:#ffffff;
}


.bg-white h3 {
    color:#444444;
}


.navbar {
    background-color: #ffffff;
    border-bottom: #d8d8d8 1px solid;
}

.nav-item a {
    color: #444444 !important;
    font-size: 12pt;
    font-weight: bold;
}

.nav-item a:hover {
    color: #e10f00 !important;
}

.nav-item .active {

    color: #e10f00 !important;
}

.dropdown-menu a {
    color: #444444 !important;
    font-size: 12pt;
    font-weight: unset;
}

.navbar-brand img {
    max-height: 60px;
    padding: 0px;
}

/* css moved here */
.shadow-sm {
    box-shadow: 0 .25rem .5rem rgba(0,0,0,1)!important;
}

.badges {
    max-height: 120px;
    padding: 0px;
}

.list-group .active {
    background-color: #0071bc !important;
    border-color: #cccccc !important;
    color: #ffffff !important;
}

img.award:hover {
    -webkit-filter: grayscale(0%);
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(0%);
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(0%);
    -o-transition: .5s ease-in-out;
    filter: grayscale(0%);
}

img.award {
    -webkit-filter: grayscale(100%);
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(100%);
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(100%);
    -o-transition: .5s ease-in-out;
    filter: grayscale(100%);
}
.table td, .table th {
    vertical-align: middle!important;
}

.table-info th {
    background-color: #0071bc;
    color: #ffffff
}

.table-hover .table-info:hover th {
    background-color: #7ac943; !important;
}

.btn-info {
     background-color: #0071bc;
     border-color: #0071bc;
}

.btn-info:hover {
    background-color: #7ac943;
}

.btn-c {
     background-color: #0071bc;
     border-color: #0071bc;
     color: #ffffff;
}

.btn-c:hover {
    background-color: #7ac943;
}


/*  sm 576px;
    md 768px;
    lg 992px;
    xl 1200px;
 */


@media screen and (max-width: 576px) {
    h3 {
        font-size: 5vw;
        font-weight: bold;
    }

    .rtf {
        font-size: 3.5vw;
    }
}

@media screen and (max-width: 1200px) {
    .rt {
        font-size: 1vw;
    }
}