/* multi_domain_login — [icon] [ism.familiya] [@domain] on one line (Elastic / Bootstrap 4) */
#login-form .input-group.mdl-user { flex-wrap: nowrap; }
#login-form .mdl-user > #rcmloginuser { flex: 1 1 auto; width: 1%; min-width: 7rem; }
#login-form .mdl-user > #rcmlogindomain {
  flex: 0 0 42%; width: 42%; max-width: 42%; min-width: 6.5rem; text-overflow: ellipsis;
  margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0;
  font-weight: 600; cursor: pointer;
}
#login-form .mdl-user.mdl-full > #rcmlogindomain { opacity: .45; cursor: default; }
#login-form .mdl-hint { margin-top: .4rem; font-size: .8rem; line-height: 1.3; color: #6c757d; text-align: left; }
html.dark-mode #login-form .mdl-hint { color: #a0a8b3; }
#layout-content #logo { max-height: 96px; max-width: 340px; width: auto; }
@media (max-width: 480px) {
  #login-form .mdl-user > #rcmlogindomain { flex-basis: 46%; width: 46%; max-width: 46%; font-size: .9rem; }
}
/* a little wider login box so "ism.familiya" and "@iqac.asr.gov.uz" both fit */
@media (min-width: 481px) {
  body.task-login #layout-content #login-form { max-width: 30rem; width: 30rem; }
  body.task-login #layout-content #login-form table { width: 100%; }
}