#app {
    background-color: #141414;
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.login-container {
    width: 60%;
}
.logo-container {
    text-align: center;
    padding: 30px 0px;
}
.logo-login {
    width: 100px;
}
.login-title {
    text-align: center;
    padding-bottom: 30px;
    font-size: 25px;
}
.login-card {
    background-color: #141414;
    border-color: #353535;
    color: #cecece;
    padding-bottom: 30px;
}
.dash-logo-container {
    padding: 20px 0px;
    text-align: center;
}
.dash-logo {
    width: 100px;
}
.main-container {
    /* background-image: linear-gradient(#140342 8%, #ffffff00 90%); */
    min-height: 100vh;
}
.lms-container {
    /*  */
}
.lms-section-title {
    color: #140342;
    font-weight: 600;
    font-size: 30px;
}
.lms-section-title span {
    color: #00FF84;
}
.partner-card-logo {
    height: 30px;
}
.partner-card-name {
    font-size: 8px;
    padding-left: 10px;
}
.no-class-block {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    background-color: #f3f3f3;
}
a {
    text-decoration: none;
}
.video-title {
    border: 1px solid #140342;
    padding: 5px 20px 0px 20px;
    color: #140342;
    margin-bottom: 0px;
    margin-top: -1px;
}
.video-date {
    font-size: 10px;
    color: #656565;
    padding-left: 22px;
    position: relative;
    top: -6px;
}
.video-menu {
    max-height: 60vh;
    overflow-y: scroll;
    padding: 10px 0px;
}
.active-video {
    background-color: #00ff84;
}

@media only screen and (max-width: 600px) {
    .login-container {
        width: 100%;
        height: 100%;
    }
    .login-card {
        height: 95vh;
    }
    .reverse {
        flex-direction: column-reverse;
    }
  }