.loginpage { display: flex !important; justify-content: center !important; align-content: center !important; align-items: center !important; padding: 0 !important; margin: 0 !important; font-family: "Nunito", "Roboto", Arial, Helvetica, sans-serif !important; font-weight: 400 !important; font-size: 1rem !important; line-height: 1.25rem !important; background-color: rgba(255, 255, 255, 1) !important; position: relative !important }
.login-corner-branding { background-image: url("https://app-qa.klearium.io/Handlers/GetLogo.ashx?loginlogo=1") !important; background-repeat: no-repeat !important; background-position: top !important; background-size: contain !important; position: fixed !important; top: 0 !important; left: auto !important; width: 30vw !important; height: 30vh !important; max-width: 500px !important; max-height: 340px !important }
.dp-login-panel__logo-image { margin: 0 0 20px !important; height: 60px !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; text-indent: 100% !important; white-space: nowrap !important; overflow: hidden !important; display: none !important }
.dp-login-panel__body { padding: 0 20px 40px !important; width: 100% !important; color: rgba(0, 0, 0, 1) !important; font-family: "Nunito", "Roboto", Arial, Helvetica, sans-serif !important; font-weight: 400 !important }
.dp-login-panel__input-text, .dp-login-panel__input-password { width: 100% !important; height: 40px !important; padding: 0 10px !important; background-color: rgba(255, 255, 255, 1) !important; border: 1px solid rgba(194, 194, 194, 1) !important; color: rgba(0, 0, 0, 1) !important; border-radius: 4px !important; font-size: 1rem !important }
.dp-login-panel__rememberme { font-size: 16px !important; font-weight: 600 !important; color: rgba(183, 183, 183, 1) !important }