/******* BEGIN THEME GENERATOR SECTION *******/
/* DO NOT REMOVE! Manual modifications in this section might lead to malfunctioning CSS.*/
:root [cds-theme~=custom] {
  --clr-header-bg-color: #0C203D;
  --clr-login-welcome-color: #fcfdfd;
}
/******* END THEME GENERATOR SECTION *******/

.branded-background{
	background-size: cover;
}

.tenant-info h6{
	color: white;
}
.welcome{
	white-space: pre-line;
	font-size: 35px;
}

.welcome img {
  max-width: 300px;
  max-height: 80px;
  min-width: 300px;
  min-height: 78px;
}

#login-form {
    background: unset;
}
.login-wrapper {
    background-position: 0 0 !important;
}

.login-wrapper .login .title {
    color: white !important;
}

.login-wrapper .login .title h3 {
    display: none !important;
}

.login-wrapper .login .title h4 {
    --clr-h4-color: white;
}

.login-wrapper .login .title h5 {
    display: none !important;
}

.org-branding-wrapper .logo {
    height: 110px !important;
    width: 420px !important;
    max-width: 420px !important;
}

.org-branding-wrapper {
    display: -webkit-box !important;
}

#vcdLoginView .title h4 {
    --clr-h4-color: white;
}

.login-wrapper .login .login-group {
    padding: 1rem 0 0 0 !important; 
}

.login-wrapper .login .login-group .username,
.login-wrapper .login .login-group .password
{
    border-bottom: 2px solid #ccc !important;
    color: white !important;
    font-weight: bolder !important;
}  

.login-wrapper .login .login-group .username::placeholder,
.login-wrapper .login .login-group .password::placeholder
{
    color: #ccc !important;
} 

@media screen and (max-width: 768px) {
    .login-wrapper {
	    background: #0C203D !important; 
	}

    .org-branding-wrapper .logo {
        height: 72px !important;
        width: 275px !important;
        max-width: 275px !important;
    }
}