body {
  margin: 0;
  font-family: 'Meiryo UI', arial, helvetica, sans-serif;
}
#content {
  min-height: 850px;
  z-index: 1;
}
.mbsc-form {
  font-family: 'Meiryo UI', arial, helvetica, sans-serif;
}
header {
  width: 100%;
  min-width: 1680px;
  height: 50px;
}
.system-title {
  line-height: 50px;
  width: 300px;
  padding-left: 20px;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  float: left;
}
.header-button-area {
  width: 244px;
  height: 100%;
  float: right;
}
.header-button-area .mbsc-windows.mbsc-form {
  background: transparent;
  color: #ffffff;
}
.header-button-area .mbsc-windows .mbsc-btn {
  height: 30px;
  padding: 0;
  margin: 10px;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 16px;
  color: #ffffff;
  border: none;
}
.header-button-area-berthworker {
  width: 244px;
  height: 100%;
  float: right;
}
.header-button-area-berthworker .mbsc-windows.mbsc-form {
  background: transparent;
  color: #ffffff;
}
.header-button-area-berthworker .mbsc-windows .mbsc-btn {
  height: 30px;
  padding: 0;
  margin: 10px;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 16px;
  color: transparent;
  border: none;
}
.header-menu-area {
  height: 100%;
  width: calc(100% - 400px - 244px);
  padding-left: 20px;
  float: left;
}
.header-menu-area .mbsc-form {
  background-color: transparent;
}
.header-menu-area .mbsc-form .mbsc-btn {
  height: 30px;
  line-height: 30px;
  width: 160px;
  margin: 10px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 0;
  border: none;
  border-radius: 4px;
  box-sizing: border-box;
  background: transparent;
  font-size: 16px;
  text-align: center;
}
.header-menu-area .mbsc-ms-c {
  font-family: 'Meiryo Ui';
}
.header-menu-area .mbsc-ms-c .mbsc-ms-item {
  height: 30px;
  line-height: 30px;
  width: 160px;
  margin: 10px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 0;
  border: none;
  border-radius: 4px;
  box-sizing: border-box;
  background: transparent;
  font-size: 16px;
  text-align: center;
  transition-property: unset;
}
.mbsc-fr-bubble .mbsc-fr-overlay {
  background: transparent;
}
.mbsc-fr-bubble .mbsc-fr-arr-w .mbsc-fr-arr-i .mbsc-fr-arr {
  border: none;
}
.mbsc-fr-bubble .mbsc-fr-w {
  margin-top: 10px;
  border-radius: 4px;
  border: 1px solid #a9a9a9;
  color: #333333;
  background: #ffffff;
}
.mbsc-fr-bubble .mbsc-fr-w .mbsc-ms-item {
  height: 26px;
  line-height: 26px;
  color: #333333 !important;
  font-size: 14px;
}
header.center-header {
  background: #3d558c;
}
header.center-header .header-menu-area .mbsc-btn {
  color: #9fb9f6;
}
header.center-header .header-menu-area .mbsc-btn:hover {
  background: #9fb9f6;
  font-weight: bold;
  color: #3d558c;
}
header.center-header .header-menu-area .mbsc-ms-item {
  color: #9fb9f6;
}
header.center-header .header-menu-area .mbsc-ms-item:hover {
  background: #9fb9f6 !important;
  font-weight: bold;
  color: #3d558c;
}
footer {
  width: 100%;
  min-width: 1484px;
  height: 30px;
}
footer .copy-right {
  margin-left: 200px;
  width: calc(100% - 400px);
  line-height: 30px;
  text-align: center;
  float: left;
}
footer .app-version {
  width: 200px;
  padding-top: 14px;
  padding-right: 6px;
  font-size: 8px;
  text-align: right;
  float: right;
}
#loading-area {
  width: 100vw;
  height: 100vh;
  z-index: 100000;
  margin: auto;
  display: none;
  background: rgba(255, 255, 255, 0.7);
  position: fixed;
}
#loading-area .loading-animation {
  margin-top: calc(50vh - 9px);
  margin-left: auto;
  margin-right: auto;
  width: 18px;
  height: 18px;
  font-size: 18px;
  border-radius: 50%;
  position: relative;
  animation: LoadingAnimation 1.1s infinite ease;
  transform: translateZ(0);
}
@keyframes LoadingAnimation {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #0000ff, 1.8em -1.8em 0 0em rgba(0, 0, 255, 0.2), 2.5em 0em 0 0em rgba(0, 0, 255, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 255, 0.2), 0em 2.5em 0 0em rgba(0, 0, 255, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 255, 0.2), -2.6em 0em 0 0em rgba(0, 0, 255, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 255, 0.7), 1.8em -1.8em 0 0em #0000ff, 2.5em 0em 0 0em rgba(0, 0, 255, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 255, 0.2), 0em 2.5em 0 0em rgba(0, 0, 255, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 255, 0.2), -2.6em 0em 0 0em rgba(0, 0, 255, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 255, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 255, 0.7), 2.5em 0em 0 0em #0000ff, 1.75em 1.75em 0 0em rgba(0, 0, 255, 0.2), 0em 2.5em 0 0em rgba(0, 0, 255, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 255, 0.2), -2.6em 0em 0 0em rgba(0, 0, 255, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 255, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 255, 0.5), 2.5em 0em 0 0em rgba(0, 0, 255, 0.7), 1.75em 1.75em 0 0em #0000ff, 0em 2.5em 0 0em rgba(0, 0, 255, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 255, 0.2), -2.6em 0em 0 0em rgba(0, 0, 255, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 255, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 255, 0.2), 2.5em 0em 0 0em rgba(0, 0, 255, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 255, 0.7), 0em 2.5em 0 0em #0000ff, -1.8em 1.8em 0 0em rgba(0, 0, 255, 0.2), -2.6em 0em 0 0em rgba(0, 0, 255, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 255, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 255, 0.2), 2.5em 0em 0 0em rgba(0, 0, 255, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 255, 0.5), 0em 2.5em 0 0em rgba(0, 0, 255, 0.7), -1.8em 1.8em 0 0em #0000ff, -2.6em 0em 0 0em rgba(0, 0, 255, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 255, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 255, 0.2), 2.5em 0em 0 0em rgba(0, 0, 255, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 255, 0.2), 0em 2.5em 0 0em rgba(0, 0, 255, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 255, 0.7), -2.6em 0em 0 0em #0000ff, -1.8em -1.8em 0 0em rgba(0, 0, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 255, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 255, 0.2), 2.5em 0em 0 0em rgba(0, 0, 255, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 255, 0.2), 0em 2.5em 0 0em rgba(0, 0, 255, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 255, 0.5), -2.6em 0em 0 0em rgba(0, 0, 255, 0.7), -1.8em -1.8em 0 0em #0000ff;
  }
}
.spinners-area {
  position: absolute;
  background: rgba(255, 255, 255, 0.7);
  z-index: 1000;
}
.mbsc-fr-popup {
  font-family: 'Meiryo UI', arial, helvetica, sans-serif;
}
.mbsc-alert.mbsc-fr p {
  font-size: 16px;
}
.mbsc-fr-btn-cont {
  font-family: 'Meiryo UI', arial, helvetica, sans-serif;
}
.calendar-area {
  position: relative;
  height: 60px;
  width: 316px;
  float: left;
}
.calendar-area .calendar-clear.mbsc-control.mbsc-btn {
  position: absolute;
  height: 32px;
  width: 32px;
  right: 0;
  z-index: 1;
  background: transparent;
  margin-top: 14px;
}
.calendar-area .calendar-clear.mbsc-control.mbsc-btn span {
  display: block;
}
.car-no-item {
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
  height: 100%;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  overflow: hidden;
}
.car-no-item.final-item {
  border-bottom: 1px solid #d9d9d9;
}
.car-no-item .car-no-item-title {
  width: 298px;
  height: 265px;
  background: #ffecb9;
  border-right: 1px solid #d9d9d9;
  box-sizing: border-box;
  float: left;
}
.car-no-item .car-no-item-title-label {
  width: 220px;
  height: 265px;
  padding-left: 16px;
  padding-right: 10px;
  line-height: 265px;
  font-size: 16px;
  color: #333333;
  float: left;
}
.car-no-item .car-no-item-required-label {
  height: 26px;
  width: 60px;
  margin-top: 119.5px;
  margin-right: 16px;
  border: 2px solid #d04d4d;
  border-radius: 5px;
  line-height: 20px;
  text-align: center;
  color: #d04d4d;
  font-size: 12px;
  font-weight: bold;
  float: right;
}
.car-no-item .car-no-item-required-label.hide {
  display: none;
}
.car-no-item .number-image-area {
  width: 400px;
  height: 240px;
  float: right;
  background-image: url(../../../../images/NumberPlateSample.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.car-no-item .number-input {
  width: 486px;
  float: left;
  margin: 0;
  border: none;
  display: block;
}
.car-no-item .number-input .mbsc-form .mbsc-btn-warning {
  display: inline-block;
  padding: 0;
  margin: 0;
  width: 72px;
  height: 30px;
  margin-top: 15px;
  margin-left: 16px;
  border-radius: 5px;
  color: #fff;
}
.car-no-item .number-input .mbsc-form .mbsc-btn-warning:hover {
  background: #f99d11 !important;
  border-color: #f99d11 !important;
}
.car-no-item .number-input .input-area {
  width: 440px;
  overflow: hidden;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.car-no-item .number-input .input-area .content-title {
  width: 100px;
  padding: 0;
  color: #333333;
  font-size: 16px;
  line-height: 40px;
  float: left;
}
.car-no-item .number-input .input-area input {
  width: 320px;
  height: 40px;
  float: left;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding-left: 10px;
  padding-right: 10px;
  outline: none;
  font-size: 16px;
}
.car-no-item .number-input .input-area input:hover {
  border: 1px solid #ccc;
}
.car-no-item .number-input .input-area input.error {
  border: 1px solid #d04d4d;
}
.car-no-item .number-input .input-area .caution-message {
  padding-left: 100px;
  padding-top: 5px;
  width: 340px;
  height: 25px;
  line-height: 20px;
  font-size: 14px;
  color: #d04d4d;
  font-weight: bold;
  float: left;
}
.car-no-item.show-widget .car-no-item-title {
  height: 310px;
}
.car-no-item.show-widget .car-no-item-title-label {
  height: 310px;
  line-height: 310px;
}
.car-no-item.show-widget .car-no-item-required-label {
  margin-top: 143px;
}
.data-item.logistics-company-id {
  display: table;
}
.data-item.logistics-company-id .data-item-title {
  display: table-cell;
  float: none;
  vertical-align: middle;
}
.data-item .data-item-value {
  width: 900px;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}
.data-item .data-item-value .mbsc-windows.mbsc-form .mbsc-checkbox {
  width: 200px;
}
.data-item .data-item-value .mbsc-windows.mbsc-form .mbsc-checkbox .mbsc-label {
  color: #333333;
  font-weight: normal;
}
.data-item .data-item-value .mbsc-windows.mbsc-form .mbsc-checkbox input:checked + .mbsc-checkbox-box {
  border-color: #5e9d9d;
  background: #5e9d9d;
}
.data-item {
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
  height: 100%;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  overflow: hidden;
}
.data-item.final-item {
  border-bottom: 1px solid #d9d9d9;
}
.data-item.list-search {
  margin: 0;
  width: 360px;
  height: 50px;
  border: none;
  padding: 0;
  padding-left: 20px;
  padding-top: 20px;
  float: left;
}
.data-item.list-search.booking {
  width: 320px;
}
.data-item.list-search.key-code {
  padding: 0;
  padding-top: 10px;
}
.data-item.time-guidline .data-item-text {
  float: left;
}
.data-item.time-guidline .data-item-text .item-text .work-time {
  line-height: 60px;
  font-size: 16px;
  padding-left: 16px;
  float: left;
}
.data-item.time-guidline .data-item-text .item-text .mbsc-form {
  float: left;
}
.data-item .gps-info-item-title {
  width: 298px;
  height: 120px;
  background: #ffecb9;
  border-right: 1px solid #d9d9d9;
  box-sizing: border-box;
  float: left;
}
.data-item .gps-info-item-title-label {
  width: 220px;
  height: 120px;
  padding-left: 16px;
  padding-right: 10px;
  line-height: 120px;
  font-size: 16px;
  color: #333333;
  float: left;
}
.data-item .gps-info-input-area {
  width: 700px;
  overflow: hidden;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.data-item .gps-info-input-area .content-title {
  width: 100px;
  padding: 0;
  color: #333333;
  font-size: 16px;
  line-height: 40px;
  float: left;
}
.data-item .gps-info-input-area input {
  width: 550px;
  height: 40px;
  float: left;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding-left: 10px;
  padding-right: 10px;
  outline: none;
  font-size: 16px;
}
.data-item .gps-info-input-area input:hover {
  border: 1px solid #ccc;
}
.data-item .gps-info-input-area input.error {
  border: 1px solid #d04d4d;
}
.data-item .gps-info-input-area .caution-message {
  padding-left: 100px;
  padding-top: 5px;
  width: 340px;
  height: 25px;
  line-height: 20px;
  font-size: 14px;
  color: #d04d4d;
  font-weight: bold;
  float: left;
}
.data-item .gps-info-number-input {
  width: 900px;
  float: left;
  margin: 0;
  border: none;
  display: block;
}
.data-item .data-item-title {
  width: 298px;
  background: #ffecb9;
  border-right: 1px solid #d9d9d9;
  box-sizing: border-box;
  float: left;
}
.data-item .data-item-title .data-item-title-label {
  width: 220px;
  height: 60px;
  padding-left: 16px;
  padding-right: 10px;
  line-height: 60px;
  font-size: 16px;
  color: #333333;
  float: left;
}
.data-item .data-item-title .data-item-title-label.lead-label {
  height: 88px;
  line-height: 88px;
}
.data-item .data-item-title .data-item-required-label {
  height: 26px;
  width: 60px;
  margin-top: 18px;
  margin-right: 16px;
  border: 2px solid #d04d4d;
  border-radius: 5px;
  line-height: 22px;
  text-align: center;
  color: #d04d4d;
  font-size: 12px;
  font-weight: bold;
  float: right;
}
.data-item .data-item-title .data-item-required-label.lead-label {
  margin-top: 31px;
}
.data-item .data-item-title .data-item-required-label.hide {
  display: none;
}
.data-item .data-item-title.list-search {
  width: 100px;
  height: 30px;
  background: transparent;
  border: none;
}
.data-item .data-item-title.list-search.key-code {
  font-weight: bold;
}
.data-item .data-item-title.list-search .data-item-title-label {
  padding: 0;
  width: 100px;
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.data-item .data-item-title.list-search input {
  margin: 0;
}
.data-item .data-content {
  float: left;
}
.data-item .data-content .lead-text-area {
  padding-left: 16px;
  width: 500px;
  height: 28px;
}
.data-item .data-content .lead-text-area .lead-text {
  font-size: 14px;
  color: #d04d4d;
  font-weight: bold;
}
.data-item.hide {
  display: none;
}
.data-item-input {
  width: 500px;
  height: 40px;
  line-height: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 16px;
  padding-left: 10px;
  padding-right: 10px;
  color: #333333;
  font-size: 16px;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  outline: none;
}
.data-item-input.short {
  width: 150px;
}
.request-data-input {
  width: 900px;
  height: 60px;
  float: left;
}
.request-data-input input {
  float: left;
}
.request-data-input .mbsc-form {
  height: 60px;
  float: left;
}
.data-item .mbsc-form {
  color: #333333;
}
.data-item .mbsc-form input {
  margin: 0;
}
.data-item .mbsc-form .mbsc-checkbox-box {
  border-color: #ccc;
  border-radius: 5px;
}
.data-item .mbsc-form .mbsc-checkbox .mbsc-label {
  color: #d04d4d;
  font-weight: bold;
}
.data-item .mbsc-windows .mbsc-checkbox input:checked + .mbsc-checkbox-box {
  background: #d04d4d;
  border-color: #d04d4d;
}
.data-item .mbsc-form .mbsc-btn-warning {
  display: inline-block;
  padding: 0;
  margin: 0;
  width: 72px;
  height: 30px;
  margin-top: 15px;
  margin-left: 16px;
  border-radius: 5px;
  color: #fff;
}
.data-item .mbsc-form .mbsc-btn-warning:hover {
  background: #f99d11 !important;
  border-color: #f99d11 !important;
}
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
::-webkit-input-placeholder {
  color: #b4b4b4;
}
.mbsc-windows .mbsc-input input::-webkit-input-placeholder {
  color: #b4b4b4;
}
.last-item-list {
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
  border-top: solid 1px #d9d9d9;
}
.data-item .data-item-calendar {
  width: 300px;
  height: 40px;
  line-height: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 16px;
  padding-left: 10px;
  color: #333333;
  font-size: 16px;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  outline: none;
}
.data-item.lines .data-item-title {
  height: 440px;
}
.data-item.lines .data-item-title .data-item-title-label {
  height: 440px;
  line-height: 440px;
}
.data-item.lines .data-item-title .data-item-required-label {
  margin-top: 207px;
}
.data-item.lines .data-item-lines {
  width: 868px;
  height: 420px;
  line-height: 20px;
  margin-top: 10px;
  margin-left: 16px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #333333;
  font-size: 16px;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  resize: none;
  outline: none;
}
.data-item-table {
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
  height: 100%;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  overflow: hidden;
}
.data-item-table.final-item {
  border-bottom: 1px solid #d9d9d9;
}
.data-item-table td {
  height: 60px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
  text-align: left;
  word-break: break-all;
  white-space: normal;
  vertical-align: middle;
}
.data-item-table td .td-mail-addless {
  padding-top: 16px;
  padding-bottom: 8px;
}
.data-item-table td .td-mail-addless:first-child {
  padding-top: 8px;
}
.data-item-table .table-item-title {
  width: 298px;
  background: #ffecb9;
  border-right: 1px solid #d9d9d9;
  box-sizing: border-box;
}
.data-item-table .table-item-title .title-label {
  width: 200px;
  font-size: 16px;
  color: #333333;
  float: left;
}
.data-item-table .table-item-title .required-label {
  height: 26px;
  width: 60px;
  border: 2px solid #d04d4d;
  border-radius: 5px;
  line-height: 22px;
  text-align: center;
  color: #d04d4d;
  font-size: 12px;
  font-weight: bold;
  float: right;
}
.data-item-table .table-item-title.hide {
  display: none;
}
.data-item-table .docomap-area {
  height: 60px;
  padding-left: 0;
  font-size: 16px;
  text-align: left;
  word-break: break-all;
  white-space: normal;
  vertical-align: middle;
}
.data-item-table .arrived-area {
  height: 60px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
  text-align: left;
  word-break: break-all;
  white-space: normal;
  vertical-align: middle;
  color: #d04d4d;
  font-weight: bold;
}
.data-item-table .arrived-area .mbsc-ic {
  float: left;
  padding-right: 5px;
  font-size: 18px;
}
.data-item-radio-area {
  width: 900px;
  height: 60px;
  float: left;
}
.data-item-radio-area .mbsc-windows .mbsc-radio {
  width: 100px;
  height: 60px;
  line-height: 60px;
  margin: 0;
  margin-left: 16px;
  padding: 0;
  float: left;
}
.data-item-radio-area .mbsc-radio input {
  margin: 0;
  color: #333333;
}
.data-item-radio-area .mbsc-label {
  padding-left: 30px;
}
.data-item-radio-area .mbsc-radio-box {
  left: 0;
  top: 55%;
  border: 0.125em solid #666666;
}
.data-item-radio-area .mbsc-radio input:checked + .mbsc-radio-box {
  border: 0.125em solid #666666;
}
.data-item-select-area {
  width: 900px;
  height: 60px;
  float: left;
}
.data-item-select-area .mbsc-windows .mbsc-input {
  width: 300px;
  margin-left: 16px;
  padding: 0;
}
.data-item-select-area .data-item-select.mbsc-control {
  width: 300px;
}
.data-item-select-area .mbsc-windows .mbsc-input input {
  width: 300px;
  height: 40px;
  line-height: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  background: #ffffff;
  color: #333333;
  font-size: 16px;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  outline: none;
}
.data-item-select-area .mbsc-windows.mbsc-no-touch .mbsc-select:hover input {
  border: 1px solid #d9d9d9;
}
.data-item-select-area .mbsc-windows .mbsc-input .mbsc-input-wrap select:focus + input {
  color: #333333;
  border: 1px solid #d9d9d9;
}
.data-item-select-area .mbsc-input-ic.mbsc-right-ic.mbsc-ic.mbsc-ic-fa-caret-down {
  color: #333333;
  height: 40px;
  width: 40px;
  line-height: 40px;
}
.data-item.list-search.booking-assign {
  margin-top: 30px;
  width: 300px;
  height: 60px;
  padding: 0;
}
.data-item.list-search.booking-assign .data-item-title {
  width: 300px;
}
.data-item.list-search.booking-assign .data-item-title .data-item-title-label {
  width: 300px;
}
.data-item.list-search .data-item-select-area {
  width: 240px;
  height: 30px;
}
.data-item.list-search .data-item-select-area.booking-assign {
  width: 300px;
}
.data-item.list-search .data-item-select-area .mbsc-control {
  width: 240px;
}
.data-item.list-search .data-item-select-area .mbsc-control.booking-assign {
  width: 300px;
}
.data-item.list-search .data-item-select-area .mbsc-control.key-code {
  height: 30px;
}
.data-item.list-search .data-item-select-area.booking {
  width: 200px;
  height: 30px;
}
.data-item.list-search .data-item-select-area.booking .mbsc-control {
  width: 200px;
}
.data-item.list-search .data-item-select-area .mbsc-input {
  padding: 0;
}
.data-item.list-search .mbsc-input-ic.mbsc-right-ic.mbsc-ic.mbsc-ic-fa-caret-down {
  height: 30px;
  width: 30px;
  line-height: 30px;
}
.data-item.select-popup {
  overflow: hidden;
  width: 400px;
}
.data-item.select-popup span {
  width: unset;
  height: unset;
  float: unset;
}
.data-item.select-popup .mbsc-btn {
  margin: 0;
  padding: 0;
  margin-left: 16px;
  height: 30px;
  width: 60px;
  float: left;
}
.data-item.select-popup .mbsc-btn.mbsc-btn-outline {
  border-width: 1px;
  border-radius: 3px;
  background-color: #ffffff;
}
.data-item.select-popup .mbsc-btn.mbsc-btn-outline.mbsc-active {
  color: #fff;
  background: #5cb85c !important;
}
.data-item.select-popup .mbsc-btn.mbsc-btn-outline:hover {
  border-color: #5cb85c !important;
}
.driver-mail-area .mail-input {
  width: 640px;
  height: 60px;
  padding: 0;
}
.driver-mail-area .mail-input input {
  width: 500px;
  height: 40px;
  line-height: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  color: #333333;
  font-size: 16px;
  border: 1px solid #d9d9d9 !important;
  border-radius: 3px;
  outline: none;
  background: #ffffff;
  float: left;
}
.driver-mail-area .mail-input .delete-button {
  margin: 0;
  padding: 0;
  margin-top: 16px;
  margin-left: 10px;
  width: 80px;
  height: 26px;
  font-size: 12px;
  border-radius: 3px;
  background: linear-gradient(#ffffff, #e6e6e6);
  border: 1px solid #d9d9d9 !important;
  color: #333333;
}
.driver-mail-area .mbsc-btn-flat.mbsc-btn {
  margin: 0;
  padding: 0;
  border: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #2e7d7d;
  font-weight: bold;
}
.error-message-area {
  width: 1200px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.error-message-area .alert {
  margin-top: 10px;
}
.error-message {
  margin: 0;
  margin-top: 5px;
  margin-bottom: 5px;
}
.file-select-area {
  width: 900px;
  height: 60px;
  float: left;
}
.file-select-area .mbsc-control-w.mbsc-input {
  padding: 15px;
  overflow: hidden;
}
.file-select-area.mbsc-input {
  padding: 0;
}
.file-select-area .file-select {
  overflow: hidden;
  width: 640px;
}
.file-select-area .file-select .file-name {
  height: 30px;
  line-height: 28px;
  width: 500px;
  padding-left: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}
.file-select-area .file-select .file-button {
  margin: 0;
  margin-left: 10px;
  padding: 0;
  height: 30px;
  line-height: 28px;
  text-align: center;
  width: 100px;
  background: linear-gradient(#ffffff, #e6e6e6);
  border: 1px solid #999999;
  border-radius: 3px;
  font-size: 14px;
  outline: none;
  float: left;
}
.attachment-file-area .file-upload-area {
  width: 640px;
  height: 50px;
  padding: 0;
}
.attachment-file-area .file-upload-area input[type='file'] {
  width: 516px;
  height: 40px;
  padding: 0;
  padding-top: 10px;
  border: none;
  float: left;
}
.attachment-file-area .file-upload-area .file-name {
  width: 516px;
  height: 50px;
  line-height: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}
.attachment-file-area .file-upload-area .delete-button {
  margin: 0;
  padding: 0;
  margin-top: 12px;
  margin-left: 10px;
  width: 80px;
  height: 26px;
  font-size: 12px;
  border-radius: 3px;
  background: linear-gradient(#ffffff, #e6e6e6);
  border: 1px solid #d9d9d9 !important;
  color: #333333;
}
.attachment-file-area .mbsc-btn-flat.mbsc-btn {
  margin: 0;
  padding: 0;
  border: 0;
  margin-top: 10px;
  color: #2e7d7d;
  font-weight: bold;
}
.attachment-file-area .explanation-text {
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  width: 400px;
  font-weight: bold;
}
.data-item-table.file-upload .table-item-title .title-label {
  margin-top: 24px;
}
.data-item-table.file-upload .table-item-title .required-label {
  margin-top: 24px;
}
.data-item-table.file-upload .table-item-title .mbsc-btn-flat.mbsc-btn {
  margin: 0;
  padding: 0;
  border: 0;
  margin-top: 10px;
  color: #3d558c;
  font-weight: bold;
}
.data-item-table.file-upload .table-item-title.hide-download .title-label {
  margin-top: 0;
}
.data-item-table.file-upload .table-item-title.hide-download .required-label {
  margin-top: 0;
}
.data-item-table.file-upload .table-item-title.hide-download .mbsc-btn-flat.mbsc-btn {
  display: none;
}
.file-select-area-csv {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  background: #f6f7f8;
}
.file-select-area-csv .mbsc-form {
  background: transparent;
  display: table !important;
  padding: 20px 40px;
}
.file-select-area-csv .mbsc-form .file-explanation {
  display: block;
  font-weight: bold;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
}
.file-select-area-csv .mbsc-form .mbsc-input-wrap {
  margin-top: 30px;
  width: 500px;
}
.searchArea {
  background: #f6f7f8;
  margin-bottom: 26px;
}
.searchArea .mbsc-windows .mbsc-input {
  padding: 0;
  padding-left: 20px;
  padding-top: 20px;
  float: left;
}
.searchArea .mbsc-windows .mbsc-input .mbsc-label {
  width: 100px;
  padding: 0;
  color: #333333;
  font-size: 16px;
  line-height: 30px;
  float: left;
}
.searchArea .mbsc-windows .mbsc-input .mbsc-input-wrap {
  width: 240px;
  height: 30px;
  float: left;
}
.searchArea .mbsc-windows .mbsc-input input {
  width: 240px;
  height: 30px;
  float: left;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #fff;
}
.searchArea .mbsc-windows .mbsc-input input:hover {
  border: 1px solid #ccc;
}
.searchArea .mbsc-windows.mbsc-form {
  background: transparent;
}
.searchArea .searchBtn {
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  float: right;
}
.searchArea .searchBtn .mbsc-btn {
  margin: 0;
  display: block;
  width: 160px;
  border-radius: 5px;
  font-size: 14px;
}
.searchArea .searchBtn .mbsc-btn-primary {
  color: #fff;
  background: #3d558c;
  border-color: #3d558c;
}
.searchArea .searchBtn .mbsc-btn-primary:hover {
  background: #1240ab;
  border-color: #1240ab !important;
}
.searchArea .searchBtn .mbsc-btn-info {
  margin-top: 8px;
  color: #fff;
  background: #5bc0de;
  border-color: #5bc0de;
}
.searchArea .searchBtn .mbsc-btn-info:hover {
  background: #057d9f;
  border-color: #057d9f !important;
}
.table-area {
  background: #f6f7f8;
  padding: 10px;
}
.table-area .move-area {
  height: 40px;
}
.table-area .list-table .easy-table {
  border: 1px solid #d9d9d9;
  margin: 0px;
  margin-top: 10px;
}
.table-area .list-table .easy-table .stop {
  color: #f00;
}
.table-area .list-table .easy-table .mbsc-windows.mbsc-form {
  width: 30px;
}
.table-area .list-table .easy-table .mbsc-windows.mbsc-form .mbsc-checkbox {
  padding: 0;
  padding-top: 12px;
  padding-bottom: 12px;
}
.table-area .list-table .easy-table .mbsc-windows.mbsc-form .mbsc-checkbox-box {
  left: 4px;
}
.table-area .list-table .easy-table .mbsc-windows .mbsc-checkbox input:checked + .mbsc-checkbox-box {
  border-color: #5e9d9d;
  background: #5e9d9d;
}
.table-area .list-table .easy-table .mbsc-windows .mbsc-checkbox-box {
  border-color: #ccc;
  border-radius: 5px;
}
.table-area .list-table .easy-table thead tr {
  border-bottom: 1px solid #d9d9d9;
  max-height: 40px;
}
.table-area .list-table .easy-table thead tr:first-child {
  background: #3d558c !important;
}
.table-area .list-table .easy-table thead tr:first-child th {
  height: 40px;
  line-height: 40px;
  border-left: 1px solid #d9d9d9;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.table-area .list-table .easy-table thead tr:first-child th:first-child {
  border-left: none;
}
.table-area .list-table .easy-table tr {
  border-bottom: 1px solid #d9d9d9;
}
.table-area .list-table .easy-table tr:nth-child(odd) {
  background: #fff;
}
.table-area .list-table .easy-table tr:last-child {
  border-bottom: none;
}
.table-area .list-table .easy-table tr td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-left: 1px solid #d9d9d9;
  max-height: 40px;
  height: 40px;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.table-area .list-table .easy-table tr td:first-child {
  border-left: none;
}
.table-area .list-table .easy-table tr td button {
  height: 26px;
  width: 50px;
  line-height: 22px;
  border-radius: 3px;
  border: 1px solid #999999;
  background: linear-gradient(#ffffff, #e6e6e6);
  font-size: 12px;
  color: #333333;
  outline: none;
}
.table-area .list-table .easy-table tr td button.document-icon {
  border: none;
  background: transparent;
  width: 30px;
  font-size: 20px;
  color: #3d558c;
}
.table-area .mbsc-windows.mbsc-form {
  background: transparent;
  width: 160px;
  overflow: hidden;
  float: left;
}
.table-area .mbsc-windows.mbsc-form .mbsc-btn-add {
  margin: 0;
  display: block;
  width: 160px;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  background: #2e7d7d;
  border-color: #2e7d7d;
}
.table-area .mbsc-windows.mbsc-form .mbsc-btn-add:hover {
  background: #009999;
  border-color: #009999 !important;
}
.pagerArea {
  float: right;
  text-align: right;
  display: table;
  height: 34px;
}
.pagerArea span {
  display: table-cell;
  padding-right: 25px;
  vertical-align: middle;
}
.pagerArea .pagination {
  display: table-cell;
}
.pagerArea .pagination a {
  color: #3d558c;
}
.pagerArea .pagination .disabled a {
  color: #777;
}
.pagerArea .pagination .active a {
  color: #ffffff;
  background-color: #3d558c;
  border-color: #3d558c;
}
.data-item.number-input {
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
  height: 100%;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  overflow: hidden;
}
.data-item.number-input.final-item {
  border-bottom: 1px solid #d9d9d9;
}
.data-item.number-input.modal-search {
  margin: 0;
  width: 300px;
  height: 100%;
  border: none;
  float: left;
}
.data-item.number-input .data-item-title {
  width: 298px;
  height: 60px;
  background: #ffecb9;
  border-right: 1px solid #d9d9d9;
  box-sizing: border-box;
  float: left;
}
.data-item.number-input .data-item-title.modal-search {
  display: none;
}
.data-item.number-input .data-item-title-label {
  width: 220px;
  height: 60px;
  padding-left: 16px;
  padding-right: 10px;
  line-height: 60px;
  font-size: 16px;
  color: #333333;
  float: left;
}
.data-item.number-input .data-item-required-label {
  height: 26px;
  width: 60px;
  margin-top: 18px;
  margin-right: 16px;
  border: 2px solid #d04d4d;
  border-radius: 5px;
  line-height: 22px;
  text-align: center;
  color: #d04d4d;
  font-size: 12px;
  font-weight: bold;
  float: right;
}
.data-item.number-input .data-item-required-label.hide {
  display: none;
}
.data-item.number-input .data-item-input {
  width: 500px;
  height: 40px;
  line-height: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 16px;
  padding-left: 10px;
  color: #333333;
  font-size: 16px;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  outline: none;
}
.data-item.number-input .data-item-input.modal-search {
  margin: 0;
  margin-left: 20px;
  margin-top: 8px;
  width: 250px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  border: 2px solid #ccc;
  border-radius: 8px;
}
.data-item.number-input .data-item-input.short {
  width: 150px;
}
.data-item.number-input ::-webkit-input-placeholder {
  color: #b4b4b4;
}
.operation-area {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.operation-area .mbsc-windows.mbsc-form {
  width: 100%;
  background: transparent;
}
.btnArea {
  width: 900px;
  margin: 30px auto;
  display: table;
  text-align: center;
}
.btnArea span {
  display: table-cell;
}
.btnArea .mbsc-btn {
  width: 184px;
}
.btnArea .mbsc-btn.mbsc-btn-outline {
  border-radius: 5px;
  color: #666;
  border: 1px solid #666;
}
.btnArea .mbsc-btn.mbsc-btn-outline.mbsc-active {
  color: #fff;
  background: #666;
}
.btnArea .mbsc-btn.mbsc-btn-outline:hover {
  border-color: #666 !important;
}
.btnArea .mbsc-btn-success.mbsc-btn {
  background: #2e7d7d;
  border-radius: 5px;
  border: none;
}
.btnArea .mbsc-btn-success.mbsc-btn.mbsc-active {
  background: #009999 !important;
}
.btnArea .mbsc-btn-success.mbsc-btn:hover {
  background: #009999;
  border-color: #009999;
}
.btnArea .mbsc-btn-change.mbsc-btn {
  color: #3d558c;
  border: 1px solid #3d558c;
  border-radius: 5px;
  background: #fff;
}
.btnArea .mbsc-btn-change.mbsc-btn.mbsc-active {
  color: #fff;
  background: #3d558c;
}
.btnArea .mbsc-btn-change.mbsc-btn:hover {
  border-color: #3d558c !important;
}
.btnArea .mbsc-btn-regist.mbsc-btn {
  background: #3d558c;
  border-radius: 5px;
  color: #fff;
  border: none;
}
.btnArea .mbsc-btn-regist.mbsc-btn.mbsc-active {
  background: #1240ab !important;
}
.btnArea .mbsc-btn-regist.mbsc-btn:hover {
  background: #1240ab;
  border-color: #1240ab;
}
.list.operation-area {
  width: 100%;
  background: #f6f7f8;
}
.list.operation-area .mbsc-windows.mbsc-form {
  width: 100%;
}
.list.operation-area .mbsc-windows.mbsc-form .mbsc-btn {
  border-radius: 5px;
  color: #ffffff;
  font-size: 14px;
}
.list.operation-area .mbsc-windows.mbsc-form .delete-button {
  background: #d04d4d;
  border-color: #d04d4d;
  width: 200px;
}
.list.operation-area .mbsc-windows.mbsc-form .delete-button:hover {
  background: #ff0000;
  border-color: #ff0000 !important;
}
.list.operation-area .mbsc-windows.mbsc-form .csv-input-button {
  background: #5cb85c;
  border-color: #5cb85c;
  width: 160px;
  float: right;
}
.list.operation-area .mbsc-windows.mbsc-form .csv-input-button:hover {
  background: #00cc00;
  border-color: #00cc00 !important;
}
.screen-title {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  height: 54px;
}
.screen-title .icon {
  margin: 0;
  width: 8px;
  height: 24px;
  background: #3d558c;
  float: left;
}
.screen-title h2 {
  margin: 0;
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  height: 24px;
  line-height: 24px;
  padding-left: 12px;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto;
}
.slick-prev:before {
  content: '\2190';
}
[dir='rtl'] .slick-prev:before {
  content: '\2192';
}
.slick-next {
  right: -25px;
}
[dir='rtl'] .slick-next {
  right: auto;
  left: -25px;
}
.slick-next:before {
  content: '\2192';
}
[dir='rtl'] .slick-next:before {
  content: '\2190';
}
/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '\2022';
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}
.widget-main .widget-header {
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #ccc;
}
.widget-main .widget-header .mbsc-btn {
  margin: 0px;
  padding: 0px;
  padding-left: 10px;
  padding-right: 10px;
  background: transparent;
  border: none;
  float: right;
}
.widget-main .widget-content {
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}
.widget-main .widget-footer {
  border-top: 1px solid #ccc;
  height: 100%;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 10px;
}
.widget-main.filter-list .widget-header {
  height: 50px;
  line-height: unset;
}
.widget-main.filter-list .widget-header .search-area {
  height: 50px;
}
.widget-main.filter-list .widget-header .search-area input {
  margin: 0;
  margin-top: 4px;
  padding-left: 10px;
  padding-right: 10px;
  width: 300px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  border: 2px solid #ccc;
  border-radius: 8px;
  outline: none;
}
.widget-main.filter-list .widget-header .search-area .mbsc-btn {
  width: 100px;
  height: 32px;
  margin-top: 6px;
  margin-left: 216px;
  padding: 7px;
  background: #5bc0de;
  border-color: #5bc0de;
  color: #fff;
  font-size: 16px;
  border-radius: 4px;
}
.widget-main.filter-list .widget-header .search-area .mbsc-btn:hover {
  background: #057d9f;
  border-color: #057d9f !important;
}
.widget-main.filter-list .widget-content .select-list {
  font-size: 16px;
}
.widget-main.filter-list .widget-content .select-list .header-row {
  height: 50px;
  line-height: 50px;
  background: #1993b6;
  color: #fff;
}
.widget-main.filter-list .widget-content .select-list .header-row .column {
  height: 100%;
  float: left;
}
.widget-main.filter-list .widget-content .select-list .header-row .column:nth-of-type(1) {
  width: 56px;
}
.widget-main.filter-list .widget-content .select-list .option-area {
  height: 500px;
  overflow: auto;
}
.widget-main.filter-list .widget-content .select-list .option-area .item-row {
  overflow: hidden;
  padding-left: 16px;
}
.widget-main.filter-list .widget-content .select-list .option-area .item-row:nth-child(odd) {
  background: #edfbfe;
}
.widget-main.filter-list .widget-content .select-list .option-area .item-row:nth-child(even) {
  background: #fff;
}
.widget-main.filter-list .widget-content .select-list .option-area .item-row .mbsc-radio {
  height: 50px;
  line-height: 50px;
  width: 100%;
  margin: 0;
  padding: 0;
}
.widget-main.filter-list .widget-content .select-list .option-area .item-row .mbsc-radio input {
  margin: 0;
  color: #333333;
  outline: none;
  cursor: pointer;
}
.widget-main.filter-list .widget-content .select-list .option-area .item-row .mbsc-radio input:checked + .mbsc-radio-box {
  border: 0.125em solid #057d9f;
}
.widget-main.filter-list .widget-content .select-list .option-area .item-row .mbsc-radio input:disabled {
  cursor: default;
}
.widget-main.filter-list .widget-content .select-list .option-area .item-row .mbsc-radio .mbsc-radio-box {
  left: 0;
  border: 0.125em solid #666666;
}
.widget-main.filter-list .widget-content .select-list .option-area .item-row .mbsc-radio .mbsc-radio-box:after {
  background: #057d9f !important;
  border: 0.125em solid #057d9f;
}
.widget-main.filter-list .widget-content .select-list .option-area .item-row .mbsc-radio div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget-main.filter-list .widget-footer {
  padding: 0;
}
.widget-main.filter-list .widget-footer .confirm-button {
  padding-top: 10px;
  text-align: center;
}
.widget-main.filter-list .widget-footer .confirm-button .mbsc-btn {
  width: 140px;
  height: 32px;
  font-size: 16px;
  color: #1993b6;
  border: 1px solid #1993b6;
  border-radius: 4px;
}
.widget-main.filter-list .widget-footer .confirm-button .mbsc-btn.mbsc-btn-outline:not(:disabled):not(:active):hover {
  border-color: #057d9f;
  color: #057d9f;
}
.widget-main.filter-list .widget-footer .confirm-button .mbsc-btn.mbsc-btn-outline.mbsc-active {
  border-color: #1993b6;
  background: #1993b6;
  color: #fff;
}
#modal-reception-call .widget-main .widget-content .berth-select-area .explanation {
  font-size: 16px;
}
#modal-reception-call .widget-main .widget-content .berth-select-area .call-beth-select {
  width: 600px;
  height: 60px;
}
#modal-reception-call .widget-main .widget-content .berth-select-area .call-beth-select .mbsc-input {
  margin-left: 0;
  padding: 0;
  width: 300px;
  padding-top: 10px;
}
#modal-reception-call .widget-main .widget-content .berth-select-area .call-beth-select .mbsc-input .mbsc-control {
  width: 300px;
}
#modal-reception-call .widget-main .widget-content .berth-select-area .call-beth-select .mbsc-input input {
  width: 300px;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  background: #ffffff;
  color: #333333;
  font-size: 16px;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  outline: none;
}
#modal-reception-call .widget-main .widget-content .berth-select-area .call-beth-select .mbsc-input-ic.mbsc-right-ic.mbsc-ic.mbsc-ic-fa-caret-down {
  color: #333333;
  height: 40px;
  width: 40px;
  line-height: 40px;
}
#modal-reception-call .widget-main .widget-content .easy-table {
  margin-top: 10px;
  border-left: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
}
#modal-reception-call .widget-main .widget-content .easy-table thead {
  display: none;
}
#modal-reception-call .widget-main .widget-content .easy-table tr:nth-child(odd) {
  background: #fff;
}
#modal-reception-call .widget-main .widget-content .easy-table tr td {
  padding-top: 5px;
  padding-bottom: 5px;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#modal-reception-call .widget-main .widget-content .easy-table tr td:nth-child(1) {
  background: #3d558c;
  color: #fff;
  width: 180px;
}
#modal-reception-call .widget-main .widget-content .easy-table tr td:nth-child(2) {
  width: 400px;
  max-width: 400px;
  word-break: break-all;
  white-space: normal;
  vertical-align: middle;
}
#modal-reception-call .widget-main .widget-content .calling-area {
  width: 600px;
  height: 280px;
  padding-top: 40px;
}
#modal-reception-call .widget-main .widget-content .calling-area .icon-area {
  overflow: hidden;
  width: 200px;
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
}
#modal-reception-call .widget-main .widget-content .calling-area .icon-area .loader-icon {
  height: 45px;
  width: 120px;
  transform: rotate(160deg);
  position: absolute;
  left: 280px;
}
#modal-reception-call .widget-main .widget-content .calling-area .icon-area .mbsc-ic {
  color: #ffa035;
  font-size: 100px;
}
#modal-reception-call .widget-main .widget-content .calling-area .status-label {
  font-size: 24px;
  text-align: center;
}
#modal-reception-call .widget-main .widget-content .calling-area.success-call {
  padding-top: 0;
}
#modal-reception-call .widget-main .widget-content .calling-area.success-call .icon-area {
  text-align: center;
}
#modal-reception-call .widget-main .widget-content .calling-area.success-call .icon-area .mbsc-ic {
  color: #5e9d9d;
  font-size: 140px;
  height: 180px;
}
#modal-reception-call .widget-main .widget-content .calling-area.failure-call {
  padding-top: 0;
}
#modal-reception-call .widget-main .widget-content .calling-area.failure-call .icon-area {
  text-align: center;
}
#modal-reception-call .widget-main .widget-content .calling-area.failure-call .icon-area .mbsc-ic {
  color: #d9534f;
  font-size: 140px;
  height: 170px;
}
#modal-reception-call .widget-main .widget-footer .mbsc-btn {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  border-radius: 3px;
  width: 180px;
  height: 50px;
  background: #ffa035;
  border: 0;
  margin: 0;
}
#modal-reception-call .widget-main .widget-footer .mbsc-btn:not(.mbsc-btn-flat):not(:disabled):not(:active):hover {
  background: #ff9319;
}
#modal-reception-call .widget-main .widget-footer .mbsc-btn.mbsc-active {
  background: #ff8700;
}
#modal-reception-call .widget-main .widget-footer.success-call .mbsc-btn {
  background: #3d558c;
}
#modal-reception-call .widget-main .widget-footer.success-call .mbsc-btn:not(.mbsc-btn-flat):not(:disabled):not(:active):hover {
  background: #1a5fff;
}
#modal-reception-call .widget-main .widget-footer.success-call .mbsc-btn.mbsc-active {
  background: #1240ab;
}
#modal-reception-detail .widget-main .widget-header .header-title {
  font-weight: bold;
  float: left;
}
#modal-reception-detail .widget-main .widget-content {
  float: left;
}
#modal-reception-detail .widget-main .widget-content .easy-table {
  margin-top: 10px;
  border-left: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
}
#modal-reception-detail .widget-main .widget-content .easy-table thead {
  display: none;
}
#modal-reception-detail .widget-main .widget-content .easy-table tr:nth-child(odd) {
  background: #fff;
}
#modal-reception-detail .widget-main .widget-content .easy-table tr td {
  padding-top: 5px;
  padding-bottom: 5px;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#modal-reception-detail .widget-main .widget-content .easy-table tr td:nth-child(1) {
  background: #3d558c;
  color: #fff;
  width: 180px;
}
#modal-reception-detail .widget-main .widget-content .easy-table tr td:nth-child(2) {
  width: 600px;
  max-width: 600px;
  word-break: break-all;
  white-space: normal;
  vertical-align: middle;
}
#modal-reception-detail .widget-main .widget-content .easy-table tr td:nth-child(2) .item-content {
  float: left;
  padding-top: 2px;
  padding-bottom: 2px;
  word-break: break-all;
  white-space: normal;
  vertical-align: middle;
}
#modal-reception-detail .widget-main .widget-content .easy-table tr td:nth-child(2) .arrive-label {
  height: 30px;
  display: flex;
  align-items: center;
}
#modal-reception-detail .widget-main .widget-content .easy-table tr td:nth-child(2) .mbsc-btn {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 24px;
  height: 24px;
  width: 140px;
  border-width: 1px;
  margin-right: 10px;
  margin-top: 3px;
  background: linear-gradient(#ffffff, #e6e6e6);
  border-color: #d9d9d9;
  border-radius: 3px;
  color: #333;
  float: right;
}
#modal-reception-detail .widget-main .widget-content .easy-table tr td:nth-child(2) .mbsc-btn:hover {
  border-color: #d9d9d9;
}
#modal-reception-detail .widget-main .widget-content .easy-table tr td:nth-child(2) .mbsc-btn .mbsc-btn-ic {
  color: #3d558c;
}
#modal-reception-detail .widget-main .widget-content .easy-table tr td:nth-child(2) .mbsc-btn.map-button {
  margin: 0;
  padding: 0;
  margin-right: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  height: 30px;
  width: 200px;
  border: 1px;
  border-radius: 5px;
  background: #ffa035;
  border-color: #ffa035;
}
#modal-reception-detail .widget-main .widget-content .easy-table tr td:nth-child(2) .mbsc-btn.map-button .mbsc-btn-ic {
  color: #ffffff;
}
#modal-reception-detail .widget-main .widget-content .easy-table tr td:nth-child(2) .attaced-file-area .item-td {
  width: 400px;
  float: left;
}
#modal-reception-detail .widget-main .widget-content .easy-table tr td:nth-child(2) .attaced-file-area .item-td .item-content {
  float: unset;
}
#modal-reception-detail .widget-main .widget-content .easy-table tr td:nth-child(2) .attaced-file-area .button-area {
  width: 150px;
  float: right;
}
#modal-reception-detail .widget-main .widget-content .easy-table tr td:nth-child(2) .attaced-file-area .button-area .mbsc-btn {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 24px;
  height: 24px;
  width: 140px;
  border-width: 1px;
  margin-right: 10px;
  margin-top: 3px;
  background: linear-gradient(#ffffff, #e6e6e6);
  border-color: #d9d9d9;
  border-radius: 3px;
  color: #333;
}
#modal-reception-detail .widget-main .widget-content .easy-table tr td:nth-child(2) .attaced-file-area .button-area .mbsc-btn:hover {
  border-color: #d9d9d9;
}
#modal-reception-detail .widget-main .widget-content .easy-table tr td:nth-child(2) .attaced-file-area .button-area .mbsc-btn .mbsc-btn-ic {
  color: #3d558c;
}
#modal-reception-detail .widget-main .widget-content .easy-table tr td .error-thermometer {
  color: #d04d4d;
  font-weight: bold;
}
#modal-reception-detail .widget-main .widget-content .easy-table tr td .error-enquete {
  color: #d04d4d;
  font-weight: bold;
}
#modal-reception-detail .widget-main .detail-map {
  float: right;
  width: 500px;
  height: 500px;
  border: 1px solid #d9d9d9;
  background-color: #eee;
  margin: 30px 10px 10px 10px;
  display: grid;
}
#modal-reception-detail .widget-main .detail-map .guide-text {
  height: 30px;
  text-align: center;
  margin: auto;
  font-size: 16px;
  font-weight: bold;
  color: lightgray;
}
#modal-reception-detail .widget-main .widget-footer {
  clear: both;
}
#modal-reception-detail .widget-main .widget-footer .mbsc-btn {
  border-radius: 5px;
  width: 220px;
  height: 36px;
  margin-top: 16px;
  background: #ffffff;
}
#modal-reception-detail .widget-main .widget-footer .mbsc-btn.mbsc-btn-outline {
  color: #666;
  border: 1px solid #666;
}
#modal-reception-detail .widget-main .widget-footer .mbsc-btn.mbsc-btn-outline.mbsc-active {
  color: #fff;
  background: #666;
}
#modal-reception-detail .widget-main .widget-footer .mbsc-btn.mbsc-btn-outline:hover {
  border-color: #666 !important;
}
#modal-achievement-detail .widget-main .widget-header .header-title {
  font-weight: bold;
  float: left;
}
#modal-achievement-detail .widget-main .widget-content .easy-table {
  margin-top: 10px;
  border-left: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
}
#modal-achievement-detail .widget-main .widget-content .easy-table thead {
  display: none;
}
#modal-achievement-detail .widget-main .widget-content .easy-table tr:nth-child(odd) {
  background: #fff;
}
#modal-achievement-detail .widget-main .widget-content .easy-table tr td {
  padding-top: 5px;
  padding-bottom: 5px;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#modal-achievement-detail .widget-main .widget-content .easy-table tr td:nth-child(1) {
  background: #3d558c;
  color: #fff;
  width: 180px;
}
#modal-achievement-detail .widget-main .widget-content .easy-table tr td:nth-child(2) {
  width: 600px;
  max-width: 600px;
  word-break: break-all;
  white-space: normal;
  vertical-align: middle;
}
#modal-achievement-detail .widget-main .widget-content .easy-table tr td:nth-child(2) .item-content {
  padding-top: 2px;
  padding-bottom: 2px;
  word-break: break-all;
  white-space: normal;
  vertical-align: middle;
}
#modal-achievement-detail .widget-main .widget-content .easy-table tr td:nth-child(2) .attaced-file-area .item-td {
  width: 400px;
  float: left;
}
#modal-achievement-detail .widget-main .widget-content .easy-table tr td:nth-child(2) .attaced-file-area .button-area {
  width: 150px;
  float: right;
}
#modal-achievement-detail .widget-main .widget-content .easy-table tr td:nth-child(2) .attaced-file-area .button-area .mbsc-btn {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 24px;
  height: 24px;
  width: 140px;
  border-width: 1px;
  margin-right: 10px;
  margin-top: 3px;
  background: linear-gradient(#ffffff, #e6e6e6);
  border-color: #d9d9d9;
  border-radius: 3px;
  color: #333;
}
#modal-achievement-detail .widget-main .widget-content .easy-table tr td:nth-child(2) .attaced-file-area .button-area .mbsc-btn:hover {
  border-color: #d9d9d9;
}
#modal-achievement-detail .widget-main .widget-content .easy-table tr td:nth-child(2) .attaced-file-area .button-area .mbsc-btn .mbsc-btn-ic {
  color: #3d558c;
}
#modal-achievement-detail .widget-main .widget-footer .mbsc-btn {
  border-radius: 5px;
  width: 220px;
  height: 36px;
  margin-top: 16px;
  background: #ffffff;
}
#modal-achievement-detail .widget-main .widget-footer .mbsc-btn.mbsc-btn-outline {
  color: #666;
  border: 1px solid #666;
}
#modal-achievement-detail .widget-main .widget-footer .mbsc-btn.mbsc-btn-outline.mbsc-active {
  color: #fff;
  background: #666;
}
#modal-achievement-detail .widget-main .widget-footer .mbsc-btn.mbsc-btn-outline:hover {
  border-color: #666 !important;
}
#modal-achievement-detail .widget-main .work-list {
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
#modal-achievement-detail .widget-main .work-list .work-header-title {
  font-size: 15px;
  font-weight: 700;
}
#modal-achievement-detail .widget-main .work-list .list-table {
  overflow-x: auto;
  height: 200px;
  border-left: 1px solid #d9d9d9;
}
#modal-achievement-detail .widget-main .work-list .list-table .easy-table {
  display: block;
  width: 780px;
  margin: 0;
}
#modal-achievement-detail .widget-main .work-list .list-table .easy-table thead {
  display: block;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
}
#modal-achievement-detail .widget-main .work-list .list-table .easy-table thead tr {
  background: #3d558c;
}
#modal-achievement-detail .widget-main .work-list .list-table .easy-table thead tr th {
  height: 35px;
  background: #3d558c;
  border-right: 1px solid #d9d9d9;
}
#modal-achievement-detail .widget-main .work-list .list-table .easy-table tbody {
  display: block;
}
#modal-achievement-detail .widget-main .work-list .list-table .easy-table tr th,
#modal-achievement-detail .widget-main .work-list .list-table .easy-table tr td {
  display: inline-block;
  background: #ffffff;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  height: 35px;
}
#modal-achievement-detail .widget-main .work-list .list-table .easy-table tr th:nth-of-type(1),
#modal-achievement-detail .widget-main .work-list .list-table .easy-table tr td:nth-of-type(1) {
  width: 40px;
  text-align: center;
}
#modal-achievement-detail .widget-main .work-list .list-table .easy-table tr th:nth-of-type(2),
#modal-achievement-detail .widget-main .work-list .list-table .easy-table tr td:nth-of-type(2) {
  width: 255px;
  text-align: center;
}
#modal-achievement-detail .widget-main .work-list .list-table .easy-table tr th:nth-of-type(3),
#modal-achievement-detail .widget-main .work-list .list-table .easy-table tr td:nth-of-type(3) {
  width: 160px;
  text-align: center;
}
#modal-achievement-detail .widget-main .work-list .list-table .easy-table tr th:nth-of-type(4),
#modal-achievement-detail .widget-main .work-list .list-table .easy-table tr td:nth-of-type(4) {
  width: 160px;
  text-align: center;
}
#modal-achievement-detail .widget-main .work-list .list-table .easy-table tr th:nth-of-type(5),
#modal-achievement-detail .widget-main .work-list .list-table .easy-table tr td:nth-of-type(5) {
  width: 160px;
  text-align: center;
}
#modal-achievement-detail .widget-main.performanceOptionDetail .work-list {
  display: none;
}
#modal-sign .widget-main .widget-content {
  overflow: auto;
}
#modal-sign .widget-main .widget-content .image-area {
  height: 300px;
  width: 900px;
  background: #ffffff;
  border: 2px solid #ccc;
}
#modal-sign .widget-main .widget-content .image-area img {
  width: 100%;
}
#modal-sign .widget-main .widget-footer {
  display: none;
}
#modal-delivery-name .widget-main .widget-content .select-list .option-area .mbsc-radio .delivery-name {
  padding-left: 40px;
  width: 600px;
  height: 100%;
}
#modal-item-name .widget-main .widget-content .select-list .option-area .mbsc-radio .item-name {
  padding-left: 40px;
  width: 600px;
  height: 100%;
}
#modal-transporter-name .widget-main .widget-content .select-list .option-area .mbsc-radio .transporter-name {
  padding-left: 40px;
  width: 600px;
  height: 100%;
}
#modal-car-no .widget-header {
  height: 100%;
}
#modal-car-no .widget-header .error-message-area {
  width: 696px;
}
#modal-car-no .widget-header .error-message-area .alert {
  margin-top: 0;
  margin-bottom: 10px;
  padding: 10px;
  font-size: 14px;
}
#modal-car-no .widget-main .widget-content .select-list .header-row .column:nth-of-type(2) {
  width: 160px;
}
#modal-car-no .widget-main .widget-content .select-list .header-row .column:nth-of-type(3) {
  width: 160px;
}
#modal-car-no .widget-main .widget-content .select-list .header-row .column:nth-of-type(4) {
  width: 160px;
}
#modal-car-no .widget-main .widget-content .select-list .header-row .column:nth-of-type(5) {
  width: 160px;
}
#modal-car-no .widget-main .widget-content .select-list .option-area .mbsc-radio .plate-area {
  padding-left: 40px;
  width: 200px;
  height: 100%;
  float: left;
}
#modal-car-no .widget-main .widget-content .select-list .option-area .mbsc-radio .plate-type {
  width: 160px;
  height: 100%;
  float: left;
}
#modal-car-no .widget-main .widget-content .select-list .option-area .mbsc-radio .plate-kana {
  width: 160px;
  height: 100%;
  float: left;
}
#modal-car-no .widget-main .widget-content .select-list .option-area .mbsc-radio .plate-number {
  width: 160px;
  height: 100%;
  float: left;
}
#modal-driver .widget-main .widget-content .select-list .header-row .column:nth-of-type(2) {
  width: 160px;
}
#modal-driver .widget-main .widget-content .select-list .header-row .column:nth-of-type(3) {
  width: 180px;
}
#modal-driver .widget-main .widget-content .select-list .header-row .column:nth-of-type(4) {
  width: 160px;
}
#modal-driver .widget-main .widget-content .select-list .header-row .column:nth-of-type(5) {
  width: 240px;
}
#modal-driver .widget-main .widget-content .select-list .option-area .mbsc-radio .driver-name {
  padding-left: 40px;
  padding-right: 10px;
  width: 200px;
  height: 100%;
  float: left;
}
#modal-driver .widget-main .widget-content .select-list .option-area .mbsc-radio .tarnsporter-name {
  width: 180px;
  padding-right: 10px;
  height: 100%;
  float: left;
}
#modal-driver .widget-main .widget-content .select-list .option-area .mbsc-radio .tel {
  width: 160px;
  padding-right: 10px;
  height: 100%;
  float: left;
}
#modal-driver .widget-main .widget-content .select-list .option-area .mbsc-radio .mail-address {
  width: 240px;
  padding-right: 10px;
  height: 100%;
  float: left;
}
.google-map-area .pin-icon {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background: #EA4335;
}
.google-map-area .pin-icon:before {
  position: absolute;
  bottom: -7px;
  border: solid transparent;
  border-top-color: #EA4335;
  border-width: 15px 10px 0 10px;
  content: ' ';
}
.google-map-area .pin-icon:after {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #A60D0D;
  content: ' ';
}
#accountable-time-setting {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
#accountable-time-setting .accountable-time-table .easy-table {
  width: 1180px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  table-layout: fixed;
  border: 1px solid #ddd;
  border-right: none;
}
#accountable-time-setting .accountable-time-table .easy-table thead tr:first-child {
  background: #fff !important;
  border-bottom: 1px solid #ddd !important;
}
#accountable-time-setting .accountable-time-table .easy-table thead tr:first-child th {
  color: #333 !important;
  text-align: center;
  border-right: 1px solid #ddd;
}
#accountable-time-setting .accountable-time-table .easy-table tr th:first-child {
  background: #ffecb9;
}
#accountable-time-setting .accountable-time-table .easy-table tr td {
  border-right: 1px solid #ddd;
}
#accountable-time-setting .accountable-time-table .easy-table tr td:first-child {
  background: #ffecb9;
  text-align: center;
}
#accountable-time-setting .accountable-time-table .easy-table tr th:nth-of-type(1),
#accountable-time-setting .accountable-time-table .easy-table tr td:nth-of-type(1) {
  width: 70px !important;
}
#accountable-time-setting .accountable-time-table .easy-table tr th:nth-of-type(2),
#accountable-time-setting .accountable-time-table .easy-table tr td:nth-of-type(2) {
  width: 300px !important;
  max-width: 300px !important;
  text-align: center;
}
#accountable-time-setting .accountable-time-table .easy-table tr th:nth-of-type(3),
#accountable-time-setting .accountable-time-table .easy-table tr td:nth-of-type(3) {
  width: auto !important;
  max-width: auto !important;
}
#accountable-time-setting .accountable-time-table .easy-table tr th:nth-of-type(4),
#accountable-time-setting .accountable-time-table .easy-table tr td:nth-of-type(4) {
  width: auto !important;
  max-width: auto !important;
}
#accountable-time-setting .accountable-time-table .mbsc-windows .mbsc-radio {
  padding: 0;
  padding-top: 14px;
  padding-bottom: 14px;
  width: 100px;
  margin-left: 10px;
  font-size: 14px;
  float: left;
}
#accountable-time-setting .accountable-time-table .mbsc-windows .mbsc-radio input:checked + .mbsc-radio-box {
  border-color: #ccc;
}
#accountable-time-setting .accountable-time-table .mbsc-windows .mbsc-label {
  color: #333;
}
#accountable-time-setting .accountable-time-table .mbsc-windows .mbsc-radio-box {
  right: 0;
  left: 0;
  border-color: #aaa;
}
#accountable-time-setting .accountable-time-table .mbsc-windows .mbsc-input input {
  height: 30px;
  background: #ffffff;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #333;
}
#accountable-time-setting .accountable-time-table .mbsc-windows .mbsc-input input:hover {
  border: 1px solid #ccc;
}
#accountable-time-setting .accountable-time-table .mbsc-windows .mbsc-input input:disabled {
  color: #ccc;
}
#component-berth-category-regist .number-input {
  float: left;
}
#component-berth-category-regist .number-input input {
  width: 150px;
  height: 40px;
  line-height: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  color: #333333;
  font-size: 16px;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  outline: none;
  float: left;
}
#component-berth-category-regist .number-input .input-label {
  width: 80px;
  line-height: 60px;
  padding-left: 10px;
  font-size: 16px;
  color: #333333;
  float: left;
}
#component-berth-category-regist .number-input .input-label.end {
  margin-left: 50px;
}
#component-berth-category-list .button-area {
  display: none;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
