@font-face{
    font-family: 'TitilliumWeb';
    src:url('Fonts/TitilliumWeb-Regular.ttf') format('truetype');
}

.FontTitilliumWeb {
    font-family: 'TitilliumWeb', sans-serif;
}

@font-face {
    font-family: 'TitilliumWebSemiBold';
    src: url('Fonts/TitilliumWeb-SemiBold.ttf') format('truetype');
}

.FontTitilliumWebSemiBold {
    font-family: 'TitilliumWebSemiBold', sans-serif;
}

@font-face {
    font-family: 'TitilliumWebBlack';
    src: url('Fonts/TitilliumWeb-Black.ttf') format('truetype');
}

.FontTitilliumWebBlack {
    font-family: 'TitilliumWebBlack', sans-serif;
}

@font-face {
    font-family: 'TitilliumWebBold';
    src: url('Fonts/TitilliumWeb-Bold.ttf') format('truetype');
}

.FontTitilliumWebBold {
    font-family: 'TitilliumWebBold', sans-serif;
}

@font-face {
    font-family: 'TitilliumWebBoldItalic';
    src: url('Fonts/TitilliumWeb-BoldItalic.ttf') format('truetype');
}

.FontTitilliumWebBoldItalic {
    font-family: TitilliumWebBoldItalic, sans-serif;
}

@font-face {
    font-family: 'TitilliumWebExtraLight';
    src: url('Fonts/TitilliumWeb-ExtraLight.ttf') format('truetype');
}

.FontTitilliumWebExtraLight {
    font-family: TitilliumWebExtraLight, sans-serif;
}

@font-face {
    font-family: 'TitilliumWebExtraLightItalic';
    src: url('Fonts/TitilliumWeb-ExtraLightItalic.ttf') format('truetype');
}

.FontTitilliumWebExtraLightItalic {
    font-family: 'TitilliumWebExtraLightItalic', sans-serif;
}

@font-face {
    font-family: 'TitilliumWebItalic';
    src: url('Fonts/TitilliumWeb-Italic.ttf') format('truetype');
}

.FontTitilliumWebItalic {
    font-family: TitilliumWebItalic, sans-serif;
}

@font-face {
    font-family: 'TitilliumWebLight';
    src: url('Fonts/TitilliumWeb-Light.ttf') format('truetype');
}

.FontTitilliumWebLight {
    font-family: 'TitilliumWebLight', sans-serif;
}

@font-face {
    font-family: 'TitilliumWebLightItalic';
    src: url('Fonts/TitilliumWeb-LightItalic.ttf') format('truetype');
}

.FontTitilliumWebLightItalic {
    font-family: 'TitilliumWebLightItalic', sans-serif;
}

@font-face {
    font-family: 'TitilliumWebSemiBoldItalic';
    src: url('Fonts/TitilliumWeb-SemiBoldItalic.ttf') format('truetype');
}

.FontTitilliumWebSemiBoldItalic {
    font-family: TitilliumWebSemiBoldItalic, sans-serif;
}

@font-face {
    font-family: 'Lato-Black';
    src: url('Fonts/Lato-Black.ttf') format('truetype');
}

.FontLatoBlack {
    font-family: Lato-Black, sans-serif;
}

@font-face {
    font-family: 'Lato-BlackItalic';
    src: url('Fonts/Lato-BlackItalic.ttf') format('truetype');
}

.FontLatoBlackItalic {
    font-family: Lato-BlackItalic, sans-serif;
}

@font-face {
    font-family: 'Lato-Bold';
    src: url('Fonts/Lato-Bold.ttf') format('truetype');
}

.FontLatoBold {
    font-family: 'Lato-Bold', sans-serif;
}

@font-face {
    font-family: 'Lato-BoldItalic';
    src: url('Fonts/Lato-BoldItalic.ttf') format('truetype');
}

.FontLatoBoldItalic {
    font-family: Lato-BoldItalic, sans-serif;
}

@font-face {
    font-family: 'Lato-Italic';
    src: url('Fonts/Lato-Italic.ttf') format('truetype');
}

.FontLatoItalic {
    font-family: Lato-Italic, sans-serif;
}

@font-face {
    font-family: 'Lato-Light';
    src: url('Fonts/Lato-Light.ttf') format('truetype');
}

.FontLatoLight {
    font-family: Lato-Light, sans-serif;
}

@font-face {
    font-family: 'Lato-LightItalic';
    src: url('Fonts/Lato-LightItalic.ttf') format('truetype');
}

.FontLatoLightItalic {
    font-family: Lato-LightItalic, sans-serif;
}

@font-face {
    font-family: 'Lato-Regular';
    src: url('Fonts/Lato-Regular.ttf') format('truetype');
}

.FontLatoRegular {
    font-family: Lato-Regular, sans-serif;
}

@font-face {
    font-family: 'Lato-Thin';
    src: url('Fonts/Lato-Thin.ttf') format('truetype');
}

.FontLatoThin {
    font-family: Lato-Thin, sans-serif;
}

@font-face {
    font-family: 'Lato-ThinItalic';
    src: url('Fonts/Lato-ThinItalic.ttf') format('truetype');
}

.FontLatoThinItalic {
    font-family: Lato-ThinItalic, sans-serif;
}

@font-face {
    font-family: 'SourceSans3-Medium';
    src: url('Fonts/SourceSans3-Medium.ttf') format('truetype');
}

.FontSourceSans3Medium {
    font-family: SourceSans3-Medium, sans-serif;
}

