/* GRA Gral*/
#root{
  --sb-input-background-color: #FFF;
  --sb-input-text-color: var(--contrast-high);
  --sb-input-border-radius: 0;
  --sb-input-hover-text-color: var(--contrast-high);
  --sb-input-hover-background-color: #00b1ea;
  --sb-input-hover-border-color: #AAA;
  --sb-primary-button-background-color: #00557a;
  --sb-primary-button-hover-background-color: #007b9a;
}

/*#root .app{background-size: cover;background-position: center center}
#root .app .login-container{background-color: #515151;height:20rem;box-shadow: 0 .25rem .5rem 0 rgba(0,0,0,0.05), 0 .5rem 1rem 0 rgba(0,0,0,0.05), 0 1rem 2rem 0 rgba(0,0,0,0.05);border-radius: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;transition: all .2s ease-out; -webkit-transition: all .2s ease-out}

#root .login-branding{height: 5rem}
#root .app .login-container .input-container,
#root .app .login-container .select-container{background-color: #002542;position: relative;z-index: 2;color: var(--contrast-high)}
#root .app .login-container .input-container:hover,
#root .app .login-container .select-container:hover{border-color: transparent}
#root .app .login-container .input-container label{color: var(--contrast-high)}
#root .app .login-container .input-container input{color: var(--contrast-high);caret-color: var(--contrast-high);background-color: #FFF}
#root form .form-control{border: none;border-bottom: 1px solid rgba(0,0,0,0.10);border-radius: 0;transition: all .2s ease-out; -webkit-transition: all .2s ease-out}
#root form .form-control:focus{box-shadow: none;border-color: #AAA}
#root button{height: 2.5rem;position:relative;font-size: .85rem;margin-top: 1rem; background: #00557a;border-radius: 0;border-color: transparent;transition: all .2s ease-out; -webkit-transition: all .2s ease-out}
#root button:hover{background: #007b9a}
#root button:disabled{opacity: .4}

#root .app .login-container .input-container input:-webkit-autofill,
#root .app .login-container .input-container input:-webkit-autofill:hover,
#root .app .login-container .input-container input:-webkit-autofill:focus,
#root .app .login-container .input-container input:-webkit-autofill:active{-webkit-text-fill-color: var(--sb-input-text-color);border-radius:var(--sb-input-border-radius);box-shadow: inset 0 0 1.875rem 1.875rem var(--sb-input-background-color)}