#component-berth-category-list .button-area .mbsc-btn {
  padding: 0;
  width: 160px;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  border-width: 1px;
  background: #2e7d7d;
  border-color: #2e7d7d;
}
#component-berth-category-list .button-area .mbsc-btn:hover {
  background: #009999;
  border-color: #009999 !important;
}
#component-berth-category-list .mbsc-lv-windows .mbsc-lv {
  background: #ffffff;
}
#component-berth-category-list .mbsc-lv-windows .mbsc-lv-item {
  font-family: 'Meiryo UI', arial, helvetica, sans-serif;
  background: #ffffff;
  border: 1px solid #dddddd;
  margin-top: 10px;
  margin-bottom: 30px;
  padding: 0;
}
#component-berth-category-list .mbsc-lv-cont {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  user-select: auto;
}
#component-berth-category-list .accordion-area {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
#component-berth-category-list .accordion-area .accordion-tab {
  height: 40px;
  border-bottom: 1px solid #dddddd;
}
#component-berth-category-list .accordion-area .accordion-tab .berth-category-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 40px;
  background: #3d558c;
  color: #fff;
  padding-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#component-berth-category-list .accordion-area .berth-category-delete {
  display: none;
  overflow: hidden;
}
#component-berth-category-list .accordion-area .berth-category-delete .mbsc-btn {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  color: #666;
  float: right;
}
#component-berth-category-list .accordion-area .failure-message {
  position: absolute;
  background: rgba(255, 255, 255, 0.7);
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #8a6d3b;
  z-index: 100;
}
#component-berth-category-list .accordion-area .failure-message .mbsc-ic-foundation-alert {
  font-size: 20px;
}
#component-berth-category-list .accordion-area .basic-info {
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #dddddd;
  overflow: hidden;
}
#component-berth-category-list .accordion-area .basic-info .infomation-group {
  width: 928px;
  color: #666;
  float: left;
}
#component-berth-category-list .accordion-area .basic-info .infomation-group .information-contetnt-area {
  width: 600px;
  height: 40px;
  margin-left: 80px;
  border-bottom: 1px solid #dddddd;
}
#component-berth-category-list .accordion-area .basic-info .infomation-group .information-contetnt-area .information-contetnt-title {
  width: 120px;
  font-size: 14px;
  line-height: 40px;
  float: left;
}
#component-berth-category-list .accordion-area .basic-info .infomation-group .information-contetnt-area .infomation-content-text {
  font-size: 18px;
  line-height: 40px;
  width: 480px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
}
#component-berth-category-list .accordion-area .available-time .spinners-area {
  width: 1198px;
  line-height: 215px;
  text-align: center;
}
#component-berth-category-list .accordion-area .available-time .weekly-setting {
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 40px;
  padding-bottom: 40px;
  overflow: hidden;
}
#component-berth-category-list .accordion-area .available-time .weekly-setting .available-time-table {
  width: 560px;
  margin-left: 80px;
  font-size: 12px;
  text-align: center;
  float: left;
}
#component-berth-category-list .accordion-area .available-time .weekly-setting .available-time-table .failure-message {
  width: 560px;
  height: 135px;
  line-height: 135px;
}
#component-berth-category-list .accordion-area .available-time .weekly-setting .available-time-table .available-time-row {
  width: 560px;
  border-bottom: 1px solid #dddddd;
  overflow: hidden;
}
#component-berth-category-list .accordion-area .available-time .weekly-setting .available-time-table .available-time-row .available-time-cell {
  width: 70px;
  height: 26px;
  line-height: 26px;
  float: left;
  color: #333;
}
#component-berth-category-list .accordion-area .available-time .weekly-setting .available-time-table .available-time-row .available-time-cell:nth-of-type(1) {
  color: #666;
}
#component-berth-category-list .accordion-area .available-time .weekly-setting .available-time-table .available-time-row .available-time-cell:nth-of-type(7) {
  color: #0080c0;
}
#component-berth-category-list .accordion-area .available-time .weekly-setting .available-time-table .available-time-row .available-time-cell:nth-of-type(8) {
  color: #d04d4d;
}
#component-berth-category-list .accordion-area .available-time .weekly-setting .available-time-table .available-time-row.header .available-time-cell {
  color: #666;
}
#component-berth-category-list .accordion-area .available-time .weekly-setting .available-time-table .available-time-row.header .available-time-cell:nth-of-type(7) {
  color: #0080c0;
}
#component-berth-category-list .accordion-area .available-time .weekly-setting .available-time-table .available-time-row.header .available-time-cell:nth-of-type(8) {
  color: #d04d4d;
}
#component-berth-category-list .accordion-area .available-time .weekly-setting .available-time-table .available-time-row.reserve {
  background: #f3f3f3;
}
#component-berth-category-list .accordion-area .available-time .weekly-setting .available-time-table .available-time-row.reserv {
  background: #efefef;
}
#component-berth-category-list .accordion-area .exception-day-area .spinners-area {
  width: 1198px;
  line-height: 477px;
  text-align: center;
}
#component-berth-category-list .accordion-area .exception-day-area .exception-day {
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #dddddd;
  overflow: hidden;
}
#component-berth-category-list .accordion-area .exception-day-area .content-label {
  width: 80px;
  height: 24px;
  line-height: 24px;
  margin-left: 80px;
  font-size: 12px;
  float: left;
}
#component-berth-category-list .accordion-area .exception-day-area .exception-calendar {
  width: 600px;
  margin-left: 20px;
  float: left;
}
#component-berth-category-list .accordion-area .exception-day-area .exception-calendar .failure-message {
  width: 600px;
  height: 358px;
  line-height: 358px;
  margin-top: 40px;
}
#component-berth-category-list .accordion-area .exception-day-area .exception-calendar .mbsc-cal-c {
  padding: 0;
}
#component-berth-category-list .accordion-area .exception-day-area .exception-calendar .mbsc-cal-event-time {
  display: none;
}
#component-berth-category-list .accordion-area .exception-day-area .exception-calendar .mbsc-cal-event-text {
  margin-left: 20px;
}
#component-berth-category-list .accordion-area .exception-day-area .exception-calendar .mbsc-ic-arrow-left5::before {
  content: '\ea1a';
}
#component-berth-category-list .accordion-area .exception-day-area .exception-calendar .mbsc-ic-arrow-right5::before {
  content: '\ea20';
}
#component-berth-category-list .accordion-area .exception-day-area .exception-calendar .mbsc-fr-w {
  background: transparent;
}
#component-berth-category-list .accordion-area .exception-day-area .exception-calendar .mbsc-cal-day {
  border-bottom: 1px solid #ccc !important;
  padding: 8px 0;
}
#component-berth-category-list .accordion-area .exception-day-area .exception-calendar .mbsc-cal-day-i {
  width: 45%;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
}
#component-berth-category-list .accordion-area .exception-day-area .exception-calendar .mbsc-cal-day-diff .mbsc-cal-day-i {
  color: #fff;
}
#component-berth-category-list .accordion-area .exception-day-area .exception-calendar .mbsc-cal-day-date {
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
}
#component-berth-category-list .accordion-area .exception-day-area .exception-calendar .mbsc-cal-mark {
  background: transparent;
}
#component-berth-category-list .accordion-area .exception-day-area .exception-calendar .mbsc-cal-event-list li {
  background: #fff;
  color: #333;
}
#component-berth-category-list .accordion-area .exception-day-area .exception-calendar .mbsc-cal-events {
  max-width: 160px;
}
#component-berth-category-list .accordion-area .exception-day-area .exception-calendar .mbsc-cal-events .mbsc-cal-event {
  padding-right: 10px;
}
#component-berth-category-list .accordion-area .berth-list-area .spinners-area {
  width: 1198px;
  line-height: 107px;
  text-align: center;
}
#component-berth-category-list .accordion-area .berth-list-area .berth-list {
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #dddddd;
  overflow: hidden;
}
#component-berth-category-list .accordion-area .berth-list-area .berth-list .infomation-group {
  width: 928px;
  float: left;
}
#component-berth-category-list .accordion-area .berth-list-area .berth-list .infomation-group .failure-message {
  width: 848px;
  height: 25px;
  line-height: 25px;
  margin-left: 80px;
  text-align: left;
}
#component-berth-category-list .accordion-area .berth-list-area .berth-status.unable {
  color: #d04d4d;
}
#component-berth-category-list .accordion-area .key-list {
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 40px;
  padding-bottom: 40px;
  overflow: hidden;
}
#component-berth-category-list .accordion-area .key-list .infomation-group {
  width: 928px;
  margin-left: 70px;
  float: left;
}
#component-berth-category-list .accordion-area .title-label {
  width: 130px;
  height: 25px;
  font-size: 18px;
  color: #666;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#component-berth-category-list .accordion-area .mbsc-btn-outline.mbsc-control.mbsc-btn {
  width: 60px;
  margin: 0;
  margin-left: 10px;
  border: 1px solid #3d558c;
  color: #3d558c;
  border-radius: 5px;
  font-size: 12px;
  float: left;
}
#component-berth-category-list .accordion-area .mbsc-btn-outline.mbsc-control.mbsc-btn.mbsc-active {
  color: #fff;
  background: #3d558c;
}
#component-berth-category-list .accordion-area .mbsc-btn-outline.mbsc-control.mbsc-btn:hover {
  border: 1px solid #3d558c;
}
#component-berth-category-list .accordion-area .info-list-row {
  width: 600px;
  height: 40px;
  margin-left: 80px;
  border-bottom: 1px solid #dddddd;
}
#component-berth-category-list .accordion-area .info-list-row .info-id {
  width: 50px;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  float: left;
}
#component-berth-category-list .accordion-area .info-list-row .info-name {
  width: 450px;
  padding-left: 10px;
  font-size: 18px;
  line-height: 40px;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#component-berth-category-list .accordion-area .info-list-row .berth-status {
  width: 100px;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  float: left;
}
#component-berth-list {
  background: #ffffff;
  width: 1200px;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
