body { font-family: Arial, Helvetica, sans-serif; /*background-color:#F0F0F0;*/ background-color: #FFFFFF; /*height:100%;*/ }

html, body { height: 100% !important; width: 100%; -ms-overflow-style: -ms-autohiding-scrollbar; }

button:focus { outline: none; }

.dzColor { color: #0f6fd5; }
.dzBackgroundColor { background-color: #0f6fd5; }
.TenfortyColor { color: #2a51ac; }
.TenfortyBackgroundColor { background-color: #2a51ac; }
.TenfortyResultsColor { color: #1c2f48; }
.TenfortyResultsBackgroundColor { background-color: #1c2f48; }

.helpLink { color: #2a51ac; text-decoration: none;}
.helpLink:hover{ text-decoration: underline; font-weight: 600;}

.progress { position: relative; height: 4px; display: block; width: 100%; max-width: 400px; background-color: #6fa6e5; border-radius: 2px; background-clip: padding-box; margin: 75px auto; overflow: hidden; }
    .progress .indeterminate { background-color: #0f6fd5; }
        .progress .indeterminate:before { content: ''; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
        .progress .indeterminate:after { content: ''; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; -webkit-animation-delay: 1.15s; animation-delay: 1.15s; }

@-webkit-keyframes indeterminate {
    0% { left: -35%; right: 100%; }
    60% { left: 100%; right: -90%; }
    100% { left: 100%; right: -90%; }
}

@keyframes indeterminate {
    0% { left: -35%; right: 100%; }
    60% { left: 100%; right: -90%; }
    100% { left: 100%; right: -90%; }
}

.splashScreenChild { position: fixed; top: 50%; left: 50%; margin-top: -270px; margin-left: -150px; }


.mat-slider-thumb { bottom: -20px !important; right: -18px !important; width: 36px !important; height: 36px !important; /*Implement only if iOS*/ pointer-events: auto; }

.cdk-overlay-pane, .mat-overlay-pane { width: auto !important; height: auto !important; max-height: 550px !important; /*z-index: 2001 !important;*/ }
.cdk-global-scrollblock { overflow-y: hidden !important; }
.mat-slider-track-wrapper { /*Implement only if iOS*/ height: 90px !important; pointer-events: none; }

.mat-dialog-title { font-size: larger !important; font-weight: 400 !important; font-family: Arial, Helvetica, sans-serif !important; }

.mat-dialog-container { max-width: 780px; }