.avatarSelection{position:fixed;top:0;left:0;width:100%;min-height:100%;z-index:9999;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center}.avatarSelection .bulletBox{background-color:#fff;padding:12px;min-width:300px;overflow:auto}.avatarSelection .bulletBox .title{font-size:20px;font-weight:500;color:#28484f;margin-bottom:12px}.avatarSelection .bulletBox .avatarClipping{position:relative;margin-top:12px}.avatarSelection .bulletBox .avatarClipping .avatar{height:500px}.avatarSelection .bulletBox .avatarClipping .viewBox{border:3px solid #71a79e;position:absolute;display:flex;align-items:center;justify-content:center}.avatarSelection .bulletBox .avatarClipping .viewBox .drag{width:30px;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.empty{width:500px;height:500px}.btn{background-color:#63b1a8;height:34px;padding:0 12px;color:#fff;line-height:32px}.btn:active,.btn:focus,.btn:focus-visible{outline:none}.actionList{display:flex;justify-content:space-between}.actionList .save{margin-left:300px}.actionList .cancel{border:1px solid;color:#000;background:none;margin-left:10px}.dx-list-select-all{display:none}.familyInformationForm{width:100%;text-align:center}.familyInformationForm .tableHeader{display:flex;background-color:#f9f9f9;height:40px;border-bottom:1px solid #e1e2e8;align-items:center}.familyInformationForm .tableHeader div{width:20%}.familyInformationForm .tableItem{display:flex;background-color:#fff;height:40px;border-bottom:1px solid #e1e2e8;align-items:center;justify-content:space-between}.familyInformationForm .tableItem div,.familyInformationForm .tableItem input{width:18%}.familyInformationForm .tableItem div{cursor:pointer}.familyInformationForm .tableItem input{outline:none;border:1px solid #d9d9d9}.add{width:64px;height:35px;background-color:#63b1a8;color:#fff;border:0;margin-bottom:16px;cursor:pointer}