b, h1, h2, h3, h4, h5 {

    font-weight: 400;
}
.btn, .header__menu>ul>li {
    display: -moz-inline-stack;
}
 header.loggedin .mobile-nav {
    opacity: 0;
    visibility: hidden;
}

.header__account>ul a:focus,
.overview__discussion h4 a:hover,
.overview__discussion__bookmark a:hover,
.overview__discussion__meta>a.tag:hover {
    text-decoration: none;
}
@font-face {
    font-family: ProximaNovaRgBold;
    src: url(../fonts/proximanova/ProximaNova-Bold-webfont.eot);
    src: url(../fonts/proximanova/ProximaNova-Bold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/proximanova/ProximaNova-Bold-webfont.woff) format("woff"), url(../fonts/proximanova/ProximaNova-Bold-webfont.ttf) format("truetype"), url(../fonts/proximanova/ProximaNova-Bold-webfont.svg#ProximaNovaRgBold) format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: ProximaNovaLtLight;
    src: url(../fonts/proximanova/ProximaNova-Light-webfont.eot);
    src: url(../fonts/proximanova/ProximaNove-Light-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/proximanova/ProximaNova-Light-webfont.woff) format("woff"), url(../fonts/proximanova/ProximaNova-Light-webfont.ttf) format("truetype"), url(../fonts/proximanova/ProximaNova-Light-webfont.svg#ProximaNovaLtLight) format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: ProximaNovaRgRegular;
    src: url(../fonts/proximanova/ProximaNova-Reg-webfont.eot);
    src: url(../fonts/proximanova/ProximaNova-Reg-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/proximanova/ProximaNova-Reg-webfont.woff) format("woff"), url(../fonts/proximanova/ProximaNova-Reg-webfont.ttf) format("truetype"), url(../fonts/proximanova/ProximaNova-Reg-webfont.svg#ProximaNovaRgRegular) format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: ProximaNovaLtSemibold;
    src: url(../fonts/proximanova/ProximaNova-Sbold-webfont.eot);
    src: url(../fonts/proximanova/ProximaNova-Sbold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/proximanova/ProximaNova-Sbold-webfont.woff) format("woff"), url(../fonts/proximanova/ProximaNova-Sbold-webfont.ttf) format("truetype"), url(../fonts/proximanova/ProximaNova-Sbold-webfont.svg#ProximaNovaLtSemibold) format("svg");
    font-weight: 400;
    font-style: normal;
}
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
body {
    font-family: ProximaNovaRgRegular;
    font-size: 14px;
}
h1 {
    font-family: ProximaNovaLtLight;
    font-size: 48px;
}
h2 {
    font-family: ProximaNovaLtSemibold;
    font-size: 24px;
}
h2.title {
    font-family: ProximaNovaRgRegular;
    font-size: 30px;
}
.header__account__user>li>a,
.page__title h1,
.welcome__txt1,
.welcome__txt2,
b,
h3,
h4,
h5,
table th {
    font-family: ProximaNovaLtSemibold;
}
h3 {
    font-size: 22px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
    margin-bottom: 15px;
}
p {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 25px;
}
img {
    max-width: 100%;
}
ul.default-list, ul.list-1 {
    list-style: none;
    font-size: 16px;
}
ul.default-list li,
ul.list-1 li {
    line-height: 1.5;
    margin-bottom: 10px;
    position: relative;
}
ul.default-list li:before,
ul.list-1 li:before {
    position: absolute;
    left: -17px;
}

.custom-select, textarea {
    padding: 0 10px;
    margin-bottom: 15px;
}

ul.list-1 li:before {
    content: ">";
    top: 0;
}

.custom-select {
    display: -moz-inline-stack;
    display: inline-block;
    min-width: 100px;
    border-radius: 5px;
    height: 32px;
    position: relative;
    border: 1px solid #ccc;
}

.custom-select, textarea {
    padding: 0 10px;
    margin-bottom: 15px;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: 0 !important;
    background-image: url("images/br_down.png");
    background-position: right center;
    background-repeat: no-repeat;
}

select, input {
    background-color: #fff;
}
select::-ms-expand {
	display: none;
}

select:disabled, input:disabled {
	background-color: #E3E3E3;
}


/* --- BEGIN TOOLTIP '?' ICON --- */

.help-icon:after {
    content: "?"
}

.help-icon {
    width: 16px;
    height: 16px;
    font-size: 14px;
    font-weight: bold;
    line-height: 15px;
    text-align: center;
    color: #FFF;
    background-color: #4A5C9A;
    display: inline-block;
    opacity: 1;
    cursor: default;
    border-radius: 16px;
}

/* --- END TOOLTIP '?' ICON --- */


/* --- BEGIN DONATION BUTTON --- */

.donation-row {
	background-color: #eaf0f9;
	border-style: none;
	border-width: 1px;
	border-color: blue;
	margin: -10px 0 20px 0;
	padding: 10px;
}

.donation-request-text {
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
}

.donation-request-graphic {
	margin-left: 50px;
}

/* --- END DONATION BUTTON --- */


/* --- BEGIN STACKTABLE --- */

.stacktable.small-only th {
	text-transform: initial;
}

.stacktable.small-only th.st-head-row {
	position: relative;
	cursor: pointer;
	padding-right: 30px;
}

.stacktable.small-only th.st-head-row:after {
	content: "k";
	font-family: vinstudent !important;
	position: absolute;
	right: 15px;
	top: 15px;
}

.stacktable.small-only th.st-head-row.collapsed:after {
	content: "h";
}

.stacktable.small-only .st-head-row-main {
	background: #2A396C;
	display: none;
}

@media screen and (min-width: 641px) {
	.stacktable.small-only {
		display: none;
	}
}

@media screen and (max-width: 640px) {
	.stacktable.large-only,
	.hide-mobile {
		display: none;
	}
}

/* --- END STACKTABLE --- */


@media screen and (max-width:767px) {
    ul.default-list, ul.list-1 {
        padding-left: 15px;
    }
}

ul.default-list li:before {
    font-size: 24px;
    content: "\2022";
    top: -8px;
}
ul.list-1 {
    padding-left: 17px;
}
input[type=text], textarea {
    border-radius: 3px;
    padding: 0 10px;
    margin-bottom: 15px;
    width: 100%;
}
table td, table th {
    padding: 15px;
}
ul.list-1 li:before {
    content: ">";
    top: 0;
}
input[type=text] {
    height: 35px
}
textarea {
    min-height: 150px;
}
.table-container {
    overflow-x: auto;
}
.type-report table th {
    text-transform: none;
}
table {
    width: 100%;
}
table th {
    font-size: 14px;
    text-transform: uppercase;
    text-align: inherit;
}
.pagination>li>a {
    color: #EAAA00;
}
.pagination>li>a:hover {
    color: #F1C40F;
}
.btn {
    display: inline-block;
    border-radius: 5px;
    padding: 5px 20px;
}
.text-align-left {
    text-align: left;
}
.text-align-right {
    text-align: right;
}
.text-align-center {
    text-align: center;
}
.header__account,
.header__login,
.header__menu.right {
    text-align: right;
}
.no-margin {
    margin: 0;
}
.no-margin--top {
    margin-top: 0;
}
.no-margin--bottom {
    margin-bottom: 0;
}
.no-margin--right {
    margin-right: 0;
}
.no-margin--left {
    margin-left: 0;
}

/* when window width is greater than 1200px, do this */
@media screen and (min-width:1200px) {
    .container {
        width: 1060px;
    }
}

/* when window width is greater than 992px, do this */
@media screen and (min-width:992px) {
    .container {
    width: 1060px;
    }
}

.center-block {
    float: none;
}

.d-discussion .sidebar,
.vsc-media.right>:first-child,
header.is-sticky .header__menu.right {
    float: right;
}
header {
    padding: 10px 0;
    transition: height .4s;
}

header.loggedin .mobile-nav {
    top: auto;
    bottom: 10px;
    transition: .4s;
    left: -20px;
}
header.loggedin .mobile-nav.showed {
    top: 13px;
    opacity: 1;
    visibility: visible;
}
.header__login {
    margin-top: 10px;
}
.header__login .btn {
    margin-left: 10px;
}
.header__menu>ul {
    padding: 0;
    margin: 35px 0 0;
}
.header__menu>ul>li {
    display: inline-block;
    list-style: none;
    padding-bottom: 25px;
}
.header__menu>ul>li:before {
    display: -moz-inline-stack;
    display: inline-block;
    content: "|";
    margin: 0 10px;
}
.header__menu>ul>li a.nav-give {
    background-color: #fb1d05;
    background-color: #d95b43;
    color: #fff;
    font-size: 150%;
    padding-top: 5px;
    padding-bottom: 5px;
}
.header__menu>ul>li a.nav-give:hover {
    background-color: #002d66;
    color: #fff;
    font-size: 150%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.header__account__user>li>a:after,
.header__menu .has-submenu:after,
.header__menu>ul>li:first-child:before,
.mobile-nav:after,
.mobile-nav:before,
.scroll-top:before {
    content: "";
}
.header__menu>ul>li:first-child:before {
    display: none;
    margin-left: 0;
}
.header__menu.l-loggedin>ul>li:before {
    margin: 0 15px;
}
.header__menu.l-loggedin.right>ul>li:before {
    margin: 0 12px;
    color: #B9975B;
}
.header__menu.l-loggedin.right>ul>li a {
    color: #B9975B;
}
.header__menu.l-loggedin.right>ul>li a:hover {
    color: #F1C40F;
}
.header__menu .has-submenu:after {
    display: -moz-inline-stack;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 6px 4px 1px;
    border-style: solid;
    margin-left: 10px;
}
.header__menu .has-submenu:hover .submenu,
.header__menu .has-submenu:hover .submenu:hover {
    display: block;
}
.header__menu .submenu {
    position: absolute;
    top: 45px;
    width: 195px;
    margin: 0;
    padding: 5px 10px;
    display: none;
    box-shadow: 0 1px 4px rgba(0,0,0,.5);
    z-index: 99;
}
.header__menu .submenu li {
    list-style: none;
    text-align: left;
}
.header__menu .submenu li a {
    display: block;
    padding: 5px 0;
}
.header__account {
    padding-top: 20px;
}
.header__account>ul {
    display: -moz-inline-stack;
    display: inline-block;
}
.header__account ul {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    list-style: none;
}
.header__account__notif {
    margin-right: 15px;
}
.header__account__notif>li {
    position: relative;
}
.header__account__notif>li>a {
    font-size: 18px;
}
.header__account__notif>li>span {
    position: absolute;
    pointer-events: none;
    bottom: 2px;
    right: -5px;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    text-align: center;
    font-size: 12px;
}
.header__account>img {
    margin-right: 10px;
    border-radius: 100%;
}
.header__account__user>li>a:after {
    display: -moz-inline-stack;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 6px 4px 1px;
    border-style: solid;
    margin-left: 10px;
}
.slider ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.slider .flexslider {
    border: none;
    border-radius: 0;
    margin: 0;
}
.slider .flex-control-nav {
    bottom: 20px;
    z-index: 99;
    padding-right: 20px;
    text-align: right;
    text-indent: -9999px;
    font-size: 0;
    color: transparent;
}
.slider .flex-control-nav li {
    margin: 0 3px;
}
footer h2,
section [class*=col-]>* {
    margin-top: 0;
}
.slider__caption {
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 56%;
    padding: 15px;
}
.slider__caption h3 {
    margin: 0;
}
.slider__caption .title {
    font-size: 38px;
}
section {
    padding: 75px 0 50px;
}
section [class*=col-]>h1 {
    text-align: center;
}
.vsc-media {
    margin-bottom: 50px;
}
.vsc-media.border-bottom {
    padding-bottom: 35px;
    margin-bottom: 35px;
}
.vsc-media :last-child {
    margin-bottom: 0;
}
footer {
    padding: 20px 0;
    border-top: 1px solid #EFEFEF;
}
footer .col-md-4 {
    margin-bottom: 25px;
}
.footer__telp {
    font-size: 24px;
    margin: 10px 0;
}
.footer__telp:before {
    font-size: 16px;
    margin-right: 5px;
}
.footer__email {
    font-size: 18px;
}
.footer__email a {
    color: #001A72;
}
.footer__otherlink p {
    line-height: 2;
}
.footer__social ul {
    padding: 0;
    margin: 15px 0;
    list-style: none;
}
.footer__social ul li {
    display: -moz-inline-stack;
    display: inline-block;
    margin-right: 10px;
}

/* Put a white circle around the circular social media icon. */
/* Font size is a bit smaller than cell width/height having white background. */
/* Line-height adjusts icon position within background. Changes as font size changes. */
.footer__social ul li a {
    display: -moz-inline-stack;
    display: inline-block;
    width: 55px;
    height: 55px;
    background: #fff;
    border-radius: 100%;
    font-size: 40px;
    text-align: center;
    line-height: 1.4;
}
.scroll-top {
    background-color: #00426A;
    cursor: pointer;
    border-radius: 100%;
}
.footer__copyright {
    font-size: 14px;
    margin-top: 15px;
}
.footer__copyright>* {
    font-size: 14px;
}
.footer__copyright p {
    margin-bottom: 10px;
}
.footer__copyright .logo-link {
    margin-right: 25px;
}
.footer__copyright .logo-link:last-child {
    margin-right: 0;
}
.page__title h1 {
    font-size: 38px;
    margin: 40px 0;
    color: #fff;
}
.dropit {
    position: relative;
}
.dropit ul {
    display: none;
}
.dropit-submenu {
    display: none;
    position: absolute;
    text-align: left;
    top: 120%;
    right: 0;
    min-width: 200px;
    padding: 10px!important;
    z-index: 99;
}
.dropit-submenu a {
    display: block;
}
.scroll-top {
    width: 30px;
    height: 30px;
    position: fixed;
    bottom: 30px;
    right: 15px;
    opacity: 0;
}
.scroll-top.showed {
    opacity: 1;
}
.scroll-top:before {
    display: block;
    width: 0;
    height: 0;
    border-color: transparent transparent #fff;
    border-width: 10px 7px;
    border-style: solid;
    position: absolute;
    left: 8px;
    top: -1px;
}
.mobile-nav {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 15px;
    transition: .1s;
}
.mobile-nav,
.mobile-nav:hover{
   text-decoration: none !important;
}

.box,
.nav-tabs>li>a,
body.report,
header {
    background: #fff;
}
.mobile-nav.clicked:after,
.mobile-nav.clicked:before {
    top: 14px;
}
.mobile-nav:after, .mobile-nav:before {
    display: -moz-inline-stack;
    display: inline-block;
}
.discussion__bookmark>span:before,
.overview__discussion__bookmark a:before {
    content: "";
    width: 0;
    height: 16px;
    border-style: solid;
    border-width: 0 6px 6px;
}
.mobile-nav:before {
    top: 11px;
}
.mobile-nav:after {
    top: 17px;
}
.welcome {
    margin-bottom: 25px;
    padding-top: 0;
}
.welcome span {
    display: -moz-inline-stack;
    display: inline-block;
}
.d-faqs h4,
.discussion__reply h5,
.overview__discussion h4 {
    font-family: ProximaNovaRgRegular;
}
.welcome__txt1 {
    font-size: 24px;
}
.welcome>img {
    margin: 0 5px;
    border-radius: 100%;
}
.welcome__txt2 {
    font-size: 18px;
}
.box {
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    margin-bottom: 20px;
    padding: 20px 0;
}
.box :last-child {
    margin-bottom: 0;
}
.overview__recap {
    text-align: center;
}
.overview__graph,
.overview__table {
    padding-left: 20px;
    padding-right: 20px;
}
.overview__btntoggle {
    text-align: center;
    margin-bottom: 25px;
}
.overview__btntoggle a:first-child {
    border-radius: 5px 0 0 5px;
}
.overview__btntoggle a:last-child {
    border-radius: 0 5px 5px 0;
}
.overview__discussion {
    position: relative;
}
.overview__discussion h4 a {
    color: #414141;
}
.overview__discussion [class*=col-]>img {
    border-radius: 100%;
}
.overview__discussion__meta {
    margin-bottom: 10px;
}
.overview__discussion__meta>a {
    display: -moz-inline-stack;
    display: inline-block;
    margin-right: 20px;
}
.overview__discussion__meta>a.tag {
    text-transform: uppercase;
    font-size: 12px;
    padding: 0 5px;
    border-radius: 2px;
}
.report__colexp__header:after,
.show-detail:after {
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
}
.overview__discussion__bookmark {
    text-align: right;
    position: absolute;
    top: -10px;
    right: 10px;
}
.overview__discussion__bookmark a:before {
    display: -moz-inline-stack;
    display: inline-block;
}
.overview__loadmore {
    text-align: center;
}
.d-discussion .overview__discussion .col-md-1 {
    padding: 0 0 0 15px;
}
.d-discussion .back-to, .discussion__bookmark>span {
    display: -moz-inline-stack;
    display: inline-block;
    margin-bottom: 15px;
}
.discussion__bookmark>span:before {
    display: -moz-inline-stack;
    display: inline-block;
    margin-right: 8px;
    position: relative;
    top: 3px;
}
.discussion__bookmark .create-post {
    width: 100%;
    margin-bottom: 20px;
}
.discussion__panel {
    padding: 0;
    margin: 0;
    list-style: none;
}
.discussion__panel li {
    margin-bottom: 10px;
}
.discussion__panel li:first-child {
    margin-bottom: 25px;
}
.discussion__panel li a:before {
    display: -moz-inline-stack;
    display: inline-block;
    font-size: 18px;
    position: relative;
    top: 3px;
    margin-right: 5px;
}
.discussion__panel li a:hover {
    text-decoration: none;
    color: #EAAA00;
}
.discussion__panel li a>span {
    display: -moz-inline-stack;
    display: inline-block;
    color: #fff;
    padding: 0 3px;
    min-width: 20px;
    text-align: center;
    float: right;
    border-radius: 3px;
}
.discussion__reply__btn,
.tab-content .button-action {
    text-align: right;
}
.discussion__reply {
    padding-left: 30px;
}
.discussion__reply h5 {
    color: #414141;
}
.discussion__reply__btn input {
    margin-left: 10px;
}
.d-faqs .box {
    padding-left: 20px;
    padding-right: 20px;
}
.d-faqs .box :first-child {
    margin-top: 0;
}
.d-faqs h4 {
    margin-bottom: 15px;
}
.report__colexp__header,
.report__top .btn {
    font-family: ProximaNovaLtSemibold;
}
.header-report__logo {
    padding: 30px 15px;
}
.report__top {
    margin-bottom: 100px;
}
.report__top h2 {
    margin-bottom: 0;
}
.report__top p {
    font-size: 14px;
    line-height: 1.5;
}
.report__top .i-vsc-upload:before {
    position: relative;
    top: 2px;
    margin-right: 10px;
}
.report__top .right>p {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 15px;
}
.report__top__summary {
    padding: 15px 20px;
}
.report__top__summary p {
    margin-bottom: 5px;
}
.report__colexp {
    margin-bottom: 30px;
}
.report__colexp__header,
.dialog-header {
    padding: 10px 20px;
    border-radius: 8px 8px 0 0;
    font-size: 16px;
    position: relative;
}
/* this class is for the up/down arrows on right side of accordions */
/* they are in a circle with dark blue( #00426a) background and white arrow */
.report__colexp__header:after {
    content: "k";
    font-family: vinstudent!important;
    position: absolute;
    right: 20px;
    top: 10px;
    background-color:#00426a;
    color: white;
    border-radius: 20px;
    padding: 0 3px 0 4px;
}
.report__colexp__header.collapsed {
    border-radius: 8px;
    margin-bottom:5px;
}
.report__colexp__header.collapsed:after {
    content: "h";
}
.report__colexp__content {
    padding: 20px 5px;
    border: 1px solid #ddd;
    margin-bottom:5px;
}
.nav-tabs {
    position: relative;
}
.nav-tabs>li>a {
    font-family: ProximaNovaLtSemibold;
    padding: 5px 15px;
    font-size: 16px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0 5px;
}
.tab-content p {
    font-size: 14px;
}
.tab-content .button-action a {
    margin-left: 20px;
}
.tab-content .button-action a:before {
    position: relative;
    top: 4px;
    margin-right: 5px;
    font-size: 18px;
}
.grid-5 {
    width: calc(100%/5);
    padding: 0 15px;
    display: -moz-inline-stack;
    display: inline-block;
    margin-right: -3px;
}
.grid-5 span {
    display: block;
    line-height: 1.3;
}
.grid-5 span:last-child {
    font-size: 28px;
    margin-bottom: 20px;
}
.show-detail {
    text-decoration: none!important;
}
.show-detail:before {
    content: "Hide detail";
}
.show-detail:after {
    content: "k";
    font-family: vinstudent!important;
    position: relative;
    top: 3px;
    margin: 0 10px;
}
.show-detail.collapsed:before {
    content: "Show detail";
}
.show-detail.collapsed:after {
    content: "h";
}
h1 {
    color: #F1C40F;
}
h2, h5 {
    color: #001A72;
}
body {
    background: #F9F9F9;
}
input[type=text], textarea {
    border: 1px solid #777F8D;
}
input[type=text]:focus, textarea:focus {
    outline: 0;
    box-shadow: 0 0 3px #777F8D;
}
.btn {
    background: #EAAA00;
    color: #fff;
}
.btn:hover {
    background: #001A72;
    color: #fff!important;
}
.btn.btn--line,
.type-report table tr:nth-child(even) td,
.type-report table tr:nth-child(odd) {
    background: 0 0;
}
.btn.btn--line {
    border: 1px solid #EAAA00;
    color: #EAAA00;
}
.btn.btn--line:hover {
    border: 1px solid #001A72;
    color: #001A72;
}
ul.default-list li:before,
ul.list-1 li:before {
    color: #F1C40F;
}

a:hover, 
a:focus,
a:visited,
a:link {
    color: #d95b43;
    font-weight: 700;
    text-decoration: none !important;
}
.btn-primary,
.btn-primary:visited {
    background-color:#00426a !important;
    color:#ffffff !important;
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
    border-radius: 5px;
    border: 1px solid #00426a !important;
}
.color-btn-primary {
    background-color:#00426a !important;
    color:#ffffff !important;
}
.btn-primary:hover,
.btn-primary:focus {
    background-color:#002855 !important;
    color:#ffffff !important;
    border: 1px solid #002855 !important;
}
.btn-secondary,
.btn-secondary:visited {
    background-color:#e8e3d2 !important;
    border: 1px solid #b6ada5;
    color:#000;
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
    border-radius: 5px;
}
.color-btn-secondary {
    background-color:#e8e3d2 !important;
    color:#000;
}
.btn-secondary:hover,
.btn-secondary:focus {
    background-color:#ddcba4 !important;
    border: 1px solid #ddcba4;
    color:#000;
}
.btn-attention,
.btn-attention:visited {
    background-color:#fecb8b !important;
    color:#333333 !important;
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
    border-radius: 5px;
}
.color-btn-attention {
    background-color:#fecb8b !important;
    color:#333333 !important;
}
.btn-attention:hover,
.btn-attention:focus {
    background-color:#ed9b33 !important;
    color:#333333 !important;
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rsga(0,0,0,.14), 0 1PX 18PX 0 RGBA(0,0,0,.12);
}

/* class to put on an "a" tag to produce a Button to Request running Loan Sim with Total Loan values. */
.run-loan-sim-button {
    background-color: #fecb8b;
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    display: inline-block;
    padding: 5px !important;
    text-align: center;
    vertical-align: middle;
    color: #333333;
    font-size: 16px;
    line-height:1.4;
}

a.run-loan-sim-button:link,
a.run-loan-sim-button:visited,
a.run-loan-sim-button:active {
    color: #333333;
    text-decoration: none !important;
}
a.run-loan-sim-button:focus,
a.run-loan-sim-button:hover {
    background-color: #ed9b33;
    color: #000000;
}

.type-report table th {
    background: 0 0;
    color: #4A5C9A;
    border-bottom: 1px solid #ddd;
}
table th {
    background-color: #D7D2CB;
    color: #2C2A29;
}
table tr:nth-child(odd) {
    background: #F6F4F4;
}
table tr:nth-child(even) td {
    background: #fcfcfc;
}
table tr :last-child {
    border-right: none;
}
.bg-grey {
    background: #EFEFEF;
}
.header__menu>ul>li {
    color: #777F8D;
}
.header__menu>ul>li.current a {
    color: #F1C40F;
    text-decoration: none;
}
.header__menu>ul>li a {
    color: #777F8D;
    text-decoration: none;
}
.header__menu>ul>li a:hover {
    text-decoration: none;
    color: #F1C40F;
}
.header__menu .has-submenu:after {
    border-color: #777F8D transparent transparent;
}
.header__menu .submenu {
    background: #fff;
}
.header__account>ul>li>a:hover {
    color: #B9975B;
    text-decoration: none;
}
.header__account>ul>li>a:hover:after {
    border-color: #B9975B transparent transparent;
}
.header__account__notif>li>a {
    color: #F1C40F;
}
.header__account__notif>li>span {
    background: #F04747;
    color: #fff;
}
.header__account>img {
    border: 1px solid #F1C40F;
}
.header__account__user>li>a {
    color: #F1C40F;
}
.header__account__user>li>a:after {
    border-color: #F1C40F transparent transparent;
}
@keyframes blinker {
    50% {
        opacity:0;
    }
}

#ProjectPanel2_slider .EmbedAdminIcons {
     position: absolute;
     right: 10px;
	 z-index: 100;
}
.slider {
    background: url(../images/pattern.jpg) center #001A72;
}
.slider .loading {
    height: 400px;
    background: rgba(0,26,114,.7);
    position: relative;
}
.slider .loading:after {
    content: "Loading";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    font-size: 18px;
    animation: blinker 1s linear infinite;
}
.slider__caption {
    background: rgba(0,26,114,.45);
}
.slider__caption h3 {
    font-style: italic;
    color: #F1C40F;
}
.slider__caption .title {
    font-family: ProximaNovaRgBold;
}
.slider__caption .title, .slider__caption p {
    color: #fff;
}
.slider .flex-control-paging li a {
    border-radius: 0;
    background: rgba(255,255,255,.5);
    box-shadow: none;
    height: 15px;
    width: 15px;
}
.slider .flex-control-paging li a.flex-active {
    background: #fff;
}
.vsc-media.border-bottom {
    border-bottom: 1px solid rgba(0,0,0,.05);
}
footer {
    background: #F5F5F5;
}
/*
Have links remain the same color, with no underlining even after they have been visited.
 - !important is used to have this take when in incognito mode in Chrome.
Without it, the link is blue and underlined, from base.css, until the page is clicked.
*/
footer a, footer a:visited {
    color: #D95B43 !important;
    text-decoration: none !important;
}
/*
Want to have hover cause link colors to change to a reddish hue.
 - !important is used to have this take when in incognito mode in Chrome.
Without it, hover does not change the color.
*/
footer a:hover {
    color: #D95B43 !important;
    text-decoration: none;
}
footer .footer__otherlink a {
    color: #414141;
}
footer .footer__otherlink a:hover {
    color: #B9975B;
}
.footer__telp:before {
    color: #001A72;
}
.page__title {
    background: url(../images/pattern.jpg) center #001A72;
}
.dropit-submenu {
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
}
.overview__recap {
    border-top: 3px solid #001A72;
}
.overview__discussion h4 a:hover {
    color: #F1C40F;
}
.overview__discussion__meta>*,
.overview__discussion__meta>a {
    color: #979797;
}
.overview__discussion__meta>:hover,
.overview__discussion__meta>a:hover {
    text-decoration: none;
    color: #EAAA00;
}
.overview__discussion__meta>.tag,
.overview__discussion__meta>a.tag {
    border: 1px solid #979797;
}
.overview__discussion__meta>.tag:hover,
.overview__discussion__meta>a.tag:hover {
    border: 1px solid #EAAA00;
    color: #EAAA00;
}
.overview__discussion__bookmark a.bookmarked:before,
.overview__discussion__bookmark a:hover:before {
    border-color: #EAAA00 #EAAA00 #fff;
}
.overview__discussion__bookmark a:before {
    border-color: #EFEFEF #EFEFEF #fff;
}
.discussion__bookmark span {
    color: #777F8D;
}
.discussion__bookmark span:before {
    border-color: #EAAA00 #EAAA00 #F9F9F9;
}
.discussion__panel li a:before,
.discussion__panel li a:hover {
    color: #EAAA00;
}
.discussion__panel li a {
    color: #777F8D;
}
.discussion__panel li a:hover>span {
    background: #EAAA00;
}
.discussion__panel li a>span {
    background: #777F8D;
}
.pulse-loader:not(:required) {
    border: 2px solid #EAAA00;
    width: 25px;
    height: 25px;
}
@keyframes pulse-loader {
    0% {
        box-shadow:#EAAA00 0 0 0 10px;
    }
    40% {
        box-shadow:none;
    }
    100% {
    box-shadow:#EAAA00 0 0 0 15px inset;
    }
}
.header-report {
    background: #F9F9F9;
    border-bottom: 1px solid #ddd;
}
.report__top__summary {
    background: #fff;
}

/* this is the class for the accordion sections */
/* background is "warm grey" #d7d2cb  with dark color characters */
.report__colexp__header,
.dialog-header {
    background:  #d7d2cb;
    color: #2c2a29;
    cursor:pointer;
}
.nav-tabs>li>a {
    color: rgba(102,102,102,.4);
}
.nav-tabs>li.active>a {
    color: #666;
}
.tab-content .button-action a {
    color: #414141;
}
.tab-content .button-action a:before {
    color: #EAAA00;
}
.tab-content .button-action a:hover {
    text-decoration: none;
    color: #EAAA00;
}
@media screen and (max-width:767px) {
    body {
        touch-action: pan-y;
    }
    #welcome > .container,
    #welcome > .container .col-md-9,
    #DocumentPanel_content {
        padding: 0px !important;
    }
    #costOfEducationPlaceholder {
        max-width: 375px;
        min-height: 2500px;
        overflow: hidden;
    }
    .header__menu, .slider__caption {
        position: relative;
    }
    header, header.is-sticky {
        padding: 10px 0;
    }
    header.is-sticky .mobile-nav {
        top: 0;
    }
    header.is-sticky .header__login {
        top: -38px;
    }
    header.is-sticky .header__menu {
        margin-top: -70px;
    }
    header.is-sticky .header__menu .submenu {
        top: 14px;
    }
    header .header__menu {
        background: #fff;
        min-height: 0;
    }
    header.loggedin .mobile-nav {
        left: 15px;
        opacity: 1;
        visibility: visible;
        top: 90px;
        z-index: 9;
    }

    .header__logo {
        text-align: center;
    }

    .header__menu>ul {
        max-height: 0;
        overflow: hidden;
        margin: 0;
        transition: .4s;
    }
    .footer__copyright, .nav-tabs {
        margin-top: 15px;
    }
    .header__menu>ul.open {
        padding-top: 10px;
        max-height: 2000px;
    }
    .header__menu>ul>li {
        display: block;
        text-align: center;
    }
    .header__menu>ul>li:before {
        display: none;
    }
    .grid-5, .nav-tabs li {
        display: block;
        width: 100%;
    }
    .header__menu .submenu {
        position: relative;
        bottom: auto;
        top: auto;
        width: 100%;
        box-shadow: none;
    }
    .slider .col-md-12 {
        padding: 0;
    }
    .slider__caption {
        width: 100%;
        left: auto;
        bottom: auto;
        background: rgba(0,26,114,.8);
    }
    .slider__caption .title {
        font-size: 28px;
        line-height: 1.2;
        margin-bottom: 10px;
    }
    section [class*=col-]>* {
        margin-bottom: 15px!important;
    }
    .dropit-submenu {
        right: auto;
    }
    .overview__discussion__bookmark {
        top: -55px;
    }
    .discussion__reply__btn input {
        margin-bottom: 10px;
    }
    .d-discussion .sidebar {
        float: none;
        margin-bottom: 20px;
    }
    .nav-tabs {
        top: 0;
        margin-bottom: 30px;
        border-bottom: none;
    }
    .nav-tabs li {
        margin-bottom: 10px;
    }
    .nav-tabs li.active a {
        background-color: #707070!important;
        border: 1px solid #ddd!important;
        color: #fff!important;
    }
    .nav-tabs li a {
        border-radius: 5px;
    }
    .tab-content {
        padding: 0 15px;
    }
    .tab-content .button-action {
        text-align: left;
        margin-bottom: 15px;
    }
    .tab-content .button-action a {
        margin-left: 0;
        margin-right: 15px;
    }
}
/* end: @media screen and (max-width:767px) */

@media screen and (min-width:768px) and (max-width:1023px) {
    header.loggedin .header__logo {
        margin-bottom: 10px;
        text-align: center;
    }
    header.loggedin .header__menu {
        position: relative;
        margin-top: 0;
        background: #fff;
    }
    header.loggedin .header__menu>ul {
        max-height: 0;
        overflow: hidden;
        margin: 0;
        transition: .4s;
    }
    header.loggedin .header__menu>ul.open {
        padding-top: 10px;
        max-height: 2000px;
    }
    header.loggedin .header__menu>ul>li {
        display: block;
        text-align: center;
    }
    header.loggedin .header__menu>ul>li:before {
        display: none;
    }
    header.loggedin .header__menu .submenu {
        position: relative;
        bottom: auto;
        top: auto;
        width: 100%;
        box-shadow: none;
        }
    header.loggedin .mobile-nav {
        left: 15px;
        top: 30px;
        opacity: 1;
        visibility: visible;
    }
    header.loggedin .mobile-nav.clicked {
        top: 6px;
    }
    .slider__caption .title {
        font-size: 30px;
        line-height: 1.2;
        margin-bottom: 10px;
    }
    .overview__recap .col-sm-6 {
        margin-bottom: 20px;
    }
    .nav-tabs {
        top: 0;
        margin-top: 15px;
        margin-bottom: 30px;
        border-bottom: none;
    }
    .tab-content {
        padding: 0 15px;
    }
    .tab-content .button-action {
        text-align: left;
        margin-bottom: 15px;
    }
    .tab-content .button-action a {
        margin-left: 0;
        margin-right: 15px;
    }
    .run-sim {
        top: -200px;
    }
    .loan-sim-slide {
        position: relative;
        left: 0;
        right: 0;
        width: 750px;
        margin: 0 auto 50px;
    }
    .report-loan.m-open-sim>.row {
        display: none;
    }
    .report-loan.m-open-sim .loan-sim-slide {
        display: block;
        opacity: 1;
    }
    .close-sim {
        display: inline-block;
        font-family: ProximaNovaLtSemibold;
        position: absolute;
        right: 15px;
        top: -85px;
    }
}
/* end: @media screen and (min-width:768px) and (max-width:1023px)  */
   
.DocumentUrlLink, #DocumentPanel_search {
   display: none;
}

footer .footer__otherlink  ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
footer .footer__otherlink li {
    margin-bottom: 6px;
}

#DocumentPanel_Browse h4 {
    font-size:18px;
}

