* {
    line-height: 1.5;
    font-family: Roboto,sans-serif;
    font-weight: 400;
}

.main {
    height: auto;
    min-height: 81%;
}

body {
    margin-top:0;
}

h2 {
    margin-left: 50px;
    margin-top: 0px;
    font-weight: 300;
    font-style: italic;
    font-size: 2.1rem;
   
}

.btn-primary {
    background-color: #00a3e0 !important;
    color: #fff !important;
}

.checkbox label input[type=checkbox]:checked+.checkbox-decorator .check, label.checkbox-inline input[type=checkbox]:checked+.checkbox-decorator .check {
    color: #1976D2 !important;
    border-color: #1976D2 !important;
}

.checkbox label input[type=checkbox]:checked+.checkbox-decorator .check:before, label.checkbox-inline input[type=checkbox]:checked+.checkbox-decorator .check:before{
    color: #1976D2 !important;
}

.radio label {
    color: #495057 !important;
}

a {
    color: #37474F !important;
}

.is-focused [class*=" bmd-label"], .is-focused [class^=bmd-label] {
    color: #1976D2 !important;
}

.custom-file-control, .form-control, .is-focused .custom-file-control, .is-focused .form-control {
    background-image: linear-gradient(0deg,#1976D2 2px,rgba(0,150,136,0) 0),linear-gradient(0deg,rgba(0,0,0,.26) 1px,transparent 0) !important;
}

.page-header {
    padding-top: 12px;
    border-bottom: 2px solid #e0e0e0;
    height: 52px;
    margin-top:0;
    margin-bottom: 22px;
    background-color: white;
}

.page-header h2 {
    padding-left:20px;
}

.row {
    width: 440px;
    margin: auto !important;
    background-color: #fff;
    border-width:1px;
    border-style:solid;
    border-color: #ddd #ddd #d8d8d8;
    box-shadow: 0 2px 0 rgba(175, 175, 175, 0.12);
    padding-bottom: 10px;
}

.row h4 {
    margin-top:42px;
    font-size:16px;
   
    text-align:center;
}

footer {
    font-family: 'Roboto';
    height: 180px;
    width: 100%;
    overflow:hidden;
}

footer ul li {
    float: left;
    font-size: 12px;
    font-weight: 500;
    list-style: disc outside;
    margin-left: 25px;
    margin-top: 10px;
    text-transform: uppercase;
}
footer ul li:first-child {
    list-style: none;
    margin-left: 0px;
}
footer strong {
    font-weight: 500;
    text-transform: uppercase;
}

@media only screen and (max-width: 768px) {
    footer {
        height: 220px;
    }
    footer ul {
        margin: auto;
    }
    footer .f-logo {
        float: none;
        text-align: center;
    }
    footer .copyright {
        margin-top: 0px;
        text-align: center;
    }
}

html, body {
    height: 100%;
    margin: 0;
}
/*body > div  {
    min-height: 100%;
    padding-bottom: 180px;
}*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, button, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline !important;
}

@media only screen and (max-width: 440px) {
    footer .copyright {
        position: relative !important;
        text-align: right !important;
    }
}

.footer-links {
    color: #37474F;
    padding-right: 0;
    cursor: pointer;
}

.footer-links,
.footer-links + p {
    display: inline-flex;
}

.footer-links a {
    margin-right: 8px;
    color: #37474F;
    cursor: pointer;
}

.footer-links a:hover{
    text-decoration: none;
}

.footer-links a::after {
     content:' ';
     white-space:pre;
     border-right:1px solid #37474F;
     margin-left:8px;
 }

.custom-file-control:focus, .form-control:focus {
    box-shadow: none;
}

.alert-information {
    color: #546e7a;
    background-color: #fff9c4;
}

.alert {
    margin: 0 20px;
}

.bmd-label-floating, .remember-me {
    color: #495057 !important;
}

.typepass {
    margin-bottom: 5px;
    margin-top: 5px;
}

.instructions ul {
    list-style-position: outside;
    padding: 1.5em;
}

div.validation-summary-errors ul li {
    list-style-position: outside;
}

div.validation-summary-errors {
    margin-left: 0px;
}

p.validation-summary-errors {
    color: red !important;
}

#notif-bar {
    position: absolute;
    top: 0px;
    z-index: 100;
    background-color: red;
    width: 100%;
    padding-left: 200px;
    padding-right: 200px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    color: white;
}

#notif-bar span {
    display: inline-block;
}