.settings-wrapper h1[data-v-4856930c] {
  padding-bottom: 10px;
}
.settings-wrapper .panel[data-v-4856930c] {
  box-sizing: border-box;
}
.settings-wrapper .panel form > div[data-v-4856930c] {
  margin-bottom: 10px;
}
.settings-wrapper .panel form > div[data-v-4856930c]:last-child {
  margin-bottom: 0px;
}
.settings-wrapper .panel .section[data-v-4856930c] {
  background: #ddd;
  padding: 20px 20px;
  margin-bottom: 20px;
  display: block;
}
.settings-wrapper .panel .section .group[data-v-4856930c] {
  padding-bottom: 15px;
  border-bottom: 1px solid #aaa;
}
.settings-wrapper .panel .section .group[data-v-4856930c]:last-child {
  padding-bottom: 0px;
  border-bottom: none;
}
.settings-wrapper .panel .section .group.no-border[data-v-4856930c] {
  padding-bottom: 0px;
  border-bottom: 0px;
}
.settings-wrapper .panel .section.no-border .group[data-v-4856930c] {
  border-bottom: 0px;
  padding-bottom: 0px;
}
.settings-wrapper .panel .group[data-v-4856930c] {
  margin-bottom: 20px;
  position: relative;
}
.settings-wrapper .panel .group h2[data-v-4856930c] {
  margin-bottom: 0px;
}
.settings-wrapper .panel .group input[type=button][data-v-4856930c] {
  min-width: inherit;
  height: 30px;
  line-height: 30px;
}
.settings-wrapper .panel .group .remark[data-v-4856930c] {
  color: #666;
  font-style: italic;
  padding-top: 2px;
}
.settings-wrapper .panel .group > .select-wrapper[data-v-4856930c]:last-child {
  margin-bottom: 0px;
}
.settings-wrapper .panel .group > .select-wrapper[data-v-4856930c] {
  margin-bottom: 5px;
}
.settings-wrapper .panel .group .hidden[data-v-4856930c] {
  display: none;
}
.settings-wrapper .panel .group .password-group input[data-v-4856930c] {
  display: inline-block;
  vertical-align: middle;
}
.settings-wrapper .panel .group .password-group .status[data-v-4856930c] {
  display: inline-block;
  background: #cccccc;
  height: 30px;
  width: 100px;
  text-align: center;
  line-height: 30px;
  vertical-align: middle;
}
.settings-wrapper .panel .group .password-group .status.weak[data-v-4856930c] {
  background: #990000;
  color: #ffffff;
}
.settings-wrapper .panel .group .password-group .status.medium[data-v-4856930c] {
  background: #ff9900;
  color: #ffffff;
}
.settings-wrapper .panel .group .password-group .status.strong[data-v-4856930c] {
  background: #006600;
  color: #ffffff;
}
.settings-wrapper .panel .group .password-group .status.very-strong[data-v-4856930c] {
  background: #00cc00;
  color: #ffffff;
}
.settings-wrapper .panel .group .edit-account .password-group[data-v-4856930c] {
  margin-bottom: 10px;
}
.settings-wrapper .panel .group .edit-account .password-requirement[data-v-4856930c] {
  margin-top: 10px;
  font-style: normal;
}
.settings-wrapper .panel .group-list[data-v-4856930c] {
  border: 1px solid #ddd;
  box-sizing: border-box;
  padding: 10px;
  margin-bottom: 8px;
  width: calc(100% - 40px);
}
.settings-wrapper .panel .password-requirement[data-v-4856930c] {
  margin-bottom: 40px;
}
.settings-wrapper .panel .password-requirement[data-v-4856930c] ul {
  margin: 0px;
  padding: 0px;
}
.settings-wrapper .panel .password-requirement[data-v-4856930c] ul li {
  padding: 0px;
  margin: 0px;
  margin-left: 20px;
}
.settings-wrapper .panel .permission-group[data-v-4856930c] {
  overflow: hidden;
  border-radius: 4px;
  background: #ffffff;
}
.settings-wrapper .panel .permission-group .group[data-v-4856930c] {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 0px;
  padding: 0px 10px;
  display: table;
  padding: 10px 20px;
  width: 100%;
}
.settings-wrapper .panel .permission-group .group .name[data-v-4856930c] {
  width: 170px;
  display: table-cell;
  vertical-align: middle;
}
.settings-wrapper .panel .permission-group .group .name .name-container[data-v-4856930c] {
  display: table;
  width: 100%;
  text-align: left;
}
.settings-wrapper .panel .permission-group .group .name .name-container span[data-v-4856930c] {
  display: table-cell;
  vertical-align: top;
  width: 20px;
}
.settings-wrapper .panel .permission-group .group .name .name-container label[data-v-4856930c] {
  display: table-cell;
  vertical-align: top;
  text-align: left;
}
.settings-wrapper .panel .permission-group .group .value[data-v-4856930c] {
  padding: 0px 10px;
  display: table-cell;
  vertical-align: middle;
}
.settings-wrapper .panel .permission-group .group .value div[data-v-4856930c] {
  display: inline-block;
}
.settings-wrapper .panel .permission-group .group .value.group-wrapper[data-v-4856930c] {
  padding: 0px;
}
.settings-wrapper .panel .permission-group .group .value.group-wrapper .permission[data-v-4856930c] {
  padding: 0px 10px;
}
.settings-wrapper .panel .permission-group .group label[data-v-4856930c] {
  padding-left: 5px;
  display: inline-block;
  margin-right: 20px;
}
.settings-wrapper .panel .permission-group .group[data-v-4856930c]:last-child {
  border-bottom: 0px;
}
.settings-wrapper .panel .encrypted-password[data-v-4856930c] {
  margin-bottom: 10px;
}
.settings-wrapper .panel .encrypted-password input[type=text][data-v-4856930c] {
  display: inline-block;
  margin-right: 10px;
}
.settings-wrapper .panel .encrypted-password span[data-v-4856930c] {
  color: #333;
  font-style: italic;
}
.settings-wrapper .panel .encrypted-password input[type=text][data-v-4856930c]:disabled {
  background: #ccc;
}
.settings-wrapper .panel .encrypted-password input[type=password][data-v-4856930c]:disabled {
  background: #ccc;
}
.settings-wrapper .panel .password-group input[type=text][data-v-4856930c] {
  display: inline-block;
}
.settings-wrapper .panel .password-group input[data-v-4856930c] {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.settings-wrapper .panel .password-group input[data-v-4856930c]:last-child {
  margin-right: 0px;
}
.settings-wrapper .panel input[type=text][data-v-4856930c] {
  height: 30px;
  background: #ffffff;
  border: 0px;
  max-width: 270px;
  width: 100%;
  display: block;
  padding: 0px 10px;
  box-sizing: border-box;
}
.settings-wrapper .panel input[type=password][data-v-4856930c] {
  height: 30px;
  background: #ffffff;
  border: 0px;
  max-width: 270px;
  width: 100%;
  display: block;
  padding: 0px 10px;
  box-sizing: border-box;
}
.settings-wrapper .panel input[type=submit][data-v-4856930c] {
  text-transform: uppercase;
}
.settings-wrapper .panel label[data-v-4856930c] {
  color: var(--title-text-color);
  line-height: 20px;
  font-size: 14px;
  display: block;
  box-sizing: border-box;
  text-indent: -1px;
  border: 0px;
}
.settings-wrapper .panel label.checkbox-label[data-v-4856930c] {
  display: inline-block;
  vertical-align: middle;
}
.settings-wrapper .panel input[type=checkbox][data-v-4856930c] {
  vertical-align: middle;
}
.settings-wrapper .panel .error[data-v-4856930c] {
  color: #ee0000;
  padding-bottom: 10px;
  display: block;
}
.settings-wrapper .successfully-page[data-v-4856930c] {
  padding-top: 20px;
}
.settings-wrapper .successfully-page[data-v-4856930c] input {
  text-align: center;
  margin-top: 20px;
}
.settings-wrapper .search[data-v-4856930c] {
  margin-bottom: 20px;
}
.settings-wrapper .search .title[data-v-4856930c] {
  background: var(--form-group-title-background-color);
  color: var(--form-group-title-text-color);
  padding: 5px 20px;
  border-radius: 4px 4px 0px 0px;
}
.settings-wrapper .search .search-wrapper[data-v-4856930c] {
  background: #e1e1e1;
  border-radius: 0px 0px 4px 4px;
  padding: 20px;
}
.settings-wrapper .search .search-wrapper > ul[data-v-4856930c] {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.settings-wrapper .search .search-wrapper > ul li[data-v-4856930c] {
  margin-bottom: 8px;
}
.settings-wrapper .search .search-wrapper .control[data-v-4856930c] {
  margin-left: 140px;
}
.settings-wrapper .permission-table[data-v-4856930c] {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 5px;
}
.settings-wrapper .permission-table ul[data-v-4856930c] {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: table-row;
  width: 100%;
  z-index: 0;
  background-color: var(--list-table-data-background-color);
  color: var(--list-table-data-text-color);
  overflow: hidden;
  border: 1px solid #dddddd;
}
.settings-wrapper .permission-table ul .activated[data-v-4856930c] {
  color: #009900;
}
.settings-wrapper .permission-table ul .deactivated[data-v-4856930c] {
  color: #990000;
}
.settings-wrapper .permission-table ul label[data-v-4856930c] {
  display: none;
}
.settings-wrapper .permission-table ul.title li[data-v-4856930c] {
  background-color: var(--list-table-title-background-color);
  color: var(--list-table-title-text-color);
  padding: 0px 8px;
  white-space: nowrap;
}
.settings-wrapper .permission-table ul.title li *[data-v-4856930c] {
  vertical-align: bottom;
}
.settings-wrapper .permission-table ul.title li div[data-v-4856930c] {
  position: relative;
  cursor: default;
  padding: 8px 0px;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
}
.settings-wrapper .permission-table ul.title li.remove[data-v-4856930c] {
  width: 20px;
}
.settings-wrapper .permission-table ul.title li.group-name[data-v-4856930c] {
  width: 200px;
}
.settings-wrapper .permission-table ul.title li.management[data-v-4856930c] {
  width: 140px;
}
.settings-wrapper .permission-table ul.title li.user-manual[data-v-4856930c] {
  width: 140px;
}
.settings-wrapper .permission-table ul > li[data-v-4856930c] {
  display: table-cell;
  width: auto;
  padding: 8px 8px;
  vertical-align: middle;
  box-sizing: border-box;
  background: #ffffff;
}
.settings-wrapper .permission-table ul > li.remove[data-v-4856930c] {
  width: 20px;
  text-align: center;
}
.settings-wrapper .permission-table ul > li.remove div[data-v-4856930c] {
  vertical-align: middle;
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  background: var(--button-link-background-color);
  border-radius: 4px;
  color: var(--button-link-text-color);
}
.settings-wrapper .permission-table ul > li.remove div[data-v-4856930c]:hover {
  background-color: var(--button-link-background-color-hover);
}
.settings-wrapper .permission-table ul > li[data-v-4856930c]:first-child {
  border-radius: 6px 0px 0px 6px;
}
.settings-wrapper .permission-table ul > li[data-v-4856930c]:last-child {
  border-radius: 0px 6px 6px 0px;
}
.settings-wrapper .permission-table .reversed[data-v-4856930c] {
  color: #aaa;
}
.settings-wrapper .permission-table .reversed label[data-v-4856930c] {
  color: var(--list-table-data-text-color);
}
.settings-wrapper .permission-table .granted-permission[data-v-4856930c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.settings-wrapper .permission-table .granted-permission div[data-v-4856930c] {
  margin-right: 20px;
  position: relative;
  padding-left: 15px;
}
.settings-wrapper .permission-table .granted-permission div[data-v-4856930c]:after {
  position: absolute;
  top: 4px;
  left: 0px;
  width: 12px;
  height: 12px;
  -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxNjdkZGM4OS1lNjk2LWNjNDUtOGM3Yi00YmRkZjdmODdlZDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExOTBBMkRCMUJGMTFFQjk4RjZDMjc3QjZDNjI5MzkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExOTBBMkNCMUJGMTFFQjk4RjZDMjc3QjZDNjI5MzkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTk3ZmRkYTMtZDcyYy1jMTQ2LTg2OGYtMTVhZDhhNTM2ZjQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE2N2RkYzg5LWU2OTYtY2M0NS04YzdiLTRiZGRmN2Y4N2VkNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu2AgVYAAAN8SURBVHja7Js7aFRBFIZndY0oBixUBBWJiGKhGAQbBR+NrJB0wUJSaKEE7URJYaWFEZuEqGgRUDGNgiDqRsFCBSWKSIgKgsFYxWd84jPqeo7OwnLZ3Ttzzpl779zdA38Rkr25/zfPc2Y2UygUVC3HJFXjUQdQB1DjkS39IZPJpN5wcNKvD4GU+FgDyoPegX6BhkC7gj28YpcoysNoBB0F/UErZXQdNL2S33+ePQaArT5awXipzqQRwE7QDwPzRa1OC4DJoJMWxovqSwOABtAFgnnUiO8AcCIbIJpHffcZQIOezQsMffEVAI7580zzqEe+AjguYB7V7SOATiHzuDNc5huAFtBvIQBHfNsILQF9EDLfp+cRbwBMAw0LGH8NagvLfZII4JiA+cugOSbJX9IAtFTJ6kx1ONjlwwBkSo1XqAjN0N1pOWgCdBN0Vb+sVMzVXX82tdAD6tB5glVFKKwHtILGy5C+B1okCCDPaHVcLbbblMRMh0AuZCkaK11fGbGV2e07bGuCJgBmVmj5oF7poUEN7PJvGOYPUYqiJgD2Wi45i4kA+hnmz+K05QrALcuXeQ6ab/kuOYb5QZ0lKlcAxgkvNayLlCYxBfSEaB6HzALqmDMF8I34chfD1mEde4jPx6V3M2fGNQUwyuieXQZr/kfis3u5S44pgHPMpamtyjucIj7zsc4VIgGwhQkAs7mmMv+/mbjdndCfVVEBwCOlISaEu2Vm6oGo1nuJnSCu7S+ZEA6WPG898RlPJbo+NRvEre4LBoCfoJV6wzJInPU3SKaclHR4qd7tUSHc15Mi5bP90jk3tR6wglmmouwrPoPmJQUAxkZldyDJVaeLqgu3IrQjIvPPQFOTCACjJwIA7a7qbhIAcG2/7dD8Q+Xw6o5UUXQh6L0jAK0uK6+SVeF2B+bvuC49S5fFrwgDWOcbgCZG7SCoa1EcPrg4GDkgBGCtrwAamVtl1I2ojp9cHY3tYwLY5DsAPEf4RDT/QEUYQQBSGw5MlE4TP9ut4gzB0+FVhNYfo9b3kzYEijFiCWB/nA3uAoBNovQVNCtuANJJR97ib7H0/lbFHcI9IKuLmCa1vua4/bq6IpMzqP2fSEKDu7wjtFv9v6BYzvylqGf+OABg4JcU8Ho7njTjZWU8KNmmCGf6LgGYXJJKVQQbOlvtl7UQ9e8N1jqAvwIMAGJg80Tp3fv0AAAAAElFTkSuQmCC) no-repeat center center;
          mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxNjdkZGM4OS1lNjk2LWNjNDUtOGM3Yi00YmRkZjdmODdlZDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExOTBBMkRCMUJGMTFFQjk4RjZDMjc3QjZDNjI5MzkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExOTBBMkNCMUJGMTFFQjk4RjZDMjc3QjZDNjI5MzkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTk3ZmRkYTMtZDcyYy1jMTQ2LTg2OGYtMTVhZDhhNTM2ZjQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE2N2RkYzg5LWU2OTYtY2M0NS04YzdiLTRiZGRmN2Y4N2VkNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu2AgVYAAAN8SURBVHja7Js7aFRBFIZndY0oBixUBBWJiGKhGAQbBR+NrJB0wUJSaKEE7URJYaWFEZuEqGgRUDGNgiDqRsFCBSWKSIgKgsFYxWd84jPqeo7OwnLZ3Ttzzpl779zdA38Rkr25/zfPc2Y2UygUVC3HJFXjUQdQB1DjkS39IZPJpN5wcNKvD4GU+FgDyoPegX6BhkC7gj28YpcoysNoBB0F/UErZXQdNL2S33+ePQaArT5awXipzqQRwE7QDwPzRa1OC4DJoJMWxovqSwOABtAFgnnUiO8AcCIbIJpHffcZQIOezQsMffEVAI7580zzqEe+AjguYB7V7SOATiHzuDNc5huAFtBvIQBHfNsILQF9EDLfp+cRbwBMAw0LGH8NagvLfZII4JiA+cugOSbJX9IAtFTJ6kx1ONjlwwBkSo1XqAjN0N1pOWgCdBN0Vb+sVMzVXX82tdAD6tB5glVFKKwHtILGy5C+B1okCCDPaHVcLbbblMRMh0AuZCkaK11fGbGV2e07bGuCJgBmVmj5oF7poUEN7PJvGOYPUYqiJgD2Wi45i4kA+hnmz+K05QrALcuXeQ6ab/kuOYb5QZ0lKlcAxgkvNayLlCYxBfSEaB6HzALqmDMF8I34chfD1mEde4jPx6V3M2fGNQUwyuieXQZr/kfis3u5S44pgHPMpamtyjucIj7zsc4VIgGwhQkAs7mmMv+/mbjdndCfVVEBwCOlISaEu2Vm6oGo1nuJnSCu7S+ZEA6WPG898RlPJbo+NRvEre4LBoCfoJV6wzJInPU3SKaclHR4qd7tUSHc15Mi5bP90jk3tR6wglmmouwrPoPmJQUAxkZldyDJVaeLqgu3IrQjIvPPQFOTCACjJwIA7a7qbhIAcG2/7dD8Q+Xw6o5UUXQh6L0jAK0uK6+SVeF2B+bvuC49S5fFrwgDWOcbgCZG7SCoa1EcPrg4GDkgBGCtrwAamVtl1I2ojp9cHY3tYwLY5DsAPEf4RDT/QEUYQQBSGw5MlE4TP9ut4gzB0+FVhNYfo9b3kzYEijFiCWB/nA3uAoBNovQVNCtuANJJR97ib7H0/lbFHcI9IKuLmCa1vua4/bq6IpMzqP2fSEKDu7wjtFv9v6BYzvylqGf+OABg4JcU8Ho7njTjZWU8KNmmCGf6LgGYXJJKVQQbOlvtl7UQ9e8N1jqAvwIMAGJg80Tp3fv0AAAAAElFTkSuQmCC) no-repeat center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: var(--button-link-background-color);
  content: "";
}
.settings-wrapper .control[data-v-4856930c] {
  margin-top: 5px;
}
.settings-wrapper .control input[data-v-4856930c] {
  margin-right: 10px;
}
.settings-wrapper .control input[data-v-4856930c]:last-child {
  margin-right: 0px;
}
@media only screen and (max-width: 700px) {
.settings-wrapper[data-v-4856930c] {
    padding-bottom: 180px;
}
.settings-wrapper h1[data-v-4856930c] {
    padding: 10px 0px;
}
.settings-wrapper .panel[data-v-4856930c] {
    margin-bottom: 200px;
}
.settings-wrapper .panel input[type=password][data-v-4856930c] {
    width: 100%;
    max-width: inherit;
}
.settings-wrapper .panel .group input[type=text][data-v-4856930c] {
    width: 100%;
    max-width: inherit;
}
.settings-wrapper .panel .group .password-group[data-v-4856930c] {
    display: table;
    width: 100%;
}
.settings-wrapper .panel .group .password-group input[data-v-4856930c] {
    display: table-cell;
}
.settings-wrapper .panel .group .password-group .status[data-v-4856930c] {
    display: table-cell;
}
.settings-wrapper .panel .permission-group[data-v-4856930c] {
    padding: 10px;
    box-sizing: border-box;
}
.settings-wrapper .panel .permission-group .group[data-v-4856930c] {
    display: block;
    padding: 0px;
    box-sizing: border-box;
    margin-bottom: 10px;
    border-bottom: 0px;
}
.settings-wrapper .panel .permission-group .group .name[data-v-4856930c] {
    display: block;
    width: 100%;
    background: var(--base-color-light);
    padding: 3px 5px;
    box-sizing: border-box;
}
.settings-wrapper .panel .permission-group .group .name label[data-v-4856930c] {
    color: var(--base-text-color);
}
.settings-wrapper .panel .permission-group .group .value[data-v-4856930c] {
    padding: 3px 5px;
    box-sizing: border-box;
    display: block;
}
.settings-wrapper .successfully-page[data-v-4856930c] input {
    width: 100%;
}
.settings-wrapper .search .search-wrapper[data-v-4856930c] {
    padding: 20px;
}
.settings-wrapper .search .search-wrapper > ul[data-v-4856930c] {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.settings-wrapper .search .search-wrapper > ul li[data-v-4856930c] {
    margin-bottom: 8px;
}
.settings-wrapper .search .search-wrapper .control[data-v-4856930c] {
    margin-left: 140px;
}
.settings-wrapper .permission-table[data-v-4856930c] {
    border-spacing: 0px;
    position: relative;
}
.settings-wrapper .permission-table ul[data-v-4856930c] {
    display: block;
    margin-bottom: 20px;
    border-radius: 4px;
}
.settings-wrapper .permission-table ul.title[data-v-4856930c] {
    display: none;
}
.settings-wrapper .permission-table ul li[data-v-4856930c] {
    display: table;
    width: 100%;
    padding: 5px 15px;
    border-bottom: 1px solid #eeeeee;
    border-radius: 0px;
}
.settings-wrapper .permission-table ul li[data-v-4856930c]:last-child {
    border-bottom: 0px;
    border-radius: 0px;
}
.settings-wrapper .permission-table ul li.remove[data-v-4856930c] {
    background: var(--base-color-light);
    color: #ffffff;
    width: 100%;
    display: block;
    border-radius: 0px;
    height: 30px;
    position: relative;
}
.settings-wrapper .permission-table ul li.remove div[data-v-4856930c] {
    position: absolute;
    top: 5px;
    right: 10px;
}
.settings-wrapper .permission-table ul li.controls[data-v-4856930c] {
    background: #efefef;
    text-align: right;
}
.settings-wrapper .permission-table ul li label[data-v-4856930c] {
    display: table-cell;
    width: 100px;
}
.settings-wrapper .permission-table ul li div[data-v-4856930c] {
    display: table-cell;
    text-align: right;
}
.settings-wrapper .permission-table .granted-permission div[data-v-4856930c] {
    margin-right: 0px;
    margin-left: 10px;
    padding-left: 15px;
}
.settings-wrapper .permission-table .granted-permission div[data-v-4856930c]:after {
    position: absolute;
    top: 4px;
    left: 0px;
    width: 12px;
    height: 12px;
    -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxNjdkZGM4OS1lNjk2LWNjNDUtOGM3Yi00YmRkZjdmODdlZDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExOTBBMkRCMUJGMTFFQjk4RjZDMjc3QjZDNjI5MzkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExOTBBMkNCMUJGMTFFQjk4RjZDMjc3QjZDNjI5MzkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTk3ZmRkYTMtZDcyYy1jMTQ2LTg2OGYtMTVhZDhhNTM2ZjQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE2N2RkYzg5LWU2OTYtY2M0NS04YzdiLTRiZGRmN2Y4N2VkNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu2AgVYAAAN8SURBVHja7Js7aFRBFIZndY0oBixUBBWJiGKhGAQbBR+NrJB0wUJSaKEE7URJYaWFEZuEqGgRUDGNgiDqRsFCBSWKSIgKgsFYxWd84jPqeo7OwnLZ3Ttzzpl779zdA38Rkr25/zfPc2Y2UygUVC3HJFXjUQdQB1DjkS39IZPJpN5wcNKvD4GU+FgDyoPegX6BhkC7gj28YpcoysNoBB0F/UErZXQdNL2S33+ePQaArT5awXipzqQRwE7QDwPzRa1OC4DJoJMWxovqSwOABtAFgnnUiO8AcCIbIJpHffcZQIOezQsMffEVAI7580zzqEe+AjguYB7V7SOATiHzuDNc5huAFtBvIQBHfNsILQF9EDLfp+cRbwBMAw0LGH8NagvLfZII4JiA+cugOSbJX9IAtFTJ6kx1ONjlwwBkSo1XqAjN0N1pOWgCdBN0Vb+sVMzVXX82tdAD6tB5glVFKKwHtILGy5C+B1okCCDPaHVcLbbblMRMh0AuZCkaK11fGbGV2e07bGuCJgBmVmj5oF7poUEN7PJvGOYPUYqiJgD2Wi45i4kA+hnmz+K05QrALcuXeQ6ab/kuOYb5QZ0lKlcAxgkvNayLlCYxBfSEaB6HzALqmDMF8I34chfD1mEde4jPx6V3M2fGNQUwyuieXQZr/kfis3u5S44pgHPMpamtyjucIj7zsc4VIgGwhQkAs7mmMv+/mbjdndCfVVEBwCOlISaEu2Vm6oGo1nuJnSCu7S+ZEA6WPG898RlPJbo+NRvEre4LBoCfoJV6wzJInPU3SKaclHR4qd7tUSHc15Mi5bP90jk3tR6wglmmouwrPoPmJQUAxkZldyDJVaeLqgu3IrQjIvPPQFOTCACjJwIA7a7qbhIAcG2/7dD8Q+Xw6o5UUXQh6L0jAK0uK6+SVeF2B+bvuC49S5fFrwgDWOcbgCZG7SCoa1EcPrg4GDkgBGCtrwAamVtl1I2ojp9cHY3tYwLY5DsAPEf4RDT/QEUYQQBSGw5MlE4TP9ut4gzB0+FVhNYfo9b3kzYEijFiCWB/nA3uAoBNovQVNCtuANJJR97ib7H0/lbFHcI9IKuLmCa1vua4/bq6IpMzqP2fSEKDu7wjtFv9v6BYzvylqGf+OABg4JcU8Ho7njTjZWU8KNmmCGf6LgGYXJJKVQQbOlvtl7UQ9e8N1jqAvwIMAGJg80Tp3fv0AAAAAElFTkSuQmCC) no-repeat center center;
            mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxNjdkZGM4OS1lNjk2LWNjNDUtOGM3Yi00YmRkZjdmODdlZDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExOTBBMkRCMUJGMTFFQjk4RjZDMjc3QjZDNjI5MzkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExOTBBMkNCMUJGMTFFQjk4RjZDMjc3QjZDNjI5MzkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTk3ZmRkYTMtZDcyYy1jMTQ2LTg2OGYtMTVhZDhhNTM2ZjQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE2N2RkYzg5LWU2OTYtY2M0NS04YzdiLTRiZGRmN2Y4N2VkNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu2AgVYAAAN8SURBVHja7Js7aFRBFIZndY0oBixUBBWJiGKhGAQbBR+NrJB0wUJSaKEE7URJYaWFEZuEqGgRUDGNgiDqRsFCBSWKSIgKgsFYxWd84jPqeo7OwnLZ3Ttzzpl779zdA38Rkr25/zfPc2Y2UygUVC3HJFXjUQdQB1DjkS39IZPJpN5wcNKvD4GU+FgDyoPegX6BhkC7gj28YpcoysNoBB0F/UErZXQdNL2S33+ePQaArT5awXipzqQRwE7QDwPzRa1OC4DJoJMWxovqSwOABtAFgnnUiO8AcCIbIJpHffcZQIOezQsMffEVAI7580zzqEe+AjguYB7V7SOATiHzuDNc5huAFtBvIQBHfNsILQF9EDLfp+cRbwBMAw0LGH8NagvLfZII4JiA+cugOSbJX9IAtFTJ6kx1ONjlwwBkSo1XqAjN0N1pOWgCdBN0Vb+sVMzVXX82tdAD6tB5glVFKKwHtILGy5C+B1okCCDPaHVcLbbblMRMh0AuZCkaK11fGbGV2e07bGuCJgBmVmj5oF7poUEN7PJvGOYPUYqiJgD2Wi45i4kA+hnmz+K05QrALcuXeQ6ab/kuOYb5QZ0lKlcAxgkvNayLlCYxBfSEaB6HzALqmDMF8I34chfD1mEde4jPx6V3M2fGNQUwyuieXQZr/kfis3u5S44pgHPMpamtyjucIj7zsc4VIgGwhQkAs7mmMv+/mbjdndCfVVEBwCOlISaEu2Vm6oGo1nuJnSCu7S+ZEA6WPG898RlPJbo+NRvEre4LBoCfoJV6wzJInPU3SKaclHR4qd7tUSHc15Mi5bP90jk3tR6wglmmouwrPoPmJQUAxkZldyDJVaeLqgu3IrQjIvPPQFOTCACjJwIA7a7qbhIAcG2/7dD8Q+Xw6o5UUXQh6L0jAK0uK6+SVeF2B+bvuC49S5fFrwgDWOcbgCZG7SCoa1EcPrg4GDkgBGCtrwAamVtl1I2ojp9cHY3tYwLY5DsAPEf4RDT/QEUYQQBSGw5MlE4TP9ut4gzB0+FVhNYfo9b3kzYEijFiCWB/nA3uAoBNovQVNCtuANJJR97ib7H0/lbFHcI9IKuLmCa1vua4/bq6IpMzqP2fSEKDu7wjtFv9v6BYzvylqGf+OABg4JcU8Ho7njTjZWU8KNmmCGf6LgGYXJJKVQQbOlvtl7UQ9e8N1jqAvwIMAGJg80Tp3fv0AAAAAElFTkSuQmCC) no-repeat center center;
    -webkit-mask-size: contain;
            mask-size: contain;
    background-color: var(--button-link-background-color);
    content: "";
}
.settings-wrapper .control[data-v-4856930c] {
    position: fixed;
    bottom: 100px;
    left: 0px;
    width: 100%;
    background: #ffffff;
    border-top: 1px solid #cccccc;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
}
}
.control-wrapper[data-v-4856930c] {
  display: table;
  width: 100%;
}
.control-wrapper .control[data-v-4856930c] {
  display: table-cell;
}
.control-wrapper .paging[data-v-4856930c] {
  display: table-cell;
}
.paging[data-v-4856930c] {
  text-align: right;
  padding: 10px 0px;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.paging a[data-v-4856930c] {
  line-height: 20px;
  font-size: 12px;
  background-color: var(--button-link-inactive-background-color);
  color: var(--button-link-inactive-text-color);
  padding: 3px 5px;
  margin-right: 3px;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
}
.paging a[data-v-4856930c]:last-child {
  margin-right: 0px;
}
.paging a[data-v-4856930c]:hover {
  background-color: var(--button-link-background-color-hover);
  color: var(--button-link-text-color);
}
.paging a.selected[data-v-4856930c] {
  background-color: var(--button-link-background-color);
  color: var(--button-link-text-color);
}
.paging .form[data-v-4856930c] {
  display: inline-block;
  margin-left: 5px;
  margin-right: 10px;
}
.paging .form input[data-v-4856930c] {
  line-height: 20px;
  font-size: 16px;
  border-radius: 4px;
  border: 1px solid var(--layout-border-line-color);
  font-size: 14px;
  text-align: center;
  width: 40px;
}
@media only screen and (max-width: 700px) {
.control-wrapper[data-v-4856930c] {
    display: block;
}
.control-wrapper .control[data-v-4856930c] {
    display: block;
}
.control-wrapper .paging[data-v-4856930c] {
    padding: 10px;
    text-align: center;
    display: block;
}
}
.short-select[data-v-4856930c] {
  width: 150px;
}
.account[data-v-4856930c] {
  margin: 0px;
  padding: 0px;
  list-style: none;
  margin-top: 5px;
  width: 100%;
}
.account li[data-v-4856930c] {
  display: inline-block;
  margin-right: 5px;
  background: #ffffff;
  margin-bottom: 5px;
  padding: 5px 10px;
}
.account li a[data-v-4856930c] {
  cursor: pointer;
  margin-left: 10px;
}
.search-user[data-v-4856930c] {
  display: table;
  width: 100%;
  margin-top: 10px;
  background: #eee;
  padding: 20px;
  box-sizing: border-box;
}
.search-user h2[data-v-4856930c] {
  padding-bottom: 20px;
  display: block;
}
.search-user .field[data-v-4856930c] {
  display: table-row;
}
.search-user .field label[data-v-4856930c] {
  display: table-cell;
  vertical-align: top;
  width: 120px;
  padding-bottom: 10px;
}
.search-user .field .input[data-v-4856930c] {
  display: table-cell;
  vertical-align: top;
  padding-bottom: 10px;
}
.user-list[data-v-4856930c] {
  padding-top: 10px;
}
.user-result[data-v-4856930c] {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.user-result li[data-v-4856930c] {
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 5px;
  background: #ffffff;
  padding: 3px 10px;
  cursor: pointer;
}
.user-result li[data-v-4856930c]:hover {
  background: var(--button-background-color-hover);
  color: var(--button-text-color-hover);
}
.user-result li:hover a[data-v-4856930c] {
  color: var(--button-text-color-hover);
}