#DocumentPanel_Browse ul {
    list-style: none;
    margin-left: -30px;
}

#DocumentPanel_Browse li {
    margin-top: 10px;
}

.DocumentPanel  {   
    margin-top: -50px;
}

.nodeText {
    font-weight: 800;
}

.tree-children .tree-children-level-2 a  {
    font-weight: 300!important;
}

.BodyNoIndent {
    font-size: 14px;
}

section#welcome {
    padding: 0;
    margin-top: 30px;
}

input[type="button"] {
    padding: 9px;
}

span#documentContainer7460926 iframe {
    margin-top: -50px!important;
    overflow-y: hidden;
    height: 800px;
}

/* The SDC Banner is a one line message and link in white text, that doesn't act like a link */
#SDCBannerContent a,
#SDCBannerContent a:hover,
#SDCBannerContent a:focus,
#SDCBannerContent a:visited,
#SDCBannerContent a:link {
    color: white;
    font-weight: 900;
}

#SDCBannerContent a {
    text-decoration: none !important;
}

#SDCBannerContent a:hover,
#SDCBannerContent a:focus,
#SDCBannerContent a:visited,
#SDCBannerContent a:link {
    text-decoration: none !important;
}

#SDCBannerContent p {
    border: 1px solid rgb(242,203,29);
    padding: 4px;
    margin-bottom: 0;
    font-family: ProximaNovaRgRegular;
    font-size: 22px;
    background: #de7c00;
    text-align: center;
}

