.event-description {
    text-align: left;
    img {
        max-width: 100%;
    }
}
.event-page {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 40px;
    overflow: auto;
    .logo {
        max-width: 208px;
        max-height: 79px;
    }
    .logo-form-footer {
        width: 100px;
    }
    .form-footer {
        text-align: center;
    }
    .v-application--wrap {
        min-height: unset;
    }
    .login-details-button {
        color: #ffffff;
        background-color: #ff832f !important;
        border-color: #ff832f;
    }
    .slide-tab-logo {
        max-width: 83px;
        margin-left: -20px;
        margin-top: -5px;
    }
    .login-edusky-logo {
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1);
    }
    .login-footer {
        text-transform: uppercase;
        color: #8d8d8d;
        font-size: 11px;
        text-align: center;
        font-weight: 500;
        a {
            text-decoration: none !important;
            color: #8d8d8d;
        }
    }
    .mobile-app-screen {
        margin: 33px;
        width: 100px;
    }
    .helper {
        color: #ff832f;
        font-size: 15px;
        display: flex;
        justify-content: space-between;
        align-content: center;
        margin-bottom: 20px;
        align-items: center;
        .resetting-link {
            display: flex;
            flex: 1;
            justify-content: flex-start;
        }
        .help-link {
            display: flex;
            flex: 1;
            justify-content: center;
        }
        .language-selector {
            display: flex;
            flex: 1;
            justify-content: flex-end;
        }
    }
    .container {
        width: 100%;
        padding: 0 15px;
        margin-right: auto;
        margin-left: auto;
        max-width: 700px;
    }
    .login-component {
        position: relative;
        display:  flex;
    }
    .v-card {
        width: 100%;
        box-shadow: none;
        -webkit-box-shadow: none;
        border-radius: 1rem;
        .v-card__text {
            padding: 1.25rem;
            text-align: center;
            color: #000;
        }
        margin-bottom: 0;
        z-index: 1;
    }
    .mobile-info {
        border-radius: 1.1rem;
        height: 100%;
        box-shadow: none;
        -webkit-box-shadow: none;
        background: rgb(0,109,204);
        background: radial-gradient(circle, #4d94d2 0%, #0157a2 60%);
        .v-card__text {
            padding: 1.25rem;
            padding-left: 245px;
            color: #ffffff;
        }
        z-index: 0;
        .download-text {
            color: #ff832f;
            font-weight: 500;
            font-size: 16px;
            text-transform: uppercase;
        }
    }
    .btn {
        border-radius: 23px;
        font-weight: 500;
        text-transform: uppercase;
    }
    .v-text-field--outlined
    > .v-input__control
    > .v-input__slot
    fieldset {
        border: 2px solid #1e70a8;
    }
    .theme--light.v-btn.v-btn--disabled, .theme--light.v-btn.v-btn--disabled .v-btn__loading, .theme--light.v-btn.v-btn--disabled .v-icon {
        color: #fff !important;
    }
}
.theme--light.v-application {
    background: #1976d2;
    color: rgba(0, 0, 0, .87);
}