html,
body {
    background-color: #3f76a7;
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.mt-1 {
    margin-top: 1em;
}

.mt-2 {
    margin-top: 2em;
}

.mt-3 {
    margin-top: 3em;
}

.mt-4 {
    margin-top: 4em;
}

.mb-1 {
    margin-bottom: 1em;
}

.no-mb {
    margin-bottom: 0 !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

@media screen and (max-width: 1280px) {
    .radio-button-country {
        margin-top: 10px !important;
    }
}

.e-pivotfieldlist-wrapper {
    max-width: 75% !important;
    /* Reduce width of field list so it does not cover filters and glitch outside of its container */
}

.e-pivotfieldlist .e-select-table {
    z-index: 1 !important;
    /* Reduce height of field list button (default is 1000 for whatever reason) so nav menu appear above*/
}

.ngFade.ng-enter {
    transition: 0.5s linear all;
    opacity: 0;
}

.ngFade.ng-enter.ng-enter-active {
    opacity: 1;
}

.ngFade.ng-leave {
    transition: 0.5s linear all;
    opacity: 1;
}

.ngFade.ng-leave.ng-leave-active {
    opacity: 0;
}

.welcomeMessage {
    position: absolute;
    width: 95%;
    margin: 0 25px;
    bottom: 20px;
}

.welcomeMessageHeader {
    margin: 0;
    padding: 20px;
    background-color: #1e88e5;
    color: white;
    width: 100%;
}

.welcomeMessageContent {
    padding: 20px;
    background-color: #2196F3;
    color: white;
    width: 100%;
}

md-input-container {
    margin: 10px 0 !important;
}

.disclaimer {
    border: solid white;
    color: white;
    padding: 15px;
    margin: 25px;
}

.disclaimerLink {
    color: lightgrey;
    text-decoration: underline;
}

.disclaimerLink:hover {
    color: slategrey;
}

.material-icons.txt-size-inherited {
    font-size: inherit;
}

md-menu-content {
    max-height: 610px !important;
    /* double max height of what is initially set by material css */
}