.carousel  {
   background:url(/Global/VINStudentDebtCenter/images/pattern.jpg) center #001A72;
}   
.container-fluid {
    padding:0!important; overflow-x: hidden;
}
#ProjectPanel_slider {
    background: white;
    overflow-y: hidden;
}
.carousel-inner img {
    width: auto;
    height:auto;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    max-width:90%;
    margin: auto;
    height:auto!important;
    zoom: 1.073;
    display:block;
}

.carousel-indicators {
    margin-left: 0;
}
.carousel-indicators li {
    background: rgba(255,255,255,.5);
}

.carousel-indicators li {
    width: 15px;
    height: 15px;
    border-radius:0;
    color:#666;
    border: 1px solid #666;
}
.carousel-indicators .active {
    width: 15px;
    height: 15px;
    background: #EAAA00;
    margin: 1px;
}
.carousel-indicators {
    bottom:-10px;
}
.carousel-control {
    top: 50%;
    bottom: 50%;
}
.tree-children {
    margin-left:-1px!important;
}
.tree-node .bulletDiv {
    margin-top:8px;
}
#DocumentPanel_search h3 {
    margin-left: 20px;       
}   
#CategoryListPanel_search h3 {
    margin-left: 20px;       
}
#DocumentPanel_MobileSearch h3 {
    margin-left: 20px;       
}   
#DocumentPanel_search input {
    border-right: 2px solid grey;       
}
#SearchResultsPanel2 input {
    border-right: 2px solid grey;       
}
#DocumentPanel_MobileSearch input {
    border-right: 2px solid grey;       
}
.page-title p {
    color:#fff;
}
.page-title .LinkStyle {
    color:#B9975B;
}
[class^="i-vsc-"]:before, [class*=" i-vsc-"]:before {
    line-height:1.6;
}
.checkAll, .uncheckAll, .viewChecked {
    display: none;
}
#SearchResultsDiv table:first-child  {
    display: none;
}
.leftBtns input {
    display: none;
}
.leftBtns img {
    display: none;
}
.ResultLink {
    font-weight: 700;
    font-size: 18px;
}
div#SearchResultsDiv hr {
    display: none;
}

