body {
    font-family: 'Open Sans',Helvetica, sans-serif;
}

a {
    color: #1594a6;
}

a:hover {
    color: #0E4B53;
}

.margin0 { margin: 0; }
.top10 { margin-top: 10px;}
.top20 { margin-top: 20px;}
.top30 { margin-top: 30px;}
.top40 { margin-top: 40px;}
.top50 { margin-top: 50px;}
.top60 { margin-top: 60px;}
.top100 { margin-top: 100px;}
.top150 { margin-top: 150px;}

.bottom10 { margin-bottom: 10px;}
.bottom20 { margin-bottom: 20px;}
.bottom30 { margin-bottom: 30px;}
.bottom40 { margin-bottom: 40px;}
.bottom50 { margin-bottom: 50px;}
.bottom60 { margin-bottom: 60px;}
.bottom100 { margin-bottom: 100px;}
.bottom150 { margin-bottom: 150px;}

.logo {
    width: 270px;
}

h1.title {
    font-size: 28px;
    font-family: 'Pathway Gothic One', 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    color: #1594a6;
}

.messagebox {
    font-weight: bold;
}

.messagebox.mistake {
    color: red;
}

#login-form input {
    background-color: #eaeaea;
    color: #333;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    height: 44px;
    font-size: 18pt;
}

#username, #password {
    font-family: 'Open Sans',Helvetica,sans-serif!important;
    font-size: 12pt !important;
}

.btn {
    color: white;
    text-transform: uppercase;
    font-size: 18px;
    padding: 10px;
}

#username, #password {
    font-family: 'Lato','Open Sans',Helvetica,sans-serif!important;
    font-size: 12pt !important;
}

.btn-login {
    display: block;
    width: 100%;
    margin-bottom: 15px;
}

.btn-color-sl {
    background-color: #1594a6;
}

.btn-color-sl:hover {
    color: white;
    background-color: #0E4B53;
}

#login-signup {
    background-color: #d8d2bb;
    color: #fff;
}

#login-signup:hover {
    background-color: #BEB79A;
}

.btn-facebook {
    background-color: #3B5998;
    color: #fff;
}

.btn-facebook:hover {
    background-color: #203767;
    color: #fff;
}

#footer,
.forgot {
    font-size: 16px;
    color: #9D9D9D;
}

#footer ul {
    margin: 0;
    padding: 0;
}

#footer ul li {
    list-style-type: none;
    display: inline;
    margin: 0 5px;
    padding: 0;
}

#footer ul li img {
    width: 60px;
}

/* NEW GRAPHIC IDENTITY */

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    background-color: #f9f9f9;
    color: #152939;
    font-family: 'Roboto','Open Sans',Helvetica, sans-serif;
}

body > .container {
    margin-top: 2%;
    width: 100% !important;
    padding: 0;
}

body p,
#footer, 
.forgot {
    color: #828282;
}

body a {
    color: #31465f;
}

.logo-container {
    text-align: center;
}

.logo-container img {
    height: 122px;
    width: auto;
    margin-bottom: 0;
}

.login-container {
    padding: 2% 15px;
}

.card {
    max-width: 460px;
    width: 100%;
    background: #fff;
    border-radius: 6px!important;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,.15)!important;
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.15)!important;
    border: none;
    position: relative;
    padding: 0!important;
    margin-bottom: 20px!important;
    margin-left: auto;
    margin-right: auto;
}

.card-body {
    padding: 30px 40px;
}

h2 {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
}

.card-body h2 {
    margin-top: 0;
    margin-bottom: 22px;
}

.form-group {
    margin-bottom: 20px;
}

form .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

form label {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px;
    line-height: 1em;
    display: inline-block;
}

#login-form input.form-control,
#username, 
#password {
    background-color: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 14px 16px;
    font-size: 14px!important;
    min-height: 50px;
}

.small, small {
    font-size: 13px;
    font-weight: 400;
}

#footer {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 14px;
}

#login-signup {
    background-color: #1594a6;
}

.sl-centered {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mt-0 {
    margin-top: 0 !important; 
}

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

.col-md-6 > .btn-login {
    margin-bottom: 0;
}

.btn {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.1px;
    border-radius: 0;
    padding: 12px 0;
}

@media (max-width: 991px) {

    .card-actions-text {
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 20px;
    }

}