footer {
    margin: 50px 0;
}
.app-logo { 
	max-height: 35px;
}
.app-screenshot { 
	max-height: 300px;
}

/* override Bootstrap 3's default font */
body {
    font-family: 'Manrope', Verdana, sans-serif;
    background: #F1F3F9;
    padding: 32px;
}

/* vertical align */
.container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Login page header */
.container h1 {
    font-size: 40px;
    line-height: 56px;
    font-weight: 800;
    color: #373b5e;
    margin-bottom: 20px;
}

.login-icon {
    background: url('../images/login.svg');
    height: 56px; /* will be overriten by style of buttons inside data solution panel row */
    width: 56px;
    display: block;
}

/* override Bootstrap 3's primary button design*/
.btn.btn-primary {
    background-color: #1A6FFD;
    color: #FFF;
    border: none;
    border-radius: 4px;
}   

.form-signin {
    background: #fff;
    border-radius: 8px;
    width: 496px;
    /* height: 448px; */  /*! uncomment me if we have buttons "create account" and "forgot password?" */
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: initial;
}

.form-signin label {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #373b5e;
    padding-top: 16px
}

.form-signin input {
    color: #373b5e;
    background: #F1F3F9;
    border-radius: 8px  !important;
    border: none;
    box-shadow: none;
    min-height: 56px;
}

.form-signin button {
    height: fit-content;
    padding: 16px 24px;
    font-weight: 700;
}

/* link to workspace */
.link-to-ws {
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    margin-top: 28px;
}
.link-to-ws a {
    color: #1A6FFD;
}