html {
    text-rendering: optimizeLegibility;
    font-size: 100%;
}

html, body {
    margin: 0;
    padding: 0;
    overflow-y: hidden;
    line-height: normal;

    background: linear-gradient(0deg, rgba(102, 132, 191, 0.8), rgba(102, 132, 191, 0.8)), url(/img/login_wallpaper.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #595959;
    background-size: cover;
    height: 100%;
}

body, button, input, select, textarea {
    font-family: 'Fira Sans', BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
}

* {
    box-sizing: border-box;
}

p {
    margin: 0;
}

.content {
    margin-bottom: 1.5rem;
}

h3 {
    color: #363636;
    font-weight: 600;
    line-height: 1.125;
    font-size: 1.5em;
    margin: 0 0 .6666em 0;
    padding: 0
}

.logo {
    width: 350px;
    height: auto;
    position: absolute;
    right: 20px;
    top: 20px;

}

img {
    width: 100%;
    height: auto;
    margin: 0;
}

#Login {
    height: 100%;
}


button,
input {
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.btn,
button,
input {
    position: relative;
    vertical-align: top;
    font-size: 1rem;
    padding: calc(.375em - 1px) calc(.625em - 1px);
}

.control input {
    margin-top: 8px;
}


input {
    height: 40px;
    line-height: normal;
    box-shadow: none;
    border-radius: 3px;
    border: 2px solid white;
    outline: none;
    background: #fff;
    color: #595959;
    transition: border-color .3s ease;
    width: 100%;
    max-width: 100%;
    padding-left: 2.25em;
}

input:focus,
input:hover {
    border: 2px solid #2db9cf;
}

.btn,
button {
    width: 100%;
    margin-top: 10px;
    padding: 9px 15px;
    border-radius: 3px;
    border-width: 2px;
    border-style: solid;
    font-weight: 700;
    font-size: 1rem;
    transition: background .3s ease, border-color .3s ease;

    cursor: pointer;

    background: #2db9cf;
    border-color: #2db9cf;
    color: #fff;

    margin: 10px 0;
    justify-content: center;
    text-decoration: none;
}

button:focus,
button:hover {
    background: #43cde2;
    border-color: #43cde2;
    color: #fff;
    outline: none;
}

button:active {
    background: #45c4d7;
    border-color: #45c4d7;
    color: #fff;
}

.btn-secondary {
    background: #606A7D;
    border-color: #606A7D;
    color: #fff;
}

.btn-secondary:hover,
.btn-secondary:focus {
    background: #41537C;
    border-color: #41537C;
    color: #fff;
}

.btn-secondary:active {
    background: #132E5E;
    border-color: #132E5E;
    color: #fff;
}

.btn-small {
    font-size: 0.8rem;
    font-weight: normal;
    padding: 3px 4px;
    margin: 0;
    width: auto;
}


label {
    font-weight: bold;
    font-size: .8rem;
    color: #363636;
}

.actions {
    text-align: center;
}

.switch-app {
    font-size: 14px;
    margin-top: 40px;
}

a {
    color: #595959;
    text-decoration: underline;
    transition: color .3s ease;
}

a:hover {
    color: #132e5e;
}

a:active {
    color: #41537c;
}

#wrongLogin {
    background: rgba(216,81,78, 1.0);
    padding: 11px;
    color: white;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 20px;
    display: none;
}

.login-form,
.forgot-form {
    background: rgba(255, 255, 255, 0.65);
    width: 400px;
    min-height: 100vh;
    padding: 20px;
    display: grid;
    position: absolute;
    top: 0;
    animation-name: slideIn;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

.login-form .form {
    align-self: end;
}

.help {
    display: block;
    font-size: .75rem;
    margin-top: .25rem;
}

.help-info {
    align-self: end;
    vertical-align: bottom;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
}

.help-info p {
    margin: 0;
}

.is-danger {
    border-color: #d8514e;
}

.help.is-danger {
    color: #d8514e;
}


.forgot-form .form {
    align-self: center;
}

.copyright-text {
    position: absolute;
    right: 20px;
    bottom: 20px;
    color: #fff;
    font-size: 14px;
}


.field {
    margin-bottom: .75em;
}

#password-field {
    display: none;
}