#component-berth-list .easy-table tr th:nth-of-type(1),
#component-berth-list .easy-table tr td:nth-of-type(1) {
  width: 50px;
}
#component-berth-list .easy-table tr th:nth-of-type(2),
#component-berth-list .easy-table tr td:nth-of-type(2) {
  width: 480px;
  max-width: 480px;
}
#component-berth-list .easy-table tr th:nth-of-type(3),
#component-berth-list .easy-table tr td:nth-of-type(3) {
  width: 480px;
  max-width: 480px;
}
#component-berth-list .easy-table tr th:nth-of-type(4),
#component-berth-list .easy-table tr td:nth-of-type(4) {
  width: 99px;
  max-width: 99px;
}
#component-berth-list .easy-table tr th:nth-of-type(4) .unable,
#component-berth-list .easy-table tr td:nth-of-type(4) .unable {
  color: #ff0000;
}
#component-berth-list .easy-table tr th:nth-of-type(5),
#component-berth-list .easy-table tr td:nth-of-type(5) {
  width: 71px;
  max-width: 71px;
}
#component-berth-setting {
  width: 1200px;
  margin: 0 auto;
  padding: 0;
}
#component-berth-setting .berth-layout {
  border: 1px solid #ddd;
}
#component-berth-setting .berth-layout h2 {
  width: 1200px;
  height: 51px;
  line-height: 51px;
  background: #3d558c;
  margin: 0;
  padding-left: 18px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
