html, body {
    font-family: "Arial",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 12px;
}


.sitePrimaryBkgnd {
    background-color: #1F3768 !important;
    color: white;
}

.headerBar {
    height: 65px;
    background-color: #1F3768 !important;
    color: white;
}

.headerNav {
    color: white;
    font-size: 12px;
}

    .headerNav a {
        color: white;
        font-size: 12px;
        text-decoration: none;
    }

        .headerNav a:hover {
            color: #707070;
        }


.dsHeaderLink {
    color: white;
    text-decoration: none !important;
    font-size: 25px !important;
}

    .dsHeaderLink:hover {
        color: white;
    }


.main {
}

.signInContainer {
    width: 320px;
}

@media (min-width: 768px) {
    .main {
        padding-right: 0px;
        padding-left: 220px;
    }

    .signInContainer {
        width: 500px;
    }
}

.main .page-header {
    margin-top: 0;
}


.ie11-vert-stretch-fix {
    height: 1px;
}

.sitePrimaryColor {
    color: #1F3768 !important;
}

.siteSecondaryColor {
    background-color: #0078C3 !important;
    color: white !important;
}

.sitePrimaryBkgnd {
    background-color: #1F3768 !important;
    color: white;
}

.siteSecondaryBkgnd {
}

.siteBkgnd {
    background-color: #F0F0F0;
}

.btn-roadlivesHighlight {
    background-color: #ad333d !important;
    color: white !important;
}

.text-blue {
    color: #0078C3 !important;
}

.ds-text-8 {
    font-size: 8px !important;
}

.ds-text-10 {
    font-size: 10px !important;
}

.ds-text-11 {
    font-size: 11px !important;
}

.ds-text-12 {
    font-size: 12px !important;
}

.ds-text-13 {
    font-size: 13px !important;
}

.ds-text-14 {
    font-size: 14px !important;
}

.ds-text-15 {
    font-size: 15px !important;
}

.ds-text-16 {
    font-size: 16px !important;
}

.ds-text-17 {
    font-size: 17px !important;
}

.ds-text-18 {
    font-size: 18px !important;
}

.ds-text-19 {
    font-size: 19px !important;
}

.ds-text-20 {
    font-size: 20px !important;
}

.ds-text-22 {
    font-size: 22px !important;
}

.ds-text-23 {
    font-size: 23px !important;
}

.ds-text-24 {
    font-size: 24px !important;
}

.ds-text-26 {
    font-size: 26px !important;
}

.ds-text-28 {
    font-size: 28px !important;
}

.ds-text-30 {
    font-size: 30px !important;
}

.ds-text-32 {
    font-size: 32px !important;
}

.ds-text-33 {
    font-size: 33px !important;
}

.ds-text-34 {
    font-size: 34px !important;
}

.ds-text-35 {
    font-size: 35px !important;
}

.ds-text-36 {
    font-size: 36px !important;
}

.ds-text-38 {
    font-size: 38px !important;
}

.ds-text-40 {
    font-size: 40px !important;
}

.ds-text-42 {
    font-size: 42px !important;
}

.ds-text-44 {
    font-size: 44px !important;
}

.ds-text-46 {
    font-size: 46px !important;
}

.ds-text-47 {
    font-size: 47px !important;
}

.text-lt-gray {
    color: #9FA0A0;
}

.text-dk-gray {
    color: #707070;
}

.text-bold {
    font-weight: bold;
}


.userProfileDropDownMenu {
    top: 37px;
    right: -1px;
}

.userProfileDropDown {
    color: black;
    font-size: 12px;
}

    .userProfileDropDown a {
        color: black;
        font-size: 12px;
        text-decoration: none;
    }

        .userProfileDropDown a:hover {
            color: #707070;
            background-color: #E6E6E6;
        }



.avatar-sm {
    vertical-align: middle;
    width: 40px;
    height: 40px;
}

.avatar {
    vertical-align: middle;
    width: 125px;
    height: 125px;
    border: solid;
    border-width: 1px;
    border-color: #9FA0A0;
}