html {
    -webkit-font-smoothing: antialiased; }

body {
    background-color: #e8ebf2;
    font-family: "Lato", sans-serif;
    color: #656565; }

main {
    min-height: 100vh;
    padding-top: 90px; }

.login .card-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
.login .card-group > .card {
    margin-bottom: 15px; }
.login .btn {
    border-radius: 2px;
    font-size: 18px;
    -webkit-transition: opacity linear .2s;
    -moz-transition: opacity linear .2s;
    -o-transition: opacity linear .2s;
    transition: opacity linear .2s; }
.login .btn-primary {
    background-color: #3e5eb3;
    border-color: #3e5eb3; }
.login .btn-primary:hover, .login .btn-primary:active {
    background-color: #3e5eb3 !important;
    opacity: 0.8; }
.login .btn-light {
    color: #375263; }
.login .btn-light:hover, .login .btn-light:active {
    opacity: 0.8;
    background-color: white !important; }
.login__card {
    border-color: #d9dee4; }
.login__card h1 {
    font-weight: 700;
    font-size: 24px; }
.login__card-text {
    font-weight: 300;
    font-size: 18px; }
.login__card-text strong {
    font-weight: 700; }
.login__input-group-text {
    background-color: #f1f1f1;
    border-color: #f1f1f1;
    color: #808080; }
.login__input {
    border-color: #f1f1f1;
    font-size: 18px;
    color: #808080; }
.login__input::-webkit-input-placeholder {
    color: #808080;
    font-weight: 300; }
.login__input:-moz-placeholder {
    color: #808080;
    font-weight: 300; }
.login__input::-moz-placeholder {
    color: #808080;
    font-weight: 300; }
.login__input:-ms-input-placeholder {
    color: #808080;
    font-weight: 300; }
.login__forgot-password {
    color: black;
    font-size: 14px; }
.login__forgot-password:hover, .login__forgot-password:active {
    color: black; }
.login__cover {
    color: white;
    font-size: 20px; }
.login__cover strong {
    font-weight: 900; }

@media (min-width: 992px) {
    main {
        padding-top: 0; }

    .login .card-group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap; }
    .login .card-group > .card {
        margin-bottom: 0; } }
@media (min-width: 1200px) {
    main {
        padding-top: 70px; } }
@media (min-width: 1440px) {
    main {
        padding-top: 90px; } }