.page-content{gap:20px;display:flex;flex-direction:row!important}.role-sub-title{color:#000;font-size:18px;font-weight:500}.roles-part{border-right:1px solid #0000004d;flex-direction:column;gap:12px;width:25%;height:100dvh;padding-right:22px;display:flex}.role-field,.permission-field{cursor:pointer;border:1px solid #2e2e2e5e;border-radius:10px;justify-content:space-between;align-items:center;padding:14px;transition:all .2s;display:flex}.role-field{position:relative}.role-left{max-width:100%}.role-left p{text-overflow:ellipsis;text-wrap:nowrap;max-width:80%;overflow:hidden}.role-field:hover,.role-field.active{color:#fff;background-color:#28114b}.role-field.active .field-circle{background-color:#fff}.field-circle{background-color:#d9d9d9;border-radius:50%;width:18px;height:18px;margin-inline-end:8px}.add-role-box{border:1px solid #2e2e2e5e;border-radius:10px;flex-direction:row;width:100%;height:55px;display:flex;position:relative}.role-input{margin:12px}.add-role-btn,.delete-role-btn{cursor:pointer;position:absolute;top:4px;right:4px}.add-role-btn:hover{color:#00f}.delete-role-btn:hover{color:red}.role-field{justify-content:space-between;align-items:center;display:flex}.role-left{cursor:pointer;flex:1;justify-content:space-between;align-items:center;display:flex}.permissions-part{width:75%}.permission-card{background:#f9f9fb;border:1px solid #2e2e2e30;border-radius:12px;padding:14px}.permission-field:hover,.permission-field.active{color:#28114b;background-color:#28114b2e}:is(.permission-field:hover,.permission-field.active) .field-circle{background-color:#28114b}.perms-group{flex-direction:column;gap:10px;display:flex}.group-header{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.group-title{color:#2e2e2e;font-size:14px}.select-all-checker{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;display:flex}.select-all-text{color:#919191;font-size:10px}.select-all-btn{background-color:#fff;border:1px solid #28114b;border-radius:50%;width:20px;height:20px}.select-all-btn.active,.select-all-btn:hover{background-color:#28114b}