#component-berth-setting .berth-layout .berth-layout-Inner {
  padding: 50px 80px;
}
#component-berth-setting .berth-layout .berth-layout-Inner .item-list {
  display: table;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
#component-berth-setting .berth-layout .berth-layout-Inner .item-list .item-list-title {
  display: table-cell;
  width: 380px;
  line-height: 50px;
  font-size: 18px;
}
#component-berth-setting .berth-layout .berth-layout-Inner .item-list .item-list-btn {
  display: table-cell;
}
#component-berth-setting .berth-layout .berth-layout-Inner .item-list .item-list-btn .mbsc-btn-outline.mbsc-btn {
  border: 1px solid #3d558c;
  width: 60px;
  color: #3d558c;
  border-radius: 4px;
}
#component-berth-setting .berth-layout .berth-layout-Inner .item-list .item-list-btn .mbsc-btn-outline.mbsc-btn.mbsc-active {
  color: #fff;
  background: #3d558c;
}
#component-berth-setting .berth-layout .berth-layout-Inner .item-list .item-list-btn .mbsc-btn-outline.mbsc-btn:hover {
  border: 1px solid #3d558c;
}
#component-car-model-list {
  background: #ffffff;
  width: 1200px;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
#component-car-model-list .list-table .easy-table tr th:nth-of-type(1),
#component-car-model-list .list-table .easy-table tr td:nth-of-type(1) {
  width: 310px;
  max-width: 310px;
}
#component-car-model-list .list-table .easy-table tr th:nth-of-type(2),
#component-car-model-list .list-table .easy-table tr td:nth-of-type(2) {
  width: 400px;
  max-width: 400px;
}
#component-car-model-list .list-table .easy-table tr th:nth-of-type(3),
#component-car-model-list .list-table .easy-table tr td:nth-of-type(3) {
  width: 200px;
  max-width: 200px;
}
#component-car-model-list .list-table .easy-table tr th:nth-of-type(4),
#component-car-model-list .list-table .easy-table tr td:nth-of-type(4) {
  width: 199px;
  max-width: 199px;
}
#component-car-model-list .list-table .easy-table tr th:nth-of-type(5),
#component-car-model-list .list-table .easy-table tr td:nth-of-type(5) {
  width: 71px;
  max-width: 71px;
}
#component-car-model-list .list-table.car-model-only .easy-table tr th:nth-of-type(1),
#component-car-model-list .list-table.car-model-only .easy-table tr td:nth-of-type(1) {
  width: 260px;
  max-width: 260px;
}
#component-car-model-list .list-table.car-model-only .easy-table tr th:nth-of-type(2),
#component-car-model-list .list-table.car-model-only .easy-table tr td:nth-of-type(2) {
  width: 350px;
  max-width: 350px;
}
#component-car-model-list .list-table.car-model-only .easy-table tr th:nth-of-type(3),
#component-car-model-list .list-table.car-model-only .easy-table tr td:nth-of-type(3) {
  width: 200px;
  max-width: 200px;
}
#component-car-model-list .list-table.car-model-only .easy-table tr th:nth-of-type(4),
#component-car-model-list .list-table.car-model-only .easy-table tr td:nth-of-type(4) {
  width: 200px;
  max-width: 200px;
}
#component-car-model-list .list-table.car-model-only .easy-table tr th:nth-of-type(5),
#component-car-model-list .list-table.car-model-only .easy-table tr td:nth-of-type(5) {
  width: 100px;
  max-width: 100px;
}
#component-car-model-list .list-table.car-model-only .easy-table tr th:nth-of-type(6),
#component-car-model-list .list-table.car-model-only .easy-table tr td:nth-of-type(6) {
  width: 70px;
  max-width: 70px;
}
#component-exception-day-setting {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
#component-exception-day-setting .mbsc-form {
  color: #333;
  margin: 0;
  padding: 0;
}
#component-exception-day-setting .mbsc-form .lead-area {
  height: 50px;
}
#component-exception-day-setting .mbsc-form .lead-area .lead-text {
  line-height: 50px;
  font-size: 14px;
  float: left;
}
#component-exception-day-setting .mbsc-form .lead-area .mbsc-btn {
  width: 220px;
  margin: 0;
  margin-top: 6px;
  color: #3d558c;
  float: right;
}
#component-exception-day-setting .mbsc-form .lead-area .mbsc-btn .mbsc-btn-ic {
  display: inline;
}
#component-exception-day-setting .mbsc-form .data-item-title-label {
  text-align: left;
}
#component-exception-day-setting .mbsc-form .item-text {
  text-align: left;
}
#component-exception-day-setting .mbsc-form .operation-area {
  margin-top: 30px;
  margin-bottom: 30px;
}
#component-exception-day-setting .mbsc-form .operation-area span {
  width: 600px;
}
#component-work-time {
  background: #ffffff;
  width: 1200px;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  color: #333;
}
#component-work-time .data-item-text .item-text .pattern-item {
  height: 50px;
  width: 868px;
  line-height: 50px;
  font-size: 16px;
}
#component-work-time .data-item-text .item-text .pattern-item div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#component-work-time .data-item-text .item-text .pattern-item .stack-name {
  max-width: 264px;
  min-width: 100px;
  float: left;
}
#component-work-time .data-item-text .item-text .pattern-item .stack-separates {
  width: 60px;
  padding-left: 20px;
  padding-right: 20px;
  float: left;
}
#component-work-time .data-item-text .item-text .pattern-item .car-model-name {
  max-width: 264px;
  min-width: 100px;
  font-weight: bold;
  float: left;
}
#component-work-time .data-item-text .item-text .pattern-item .work-time-separates {
  width: 60px;
  padding-left: 20px;
  padding-right: 20px;
  float: left;
}
#component-work-time .data-item-text .item-text .pattern-item .work-time {
  max-width: 160px;
  min-width: 100px;
  font-weight: bold;
  text-align: right;
  float: left;
}
#component-work-time .data-item-text .item-text .pattern-item .work-time-unit {
  width: 60px;
  padding-left: 20px;
  padding-right: 20px;
  float: left;
}
#component-booking-assign {
  width: 100%;
}
#component-booking-assign .error-message-area {
  font-size: 22px;
}
#component-booking-assign .accordion-area {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 40px;
  overflow: hidden;
}
#component-booking-assign .accordion-area .accordion-tab {
  background: #0080c0;
  height: 40px;
}
#component-booking-assign .accordion-area .accordion-tab.short {
  width: 888px;
}
#component-booking-assign .accordion-area .accordion-tab.short .berth-category-title {
  width: 800px;
}
#component-booking-assign .accordion-area .accordion-tab .berth-category-title {
  line-height: 40px;
  font-size: 18px;
  color: #fff;
  padding-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}
#component-booking-assign .accordion-area .accordion-tab .mbsc-btn {
  margin: 7px;
  margin-left: 20px;
  margin-right: 10px;
  font-size: 12px;
  height: 26px;
  width: 50px;
  border-radius: 30px;
  color: #fff;
  background: #d04d4d;
  border-color: #d04d4d;
  float: right;
}
#component-booking-assign .accordion-area .berth-name-list {
  width: 184px;
  z-index: 300;
  float: left;
}
#component-booking-assign .accordion-area .berth-name-list .use-date-label {
  width: 184px;
  height: 30px;
  line-height: 30px;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding-left: 10px;
  float: left;
}
#component-booking-assign .accordion-area .berth-name-list .use-time-label {
  width: 184px;
  line-height: 60px;
  padding-left: 10px;
  border-left: 1px solid #dddddd;
  float: left;
}
#component-booking-assign .accordion-area .berth-name-list .berth-name {
  width: 184px;
  background: #3d558c;
  height: 60px;
  line-height: 60px;
  padding-left: 16px;
  color: #fff;
  border-bottom: 1px solid #dddddd;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}
#component-booking-assign .accordion-area .assign-area {
  width: 1016px;
  overflow: hidden;
  background: #ccc;
  float: left;
}
#component-booking-assign .accordion-area .assign-area .slick-button {
  height: 100%;
  float: left;
}
#component-booking-assign .accordion-area .assign-area .slick-button button {
  margin: 0;
  padding: 0;
  width: 40px;
  height: 60px;
  text-align: center;
  background: linear-gradient(#ffffff, #e6e6e6) !important;
  border: 1px solid #cdcdcd;
  border-radius: 3px;
  font-size: 14px;
  color: #3d558c;
  font-weight: bold;
  outline: none;
}
#component-booking-assign .accordion-area .assign-area .slick-button button span {
  padding-left: 8px;
  padding-right: 8px;
  font-size: 20px;
}
#component-booking-assign .accordion-area .assign-area .date-area {
  height: 30px;
  line-height: 30px;
  background-color: #009788;
  color: #fff;
  overflow: hidden;
}
#component-booking-assign .accordion-area .assign-area .date-area .date-area-margin {
  width: 40px;
  height: 30px;
  float: left;
}
#component-booking-assign .accordion-area .assign-area .date-area .date-box {
  width: 156px;
  height: 30px;
  float: left;
}
#component-booking-assign .accordion-area .assign-area .slick-slider {
  overflow: hidden;
}
#component-booking-assign .accordion-area .assign-area .slick-slider.slick-initialized {
  background: #ccc;
  float: left;
}
#component-booking-assign .accordion-area .assign-area .slick-slider.slick-initialized .slick-list {
  width: 936px;
  background: #fff;
}
#component-booking-assign .accordion-area .assign-area .slick-slider.slick-initialized .slick-list div {
  outline: none;
}
#component-booking-assign .accordion-area .assign-area .slick-slider.slick-initialized .slick-list .hour-box {
  display: block !important;
}
#component-booking-assign .accordion-area .assign-area .slick-slider.slick-initialized .slick-list .hour-box .berth-time-box {
  width: 39px;
  height: 60px;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
