body {
    font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-family: "Montserrat", "Roboto", "Helvetica", "Arial", sans-serif;
    color: #313B4B
}

h1,
h2 {
    font-family: "Montserrat", "Roboto", "Helvetica", "Arial", sans-serif;
    color: #313B4B
}

h3,
h4 {
    font-family: "Montserrat", "Roboto", "Helvetica", "Arial", sans-serif !important;
    color: #313B4B
}

h5,
h6 {
    font-family: "Montserrat", "Roboto", "Helvetica", "Arial", sans-serif !important;
    color: #313B4B
}

blockquote {
    font-family: "Montserrat", "Roboto", "Helvetica", "Arial", sans-serif !important;
}

.mdl-typography--display-4,
.mdl-typography--display-4-color-contrast {
    font-family: "Montserrat", "Roboto", "Helvetica", "Arial", sans-serif !important;
}

.mdl-typography--display-3,
.mdl-typography--display-3-color-contrast {
    font-family: "Montserrat", "Roboto", "Helvetica", "Arial", sans-serif !important;
}

.mdl-typography--display-2,
.mdl-typography--display-2-color-contrast {
    font-family: "Montserrat", "Roboto", "Helvetica", "Arial", sans-serif !important;
}

.mdl-typography--display-1,
.mdl-typography--display-1-color-contrast {
    font-family: "Montserrat", "Roboto", "Helvetica", "Arial", sans-serif !important;
}

.mdl-typography--headline,
.mdl-typography--headline-color-contrast {
    font-family: "Montserrat", "Roboto", "Helvetica", "Arial", sans-serif !important;
}

.mdl-typography--title,
.mdl-typography--title-color-contrast {
    font-family: "Montserrat", "Roboto", "Helvetica", "Arial", sans-serif !important;
}

.mdl-typography--subhead,
.mdl-typography--subhead-color-contrast {
    font-family: "Montserrat", "Roboto", "Helvetica", "Arial", sans-serif !important;
}

.mdl-typography--body-2-force-preferred-font,
.mdl-typography--body-2-force-preferred-font-color-contrast {
    font-family: "Montserrat", "Roboto", "Helvetica", "Arial", sans-serif !important;
}

.mdl-typography--body-1-force-preferred-font,
.mdl-typography--body-1-force-preferred-font-color-contrast {
    font-family: "Montserrat", "Roboto", "Helvetica", "Arial", sans-serif !important;
}

.mdl-typography--caption-force-preferred-font {
    font-family: "Montserrat", "Roboto", "Helvetica", "Arial", sans-serif !important;
}

.mdl-typography--menu-color-contrast,
.mdl-typography--button,
.mdl-typography--button-color-contrast {
    font-family: "Montserrat", "Roboto", "Helvetica", "Arial", sans-serif !important;
}


.mdl-badge[data-badge]:after {
    font-family: "Montserrat", "Roboto", "Helvetica", "Arial", sans-serif !important;
}

.mdl-button {
    font-family: "Montserrat", "Roboto", "Helvetica", "Arial", sans-serif !important;
}

.mdl-chip {
    font-family: "Montserrat", "Roboto", "Helvetica", "Arial", sans-serif !important;
}

.mdl-list__item {
    font-family: "Montserrat", "Roboto", "Helvetica", "Arial", sans-serif !important;
}

.mdl-layout__title,
.mdl-layout-title {
    font-family: "Montserrat", "Roboto", "Helvetica", "Arial", sans-serif !important;
}

.mdl-layout__drawer-button {
    font-family: Montserrat, Helvetica, Arial, sans-serif !important;
}

.mdl-snackbar {
    font-family: "Montserrat", "Roboto", "Helvetica", "Arial", sans-serif !important;
}

.mdl-snackbar__action {
    font-family: "Montserrat", "Roboto", "Helvetica", "Arial", sans-serif !important;
}

.mdl-textfield__input {
    font-family: "Montserrat", "Helvetica", "Arial", sans-serif !important;
}




.mdl-checkbox__ripple-container .mdl-ripple {
    background: #005FB6;
}

.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: rgb(0,95,182)url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiI…lsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K);
}

.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid rgb(0,95,182);
}

.mdl-button--primary.mdl-button--primary {
    color: rgb(0,95,182);
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: rgb(0,95,182);
}

a {
    color: rgb(0,95,182);
}

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    background: rgb(0,95,182);
}


.mdl-button.mdl-button--colored {
    color: rgb(0,95,182);
}

.mdl-switch__ripple-container .mdl-ripple {
    background: rgb(0,95,182);
}

.mdl-switch.is-checked .mdl-switch__thumb {
    background: rgb(0,95,182);
    left: 16px;
    box-shadow: 0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12)
}

.mdl-switch.is-checked .mdl-switch__track {
    background: rgba(0,95,182,0.5)
}

.mdl-switch__label {
    color: rgb(0,95,182);
}

.vertical-align {
    display: table-cell;
    vertical-align: middle;
}

.mdl-progress {
    height: 15px !important;
}

    .mdl-progress > .progressbar {
        background-color: #1a5fbd;
        z-index: 1;
        left: 0
    }

/*rgb(16, 69, 138)*/

.mdl-progress-blue > .bufferbar {
    background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(0, 95, 182), rgb(0, 95, 182)) !important;
}

.mdl-progress-blue > .auxbar {
    background-image: linear-gradient(to right, rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)), linear-gradient(to right, rgb(0, 95, 182),rgb(0, 95, 182)) !important;
}

.mdl-progress-blue > .progressbar {
    background-color: rgb(16, 69, 138) !important;
}


.mdl-progress-yellow > .bufferbar {
    background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(235, 173, 62),rgb(235, 173, 62)) !important;
}

.mdl-progress-yellow > .auxbar {
    background-image: linear-gradient(to right, rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)), linear-gradient(to right, rgb(235, 173, 62),rgb(235, 173, 62)) !important;
}

.mdl-progress-yellow > .progressbar {
    background-color: rgb(235, 173, 62) !important;
}

.mdl-progress-red > .bufferbar {
    background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(153, 0, 0),rgb(153, 0, 0)) !important;
}

.mdl-progress-red > .auxbar {
    background-image: linear-gradient(to right, rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)), linear-gradient(to right, rgb(153, 0, 0),rgb(153, 0, 0)) !important;
}

.mdl-progress-red > .progressbar {
    background-color: rgb(153, 0, 0) !important;
}

html {
    color: #313B4B;
}