.table[data-v-328a1830] {
  display: table;
  width: 100%;
}
.table .col[data-v-328a1830] {
  display: table-cell;
  vertical-align: top;
}
.table .col[data-v-328a1830]:first-child {
  width: 25px;
}
.table .board[data-v-328a1830] {
  padding: 10px;
  border: 1px solid #eee;
  border-radius: 4px;
  box-sizing: border-box;
}
.table .btn-edit[data-v-328a1830] {
  -webkit-mask: url(../img/icon-edit.e8fa70f2.png) no-repeat center center;
          mask: url(../img/icon-edit.e8fa70f2.png) no-repeat center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background: #333;
  width: 18px;
  height: 18px;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
}
.table .btn-edit[data-v-328a1830]:hover {
  background: var(--button-background-color-hover);
}
.remark .group[data-v-328a1830] {
  padding-bottom: 5px;
}
.remark .group .title[data-v-328a1830] {
  font-size: 10px;
  line-height: 10px;
  color: #777;
}
.remark .group[data-v-328a1830]:last-child {
  padding-bottom: 0px;
}
.edit-content[data-v-328a1830] {
  padding: 2px 5px;
  min-width: 150px;
  height: auto;
}
.edit-content.active[data-v-328a1830] {
  border-radius: 4px;
  border: 1px solid #999;
}
.edit-control[data-v-328a1830] {
  margin-top: 5px;
}
.edit-control .button[data-v-328a1830] {
  display: inline-block;
  margin-right: 5px;
}
.table[data-v-46d153b0] {
  display: table;
  width: 100%;
}
.table .col[data-v-46d153b0] {
  display: table-cell;
  vertical-align: top;
}
.table .col[data-v-46d153b0]:first-child {
  width: 25px;
}
.table .board[data-v-46d153b0] {
  padding: 10px;
  border: 1px solid #eee;
  border-radius: 4px;
  box-sizing: border-box;
}
.table .btn-edit[data-v-46d153b0] {
  -webkit-mask: url(../img/icon-edit.e8fa70f2.png) no-repeat center center;
          mask: url(../img/icon-edit.e8fa70f2.png) no-repeat center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background: #333;
  width: 18px;
  height: 18px;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
}
.table .btn-edit[data-v-46d153b0]:hover {
  background: var(--button-background-color-hover);
}
.remark .group[data-v-46d153b0] {
  padding-bottom: 5px;
}
.remark .group .title[data-v-46d153b0] {
  font-size: 10px;
  line-height: 10px;
  color: #777;
}
.remark .group[data-v-46d153b0]:last-child {
  padding-bottom: 0px;
}
.edit-content[data-v-46d153b0] {
  padding: 2px 5px;
  min-width: 150px;
  height: auto;
}
.edit-content.active[data-v-46d153b0] {
  border-radius: 4px;
  border: 1px solid #999;
}
.edit-control[data-v-46d153b0] {
  margin-top: 5px;
}
.edit-control .button[data-v-46d153b0] {
  display: inline-block;
  margin-right: 5px;
}
.form[data-v-0ca2185e] {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.form .overlay[data-v-0ca2185e] {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
}
.form .pivot[data-v-0ca2185e] {
  position: absolute;
  top: 12.5vh;
  left: 10vw;
}
.form .pivot .board[data-v-0ca2185e] {
  width: 80vw;
  height: 75vh;
  background: #ffffff;
  overflow: auto;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  box-sizing: border-box;
}
.form .pivot .board .edit[data-v-0ca2185e] {
  position: absolute;
  top: 17px;
  right: 50px;
  padding: 5px 15px;
  border-radius: 4px;
  cursor: pointer;
  background: var(--button-link-background-color);
  color: var(--button-link-text-color);
}
.form .pivot .board .edit[data-v-0ca2185e]:hover {
  background: var(--button-link-background-color-hover);
}
.form .pivot .board .close[data-v-0ca2185e] {
  position: absolute;
  top: 15px;
  right: 10px;
  width: 30px;
  height: 30px;
  background: #ffffff;
  text-align: center;
  line-height: 30px;
  font-size: 20px;
  cursor: pointer;
}
.form .pivot .board .header[data-v-0ca2185e] {
  border-bottom: 1px solid #ccc;
  padding: 20px 0px;
}
.form .pivot .board .header ul[data-v-0ca2185e] {
  list-style: none;
  margin: 0px;
  padding: 0px 20px;
  display: table;
}
.form .pivot .board .header ul li[data-v-0ca2185e] {
  display: table-cell;
  padding-right: 40px;
  font-size: 16px;
}
.form .pivot .board .header ul li span[data-v-0ca2185e] {
  color: #333;
  font-size: 18px;
}
.form .pivot .board .header ul li span[data-v-0ca2185e]:after {
  content: " > ";
  padding: 0px 5px;
}
.form .pivot .board .header ul li span[data-v-0ca2185e]:last-child:after {
  display: none;
}
.form .pivot .board .info[data-v-0ca2185e] {
  display: table;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}
.form .pivot .board .info ul[data-v-0ca2185e] {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: table-row;
}
.form .pivot .board .info ul li[data-v-0ca2185e] {
  display: table-cell;
  font-size: 14px;
  padding-bottom: 10px;
}
.form .pivot .board .info ul li label[data-v-0ca2185e] {
  font-size: 11px;
  color: #999;
  display: block;
}
.form .pivot .board .info .teacher span[data-v-0ca2185e] {
  position: relative;
  cursor: pointer;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 8px;
  background: #eee;
  margin-right: 5px;
  color: #333;
}
.form .pivot .board .info .teacher span[data-v-0ca2185e]:hover {
  background: #dddddd;
}
.form .pivot .board .info .teacher span[data-v-0ca2185e]:last-child:after {
  display: none;
}
.form .pivot .board .info .teacher span .clock-in[data-v-0ca2185e] {
  display: none;
}
.form .pivot .board .info .teacher span.option[data-v-0ca2185e] {
  background: var(--list-table-title-background-color-hover);
  color: #ffffff;
}
.form .pivot .board .info .teacher span.option .clock-in[data-v-0ca2185e] {
  display: block;
  position: absolute;
  z-index: 1;
  top: 26px;
  left: 0px;
  width: 100px;
  background: #ffffff;
  overflow: hidden;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.form .pivot .board .info .teacher span.option .clock-in li[data-v-0ca2185e] {
  padding: 5px 10px;
  display: block;
  color: #333;
}
.form .pivot .board .info .teacher span.option .clock-in li[data-v-0ca2185e]:hover {
  color: #ffffff;
  background: var(--list-table-title-background-color-hover);
}
.form .pivot .board .info .teacher span .status[data-v-0ca2185e] {
  padding: 2px 8px;
  margin-left: 5px;
  margin-right: 0px;
  font-size: 11px;
  background: #dddddd;
  pointer-events: none;
}
.form .pivot .board .info .teacher span .status.present[data-v-0ca2185e] {
  color: #009900;
}
.form .pivot .board .info .teacher span .status.absent[data-v-0ca2185e] {
  color: #990000;
}
.form .pivot .board .info .teacher span .status.leave[data-v-0ca2185e] {
  color: #999900;
}
.form .pivot .board .info .teacher span .status.sick-leave[data-v-0ca2185e] {
  color: #999900;
}
.form .pivot .board .info .teacher span .status.skip[data-v-0ca2185e] {
  color: #990000;
}
.form .pivot .board .info .teacher.student-mode span[data-v-0ca2185e] {
  cursor: default;
}
.form .pivot .board .info .teacher.student-mode span[data-v-0ca2185e]:hover {
  background: #eee;
}
.form .pivot .board .control[data-v-0ca2185e] {
  margin: 0px 20px 10px 20px;
  padding: 0px;
  list-style: none;
}
.form .pivot .board .control li[data-v-0ca2185e] {
  display: inline-block;
  margin-right: 5px;
  background: var(--button-background-color-inactive);
  color: var(--button-text-color);
  border-radius: 4px;
  padding: 5px 10px;
  cursor: pointer;
  vertical-align: top;
  position: relative;
}
.form .pivot .board .control li.active[data-v-0ca2185e] {
  background: var(--button-background-color-hover);
}
.form .pivot .board .control li.active .arrow[data-v-0ca2185e] {
  width: 10px;
  height: 15px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAYAAAD37n+BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEZEQTRFQUM0Rjc1MTFFQjhCNkJBNzc3QTRERDFFOTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEZEQTRFQUQ0Rjc1MTFFQjhCNkJBNzc3QTRERDFFOTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0RkRBNEVBQTRGNzUxMUVCOEI2QkE3NzdBNEREMUU5OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0RkRBNEVBQjRGNzUxMUVCOEI2QkE3NzdBNEREMUU5OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvgBypQAAABWSURBVHjaYvj///8uIDYEYgYCGKRmN4gBAv+AeBkQK2FRqASVA6kBC3z8jwA/gXgCEItA8QSoGAx8ZIBKTEST+ADFyAaB1IjgtBqXU3F5bheuwAAIMAC6Yvgahwg/IgAAAABJRU5ErkJggg==) no-repeat center center;
  background-size: contain;
  content: "";
  display: inline-block;
  position: relative;
  top: 2px;
}
.form .pivot .board .control li[data-v-0ca2185e]:hover {
  background: var(--button-background-color-hover);
}
.form .pivot .board .control li.split[data-v-0ca2185e] {
  padding: 0px;
  background: none;
  position: relative;
  pointer-events: none;
  padding: 0px 5px;
}
.form .pivot .board .control li.split[data-v-0ca2185e]:after {
  width: 1px;
  height: 20px;
  background: #aaa;
  content: "";
  padding: 0px;
  border: 0px;
  margin: 0px;
  top: 4px;
  position: relative;
  display: block;
}
.form .pivot .board .add-student[data-v-0ca2185e] {
  margin: 0px 20px 20px 20px;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  position: relative;
}
.form .pivot .board .add-student .btn-close[data-v-0ca2185e] {
  position: absolute;
  top: 5px;
  right: 10px;
  width: 20px;
  height: 20px;
  background: #eee;
  border-radius: 4px;
  text-align: center;
  line-height: 20px;
  color: #999;
  cursor: pointer;
}
.form .pivot .board .add-student .btn-close[data-v-0ca2185e]:hover {
  background: var(--button-background-color-hover);
  color: var(--button-text-color);
}
.form .pivot .board .add-student .table[data-v-0ca2185e] {
  margin-top: 10px;
  display: table;
  width: 100%;
}
.form .pivot .board .add-student .table ul[data-v-0ca2185e] {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: table-row;
  box-sizing: border-box;
}
.form .pivot .board .add-student .table ul li[data-v-0ca2185e] {
  display: table-cell;
  position: relative;
  padding-bottom: 10px;
}
.form .pivot .board .add-student .table ul li input[data-v-0ca2185e] {
  padding: 5px 10px;
  border-radius: 4px;
  border: 1px solid #ccc;
  width: 100%;
  box-sizing: border-box;
}
.form .pivot .board .add-student .table ul li[data-v-0ca2185e]:first-child {
  width: 100px;
}
.form .pivot .board .add-student .table ul li.remark[data-v-0ca2185e] {
  color: #999;
}
.form .pivot .board .add-student .table ul li .result[data-v-0ca2185e] {
  position: absolute;
  top: 26px;
  max-height: 200px;
  overflow: auto;
  width: 100%;
  border: 1px solid #ccc;
  background: #ffffff;
  z-index: 1;
  border-radius: 4px;
  box-sizing: border-box;
}
.form .pivot .board .add-student .table ul li .result.relative[data-v-0ca2185e] {
  position: relative;
  top: 0px;
  max-height: inherit;
  z-index: 0;
  pointer-events: none;
}
.form .pivot .board .add-student .table ul li .result .item-container[data-v-0ca2185e] {
  display: table;
  width: 100%;
}
.form .pivot .board .add-student .table ul li .result .item-container .item[data-v-0ca2185e] {
  display: table-row;
  cursor: pointer;
}
.form .pivot .board .add-student .table ul li .result .item-container .item div[data-v-0ca2185e] {
  padding: 3px 15px;
  line-height: 18px;
  display: table-cell;
  border-bottom: 1px solid #eee;
}
.form .pivot .board .add-student .table ul li .result .item-container .item .branch[data-v-0ca2185e] {
  white-space: nowrap;
}
.form .pivot .board .add-student .table ul li .result .item-container .item .customer-number[data-v-0ca2185e] {
  white-space: nowrap;
}
.form .pivot .board .add-student .table ul li .result .item-container .item .student-name[data-v-0ca2185e] {
  white-space: nowrap;
}
.form .pivot .board .add-student .table ul li .result .item-container .item .phone span[data-v-0ca2185e] {
  position: relative;
  padding-right: 10px;
  padding-left: 18px;
}
.form .pivot .board .add-student .table ul li .result .item-container .item .phone span[data-v-0ca2185e]:before {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 18px;
  height: 18px;
  -webkit-mask: url(../img/icon-phone.8bac0db0.png) no-repeat center center;
          mask: url(../img/icon-phone.8bac0db0.png) no-repeat center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background: #ccc;
  content: "";
}
.form .pivot .board .add-student .table ul li .result .item-container .item .email span[data-v-0ca2185e] {
  position: relative;
  padding-right: 10px;
  padding-left: 20px;
}
.form .pivot .board .add-student .table ul li .result .item-container .item .email span[data-v-0ca2185e]:before {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 18px;
  height: 18px;
  -webkit-mask: url(../img/icon-email.4c92fc50.png) no-repeat center center;
          mask: url(../img/icon-email.4c92fc50.png) no-repeat center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background: #ccc;
  content: "";
}
.form .pivot .board .add-student .table ul li .result .item-container .item[data-v-0ca2185e]:hover {
  background: var(--button-link-background-color-hover);
  color: var(--button-text-color-hover);
}
.form .pivot .board .add-student .table ul li .result .item-container .item:hover .branch[data-v-0ca2185e] {
  background: var(--button-link-background-color-hover);
  color: var(--button-text-color-hover);
}
.form .pivot .board .add-student .table ul li .result .item-container .item:hover .customer-number[data-v-0ca2185e] {
  background: var(--button-link-background-color-hover);
  color: var(--button-text-color-hover);
}
.form .pivot .board .add-student .table ul li .result .item-container .item:hover .phone span[data-v-0ca2185e] {
  background: var(--button-link-background-color-hover);
  color: var(--button-text-color-hover);
}
.form .pivot .board .add-student .table ul li .result .item-container .item:hover .email span[data-v-0ca2185e] {
  background: var(--button-link-background-color-hover);
  color: var(--button-text-color-hover);
}
.form .pivot .board .add-student .table ul li .result .item-container .item[data-v-0ca2185e]:last-child {
  border-bottom: 0px;
}
.form .pivot .board .add-student .table ul li .result .new-student[data-v-0ca2185e] {
  padding: 3px 15px;
  box-sizing: border-box;
  margin: 3px 0px;
}
.form .pivot .board .add-student .table ul li .result .new-student a[data-v-0ca2185e] {
  font-style: italic;
  line-height: 24px;
  border-radius: 4px;
  padding: 5px 10px;
  cursor: pointer;
  background: var(--button-link-background-color);
  color: var(--button-link-text-color);
}
.form .pivot .board .add-student .table ul li .result .new-student a[data-v-0ca2185e]:hover {
  background: var(--button-link-background-color-hover);
}
.form .pivot .board .add-student .button-link[data-v-0ca2185e] {
  margin-right: 5px;
}
.form .pivot .board .checkout-form[data-v-0ca2185e] {
  margin-top: 10px;
}
.form .pivot .board .checkout-form .pricing-list[data-v-0ca2185e] {
  display: table;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.form .pivot .board .checkout-form .pricing-list .pricing[data-v-0ca2185e] {
  display: table-row;
  cursor: pointer;
}
.form .pivot .board .checkout-form .pricing-list .pricing:hover span[data-v-0ca2185e] {
  background: #eee;
}
.form .pivot .board .checkout-form .pricing-list .pricing.active span[data-v-0ca2185e] {
  background: var(--button-link-background-color-hover);
  color: var(--button-text-color-hover);
}
.form .pivot .board .checkout-form .pricing-list .pricing span[data-v-0ca2185e] {
  color: #333;
  padding: 3px 15px;
  display: table-cell;
  border-bottom: 1px solid #eee;
}
.form .pivot .board .checkout-form .pricing-list .pricing span.price-model[data-v-0ca2185e] {
  white-space: nowrap;
}
.form .pivot .board .checkout-form .pricing-list .pricing:last-child span[data-v-0ca2185e] {
  border-bottom: 0px;
}
.form .pivot .board .checkout-form .processing img[data-v-0ca2185e] {
  width: 20px;
  vertical-align: middle;
}
.form .pivot .board .participants[data-v-0ca2185e] {
  padding: 20px 20px 0px 20px;
  box-sizing: border-box;
}
.form .pivot .board .participants.arrangement ul.header li[data-v-0ca2185e] {
  text-decoration: none;
}
.form .pivot .board .participants.arrangement ul li[data-v-0ca2185e] a {
  text-decoration: line-through;
  color: #999;
}
.form .pivot .board .participants.arrangement ul li[data-v-0ca2185e] p {
  text-decoration: line-through;
  color: #999;
}
.form .pivot .board .participants.skipping ul.header li[data-v-0ca2185e] {
  text-decoration: none;
}
.form .pivot .board .participants.skipping ul li[data-v-0ca2185e] a {
  text-decoration: line-through;
  color: #999;
}
.form .pivot .board .participants.skipping ul li[data-v-0ca2185e] p {
  text-decoration: line-through;
  color: #999;
}
.form .pivot .board .participants.suspended[data-v-0ca2185e] {
  color: #999;
}
.form .pivot .board .participants.suspended h2[data-v-0ca2185e] {
  color: #990000;
}
.form .pivot .board .participants.suspended a[data-v-0ca2185e] {
  color: #990000;
}
.form .pivot .board .participants.suspended .btn-retrieve[data-v-0ca2185e] {
  background: var(--button-link-background-color);
  color: var(--button-link-text-color);
  text-align: center;
  padding: 2px 8px;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
}
.form .pivot .board .participants.suspended .btn-retrieve[data-v-0ca2185e]:hover {
  background: var(--button-link-background-color-hover);
}
.form .pivot .board .participants .participants-table[data-v-0ca2185e] {
  display: table;
  width: 100%;
}
.form .pivot .board .participants .participants-table ul[data-v-0ca2185e] {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: table-row;
}
.form .pivot .board .participants .participants-table ul.header li[data-v-0ca2185e] {
  padding: 8px 8px;
}
.form .pivot .board .participants .participants-table ul li[data-v-0ca2185e] {
  display: table-cell;
  padding: 4px 8px;
  vertical-align: top;
  line-height: 18px;
}
.form .pivot .board .participants .participants-table ul li.action[data-v-0ca2185e] {
  width: 60px;
}
.form .pivot .board .participants .participants-table ul li.single[data-v-0ca2185e] {
  white-space: nowrap;
}
.form .pivot .board .participants .participants-table ul li.single a[data-v-0ca2185e] {
  margin-right: 5px;
}
.form .pivot .board .participants .participants-table ul li.single a[data-v-0ca2185e]:last-child {
  margin-right: 0px;
}
.form .pivot .board .participants .participants-table ul li.sorting[data-v-0ca2185e] {
  width: 40px;
  text-align: center;
  padding-top: 7px;
}
.form .pivot .board .participants .participants-table ul li a[data-v-0ca2185e] {
  padding: 3px 0px;
  line-height: 18px;
  display: inline-block;
}
.form .pivot .board .participants .participants-table ul li a.button-link[data-v-0ca2185e] {
  padding: 3px 10px;
}
.form .pivot .board .participants .participants-table ul li[data-v-0ca2185e] p {
  padding: 3px 0px;
  margin: 0px;
  line-height: 18px;
  display: block;
}
.form .pivot .board .participants .participants-table ul li[data-v-0ca2185e] .timerange {
  font-size: 11px;
  color: #777;
  line-height: 14px;
}
.form .pivot .board .participants .participants-table ul li.selection[data-v-0ca2185e] {
  width: 10px;
  padding: 8px 0px;
  position: relative;
}
.form .pivot .board .participants .participants-table ul li.selection input[data-v-0ca2185e] {
  top: 0px;
  position: relative;
}
.form .pivot .board .participants .participants-table ul.header li[data-v-0ca2185e] {
  background: #eee;
}
.form .pivot .board .participants .participants-table ul.header li[data-v-0ca2185e]:first-child {
  border-radius: 4px 0px 0px 4px;
}
.form .pivot .board .participants .participants-table ul.header li[data-v-0ca2185e]:last-child {
  border-radius: 0px 4px 4px 0px;
}
.form .pivot .board .participants .participants-table ul select[data-v-0ca2185e] {
  border-radius: 4px;
  border: 1px solid #999;
  height: 24px;
}
.form .pivot .board .loader[data-v-0ca2185e] {
  padding-top: 35%;
  text-align: center;
  line-height: 20px;
}
.form .pivot .board .loader img[data-v-0ca2185e] {
  max-height: 20px;
  vertical-align: middle;
}
.form .pivot .board .failed[data-v-0ca2185e] {
  padding-top: 35%;
  text-align: center;
  line-height: 20px;
}
.form .pivot .board .failed div[data-v-0ca2185e] {
  margin-top: 20px;
}
.remark-arrangement[data-v-0ca2185e] {
  color: #009900;
  padding-bottom: 5px;
}
.remark-arrangement[data-v-0ca2185e] .time {
  font-size: 12px;
  line-height: 15px;
  color: #333;
}
.error[data-v-0ca2185e] {
  color: #990000;
}
.tag[data-v-0ca2185e] {
  display: inline-block;
  margin-left: 10px;
  padding: 2px 5px;
  border-radius: 4px;
}
.tag.arrangement[data-v-0ca2185e] {
  background: #009900;
  color: #ffffff;
}
@media only screen and (max-width: 700px) {
.form .pivot[data-v-0ca2185e] {
    left: 5vw;
}
.form .pivot .board[data-v-0ca2185e] {
    width: 90vw;
}
.form .pivot .board .header ul[data-v-0ca2185e] {
    display: block;
}
.form .pivot .board .header ul li[data-v-0ca2185e] {
    display: block;
}
.form .pivot .board .header ul li.time[data-v-0ca2185e] {
    font-size: 15px;
}
.form .pivot .board .header ul li.date[data-v-0ca2185e] {
    font-size: 15px;
}
}