#component-booking-assign .accordion-area .assign-area .slick-slider.slick-initialized .slick-list .hour-box .berth-time-box.unit-start {
  border-left: 2px solid #666666;
}
#component-booking-assign .accordion-area .assign-area .slick-slider.slick-initialized .slick-list .hour-box .berth-time-box .mbsc-ic {
  font-size: 20px;
  color: #d04d4d;
  position: absolute;
  top: 0px;
  left: 4px;
  z-index: 101;
}
#component-booking-assign .accordion-area .assign-area .slick-slider.slick-initialized .slick-list .hour-box .time-box {
  width: 39px;
  height: 60px;
  line-height: 60px;
  background: #ffe66b;
  position: relative;
  border-bottom: 1px solid #dddddd;
  padding-left: 4px;
}
#component-booking-assign .accordion-area .assign-area .slick-slider.slick-initialized .slick-list .hour-box .time-box.start {
  border-left: 1px solid #dddddd;
  z-index: 100;
}
#component-booking-assign .accordion-area .assign-area .slick-slider.slick-initialized .slick-list .hour-box .time-box.time-disabled {
  background: #bbb;
}
#component-booking-assign .accordion-area .assign-area .slick-slider.slick-initialized .slick-list .hour-box .time-box.unit-start {
  border-left: 2px solid #666666;
}
#component-booking-assign .accordion-area .assign-area .slick-slider .assign-item-highlight {
  animation: blink 3s linear infinite;
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
#component-booking-assign .accordion-area .assign-area .slick-slider .slick-prev,
#component-booking-assign .accordion-area .assign-area .slick-slider .slick-next {
  transform: unset;
  -webkit-transform: unset;
  position: initial;
  top: unset;
  float: left;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background: linear-gradient(#ffffff, #e6e6e6) !important;
  border: 1px solid #cdcdcd;
  border-radius: 3px;
  cursor: pointer;
}
#component-booking-assign .accordion-area .assign-area .slick-slider .slick-prev:hover,
#component-booking-assign .accordion-area .assign-area .slick-slider .slick-next:hover {
  background: linear-gradient(#ffffff, #e6e6e6);
  border-color: #cdcdcd !important;
}
#component-booking-assign .accordion-area .assign-area .slick-slider .slick-prev:before,
#component-booking-assign .accordion-area .assign-area .slick-slider .slick-next:before {
  font-family: 'icons_mobiscroll';
  font-size: 14px;
  font-weight: bold;
  line-height: 60px;
  color: #3d558c;
}
#component-booking-assign .accordion-area .assign-area .slick-slider .slick-prev:before {
  content: '\eb27';
}
#component-booking-assign .accordion-area .assign-area .slick-slider .slick-next:before {
  content: '\eb28';
}
#component-booking-assign .accordion-area .assign-area .no-assign-widget {
  background: #eee;
  width: 280px;
  border-radius: 10px;
  position: relative;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
  margin-left: 10px;
  margin-bottom: 20px;
  float: left;
}
#component-booking-assign .accordion-area .assign-area .no-assign-widget .no-assign-title {
  width: 230px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  padding-left: 20px;
  float: left;
}
#component-booking-assign .accordion-area .assign-area .no-assign-widget .mbsc-btn {
  margin: 6px;
  padding: 5px;
  background: transparent;
  border-color: transparent;
}
#component-booking-assign .accordion-area .assign-area .no-assign-widget .no-assign-list {
  width: 240px;
  max-height: 500px;
  min-height: 100px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  overflow: auto;
}
#component-booking-assign .accordion-area .assign-area .no-assign-widget .no-assign-list .mbsc-ic {
  font-size: 20px;
  color: #d04d4d;
  position: absolute;
  top: 0px;
  left: 4px;
  z-index: 101;
}
#component-booking-assign .accordion-area .assign-area.short .slick-slider {
  overflow: hidden;
}
#component-booking-assign .accordion-area .assign-area.short .slick-slider.slick-initialized {
  width: 664px;
  float: left;
}
#component-booking-assign .accordion-area .assign-area.short .slick-slider.slick-initialized .slick-list {
  width: 624px;
}
#component-booking-assign .accordion-area .assign-area.invalid-berth-category .slick-slider.slick-initialized .slick-list {
  background: #a5a5a5;
}
#component-booking-assign .accordion-area .right-arrow-area {
  width: 20px;
  height: 100%;
  float: left;
}
.booking-detail-widget {
  color: #333;
}
.booking-detail-widget .widget-title {
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #ccc;
}
.booking-detail-widget .widget-title .mbsc-btn {
  margin: 0px;
  padding: 0px;
  padding-left: 10px;
  padding-right: 10px;
  background: transparent;
  border: none;
  float: right;
}
.booking-detail-widget .detail-table {
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #d9d9d9;
}
.booking-detail-widget .detail-table .data-item-table.detail-widget {
  width: 1000px;
}
.booking-detail-widget .detail-table .data-item-table.detail-widget .table-item-title {
  width: 200px;
  background: #0080c0;
  color: #fff;
}
.booking-detail-widget .detail-table .data-item-table.detail-widget td {
  font-size: 14px;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
}
.booking-detail-widget .detail-table .data-item-table.detail-widget td .mbsc-btn {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 24px;
  height: 24px;
  width: 140px;
  border-width: 1px;
  margin-right: 10px;
  margin-top: 3px;
  background: linear-gradient(#ffffff, #e6e6e6);
  border-color: #d9d9d9;
  border-radius: 3px;
  color: #333;
  float: right;
}
.booking-detail-widget .detail-table .data-item-table.detail-widget td .mbsc-btn:hover {
  border-color: #d9d9d9;
}
.booking-detail-widget .detail-table .data-item-table.detail-widget td .mbsc-btn .mbsc-btn-ic {
  color: #3d558c;
}
.booking-detail-widget .detail-table .data-item-table.detail-widget td .mbsc-btn.map-button {
  margin: 0;
  padding: 0;
  margin-right: 10px;
  margin-top: 3px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  height: 30px;
  width: 200px;
  border: 1px;
  border-radius: 5px;
  background: #ffa035;
  border-color: #ffa035;
}
.booking-detail-widget .detail-table .data-item-table.detail-widget td .mbsc-btn.map-button .mbsc-btn-ic {
  color: #ffffff;
}
.booking-detail-widget .detail-table .data-item-table.detail-widget td .file-name {
  width: 600px;
  padding-top: 8px;
  padding-bottom: 8px;
  float: left;
}
.booking-detail-widget .detail-table .data-item-table.detail-widget td .doco_map {
  width: 350px;
  padding-left: 0px;
}
.booking-detail-widget .detail-table .data-item-table.detail-widget td .caution {
  width: 350px;
  padding-left: 0px;
  font-size: 15px;
  color: #d04d4d;
  font-weight: bold;
}
.booking-detail-widget .detail-table .data-item-table.detail-widget td .mbsc-ic {
  font-size: 17px;
  color: #d04d4d;
  padding-left: 0px;
}
.booking-detail-widget .detail-table .data-item-table.detail-widget td .map-area {
  width: 450px;
}
.booking-detail-widget .detail-table .data-item.detail-widget {
  width: 1000px;
}
.booking-detail-widget .detail-table .data-item.detail-widget .data-item-title.detail-widget {
  width: 200px;
  background: #0080c0;
}
.booking-detail-widget .detail-table .data-item.detail-widget .data-item-title.detail-widget .data-item-title-label {
  font-size: 14px;
  padding-left: 10px;
  color: #fff;
}
.booking-detail-widget .detail-table .data-item.detail-widget .data-item-select-area {
  width: auto;
  font-size: 14px;
}
.booking-detail-widget .detail-table.add-table {
  float: unset;
}
.booking-detail-widget .detail-map {
  float: right;
  width: 500px;
  height: 630px;
  border: 1px solid #d9d9d9;
  background-color: #eee;
  margin: 10px;
  display: grid;
}
.booking-detail-widget .detail-map .guide-text {
  height: 30px;
  text-align: center;
  margin: auto;
  font-size: 16px;
  font-weight: bold;
  color: lightgray;
}
.booking-detail-widget .warning-message-div {
  text-align: center;
  color: #ff0000;
}
.booking-detail-widget .booking-operation-area {
  clear: both;
  height: 60px;
  text-align: center;
}
.booking-detail-widget .booking-operation-area .mbsc-btn {
  margin: 0;
  margin-top: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  height: 30px;
  width: 160px;
  border: 1px;
  border-radius: 5px;
}
.booking-detail-widget .booking-operation-area .mbsc-btn.delete-button {
  background: #d04d4d;
  border-color: #d04d4d;
}
.booking-detail-widget .booking-operation-area .mbsc-btn.delete-button:hover {
  background: #ff0000;
  border-color: #ff0000 !important;
}
.booking-detail-widget .booking-operation-area .mbsc-btn.edit-button {
  margin-left: 80px;
  color: #3d558c;
  border: 1px solid #3d558c;
  background: #fff;
}
.booking-detail-widget .booking-operation-area .mbsc-btn.edit-button.mbsc-active {
  color: #fff;
  background: #3d558c;
}
.booking-detail-widget .booking-operation-area .mbsc-btn.edit-button:hover {
  border-color: #3d558c !important;
}
.booking-detail-widget .booking-operation-area .mbsc-btn.no-assign-button {
  margin-left: 200px;
  background: #f8719a;
  border-color: #f8719a;
}
.booking-detail-widget .booking-operation-area .mbsc-btn.no-assign-button:hover {
  background: #fb5688;
  border-color: #fb5688 !important;
}
.booking-detail-widget .booking-operation-area .mbsc-btn.assign-button {
  margin-left: 80px;
  background: #0080c0;
  border-color: #0080c0;
}
.booking-detail-widget .booking-operation-area .mbsc-btn.assign-button:hover {
  background: #0cb0ff;
  border-color: #0cb0ff !important;
}
.regist-working-button-area {
  text-align: center;
}
.regist-working-button-area .regist-working-button {
  background-color: #ff489d;
  border-color: #ff489d;
  color: #333;
  margin: 20px auto 0;
  font-size: 36px;
  font-weight: bold;
  height: 70px;
  width: 430px;
  border: 1px;
  border-radius: 5px;
}
.regist-working-button-area .regist-working-button:hover {
  color: #777;
  background-color: #ff7eba;
  border-color: #ff7eba;
}
.regist-working-widget .widget-title .mbsc-btn {
  margin: 0px;
  padding: 0px;
  padding-left: 10px;
  padding-right: 10px;
  background: transparent;
  border: none;
  float: right;
}
.regist-working-widget .working-select-button-area {
  height: 50vh;
  width: 800px;
  display: flex;
  -webkit-align-items: center;
  /* 縦方向中央揃え（Safari用） */
  align-items: center;
  /* 縦方向中央揃え */
  justify-content: center;
  /* 横方向の中央揃え */
}
.regist-working-widget .working-select-button-area .select-working-button {
  padding: 60px 120px;
  font-size: 32px;
  color: #fff;
  background-color: #ff489d;
  border-color: #ff489d;
  border-radius: 0.5em;
}
.regist-working-widget .working-select-button-area .select-working-button:hover {
  background: #ff7eba;
  border-color: #ff7eba !important;
}
.regist-working-widget .qrcode-word-area {
  height: 50vh;
  width: 800px;
  display: flex;
  flex-wrap: wrap;
  -webkit-align-items: center;
  /* 縦方向中央揃え（Safari用） */
  align-items: center;
  /* 縦方向中央揃え */
  font-size: 64px;
}
.regist-working-widget .qrcode-word-area .emphasis-words {
  font-weight: bold;
}
.regist-working-widget .qrcode-word-area .qr-error-message-div {
  color: #ff0000;
  font-size: 20px;
}
.regist-working-widget .qrcode-word-area .qrcode-textbox {
  font-size: 20px;
}
.booking-confirmation {
  width: 100%;
  min-width: 1484px;
  background: #cfd6e8;
}
.booking-confirmation .confirmation-area {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  height: 120px;
  color: #333;
  font-size: 16px;
}
.booking-confirmation .confirmation-area .berth-category-select {
  width: 440px;
  float: left;
}
.booking-confirmation .confirmation-area .berth-category-select .mbsc-input .mbsc-input-wrap {
  float: left;
}
.booking-confirmation .confirmation-area .berth-category-select .mbsc-input input {
  width: 300px;
  height: 30px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #fff;
}
.booking-confirmation .confirmation-area .berth-category-select .mbsc-input .mbsc-select-ic {
  line-height: 15px;
}
.booking-confirmation .confirmation-area .berth-category-select .mbsc-btn {
  margin: 0;
  padding: 0;
  margin-top: 60px;
  margin-left: 30px;
  height: 30px;
  display: block;
  width: 80px;
  border-radius: 5px;
  font-size: 14px;
  border-width: 1px;
  background: #f8b042;
  border-color: #f8b042;
  color: #fff;
  float: left;
}
.booking-confirmation .confirmation-area .berth-category-select .mbsc-btn:hover {
  background: #ff9a00;
  border-color: #ff9a00 !important;
}
.booking-confirmation .confirmation-area .legend-detail {
  width: 380px;
  margin-top: 10px;
  float: left;
}
.booking-confirmation .confirmation-area .legend-detail .legend-row {
  width: 300px;
  margin-top: 10px;
  overflow: hidden;
}
.booking-confirmation .confirmation-area .legend-detail .legend-row .legend {
  width: 100px;
  float: left;
}
.booking-confirmation .confirmation-area .legend-detail .legend-row .legend div {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  float: left;
}
.booking-confirmation .confirmation-area .legend-detail .legend-row .legend.unapproved div {
  background: #f8719a;
}
.booking-confirmation .confirmation-area .legend-detail .legend-row .legend.confirmation div {
  background: #94f4f4;
}
.booking-confirmation .confirmation-area .legend-detail .legend-row .legend.delay div {
  color: #d04d4d;
  font-size: 18px;
  margin-right: 1px;
}
.booking-confirmation .confirmation-area .legend-detail .legend-row .legend.working div {
  background: #ffa035;
}
.booking-confirmation .confirmation-area .legend-detail .legend-row .legend.finish div {
  background: #898c8c;
}
.booking-confirmation .confirmation-area .legend-detail .booking-explanation {
  font-size: 14px;
  width: 340px;
  margin-top: 5px;
  float: left;
}
.booking-confirmation .confirmation-area .legend-detail .booking-date-explanation {
  font-size: 14px;
  width: 340px;
  margin-top: 5px;
  float: left;
}
.booking-confirmation .confirmation-area .legend-detail .not-display-explanation {
  font-size: 14px;
  width: 340px;
  margin-top: 5px;
  float: left;
  display: none;
}
.booking-confirmation .confirmation-area .booking-operation {
  padding-top: 45px;
  margin-left: 30px;
  display: flex;
  flex-wrap: wrap;
}
.booking-confirmation .confirmation-area .booking-operation .mbsc-btn {
  margin: 0;
  padding: 0;
  height: 30px;
  display: block;
  width: 160px;
  border-radius: 5px;
  font-size: 14px;
  border-width: 1px;
  float: left;
}
.booking-confirmation .confirmation-area .booking-operation .mbsc-btn.operation-send {
  color: #fff;
  background: #0080c0;
  border-color: #0080c0;
  margin-left: 30px;
}
.booking-confirmation .confirmation-area .booking-operation .mbsc-btn.operation-send:hover {
  background: #0cb0ff;
  border-color: #0cb0ff !important;
}
.booking-confirmation .confirmation-area .booking-operation .mbsc-btn.operation-cancel {
  color: #333;
  background: #fff;
  border-color: #999;
}
.booking-confirmation .confirmation-area .booking-operation .mbsc-btn.operation-cancel:hover {
  background: #ddd;
  border-color: #999 !important;
}
.booking-confirmation .confirmation-area .booking-operation .mbsc-btn.operation-regist {
  margin-top: 20px;
  background-color: #3d558c;
  color: #ffffff;
  border-color: #3d558c;
}
.booking-confirmation .confirmation-area .booking-operation .mbsc-btn.operation-regist:hover {
  background: #5d75ac;
  border-color: #5d75ac !important;
}
.booking-confirmation .confirmation-area .booking-operation .mbsc-btn.operation-work-record {
  color: #333;
  background: #ff489d;
  border-color: #ff489d;
  width: 380px;
  height: 70px;
  font-weight: bold;
  font-size: 36px;
}
.booking-confirmation .confirmation-area .booking-operation .mbsc-btn.operation-work-record:hover {
  color: #777;
  background: #ff7eba;
  border-color: #ff7eba !important;
}
.booking-confirmation .select-date-label {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  height: 30px;
  padding-top: 6px;
  text-align: left;
}
.booking-confirmation .select-date-area {
  background: #f6f7f8;
  height: 50px;
}
.booking-confirmation .select-date-area .date-select-control.mbsc-control-w.mbsc-input {
  padding: 0;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.booking-confirmation .select-date-area .date-select-control.mbsc-control-w.mbsc-input .mbsc-btn {
  margin: 0;
  margin-right: 10px;
  width: 24px;
  height: 50px;
  background: transparent;
  border: none;
  color: #3d558c;
  float: left;
}
.booking-confirmation .select-date-area .date-select-control.mbsc-control-w.mbsc-input .mbsc-input-wrap {
  width: 170px;
  float: left;
}
.booking-confirmation .select-date-area .date-select-control.mbsc-control-w.mbsc-input .mbsc-input-wrap input {
  margin-top: 10px;
  width: 150px;
  height: 28px;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #ffffff;
}
#component-booking-list {
  background: #ffffff;
  width: 1200px;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
#component-booking-list .searchArea .mbsc-windows .mbsc-input .mbsc-input-wrap {
  width: 200px;
}
#component-booking-list .searchArea .mbsc-windows .mbsc-input input {
  width: 200px;
}
#component-booking-list .searchArea .search_block {
  height: 53px;
}
#component-booking-list .searchArea .searchBtn {
  padding-bottom: 0px;
}
#component-booking-list .searchArea .outputBtn {
  display: block;
  padding-bottom: 20px;
  padding-right: 20px;
  float: right;
}
#component-booking-list .searchArea .outputBtn .mbsc-btn-info {
  margin: 0;
  display: block;
  width: 160px;
  border-radius: 5px;
  font-size: 14px;
  margin-top: 8px;
  color: #fff;
  background: #5bc0de;
  border-color: #5bc0de;
}
#component-booking-list .searchArea .outputBtn .mbsc-btn-info:hover {
  background: #057d9f;
  border-color: #057d9f;
}
#component-booking-list .list-table .easy-table {
  table-layout: fixed;
}
#component-booking-list .list-table .easy-table tr th:nth-of-type(1),
#component-booking-list .list-table .easy-table tr td:nth-of-type(1) {
  width: 51px;
}
#component-booking-list .list-table .easy-table tr th:nth-of-type(1) div.mbsc-ic.mbsc-ic-fa-minus-circle,
#component-booking-list .list-table .easy-table tr td:nth-of-type(1) div.mbsc-ic.mbsc-ic-fa-minus-circle {
  font-size: 22px;
  text-align: center;
  color: #bbbbbb;
}
#component-booking-list .list-table .easy-table tr th:nth-of-type(2),
#component-booking-list .list-table .easy-table tr td:nth-of-type(2) {
  width: 71px;
  max-width: 71px;
}
#component-booking-list .list-table .easy-table tr th:nth-of-type(3),
#component-booking-list .list-table .easy-table tr td:nth-of-type(3) {
  width: 71px;
  max-width: 71px;
  text-align: center;
}
#component-booking-list .list-table .easy-table tr th:nth-of-type(4),
#component-booking-list .list-table .easy-table tr td:nth-of-type(4) {
  width: 150px;
  max-width: 150px;
}
#component-booking-list .list-table .easy-table tr th:nth-of-type(5),
#component-booking-list .list-table .easy-table tr td:nth-of-type(5) {
  width: 88px;
  max-width: 88px;
}
#component-booking-list .list-table .easy-table tr th:nth-of-type(6),
#component-booking-list .list-table .easy-table tr td:nth-of-type(6) {
  width: 80px;
  max-width: 80px;
}
#component-booking-list .list-table .easy-table tr th:nth-of-type(7),
#component-booking-list .list-table .easy-table tr td:nth-of-type(7) {
  width: 120px;
  max-width: 120px;
}
#component-booking-list .list-table .easy-table tr th:nth-of-type(7) .arrival-at,
#component-booking-list .list-table .easy-table tr td:nth-of-type(7) .arrival-at {
  color: #d04d4d;
}
#component-booking-list .list-table .easy-table tr th:nth-of-type(7) .mbsc-ic-material-report-problem,
#component-booking-list .list-table .easy-table tr td:nth-of-type(7) .mbsc-ic-material-report-problem {
  color: #d04d4d;
}
#component-booking-list .list-table .easy-table tr th:nth-of-type(8),
#component-booking-list .list-table .easy-table tr td:nth-of-type(8) {
  width: 110px;
  max-width: 110px;
}
#component-booking-list .list-table .easy-table tr th:nth-of-type(9),
#component-booking-list .list-table .easy-table tr td:nth-of-type(9) {
  width: 70px;
  max-width: 70px;
}
#component-booking-list .list-table .easy-table tr th:nth-of-type(10),
#component-booking-list .list-table .easy-table tr td:nth-of-type(10) {
  width: 170px;
  max-width: 170px;
}
#component-booking-list .list-table .easy-table tr th:nth-of-type(11),
#component-booking-list .list-table .easy-table tr td:nth-of-type(11) {
  width: 88px;
  max-width: 88px;
}
#component-booking-list .list-table .easy-table tr th:nth-of-type(12),
#component-booking-list .list-table .easy-table tr td:nth-of-type(12) {
  width: 60px;
  max-width: 60px;
}
#component-booking-list .list-table .easy-table tr th:nth-of-type(13),
#component-booking-list .list-table .easy-table tr td:nth-of-type(13) {
  width: 51px;
  max-width: 51px;
  text-align: center;
}
#component-booking-list .list-table.non-delay-option .easy-table tr th:nth-of-type(6),
#component-booking-list .list-table.non-delay-option .easy-table tr td:nth-of-type(6) {
  width: 100px;
  max-width: 100px;
}
#component-booking-list .list-table.non-delay-option .easy-table tr th:nth-of-type(7),
#component-booking-list .list-table.non-delay-option .easy-table tr td:nth-of-type(7) {
  width: 110px;
  max-width: 110px;
}
#component-booking-list .list-table.non-delay-option .easy-table tr th:nth-of-type(8),
#component-booking-list .list-table.non-delay-option .easy-table tr td:nth-of-type(8) {
  width: 88px;
  max-width: 88px;
}
#component-booking-list .list-table.non-delay-option .easy-table tr th:nth-of-type(9),
#component-booking-list .list-table.non-delay-option .easy-table tr td:nth-of-type(9) {
  width: 170px;
  max-width: 170px;
}
#component-booking-list .list-table.non-delay-option .easy-table tr th:nth-of-type(10),
#component-booking-list .list-table.non-delay-option .easy-table tr td:nth-of-type(10) {
  width: 130px;
  max-width: 130px;
}
#component-booking-list .list-table.non-delay-option .easy-table tr th:nth-of-type(11),
#component-booking-list .list-table.non-delay-option .easy-table tr td:nth-of-type(11) {
  width: 100px;
  max-width: 100px;
}
#component-booking-list .list-table.non-delay-option .easy-table tr th:nth-of-type(12),
#component-booking-list .list-table.non-delay-option .easy-table tr td:nth-of-type(12) {
  width: 51px;
  max-width: 51px;
  text-align: center;
}
#component-booking-list .list-table.read-only .easy-table tr th:nth-of-type(1),
#component-booking-list .list-table.read-only .easy-table tr td:nth-of-type(1) {
  width: 71px;
  max-width: 71px;
}
#component-booking-list .list-table.read-only .easy-table tr th:nth-of-type(2),
#component-booking-list .list-table.read-only .easy-table tr td:nth-of-type(2) {
  width: 150px;
  max-width: 150px;
}
#component-booking-list .list-table.read-only .easy-table tr th:nth-of-type(3),
#component-booking-list .list-table.read-only .easy-table tr td:nth-of-type(3) {
  width: 90px;
  max-width: 90px;
  text-align: left;
}
#component-booking-list .list-table.read-only .easy-table tr th:nth-of-type(4),
#component-booking-list .list-table.read-only .easy-table tr td:nth-of-type(4) {
  width: 90px;
  max-width: 90px;
}
#component-booking-list .list-table.read-only .easy-table tr th:nth-of-type(5),
#component-booking-list .list-table.read-only .easy-table tr td:nth-of-type(5) {
  width: 140px;
  max-width: 140px;
}
#component-booking-list .list-table.read-only .easy-table tr th:nth-of-type(5) .arrival-at,
#component-booking-list .list-table.read-only .easy-table tr td:nth-of-type(5) .arrival-at {
  color: #d04d4d;
}
#component-booking-list .list-table.read-only .easy-table tr th:nth-of-type(5) .mbsc-ic-material-report-problem,
#component-booking-list .list-table.read-only .easy-table tr td:nth-of-type(5) .mbsc-ic-material-report-problem {
  color: #d04d4d;
}
#component-booking-list .list-table.read-only .easy-table tr th:nth-of-type(6),
#component-booking-list .list-table.read-only .easy-table tr td:nth-of-type(6) {
  width: 117px;
  max-width: 117px;
}
#component-booking-list .list-table.read-only .easy-table tr th:nth-of-type(7),
#component-booking-list .list-table.read-only .easy-table tr td:nth-of-type(7) {
  width: 90px;
  max-width: 90px;
}
#component-booking-list .list-table.read-only .easy-table tr th:nth-of-type(8),
#component-booking-list .list-table.read-only .easy-table tr td:nth-of-type(8) {
  width: 180px;
  max-width: 180px;
}
#component-booking-list .list-table.read-only .easy-table tr th:nth-of-type(9),
#component-booking-list .list-table.read-only .easy-table tr td:nth-of-type(9) {
  width: 130px;
  max-width: 130px;
}
#component-booking-list .list-table.read-only .easy-table tr th:nth-of-type(10),
#component-booking-list .list-table.read-only .easy-table tr td:nth-of-type(10) {
  width: 71px;
  max-width: 71px;
}
#component-booking-list .list-table.read-only .easy-table tr th:nth-of-type(11),
#component-booking-list .list-table.read-only .easy-table tr td:nth-of-type(11) {
  width: 51px;
  max-width: 51px;
}
#component-booking-list .list-table.read-only .easy-table tr th {
  text-align: center !important;
}
#component-booking-list .list-table.read-only.non-delay-option .easy-table tr th:nth-of-type(1),
#component-booking-list .list-table.read-only.non-delay-option .easy-table tr td:nth-of-type(1) {
  width: 71px;
  max-width: 71px;
}
#component-booking-list .list-table.read-only.non-delay-option .easy-table tr th:nth-of-type(2),
#component-booking-list .list-table.read-only.non-delay-option .easy-table tr td:nth-of-type(2) {
  width: 150px;
  max-width: 150px;
}
#component-booking-list .list-table.read-only.non-delay-option .easy-table tr th:nth-of-type(3),
#component-booking-list .list-table.read-only.non-delay-option .easy-table tr td:nth-of-type(3) {
  width: 90px;
  max-width: 90px;
}
#component-booking-list .list-table.read-only.non-delay-option .easy-table tr th:nth-of-type(4),
#component-booking-list .list-table.read-only.non-delay-option .easy-table tr td:nth-of-type(4) {
  width: 90px;
  max-width: 90px;
}
#component-booking-list .list-table.read-only.non-delay-option .easy-table tr th:nth-of-type(5),
#component-booking-list .list-table.read-only.non-delay-option .easy-table tr td:nth-of-type(5) {
  width: 120px;
  max-width: 120px;
}
#component-booking-list .list-table.read-only.non-delay-option .easy-table tr th:nth-of-type(6),
#component-booking-list .list-table.read-only.non-delay-option .easy-table tr td:nth-of-type(6) {
  width: 160px;
  max-width: 160px;
}
#component-booking-list .list-table.read-only.non-delay-option .easy-table tr th:nth-of-type(7),
#component-booking-list .list-table.read-only.non-delay-option .easy-table tr td:nth-of-type(7) {
  width: 180px;
  max-width: 180px;
}
#component-booking-list .list-table.read-only.non-delay-option .easy-table tr th:nth-of-type(8),
#component-booking-list .list-table.read-only.non-delay-option .easy-table tr td:nth-of-type(8) {
  width: 130px;
  max-width: 130px;
}
#component-booking-list .list-table.read-only.non-delay-option .easy-table tr th:nth-of-type(9),
#component-booking-list .list-table.read-only.non-delay-option .easy-table tr td:nth-of-type(9) {
  width: 138px;
  max-width: 138px;
}
#component-booking-list .list-table.read-only.non-delay-option .easy-table tr th:nth-of-type(10),
#component-booking-list .list-table.read-only.non-delay-option .easy-table tr td:nth-of-type(10) {
  width: 51px;
  max-width: 51px;
}
#component-booking-edit .date-area,
#component-booking-edit .time-area {
  display: inline-block;
}
#component-booking-edit .date-area input,
#component-booking-edit .time-area input {
  width: 180px;
  height: 35px;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding-left: 10px;
}
#component-booking-edit .date-area .mbsc-comp,
#component-booking-edit .time-area .mbsc-comp {
  cursor: pointer;
}
#component-booking-edit .data-item.add-height {
  display: flex;
}
#component-booking-edit .data-item.add-height.last-line {
  border-bottom: 1px solid #d9d9d9;
}
#component-booking-edit .data-item.add-height .data-item-title {
  height: auto !important;
}
#component-booking-edit .item-text span form {
  display: inline-block;
}
#component-booking-edit .data-item-input + span form {
  display: inline-block;
}
#component-booking-edit .operation-area .btnArea span {
  display: table-cell !important;
}
#component-booking-csv-regist {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
#component-booking-csv-regist .leadArea {
  margin-top: 20px;
  margin-bottom: 40px;
}
#component-booking-csv-regist .file-select-area-csv .search-block {
  width: 100%;
  overflow: hidden;
  margin-top: 40px;
}
#component-booking-csv-regist .file-select-area-csv .search-block .mbsc-label {
  width: 80px;
  padding: 0;
  color: #333333;
  font-size: 16px;
  line-height: 30px;
  float: left;
}
#component-booking-csv-regist .file-select-area-csv .search-block .mbsc-input {
  width: 320px;
  padding: 0;
  display: block;
  float: left;
}
#component-booking-csv-regist .file-select-area-csv .search-block .mbsc-input .mbsc-input-wrap {
  margin: 0;
}
#component-booking-csv-regist .file-select-area-csv .search-block .mbsc-input .mbsc-input-wrap input {
  width: 220px;
  height: 30px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #fff;
  font-size: 16px;
}
#component-booking-csv-regist .file-select-area-csv .search-block .to-string {
  padding-left: 16px;
  padding-right: 16px;
  line-height: 30px;
  float: left;
}
#component-contractor-confirmation .data-item-text.use {
  font-weight: bold;
  color: #009688;
}
#component-contractor-confirmation .data-item-text.stop {
  font-weight: bold;
  color: #ff0000;
}
#component-contractor-list {
  background: #ffffff;
  width: 1200px;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
#component-contractor-list .list-table .easy-table tr th:nth-of-type(1),
#component-contractor-list .list-table .easy-table tr td:nth-of-type(1) {
  width: 520px;
  max-width: 520px;
}
#component-contractor-list .list-table .easy-table tr th:nth-of-type(2),
#component-contractor-list .list-table .easy-table tr td:nth-of-type(2) {
  width: 300px;
  max-width: 300px;
}
#component-contractor-list .list-table .easy-table tr th:nth-of-type(3),
#component-contractor-list .list-table .easy-table tr td:nth-of-type(3) {
  width: 298px;
  max-width: 298px;
}
#component-contractor-list .list-table .easy-table tr th:nth-of-type(4),
#component-contractor-list .list-table .easy-table tr td:nth-of-type(4) {
  width: 71px;
  max-width: 71px;
}
#component-contractor-list .list-table .easy-table tr th:nth-of-type(5),
#component-contractor-list .list-table .easy-table tr td:nth-of-type(5) {
  width: 71px;
  max-width: 71px;
}
#component-contractor-list .list-table.read-only .easy-table tr th:nth-of-type(1),
#component-contractor-list .list-table.read-only .easy-table tr td:nth-of-type(1) {
  width: 650px;
  max-width: 650px;
}
#component-contractor-list .list-table.read-only .easy-table tr th:nth-of-type(2),
#component-contractor-list .list-table.read-only .easy-table tr td:nth-of-type(2) {
  width: 400px;
  max-width: 400px;
}
#component-contractor-list .list-table.read-only .easy-table tr th:nth-of-type(3),
#component-contractor-list .list-table.read-only .easy-table tr td:nth-of-type(3) {
  width: 299px;
  max-width: 299px;
}
#component-contractor-list .list-table.read-only .easy-table tr th:nth-of-type(4),
#component-contractor-list .list-table.read-only .easy-table tr td:nth-of-type(4) {
  width: 71px;
  max-width: 71px;
}
#component-contractor-permit .data-item-text.use {
  font-weight: bold;
  color: #009688;
}
#component-contractor-permit .data-item-text.stop {
  font-weight: bold;
  color: #ff0000;
}
#component-contractor-permit .data-item-text .mbsc-form {
  display: inline-block;
  margin-left: 50px;
}
#component-contractor-permit .data-item-text .mbsc-form .mbsc-btn {
  margin: 0;
  padding: 0;
  width: 100px;
  height: 30px;
  font-size: 14px;
  border-radius: 5px;
}
#component-contractor-permit .data-item-text .mbsc-form .mbsc-btn.mbsc-btn-danger:hover {
  border-color: #d10e0c;
  background: #d10e0c;
}
#component-contractor-permit .data-item-text .mbsc-form .mbsc-btn.mbsc-btn-warning {
  color: #fff;
}
#component-contractor-permit .data-item-text .mbsc-form .mbsc-btn.mbsc-btn-warning:hover {
  background: #f99d11;
  border-color: #f99d11;
}
#component-center-notice-list {
  background: #ffffff;
  width: 1200px;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
#component-center-notice-list .searchArea .search-block {
  width: 100%;
  height: 50px;
}
#component-center-notice-list .searchArea .search-block.final-line {
  height: 70px;
}
#component-center-notice-list .easy-table tr th:nth-of-type(1),
#component-center-notice-list .easy-table tr td:nth-of-type(1) {
  width: 50px;
}
#component-center-notice-list .easy-table tr th:nth-of-type(2),
#component-center-notice-list .easy-table tr td:nth-of-type(2) {
  width: 220px;
  max-width: 220px;
}
#component-center-notice-list .easy-table tr th:nth-of-type(3),
#component-center-notice-list .easy-table tr td:nth-of-type(3) {
  width: 640px;
  max-width: 640px;
}
#component-center-notice-list .easy-table tr th:nth-of-type(4),
#component-center-notice-list .easy-table tr td:nth-of-type(4) {
  width: 199px;
  max-width: 199px;
}
#component-center-notice-list .easy-table tr th:nth-of-type(4) .status-posting,
#component-center-notice-list .easy-table tr td:nth-of-type(4) .status-posting {
  color: #ff0000;
}
#component-center-notice-list .easy-table tr th:nth-of-type(5),
#component-center-notice-list .easy-table tr td:nth-of-type(5) {
  width: 71px;
  max-width: 71px;
}
#component-user-list {
  background: #ffffff;
  width: 1200px;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
#component-user-list .easy-table tr th:nth-of-type(1),
#component-user-list .easy-table tr td:nth-of-type(1) {
  width: 50px;
}
#component-user-list .easy-table tr th:nth-of-type(1) div.mbsc-ic.mbsc-ic-fa-minus-circle,
#component-user-list .easy-table tr td:nth-of-type(1) div.mbsc-ic.mbsc-ic-fa-minus-circle {
  font-size: 22px;
  text-align: center;
  color: #bbbbbb;
}
#component-user-list .easy-table tr th:nth-of-type(2),
#component-user-list .easy-table tr td:nth-of-type(2) {
  width: 540px;
  max-width: 540px;
}
#component-user-list .easy-table tr th:nth-of-type(3),
#component-user-list .easy-table tr td:nth-of-type(3) {
  width: 250px;
  max-width: 250px;
}
#component-user-list .easy-table tr th:nth-of-type(4),
#component-user-list .easy-table tr td:nth-of-type(4) {
  width: 198px;
  max-width: 198px;
}
#component-user-list .easy-table tr th:nth-of-type(5),
#component-user-list .easy-table tr td:nth-of-type(5) {
  width: 71px;
  max-width: 71px;
}
#component-user-list .easy-table tr th:nth-of-type(6),
#component-user-list .easy-table tr td:nth-of-type(6) {
  width: 71px;
  max-width: 71px;
}
#component-car-list {
  background: #ffffff;
  width: 1200px;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