#forgot {
    display: none;
}

.control {
    position: relative;
}

.icon {
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 2.25em;
    z-index: 4;
    height: 40px;
    color: #d7d7d7;

    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-pack: center;
    align-items: center;
}

.is-left {
    left: 0;
    top: 8px;
}

input:focus ~ .icon {
    color: #7a7a7a;
}

/* Animation keyframes for sliding login/reset box in */
@keyframes slideIn {
    0% {
        left: -400px;
    }
    100% {
        left: 0;
    }
}

/* fallback */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://shoreline-public-assets.s3.eu-central-1.amazonaws.com/static/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
  }
  
  .material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
  }

  /* cyrillic-ext */
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://shoreline-public-assets.s3.eu-central-1.amazonaws.com/static/va9E4kDNxMZdWfMOD5VvmojLeTY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://shoreline-public-assets.s3.eu-central-1.amazonaws.com/static/va9E4kDNxMZdWfMOD5Vvk4jLeTY.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://shoreline-public-assets.s3.eu-central-1.amazonaws.com/static/va9E4kDNxMZdWfMOD5Vvm4jLeTY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://shoreline-public-assets.s3.eu-central-1.amazonaws.com/static/va9E4kDNxMZdWfMOD5VvlIjLeTY.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://shoreline-public-assets.s3.eu-central-1.amazonaws.com/static/va9E4kDNxMZdWfMOD5VvmIjLeTY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://shoreline-public-assets.s3.eu-central-1.amazonaws.com/static/va9E4kDNxMZdWfMOD5VvmYjLeTY.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://shoreline-public-assets.s3.eu-central-1.amazonaws.com/static/va9E4kDNxMZdWfMOD5Vvl4jL.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://shoreline-public-assets.s3.eu-central-1.amazonaws.com/static/va9B4kDNxMZdWfMOD5VnSKzeSxf6TF0.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://shoreline-public-assets.s3.eu-central-1.amazonaws.com/static/va9B4kDNxMZdWfMOD5VnSKzeQhf6TF0.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://shoreline-public-assets.s3.eu-central-1.amazonaws.com/static/va9B4kDNxMZdWfMOD5VnSKzeShf6TF0.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://shoreline-public-assets.s3.eu-central-1.amazonaws.com/static/va9B4kDNxMZdWfMOD5VnSKzeRRf6TF0.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://shoreline-public-assets.s3.eu-central-1.amazonaws.com/static/va9B4kDNxMZdWfMOD5VnSKzeSRf6TF0.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://shoreline-public-assets.s3.eu-central-1.amazonaws.com/static/va9B4kDNxMZdWfMOD5VnSKzeSBf6TF0.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://shoreline-public-assets.s3.eu-central-1.amazonaws.com/static/va9B4kDNxMZdWfMOD5VnSKzeRhf6.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://shoreline-public-assets.s3.eu-central-1.amazonaws.com/static/va9B4kDNxMZdWfMOD5VnLK3eSxf6TF0.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://shoreline-public-assets.s3.eu-central-1.amazonaws.com/static/va9B4kDNxMZdWfMOD5VnLK3eQhf6TF0.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://shoreline-public-assets.s3.eu-central-1.amazonaws.com/static/va9B4kDNxMZdWfMOD5VnLK3eShf6TF0.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://shoreline-public-assets.s3.eu-central-1.amazonaws.com/static/va9B4kDNxMZdWfMOD5VnLK3eRRf6TF0.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://shoreline-public-assets.s3.eu-central-1.amazonaws.com/static/va9B4kDNxMZdWfMOD5VnLK3eSRf6TF0.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://shoreline-public-assets.s3.eu-central-1.amazonaws.com/static/va9B4kDNxMZdWfMOD5VnLK3eSBf6TF0.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://shoreline-public-assets.s3.eu-central-1.amazonaws.com/static/va9B4kDNxMZdWfMOD5VnLK3eRhf6.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }