@charset "utf-8";

.brex-outlogin { height:100px; border:1px solid #ccc; background:#f6f6f6; padding:5px; }
.brex-outlogin label { line-height:12px; font-weight: normal; cursor: pointer; }
.brex-outlogin .profile .photo { margin-right:12px; }
.brex-outlogin .profile .photo img { width:60px; height:60px; border-radius: 50%; border:0; }
.brex-outlogin .profile h3 { font-size:18px; line-height:32px; padding:0px; margin:0px; letter-spacing:-1px; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.brex-outlogin .login-line { border-top:1px solid #ccc; margin:5px -5px -11px; padding:0px; padding-top:0px; }
.brex-outlogin .login-line #alarm:hover { cursor:pointer; }
.brex-outlogin .login-line div { padding:6px; border-bottom:1px solid #ccc; }
.brex-outlogin .login-line div.active { background:#fff; border-color:#fff; }
.brex-outlogin .form-group { margin-bottom:10px; }

.alarm-icon { position:absolute; top:-7px; left:26px; background:red; text-align:center; padding:0px !important; border:0px !important; line-height:14px; width:20px; height:14px; font-size:10px !important; color:#fff; }
.alarm-icon-tri { position:absolute; top:14px; left:7px; display:inline-block; width:0; height:0; padding:0px !important; border-style:solid; border-width:3px; }
.alarm-icon-tri.tri { border-color:red transparent transparent transparent; }