@font-face {
    font-family: 'SourceSans3-BlackItalic';
    src: url('Fonts/SourceSans3-BlackItalic.ttf') format('truetype');
}

.FontSourceSans3BlackItalic {
    font-family: SourceSans3-BlackItalic, sans-serif;
}

@font-face {
    font-family: 'SourceSans3-Bold';
    src: url('Fonts/SourceSans3-Bold.ttf') format('truetype');
}

.FontSourceSans3Bold {
    font-family: SourceSans3-Bold, sans-serif;
}

@font-face {
    font-family: 'SourceSans3-BoldItalic';
    src: url('Fonts/SourceSans3-BoldItalic.ttf') format('truetype');
}

.FontSourceSans3BoldItalic {
    font-family: SourceSans3-BoldItalic, sans-serif;
}

@font-face {
    font-family: 'SourceSans3-ExtraBold';
    src: url('Fonts/SourceSans3-ExtraBold.ttf') format('truetype');
}

.FontSourceSans3ExtraBold {
    font-family: SourceSans3-ExtraBold, sans-serif;
}

@font-face {
    font-family: 'SourceSans3-ExtraBoldItalic';
    src: url('Fonts/SourceSans3-ExtraBoldItalic.ttf') format('truetype');
}

.FontSourceSans3ExtraBoldItalic {
    font-family: SourceSans3-ExtraBoldItalic, sans-serif;
}

@font-face {
    font-family: 'SourceSans3-ExtraLight';
    src: url('Fonts/SourceSans3-ExtraLight.ttf') format('truetype');
}

.FontSourceSans3ExtraLight {
    font-family: SourceSans3-ExtraLight, sans-serif;
}

@font-face {
    font-family: 'SourceSans3-ExtraLightItalic';
    src: url('Fonts/SourceSans3-ExtraLightItalic.ttf') format('truetype');
}

.FontSourceSans3ExtraLightItalic {
    font-family: SourceSans3-ExtraLightItalic, sans-serif;
}

@font-face {
    font-family: 'SourceSans3-Italic-VariableFont_wght';
    src: url('Fonts/SourceSans3-Italic-VariableFont_wght.ttf') format('truetype');
}

.FontSourceSans3ItalicVariableFont {
    font-family: SourceSans3-Italic-VariableFont_wght, sans-serif;
}

@font-face {
    font-family: 'SourceSans3-Italic';
    src: url('Fonts/SourceSans3-Italic.ttf') format('truetype');
}

.FontSourceSans3Italic {
    font-family: SourceSans3-Italic, sans-serif;
}

@font-face {
    font-family: 'SourceSans3-Light';
    src: url('Fonts/SourceSans3-Light.ttf') format('truetype');
}

.FontSourceSans3Light {
    font-family: SourceSans3-Light, sans-serif;
}

@font-face {
    font-family: 'SourceSans3-LightItalic';
    src: url('Fonts/SourceSans3-LightItalic.ttf') format('truetype');
}

.FontSourceSans3LightItalic {
    font-family: SourceSans3-LightItalic, sans-serif;
}

@font-face {
    font-family: 'SourceSans3-Black';
    src: url('Fonts/SourceSans3-Black.ttf') format('truetype');
}

.FontSourceSans3Black {
    font-family: SourceSans3-Black, sans-serif;
}

@font-face {
    font-family: 'SourceSans3-MediumItalic';
    src: url('Fonts/SourceSans3-MediumItalic.ttf') format('truetype');
}

.FontSourceSans3MediumItalic {
    font-family: SourceSans3-MediumItalic, sans-serif;
}

@font-face {
    font-family: 'SourceSans3-Regular';
    src: url('Fonts/SourceSans3-Regular.ttf') format('truetype');
}

.FontSourceSans3Regular {
    font-family: SourceSans3-Regular, sans-serif;
}

@font-face {
    font-family: 'SourceSans3-SemiBold';
    src: url('Fonts/SourceSans3-SemiBold.ttf') format('truetype');
}

.FontSourceSans3SemiBold {
    font-family: SourceSans3-SemiBold, sans-serif;
}

@font-face {
    font-family: 'SourceSans3-SemiBoldItalic';
    src: url('Fonts/SourceSans3-SemiBoldItalic.ttf') format('truetype');
}

.FontSourceSans3SemiBoldItalic {
    font-family: SourceSans3-SemiBoldItalic, sans-serif;
}

@font-face {
    font-family: 'SourceSans3-VariableFont_wght';
    src: url('Fonts/SourceSans3-VariableFont_wght.ttf') format('truetype');
}

.FontSourceSans3VariableFont {
    font-family: SourceSans3-VariableFont_wght, sans-serif;
}

.robertsonToolBackground {
    background-color: #fafafa;
}

.robertsonToolFormBackground {
    background-color: #f0f0f0
}

.robertsonToolFormInputBackground {
    background-color: #ffffff /* This is pure white which is the default color anyway */
}

.mud-input {
    background-color: #ffffff;
}

.card{
    border: none;
}

h5{
    font-family: Lato-Black;
}

h4{
    font-family: Lato-Bold;
    font-size: 20px;
    text-align: center;
}

li{
    font-family: Lato-Bold;
    font-size: 18px;
    line-height: 35px;
}

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    height: 100vh;
}

.fullpage {
    height: 100% !important;
    background-color: #fafafa;
}

a, .btn-link {
    color: #006bb7;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
    padding-top: 1.1rem;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

.mud-ripple:hover {
    text-decoration: none !important;
    /*background-color: purple !important;   change this to fit with the background image*/
}

.featureimage img{
    height: 100%;
    width: 100%;
    display: block;
}