.bootstrap-tagsinput {
    display: flow-root !important;
    width: 100%;
}

.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: #fff;
    background: #0f4d98 !important;
    border-radius: 0.15rem !important;
    padding: .15rem !important;
}

.btn.btn-default {
    background-color: #fff;
}

.d-none.d-xl-inline-block.btn.btn-sm.btn-navbar.shadow-sm.navbar-blue-u {
    background-color: #004b9a;
    color: #fff;
}

.sidebar-blue-color{
    background-color: #004b9a;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #ffffff;
    background-color: #007bff;
}

#btn-nav {
	background-color: transparent;
	box-shadow: none;
    color: #000000;
}

#btn-nav:hover,
#btn-nav:hover:focus,
#btn-nav i:hover:focus {
    background-color: #004b9a;
    color: #ffffff;
}

#pubtitle{
    color: #000000;
}

.grape {
    color:#004b9a;
}

.grape:hover{
    color:#ffffff;
}

.navbar-blue-u{
    background-color: #004b9a;
    color: #ffffff;
}

.modal-header,
.modal-footer {
    background: #0f4d98 !important;
    color: var(--white);
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: .2rem;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.thead-blue{
    background-color: #004b9a;
    color: #ffffff;
}

.portal-title, .portal-title:visited, .portal-title:active{
    text-decoration:none;
    width: 150px;
    margin-top: -6px;
}