#component-car-list .searchArea .search-block {
  overflow: hidden;
  height: 60px;
}
#component-car-list .searchArea .data-item.list-search {
  width: 420px;
}
#component-car-list .searchArea .data-item.list-search .data-item-title.list-search {
  width: 150px;
}
#component-car-list .searchArea .data-item.list-search .data-item-title.list-search .data-item-title-label {
  width: 150px;
}
#component-car-list .list-table {
  overflow-x: auto;
  height: 467px;
}
#component-car-list .list-table .easy-table {
  display: block;
  margin: 0;
  border: none;
  width: 2222px;
}
#component-car-list .list-table .easy-table thead {
  display: block;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  border-top: 1px solid #d9d9d9;
}
#component-car-list .list-table .easy-table tbody {
  display: block;
}
#component-car-list .list-table .easy-table tr th:nth-of-type(1),
#component-car-list .list-table .easy-table tr td:nth-of-type(1) {
  width: 50px;
}
#component-car-list .list-table .easy-table tr th:nth-of-type(1) div.mbsc-ic.mbsc-ic-fa-minus-circle,
#component-car-list .list-table .easy-table tr td:nth-of-type(1) div.mbsc-ic.mbsc-ic-fa-minus-circle {
  font-size: 22px;
  text-align: center;
  color: #bbbbbb;
}
#component-car-list .list-table .easy-table tr th:nth-of-type(2),
#component-car-list .list-table .easy-table tr td:nth-of-type(2) {
  width: 120px;
  max-width: 120px;
}
#component-car-list .list-table .easy-table tr th:nth-of-type(3),
#component-car-list .list-table .easy-table tr td:nth-of-type(3) {
  width: 150px;
  max-width: 150px;
}
#component-car-list .list-table .easy-table tr th:nth-of-type(4),
#component-car-list .list-table .easy-table tr td:nth-of-type(4) {
  width: 180px;
  max-width: 180px;
}
#component-car-list .list-table .easy-table tr th:nth-of-type(5),
#component-car-list .list-table .easy-table tr td:nth-of-type(5) {
  width: 280px;
  max-width: 280px;
}
#component-car-list .list-table .easy-table tr th:nth-of-type(6),
#component-car-list .list-table .easy-table tr td:nth-of-type(6) {
  width: 160px;
  max-width: 160px;
}
#component-car-list .list-table .easy-table tr th:nth-of-type(7),
#component-car-list .list-table .easy-table tr td:nth-of-type(7) {
  width: 140px;
  max-width: 140px;
}
#component-car-list .list-table .easy-table tr th:nth-of-type(8),
#component-car-list .list-table .easy-table tr td:nth-of-type(8) {
  width: 72px;
  max-width: 72px;
}
#component-car-list .list-table .easy-table tr th:nth-of-type(9),
#component-car-list .list-table .easy-table tr td:nth-of-type(9) {
  width: 90px;
  max-width: 90px;
  text-align: center;
}
#component-car-list .list-table .easy-table tr th:nth-of-type(10),
#component-car-list .list-table .easy-table tr td:nth-of-type(10) {
  width: 160px;
  max-width: 160px;
}
#component-car-list .list-table .easy-table tr th:nth-of-type(11),
#component-car-list .list-table .easy-table tr td:nth-of-type(11) {
  width: 140px;
  max-width: 140px;
}
#component-car-list .list-table .easy-table tr th:nth-of-type(12),
#component-car-list .list-table .easy-table tr td:nth-of-type(12) {
  width: 140px;
  max-width: 140px;
}
#component-car-list .list-table .easy-table tr th:nth-of-type(13),
#component-car-list .list-table .easy-table tr td:nth-of-type(13) {
  width: 180px;
  max-width: 180px;
}
#component-car-list .list-table .easy-table tr th:nth-of-type(14),
#component-car-list .list-table .easy-table tr td:nth-of-type(14) {
  width: 180px;
  max-width: 180px;
}
#component-car-list .list-table .easy-table tr th:nth-of-type(15),
#component-car-list .list-table .easy-table tr td:nth-of-type(15) {
  width: 180px;
  max-width: 180px;
}
#component-car-confirmation .data-item-table .table-item-title {
  background: #3d558c;
  color: #ffffff;
}
#component-car-confirmation .car-no-item .car-no-item-title {
  background: #3d558c;
  border-right: 1px solid #d9d9d9;
}
#component-car-confirmation .car-no-item .car-no-item-title-label {
  color: #ffffff;
}
#component-car-confirmation .car-no-item .number-input {
  padding-top: 30px;
}
#component-car-confirmation .car-no-item .number-input span {
  display: block;
  width: 250px;
  padding: 10px 15px;
  font-size: 16px;
}
#component-car-confirmation .qrcode-item {
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
  height: 100%;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  overflow: hidden;
}
#component-car-confirmation .qrcode-item .qrcode-item-title {
  width: 298px;
  height: 60px;
  background: #3d558c;
  border-right: 1px solid #d9d9d9;
  box-sizing: border-box;
  float: left;
}
#component-car-confirmation .qrcode-item .qrcode-item-title .qrcode-item-title-label {
  width: 220px;
  height: 60px;
  padding-left: 16px;
  padding-right: 10px;
  line-height: 60px;
  font-size: 16px;
  color: #FFFFFF;
  float: left;
}
#component-car-confirmation .qrcode-item .qrcode-item-button {
  height: 60px;
  position: relative;
}
#component-car-confirmation .qrcode-item .qrcode-item-button .mbsc-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 16px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#component-car-csv-regist {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
#component-driverList {
  background: #ffffff;
  width: 1200px;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
#component-driverList .searchArea .search-block {
  overflow: hidden;
  height: 60px;
}
#component-driverList .searchArea .data-item.list-search {
  width: 390px;
}
#component-driverList .searchArea .data-item.list-search .data-item-title.list-search {
  width: 120px;
}
#component-driverList .searchArea .data-item.list-search .data-item-title.list-search .data-item-title-label {
  width: 120px;
}
#component-driverList .list-table {
  overflow-x: auto;
  height: 467px;
}
#component-driverList .list-table .easy-table {
  display: block;
  margin: 0;
  border: none;
  width: 1602px;
}
#component-driverList .list-table .easy-table thead {
  display: block;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  border-top: 1px solid #d9d9d9;
}
#component-driverList .list-table .easy-table tbody {
  display: block;
}
#component-driverList .list-table .easy-table tr th:nth-of-type(1),
#component-driverList .list-table .easy-table tr td:nth-of-type(1) {
  max-width: 50px;
  width: 50px;
}
#component-driverList .list-table .easy-table tr th:nth-of-type(2),
#component-driverList .list-table .easy-table tr td:nth-of-type(2) {
  width: 120px;
  max-width: 120px;
}
#component-driverList .list-table .easy-table tr th:nth-of-type(3),
#component-driverList .list-table .easy-table tr td:nth-of-type(3) {
  width: 150px;
  max-width: 150px;
}
#component-driverList .list-table .easy-table tr th:nth-of-type(4),
#component-driverList .list-table .easy-table tr td:nth-of-type(4) {
  width: 280px;
  max-width: 280px;
}
#component-driverList .list-table .easy-table tr th:nth-of-type(5),
#component-driverList .list-table .easy-table tr td:nth-of-type(5) {
  width: 140px;
  max-width: 140px;
}
#component-driverList .list-table .easy-table tr th:nth-of-type(6),
#component-driverList .list-table .easy-table tr td:nth-of-type(6) {
  width: 160px;
  max-width: 160px;
}
#component-driverList .list-table .easy-table tr th:nth-of-type(7),
#component-driverList .list-table .easy-table tr td:nth-of-type(7) {
  width: 72px;
  max-width: 72px;
}
#component-driverList .list-table .easy-table tr th:nth-of-type(8),
#component-driverList .list-table .easy-table tr td:nth-of-type(8) {
  width: 90px;
  max-width: 90px;
  text-align: center;
}
#component-driverList .list-table .easy-table tr th:nth-of-type(9),
#component-driverList .list-table .easy-table tr td:nth-of-type(9) {
  width: 180px;
  max-width: 180px;
}
#component-driverList .list-table .easy-table tr th:nth-of-type(10),
#component-driverList .list-table .easy-table tr td:nth-of-type(10) {
  width: 180px;
  max-width: 180px;
}
#component-driverList .list-table .easy-table tr th:nth-of-type(11),
#component-driverList .list-table .easy-table tr td:nth-of-type(11) {
  width: 180px;
  max-width: 180px;
}
#component-driver-confirmation .data-item-table .table-item-title {
  background: #3d558c;
  color: #ffffff;
}
#component-driver-confirmation .qrcode-item {
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
  height: 100%;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  overflow: hidden;
}
#component-driver-confirmation .qrcode-item .qrcode-item-title {
  width: 298px;
  height: 60px;
  background: #3d558c;
  border-right: 1px solid #d9d9d9;
  box-sizing: border-box;
  float: left;
}
#component-driver-confirmation .qrcode-item .qrcode-item-title .qrcode-item-title-label {
  width: 220px;
  height: 60px;
  padding-left: 16px;
  padding-right: 10px;
  line-height: 60px;
  font-size: 16px;
  color: #FFFFFF;
  float: left;
}
#component-driver-confirmation .qrcode-item .qrcode-item-button {
  height: 60px;
  position: relative;
}
#component-driver-confirmation .qrcode-item .qrcode-item-button .mbsc-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 16px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#component-driver-csv-regist {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
#component-request-confirmation .data-item-table.attached-files .data-item-text .file-row {
  height: 60px;
}
#component-request-confirmation .data-item-table.attached-files .data-item-text .file-row .download-file-name {
  width: 400px;
  line-height: 60px;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#component-request-confirmation .data-item-table.attached-files .data-item-text .file-row .mbsc-btn {
  margin: 0;
  margin-top: 17px;
  width: 100px;
  border-radius: 3px;
  font-size: 12px;
  color: #3d558c;
  background: linear-gradient(#ffffff, #e6e6e6);
  border: 1px solid #999999;
  height: 26px;
  line-height: 22px;
}
#component-request-confirmation .data-item-table.attached-files .data-item-text .file-row .mbsc-btn .mbsc-btn-ic {
  padding-right: 5px;
}
#component-request-date-select {
  width: 1200px !important;
  margin: 0 auto;
}
#component-request-date-select .mbsc-lv-windows .mbsc-lv {
  background: #ffffff;
}
#component-request-date-select .mbsc-lv-cont {
  user-select: auto;
}
#component-request-date-select .mbsc-lv-windows .mbsc-lv-item {
  background: #ffffff;
  color: #333333;
  padding: 0;
}
#component-request-date-select .headerContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 1198px;
  margin-bottom: 30px;
  padding: 30px 15px;
  background: #009688;
  color: #fff;
}
#component-request-date-select .headerContainer h3 {
  text-align: center;
}
#component-request-date-select .headerContainer .nowMonth {
  padding-left: 0;
  margin-bottom: 15px;
  display: block;
  font-size: 36px;
  font-weight: bold;
  color: #fff;
}
#component-request-date-select .headerContainer .month-move {
  height: 40px;
}
#component-request-date-select .headerContainer .month-move div {
  text-align: center;
  padding-left: 10px;
  font-size: 20px;
  line-height: 40px;
  float: left;
  cursor: pointer;
}
#component-request-date-select .headerContainer .month-move div.month-move-arrow {
  font-size: 26px;
  line-height: 40px;
}
#component-request-date-select .accordion-area {
  width: auto;
  margin: 30px auto;
  list-style: none;
}
#component-request-date-select .accordion-area .accordion-tab {
  background: #428bca;
  height: 60px;
  border: 1px solid #dddddd;
  border-bottom: none;
}
#component-request-date-select .accordion-area .accordion-tab .berth-category-title {
  color: #ffffff;
  font-weight: bold;
  font-size: 18px;
  line-height: 60px;
  padding-left: 20px;
}
#component-request-date-select .calendar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 700px;
}
#component-request-date-select .calendar .dayOfWeekContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 700px;
  margin: 0 auto;
  background: #408080;
  color: #fff;
  padding: 0;
}
#component-request-date-select .calendar .dayOfWeekContainer div {
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: bold;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#component-request-date-select .calendar .dayOfWeekContainer div:last-child {
  border-right: 1px solid #dddddd;
}
#component-request-date-select .calendar .container {
  display: flex;
  width: 700px !important;
  margin: 0 auto;
  padding: 0;
}
#component-request-date-select .calendar .container .calendarBody .calendarBodyRow {
  display: flex;
  flex-direction: column;
}
#component-request-date-select .calendar .container .calendarBody .calendarBodyRow:last-child {
  border-bottom: 1px solid #dddddd;
}
#component-request-date-select .calendar .container .calendarBody .calendarBodyRow .mbsc-lv-arr {
  display: none;
}
#component-request-date-select .calendar .container .calendarBody .calendarBodyRow .mbsc-lv-item {
  display: none;
}
#component-request-date-select .calendar .container .calendarBody .calendarBodyRow .daysContainer {
  display: flex;
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
}
#component-request-date-select .calendar .container .calendarBody .calendarBodyRow .daysContainer li {
  font-size: 18px;
}
#component-request-date-select .calendar .container .calendarBody .calendarBodyRow .daysContainer li:last-child {
  border-right: 1px solid #dddddd;
}
#component-request-date-select .calendar .container .calendarBody .calendarBodyRow .daysContainer li .mbsc-control.mbsc-btn {
  background: transparent;
  border-color: transparent;
  margin: 0;
  padding: 10px;
  border: none;
  font-family: 'Meiryo UI';
  font-size: 20px;
  color: #333333;
  opacity: 1;
}
#component-request-date-select .calendar .container .calendarBody .calendarBodyRow .daysContainer li .mbsc-control.mbsc-btn:disabled {
  cursor: default;
}
#component-request-date-select .calendar .container .calendarBody .calendarBodyRow .daysContainer .status-free-button .mbsc-control.mbsc-btn {
  font-weight: bold;
  color: #1a5fff;
  text-decoration: underline;
}
#component-request-date-select .calendar .container .calendarBody .calendarBodyRow .daysContainer .status-parts-free-button .mbsc-control.mbsc-btn {
  color: #ea9c00;
  text-decoration: underline;
}
#component-request-date-select .calendar .container .calendarBody .calendarBodyRow .daysContainer .status-full-area {
  background: #fecccd;
}
#component-request-date-select .calendar .container .calendarBody .calendarBodyRow .daysContainer .status-full-area .mbsc-control.mbsc-btn {
  font-weight: bold;
  color: #d04d4d;
}
#component-request-date-select .calendar .container .calendarBody .calendarBodyRow .daysContainer .my-data-exist {
  background: #f4fbe6;
}
#component-request-date-select .calendar .container .calendarBody .calendarBodyRow .daysContainer .data-exit-label-area .data-exit-label.mbsc-control.mbsc-btn {
  border: 1px solid #b7db77;
  border-radius: 5px;
  margin: 6px;
  padding: 0;
  background: #dff4ba;
  color: #6b8044;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  width: 86px;
  font-weight: initial;
}
#component-request-date-select .calendar .container .calendarBody .calendarBodyRow .daysContainer .data-exit-label-area .data-exit-label.mbsc-control.mbsc-btn .booking-label {
  margin-left: auto;
  margin-right: auto;
}
#component-request-date-select .calendar .container .calendarBody .calendarBodyRow .daysContainer .data-exit-label-area .data-exit-label.mbsc-control.mbsc-btn .booking-label td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#component-request-date-select .calendar .container .calendarBody .calendarBodyRow .daysContainer .data-exit-label-area .data-exit-label.mbsc-control.mbsc-btn .booking-label .booking-count {
  max-width: 42px;
}
#component-request-date-select .calendar .container .calendarBody .calendarBodyRow .daysContainer .data-exit-label-area .data-exit-label.mbsc-control.mbsc-btn .booking-label .unapproved-count {
  max-width: 30px;
}
#component-request-date-select .calendar .footer-container {
  display: block;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
#component-request-date-select .calendar .footer-container .footer-item {
  font-size: 16px;
  float: right;
}
#component-request-date-select .calendar .footer-container .footer-item .status-free {
  color: #1a5fff;
  font-weight: bold;
}
#component-request-date-select .calendar .footer-container .footer-item .status-parts-free {
  color: #ea9c00;
  font-weight: bold;
}
#component-request-date-select .calendar .footer-container .footer-item .status-full {
  color: #d04d4d;
  font-weight: bold;
}
#component-request-date-select .calendar .footer-container .footer-item .status-explanation {
  padding-right: 20px;
}
#component-request-list {
  background: #ffffff;
  width: 1200px;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
#component-request-list .searchArea .mbsc-windows .mbsc-input .mbsc-input-wrap {
  width: 200px;
}
#component-request-list .searchArea .mbsc-windows .mbsc-input input {
  width: 200px;
}
#component-request-list .searchArea .search_block {
  height: 53px;
}
#component-request-list .searchArea .searchBtn {
  padding-bottom: 0px;
}
#component-request-list .searchArea .outputBtn {
  display: block;
  padding-bottom: 20px;
  padding-right: 20px;
  float: right;
}
#component-request-list .searchArea .outputBtn .mbsc-btn-info {
  margin: 0;
  display: block;
  width: 160px;
  border-radius: 5px;
  font-size: 14px;
  margin-top: 8px;
  color: #fff;
  background: #5bc0de;
  border-color: #5bc0de;
}
#component-request-list .searchArea .outputBtn .mbsc-btn-info:hover {
  background: #057d9f;
  border-color: #057d9f;
}
#component-request-list .list-table .easy-table {
  table-layout: fixed;
}
#component-request-list .list-table .easy-table tr th:nth-of-type(1),
#component-request-list .list-table .easy-table tr td:nth-of-type(1) {
  max-width: 50px;
  width: 50px;
}
#component-request-list .list-table .easy-table tr th:nth-of-type(1) div.mbsc-ic.mbsc-ic-fa-minus-circle,
#component-request-list .list-table .easy-table tr td:nth-of-type(1) div.mbsc-ic.mbsc-ic-fa-minus-circle {
  font-size: 22px;
  text-align: center;
  color: #bbbbbb;
}
#component-request-list .list-table .easy-table tr th:nth-of-type(2),
#component-request-list .list-table .easy-table tr td:nth-of-type(2) {
  width: 71px;
  max-width: 71px;
}
#component-request-list .list-table .easy-table tr th:nth-of-type(3),
#component-request-list .list-table .easy-table tr td:nth-of-type(3) {
  width: 71px;
  max-width: 71px;
  text-align: center;
}
#component-request-list .list-table .easy-table tr th:nth-of-type(4),
#component-request-list .list-table .easy-table tr td:nth-of-type(4) {
  width: 150px;
  max-width: 150px;
}
#component-request-list .list-table .easy-table tr th:nth-of-type(5),
#component-request-list .list-table .easy-table tr td:nth-of-type(5) {
  width: 90px;
  max-width: 90px;
}
#component-request-list .list-table .easy-table tr th:nth-of-type(6),
#component-request-list .list-table .easy-table tr td:nth-of-type(6) {
  width: 130px;
  max-width: 130px;
}
#component-request-list .list-table .easy-table tr th:nth-of-type(6) .arrival-at,
#component-request-list .list-table .easy-table tr td:nth-of-type(6) .arrival-at {
  color: #d04d4d;
}
#component-request-list .list-table .easy-table tr th:nth-of-type(6) .mbsc-ic-material-report-problem,
#component-request-list .list-table .easy-table tr td:nth-of-type(6) .mbsc-ic-material-report-problem {
  color: #d04d4d;
}
#component-request-list .list-table .easy-table tr th:nth-of-type(7),
#component-request-list .list-table .easy-table tr td:nth-of-type(7) {
  width: 127px;
  max-width: 127px;
}
#component-request-list .list-table .easy-table tr th:nth-of-type(8),
#component-request-list .list-table .easy-table tr td:nth-of-type(8) {
  width: 90px;
  max-width: 90px;
}
#component-request-list .list-table .easy-table tr th:nth-of-type(9),
#component-request-list .list-table .easy-table tr td:nth-of-type(9) {
  width: 170px;
  max-width: 170px;
}
#component-request-list .list-table .easy-table tr th:nth-of-type(10),
#component-request-list .list-table .easy-table tr td:nth-of-type(10) {
  width: 110px;
  max-width: 110px;
}
#component-request-list .list-table .easy-table tr th:nth-of-type(11),
#component-request-list .list-table .easy-table tr td:nth-of-type(11) {
  width: 70px;
  max-width: 70px;
}
#component-request-list .list-table .easy-table tr th:nth-of-type(12),
#component-request-list .list-table .easy-table tr td:nth-of-type(12) {
  width: 51px;
  max-width: 51px;
  text-align: center;
}
#component-request-list .list-table.non-delay-option .easy-table tr th:nth-of-type(6),
#component-request-list .list-table.non-delay-option .easy-table tr td:nth-of-type(6) {
  width: 140px;
  max-width: 140px;
}
#component-request-list .list-table.non-delay-option .easy-table tr th:nth-of-type(7),
#component-request-list .list-table.non-delay-option .easy-table tr td:nth-of-type(7) {
  width: 110px;
  max-width: 110px;
}
#component-request-list .list-table.non-delay-option .easy-table tr th:nth-of-type(8),
#component-request-list .list-table.non-delay-option .easy-table tr td:nth-of-type(8) {
  width: 180px;
  max-width: 180px;
}
#component-request-list .list-table.non-delay-option .easy-table tr th:nth-of-type(9),
#component-request-list .list-table.non-delay-option .easy-table tr td:nth-of-type(9) {
  width: 160px;
  max-width: 160px;
}
#component-request-list .list-table.non-delay-option .easy-table tr th:nth-of-type(10),
#component-request-list .list-table.non-delay-option .easy-table tr td:nth-of-type(10) {
  width: 110px;
  max-width: 110px;
}
#component-request-list .list-table.non-delay-option .easy-table tr th:nth-of-type(11),
#component-request-list .list-table.non-delay-option .easy-table tr td:nth-of-type(11) {
  width: 51px;
  max-width: 51px;
  text-align: center;
}
#component-request-regist .date-area,
#component-request-regist .time-area {
  display: inline-block;
}
#component-request-regist .date-area input,
#component-request-regist .time-area input {
  width: 180px;
  height: 35px;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding-left: 10px;
}
#component-request-regist .date-area .mbsc-comp,
#component-request-regist .time-area .mbsc-comp {
  cursor: pointer;
}
#component-request-regist .data-item.add-height {
  display: flex;
}
#component-request-regist .data-item.add-height.last-line {
  border-bottom: 1px solid #d9d9d9;
}
#component-request-regist .data-item.add-height .data-item-title {
  height: auto !important;
}
#component-request-regist .item-text span form {
  display: inline-block;
}
#component-request-regist .data-item-input + span form {
  display: inline-block;
}
#component-request-regist .operation-area .btnArea span {
  display: table-cell !important;
}
#component-request-edit .date-area,
#component-request-edit .time-area {
  display: inline-block;
}
#component-request-edit .date-area input,
#component-request-edit .time-area input {
  width: 180px;
  height: 35px;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding-left: 10px;
}
#component-request-edit .date-area .mbsc-comp,
#component-request-edit .time-area .mbsc-comp {
  cursor: pointer;
}
#component-request-edit .data-item.add-height {
  display: flex;
}
#component-request-edit .data-item.add-height.last-line {
  border-bottom: 1px solid #d9d9d9;
}
#component-request-edit .data-item.add-height .data-item-title {
  height: auto !important;
}
#component-request-edit .item-text span form {
  display: inline-block;
}
#component-request-edit .data-item-input + span form {
  display: inline-block;
}
#component-request-edit .operation-area .btnArea span {
  display: table-cell !important;
}
.requestBox {
  width: 100%;
  min-width: 1484px;
  background: #cfd6e8;
  border-bottom: 20px solid #0080c0;
}
.requestBox .requestSearchArea {
  width: 1200px;
  padding-top: 20px;
  margin: 0 auto 5px;
}
.requestBox .requestSearchArea .searchBox {
  float: left;
}
.requestBox .requestSearchArea .searchBox p span {
  font-weight: bold;
}
.requestBox .requestSearchArea .searchBox p span:first-child {
  color: #1a5fff;
}
.requestBox .requestSearchArea .searchBox p span:nth-of-type(2) {
  color: #ea9c00;
}
.requestBox .requestSearchArea .searchBox p span:nth-of-type(3) {
  color: #d04d4d;
}
.requestBox .requestSearchArea .searchBox form {
  background: transparent;
  display: block;
}
.requestBox .requestSearchArea .searchBox form .mbsc-input input {
  width: 240px;
  height: 30px;
  float: left;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #fff;
}
.requestBox .requestSearchArea .searchBox form .mbsc-btn-warning {
  display: block;
  padding: 3px 20px;
  border-radius: 8px;
  color: #fff;
  margin: 0;
  margin-top: 10px;
}
.requestBox .requestSearchArea .exBox {
  float: right;
  border-radius: 5px;
  border: 1px solid #bbb;
}
.requestBox .requestSearchArea .exBox .exDetail {
  display: table;
  border-collapse: separate;
  border-spacing: 8px;
}
.requestBox .requestSearchArea .exBox .exDetail div {
  display: table-cell;
}
.requestBox .requestSearchArea .exBox .exDetail div:first-child {
  font-weight: bold;
  color: #434343;
  text-align: center;
}
.requestBox .requestSearchArea .exBox .exDetail div:nth-of-type(2) {
  background: #fff;
  width: 83px;
  height: 47px;
  text-align: center;
  font-weight: bold;
}
.requestBox .requestSearchArea .exBox .exDetail div:nth-of-type(3) {
  position: relative;
  background: #f4fbe6;
  width: 83px;
  height: 47px;
  text-align: center;
  font-weight: bold;
}
.requestBox .requestSearchArea .exBox .exDetail div:nth-of-type(3) span {
  display: block;
  position: absolute;
  left: 5px;
  bottom: 5px;
  width: 76px;
  height: 15px;
  line-height: 15px;
  background: #dff4ba;
  font-weight: normal;
}
.requestBox .requestSearchArea .exBox .exDetail div:nth-of-type(4) {
  vertical-align: bottom;
}
#component-request-time-select .time-area {
  height: 182px;
}
#component-request-time-select .time-area .time-header {
  width: 100%;
  min-width: 1484px;
  background: #f6f7f8;
  height: 84px;
  border-bottom: 1px solid #ddd;
}
#component-request-time-select .time-area .time-header .date-head {
  height: 30px;
  line-height: 30px;
}
#component-request-time-select .time-area .timeAreaInner {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
#component-request-time-select .time-area .timeAreaInner .select-table-left {
  float: left;
  width: 230px;
}
#component-request-time-select .time-area .timeAreaInner .select-table-left .dateInput {
  height: 84px;
}
#component-request-time-select .time-area .timeAreaInner .select-table-left .dateInput .date-select-control.mbsc-control-w.mbsc-input {
  padding: 0;
}
#component-request-time-select .time-area .timeAreaInner .select-table-left .dateInput .date-select-control.mbsc-control-w.mbsc-input .mbsc-btn {
  margin: 0;
  margin-right: 10px;
  width: 20px;
  height: 50px;
  background: transparent;
  border: none;
  color: #3d558c;
}
#component-request-time-select .time-area .timeAreaInner .select-table-left .dateInput .date-select-control.mbsc-control-w.mbsc-input .mbsc-input-wrap {
  width: 170px;
  float: right;
}
#component-request-time-select .time-area .timeAreaInner .select-table-left .dateInput .date-select-control.mbsc-control-w.mbsc-input .mbsc-input-wrap input {
  margin-top: 10px;
  width: 150px;
  height: 28px;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #ffffff;
}
#component-request-time-select .time-area .timeAreaInner .select-table-left .berthTitleArea {
  width: 230px;
  background: #009688;
  color: #fff;
  font-weight: bold;
  margin-top: 10px;
}
#component-request-time-select .time-area .timeAreaInner .select-table-left .berthTitleArea .berthTitle {
  font-size: 18px;
  height: 89px;
  line-height: 89px;
  border-bottom: 1px solid #ddd;
  padding-left: 16px;
}
#component-request-time-select .time-area .timeAreaInner .timeSelect {
  position: relative;
  width: 970px;
  float: left;
}
#component-request-time-select .time-area .slick-slider {
  overflow: hidden;
}
#component-request-time-select .time-area .slick-slider.slick-initialized .slick-list {
  width: 930px;
  float: left;
}
#component-request-time-select .time-area .slick-slider.slick-initialized .slick-list .slick-slide div .time-box {
  outline: none;
}
#component-request-time-select .time-area .slick-slider.slick-initialized .slick-list .slick-slide div h3 {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 5px;
  border-right: 1px solid #ddd;
  height: 54px;
  font-size: 12px;
  line-height: 50px;
}
#component-request-time-select .time-area .slick-slider.slick-initialized .slick-list .slick-slide div .detail-reserve {
  height: 89px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  position: relative;
  text-align: center;
  font-size: 16px;
}
#component-request-time-select .time-area .slick-slider.slick-initialized .slick-list .slick-slide div .detail-reserve:nth-of-type(1) {
  border-top: 1px solid #ddd;
}
#component-request-time-select .time-area .slick-slider.slick-initialized .slick-list .slick-slide div .detail-reserve .mbsc-control.mbsc-btn {
  background: transparent;
  border-color: transparent;
  margin: 0;
  padding: 10px;
  border: none;
  font-family: 'Meiryo UI';
  font-size: 20px;
  color: #333333;
  opacity: 1;
}
#component-request-time-select .time-area .slick-slider.slick-initialized .slick-list .slick-slide div .detail-reserve .mbsc-control.mbsc-btn:disabled {
  cursor: default;
}
#component-request-time-select .time-area .slick-slider.slick-initialized .slick-list .slick-slide div .detail-reserve .status-free-button .mbsc-control.mbsc-btn {
  font-weight: bold;
  color: #1a5fff;
  text-decoration: underline;
}
#component-request-time-select .time-area .slick-slider.slick-initialized .slick-list .slick-slide div .detail-reserve .status-parts-free-button .mbsc-control.mbsc-btn {
  color: #ea9c00;
  text-decoration: underline;
}
#component-request-time-select .time-area .slick-slider.slick-initialized .slick-list .slick-slide div .detail-reserve.status-full-area {
  background: #fecccd;
}
#component-request-time-select .time-area .slick-slider.slick-initialized .slick-list .slick-slide div .detail-reserve.status-full-area .mbsc-control.mbsc-btn {
  font-weight: bold;
  color: #d04d4d;
}
#component-request-time-select .time-area .slick-slider.slick-initialized .slick-list .slick-slide div .detail-reserve.my-data-exist {
  background: #f4fbe6;
}
#component-request-time-select .time-area .slick-slider.slick-initialized .slick-list .slick-slide div .detail-reserve.time-disabled {
  background: #bbbbbb;
}
#component-request-time-select .time-area .slick-slider.slick-initialized .slick-list .slick-slide div .detail-reserve .data-exit-label-area .data-exit-label.mbsc-control.mbsc-btn {
  border: 1px solid #b7db77;
  border-radius: 4px;
  margin: 6px;
  margin-left: 4px;
  margin-right: 4px;
  padding: 0;
  background: #dff4ba;
  color: #6b8044;
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  width: 68px;
  font-weight: initial;
}
#component-request-time-select .time-area .slick-slider.slick-initialized .slick-list .slick-slide div .detail-reserve .data-exit-label-area .data-exit-label.mbsc-control.mbsc-btn .booking-label {
  margin-left: auto;
  margin-right: auto;
}
#component-request-time-select .time-area .slick-slider.slick-initialized .slick-list .slick-slide div .detail-reserve .data-exit-label-area .data-exit-label.mbsc-control.mbsc-btn .booking-label td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#component-request-time-select .time-area .slick-slider.slick-initialized .slick-list .slick-slide div .detail-reserve .data-exit-label-area .data-exit-label.mbsc-control.mbsc-btn .booking-label .booking-count {
  max-width: 30px;
}
#component-request-time-select .time-area .slick-slider.slick-initialized .slick-list .slick-slide div .detail-reserve .data-exit-label-area .data-exit-label.mbsc-control.mbsc-btn .booking-label .unapproved-count {
  max-width: 30px;
}
#component-request-time-select .time-area .slick-prev,
#component-request-time-select .time-area .slick-next {
  transform: unset;
  -webkit-transform: unset;
  position: initial;
  top: unset;
  float: left;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: linear-gradient(#ffffff, #e6e6e6) !important;
  border: 1px solid #cdcdcd;
  border-radius: 3px;
  cursor: pointer;
}
#component-request-time-select .time-area .slick-prev:hover,
#component-request-time-select .time-area .slick-next:hover {
  background: linear-gradient(#ffffff, #e6e6e6);
  border-color: #cdcdcd !important;
}
#component-request-time-select .time-area .slick-prev:before,
#component-request-time-select .time-area .slick-next:before {
  font-family: 'icons_mobiscroll';
  font-size: 12px;
  font-weight: bold;
  line-height: 50px;
  color: #3d558c;
}
#component-request-time-select .time-area .slick-prev:before {
  content: '\eb27';
}
#component-request-time-select .time-area .slick-next:before {
  content: '\eb28';
}
#component-request-time-select .footer-container {
  display: block;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
