.user-groups-page>header{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 11px;background:#fff;box-sizing:border-box}.user-groups-page h1{font-size:20px;line-height:24px;margin:0;font-weight:700}.user-groups-page>header .btn{width:58px;height:31px;box-sizing:border-box;border:1px solid #888;border-radius:0;background:linear-gradient(#fff,#ececec);color:#333;font-size:20px;text-decoration:none;padding:3px 12px}.user-groups-page>header .user-group-add{margin-left:auto;width:auto;font-size:14px;height:32px;color:#fff;background:#4d7095;border-color:#4d7095}
.user-groups-content{width:calc(100% - 30px);max-width:1170px;margin:0 auto;color:#333;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif}.user-groups-content table{width:100%;border:1px solid #ccc;border-collapse:separate;border-spacing:0;border-radius:4px;overflow:hidden}.user-groups-content th{height:40px;padding:10px;text-align:left;background:#ddd;box-sizing:border-box;border:0;border-left:1px solid #ccc}.user-groups-content td{height:31px;padding:5px;line-height:20px;box-sizing:border-box;border:0;border-top:1px solid #ccc;border-left:1px solid #ccc}.user-groups-content th:first-child,.user-groups-content td:first-child{border-left:0}.user-groups-content tbody tr:nth-child(odd){background:#fff}.user-groups-content tbody tr:nth-child(even){background:#f8f8f8}.user-groups-content tbody tr:hover{background:#f5f5f5}.user-groups-content td:last-child{white-space:nowrap;width:32px}.user-groups-content td .btn-link{padding:0 2px;border:0;border-radius:0;background:transparent;line-height:20px;min-height:0;color:#333;box-shadow:none}
.user-group-detail h2{font-size:21px;font-weight:400;border-bottom:1px solid #ddd;margin:10px 0 20px;line-height:30px;padding-bottom:5px}.user-group-field{display:flex;gap:20px;margin:15px 0}.user-group-field strong{width:150px;font-weight:400}.user-group-tree{list-style:none;margin-left:170px;padding:0}.user-group-tree label{display:flex;gap:6px;align-items:center;margin-bottom:5px}.user-group-depth-1{padding-left:24px}.user-group-depth-2{padding-left:48px}.user-group-depth-3{padding-left:72px}.user-group-source-note{color:#666;font-size:12px}
.user-group-editor>.component>legend{display:block;width:100%;padding:0;margin:0 0 20px;font-size:21px;font-weight:400;line-height:40px;color:#333;border:0;border-bottom:1px solid #e5e5e5}.user-group-editor .user-group-field{display:block;margin:0 0 10px}.user-group-editor .user-group-field>label,.user-group-editor .user-group-field>span{display:block;width:auto;text-align:left;padding:0;margin:0 0 5px;font-weight:400}.user-group-editor input[type=text]{width:220px;height:30px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;padding:4px 6px}.user-group-editor input[readonly]{background:#eee}.user-group-editor .user-group-default-control{width:220px;height:30px;box-sizing:border-box;background:#eee;display:flex;align-items:center;gap:15px;border-radius:4px;padding:4px 10px}.user-group-editor #user-group-default{appearance:auto;width:14px;height:14px;box-shadow:none;margin:0}.user-group-editor .user-group-default-control label{margin:0;font-weight:400}.user-group-field>label .required{font-size:10px;text-transform:uppercase;color:#999;margin-left:5px;line-height:0}
.user-group-editor .user-group-tree{margin:0 0 10px 50px;padding:0}.user-group-editor .user-group-tree li{position:relative;line-height:20px;min-height:20px}.user-group-editor .user-group-tree li:before{position:absolute;content:'\25e6';left:-17px}.user-group-editor .user-group-tree .user-group-depth-1:before{content:'\25aa';left:7px}.user-group-editor .user-group-tree .user-group-depth-2:before{content:'\25aa';left:31px}.user-group-editor .user-group-tree .user-group-depth-3:before{content:'\25aa';left:55px}.user-group-editor .user-group-tree label{gap:3px;margin:0;line-height:20px;font-weight:400}.user-group-editor .user-group-tree input[type=checkbox]{margin:0;width:13px;height:13px}.user-group-editor .user-group-source-note,.user-group-editor .user-group-preserved{margin-left:0}.user-group-editor .form-actions{padding:19px 20px 20px;margin:20px 0;background:#f5f5f5;border-top:1px solid #e5e5e5;text-align:right}.user-group-editor .form-actions .btn{margin-left:5px}
.user-group-delete-backdrop{position:fixed;inset:0;background:#0006;z-index:1100;display:flex;align-items:flex-start;justify-content:center;padding:10vh 16px}.user-group-delete-dialog{width:560px;max-width:100%;box-sizing:border-box;background:#fff;border:1px solid #999;border-radius:6px;box-shadow:0 3px 7px #0005;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif}.user-group-delete-dialog h3{font-size:24px;line-height:30px;margin:0;padding:9px 15px;border-bottom:1px solid #eee}.user-group-delete-dialog>p{margin:15px}.user-group-delete-dialog .form-actions{margin:0;padding:14px 15px;text-align:right;border-top:1px solid #ddd;background:#f5f5f5}.user-group-delete-dialog .btn{margin-left:5px}
@font-face{font-family:'SourceUserGroupFA3';src:url('../fonts/fontawesome-3.2.1.woff') format('woff');font-style:normal;font-weight:normal;font-display:block}.user-groups-page .user-group-source-icon{font:normal 14px/1 'SourceUserGroupFA3';display:inline;background:none}.user-group-source-icon.icon-pencil:before{content:'\f040'}.user-group-source-icon.icon-trash:before{content:'\f014'}.user-group-source-icon.icon-arrow-left:before{content:'\f060'}
@media(min-width:1200px){.user-groups-content{width:1170px}}@media(min-width:980px) and (max-width:1199px){.user-groups-content{width:940px}}@media(min-width:768px) and (max-width:979px){.user-groups-content{width:724px}}@media(max-width:767px){.user-groups-content{margin:0 15px}.user-group-tree{margin-left:0}.user-group-field strong{width:100px}}
.user-groups-content tbody tr:nth-child(odd)>td{background:#fff}.user-groups-content tbody tr:nth-child(even)>td{background:#f8f8f8}.user-groups-content tbody tr:hover>td{background:#f5f5f5}