@media screen and (max-width:500px) {
    .carousel-control.left {
        top:25%;
    }

    .carousel-control.right {
        top:25%;
    }
}

@media screen and (min-width:992px) {
  .slider__caption {
    left: 6%;
    width: 46%;
  }
  .carousel-indicators {
    left:46%;
  }
}

@media screen and (min-width:1100px) {
  .slider__caption {
    left: 11%;
    width: 46%;
  }
  .carousel-indicators {
    left:46%;
  }
}

@media screen and (min-width:1200px) {
  .slider__caption {
    left: 13%;
    width: 36%;
  }
  .carousel-indicators {
    left:46%;
  }
}

@media screen and (min-width:1300px) {
  .slider__caption {
    left: 22%;
    width: 36%;
  }
  .carousel-indicators {
    left:43%;
  }
}

@media screen and (min-width:1700px) {
  .slider__caption {
    left: 25%;
    width: 36%;
  }
  .carousel-indicators {
    left:43%;
  }
}

.carousel  { background:url(/Global/VINStudentDebtCenter/images/pattern.jpg) center #001A72; margin-top:-20px; }    
.container-fluid { padding:0!important; overflow-x: hidden; }
#ProjectPanel_slider { background: white; overflow-y: hidden; }
.carousel-inner img { width: auto; height:auto; }

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    /*max-width:auto;*/
    max-width: 90%;
    margin: auto;
    height:auto!important;
    zoom: 1.07;
    display:block;
}
.carousel-indicators {
    margin-left: 0;
}
.carousel-indicators li {
    background: rgba(255,255,255,.5);
}

