/******* BEGIN THEME GENERATOR SECTION *******/
/* DO NOT REMOVE! Manual modifications in this section might lead to malfunctioning CSS.*/
:root {
  --clr-vertical-nav-item-color: #000000;
    --clr-vertical-nav-item-active-color: #E80000;
    --clr-vertical-nav-bg-color: #ebebeb;
    --clr-vertical-nav-active-bg-color: #f9f9f9;
    --clr-vertical-nav-hover-bg-color: #fdfdfd;
    --clr-vertical-nav-icon-active-color: #ffffff;
    --clr-vertical-nav-trigger-divider-border-color: #e0e0e0;
    --clr-header-bg-color: #000000;
    --clr-header-font-color: #ffffff;
    --clr-btn-link-color: #E80000;
    --clr-btn-default-color: #F80000;
    --clr-btn-default-outline-color: #E80000;
    --clr-nav-active-box-shadow-color: #E80000;
    /* Login Page */
    --clr-login-background-color: #E80000;
}

.login-wrapper {
  background: #000000;
  background-image: url('https://c0e9a73362c5d06f19d6-b39ff74cb91d713ac1253c5ae00eaccb.ssl.cf1.rackcdn.com/UI/img/SVG/circuits-2.svg');
  background-size: cover;
}

#serviceLoginForms .org-branding-wrapper .logo {
  height: auto;
}

#login-form {
    --clr-login-background-color: #000000;
    --clr-login-title-color: #ffffff;
    --clr-login-trademark-color: #ffffff;
    --clr-login-subtitle-color: #ffffff;
    --clr-btn-primary-bg-color: #f80000;
    --clr-btn-primary-border-color: #ffffff;
    --clr-btn-primary-hover-bg-color: #f80000;
    --clr-btn-primary-disabled-bg-color: #fdfdfd;
    --clr-forms-border-color: #fdfdfd;
}

#login-form .clr-input{
    background: #ffffff;
}
/******* END THEME GENERATOR SECTION *******/