.navbar-default {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

.navbar-toggle .icon {
    color: #004B8D;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-default .navbar-collapse {
    border-color: transparent;
}
.navbar-toggle:hover,
.navbar-toggle:focus,
.navbar-toggle.collapsed:focus,
.navbar-toggle.collapsed:hover,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    color: #333;
    background-color: #F1F1F1;
}
.navbar-toggle:hover .icon,
.navbar-toggle:focus .icon,
.navbar-toggle.collapsed:focus .icon,
.navbar-toggle.collapsed:hover .icon,
.navbar-default .navbar-toggle:focus .icon,
.navbar-default .navbar-toggle:hover .icon {
    color: #333;
}
@media (max-width: 767px) {
  .search-toggle.navbar-toggle .icon {
      color: #004B8D;
  }
}

.navbar-main .navbar-nav > li > a {
    color: #FFFFFF;
    background-color: #004B8D;
    border-color: transparent;
}
.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li > a:focus {
    color: #FFFFFF;
    background-color: #004B8D;
}

.navbar-main .navbar-nav > li.active > a {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #004B8D;
}
.navbar-main .navbar-nav > li.active > a:focus,
.navbar-main .navbar-nav > li.active > a:hover {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #004B8D;
}

.navbar-toggle.navbar-showchildren .icon {
    color: #FFFFFF;
}

.navbar-main .navbar-nav .navbar-showchildren,
.navbar-main .navbar-nav > .active .navbar-showchildren,
.navbar-toggle.navbar-showchildren:hover,
.navbar-toggle.navbar-showchildren:focus {
    background-color: transparent;
}

.navbar-toggle.navbar-showchildren:hover .icon,
.navbar-toggle.navbar-showchildren:focus .icon {
    color: #FFFFFF;
}

.navbar-main .child-nav > li > a {
    color: #FFFFFF;
    background-color: #004B8D;
    font-size: 13px;
}

.navbar-main .child-nav > li > a:hover,
.navbar-main .child-nav > li > a:focus {
    color: #333;
    background-color: #F1F1F1;
}

.navbar-main .child-nav .active > a {
    color: #FFFFFF;
    background-color: #004B8D;
}
.navbar-main .child-nav .active > a:hover,
.navbar-main .child-nav .active > a:focus {
    color: #333;
    background-color: #F1F1F1;
}

.topright-menu .login-link a {
    color: #FFFFFF;
    background-color: #004B8D;
}
.topright-menu .login-link a:focus,
.topright-menu .login-link a:hover {
    color: #333;
    background-color: #F1F1F1;
}


.modal-docked .modal-header,
.modal-header {
    background: #FFFFFF;
    color: #004B8D;
}

.dashboard-widget-container .circle-bg,
.dashboard-widget-container .logged-in .widget-detail {
    background-color: #666;
}

.dashboard-widget-container .widget-heading {
    border-top-color: #004B8D;
}

.dashboard-widget-container .logged-in .widget-heading p,
a.panel-footer:hover .icon.pull-right,
.modal-docked .modal-header .close:hover .times,
.modal-docked .modal-header .close:focus .times {
    color: #767676;
}

@media (max-width: 767px) {
    .dashboard-widget-container .logged-in .widget-detail p,
    .dashboard-widget-container .logged-in:hover .widget-detail p {
        color: #004B8D;
    }
}

.header.navbar,
.header.navbar-default .navbar-text,
.header.navbar-default .navbar-nav > li > a,
.dashboard-widget-container .logged-in .widget-detail,
.modal-docked .modal-header,
.modal-header,
.modal-docked .modal-header a,
.modal-docked .modal-header h4,
.close,
.modal-header .close:focus .times,
.modal-header .close:hover .times,
.search-toggle {
    color: #004B8D;
}
.close {
    text-shadow: none;
}


h1,
h2,
h3,
h4,
.title a {
   color: #004B8D;
}
.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4,
.modal-header h5,
.modal-header h6 {
    color: #004B8D;
}


.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.nav-tabs.nav li > a:focus,
.nav-tabs.nav li > a:hover {
   color: #004B8D;
   border-bottom-color: #004B8D;
}


a,
a:visited,
a:link,
a:active,
a:hover,
a:focus,
.list-group-item-link a:hover,
.form-group.submitcancel .cancel,
.form-group.submitcancel .cancel:hover,
.list-group a.text-link,
.text-link,
.list-group-item-heading a:hover,
.list-group-item-heading a:hover .metadata,
.arrow-bar .nav-inpage.nav > li > a,
.arrow-bar .nav-inpage.nav > li > button,
.nav-inpage.nav > li.active > a:focus,
.nav-inpage.nav > li.active > a:hover,
.nav-inpage.nav > li.active > button:focus,
.nav-inpage.nav > li.active > button:hover,
.list-group a.text-success,
.outer-link+.list-group-item-heading,
.tags a,
.tags a.tag {
    color: #004B8D;
}

a:focus, a:hover {
  text-decoration-color: #004B8D;
}

.btn-default, a.btn-default {
  color: #333;
}

.btn-primary,
a.btn-primary {
    background-color: #FFFFFF;
    color: #004B8D;
    border-color: #004B8D;
}
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open > .btn-primary.dropdown-toggle {
    border-color: #CCCCCC;
    color: #333;
    background-color: #e0e0e0;
}
.btn-primary.btn:disabled,
.btn-primary.disabled,
.btn-primary[disabled] {
    /* 1px alpha channel white to lighten by 25% */
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wkPAhMnva5W6gAAAA1JREFUCNdj+P//vz0ACTsDPd3TBh4AAAAASUVORK5CYII=') #FFFFFF;
    border-color: #FFFFFF;
}

a.admin-site {
    color: #004B8D;
}

.arrow-bar {
    background-color: #F1F1F1;
}
.arrow-bar .arrow {
    background-color: #DBDBDB;
}
.arrow-bar .arrow:after {
    border-left-color: #DBDBDB;
}

.admin .arrow-bar {
    background-color: #f9f9f9;
}
.pagination > li > a,
.pagination> li > span {
    color: #767676;
}
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination> li > span:hover,
.pagination> li > span:focus {
    color: #333;
}
.pagination >.active > span {
    background-color: #767676;
    border-color: #767676;
}
.pagination >.active > span:hover,
.pagination >.active > span:focus {
    background-color: #333;
}

.custom-dropdown > ul > li > span {
    background-color: #767676;
}
/* this is for the timeline */
.jtline .filling-line {
    background-color: #FFFFFF;
}

.no-touch .jtline .events a:hover::after,
.jtline .events a.selected::after {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

.jtline .events a.older-event::after,
.no-touch .cd-timeline-navigation a:hover,
.no-touch .cd-timeline-navigation-second a:hover {
    border-color: #FFFFFF;
}

.cd-timeline-navigation a::after,
.cd-timeline-navigation-second a::after {
    color: #FFFFFF;
}