.carousel-indicators li {
    width: 15px;
    height: 15px;
    border-radius:0;
    color:#666;
    border: 1px solid #666;
}
.carousel-indicators .active {
    width: 15px;
    height: 15px;
    background: #EAAA00;
    margin: 1px;
}
.carousel-indicators {
    bottom:-10px;
}
.carousel-control {
    top: 50%;
    bottom: 50%;
}
.tree-children {
    margin-left:-1px!important;
}
.tree-node .bulletDiv {
    margin-top:8px;
}
#DocumentPanel_search h3 {
    margin-left: 20px;        
}    
.page-title p {
    color:#fff;
}
.page-title .LinkStyle {
    color:#B9975B;
}
.checkbox label {
    margin-bottom: 20px;
    font-size: 16px;
}

@media screen and (min-width:992px) {
  .slider__caption {
    left: 6%;
    width: 46%;
  }
  .carousel-indicators {
    left:46%;
  }
}

@media screen and (min-width:1100px) {
  .slider__caption {
    left: 11%;
    width: 46%;
  }
  .carousel-indicators {
    left:46%;
  }
}

@media screen and (min-width:1200px) {
  .slider__caption {
    left: 13%;
    width: 36%;
  }
  .carousel-indicators {
    left:46%;
  }
}

@media screen and (min-width:1300px) {
  .slider__caption {
    left: 22%;
    width: 36%;
  }
  .carousel-indicators {
    left:43%;
  }
}

