.read-only[data-v-5726077e] {
  background: #fff;
  padding: 0px 10px;
  margin-bottom: 5px;
  height: 26px;
  line-height: 26px;
}
.row[data-v-5726077e] {
  width: 100%;
  display: grid;
  grid-template-columns: 130px auto;
  vertical-align: middle;
  grid-column-gap: 10px;
}
.row.no-title[data-v-5726077e] {
  display: block;
}
.row.single[data-v-5726077e] {
  display: block;
}
.row .input-container[data-v-5726077e] {
  position: relative;
}
.row .required[data-v-5726077e] {
  position: absolute;
  left: -15px;
  top: 0px;
  width: 13px;
  height: 26px;
  background: var(--button-background-color);
  color: var(--button-text-color);
  line-height: 24px;
  text-align: center;
  border-radius: 2px;
}
.row .required[data-v-5726077e]:after {
  position: absolute;
  font-size: 15px;
  top: 4px;
  left: 0px;
  width: 13px;
  text-align: center;
  content: "*";
}
.row .remark[data-v-5726077e] {
  display: block;
  font-size: 13px;
  line-height: 17px;
  color: #666;
  margin-bottom: 10px;
  font-style: italic;
}
.row .remark[data-v-5726077e] .highlight {
  color: #990000;
}
.row .remark[data-v-5726077e] ul {
  margin: 0px;
  padding: 0px 0px 0px 20px;
  box-sizing: border-box;
}
.row .remark[data-v-5726077e] ul li p {
  margin: 0px;
  padding: 0px;
}
.row .btn-disable-auto-complete[data-v-5726077e] {
  background: #ff0000;
  display: inline-block;
  vertical-align: middle;
  line-height: 26px;
  cursor: pointer;
  white-space: nowrap;
  background: var(--button-background-color);
  padding: 0px 20px;
  color: #ffffff;
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.2), inset 0px 0px 16px rgba(0, 0, 0, 0.16);
  margin-right: 5px;
}
.row .btn-disable-auto-complete[data-v-5726077e]:hover {
  background-color: var(--button-background-color-hover);
}
.row .btn-disable-auto-complete span[data-v-5726077e] {
  color: #ffffff;
}
.row .process[data-v-5726077e] {
  vertical-align: middle;
}
.row .process img[data-v-5726077e] {
  vertical-align: middle;
  margin-right: 5px;
  width: 20px;
}
.row .error[data-v-5726077e] {
  padding-top: 5px;
  padding-bottom: 5px;
  color: #990000;
}
.short-input[data-v-5726077e] {
  width: 150px;
}
.unlock-password[data-v-5726077e] {
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #ccc;
}
.result[data-v-5726077e] {
  display: table;
  width: 100%;
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}
.result.search li[data-v-5726077e] {
  cursor: pointer;
}
.result li[data-v-5726077e] {
  display: table;
  width: 100%;
  background: #ffffff;
  border: 1px solid #ccc;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.result li[data-v-5726077e]:last-child {
  margin-bottom: 0px;
}
.result li:last-child .column[data-v-5726077e] {
  border-bottom: 0px;
}
.result li .column[data-v-5726077e] {
  display: table-cell;
  vertical-align: top;
  padding: 5px 10px;
  box-sizing: border-box;
}
.result li .column.controls[data-v-5726077e] {
  width: 50px;
}
.result li .column.controls input[data-v-5726077e] {
  min-width: inherit;
}
.result li[data-v-5726077e]:hover {
  background: #f9f9f9;
}
.layout[data-v-5726077e] {
  display: table;
  width: 100%;
  line-height: 16px;
}
.layout h2[data-v-5726077e] {
  margin-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.layout .title[data-v-5726077e] {
  display: table-cell;
  vertical-align: top;
  width: 100px;
  color: #333;
}
.layout .title.heading[data-v-5726077e] {
  font-size: 18px;
  line-height: 20px;
  padding: 5px 0px;
}
.layout .split[data-v-5726077e] {
  display: table-cell;
  vertical-align: top;
  width: 15px;
}
.layout .value[data-v-5726077e] {
  display: table-cell;
  vertical-align: top;
  padding-bottom: 5px;
}
.layout .value .item[data-v-5726077e] {
  display: inline-block;
  margin-right: 8px;
  color: #333;
}
.layout .value .item .prefix[data-v-5726077e] {
  color: #333;
}
.layout .value .item .profix[data-v-5726077e] {
  color: #333;
}
.layout .value .item[data-v-5726077e]:after {
  display: inline-block;
  content: ", ";
}
.layout .value .item[data-v-5726077e]:last-child:after {
  display: none;
}
.layout .value .item .data[data-v-5726077e] {
  color: #333;
}
@media only screen and (max-width: 700px) {
.row[data-v-5726077e] {
    display: block;
}
.row .title[data-v-5726077e] {
    padding: 0px;
    line-height: 16px;
    font-size: 12px;
}
.row .btn-disable-auto-complete[data-v-5726077e] {
    padding: 4px 8px;
    line-height: 18px;
    font-size: 14px;
}
}
input[type=file][data-v-5726077e]::-webkit-file-upload-button {
  height: 30px;
  width: 150px;
  background: var(--button-background-color);
  border: 0px;
  border-radius: 4px;
  cursor: pointer;
  color: var(--button-text-color);
}
.row .read-only[data-v-5726077e] {
  height: auto;
}
.row .requirement[data-v-5726077e] {
  font-size: 12px;
  padding-bottom: 5px;
  border-spacing: 0px;
}
.row .requirement div[data-v-5726077e] {
  display: table;
  width: 100%;
}
.row .requirement div span[data-v-5726077e] {
  display: table-cell;
  font-size: 12px;
}
.row .requirement div span[data-v-5726077e]:first-child {
  width: 90px;
  color: #333;
  position: relative;
}
.row .requirement div span[data-v-5726077e]:first-child:after {
  content: ":";
  width: 10px;
  position: absolute;
  right: 0px;
  top: 0px;
}
.row .requirement div span[data-v-5726077e]:last-child {
  color: #333;
}
.row .requirement div a[data-v-5726077e] {
  font-size: 12px;
  text-decoration: underline;
  color: var(--link-color);
}
.progress .progress-bar[data-v-5726077e] {
  display: grid;
  grid-template-columns: calc(100% - 40px) 40px;
}
.progress .progress-bar span[data-v-5726077e]:last-child {
  padding-left: 5px;
}
.progress .progress-bar .progress-wrapper[data-v-5726077e] {
  position: relative;
  width: 100%;
  height: 20px;
  background: #dddddd;
}
.progress .progress-bar .progress-wrapper .value[data-v-5726077e] {
  height: 20px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: var(--base-color-light);
}
.uploaded[data-v-5726077e] {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  box-sizing: border-box;
  margin-top: 5px;
}
.uploaded.read-only[data-v-5726077e] {
  background: none;
  padding: 0px;
}
.uploaded.read-only .group .detail .data-group label[data-v-5726077e] {
  color: #666;
}
.uploaded .group[data-v-5726077e] {
  display: grid;
  grid-template-columns: 80px auto;
  grid-gap: 10px;
  position: relative;
}
.uploaded .group .preview img[data-v-5726077e] {
  max-width: 80px;
  display: block;
}
.uploaded .group .preview video[data-v-5726077e] {
  width: 80px;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.uploaded .group .detail[data-v-5726077e] {
  max-width: 100%;
  word-break: break-all;
}
.uploaded .group .detail .data-group[data-v-5726077e] {
  padding-bottom: 8px;
  font-size: 12px;
  line-height: 14px;
}
.uploaded .group .detail .data-group[data-v-5726077e]:last-child {
  padding-bottom: 0px;
}
.uploaded .group .detail .data-group label[data-v-5726077e] {
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  color: #666;
  padding: 0px;
  margin: 0px;
  display: block;
  padding-bottom: 2px;
}
.uploaded .group .detail .data-group label[data-v-5726077e]:first-child {
  padding-top: 0px;
}
.uploaded .group .detail .data-group > div[data-v-5726077e] {
  margin: 0px;
  padding: 0px;
  line-height: 15px;
}
.uploaded .group .detail .data-group input[data-v-5726077e] {
  width: 100%;
  box-sizing: border-box;
  height: 30px;
  line-height: 30px;
  padding: 0px 10px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #cccccc;
}
.uploaded .group .detail .data-group .sorting .add[data-v-5726077e], .uploaded .group .detail .data-group .sorting .minus[data-v-5726077e] {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: var(--button-link-background-color);
  color: var(--button-link-text-color);
  text-align: center;
  line-height: 20px;
  border-radius: 4px;
  vertical-align: top;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.uploaded .group .detail .data-group .sorting input[data-v-5726077e] {
  display: inline-block;
  width: 50px;
  margin-left: 3px;
  margin-right: 3px;
  text-align: center;
  border-radius: 4px;
  height: 20px;
  line-height: 20px;
  padding: 0px 5px;
}
.group-wrapper[data-v-5726077e] {
  background: #ffffff;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  padding: 10px;
  overflow: hidden;
  position: relative;
  display: none;
}
.group-wrapper.active[data-v-5726077e] {
  display: block;
}
.group-wrapper .close[data-v-5726077e] {
  position: absolute;
  top: 5px;
  right: 10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  background: var(--button-background-color);
  color: var(--button-text-color);
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
}
.group-wrapper .close[data-v-5726077e]:hover {
  background: var(--button-background-color-hover);
  color: var(-button-text-color-hover);
}
.group-wrapper .caption[data-v-5726077e] {
  width: 100%;
  margin-bottom: 10px;
}
.group-wrapper .caption input[data-v-5726077e] {
  width: 100%;
  box-sizing: border-box;
  height: 30px;
  line-height: 30px;
  padding: 0px 10px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #cccccc;
}
.group-wrapper.no-preview .group[data-v-5726077e] {
  grid-template-columns: auto;
  grid-gap: 0px;
}
.upload-container[data-v-5726077e] {
  margin-bottom: 10px;
}
.upload-container.encrypted[data-v-5726077e] {
  padding: 10px;
  border: 1px solid #ccc;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAFWGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjEwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMTAiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSIKICAgdGlmZjpJbWFnZVdpZHRoPSIxMCIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMTAiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjcyLzEiCiAgIHRpZmY6WVJlc29sdXRpb249IjcyLzEiCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIKICAgeG1wOk1vZGlmeURhdGU9IjIwMjItMDgtMDdUMDE6NDM6MzgrMDg6MDAiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMDgtMDdUMDE6NDM6MzgrMDg6MDAiPgogICA8ZGM6dGl0bGU+CiAgICA8cmRmOkFsdD4KICAgICA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmVuY3J5cHQtYmFja2dyb3VuZDwvcmRmOmxpPgogICAgPC9yZGY6QWx0PgogICA8L2RjOnRpdGxlPgogICA8eG1wTU06SGlzdG9yeT4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgc3RFdnQ6YWN0aW9uPSJwcm9kdWNlZCIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWZmaW5pdHkgUGhvdG8gMS4xMC41IgogICAgICBzdEV2dDp3aGVuPSIyMDIyLTA4LTA3VDAxOjQzOjM4KzA4OjAwIi8+CiAgICA8L3JkZjpTZXE+CiAgIDwveG1wTU06SGlzdG9yeT4KICA8L3JkZjpEZXNjcmlwdGlvbj4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+Cjw/eHBhY2tldCBlbmQ9InIiPz6gNasWAAABgmlDQ1BzUkdCIElFQzYxOTY2LTIuMQAAKJF1kc8rRFEUxz9m/MqPEAsLi0koGRqjJjYWMzEUFuMpg83Mm19qZrzem0myVbZTlNj4teAvYKuslSJSspQ1sUHPeWZqJplzO/d87vfec7r3XLApSTVlVLoglc7oAb/XMR9ccNQ8U0s1LfTSF1INbXp2XKGsfdxRYcWbfqtW+XP/Wn0kaqhQUSs8qmp6RnhCeGo1o1m8LdymJkIR4VNhpy4XFL619HCeXyyO5/nLYl0J+MDWLOyIl3C4hNWEnhKWl9OVSmbVwn2slzRE03OzEjvFOzAI4MeLg0nG8OFhkBGZPfTjZkBWlMl3/ebPsCK5qswaa+gsEydBBqeoWakelRgTPSojyZrV/799NWJD7nz1Bi9UPZnmWzfUbMF3zjQ/D03z+wjsj3CRLuavHMDwu+i5ota1D00bcHZZ1MI7cL4J7Q9aSA/9SnZxWywGryfQGITWa6hbzPessM/xPSjr8lVXsLsHPXK+aekHkNhn+dTrOyEAAAAJcEhZcwAACxMAAAsTAQCanBgAAABJSURBVBiVjco5EYBAEADBOQxsiAOUrOwxRIgDMgq4t+NGDQbUUI8yS8AOnN34Tpl5NeM/AVSxlarYS584Sk+cJYCykgC2laTGDUA/Mi7VBixeAAAAAElFTkSuQmCC);
}
.upload-container.encrypted .encrypt-message[data-v-5726077e] {
  font-weight: bold;
  margin-bottom: 10px;
}
.upload-container.encrypted .encrypt-message .icon[data-v-5726077e] {
  -webkit-mask: url(../img/icon-key.da9b2bb0.png) no-repeat center center;
          mask: url(../img/icon-key.da9b2bb0.png) no-repeat center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  background: var(--icon-color);
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
}
.upload-container.single[data-v-5726077e] {
  display: table;
  border-spacing: 0px;
  position: relative;
  width: 100%;
}
.upload-container.single .preview-wrapper[data-v-5726077e] {
  display: table-cell;
  vertical-align: top;
  width: auto;
  display: none;
  padding-right: 10px;
}
.upload-container.single .preview-wrapper.active[data-v-5726077e] {
  display: block;
}
.upload-container.single .preview-wrapper.no-preview[data-v-5726077e] {
  display: none;
}
.upload-container.single .preview-wrapper video[data-v-5726077e] {
  width: 80px;
  aspect-ratio: 1;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}
.upload-container.single .browse[data-v-5726077e] {
  display: table-cell;
  vertical-align: top;
  width: 100%;
}
.upload-container.single .group-wrapper[data-v-5726077e] {
  position: inherit;
  padding: 0px;
  border: 0px;
  background: none;
}
.no-data[data-v-5726077e] {
  color: #999;
  padding: 0px;
  margin-bottom: 0px;
}
.thumbnail[data-v-5726077e] {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.thumbnail .item[data-v-5726077e] {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 100px;
  height: 150px;
  overflow: hidden;
  background: #ffffff;
  position: relative;
  box-shadow: 5px 5px 0px 5px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  text-align: center;
  display: none;
}
.thumbnail .item.active[data-v-5726077e] {
  display: inline-block;
}
.thumbnail .item .image[data-v-5726077e] {
  width: 100px;
  height: 100px;
  overflow: hidden;
}
.thumbnail .item .close[data-v-5726077e] {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background: var(--button-upload-close-background-color);
  color: var(--button-upload-close-color);
  box-shadow: 5px 5px 0px 5px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  cursor: pointer;
}
.thumbnail .item .close[data-v-5726077e]:hover {
  background: var(--button-upload-close-hover-background-color);
  color: var(--button-upload-close-hover-color);
}
@media only screen and (min-width: 1350px) {
.uploaded[data-v-5726077e] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (min-width: 1550px) {
.uploaded[data-v-5726077e] {
    grid-template-columns: repeat(4, 1fr);
}
}
@media only screen and (min-width: 1850px) {
.uploaded[data-v-5726077e] {
    grid-template-columns: repeat(5, 1fr);
}
}
@media only screen and (max-width: 768px) {
.row[data-v-5726077e] {
    display: block;
}
.row .title[data-v-5726077e] {
    padding: 0px;
    line-height: 16px;
    font-size: 12px;
}
.uploaded[data-v-5726077e] {
    grid-template-columns: 1fr;
}
}