#component-request-time-select .footer-container .footer-item {
  font-size: 16px;
  float: right;
}
#component-request-time-select .footer-container .footer-item .status-free {
  color: #1a5fff;
  font-weight: bold;
}
#component-request-time-select .footer-container .footer-item .status-parts-free {
  color: #ea9c00;
  font-weight: bold;
}
#component-request-time-select .footer-container .footer-item .status-full {
  color: #d04d4d;
  font-weight: bold;
}
#component-request-time-select .footer-container .footer-item .status-explanation {
  padding-right: 20px;
}
#component-achievement-list {
  background: #ffffff;
  width: 1200px;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
#component-achievement-list .searchArea {
  padding-bottom: 10px;
}
#component-achievement-list .searchArea .search-block {
  height: 100%;
  overflow: hidden;
}
#component-achievement-list .searchArea .search-block .data-item.list-search {
  width: 480px;
}
#component-achievement-list .searchArea .search-block .data-item.list-search .data-item-title {
  width: 130px;
}
#component-achievement-list .searchArea .search-block .data-item.list-search .data-item-title .data-item-title-label {
  width: 130px;
}
#component-achievement-list .searchArea .search-block .data-item.list-search span {
  width: unset;
  height: unset;
  float: unset;
}
#component-achievement-list .searchArea .search-block .mbsc-control-w.mbsc-input {
  width: 480px;
}
#component-achievement-list .searchArea .search-block .mbsc-control-w.mbsc-input .mbsc-label {
  width: 130px;
}
#component-achievement-list .searchArea .searchBtn {
  padding-bottom: 0px;
}
#component-achievement-list .searchArea .outputBtn {
  display: block;
  padding-top: 20px;
  padding-right: 20px;
  float: right;
}
#component-achievement-list .searchArea .outputBtn .mbsc-btn-info {
  margin: 0;
  display: block;
  width: 160px;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  background: #5bc0de;
  border-color: #5bc0de;
}
#component-achievement-list .searchArea .outputBtn .mbsc-btn-info:hover {
  background: #057d9f;
  border-color: #057d9f;
}
#component-achievement-list .move-area {
  height: 40px;
}
#component-achievement-list .move-area .pagerArea {
  height: 40px;
}
#component-achievement-list .table-area {
  margin-bottom: 10px;
}
#component-achievement-list .list-table {
  overflow-x: auto;
  height: 467px;
}
#component-achievement-list .list-table .easy-table {
  display: block;
  width: 4240px;
  margin: 0;
  border: none;
}
#component-achievement-list .list-table .easy-table thead {
  display: block;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  border-top: 1px solid #d9d9d9;
}
#component-achievement-list .list-table .easy-table tbody {
  display: block;
}
#component-achievement-list .list-table .easy-table tr th,
#component-achievement-list .list-table .easy-table tr td {
  display: inline-block;
  line-height: 40px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(1),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(1) {
  width: 70px;
  text-align: center;
  border-left: 1px solid #d9d9d9;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(2),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(2) {
  width: 120px;
  text-align: center;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(3),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(3) {
  width: 100px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(4),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(4) {
  width: 120px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(5),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(5) {
  width: 120px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(6),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(6) {
  width: 120px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(7),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(7) {
  width: 190px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(8),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(8) {
  width: 100px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(9),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(9) {
  width: 100px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(10),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(10) {
  width: 100px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(11),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(11) {
  width: 120px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(12),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(12) {
  width: 120px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(13),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(13) {
  width: 160px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(14),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(14) {
  width: 160px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(15),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(15) {
  width: 160px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(16),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(16) {
  width: 180px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(17),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(17) {
  width: 120px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(18),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(18) {
  width: 120px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(19),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(19) {
  width: 120px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(20),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(20) {
  width: 100px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(21),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(21) {
  width: 100px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(22),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(22) {
  width: 100px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(23),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(23) {
  width: 100px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(24),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(24) {
  width: 160px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(25),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(25) {
  width: 120px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(26),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(26) {
  width: 120px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(27),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(27) {
  width: 120px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(28),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(28) {
  width: 160px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(29),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(29) {
  width: 160px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(30),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(30) {
  width: 120px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(31),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(31) {
  width: 160px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(32),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(32) {
  width: 160px;
}
#component-achievement-list .list-table .easy-table tr th:nth-of-type(33),
#component-achievement-list .list-table .easy-table tr td:nth-of-type(33) {
  width: 160px;
}
#component-achievement-list .list-table.performanceOptionDetail .easy-table {
  display: block;
  width: 2333px;
  margin: 0;
  border: none;
}
#component-achievement-list .list-table.performanceOptionDetail .easy-table thead {
  display: block;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  border-top: 1px solid #d9d9d9;
}
#component-achievement-list .list-table.performanceOptionDetail .easy-table tbody {
  display: block;
}
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr th,
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr td {
  display: inline-block;
  line-height: 40px;
}
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr th:nth-of-type(1),
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr td:nth-of-type(1) {
  width: 70px;
  text-align: center;
  border-left: 1px solid #d9d9d9;
}
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr th:nth-of-type(2),
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr td:nth-of-type(2) {
  width: 71px;
  text-align: center;
}
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr th:nth-of-type(3),
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr td:nth-of-type(3) {
  width: 71px;
  text-align: center;
}
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr th:nth-of-type(4),
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr td:nth-of-type(4) {
  width: 150px;
}
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr th:nth-of-type(5),
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr td:nth-of-type(5) {
  width: 180px;
}
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr th:nth-of-type(6),
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr td:nth-of-type(6) {
  width: 180px;
}
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr th:nth-of-type(7),
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr td:nth-of-type(7) {
  width: 120px;
}
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr th:nth-of-type(8),
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr td:nth-of-type(8) {
  width: 120px;
}
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr th:nth-of-type(9),
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr td:nth-of-type(9) {
  width: 120px;
}
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr th:nth-of-type(10),
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr td:nth-of-type(10) {
  width: 100px;
}
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr th:nth-of-type(11),
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr td:nth-of-type(11) {
  width: 100px;
}
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr th:nth-of-type(12),
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr td:nth-of-type(12) {
  width: 100px;
  text-align: center;
}
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr th:nth-of-type(13),
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr td:nth-of-type(13) {
  width: 100px;
}
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr th:nth-of-type(14),
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr td:nth-of-type(14) {
  width: 120px;
}
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr th:nth-of-type(15),
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr td:nth-of-type(15) {
  width: 120px;
}
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr th:nth-of-type(16),
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr td:nth-of-type(16) {
  width: 120px;
}
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr th:nth-of-type(17),
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr td:nth-of-type(17) {
  width: 249px;
}
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr th:nth-of-type(18),
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr td:nth-of-type(18) {
  width: 120px;
  text-align: center;
}
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr th:nth-of-type(18) button,
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr td:nth-of-type(18) button {
  width: 80px;
}
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr th:nth-of-type(19),
#component-achievement-list .list-table.performanceOptionDetail .easy-table tr td:nth-of-type(19) {
  width: 51px;
  text-align: center;
}
#component-achievement-edit .data-item-table.attached-files .data-item-text .file-row {
  height: 60px;
}
#component-achievement-edit .data-item-table.attached-files .data-item-text .file-row .download-file-name {
  width: 400px;
  line-height: 60px;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#component-achievement-edit .data-item-table.attached-files .data-item-text .file-row .mbsc-btn {
  margin: 0;
  margin-top: 17px;
  width: 100px;
  border-radius: 3px;
  font-size: 12px;
  color: #3d558c;
  background: linear-gradient(#ffffff, #e6e6e6);
  border: 1px solid #999999;
  height: 26px;
  line-height: 22px;
}
#component-achievement-edit .data-item-table.attached-files .data-item-text .file-row .mbsc-btn .mbsc-btn-ic {
  padding-right: 5px;
}
#component-reception-edit .data-item-table .mail-input-item {
  border: 1px solid #ffffff !important;
}
#component-reception-edit .data-item-table.attached-files .data-item-text .file-row {
  height: 60px;
}
#component-reception-edit .data-item-table.attached-files .data-item-text .file-row .download-file-name {
  width: 400px;
  line-height: 60px;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#component-reception-edit .data-item-table.attached-files .data-item-text .file-row .mbsc-btn {
  margin: 0;
  margin-top: 17px;
  width: 100px;
  border-radius: 3px;
  font-size: 12px;
  color: #3d558c;
  background: linear-gradient(#ffffff, #e6e6e6);
  border: 1px solid #999999;
  height: 26px;
  line-height: 22px;
}
#component-reception-edit .data-item-table.attached-files .data-item-text .file-row .mbsc-btn .mbsc-btn-ic {
  padding-right: 5px;
}
#component-congestion-situation-list {
  width: 1200px;
  margin: 0 auto;
  padding: 0;
}
#component-congestion-situation-list .update-area {
  background: #f6f7f8;
  overflow: hidden;
  height: 50px;
}
#component-congestion-situation-list .update-area .mbsc-btn {
  margin: 0;
  margin-top: 8px;
  margin-left: 10px;
  display: block;
  width: 160px;
  border-radius: 5px;
  font-size: 14px;
  float: left;
}
#component-congestion-situation-list .update-area .mbsc-btn.mbsc-btn-info {
  background: #5bc0de;
  border-color: #5bc0de;
}
#component-congestion-situation-list .update-area .mbsc-btn.mbsc-btn-info:hover {
  background: #057d9f;
  border-color: #057d9f !important;
}
#component-congestion-situation-list .update-area .last-update {
  color: #333333;
  font-size: 16px;
  line-height: 50px;
  margin-right: 10px;
  float: right;
}
#component-congestion-situation-list .update-area .last-update .update-label {
  float: left;
}
#component-congestion-situation-list .update-area .last-update .update-time {
  float: left;
}
#component-congestion-situation-list .summary-area {
  overflow: hidden;
  margin-top: 20px;
}
#component-congestion-situation-list .summary-area .summary-row .summary-item {
  width: 380px;
  height: 80px;
  margin-right: 30px;
  font-size: 20px;
  font-weight: bold;
  float: left;
}
#component-congestion-situation-list .summary-area .summary-row .summary-item div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  line-height: 60px;
  padding-left: 5px;
  padding-right: 5px;
}
#component-congestion-situation-list .summary-area .summary-row .summary-item .summary-titel {
  color: #ffffff;
  margin-right: 5px;
  height: 60px;
  width: 135px;
  border-radius: 5px;
  float: left;
}
#component-congestion-situation-list .summary-area .summary-row .summary-item .summary-value {
  height: 60px;
  width: 240px;
  float: right;
}
#component-congestion-situation-list .summary-area .summary-row .summary-item:nth-child(1) .summary-titel {
  background: #3d558c;
}
#component-congestion-situation-list .summary-area .summary-row .summary-item:nth-child(1) .summary-value {
  background: #cfd6e8;
}
#component-congestion-situation-list .summary-area .summary-row .summary-item:nth-child(2) .summary-titel {
  background: #f8b042;
}
#component-congestion-situation-list .summary-area .summary-row .summary-item:nth-child(2) .summary-value {
  background: #ffecb9;
}
#component-congestion-situation-list .summary-area .summary-row .summary-item:nth-child(3) {
  margin-right: 0;
}
#component-congestion-situation-list .summary-area .summary-row .summary-item:nth-child(3) .summary-titel {
  background: #2e7d7d;
}
#component-congestion-situation-list .summary-area .summary-row .summary-item:nth-child(3) .summary-value {
  background: #b2dcdc;
}
#component-congestion-situation-list .situation-area {
  background: #f6f7f8;
  padding: 10px;
}
#component-congestion-situation-list .situation-area .situation-table {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
}
#component-congestion-situation-list .situation-area .situation-table .situation-group {
  display: table-row-group;
}
#component-congestion-situation-list .situation-area .situation-table .situation-row {
  display: table-row;
}
#component-congestion-situation-list .situation-area .situation-table .situation-row div {
  display: table-cell;
  vertical-align: middle;
  border-bottom: 4px #f6f7f8 solid;
  height: 80px;
  padding: 10px;
  font-size: 18px;
  font-weight: bold;
}
#component-congestion-situation-list .situation-area .situation-table .situation-row .berth-category-name {
  width: 180px;
  color: #ffffff;
  font-size: 22px;
  border-radius: 12px;
  text-align: center;
  border-left: 4px #f6f7f8 solid;
  border-right: 4px #f6f7f8 solid;
}
#component-congestion-situation-list .situation-area .situation-table .situation-row .call-number {
  width: 300px;
  border-left: 5px #f6f7f8 solid;
}
#component-congestion-situation-list .situation-area .situation-table .situation-row .wait-number {
  width: 690px;
}
#component-congestion-situation-list .situation-area .situation-table .situation-row:nth-child(1) .berth-category-name {
  background: #3d558c;
}
#component-congestion-situation-list .situation-area .situation-table .situation-row:nth-child(1) .call-number {
  background: #cfd6e8;
}
#component-congestion-situation-list .situation-area .situation-table .situation-row:nth-child(1) .wait-number {
  background: #eff2f9;
}
#component-congestion-situation-list .situation-area .situation-table .situation-row:nth-child(2) .berth-category-name {
  background: #f8b042;
}
#component-congestion-situation-list .situation-area .situation-table .situation-row:nth-child(2) .call-number {
  background: #ffecb9;
}
#component-congestion-situation-list .situation-area .situation-table .situation-row:nth-child(2) .wait-number {
  background: #fff4d8;
}
#component-congestion-situation-list .situation-area .situation-table .situation-row:nth-child(3) .berth-category-name {
  background: #2e7d7d;
}
#component-congestion-situation-list .situation-area .situation-table .situation-row:nth-child(3) .call-number {
  background: #b2dcdc;
}
#component-congestion-situation-list .situation-area .situation-table .situation-row:nth-child(3) .wait-number {
  background: #def3f3;
}
#component-congestion-situation-list .situation-area .situation-table .situation-row.header div {
  height: 70px;
  font-size: 20px;
  font-weight: normal;
}
#component-congestion-situation-list .situation-area .situation-table .situation-row.header .berth-category-name {
  background: transparent;
}
#component-congestion-situation-list .situation-area .situation-table .situation-row.header .call-number {
  background: #ffffff;
}
#component-congestion-situation-list .situation-area .situation-table .situation-row.header .wait-number {
  background: #ffffff;
}
#component-reception-list {
  background: #ffffff;
  width: 1200px;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