@media screen and (min-width:1700px) {
  .slider__caption {
    left: 25%;
    width: 36%;
  }
  .carousel-indicators {
    left:43%;
  }
}

#mobile-nav-control .fa {
  color:#001a72;
}

#mobile-nav-control {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 15px;
    font-size:1.6em;
}

@media screen and (max-width:768px) {
  .page__title h1 {
    font-size: 25px;
    margin: 10px 0;
  }
  .header__menu>ul {
    margin:5px 0;
  }
}

@media screen and (max-width:992px) {
  .page__title h1 {
    font-size: 30px;
    margin: 15px 0;
  }
  .header__menu>ul {
    margin:5px 0;
  }
}

/* Support for header to use bootstrap collapse system for the menu . */
/* override the bootstrap classes, "navbar" and "navbar-default" to have "no" color or border */
.navbar {
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.navbar-default {
    background-color: #ffffff;
    border: 0px;
}
.navbar-header {
    /* border: solid 1px blue; */
}
.navbar-default .navbar-collapse >ul>li {
    margin:0;
    /* border: solid 1px black; */
}

/* add bar separator between each menu choice using "before" content, then removing the first "before" content */
.navbar-default .navbar-collapse >ul>li:before {
    display:inline;
    content:"|";
    margin:10px 10px;
}
.navbar-default .navbar-collapse>ul>li:first-child:before {
    content: "";
    margin-left: 20px; 
}

.navbar-default .navbar-collapse >ul>li {
    text-decoration: none;
    color:#777F8D;
    font-weight:700;
}
.navbar-default .navbar-collapse>ul>li.current {
    text-decoration: none;
    color:#F1C40F;
}
.navbar-default .navbar-collapse>ul>li:hover {
    text-decoration: none;
    color:#F1C40F !important;
}

/* last menu choice "give" has a special look, in red box, then blue box on hover, ofset to line up */
.navbar-default .navbar-collapse>ul>li a.nav-give span {
    font-size: 150%;
    background-color: #d95b43;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}
.navbar-default .navbar-collapse>ul>li a.nav-give span:hover {
    background-color: #002d66;
    color: #fff;
    font-size: 150%;
    padding-top: 5px;
    padding-bottom: 5px;
}
.navbar-default .navbar-collapse>ul>li:last-child {
    margin-top:-2px;
}

.navbar-default .navbar-collapse {
    /* border: solid 1px red; */
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
    background-color: #515151;
}
.navbar-header .navbar-toggle {
    background: transparent !important;
    border-color: transparent;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 6px;
}
.navbar-toggle .middle-bar {
    top: 1px;
    margin-top: 5px;
}
.navbar-default .navbar-toggle .bottom-bar {
    top: 2px;
    margin-top: 5px;
    height: 2px;
}
/* animate the hamburg/X transition */
.navbar-default .navbar-toggle .icon-bar {
    position: relative;
    transition: all 250ms ease-in-out;
}
.nav.navbar-nav.navbar-right a {
    padding: 5px;
}

/* form the X look by making middle bar invisible and rotating top/bottom bars */
.navbar-default .navbar-header .navbar-toggle.active .top-bar,
.navbar-default .navbar-header .navbar-toggle .top-bar {
    top: 7px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: translate(45deg);
    height: 2px;
}
.navbar-default .navbar-header .navbar-toggle.active .middle-bar,
.navbar-default .navbar-header .navbar-toggle .middle-bar {
    opacity: 0;
}
.navbar-default .navbar-header .navbar-toggle.active .bottom-bar,
.navbar-default .navbar-header .navbar-toggle .bottom-bar {
    top: -6px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: translate(-45deg);
}

/* form the "hamburg" look with all bars visible and horizontal */
.navbar-default .navbar-toggle.collapsed .top-bar {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 0px;
}
.navbar-default .navbar-toggle.collapsed .middle-bar {
    opacity: 1;
}
.navbar-default .navbar-toggle.collapsed .bottom-bar {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 2px;
}



@media screen and (min-width:768px) {
    .navbar-nav > li > a {
        display: inline;
        padding: 0 0;
    }
    .navbar-nav  {
        margin-top: .8em;
    }
}
@media screen and (min-width:768px) and (max-width:992px) {
    .logo-container {
        padding-left: 15em;
    }
}
/* collapsed menu when window is less than 767px, not the standard bootstrap break point */
@media screen and (max-width:767px) {
    /* toggle-button is positioned to be veritcally centered on right */
    .navbar-default .header-container .navbar-header .navbar-toggle {
        margin: 1.6em 3.5em 0 0;
    }
    /* menu choices are centered */
    .header-container .navbar-nav > li {
        text-align:center;
        padding-bottom:5px;
    }
    /* remove separators between menu choices */
    .navbar-default .navbar-collapse >ul>li:before {
        content:"";
        margin: 0;
    }
    /* logo is smaller, width is auto sized based on the height */
    #sdc-vf,
    #sdc-vin {
        max-height:75px;
    }
}
/* When menu choices are wide and to the right, pull them down from the top edge */
@media screen and (min-width:992px) {
    .navbar-nav  {
        margin-top: 2em;
    }
}
#DocumentAuthorAndDateContainer {
    margin-bottom: 16px;
}
.DocumentAuthors a p {
    display: inline;
}