#component-reception-list .searchArea {
  padding-bottom: 10px;
}
#component-reception-list .searchArea .mbsc-windows .mbsc-input .mbsc-input-wrap {
  width: 200px;
}
#component-reception-list .searchArea .mbsc-windows .mbsc-input input {
  width: 200px;
}
#component-reception-list .searchArea .mbsc-windows .mbsc-checkbox input:checked + .mbsc-checkbox-box {
  border-color: #5e9d9d;
  background: #5e9d9d;
}
#component-reception-list .searchArea .mbsc-windows .mbsc-checkbox-box {
  border-color: #ccc;
  border-radius: 5px;
  left: 0;
}
#component-reception-list .searchArea .search-block {
  height: 100%;
  overflow: hidden;
}
#component-reception-list .searchArea .search-block .search-multi-select {
  width: 1020px;
  float: left;
  overflow: hidden;
  padding-left: 20px;
  padding-top: 10px;
}
#component-reception-list .searchArea .search-block .search-multi-select .multi-select-title {
  width: 100px;
  line-height: 30px;
  margin-top: 10px;
  float: left;
}
#component-reception-list .searchArea .search-block .search-multi-select .multi-options {
  width: 900px;
  overflow: hidden;
  float: left;
}
#component-reception-list .searchArea .search-block .search-multi-select .multi-options label {
  width: 180px;
  float: left;
  margin-top: 10px;
  margin-right: 10px;
  font-size: 16px;
  padding: 0;
  padding-top: 4px;
  padding-left: 30px;
  padding-bottom: 6px;
}
#component-reception-list .searchArea .search-block .search-multi-select .multi-options label:nth-of-type(9) {
  width: 120px;
}
#component-reception-list .searchArea .searchBtn {
  padding-bottom: 0px;
}
#component-reception-list .searchArea .outputBtn {
  display: block;
  padding-top: 20px;
  padding-right: 20px;
  float: right;
}
#component-reception-list .searchArea .outputBtn .mbsc-btn-info {
  margin: 0;
  display: block;
  width: 160px;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  background: #5bc0de;
  border-color: #5bc0de;
}
#component-reception-list .searchArea .outputBtn .mbsc-btn-info:hover {
  background: #057d9f;
  border-color: #057d9f;
}
#component-reception-list .move-area {
  height: 30px;
}
#component-reception-list .move-area .pagerArea {
  height: 30px;
}
#component-reception-list .table-area {
  margin-bottom: 10px;
}
#component-reception-list .list-table {
  overflow-x: auto;
  height: 467px;
}
#component-reception-list .list-table .easy-table {
  display: block;
  width: 2089px;
  margin: 0;
  border: none;
}
#component-reception-list .list-table .easy-table thead {
  display: block;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  border-top: 1px solid #d9d9d9;
}
#component-reception-list .list-table .easy-table tbody {
  display: block;
}
#component-reception-list .list-table .easy-table tr th,
#component-reception-list .list-table .easy-table tr td {
  display: inline-block;
  line-height: 40px;
}
#component-reception-list .list-table .easy-table tr th .error-thermometer,
#component-reception-list .list-table .easy-table tr td .error-thermometer {
  color: #d04d4d;
  font-weight: bold;
}
#component-reception-list .list-table .easy-table tr th .error-enquete,
#component-reception-list .list-table .easy-table tr td .error-enquete {
  color: #d04d4d;
  font-weight: bold;
}
#component-reception-list .list-table .easy-table tr th:nth-of-type(1),
#component-reception-list .list-table .easy-table tr td:nth-of-type(1) {
  width: 70px;
  text-align: center;
  border-left: 1px solid #d9d9d9;
}
#component-reception-list .list-table .easy-table tr th:nth-of-type(2),
#component-reception-list .list-table .easy-table tr td:nth-of-type(2) {
  width: 71px;
  text-align: center;
}
#component-reception-list .list-table .easy-table tr th:nth-of-type(3),
#component-reception-list .list-table .easy-table tr td:nth-of-type(3) {
  width: 71px;
  text-align: center;
}
#component-reception-list .list-table .easy-table tr th:nth-of-type(4),
#component-reception-list .list-table .easy-table tr td:nth-of-type(4) {
  width: 51px;
  text-align: center;
}
#component-reception-list .list-table .easy-table tr th:nth-of-type(4) button.call-icon,
#component-reception-list .list-table .easy-table tr td:nth-of-type(4) button.call-icon {
  border: none;
  background: transparent;
  width: 30px;
  font-size: 20px;
  color: #ffa035;
}
#component-reception-list .list-table .easy-table tr th:nth-of-type(5),
#component-reception-list .list-table .easy-table tr td:nth-of-type(5) {
  width: 100px;
}
#component-reception-list .list-table .easy-table tr th:nth-of-type(6),
#component-reception-list .list-table .easy-table tr td:nth-of-type(6) {
  width: 100px;
  text-align: center;
}
#component-reception-list .list-table .easy-table tr th:nth-of-type(7),
#component-reception-list .list-table .easy-table tr td:nth-of-type(7) {
  width: 155px;
}
#component-reception-list .list-table .easy-table tr th:nth-of-type(7) button,
#component-reception-list .list-table .easy-table tr td:nth-of-type(7) button {
  width: auto;
  min-width: 80px;
  padding-right: 5px;
  padding-left: 5px;
}
#component-reception-list .list-table .easy-table tr th:nth-of-type(8),
#component-reception-list .list-table .easy-table tr td:nth-of-type(8) {
  width: 160px;
  max-width: 160px;
}
#component-reception-list .list-table .easy-table tr th:nth-of-type(8) .arrival-at,
#component-reception-list .list-table .easy-table tr td:nth-of-type(8) .arrival-at {
  color: #d04d4d;
}
#component-reception-list .list-table .easy-table tr th:nth-of-type(8) .mbsc-ic-material-report-problem,
#component-reception-list .list-table .easy-table tr td:nth-of-type(8) .mbsc-ic-material-report-problem {
  color: #d04d4d;
}
#component-reception-list .list-table .easy-table tr th:nth-of-type(9),
#component-reception-list .list-table .easy-table tr td:nth-of-type(9) {
  width: 120px;
}
#component-reception-list .list-table .easy-table tr th:nth-of-type(10),
#component-reception-list .list-table .easy-table tr td:nth-of-type(10) {
  width: 100px;
}
#component-reception-list .list-table .easy-table tr th:nth-of-type(11),
#component-reception-list .list-table .easy-table tr td:nth-of-type(11) {
  width: 140px;
}
#component-reception-list .list-table .easy-table tr th:nth-of-type(12),
#component-reception-list .list-table .easy-table tr td:nth-of-type(12) {
  width: 180px;
}
#component-reception-list .list-table .easy-table tr th:nth-of-type(13),
#component-reception-list .list-table .easy-table tr td:nth-of-type(13) {
  width: 180px;
}
#component-reception-list .list-table .easy-table tr th:nth-of-type(14),
#component-reception-list .list-table .easy-table tr td:nth-of-type(14) {
  width: 180px;
}
#component-reception-list .list-table .easy-table tr th:nth-of-type(15),
#component-reception-list .list-table .easy-table tr td:nth-of-type(15) {
  width: 180px;
}
#component-reception-list .list-table .easy-table tr th:nth-of-type(16),
#component-reception-list .list-table .easy-table tr td:nth-of-type(16) {
  width: 90px;
  text-align: center;
}
#component-reception-list .list-table .easy-table tr th:nth-of-type(17),
#component-reception-list .list-table .easy-table tr td:nth-of-type(17) {
  width: 90px;
  text-align: center;
}
#component-reception-list .list-table .easy-table tr th:nth-of-type(18),
#component-reception-list .list-table .easy-table tr td:nth-of-type(18) {
  width: 51px;
  text-align: center;
}
#component-reception-list .list-table.non-delay-option .easy-table {
  width: 1929px;
}
#component-reception-list .list-table.non-delay-option .easy-table tr th:nth-of-type(8),
#component-reception-list .list-table.non-delay-option .easy-table tr td:nth-of-type(8) {
  width: 120px;
}
#component-reception-list .list-table.non-delay-option .easy-table tr th:nth-of-type(9),
#component-reception-list .list-table.non-delay-option .easy-table tr td:nth-of-type(9) {
  width: 100px;
}
#component-reception-list .list-table.non-delay-option .easy-table tr th:nth-of-type(10),
#component-reception-list .list-table.non-delay-option .easy-table tr td:nth-of-type(10) {
  width: 140px;
}
#component-reception-list .list-table.non-delay-option .easy-table tr th:nth-of-type(11),
#component-reception-list .list-table.non-delay-option .easy-table tr td:nth-of-type(11) {
  width: 180px;
}
#component-reception-list .list-table.non-delay-option .easy-table tr th:nth-of-type(12),
#component-reception-list .list-table.non-delay-option .easy-table tr td:nth-of-type(12) {
  width: 180px;
}
#component-reception-list .list-table.non-delay-option .easy-table tr th:nth-of-type(13),
#component-reception-list .list-table.non-delay-option .easy-table tr td:nth-of-type(13) {
  width: 180px;
}
#component-reception-list .list-table.non-delay-option .easy-table tr th:nth-of-type(14),
#component-reception-list .list-table.non-delay-option .easy-table tr td:nth-of-type(14) {
  width: 180px;
}
#component-reception-list .list-table.non-delay-option .easy-table tr th:nth-of-type(15),
#component-reception-list .list-table.non-delay-option .easy-table tr td:nth-of-type(15) {
  width: 90px;
  text-align: center;
}
#component-reception-list .list-table.non-delay-option .easy-table tr th:nth-of-type(16),
#component-reception-list .list-table.non-delay-option .easy-table tr td:nth-of-type(16) {
  width: 90px;
  text-align: center;
}
#component-reception-list .list-table.non-delay-option .easy-table tr th:nth-of-type(17),
#component-reception-list .list-table.non-delay-option .easy-table tr td:nth-of-type(17) {
  width: 51px;
  text-align: center;
}
#component-reception-list .list-table.non-thermometer-option .easy-table {
  width: 1999px;
}
#component-reception-list .list-table.non-thermometer-option .easy-table tr th:nth-of-type(16),
#component-reception-list .list-table.non-thermometer-option .easy-table tr td:nth-of-type(16) {
  width: 90px;
  text-align: center;
}
#component-reception-list .list-table.non-thermometer-option .easy-table tr th:nth-of-type(17),
#component-reception-list .list-table.non-thermometer-option .easy-table tr td:nth-of-type(17) {
  width: 51px;
  text-align: center;
}
#component-reception-list .list-table.non-enquete-option .easy-table {
  width: 1999px;
}
#component-reception-list .list-table.non-enquete-option .easy-table tr th:nth-of-type(16),
#component-reception-list .list-table.non-enquete-option .easy-table tr td:nth-of-type(16) {
  width: 90px;
  text-align: center;
}
#component-reception-list .list-table.non-enquete-option .easy-table tr th:nth-of-type(17),
#component-reception-list .list-table.non-enquete-option .easy-table tr td:nth-of-type(17) {
  width: 51px;
  text-align: center;
}
#component-reception-list .list-table.non-delay-option.non-thermometer-option .easy-table {
  width: 1839px;
}
#component-reception-list .list-table.non-delay-option.non-thermometer-option .easy-table tr th:nth-of-type(8),
#component-reception-list .list-table.non-delay-option.non-thermometer-option .easy-table tr td:nth-of-type(8) {
  width: 120px;
}
#component-reception-list .list-table.non-delay-option.non-thermometer-option .easy-table tr th:nth-of-type(9),
#component-reception-list .list-table.non-delay-option.non-thermometer-option .easy-table tr td:nth-of-type(9) {
  width: 100px;
}
#component-reception-list .list-table.non-delay-option.non-thermometer-option .easy-table tr th:nth-of-type(10),
#component-reception-list .list-table.non-delay-option.non-thermometer-option .easy-table tr td:nth-of-type(10) {
  width: 140px;
}
#component-reception-list .list-table.non-delay-option.non-thermometer-option .easy-table tr th:nth-of-type(11),
#component-reception-list .list-table.non-delay-option.non-thermometer-option .easy-table tr td:nth-of-type(11) {
  width: 180px;
}
#component-reception-list .list-table.non-delay-option.non-thermometer-option .easy-table tr th:nth-of-type(12),
#component-reception-list .list-table.non-delay-option.non-thermometer-option .easy-table tr td:nth-of-type(12) {
  width: 180px;
}
#component-reception-list .list-table.non-delay-option.non-thermometer-option .easy-table tr th:nth-of-type(13),
#component-reception-list .list-table.non-delay-option.non-thermometer-option .easy-table tr td:nth-of-type(13) {
  width: 180px;
}
#component-reception-list .list-table.non-delay-option.non-thermometer-option .easy-table tr th:nth-of-type(14),
#component-reception-list .list-table.non-delay-option.non-thermometer-option .easy-table tr td:nth-of-type(14) {
  width: 180px;
}
#component-reception-list .list-table.non-delay-option.non-thermometer-option .easy-table tr th:nth-of-type(15),
#component-reception-list .list-table.non-delay-option.non-thermometer-option .easy-table tr td:nth-of-type(15) {
  width: 90px;
  text-align: center;
}
#component-reception-list .list-table.non-delay-option.non-thermometer-option .easy-table tr th:nth-of-type(16),
#component-reception-list .list-table.non-delay-option.non-thermometer-option .easy-table tr td:nth-of-type(16) {
  width: 51px;
  text-align: center;
}
#component-reception-list .list-table.non-delay-option.non-enquete-option .easy-table {
  width: 1839px;
}
#component-reception-list .list-table.non-delay-option.non-enquete-option .easy-table tr th:nth-of-type(8),
#component-reception-list .list-table.non-delay-option.non-enquete-option .easy-table tr td:nth-of-type(8) {
  width: 120px;
}
#component-reception-list .list-table.non-delay-option.non-enquete-option .easy-table tr th:nth-of-type(9),
#component-reception-list .list-table.non-delay-option.non-enquete-option .easy-table tr td:nth-of-type(9) {
  width: 100px;
}
#component-reception-list .list-table.non-delay-option.non-enquete-option .easy-table tr th:nth-of-type(10),
#component-reception-list .list-table.non-delay-option.non-enquete-option .easy-table tr td:nth-of-type(10) {
  width: 140px;
}
#component-reception-list .list-table.non-delay-option.non-enquete-option .easy-table tr th:nth-of-type(11),
#component-reception-list .list-table.non-delay-option.non-enquete-option .easy-table tr td:nth-of-type(11) {
  width: 180px;
}
#component-reception-list .list-table.non-delay-option.non-enquete-option .easy-table tr th:nth-of-type(12),
#component-reception-list .list-table.non-delay-option.non-enquete-option .easy-table tr td:nth-of-type(12) {
  width: 180px;
}
#component-reception-list .list-table.non-delay-option.non-enquete-option .easy-table tr th:nth-of-type(13),
#component-reception-list .list-table.non-delay-option.non-enquete-option .easy-table tr td:nth-of-type(13) {
  width: 180px;
}
#component-reception-list .list-table.non-delay-option.non-enquete-option .easy-table tr th:nth-of-type(14),
#component-reception-list .list-table.non-delay-option.non-enquete-option .easy-table tr td:nth-of-type(14) {
  width: 180px;
}
#component-reception-list .list-table.non-delay-option.non-enquete-option .easy-table tr th:nth-of-type(15),
#component-reception-list .list-table.non-delay-option.non-enquete-option .easy-table tr td:nth-of-type(15) {
  width: 90px;
  text-align: center;
}
#component-reception-list .list-table.non-delay-option.non-enquete-option .easy-table tr th:nth-of-type(16),
#component-reception-list .list-table.non-delay-option.non-enquete-option .easy-table tr td:nth-of-type(16) {
  width: 51px;
  text-align: center;
}
#component-reception-list .list-table.non-thermometer-option.non-enquete-option .easy-table {
  width: 1909px;
}
#component-reception-list .list-table.non-thermometer-option.non-enquete-option .easy-table tr th:nth-of-type(16),
#component-reception-list .list-table.non-thermometer-option.non-enquete-option .easy-table tr td:nth-of-type(16) {
  width: 51px;
  text-align: center;
}
#component-reception-list .list-table.non-delay-option.non-thermometer-option.non-enquete-option .easy-table {
  width: 1749px;
}
#component-reception-list .list-table.non-delay-option.non-thermometer-option.non-enquete-option .easy-table tr th:nth-of-type(8),
#component-reception-list .list-table.non-delay-option.non-thermometer-option.non-enquete-option .easy-table tr td:nth-of-type(8) {
  width: 120px;
}
#component-reception-list .list-table.non-delay-option.non-thermometer-option.non-enquete-option .easy-table tr th:nth-of-type(9),
#component-reception-list .list-table.non-delay-option.non-thermometer-option.non-enquete-option .easy-table tr td:nth-of-type(9) {
  width: 100px;
}
#component-reception-list .list-table.non-delay-option.non-thermometer-option.non-enquete-option .easy-table tr th:nth-of-type(10),
#component-reception-list .list-table.non-delay-option.non-thermometer-option.non-enquete-option .easy-table tr td:nth-of-type(10) {
  width: 140px;
}
#component-reception-list .list-table.non-delay-option.non-thermometer-option.non-enquete-option .easy-table tr th:nth-of-type(11),
#component-reception-list .list-table.non-delay-option.non-thermometer-option.non-enquete-option .easy-table tr td:nth-of-type(11) {
  width: 180px;
}
#component-reception-list .list-table.non-delay-option.non-thermometer-option.non-enquete-option .easy-table tr th:nth-of-type(12),
#component-reception-list .list-table.non-delay-option.non-thermometer-option.non-enquete-option .easy-table tr td:nth-of-type(12) {
  width: 180px;
}
#component-reception-list .list-table.non-delay-option.non-thermometer-option.non-enquete-option .easy-table tr th:nth-of-type(13),
#component-reception-list .list-table.non-delay-option.non-thermometer-option.non-enquete-option .easy-table tr td:nth-of-type(13) {
  width: 180px;
}
#component-reception-list .list-table.non-delay-option.non-thermometer-option.non-enquete-option .easy-table tr th:nth-of-type(14),
#component-reception-list .list-table.non-delay-option.non-thermometer-option.non-enquete-option .easy-table tr td:nth-of-type(14) {
  width: 180px;
}
#component-reception-list .list-table.non-delay-option.non-thermometer-option.non-enquete-option .easy-table tr th:nth-of-type(15),
#component-reception-list .list-table.non-delay-option.non-thermometer-option.non-enquete-option .easy-table tr td:nth-of-type(15) {
  width: 51px;
  text-align: center;
}
#component-sign-drawing {
  width: 1200px;
  margin: 0 auto;
  padding: 0;
}
#component-sign-drawing .operation-area.sign-input {
  height: 70px;
}
#component-sign-drawing .operation-area.sign-input .mbsc-windows.mbsc-form {
  height: 100%;
}
#component-sign-drawing .operation-area.sign-input .sign-buttons {
  float: right;
}
#component-sign-drawing .operation-area.sign-input .mbsc-btn {
  border-radius: 5px;
  width: 180px;
  margin-top: 16px;
}
#component-sign-drawing .operation-area.sign-input .mbsc-btn.mbsc-btn-outline {
  color: #666;
  border: 1px solid #666;
}
#component-sign-drawing .operation-area.sign-input .mbsc-btn.mbsc-btn-outline.mbsc-active {
  color: #fff;
  background: #666;
}
#component-sign-drawing .operation-area.sign-input .mbsc-btn.mbsc-btn-outline:hover {
  border-color: #666 !important;
}
#component-sign-drawing .operation-area.sign-input .mbsc-btn.clear-button {
  background: transparent;
  color: #d04d4d;
  border: 1px solid #d04d4d;
  margin-right: 60px;
}
#component-sign-drawing .operation-area.sign-input .mbsc-btn.clear-button.mbsc-active {
  color: #fff;
  background: #ff0000;
}
#component-sign-drawing .operation-area.sign-input .mbsc-btn.clear-button:hover {
  color: #fff;
  border-color: #ff0000 !important;
  background: #ff0000;
}
#component-sign-drawing .operation-area.sign-input .mbsc-btn.assign-button {
  background: #3d558c;
  color: #fff;
  border: 1px solid #3d558c;
}
#component-sign-drawing .operation-area.sign-input .mbsc-btn.assign-button.mbsc-active {
  background: #1240ab;
}
#component-sign-drawing .operation-area.sign-input .mbsc-btn.assign-button:hover {
  border-color: #1240ab !important;
  background: #1240ab;
}
#component-work-result-input {
  width: 1200px;
  margin: 0 auto;
  padding: 0 auto;
}
#component-work-result-input .operation-area.working-result {
  height: 70px;
}
#component-work-result-input .operation-area.working-result .mbsc-windows.mbsc-form {
  height: 100%;
}
#component-work-result-input .operation-area.working-result .mbsc-btn {
  border-radius: 5px;
  width: 180px;
  margin-top: 16px;
}
#component-work-result-input .operation-area.working-result .mbsc-btn.mbsc-btn-outline {
  color: #666;
  border: 1px solid #666;
}
#component-work-result-input .operation-area.working-result .mbsc-btn.mbsc-btn-outline.mbsc-active {
  color: #fff;
  background: #666;
}
#component-work-result-input .operation-area.working-result .mbsc-btn.mbsc-btn-outline:hover {
  border-color: #666 !important;
}
#component-work-result-input .work-result-layout {
  background: #fff;
  height: 100%;
}
#component-work-result-input .work-result-layout .item-list {
  margin-bottom: 60px;
  padding: 20px;
  width: 100%;
  height: auto;
  background: #f6f7f8;
}
#component-work-result-input .work-result-layout .item-list .item-list-title {
  width: 380px;
  line-height: 30px;
  font-size: 18px;
  margin-bottom: 20px;
}
#component-work-result-input .work-result-layout .item-list .berth-select-item {
  overflow: hidden;
}
#component-work-result-input .work-result-layout .item-list .berth-select-item .data-item-select-area {
  height: auto;
  width: auto;
}
#component-work-result-input .work-result-layout .item-list .berth-select-item .data-item-select-area .mbsc-comp {
  background-color: #f6f7f8;
}
#component-work-result-input .work-result-layout .item-list .item-list-btn .mbsc-btn {
  margin: 20px;
  width: 180px;
  height: 50px;
  font-size: 16px;
  border: 1px solid #3d558c;
  background: #3d558c;
  color: #fff;
  border-radius: 4px;
}
#component-work-result-input .work-result-layout .item-list .item-list-btn .mbsc-btn.mbsc-active {
  background: #1240ab;
}
#component-work-result-input .work-result-layout .item-list .item-list-btn .mbsc-btn:hover:not(:disabled) {
  background: #1240ab;
}
#component-work-result-input .work-result-layout .item-list .item-list-btn .mbsc-btn.normal-end {
  border: 1px solid #2e7d7d;
  background: #2e7d7d;
}
#component-work-result-input .work-result-layout .item-list .item-list-btn .mbsc-btn.normal-end.mbsc-active {
  border: 1px solid #009999;
  background: #009999;
}
#component-work-result-input .work-result-layout .item-list .item-list-btn .mbsc-btn.normal-end:hover:not(:disabled) {
  border: 1px solid #009999;
  background: #009999;
}
#component-work-result-input .work-result-layout .item-list .item-list-btn .mbsc-btn.error-end {
  border: 1px solid #d04d4d;
  background: #ffffff;
  color: #d04d4d;
}
#component-work-result-input .work-result-layout .item-list .item-list-btn .mbsc-btn.error-end.mbsc-active {
  border: 1px solid #ff0000;
  color: #fff;
  background: #ff0000;
}
#component-work-result-input .work-result-layout .item-list .item-list-btn .mbsc-btn.error-end:hover:not(:disabled) {
  border: 1px solid #ff0000;
  color: #fff;
  background: #ff0000;
}
#component-work-result-input .work-result-layout .item-list .item-list-btn .mbsc-btn:disabled {
  opacity: 0.6;
}
#component-full-empty-list {
  width: 1200px;
  margin: 0 auto;
  padding: 0;
}
#component-full-empty-list .update-area {
  background: #f6f7f8;
  overflow: hidden;
  height: 50px;
}
#component-full-empty-list .update-area .mbsc-btn {
  margin: 0;
  margin-top: 8px;
  margin-left: 10px;
  display: block;
  width: 160px;
  border-radius: 5px;
  font-size: 14px;
  float: left;
}
#component-full-empty-list .update-area .mbsc-btn.mbsc-btn-info {
  background: #5bc0de;
  border-color: #5bc0de;
}
#component-full-empty-list .update-area .mbsc-btn.mbsc-btn-info:hover {
  background: #057d9f;
  border-color: #057d9f !important;
}
#component-full-empty-list .update-area .last-update {
  color: #333333;
  font-size: 16px;
  line-height: 50px;
  margin-right: 10px;
  float: right;
}
#component-full-empty-list .update-area .last-update .update-label {
  float: left;
}
#component-full-empty-list .update-area .last-update .update-time {
  float: left;
}
#component-full-empty-list .situation-area {
  margin-top: 15px;
}
#component-full-empty-list .situation-area .situation-table {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
}
#component-full-empty-list .situation-area .situation-table .berth-area {
  width: 1200px;
  background: #fff4d8;
  padding: 15px 35px;
}
#component-full-empty-list .situation-area .situation-table .berth-area .situation-group {
  display: table-row-group;
}
#component-full-empty-list .situation-area .situation-table .berth-area .situation-group .accordion .accordion__item {
  display: inline-block;
  padding-bottom: 15px;
  padding-right: 10px;
  padding-left: 10px;
  min-width: 550px;
  height: auto;
  vertical-align: top;
}
#component-full-empty-list .situation-area .situation-table .berth-area .situation-group .accordion .accordion__button {
  padding: 5px 10px;
  height: auto;
  background: #f8b042;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
}
#component-full-empty-list .situation-area .situation-table .berth-area .situation-group .accordion .accordion__button:hover {
  background-color: #ffc858;
}
#component-full-empty-list .situation-area .situation-table .berth-area .situation-group .accordion .accordion__button:before {
  display: inline-block;
  content: '';
  height: 10px;
  width: 10px;
  margin-right: 10px;
  margin-bottom: 2px;
  border-bottom: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(-45deg);
}
#component-full-empty-list .situation-area .situation-table .berth-area .situation-group .accordion .accordion__button[aria-expanded='true']::before,
#component-full-empty-list .situation-area .situation-table .berth-area .situation-group .accordion .accordion__button[aria-selected='true']::before {
  transform: rotate(45deg);
  margin-bottom: 4px;
}
#component-full-empty-list .situation-area .situation-table .berth-area .situation-group .accordion .accordion__panel {
  background: #ffffff;
  border-right: 1px #f8b042 solid;
  border-left: 1px #f8b042 solid;
  border-bottom: 1px #f8b042 solid;
  padding: 5px 10px;
}
#component-full-empty-list .situation-area .situation-table .berth-area .situation-group .accordion .accordion__panel .text-group {
  margin-left: 5px;
  margin-right: 5px;
  display: flex;
  justify-content: space-between;
}
#component-full-empty-list .situation-area .situation-table .berth-area .situation-group .accordion .accordion__panel .text-group .berth-name {
  width: 450px;
  display: block;
}
#component-full-empty-list .situation-area .situation-table .berth-area .situation-group .accordion .accordion__panel .text-group .fullempty-box {
  height: 30px;
  width: 30px;
  background: #333333;
}
#component-full-empty-list .situation-area .situation-table .berth-area .situation-group .accordion .accordion__panel .text-group .fullempty-box .fullempty-text {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}
#component-full-empty-list .situation-area .situation-table .berth-area .situation-group .accordion .accordion__panel .text-group .fullempty-box .fullempty-text.full {
  color: #f03926;
}
#component-full-empty-list .situation-area .situation-table .berth-area .situation-group .accordion .accordion__panel .text-group .fullempty-box .fullempty-text.empty {
  color: #96e980;
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#component-message {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  color: #333;
  padding-top: 20px;
}
#component-message .main-message {
  height: 200px;
  line-height: 200px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
#component-message .sub-message {
  height: 100px;
  line-height: 100px;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}
#component-message .mbsc-form {
  text-align: center;
}
#component-message .mbsc-form .mbsc-btn {
  color: #333;
  width: 200px;
  background: #2e7d7d;
  border-color: #2e7d7d;
  border-radius: 5px;
  color: #fff;
}
#component-message .mbsc-form .mbsc-btn:hover {
  background: #009999;
  border-color: #009999 !important;
}