@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600&display=swap");
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  src: url("../font/NotoSansJP-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 600;
  src: url("../font/NotoSansJP-Bold.woff2") format("woff2");
}
/* 共通部分 */
html {
  font-size: 62.5%;
}

html.small-font-size {
  font-size: 62.5%;
}

html.middle-font-size {
  font-size: 75%;
}

html.large-font-size {
  font-size: 87.5%;
}

body {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 1.2rem;
}

.body-container {
  padding-left: 5rem;
  transition: all 0.2s ease-in-out;
  min-width: 1024px;
}
@media (max-width: 480px) {
  .body-container {
    height: 100vh;
    padding-left: 0;
  }
}

.page-edit-voice .body-container {
  min-width: initial;
}

.main-container {
  padding: 2rem;
}
@media (max-width: 1280px) {
  .main-container {
    width: inherit;
  }
}

@media (max-width: 480px) {
  body:not(.login-page, .page-edit-voice) .main-container {
    padding-left: 6rem;
    box-sizing: border-box;
  }
}

.main-container-inline {
  display: inline-block;
}

.main-title-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}

h1 {
  font-size: 2.2rem;
  font-weight: 600;
}

h2 {
  font-size: 1.8rem;
  font-weight: 600;
}

h3 {
  font-size: 1.4rem;
  font-weight: 600;
}

a {
  color: #4f81bd;
  text-decoration: none;
}

a:hover,
a:focus {
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 0.25rem;
  background-color: #4f81bd;
  color: white;
}

button {
  padding: 0;
  background-color: #3f6397;
  color: white;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid lightgray;
  font-family: inherit;
}
button a {
  background-color: inherit;
  color: inherit;
}
button a:hover {
  background-color: inherit;
  color: inherit;
  text-decoration: none;
}
button i {
  margin-right: 0.25rem;
}

button:hover:not([disabled], .hover-none-btn),
button:focus:not([disabled], .hover-none-btn) {
  opacity: 0.8;
  text-shadow: none;
}

input {
  font-size: 1em;
  padding: 0.25rem;
  font-family: inherit;
  box-sizing: border-box;
  border-radius: 0;
  border-width: 1px;
  border-color: gray;
  height: 100%;
  box-sizing: border-box;
}
input:focus {
  outline: 0;
}

input[disabled=view] {
  color: black;
  -webkit-text-fill-color: black;
  opacity: 1;
}

input[type=color] {
  height: 100%;
}

input[type=color]:not([disabled]) {
  background-color: transparent;
  cursor: pointer;
}

input[type=color][list] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
input[type=color][list]::-webkit-color-swatch-wrapper {
  padding: 0.25rem;
}

input[type=date] {
  width: 11rem;
}

input[type=date][disabled]:not([disabled=view]) {
  color: transparent;
}

input[type=date][disabled]::-webkit-calendar-picker-indicator {
  display: none;
}

input[type=date]:not([disabled]) {
  background-color: white;
}

input[type=time] {
  width: 7.5rem;
}

input[type=time][disabled][value=""] {
  color: transparent;
}

select {
  height: 100%;
  font-size: 1em;
  padding: 0 0.5rem;
  cursor: pointer;
  font-family: inherit;
  box-sizing: border-box;
  background-color: white;
  border-radius: 0;
}

select[disabled=view] {
  color: black;
  -webkit-text-fill-color: black;
  opacity: 1;
}

textarea {
  padding: 0.5rem;
  font-family: inherit;
  box-sizing: border-box;
}

label {
  display: flex;
  align-items: center;
  padding: 0 0.5rem;
  gap: 0.5rem;
  cursor: pointer;
}
label input[type=radio] {
  transform: translateY(-1px);
  cursor: pointer;
}

:focus,
:focus-visible {
  outline: #6a6a6a auto 1px;
}

input:not([disabled]):hover,
input:not([disabled]):focus,
select:not([disabled]):hover,
select:not([disabled]):focus,
textarea:not([disabled]):hover,
textarea:not([disabled]):focus,
label:not([disabled]):hover,
label:not([disabled]):focus {
  background-color: #e7f4f4;
}

button[disabled] {
  background-color: #ccc;
}

select[disabled] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

[disabled] {
  background-color: #eee;
  cursor: auto;
  pointer-events: none;
}

[disabled=view] {
  background-color: inherit;
  color: inherit;
  cursor: auto;
}

[disabled].no-edit {
  background-color: inherit;
  color: black;
  -webkit-text-fill-color: black;
  opacity: 1;
}

table {
  height: 1px;
}

table tr {
  height: 2.5rem;
}

table th {
  padding: 0 0.5rem;
  vertical-align: middle;
  background-color: #ddecfa;
  position: relative;
  border: 1px solid gray;
}

table th.hidden-cell {
  visibility: hidden;
  border: 0;
}

table td {
  height: 1px;
  vertical-align: middle;
  border: 1px solid gray;
}

table td.hidden-cell {
  border: 0;
  visibility: hidden;
}

table label {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}

table input {
  width: 100%;
  height: 100%;
  padding: 0 0.5rem;
  margin: 0;
  border: 0;
  box-sizing: border-box;
}

table input[type=checkbox] {
  width: 1.6rem;
  height: 1.6rem;
  cursor: pointer;
}

table select {
  width: 100%;
  height: 100%;
  border: 0;
}

table button {
  width: 100%;
  height: 100%;
  border: 0;
}

table tfoot td {
  border-top: 0;
}

.table-cell-inner-flex {
  display: flex;
  height: 100%;
}

.reference-table-container table th:not(.edit-table-title) {
  background-color: #ececec;
}

dl dt {
  display: flex;
  align-items: center;
  background-color: #ddecfa;
  border: 1px solid gray;
  border-right: 0;
  font-weight: 600;
  padding: 0 0.25rem;
}

dl dd {
  border: 1px solid gray;
}

.border-top-none {
  border-top: 0;
}

.border-bottom-none {
  border-bottom: 0;
}

.text-right {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.ipt-count {
  text-align: right;
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}

.saturday-text {
  color: #6781c0;
}

.sunday-text {
  color: #cc7979;
}

.search-section {
  display: flex;
  flex-direction: column;
}

.search-list {
  display: flex;
  flex-wrap: wrap;
}
.search-list.search-list-short dt {
  width: inherit;
  padding: 0 0.25rem;
}
.search-list.search-list-short .search-from-to-container dd input:nth-of-type(2), .search-list.search-list-short .search-from-to-container dd input:nth-of-type(4) {
  width: 12rem;
}

.search-list > div {
  display: flex;
  height: 2.5rem;
  margin: 0.5rem;
  margin-left: 0;
}

.search-list .search-list-break-wrap {
  width: 100%;
  height: 0;
  margin: 0;
}

.search-list > div.search-list-short-container {
  min-width: inherit;
  max-width: inherit;
  width: inherit;
}

.search-list dt {
  width: 8rem;
  text-align: center;
  padding: 0.25rem;
}

.search-list dd {
  display: flex;
  flex: 1;
  border: 0;
}

.search-list dd.search-list-label-container {
  border: 1px solid gray;
}

.search-list dd input {
  width: 100%;
}

.search-list dd label {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0.25rem 0.5rem;
  white-space: pre;
}

.search-list select {
  border: 1px solid gray;
}

.search-list-cd-nm-container {
  display: flex;
}

.search-list-cd-nm-container input:first-of-type {
  width: 6.5rem;
}

.search-list-cd-nm-container input:last-of-type {
  border: 1px solid gray;
  border-left: 0;
}

button.search-list-result-btn {
  width: 100%;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  margin-bottom: 0.5rem;
  font-size: calc(1em + 0.2rem);
  border: 1px solid gray;
}
button.search-list-result-btn::before {
  content: "\f002";
  font-family: "Font Awesome 6 Free";
  font-size: calc(1em - 0.2rem);
  margin-right: 0.25rem;
  margin-top: 0.1rem;
}

.search-list-result-btn {
  background-color: #6caba7;
  color: #ffffff;
}

@media print {
  .search-list-result-btn {
    display: none;
  }
}
.change-back-color {
  background-color: #f6ebe5;
}
.change-back-color input:not([disabled]), .change-back-color select:not([disabled]), .change-back-color label:not([disabled]) {
  background-color: transparent !important;
}
.change-back-color textarea:not([disabled]) {
  background-color: #f6ebe5;
}

.page-footer-btn-container {
  display: flex;
  justify-content: space-between;
}
.page-footer-btn-container > div:nth-of-type(2) {
  text-align: right;
}
.page-footer-btn-container button {
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  font-size: calc(1em + 0.4rem);
}
.page-footer-btn-container button i {
  font-size: calc(1em + 0.2rem);
  margin-top: -0.2rem;
}

.page-footer-btn {
  padding: 1rem 4rem;
}

.page-btn-container {
  white-space: nowrap;
  margin-top: -0.5rem;
}
.page-btn-container button {
  padding: 0.5rem 1rem;
  font-size: calc(1em + 0.4rem);
}

.search-btn {
  min-width: 2.5rem;
  max-width: 2.5rem;
  height: 100%;
  border: 0;
}
.search-btn::after {
  content: "\f002";
  font-family: "Font Awesome 6 Free";
}

.search-from-to-container.code-length-4 input:nth-of-type(1), .search-from-to-container.code-length-4 input:nth-of-type(3) {
  width: 5rem;
}
.search-from-to-container.code-length-6 input:nth-of-type(1), .search-from-to-container.code-length-6 input:nth-of-type(3) {
  width: 6.5rem;
}
.search-from-to-container.code-length-8 input:nth-of-type(1), .search-from-to-container.code-length-8 input:nth-of-type(3) {
  width: 8rem;
}
.search-from-to-container input:nth-of-type(2), .search-from-to-container input:nth-of-type(4) {
  width: 100%;
  flex: 1;
}
.search-from-to-container input {
  border: 1px solid gray;
  border-left: 0;
}

.separate-container {
  width: 2rem;
  padding: 0 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.separate-container.zero-padding {
  padding: 0;
}

.js-dispatch-draggable {
  cursor: grab;
  z-index: 1;
}
.js-dispatch-draggable [disabled=view] {
  cursor: grab;
}

.js-dispatch-draggable:active,
.js-dispatch-draggable-ghost {
  cursor: grabbing;
  z-index: 18000;
}

.js-dispatch-draggable-ghost.js-dispatch-draggable-ghost-pointer {
  border-radius: 50%;
  width: 4rem !important;
  height: 4rem !important;
  margin-top: -2rem;
  margin-left: -2rem;
  background-color: #73cef6;
  opacity: 0.6;
}
.js-dispatch-draggable-ghost.js-dispatch-draggable-ghost-pointer * {
  display: none !important;
}

.js-dispatch-drop-enter {
  background-color: #eaf5ff !important;
  outline: 4px solid #84b6f5;
  position: relative;
  outline-offset: 0;
  z-index: 4000;
}

.layer,
.layer-content {
  display: none;
  position: absolute;
  padding: 3rem 2rem 2rem;
  border-width: 2px;
  border-style: solid;
  border-radius: 6px;
  z-index: 11000;
  background-color: white;
  box-shadow: 4px 6px 8px 8px rgba(80, 80, 80, 0.2);
  border-color: #aaa;
  opacity: 0;
  transition: opacity 0.2s;
  pointer-events: none;
  overflow: hidden;
  resize: auto;
}
.layer.layer-content,
.layer-content.layer-content {
  padding: 0;
}
.layer.open,
.layer-content.open {
  display: flex;
  flex-direction: column;
  opacity: 1;
  pointer-events: inherit;
}

.layer-header-container {
  width: 100%;
  height: 3rem;
  display: flex;
  background-color: #3a477b;
  color: #111;
}
.layer-header-container .layer-header-title {
  display: flex;
  align-items: center;
  flex: 1;
  padding: 0.25rem 0.5rem;
  margin-bottom: 0;
  cursor: pointer;
  color: white;
}
.layer-header-container .layer-header-title:active {
  cursor: grab;
}

.layer-body-container {
  height: calc(100% - 3rem);
  padding: 1rem;
  overflow-x: auto;
}
.layer-body-container h3 {
  margin-bottom: 0.5rem;
}

.layer-close-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  width: 3rem;
  height: 3rem;
  background-color: transparent;
  color: #ffffff;
}
.layer-close-btn:hover {
  opacity: 0.8;
  background-color: #d02121;
}
.layer-close-btn i {
  font-size: calc(1em + 0.6rem);
}

.layer-search {
  height: 40rem;
}
.layer-search h3 {
  margin-bottom: 0.25rem;
}
.layer-search .layer-body-container {
  display: flex;
  flex-direction: column;
}

.layer-search-request-table {
  margin-bottom: 1.5rem;
}

.layer-search-result-table-container {
  max-height: 26.5rem;
  overflow-y: scroll;
  border: 1px solid gray;
}

.layer-search-result-table {
  width: 100%;
  table-layout: auto;
}
.layer-search-result-table thead {
  position: sticky;
  top: 0;
}
.layer-search-result-table thead th {
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: gray;
}
.layer-search-result-table thead th::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-bottom: 1px solid gray;
}
.layer-search-result-table tbody tr td:first-of-type {
  border-left: 0;
}
.layer-search-result-table tbody tr:first-of-type td {
  border-top: 0;
}
.layer-search-result-table tbody tr:last-of-type td {
  border-bottom: 0;
}
.layer-search-result-table tbody tr:focus,
.layer-search-result-table tbody tr:hover {
  background-color: #e7f4f4;
  cursor: pointer;
  outline: 0;
}

.layer-search-request-cd-8 {
  width: 7.5rem;
}

.layer-search-cd {
  width: 7.5rem;
}

.layer-search-radio-box-container {
  display: flex;
}
.layer-search-radio-box-container label {
  flex-grow: 1;
  white-space: nowrap;
}
.layer-search-radio-box-container label input[type=radio] {
  width: 1.25rem;
  margin-top: 0.5rem;
}

.layer-result-record-message {
  font-weight: 600;
  text-align: right;
  margin-top: 1rem;
}

.overlay {
  display: none;
  position: fixed;
  inset: 0;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 10000;
}
.overlay.open {
  display: block;
}

.layer-description {
  padding: 0.5rem;
  line-height: 1.5;
  box-shadow: 2px 2px 4px rgba(80, 80, 80, 0.2);
}

.protect-element {
  pointer-events: none;
}

.unprotect-element {
  pointer-events: auto;
}

.list-print-header-container {
  display: none;
}

.form-overlay {
  z-index: 8000;
}

.edit-form-layer {
  position: fixed;
  top: 8rem;
  left: 8rem;
  width: calc(100vw - 16rem);
  max-height: calc(100vh - 16rem);
  padding: 0;
  z-index: 9000;
}

.edit-form-container {
  flex: 1;
  padding: 2rem;
  overflow-y: scroll;
}

.edit-form-list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 2rem;
}

.edit-form-list .search-btn {
  width: 3.5rem;
  max-width: 3.5rem;
}

.edit-form-list > div {
  display: flex;
  font-size: calc(1em + 0.4rem);
  height: 3.5rem;
}

.edit-form-list dt {
  width: 16vw;
  min-width: 20rem;
  background-color: transparent;
  border: 0;
}

.edit-form-list dd {
  flex: 1;
  display: flex;
}

.edit-form-list dd input,
.edit-form-list dd select {
  width: 100%;
  padding: 0.25rem 0.5rem;
  border: 0;
}

dd.edit-form-color-container {
  flex: initial;
  width: 10rem;
}

dd.edit-form-checkbox-container {
  width: 4rem;
  justify-content: center;
  flex: none;
}
dd.edit-form-checkbox-container label {
  justify-content: center;
  flex: 1;
  padding: 0;
}
dd.edit-form-checkbox-container input[type=checkbox] {
  width: 50%;
  height: 60%;
}

.edit-form-auto-number-btn {
  width: 10rem;
  border: 0;
}

.edit-form-footer-btn-container {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
}
.edit-form-footer-btn-container div {
  display: flex;
  gap: 1rem;
}
.edit-form-footer-btn-container button {
  padding: 0.5rem 1rem;
  font-size: calc(1em + 0.4rem);
}

.list-table-container {
  width: 100%;
  max-height: calc(100vh - 12rem);
  display: inline-flex;
  overflow-y: scroll;
  border: 1px solid gray;
}
.list-table-container.list-user-table-container, .list-table-container.list-vehicle-table-container {
  max-height: calc(100vh - 19rem);
}
.list-table-container table {
  width: 100%;
}
.list-table-container table thead th {
  position: sticky;
  top: 0;
}
.list-table-container table thead th::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-bottom: 1px solid gray;
}
.list-table-container table thead tr:first-of-type th {
  border-top: 0;
}
.list-table-container table thead tr:last-of-type th,
.list-table-container table tbody tr:last-of-type td {
  border-bottom: 0;
}
.list-table-container table thead tr th:first-of-type,
.list-table-container table tbody tr td:first-of-type {
  border-left: 0;
}
.list-table-container table tbody tr:hover {
  background-color: #e7f4f4;
}
.list-table-container table tbody tr:hover * {
  cursor: pointer !important;
}
.list-table-container table .list-table-cd {
  width: 8rem;
}
.list-table-container table .list-table-short-nm {
  width: 8rem;
}
.list-table-container table .list-table-time {
  width: 8rem;
}
.list-table-container table .list-table-color {
  width: 10rem;
}
.list-table-container table .list-table-select {
  width: 12rem;
}
.list-table-container table .list-table-checkbox-container {
  width: 6rem;
  text-align: center;
}
.list-table-container table .list-table-checkbox-container label {
  pointer-events: none;
}

div.edit-user-password-layer {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  width: 40rem;
  z-index: 13000;
}

.edit-user-password-overlay {
  z-index: 13000;
}

.edit-user-password-container {
  padding: 1rem;
}

.edit-user-password-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
}

.edit-user-password-list > div {
  display: flex;
  font-size: calc(1em + 0.2rem);
  height: 3rem;
}

.edit-user-password-list dt {
  width: 14rem;
}

.edit-user-password-list dd {
  flex: 1;
}

.edit-user-password-list dd input {
  width: 100%;
  outline: 0;
  border: 0;
}

.edit-user-password-footer-btn-container {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
}
.edit-user-password-footer-btn-container div {
  display: flex;
  gap: 1rem;
}
.edit-user-password-footer-btn-container button {
  padding: 0.5rem 1rem;
  font-size: calc(1em + 0.4rem);
}

/* print css 関連 */
.list-print-header-container {
  display: flex !important;
  justify-content: space-between !important;
  margin-bottom: 2mm !important;
}

.print-origin-container {
  display: none !important;
}

.print-container {
  display: block !important;
  max-height: inherit !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  border: 0 !important;
}

.print-container:not(:last-of-type) {
  page-break-after: always;
}

body:not(.page-list-transport) .print-container th,
body:not(.page-list-transport) .print-container td {
  border: 1px solid gray !important;
}

.export-condition-form-layer {
  position: fixed;
  width: 80rem;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0;
  inset: 0;
  margin: auto;
  z-index: 9000;
}

.export-condition-form-container {
  flex: 1;
  padding: 2rem;
}

.export-condition-form-list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 4rem;
}

.export-condition-form-list .search-btn {
  min-width: 3rem;
  max-width: 3rem;
}

.export-condition-form-list > div {
  display: flex;
  font-size: calc(1em + 0.4rem);
  height: 3rem;
}

.export-condition-form-list dt {
  min-width: 16rem;
  max-width: 16rem;
  background-color: transparent;
  border: 0;
}

.export-condition-form-list dd {
  display: flex;
  border: 0;
}
.export-condition-form-list dd label {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0.25rem 0.5rem;
  white-space: pre;
}

.export-condition-form-list dd input {
  border: 1px solid gray;
  width: 100%;
  padding: 0.25rem 0.5rem;
}

.export-condition-form-list dd input[type=tel] {
  width: 8.5rem;
}

.export-condition-form-list dd input[type=text] {
  margin-left: -1px;
}

dd.export-condition-form-color-container {
  flex: initial;
  width: 10rem;
}

dd.export-condition-form-checkbox-container {
  width: 4rem;
  justify-content: center;
  flex: none;
}
dd.export-condition-form-checkbox-container label {
  justify-content: center;
  flex: 1;
  padding: 0;
}
dd.export-condition-form-checkbox-container input[type=checkbox] {
  width: 50%;
  height: 60%;
}

.export-condition-form-footer-btn-container {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
}
.export-condition-form-footer-btn-container div {
  display: flex;
  gap: 1rem;
}
.export-condition-form-footer-btn-container button {
  padding: 0.5rem 1rem;
  font-size: calc(1em + 0.4rem);
}

/* media query print css */
@media print {
  body {
    -moz-column-break-inside: avoid !important;
         break-inside: avoid !important;
    zoom: 1 !important;
    print-color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
  }
  nav {
    display: none !important;
  }
  header {
    display: none !important;
  }
  .body-container {
    padding-left: 0 !important;
  }
  .page-btn-container {
    display: none !important;
  }
  .page-footer-btn-container {
    display: none !important;
  }
  .list-print-header-container {
    display: flex !important;
    justify-content: space-between !important;
    margin-bottom: 2mm !important;
  }
  .layer-description.open {
    display: none !important;
  }
  .print-origin-container {
    display: none !important;
  }
  .list-arrange-search-list {
    display: none !important;
  }
}
header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 4rem;
  border-bottom: 1px solid gray;
  background-color: #2d4972;
  padding-left: 0;
}

header > div {
  display: flex;
}

.header-btn {
  background-color: transparent;
  width: 4rem;
  height: 4rem;
  font-size: 1.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  border: 0;
  opacity: 1 !important;
  outline: 0 !important;
}

.header-btn:hover {
  background-color: white;
  color: #2d4972;
  border: 1px solid #2d4972;
}

.open-menu-btn::after {
  font-family: "Font Awesome 6 Free";
  content: "\f0c9";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.side-nav-hover .open-menu-btn::after,
.side-nav-open .open-menu-btn::after {
  content: "\f100";
}

.side-nav-open .body-container header,
.side-nav-hover .body-container header {
  padding-left: 18rem;
}

.side-nav {
  max-width: 5rem;
  height: 100vh;
  border-right: 1px solid lightgray;
  transition: all 0.2s ease-in-out;
  position: fixed;
  background-color: white;
  z-index: 7000;
}

.side-nav-inner-container {
  height: 100%;
  overflow: hidden;
}

.side-nav-open .side-nav,
.side-nav-hover .side-nav {
  max-width: 23rem;
}

.side-nav h1 {
  display: flex;
  height: 4rem;
  line-height: 4.5rem;
}

.side-nav img {
  width: 5rem;
  height: 100%;
  padding: 0 0.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.side-nav h1 span {
  font-size: 1.4rem;
  font-weight: 600;
  color: #222;
  overflow: hidden;
}

.side-nav-list {
  width: 23rem;
}

.side-nav-detail-title {
  display: inline-block;
  width: 100%;
  padding: 1rem 0;
  font-size: 1.6rem;
  box-sizing: border-box;
  position: relative;
}

.side-nav-detail-title.arrow::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  content: "\f105";
  position: absolute;
  right: 2rem;
  font-size: 1.8rem;
  transition: all 0.2s ease-in-out;
}

.side-nav-detail-title.arrow-up-right::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  content: "\f35d";
  position: absolute;
  right: 2rem;
  font-size: 1.8rem;
  transition: all 0.2s ease-in-out;
}

.open-detail-list .side-nav-detail-title.arrow::after {
  transform: rotate(90deg);
}

.side-nav-detail-title i {
  width: 5rem;
  text-align: center;
}

.side-nav-detail-list > li {
  height: 3rem;
  max-height: 0;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}

.side-nav-detail-list > li > a {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 5rem;
  font-size: 1.4rem;
}

.open-detail-list .side-nav-detail-list > li {
  max-height: 3rem;
}

.side-nav-open-menu-btn-container {
  position: absolute;
  top: 0;
  right: calc(0px - 4rem);
  width: 4rem;
}

.side-nav-overlay {
  z-index: 6000;
}

dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 20rem;
  margin: 0;
  padding: 2rem;
  border-radius: 0.5rem;
  box-shadow: 2px 4px 8px 2px rgba(80, 80, 80, 0.4);
  border: 0;
  outline: 0 !important;
}

dialog form {
  text-align: right;
}

dialog p {
  text-align: left;
  line-height: 1.6;
  font-size: 1.6rem;
}

dialog button {
  margin-top: 2rem;
  padding: 0.75rem 3rem;
  text-align: center;
  box-shadow: 0 1px 2px 0 rgba(80, 80, 80, 0.2);
}

.normal-dialog {
  z-index: 14000;
}

.check-dialog {
  min-width: 32rem;
  z-index: 15000;
}

.confirm-dialog {
  z-index: 16000;
}

.loading-dialog {
  text-align: center;
  z-index: 17000;
}

.loading-dialog img {
  width: 10rem;
  height: 10rem;
}

.loading-dialog p {
  color: #828b90;
  text-align: center;
}

.dialog-apply-btn {
  background-color: #517ea9;
  color: white;
}

.dialog-cancel-btn {
  background-color: #c46262;
  color: white;
}

.dialog-message-container {
  max-height: 60vh;
  overflow-y: auto;
}
.dialog-message-container a {
  text-decoration: none;
  padding: 0 0.25rem;
}

.layer-unit-price-history {
  position: fixed;
  inset: 0;
  margin: auto;
  width: 800px;
  max-height: 80vh;
}

.layer-unit-price-history-search-table {
  margin-bottom: 1rem;
}

.layer-unit-price-history-search-table-item-cd {
  width: 7rem;
  text-align: center;
}

.layer-unit-price-history-table-container {
  overflow-y: scroll;
  border: 1px solid gray;
  max-height: calc(100% - 8rem);
}

.layer-unit-price-history-table thead th {
  border-top: 0;
}
.layer-unit-price-history-table thead tr th:first-of-type {
  border-left: 0;
}
.layer-unit-price-history-table tbody tr:first-of-type td {
  border-top: 1px solid gray;
}
.layer-unit-price-history-table tbody tr td:first-of-type {
  border-left: 0;
}
.layer-unit-price-history-table tbody tr:last-of-type td {
  border-bottom: 0;
}

.layer-unit-price-history-table tbody tr {
  outline: none;
}
.layer-unit-price-history-table tbody tr:hover {
  background-color: #e7f4f4;
  cursor: pointer;
}

.layer-unit-price-history-issue-slip-date {
  width: 8rem;
}

.layer-unit-price-history-driveid-drive-header-no {
  width: 10rem;
}
.layer-unit-price-history-driveid-drive-header-no input:first-of-type {
  padding-right: 0;
}
.layer-unit-price-history-driveid-drive-header-no input:last-of-type {
  padding-left: 0;
}

.layer-unit-price-history-drive-detailid {
  width: 4rem;
}
.layer-unit-price-history-drive-detailid input {
  text-align: center;
}

.layer-unit-price-history-billing-nm {
  width: 14rem;
}

.layer-unit-price-history-fare-departure-area-nm {
  width: 14rem;
}

.layer-unit-price-history-fare-arrival-area-nm {
  width: 14rem;
}

.layer-unit-price-history-fare-unit-price {
  width: 14rem;
}

.login-page {
  background-color: #f5f5f5;
}

.login-header-container {
  display: flex;
  justify-content: center;
  padding: 4rem 0 2rem;
}

.login-title-container {
  display: flex;
  text-align: center;
  flex-direction: column;
  gap: 1rem 0;
  align-items: center;
}

.login-title-container img {
  width: 10rem;
}

.login-title-sub {
  font-size: calc(1em - 0.8rem);
}

.login-title-sub div span {
  color: #02929c;
}

.login-system-version {
  font-size: 0.8rem;
}

.login-content-container {
  display: flex;
  justify-content: center;
}

.login-form-container {
  display: flex;
  flex-direction: column;
  padding: 2rem 2rem 1rem;
  background: white;
  border-radius: 5px;
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
}

.login-form-container dl {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}

.login-form-container dl div {
  display: flex;
}

.login-form-container dl div:first-of-type {
  margin-bottom: 1rem;
}

.login-form-container dt {
  display: flex;
  align-items: center;
  width: 12rem;
  padding: 0.25rem 1rem;
  background-color: lightgray;
  font-size: 1.6rem;
}

.login-form-container dd {
  flex: 1;
}

.login-form-container dd input {
  padding: 0.75rem 0.5rem;
  border: 0;
}

.login-btn {
  padding: 0.5rem 0;
  background-color: #2d4972;
  color: white;
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
  border: 1px solid gray;
}

.is-auto-login-container label {
  padding: 0.5rem;
}
.is-auto-login-container input[type=checkbox] {
  margin: 0;
  margin-top: 0.25rem;
}

.logout-page {
  background-color: #f8f8f8;
}

.logout-message-container {
  text-align: center;
  margin-top: 2em;
}

.logout-message {
  display: inline-block;
  border-bottom: 4px solid #2d4972;
  padding-bottom: 0.25rem;
  margin-bottom: 1em;
}

.logout-relogin-message {
  font-weight: 600;
}
.logout-relogin-message a {
  padding: 0.25rem 0.5rem;
}

.logout-auto-login-off-container {
  width: 48rem;
  margin: auto;
  margin-top: 4rem;
}

.logout-auto-login-off-message {
  margin: 2rem;
  font-weight: 600;
  line-height: 1.4;
  font-size: 1.4rem;
}

.logout-auto-login-off-btn {
  margin-bottom: 2rem;
  font-size: 1.4rem;
  padding: 1rem;
  background-color: #2d4972;
  color: white;
}

.logout-auto-login-off-btn:hover {
  opacity: 0.8;
}

.edit-dispatch-container {
  display: flex;
  gap: 10rem;
}

.edit-dispatch-section {
  width: 100%;
}

.edit-dispatch-control-container button {
  padding: 0.5rem 1rem;
  font-size: calc(1em + 0.4rem);
  margin-right: 1rem;
}

.edit-dispatch-search-list-dispatch-groupid dd {
  border: 1px solid gray;
}

.edit-dispatch-table-description-text {
  display: flex;
  gap: 2rem;
  padding-left: 0.25rem;
  margin-bottom: 0.5rem;
}
.edit-dispatch-table-description-text span {
  position: relative;
}
.edit-dispatch-table-description-text span::after {
  content: "";
  width: 1rem;
  height: 1rem;
  display: block;
  position: absolute;
  top: 50%;
  right: -1.25rem;
  transform: translateY(-50%);
}
.edit-dispatch-table-description-text .edit-dispatch-table-description-text-not-dispatch::after {
  background-color: #d24848;
}
.edit-dispatch-table-description-text .edit-dispatch-table-description-text-not-report::after {
  background-color: #6a94cf;
}
.edit-dispatch-table-description-text .edit-dispatch-table-description-text-not-sale {
  display: none;
}
.edit-dispatch-table-description-text .edit-dispatch-table-description-text-not-sale::after {
  background-color: #84d5be;
}

.edit-dispatch-table-container {
  display: inline-flex;
  max-width: 100%;
  max-height: calc(100vh - 22rem);
  overflow: scroll;
  border: 1px solid gray;
}

.edit-dispatch-table {
  overflow: clip;
}

.edit-dispatch-table thead th {
  position: sticky;
  top: 0;
  z-index: 1000;
  border-top: 0;
  border-bottom: 0;
}

.edit-dispatch-table thead th.edit-dispatch-table-header-vehicle-cd {
  left: 0;
  z-index: 3000;
}

.edit-dispatch-table tr th:first-of-type {
  border-left: 0;
}

.edit-dispatch-table tbody tr:first-of-type th,
.edit-dispatch-table tbody tr:first-of-type td {
  border-top: 0;
}

.edit-dispatch-table thead th::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
}

.edit-dispatch-table tbody th {
  line-height: 1.5;
  font-size: calc(1em - 0.2rem);
}
.edit-dispatch-table tbody th.edit-dispatch-table-header-vehicle-cd {
  height: 9rem;
  padding-top: 1.25rem;
}

.edit-dispatch-table tbody th::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
}

.edit-dispatch-table-header-vehicle-cd {
  width: 7rem;
  min-width: 7rem;
}

.edit-dispatch-table-header-drive-date {
  min-width: 11rem;
}

.edit-dispatch-table-bodyhead-is-own-vehicle {
  position: absolute;
  top: 0.5rem;
  text-align: left;
  font-size: calc(1em + 0.2rem);
}

.edit-dispatch-table-header-vehicle-cd div {
  width: 7rem;
  min-width: 7rem;
  white-space: nowrap;
  overflow: hidden;
}

.edit-dispatch-table tbody td {
  position: relative;
  vertical-align: top;
  text-align: right;
  padding-bottom: 2rem;
}

.edit-dispatch-table tbody tr th:first-of-type {
  position: sticky;
  left: 0;
  z-index: 2000;
}

.edit-dispatch-add-drive-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 2rem;
}

.edit-dispatch-card {
  width: 10rem;
  display: flex;
  flex-direction: column;
  height: 7.25rem;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
  border-width: 4px 1px 1px;
  border-color: #2d4972;
  border-style: solid;
  background-color: white;
  margin: 0.5rem 0 0;
  transform: translateX(0.5rem);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.js-dispatch-drop-area .edit-dispatch-card:last-of-type {
  margin-bottom: 0.5rem;
}

.edit-dispatch-inner-row {
  display: flex;
  justify-content: space-between;
  height: 2rem;
}

.edit-dispatch-inner-row-reduction {
  height: 1rem;
}

.edit-dispatch-inner-cell-value {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
}

.edit-dispatch-inner-cell-separate {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
}

.edit-dispatch-card.js-dispatch-draggable-ghost {
  margin-top: -3.5rem;
  margin-left: -5.5rem;
  background-color: white;
  opacity: 1;
}

.edit-dispatch-right-container {
  width: 100vw;
  max-width: 60vw;
  position: fixed;
  top: 15.75rem;
  right: 2rem;
  z-index: 5000;
}

.page-list-reserve .edit-dispatch-right-container {
  max-width: initial;
}

.page-list-driver .edit-dispatch-right-container {
  max-width: initial;
}

.edit-dispatch-driver-card.js-dispatch-draggable-ghost {
  background-color: white;
  border: 1px solid gray;
}

.edit-dispatch-card-status-container {
  justify-content: flex-end;
  padding-right: 0.25rem;
}
.edit-dispatch-card-status-container ul {
  list-style: none;
  display: flex;
  gap: 0.25rem;
  transform: translateY(-0.1rem);
}
.edit-dispatch-card-status-container ul li {
  width: 0.75rem;
  height: 0.75rem;
  display: none;
}
.edit-dispatch-card-status-container ul li.open {
  display: block;
}
.edit-dispatch-card-status-container ul .edit-dispatch-card-status-not-dispatch {
  background-color: #d24848;
}
.edit-dispatch-card-status-container ul .edit-dispatch-card-status-not-report {
  background-color: #6a94cf;
}
.edit-dispatch-card-status-container ul .edit-dispatch-card-status-not-sales {
  background-color: #84d5be;
}

.edit-dispatch .list-reserve-section {
  display: none;
}
.edit-dispatch .list-reserve-section .list-reserve-table {
  table-layout: fixed;
  width: 100%;
  position: absolute;
  top: 0;
}

.list-reserve-section {
  position: relative;
}
.list-reserve-section.open {
  height: calc((100vh - 17.5rem) / 2);
  background-color: white;
  display: block;
}
.list-reserve-section .list-reserve-search-list-is-dispatch dd {
  border: 1px solid gray;
}
.list-reserve-section .list-reserve-search-list-dispatch-groupid dd {
  border: 1px solid gray;
}
.list-reserve-section .list-reserve-container {
  height: 100%;
  min-height: 20rem;
  max-height: calc(100% - 7.5rem);
  overflow-y: scroll;
  border: 1px solid gray;
  position: relative;
}
.list-reserve-section .list-reserve-container::before {
  content: "";
  display: block;
  width: calc(100% - 4rem);
  height: 10rem;
  position: sticky;
  background: gray;
  top: 0;
  z-index: 1;
}
@media print {
  .list-reserve-section .list-reserve-container::before {
    display: none;
  }
}
.list-reserve-section .list-reserve-table thead th {
  position: sticky;
  z-index: 1000;
  white-space: nowrap;
  border: 1px solid gray;
}
.list-reserve-section .list-reserve-table thead tr:first-of-type th {
  top: 0;
  border-top: 0;
}
.list-reserve-section .list-reserve-table thead tr th:first-of-type {
  border-left: 0;
}
.list-reserve-section .list-reserve-table thead tr:nth-of-type(2) th {
  top: 2.5rem;
}
.list-reserve-section .list-reserve-table thead tr:nth-of-type(3) th {
  top: 5rem;
}
.list-reserve-section .list-reserve-table thead tr:nth-of-type(4) th {
  top: 7.5rem;
}
.list-reserve-section .list-reserve-table td {
  border-top: 0;
  border-left: 0;
}
.list-reserve-section .list-reserve-table tbody {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-bottom: 1px solid gray;
}
.list-reserve-section .list-reserve-table tbody:not(:last-of-type) tr:last-of-type {
  border-bottom: 4px double black;
}
.list-reserve-section .list-reserve-table input, .list-reserve-section .list-reserve-table select {
  pointer-events: none;
}
.list-reserve-section .list-reserve-table tbody:nth-child(odd) {
  background-color: rgba(200, 200, 200, 0.6);
}
.list-reserve-section .list-reserve-table tbody:last-of-type tr:last-of-type th,
.list-reserve-section .list-reserve-table tbody:last-of-type tr:last-of-type td,
.list-reserve-section .list-reserve-table tbody:last-of-type .list-reserve-table-status {
  border-bottom: 0;
}
.list-reserve-section .list-reserve-table tbody:hover {
  background-color: rgba(151, 245, 252, 0.2) !important;
}
.list-reserve-section .list-reserve-table-row-space-col {
  border-bottom: 0;
}
.list-reserve-section .list-reserve-table tbody tr:last-of-type .list-reserve-table-row-space-col {
  border-bottom: 1px solid gray;
}
.list-reserve-section .list-reserve-table-driveid-drive-header-no {
  width: 10rem;
}
.list-reserve-section .list-reserve-table-issue-slip-date {
  width: 6rem;
}
.list-reserve-section .list-reserve-table-driveid {
  width: 6rem;
  padding-right: 0;
}
.list-reserve-section .list-reserve-table-drive-header-no {
  width: 1.5rem;
  padding: 0;
}
.list-reserve-section .list-reserve-table-vehicle-type {
  width: 9rem;
}
.list-reserve-section .list-reserve-table-departure-area-nm {
  width: 6rem;
}
.list-reserve-section .list-reserve-table-shipper-nm {
  width: 8rem;
}
.list-reserve-section .list-reserve-table-shipper-departure-date {
  width: 8rem;
}
.list-reserve-section .list-reserve-table-shipper-departure-time {
  width: 5rem;
}
.list-reserve-section .list-reserve-table-consignee-nm {
  width: 8rem;
}
.list-reserve-section .list-reserve-table-consignee-arrival-date {
  width: 8rem;
}
.list-reserve-section .list-reserve-table-consignee-arrival-time {
  width: 5rem;
}
.list-reserve-section .list-reserve-table-item-nm {
  width: 10rem;
}
.list-reserve-section .list-reserve-table-item-per-kg {
  width: 5rem;
}
.list-reserve-section .list-reserve-table-item-cnt {
  width: 5rem;
}
.list-reserve-section .list-reserve-table-weight {
  width: 5rem;
}
.list-reserve-section .list-reserve-table-cubic-meter {
  width: 6.5rem;
}
.list-reserve-section .list-reserve-table-status {
  width: 5rem;
}
.list-reserve-section .list-reserve-table-status input {
  text-align: center;
}

.list-driver-section {
  position: relative;
  overflow: hidden;
  display: none;
}
.list-driver-section.open {
  height: calc((100vh - 17.5rem) / 2);
  background-color: white;
  display: block;
}

.list-driver-title {
  background-color: #24354e;
  color: white;
  padding: 0.5rem;
  line-height: 1.25;
  height: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 1rem;
}
.list-driver-title i:hover {
  cursor: pointer;
  opacity: 0.8;
}

.list-driver-search-list > div {
  display: flex;
  height: 2.5rem;
}
.list-driver-search-list dt {
  width: 8rem;
  text-align: center;
}
.list-driver-search-list dd {
  display: flex;
  border: 0;
}
.list-driver-search-list input {
  height: 100%;
}

.list-driver-search-list-driver-drive-date dd {
  border: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.list-driver-search-list-driver-drive-date input {
  width: 11rem;
}

.list-driver-search-list-driver-cd dd {
  border: 0;
}
.list-driver-search-list-driver-cd div {
  width: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.list-driver-search-list-driver-cd input {
  border: 1px solid gray;
}
.list-driver-search-list-driver-cd .search-user-cd {
  width: 8rem;
  border-left: 0;
}
.list-driver-search-list-driver-cd .search-user-nm {
  width: 12rem;
  border-left: 0;
}

.list-driver-attend-holiday {
  margin-bottom: 0.25rem;
}

.list-driver-attend-holiday-text {
  position: relative;
}

.list-driver-attend-holiday-text::after {
  content: "";
  width: 1rem;
  height: 1rem;
  display: block;
  position: absolute;
  top: 50%;
  right: -1.25rem;
  transform: translateY(-50%);
  background-color: #c5c5c5;
}

.list-driver-table-container {
  display: inline-block;
  height: calc(100% - 12rem);
  overflow-y: scroll;
  border: 1px solid gray;
}

.list-driver-table tr th:first-of-type {
  border-left: 0;
}

.list-driver-table thead th {
  position: sticky;
  top: 0;
  border-top: 0;
  border-bottom: 0;
  z-index: 1000;
}

.list-driver-table thead th::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-bottom: 1px solid gray;
}

.list-driver-table th {
  width: 11rem;
  min-width: 11rem;
}

.list-driver-table thead .list-driver-table-header-driver-cd {
  left: 0;
  z-index: 3000;
  border-right: 1px solid gray;
}

.list-driver-table th.list-driver-table-header-driver-cd,
.list-driver-table td.list-driver-table-header-driver-cd {
  width: 8rem;
  text-align: center;
  vertical-align: middle;
}

.list-driver-table tbody th {
  line-height: 1.5;
  font-size: calc(1em - 0.2rem);
  height: 6rem;
  padding-right: 2rem;
}

.list-driver-table tbody th::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
}

.list-driver-table tbody th {
  position: sticky;
  left: 0;
  z-index: 2000;
}

.list-driver-table tbody td {
  position: relative;
  vertical-align: top;
}

.list-driver-table tbody td[data-status_cd]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: monospace;
}

.list-driver-table tbody td > div:last-of-type {
  margin-bottom: 0.5rem;
}

.list-driver-table-is-own-driver {
  position: absolute;
  top: 0.5rem;
  text-align: left;
  font-size: calc(1em + 0.2rem);
  overflow: hidden;
  width: 10rem;
  white-space: nowrap;
}

.list-driver-table-driver-cd {
  margin-top: 2rem;
}

.list-driver-table-driver-nm {
  font-size: calc(1em + 0.2rem);
}

.list-driver-table-edit-voice-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  bottom: 0.25rem;
  right: 0.25rem;
  position: absolute;
}
.list-driver-table-edit-voice-btn i {
  font-size: calc(1em - 0.2rem);
  margin: 0;
}

.list-driver-card {
  width: 10rem;
  height: 6rem;
  padding: 0 0.25rem;
  margin: 0.5rem 0 0;
  transform: translateX(0.5rem);
  background: white;
  outline: 1px solid gray;
  z-index: 1;
}
.list-driver-card:hover {
  opacity: 0.9;
}

.list-driver-card-inner-row {
  display: flex;
  justify-content: space-between;
  height: 2rem;
}

.list-driver-card-inner-cell-value {
  display: flex;
  align-items: center;
}

.list-driver-card-inner-cell-separate {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
}

.reserve-card-back-color {
  background-color: #fedeff !important;
}

.reserve-driver-card-back-color {
  background-color: #fedeff !important;
}

.page-list-reserve .edit-dispatch-section {
  display: none;
}
.page-list-reserve .edit-dispatch-right-container {
  width: 100%;
  position: static;
}
.page-list-reserve .list-reserve-section {
  height: auto;
}
.page-list-reserve .list-reserve-section .list-reserve-container {
  width: 100%;
  max-width: inherit;
  height: unset;
  min-height: unset;
  max-height: calc(100vh - 21rem);
  position: unset;
}
.page-list-reserve .list-reserve-section .list-reserve-container::before {
  position: absolute;
  top: unset;
}
.page-list-reserve .list-reserve-section .list-reserve-table {
  width: 100%;
  position: unset;
}
.page-list-reserve .list-reserve-search-list {
  flex-wrap: wrap;
}
.page-list-reserve .layer-body-container {
  height: auto;
}
.page-list-reserve .list-reserve-table-tbody-row * {
  cursor: pointer !important;
}

.page-list-driver .edit-dispatch-section {
  display: none;
}
.page-list-driver .edit-dispatch-right-container {
  width: 100%;
  position: static;
}
.page-list-driver .list-driver-section.open {
  height: initial;
}
.page-list-driver .list-driver-search-list {
  width: 100%;
  flex-wrap: wrap;
}
.page-list-driver .list-driver-table-container {
  max-width: 100%;
  max-height: calc(100vh - 22.5rem);
}
.page-list-driver .list-driver-table-tbody-row * {
  cursor: pointer !important;
}

.list-driver-search-list-dispatch-groupid dd {
  border: 1px solid gray;
}

/* 乗務員運行予定一覧(乗務員権限アクセス) */
.page-list-driver-access-driver .list-driver-search-list-driver-cd button {
  display: none;
}
.page-list-driver-access-driver .list-driver-search-list-driver-order {
  display: none;
}
.page-list-driver-access-driver #pageListDriverBtnContainer {
  display: none;
}
.page-list-driver-access-driver #printListDriverBtn {
  display: none;
}
.page-list-driver-access-driver .list-driver-table-edit-voice-btn {
  display: none;
}
.page-list-driver-access-driver #listDriverSearchList [name=search_from_user_cd],
.page-list-driver-access-driver #listDriverSearchList [name=search_to_user_cd] {
  border-left: 1px solid gray;
}
.page-list-driver-access-driver .list-driver-card {
  cursor: pointer;
}
.page-list-driver-access-driver .list-driver-card:hover {
  opacity: 0.6;
}

.drive-info-layer {
  width: 820px;
  padding: 0;
}
@media (max-width: 480px) {
  .drive-info-layer {
    top: 28rem;
    left: 7rem;
    transform: translate(0, 0);
  }
}
.drive-info-layer h2 {
  margin-bottom: 1rem;
}

.drive-info-layer-header-container {
  width: 100%;
  height: 3rem;
  display: flex;
}
.drive-info-layer-header-container .layer-header-title {
  display: flex;
  align-items: center;
  flex: 1;
  padding: 0.25rem 0.5rem;
  margin-bottom: 0;
}
.drive-info-layer-header-container .layer-close-btn {
  color: black;
}
.drive-info-layer-header-container .layer-close-btn:hover {
  color: white;
}

.drive-info-layer-body-container {
  padding: 1rem;
}

.drive-info-layer-table-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.drive-info-layer-table-container th {
  width: 10rem;
}

.drive-info-layer-drive-detail-row td {
  padding: 0 0.5rem;
  white-space: pre;
}

.drive-info-layer-table tbody tr:first-of-type th,
.drive-info-layer-table tbody tr:first-of-type td {
  border-top: 4px double gray;
}

.drive-info-layer-table-datetime {
  width: 11rem;
}
.drive-info-layer-table-datetime input:first-of-type {
  width: 6.75rem;
  padding-right: 0;
}
.drive-info-layer-table-datetime input:last-of-type {
  width: 4rem;
  padding-right: 0;
}

.drive-info-layer-driveid {
  width: 6rem;
  padding-right: 0;
}

.drive-info-layer-table-shipper-nm,
.drive-info-layer-table-consignee-nm {
  width: 14rem;
}

.drive-info-layer-table-item-nm {
  width: 20rem;
}

td.drive-info-layer-table-item-per-kg input,
td.drive-info-layer-table-item-cnt input,
td.drive-info-layer-table-item-weight input {
  text-align: right;
}

.voice-play-layer {
  padding: 0;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.voice-play-layer-header-container {
  width: 100%;
  height: 3rem;
  display: flex;
}
.voice-play-layer-header-container .layer-header-title {
  display: flex;
  align-items: center;
  flex: 1;
  padding: 0.25rem 0.5rem;
  margin-bottom: 0;
}
.voice-play-layer-header-container .layer-close-btn {
  color: black;
}
.voice-play-layer-header-container .layer-close-btn:hover {
  color: white;
}
.voice-play-layer-header-container .layer-close-btn i {
  margin-right: 0;
}

.voice-play-layer-body-container {
  padding: 1rem;
}
.voice-play-layer-body-container table {
  width: 100%;
  margin-bottom: 1rem;
}
.voice-play-layer-body-container table th {
  width: 8rem;
}

.voice-play-layer table td {
  padding: 0 0.5rem;
}

.voice-play-layer-table-cd {
  width: 6rem;
  text-align: center;
}

.voice-play-layer audio::-webkit-media-controls-enclosure {
  border-radius: 0;
  background-color: transparent;
}

.page-edit-reserve {
  overflow-x: auto;
  overflow-y: hidden;
}
.page-edit-reserve header {
  display: none;
}
.page-edit-reserve .side-nav {
  display: none;
}
.page-edit-reserve .body-container {
  padding-left: 0;
}
.page-edit-reserve .main-container {
  padding: 1rem;
}

.edit-reserve-section {
  min-width: 126rem;
  max-width: 126rem;
  padding: 0 1rem;
  margin-top: -3.25rem;
}

.edit-reserve-container table td div {
  display: flex;
  height: 100%;
}

.edit-reserve-header-info-container {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
}

.edit-reserve-header-info-table-dispatch-groupid {
  width: 11rem;
}

.edit-reserve-header-info-table-is-dispatch-finish {
  width: 5rem;
}

.edit-reserve-header-info-table-total-drive-header-cnt {
  width: 5rem;
}

.edit-reserve-header-table {
  width: 100%;
  margin-bottom: 1rem;
}
.edit-reserve-header-table tr:first-of-type td:first-of-type {
  width: 26rem;
}
.edit-reserve-header-table tr:first-of-type td:nth-of-type(2) {
  width: 23rem;
}
.edit-reserve-header-table tr:first-of-type td:nth-of-type(3) {
  width: 26rem;
}
.edit-reserve-header-table tr:first-of-type td:nth-of-type(4) {
  width: 26rem;
}

.edit-reserve-header-table th {
  width: 10rem;
}

.edit-reserve-header-table-driveid {
  width: 8rem;
  border-right: 1px solid gray;
  text-align: center;
}

.edit-reserve-header-table-drive-header-no {
  width: 4rem;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  text-align: center;
}

.edit-reserve-header-table-freight-cd {
  width: 5rem;
  border-right: 1px solid gray;
}

.edit-reserve-header-table-is-own-vehicle label {
  display: flex;
  gap: 0.5rem;
  padding: 0 0.5rem;
}
.edit-reserve-header-table-is-own-vehicle input {
  width: calc(1em - 0.2rem);
}

.edit-reserve-header-table-reserve-datetime {
  width: 18.5rem;
  border-right: 1px solid gray;
}

.edit-reserve-header-table-reserve-departure-area-cd {
  width: 5rem;
  border-right: 1px solid gray;
}

.edit-reserve-header-table-vehicle-type-cd {
  width: 5rem;
  border-right: 1px solid gray;
}

.edit-reserve-header-table-vehicle-cd {
  width: 8rem;
  border-right: 1px solid gray;
}

.edit-reserve-header-table-billing-cd {
  width: 7rem;
  min-width: 7rem;
  border-right: 1px solid gray;
}

.edit-reserve-header-table-billing-nm {
  min-width: 16rem;
}

.edit-reserve-header-table-charter-cd {
  width: 8rem;
  border-right: 1px solid gray;
}

.edit-reserve-header-table-driver-user-cd {
  width: 8rem;
  border-right: 1px solid gray;
}

.edit-reserve-header-table-arrival-area-cd {
  width: 5rem;
  border-right: 1px solid gray;
}

.edit-reserve-header-table-charter-wholesale-cd {
  width: 8rem;
  border-right: 1px solid gray;
}

.edit-reserve-header-table-assistant-cd {
  width: 8rem;
  border-right: 1px solid gray;
}

.edit-reserve-header-table-slip-type-cd {
  width: 10.5rem;
  border-right: 1px solid gray;
}

.edit-reserve-header-table-slip-transport-level {
  width: 0;
  flex: 1 1 auto;
}

.edit-reserve-drive-date-table {
  width: 100%;
  margin-bottom: 1rem;
}
.edit-reserve-drive-date-table th {
  width: 12rem;
}

.edit-reserve-drive-date-table-drive-start-date {
  width: 18rem;
}

.edit-reserve-drive-date-table-drive-end-date {
  width: 18rem;
}

.edit-reserve-drive-date-table-issue-slip-date {
  width: 11rem;
}

.edit-reserve-detail-table-wrap-container {
  position: relative;
}

.edit-reserve-detail-table-wrap-container::before {
  content: "";
  display: block;
  width: calc(100% - 2rem);
  height: calc(8rem - 8px);
  position: absolute;
  top: 0;
  right: 2rem;
  background-color: gray;
}

.edit-reserve-detail-table-container {
  max-height: calc(100vh - 35rem);
  overflow-y: scroll;
  border: 1px solid gray;
  margin-bottom: 1rem;
}

.edit-reserve-detail-table {
  width: 100%;
}
.edit-reserve-detail-table thead tr:first-of-type th {
  border-top: 0;
}
.edit-reserve-detail-table tr th:first-of-type,
.edit-reserve-detail-table tr td:first-of-type {
  border-left: 0;
}
.edit-reserve-detail-table tbody:last-of-type tr:last-of-type td,
.edit-reserve-detail-table tbody:last-of-type .edit-reserve-drive-detailid {
  border-bottom: 0;
}
.edit-reserve-detail-table tbody tr:last-of-type {
  border-bottom: 4px double gray;
}

.edit-reserve-detail-table thead th {
  position: sticky;
  z-index: 1000;
  white-space: nowrap;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
}

.edit-reserve-detail-table thead tr:first-of-type th {
  top: 0;
}

.edit-reserve-detail-table thead tr:nth-of-type(2) th {
  top: 2.5rem;
}

.edit-reserve-detail-table thead tr:nth-of-type(3) th {
  top: 5rem;
}

.edit-reserve-detail-table thead th::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-bottom: 1px solid gray;
}

.edit-reserve-drive-detailid {
  width: 4rem;
}
.edit-reserve-drive-detailid input {
  text-align: center;
  cursor: pointer;
}

.edit-reserve-shipper-cd {
  width: 8rem;
}

.edit-reserve-consignee-cd {
  width: 8rem;
}

.edit-reserve-item-cd {
  width: 10.5rem;
}

.edit-reserve-temperature-cd {
  width: 10.5rem;
}

.edit-reserve-shipper-departure-time {
  width: 7.5rem;
}

.edit-reserve-shipper-area-cd {
  width: 8rem;
}

.edit-reserve-shipper-area-nm {
  width: 8rem;
}

.edit-reserve-consignee-arrival-time {
  width: 7.5rem;
}

.edit-reserve-consignee-area-cd {
  width: 8rem;
}

.edit-reserve-consignee-area-nm {
  width: 8rem;
}

.edit-reserve-item-cnt {
  width: 10.5rem;
}

.edit-reserve-conversion-cnt {
  width: 10.5rem;
}

.edit-reserve-weight {
  width: 10.5rem;
}

.edit-reserve-cubic-meter {
  width: 10.5rem;
}

.edit-reserve-footer-table-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.edit-reserve-footer-update-info-table td select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.edit-reserve-footer-update-info-table-user-nm {
  width: 12rem;
}

.edit-reserve-footer-update-info-table-datetime {
  width: 13rem;
}
.edit-reserve-footer-update-info-table-datetime input {
  text-align: center;
}

.page-edit-reserve .page-footer-btn-container button {
  display: none;
}
.page-edit-reserve .page-footer-btn-container .page-footer-master-btn-container {
  margin-top: 0.5rem;
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
.page-edit-reserve .page-footer-btn-container button.page-footer-master-btn {
  background-color: #02929c;
}

.edit-reserve-detail-row-menu-layer {
  width: 16rem;
  padding: 0;
  border-width: 1px;
  box-shadow: 2px 2px 4px 0px rgba(80, 80, 80, 0.2);
}
.edit-reserve-detail-row-menu-layer ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.edit-reserve-detail-row-menu-layer li {
  padding: 0.5rem;
  font-weight: 600;
  background-color: #5288ae;
  color: white;
  cursor: pointer;
}
.edit-reserve-detail-row-menu-layer li.edit-reserve-detail-row-menu-add {
  background-color: #5a7ec2;
}
.edit-reserve-detail-row-menu-layer li.edit-reserve-detail-row-menu-copy {
  background-color: #43985f;
}
.edit-reserve-detail-row-menu-layer li.edit-reserve-detail-row-menu-delete {
  background-color: #eb6161;
}
.edit-reserve-detail-row-menu-layer li:hover {
  opacity: 0.8;
}

.edit-reserve-detail-table-body-row-shipper-hide .edit-reserve-shipper-cd,
.edit-reserve-detail-table-body-row-shipper-hide .edit-reserve-shipper-nm,
.edit-reserve-detail-table-body-row-shipper-hide .edit-reserve-shipper-departure-date,
.edit-reserve-detail-table-body-row-shipper-hide .edit-reserve-shipper-departure-time,
.edit-reserve-detail-table-body-row-shipper-hide .edit-reserve-shipper-area-cd,
.edit-reserve-detail-table-body-row-shipper-hide .edit-reserve-shipper-area-nm {
  visibility: hidden;
  border: 0;
}

.edit-reserve-detail-table-body-row-consignee-hide .edit-reserve-consignee-cd,
.edit-reserve-detail-table-body-row-consignee-hide .edit-reserve-consignee-nm,
.edit-reserve-detail-table-body-row-consignee-hide .edit-reserve-consignee-arrival-date,
.edit-reserve-detail-table-body-row-consignee-hide .edit-reserve-consignee-arrival-time,
.edit-reserve-detail-table-body-row-consignee-hide .edit-reserve-consignee-area-cd,
.edit-reserve-detail-table-body-row-consignee-hide .edit-reserve-consignee-area-nm {
  visibility: hidden;
  border: 0;
}

.list-drive-section {
  position: relative;
  /*運行報告書一覧から運行伝票を選択するため、コメントアウト
  .list-drive-table tbody:not(:last-of-type):hover{
    background-color: rgba(151, 245, 252, 0.2);
  }
  .list-drive-table tbody,
  .list-drive-table tbody [disabled]{
    cursor: pointer;
  }
  */
}
.list-drive-section .list-drive-search-list-is-report-group dd {
  border: 1px solid gray;
}
.list-drive-section .list-drive-search-list-dispatch-group dd {
  border: 1px solid gray;
}
.list-drive-section .list-drive-container {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  max-height: calc(100vh - 26rem);
  overflow: scroll;
  border: 1px solid gray;
}
.list-drive-section .list-drive-table th {
  border-top: 0;
  border-left: 0;
}
.list-drive-section .list-drive-table td {
  border-top: 0;
  border-left: 0;
}
.list-drive-section .list-drive-table tbody:nth-child(odd) {
  background-color: rgba(200, 200, 200, 0.6);
}
.list-drive-section .list-drive-table-driveid-drive-header-no {
  width: 10.5rem;
}
.list-drive-section .list-drive-table-driveid-driveid {
  width: 6.5rem;
}
.list-drive-section .list-drive-table-billing-cd {
  width: 7rem;
}
.list-drive-section .list-drive-table-issue-slip-date {
  width: 8rem;
}
.list-drive-section .list-drive-table-vehicle-cd {
  width: 7rem;
}
.list-drive-section .list-drive-table-vehicle-nm {
  min-width: 8rem;
}
.list-drive-section .list-drive-table-driver-user-cd {
  width: 7rem;
}
.list-drive-section .list-drive-table-fare-round-cd {
  width: 5rem;
}
.list-drive-section .list-drive-table-item-cd {
  width: 7rem;
}
.list-drive-section .list-drive-table-fare-calc-cd {
  width: 8rem;
}
.list-drive-section .list-drive-table-temperature-cd {
  width: 5rem;
}
.list-drive-section .list-drive-table-temperature-cd select {
  text-align: center;
}
.list-drive-section .list-drive-table-is-required-drive-report-text {
  width: 5rem;
}
.list-drive-section .list-drive-table-is-required-drive-report-text input {
  text-align: center;
}
.list-drive-section .list-drive-table-is-recieve-receipt-text {
  width: 5rem;
}
.list-drive-section .list-drive-table-is-recieve-receipt-text input {
  text-align: center;
}
.list-drive-section .list-drive-table-drive-report-no {
  width: 5rem;
}
.list-drive-section .list-drive-table-drive-report-no input {
  text-align: right;
}
.list-drive-section .list-drive-table-drive-report-date {
  width: 7.5rem;
}
.list-drive-section .list-drive-table-drive-report-date input {
  text-align: center;
}

.page-edit-drive {
  overflow-x: auto;
  overflow-y: hidden;
}
.page-edit-drive header {
  display: none;
}
.page-edit-drive .side-nav {
  display: none;
}
.page-edit-drive .body-container {
  padding-left: 0;
}
.page-edit-drive .main-container {
  padding: 1rem;
}

.edit-drive-section {
  min-width: 170rem;
  padding: 0 1rem;
  margin-top: -3.25rem;
}

.edit-drive-container table td div {
  display: flex;
  height: 100%;
}

.edit-drive-header-info-container {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
}

.edit-drive-header-info-table-dispatch-groupid {
  width: 10rem;
}

.edit-drive-header-info-table-is-driver-report-preview {
  margin: 0 1rem;
}

.edit-drive-header-info-table-is-dispatch-finish {
  width: 5rem;
}

.edit-drive-header-info-table-total-drive-header-cnt {
  width: 5rem;
}

.edit-drive-header-table {
  width: 100%;
  margin-bottom: 1rem;
}
.edit-drive-header-table tr:first-of-type td:first-of-type {
  width: 26rem;
}
.edit-drive-header-table tr:first-of-type td:nth-of-type(2) {
  width: 23rem;
}
.edit-drive-header-table tr:first-of-type td:nth-of-type(3) {
  width: 26rem;
}
.edit-drive-header-table tr:first-of-type td:nth-of-type(4) {
  width: 26rem;
}

.edit-drive-header-table th {
  width: 8rem;
}

.edit-drive-table-wrap-container {
  position: relative;
}

.edit-drive-table-wrap-container::before {
  content: "";
  display: block;
  width: calc(100% - 2rem);
  height: 10rem;
  position: absolute;
  top: 0;
  right: 2rem;
  background-color: gray;
}

@media print {
  .edit-drive-table-wrap-container::before {
    display: none !important;
  }
}
.edit-drive-table-container {
  max-height: calc(100vh - 32rem);
  overflow-y: scroll;
  border: 1px solid gray;
  margin-bottom: 1rem;
}

.edit-drive-table {
  width: 100%;
}
.edit-drive-table thead tr:first-of-type th {
  border-top: 0;
}
.edit-drive-table tr th:first-of-type,
.edit-drive-table tr td:first-of-type {
  border-left: 0;
  border-bottom: 0;
}
.edit-drive-table tbody:last-of-type tr:last-of-type td, .edit-drive-table tbody:last-of-type .edit-drive-drive-detailid {
  border-bottom: 0;
}

.edit-drive-table thead th {
  position: sticky;
  z-index: 1000;
  white-space: nowrap;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
}

.edit-drive-table thead tr:first-of-type th {
  top: 0;
}

.edit-drive-table thead tr:nth-of-type(2) th {
  top: 2.5rem;
}

.edit-drive-table thead tr:nth-of-type(3) th {
  top: 5rem;
}

.edit-drive-table thead tr:nth-of-type(4) th {
  top: 7.5rem;
}

.edit-drive-table thead th::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-bottom: 1px solid gray;
}

.edit-drive-table tbody:not(.edit-drive-table-drive-header-row) .edit-drive-table-driveid-drive-header-no,
.edit-drive-table tbody:not(.edit-drive-table-drive-header-row) .edit-drive-table-issue-slip-date,
.edit-drive-table tbody:not(.edit-drive-table-drive-header-row) .edit-drive-table-slip-transport-level,
.edit-drive-table tbody:not(.edit-drive-table-drive-header-row) .edit-drive-table-slip-type-cd,
.edit-drive-table tbody:not(.edit-drive-table-drive-header-row) .edit-drive-table-billing-cd,
.edit-drive-table tbody:not(.edit-drive-table-drive-header-row) .edit-drive-table-billing-nm {
  visibility: hidden;
  border: 0;
}
.edit-drive-table tbody:not(.edit-drive-table-drive-header-row) .edit-drive-table-departure-area-cd,
.edit-drive-table tbody:not(.edit-drive-table-drive-header-row) .edit-drive-table-departure-area-nm,
.edit-drive-table tbody:not(.edit-drive-table-drive-header-row) .edit-drive-table-arrival-area-cd,
.edit-drive-table tbody:not(.edit-drive-table-drive-header-row) .edit-drive-table-arrival-area-nm,
.edit-drive-table tbody:not(.edit-drive-table-drive-header-row) .edit-drive-table-loading-date,
.edit-drive-table tbody:not(.edit-drive-table-drive-header-row) .edit-drive-table-delivery-date,
.edit-drive-table tbody:not(.edit-drive-table-drive-header-row) .edit-drive-table-charter-cd,
.edit-drive-table tbody:not(.edit-drive-table-drive-header-row) .edit-drive-table-charter-nm,
.edit-drive-table tbody:not(.edit-drive-table-drive-header-row) .edit-drive-table-charter-wholesale-cd,
.edit-drive-table tbody:not(.edit-drive-table-drive-header-row) .edit-drive-table-charter-wholesale-nm,
.edit-drive-table tbody:not(.edit-drive-table-drive-header-row) .edit-drive-table-vehicle-type-cd,
.edit-drive-table tbody:not(.edit-drive-table-drive-header-row) .edit-drive-table-vehicle-type-nm,
.edit-drive-table tbody:not(.edit-drive-table-drive-header-row) .edit-drive-table-driver-user-cd,
.edit-drive-table tbody:not(.edit-drive-table-drive-header-row) .edit-drive-table-driver-user-nm {
  visibility: hidden;
  border: 0;
}
.edit-drive-table tbody:not(.edit-drive-table-drive-header-row) .edit-drive-table-vehicle-cd {
  visibility: hidden;
  border: 0;
  border-left: 1px solid gray;
}
.edit-drive-table tbody:not(.edit-drive-table-drive-header-row) .edit-drive-table-vehicle-nm {
  visibility: hidden;
  border: 0;
}
.edit-drive-table tbody:not(.edit-drive-table-drive-header-row) .edit-drive-table-dispatch-groupid {
  visibility: hidden;
  border: 0;
  border-left: 1px solid gray;
  border-top: 1px solid gray;
}

.edit-drive-table tbody:not(.edit-drive-table-drive-header-total-row) tr:last-of-type {
  border-bottom: 4px double gray;
}

.edit-drive-table tbody:last-of-type tr:last-of-type {
  border-bottom: 0;
}

.edit-drive-table .edit-drive-table-drive-header-total-row {
  background-color: rgba(200, 200, 200, 0.2);
}
.edit-drive-table .edit-drive-table-drive-header-total-row td > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.edit-drive-table .edit-drive-table-drive-header-total-row .edit-drive-table-drive-header-total-row-text {
  text-align: center;
  border-left: 0;
  border-bottom: 0;
}
.edit-drive-table .edit-drive-table-drive-header-total-row span {
  white-space: pre;
  padding: 0 0.25rem;
}
.edit-drive-table .edit-drive-table-drive-header-total-row input {
  background-color: transparent;
}

.edit-drive-drive-detailid {
  width: 4rem;
}
.edit-drive-drive-detailid input {
  text-align: center;
  cursor: pointer;
}

.edit-drive-table-drive-detailid {
  width: 4rem;
}

td.edit-drive-table-drive-detailid input {
  cursor: pointer;
}

.edit-drive-table-driveid-drive-header-no .separate-container {
  width: 1rem;
  padding: 0;
}

.edit-drive-table-driveid {
  width: 6.5rem;
  text-align: center;
  padding-right: 0;
}

.edit-drive-table-drive-header-no {
  width: 2.5rem;
  text-align: center;
}

.edit-drive-table-shipper-cd {
  width: 9rem;
  min-width: 9rem;
}

.edit-drive-table-shipper-area-cd {
  width: 7.5rem;
  min-width: 7.5rem;
}

.edit-drive-table-departure-area-cd {
  width: 7.5rem;
  min-width: 7.5rem;
}

.edit-drive-table-charter-cd {
  width: 9rem;
  min-width: 9rem;
}

.edit-drive-table-charter-nm {
  min-width: 10rem;
}

.edit-drive-table-fare-departure-area-cd {
  width: 9rem;
  min-width: 9rem;
}

.edit-drive-table-fare-calc-cd {
  width: 10.5rem;
}

.edit-drive-table-fare-memo {
  width: 22rem;
  min-width: 22rem;
}

.edit-drive-table-is-required-drive-report {
  width: 8rem;
}

.edit-drive-table-is-recieve-receipt {
  width: 8rem;
}

.edit-drive-table-fare-arrival-area-cd {
  width: 8rem;
}

.edit-drive-table-drive-report-date input {
  width: 100%;
}

td.edit-drive-table-blank-cell {
  background-color: #eee;
}

table.edit-drive-table tr td.edit-drive-table-billing-cd {
  width: 9rem;
  min-width: 9rem;
}

table.edit-drive-table tr td.edit-drive-table-billing-nm {
  width: 16rem;
  min-width: 16rem;
}

.edit-drive-table-reference-unit-price-cd {
  width: 10.25rem;
}

.edit-drive-table-fare-price-row-col {
  text-align: center;
  background-color: lightgray;
}

.edit-drive-table-charter-row-col {
  text-align: center;
  background-color: lightgray;
}

.edit-drive-footer-table-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.edit-drive-footer-update-info-table td select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.edit-drive-footer-update-info-table-user-nm {
  width: 12rem;
}

.edit-drive-footer-update-info-table-datetime {
  width: 13rem;
}
.edit-drive-footer-update-info-table-datetime input {
  text-align: center;
}

.page-edit-drive .page-footer-btn-container button {
  display: none;
}
.page-edit-drive .page-footer-btn-container .page-footer-master-btn-container {
  margin-top: 0.5rem;
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
.page-edit-drive .page-footer-btn-container button.page-footer-master-btn {
  background-color: #02929c;
}

.edit-drive-detail-row-menu-layer {
  width: 16rem;
  padding: 0;
  border-width: 1px;
  box-shadow: 2px 2px 4px 0px rgba(80, 80, 80, 0.2);
}
.edit-drive-detail-row-menu-layer ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.edit-drive-detail-row-menu-layer li {
  padding: 0.5rem;
  font-weight: 600;
  background-color: #5288ae;
  color: white;
  cursor: pointer;
}
.edit-drive-detail-row-menu-layer li.edit-drive-detail-row-menu-add {
  background-color: #5a7ec2;
}
.edit-drive-detail-row-menu-layer li.edit-drive-detail-row-menu-copy {
  background-color: #43985f;
}
.edit-drive-detail-row-menu-layer li.edit-drive-detail-row-menu-delete {
  background-color: #eb6161;
}
.edit-drive-detail-row-menu-layer li:hover {
  opacity: 0.8;
}

.edit-drive-table-body-row-shipper-hide .edit-drive-table-shipper-cd,
.edit-drive-table-body-row-shipper-hide .edit-drive-table-shipper-nm,
.edit-drive-table-body-row-shipper-hide .edit-drive-table-shipper-departure-date,
.edit-drive-table-body-row-shipper-hide .edit-drive-table-shipper-departure-time,
.edit-drive-table-body-row-shipper-hide .edit-drive-table-shipper-area-cd,
.edit-drive-table-body-row-shipper-hide .edit-drive-table-shipper-area-nm {
  visibility: hidden;
  border: 0;
}

.edit-drive-table-body-row-consignee-hide .edit-drive-table-consignee-cd,
.edit-drive-table-body-row-consignee-hide .edit-drive-table-consignee-nm,
.edit-drive-table-body-row-consignee-hide .edit-drive-table-consignee-arrival-date,
.edit-drive-table-body-row-consignee-hide .edit-drive-table-consignee-arrival-time,
.edit-drive-table-body-row-consignee-hide .edit-drive-table-consignee-area-cd,
.edit-drive-table-body-row-consignee-hide .edit-drive-table-consignee-area-nm {
  visibility: hidden;
  border: 0;
}

.list-drive-report-search-list-is-report-group dd {
  border: 1px solid gray;
}

.list-drive-report-search-list-dispatch-group dd {
  border: 1px solid gray;
}

.page-list-drive-report .edit-drive-table .search-btn {
  display: none;
}

.page-list-drive-report .edit-drive-table select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.page-list-drive-report .edit-drive-table-container {
  max-height: calc(100vh - 27rem);
}

.page-list-drive-report .edit-drive-table-drive-header-row {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* 運行報告書の合計行対応(運行報告書のみ対応) */
.page-list-drive-report .edit-drive-table-fare-calc-cd,
.page-list-drive-report .edit-drive-table-delivery-item-cnt {
  min-width: 11rem;
  max-width: 11rem;
}

.page-list-drive-report .edit-drive-table-reference-unit-price-cd {
  min-width: 13.5rem;
  max-width: 13.5rem;
}

/* 運行報告書の合計行対応(運行伝票内で固定)*/
.edit-drive-table-fare-unit-price,
.edit-drive-table-out-tax-unit-price {
  min-width: 8rem;
  max-width: 8rem;
}

.page-list-drive-report .edit-drive-table-drive-header-total-row:last-of-type td:last-of-type {
  border-bottom: 0;
}

.page-list-drive-report .edit-drive-table tbody:not(.edit-drive-table-drive-header-total-row):hover {
  background-color: rgba(151, 245, 252, 0.2);
  cursor: pointer;
}
.page-list-drive-report .edit-drive-table tbody:not(.edit-drive-table-drive-header-total-row):hover * {
  background-color: transparent !important;
}

.page-list-drive-report button.edit-drive-table-reference-fare-unit-price-btn {
  background-color: transparent;
  color: black;
  font-weight: 400;
}

.list-arrange-search-list input[type=date] {
  width: initial;
}

.list-arrange-table-container {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  max-height: calc(100vh - 19rem);
  overflow-y: scroll;
  border: 1px solid gray;
}

.list-arrange-table {
  /* 手配帳の同一伝票の2行目以降のヘッダー情報非表示 */
  /* 手配帳の同一伝票の2行目以降のヘッダー情報非表示 */
}
.list-arrange-table thead th {
  position: sticky;
  top: 0;
  left: 0;
  border-top: 0;
  border-left: 0;
  z-index: 2000;
}
.list-arrange-table thead th::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-bottom: 1px solid gray;
  z-index: 1;
}
.list-arrange-table thead tr:first-of-type th {
  border-top: 0;
}
.list-arrange-table thead tr:last-of-type th,
.list-arrange-table tbody tr:last-of-type td {
  border-bottom: 0;
}
.list-arrange-table thead tr:first-of-type th,
.list-arrange-table tbody tr td:first-of-type {
  border-left: 0;
}
.list-arrange-table tbody.list-arrange-table-odd-tbody {
  background-color: rgba(176, 200, 160, 0.6);
}
.list-arrange-table tbody:not(:last-of-type) tr:first-of-type .list-arrange-table-driveid-drive-header-no,
.list-arrange-table tbody:not(:last-of-type) tr:first-of-type .list-arrange-table-issue-slip-date,
.list-arrange-table tbody:not(:last-of-type) tr:first-of-type .list-arrange-table-billing-nm,
.list-arrange-table tbody:not(:last-of-type) tr:first-of-type .list-arrange-table-charter-nm,
.list-arrange-table tbody:not(:last-of-type) tr:first-of-type .list-arrange-table-vehicle-nm,
.list-arrange-table tbody:not(:last-of-type) tr:first-of-type .list-arrange-table-driver-user-nm {
  border-bottom: 0 !important;
}
.list-arrange-table tbody tr:not(:first-of-type) .list-arrange-table-driveid-drive-header-no,
.list-arrange-table tbody tr:not(:first-of-type) .list-arrange-table-issue-slip-date,
.list-arrange-table tbody tr:not(:first-of-type) .list-arrange-table-billing-nm,
.list-arrange-table tbody tr:not(:first-of-type) .list-arrange-table-charter-nm,
.list-arrange-table tbody tr:not(:first-of-type) .list-arrange-table-vehicle-nm,
.list-arrange-table tbody tr:not(:first-of-type) .list-arrange-table-driver-user-nm {
  border-top: 0 !important;
  border-bottom: 0 !important;
}
.list-arrange-table tbody tr:not(:first-of-type) .list-arrange-table-driveid-drive-header-no input,
.list-arrange-table tbody tr:not(:first-of-type) .list-arrange-table-driveid-drive-header-no select,
.list-arrange-table tbody tr:not(:first-of-type) .list-arrange-table-driveid-drive-header-no div,
.list-arrange-table tbody tr:not(:first-of-type) .list-arrange-table-issue-slip-date input,
.list-arrange-table tbody tr:not(:first-of-type) .list-arrange-table-issue-slip-date select,
.list-arrange-table tbody tr:not(:first-of-type) .list-arrange-table-issue-slip-date div,
.list-arrange-table tbody tr:not(:first-of-type) .list-arrange-table-billing-nm input,
.list-arrange-table tbody tr:not(:first-of-type) .list-arrange-table-billing-nm select,
.list-arrange-table tbody tr:not(:first-of-type) .list-arrange-table-billing-nm div,
.list-arrange-table tbody tr:not(:first-of-type) .list-arrange-table-charter-nm input,
.list-arrange-table tbody tr:not(:first-of-type) .list-arrange-table-charter-nm select,
.list-arrange-table tbody tr:not(:first-of-type) .list-arrange-table-charter-nm div,
.list-arrange-table tbody tr:not(:first-of-type) .list-arrange-table-vehicle-nm input,
.list-arrange-table tbody tr:not(:first-of-type) .list-arrange-table-vehicle-nm select,
.list-arrange-table tbody tr:not(:first-of-type) .list-arrange-table-vehicle-nm div,
.list-arrange-table tbody tr:not(:first-of-type) .list-arrange-table-driver-user-nm input,
.list-arrange-table tbody tr:not(:first-of-type) .list-arrange-table-driver-user-nm select,
.list-arrange-table tbody tr:not(:first-of-type) .list-arrange-table-driver-user-nm div {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

.list-arrange-table-driveid-drive-header-no {
  width: 8rem;
}
.list-arrange-table-driveid-drive-header-no input:first-of-type {
  width: 6rem;
  padding-left: 0.25rem;
  padding-right: 0;
}
.list-arrange-table-driveid-drive-header-no .separate-container {
  padding: 0;
}

.list-arrange-table-issue-slip-date input {
  width: 8rem;
}

.list-arrange-table-billing-nm {
  width: 16rem;
  min-width: 16rem;
}

.list-arrange-table-shipper-nm {
  min-width: 5rem;
}

.list-arrange-table-consignee-nm {
  min-width: 5rem;
}

.list-arrange-table-item-nm {
  min-width: 3rem;
}

.list-arrange-table-item-per-kg {
  width: 5rem;
}

.list-arrange-table-reserve-item-cnt {
  width: 5rem;
}

.list-arrange-table-charter-nm {
  min-width: 10rem;
}

.list-arrange-table-vehicle-nm {
  width: 10rem;
  min-width: 10rem;
}

.list-arrange-table-reserve-weight {
  width: 8rem;
  min-width: 8rem;
}

.list-arrange-table-temperature-cd {
  width: 10rem;
}

.list-arrange-table-driver-user-nm {
  min-width: 5rem;
}

.list-arrange-table-fare-memo {
  min-width: 4rem;
}

.list-arrange-table-total-tbody {
  background-color: rgba(200, 200, 200, 0.6);
}

.edit-driver-schedule-table-container {
  display: inline-block;
  max-width: 100%;
  max-height: calc(100vh - 24rem);
  overflow-x: scroll;
  overflow-y: scroll;
  border: 1px solid gray;
}

.edit-drvier-schedule-table thead {
  position: sticky;
  top: 0;
  z-index: 4000;
}
.edit-drvier-schedule-table thead th::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-bottom: 1px solid gray;
  z-index: 1;
}
.edit-drvier-schedule-table thead tr:first-of-type th {
  border-top: 0;
}
.edit-drvier-schedule-table thead tr:first-of-type th:nth-of-type(1),
.edit-drvier-schedule-table thead tr:first-of-type th:nth-of-type(2) {
  position: sticky;
  left: 8rem;
  z-index: 2000;
}
.edit-drvier-schedule-table thead tr:first-of-type th:nth-of-type(2)::before {
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  margin-left: -1px;
}
.edit-drvier-schedule-table thead tr:first-of-type th:first-of-type {
  position: sticky;
  left: 0;
  border-left: 0;
  z-index: 2000;
}
.edit-drvier-schedule-table tbody tr:nth-child(even) td {
  background-color: #ffffff;
}
.edit-drvier-schedule-table tbody tr:nth-child(odd) td {
  background-color: #d9ebcd;
}
.edit-drvier-schedule-table tbody tr td:first-of-type {
  position: sticky;
  left: 0;
  border-left: 0;
  z-index: 2000;
}
.edit-drvier-schedule-table tbody tr td:nth-of-type(2) {
  position: sticky;
  left: 8rem;
  z-index: 1000;
}
.edit-drvier-schedule-table tbody tr td:nth-of-type(2)::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  margin-left: -1px;
  z-index: 1;
}
.edit-drvier-schedule-table tbody .edit-driver-schedule-table-date:hover {
  background-color: #e7f4f4;
  cursor: pointer;
}

.edit-driver-schedule-table-date {
  min-width: 4rem;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
}
.edit-driver-schedule-table-date[data-status_cd]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.edit-driver-schedule-table-is-own {
  min-width: 8rem;
  text-align: center;
}

.edit-driver-schedule-table-driver-user-nm {
  min-width: 14rem;
  padding: 0.25rem;
}

.edit-driver-schedule-footer-select-status-container {
  margin-top: 2rem;
}

.edit-driver-schedule-footer-select-status-container table label {
  padding-top: 0.25rem;
}

.edit-expenses-search-list dd input[type=date][disabled]:not([disabled=view]) {
  color: gray;
}

.edit-expenses-table-container {
  display: inline-block;
  width: 100%;
  max-height: calc(100vh - 23rem);
  overflow-x: scroll;
  overflow-y: scroll;
  border: 1px solid gray;
}

.edit-expenses-table {
  width: 100%;
}
.edit-expenses-table thead th {
  position: sticky;
  top: 0;
  left: 0;
  border-top: 0;
  border-left: 0;
  z-index: 2000;
}
.edit-expenses-table thead th::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-bottom: 1px solid gray;
  z-index: 1;
}
.edit-expenses-table tbody tr:not(:last-of-type) input:hover,
.edit-expenses-table tbody tr:not(:last-of-type) input:focus {
  opacity: 0.6;
}
.edit-expenses-table tbody tr:not(:last-of-type):nth-child(odd) * {
  background-color: #d9ebcd;
}
.edit-expenses-table tbody tr td:first-of-type,
.edit-expenses-table tfoot tr td:first-of-type {
  border-left: 0;
}
.edit-expenses-table .edit-expenses-table-code-eight-colum {
  width: 6.5rem;
}

.page-edit-fare-unit-price {
  overflow-x: auto;
  overflow-y: hidden;
}
.page-edit-fare-unit-price header {
  display: none;
}
.page-edit-fare-unit-price .side-nav {
  display: none;
}
.page-edit-fare-unit-price .body-container {
  padding-left: 0;
}
.page-edit-fare-unit-price .main-container {
  padding: 2rem;
}

.edit-fare-unit-price-section {
  min-height: calc(100vh - 20rem);
}

.edit-fare-unit-price-header-table-container {
  display: flex;
  gap: 2rem;
  margin-bottom: 2rem;
}

.edit-fare-unit-price-header-table.copy {
  pointer-events: none;
  display: none;
}
.edit-fare-unit-price-header-table.copy th {
  background-color: #fae6dd;
}
.edit-fare-unit-price-header-table.copy .search-btn {
  display: none;
}
.edit-fare-unit-price-header-table.copy input {
  flex: 1;
}
.edit-fare-unit-price-header-table.copy input, .edit-fare-unit-price-header-table.copy select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.edit-fare-unit-price-header-table-cd {
  width: 7rem;
}

.edit-fare-unit-price-header-table-nm {
  min-width: 16rem;
}

.edit-fare-unit-price-header-table-item-per-kg {
  width: 6rem;
  border-left: 1px solid gray;
}

.edit-fare-unit-price-detail-container {
  display: inline-flex;
  max-width: 100%;
  max-height: calc(100vh - 48rem);
  overflow: scroll;
  border: 1px solid gray;
  margin-bottom: 2rem;
}

.edit-fare-unit-price-detail-inner-container {
  display: flex;
  flex-direction: column;
}

.edit-fare-unit-price-detail-row-container {
  display: flex;
}

.edit-fare-unit-price-detail-colum-container {
  display: flex;
  margin-top: -1px;
  margin-left: -1px;
}

.edit-fare-unit-price-add-colum-btn {
  width: 3rem;
  min-width: 3rem;
  padding: 0.25rem;
  border-width: 0 0 1px 0;
  font-size: calc(1em - 0.1px);
}

.edit-fare-unit-price-add-row-btn {
  height: 3rem;
  min-height: 3rem;
  border: 0;
}

.edit-fare-unit-price-detail-colum-header-table {
  position: sticky;
  left: -0.5px;
  background-color: white;
}

.edit-fare-unit-price-detail-colum-container table {
  margin-left: -0.5px;
}

.edit-fare-unit-price-detail-colum-container table:not(:nth-of-type(1)):not(:nth-of-type(2)) {
  margin-left: -1px;
}

.edit-fare-unit-price-detail-colum-container table thead tr:last-of-type th,
.edit-fare-unit-price-detail-colum-container table thead tr:last-of-type td {
  border-bottom: 4px double gray;
}

.edit-fare-unit-price-detail-colum-container table tbody:not(:last-of-type) tr:last-of-type th,
.edit-fare-unit-price-detail-colum-container table tbody:not(:last-of-type) tr:last-of-type td {
  border-bottom: 2px dashed gray;
}

.edit-fare-unit-price-detail-fare-arriva-area-cd {
  width: 7.5rem;
  min-width: 7.5rem;
}

.edit-fare-unit-price-detail-fare-arriva-area-nm {
  width: 8rem;
  min-width: 8rem;
}

.fare-unit-price-detail-menu-btn {
  width: 1.5rem;
  background-color: gray;
  color: white;
  cursor: pointer;
}
.fare-unit-price-detail-menu-btn i {
  margin-right: 0;
}

.edit-fare-unit-price-detail-section-start-cnt {
  flex: 1;
}

.edit-fare-unit-price-detail-fare-arrival-area-nm {
  flex: 1;
}

.edit-fare-unit-price-detail-unit-nm {
  width: 3.5rem;
  text-align: center;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
}

.edit-fare-unit-price-detail-add-row-btn {
  border: 0;
  height: 2.25rem;
}

.layer-fare-unit-price-detail-menu-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.layer-fare-unit-price-detail-menu-list li {
  display: flex;
  align-items: center;
  height: 2rem;
  padding: 0.25rem 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
}
.layer-fare-unit-price-detail-menu-list li.layer-fare-unit-price-detail-menu-add-right {
  background-color: #5a7ec2;
}
.layer-fare-unit-price-detail-menu-list li.layer-fare-unit-price-detail-menu-move-left {
  background-color: #23a0c9;
}
.layer-fare-unit-price-detail-menu-list li.layer-fare-unit-price-detail-menu-move-right {
  background-color: #43985f;
}
.layer-fare-unit-price-detail-menu-list li.layer-fare-unit-price-detail-menu-delete {
  background-color: #eb6161;
}
.layer-fare-unit-price-detail-menu-list li:hover {
  opacity: 0.8;
}

.list-fare-unit-price-table-container {
  max-height: calc(100vh - 23rem);
}

.list-fare-unit-price-table-fare-unit-price-start-date {
  width: 8rem;
}

.list-fare-unit-price-table-billing-cd {
  width: 8rem;
}

.list-fare-unit-price-table-charter-wholesale-cd {
  width: 8rem;
}

.list-fare-unit-price-table-charter-wholesale-nm {
  width: 16rem;
}

.list-fare-unit-price-table-fare-departure-area-cd {
  width: 8rem;
}

.list-fare-unit-price-table-fare-departure-area-nm {
  width: 8rem;
}

.list-fare-unit-price-table-item-cd {
  width: 8rem;
}

.list-fare-unit-price-table-item-nm {
  width: 16rem;
}

.list-fare-unit-price-table-item-per-kg {
  width: 6rem;
}

.list-fare-unit-price-table-fare-calc-cd {
  width: 10rem;
}

.list-fare-unit-price-table-temperature-cd {
  width: 8rem;
}

.list-fare-unit-price-table-standard-cd {
  width: 12rem;
}

.list-fare-unit-price-table-fare-price-round-cd {
  width: 10rem;
}

.page-edit-voice {
  overflow-x: auto;
  overflow-y: hidden;
}
.page-edit-voice header {
  display: none;
}
.page-edit-voice .side-nav {
  display: none;
}
.page-edit-voice .body-container {
  padding-left: 0;
}
.page-edit-voice .main-container {
  padding: 1rem;
}

.edit-voice-section {
  width: 40rem;
  padding: 2rem 2rem 1rem;
  background-color: #f1f3f4;
  border: 2px solid gray;
}
@media (max-width: 480px) {
  .edit-voice-section {
    width: 100%;
  }
}
.edit-voice-section .recording-player {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 5px;
}
.edit-voice-section .audio-wave {
  width: 100%;
  height: 12rem;
  background-color: #ffffff;
  border: 1px solid #b7b7b7;
  border-radius: 5px;
}
.edit-voice-section .recording-time {
  font-size: calc(1em + 0.6rem);
  margin: 2rem auto;
  text-align: center;
}
.edit-voice-section .recording-btn-container {
  margin-bottom: 1rem;
}
.edit-voice-section .recording-start-btn,
.edit-voice-section .recording-stop-btn,
.edit-voice-section .recording-delete-btn {
  padding: 1rem 2rem;
  border: none;
  border-radius: 4px;
  background-color: #3f6397;
  color: #ffffff;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.edit-voice-section .recording-start-btn[disabled],
.edit-voice-section .recording-stop-btn[disabled],
.edit-voice-section .recording-delete-btn[disabled] {
  background-color: gray;
}
.edit-voice-section .recording-delete-btn {
  background-color: #c46262;
}
.edit-voice-section .recording-mic-select-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.edit-voice-section .recording-mic-select-container select {
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 4px;
  background-color: #3f6397;
  color: #ffffff;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.edit-voice-section .audio-player-info-table {
  width: 100%;
  margin: 0 auto;
}
.edit-voice-section .audio-player-info-table td {
  background-color: white;
}
.edit-voice-section .audio-player-info-table td .audio-player-info-user-cd {
  width: 7rem;
  border-right: 1px solid gray;
}
.edit-voice-section .audio-player {
  width: 100%;
}
.edit-voice-section audio::-webkit-media-controls-enclosure {
  border-radius: 0px;
  background-color: transparent;
}

.page-edit-transport {
  overflow-x: auto;
  overflow-y: auto;
}
.page-edit-transport header {
  display: none;
}
.page-edit-transport .side-nav {
  display: none;
}
.page-edit-transport .body-container {
  padding-left: 0;
}
.page-edit-transport .main-container {
  padding: 1rem;
}

.edit-transport-charter-transport-level-list {
  display: flex;
  height: 2.5rem;
  margin-bottom: 0.75rem;
}
.edit-transport-charter-transport-level-list select {
  border: 0;
}

.edit-transport-table-container {
  max-height: calc(100vh - 12rem);
  overflow-y: auto;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
}

.edit-transport-table {
  width: 100%;
}
.edit-transport-table thead th {
  position: sticky;
  white-space: nowrap;
  top: 0;
  border-top: 0;
  padding: 0;
}
.edit-transport-table thead th::after {
  display: block;
  content: "";
  width: 100%;
  height: 0.5px;
  background-color: gray;
  position: absolute;
  bottom: -0.5px;
}
.edit-transport-table tbody tr:last-of-type td {
  border-bottom: 0;
}

.edit-transport-table-row-disabled {
  background-color: rgb(223, 223, 223);
}
.edit-transport-table-row-disabled input:not([name=transport_order_no]), .edit-transport-table-row-disabled select {
  pointer-events: none;
  background-color: transparent !important;
}

.edit-transport-table-no {
  width: 4rem;
}
.edit-transport-table-no input[type=button] {
  cursor: pointer;
}

.edit-transport-table-driveid-drive-header-no {
  width: 8rem;
}

td.edit-transport-table-driveid-drive-header-no input {
  text-align: center;
}

.edit-transport-table-date {
  width: 10rem;
}

.edit-transport-table-section-nm {
  min-width: 10rem;
}

.edit-transport-table-item-nm {
  min-width: 16rem;
  border-right: 1px solid gray;
}

.edit-transport-table-item-per-kg {
  width: 8rem;
}

.edit-transport-table-item-cnt {
  width: 8rem;
  border-right: 1px solid gray;
}

.edit-transport-table-unit-nm {
  width: 4rem;
}

.edit-transport-table-transporter-nm {
  width: 20rem;
}

.edit-transport-table-transport-level {
  width: 8rem;
}

.edit-transport-table-vehicle-nm {
  width: 8rem;
}

.edit-transport-table-driver-user-nm {
  width: 12rem;
}

.edit-transport-table-delimiter {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  padding: 0 0.25rem;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  font-size: 1.25em;
  font-weight: 600;
  color: #555;
}

.edit-transport-row-menu-layer {
  width: 25rem;
  padding: 0;
  border-width: 1px;
  box-shadow: 2px 2px 4px 0px rgba(80, 80, 80, 0.2);
}
.edit-transport-row-menu-layer ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.edit-transport-row-menu-layer li {
  display: flex;
  align-items: center;
  height: 2.5rem;
  padding: 0 0 0 0.5rem;
  gap: 0.5rem;
  font-weight: 600;
  color: gray;
  cursor: pointer;
}
.edit-transport-row-menu-layer li input {
  width: 8rem;
  text-align: center;
  border: 2px solid #aeaeae;
}
.edit-transport-row-menu-layer li select {
  width: 8rem;
  border: 2px solid #aeaeae;
}
.edit-transport-row-menu-layer li button {
  flex: 1 1 auto;
  height: 100%;
  padding: 0 0.25rem;
}
.edit-transport-row-menu-layer .row-menu-add {
  background-color: #5a7ec2;
}
.edit-transport-row-menu-layer .row-menu-add :hover {
  opacity: 0.8;
}
.edit-transport-row-menu-layer .row-menu-copy {
  background-color: #43985f;
}
.edit-transport-row-menu-layer .row-menu-copy :hover {
  opacity: 0.8;
}
.edit-transport-row-menu-layer .row-menu-delete {
  background-color: #eb6161;
  color: white;
}
.edit-transport-row-menu-layer .row-menu-delete :hover {
  opacity: 0.8;
}

.list-transport-result-section {
  padding: 0.5rem 0;
}
.list-transport-result-section h3 {
  height: 2rem;
  margin-bottom: 0.25rem;
  display: flex;
  justify-content: space-between;
}

.list-transport-table {
  width: 100%;
}
.list-transport-table input {
  background-color: transparent !important;
}
.list-transport-table tbody:nth-of-type(odd) {
  background-color: #d9ebcd;
}
.list-transport-table tbody:hover {
  background-color: #e7f4f4;
  cursor: pointer;
}

.list-transport-table-driveid-drive-header-no {
  min-width: 8rem;
  max-width: 8rem;
}
.list-transport-table-driveid-drive-header-no input {
  text-align: center;
}

.list-transport-table-date {
  min-width: 8rem;
  max-width: 8rem;
}
.list-transport-table-date input {
  text-align: center;
}

.list-transport-table-head-section-nm {
  min-width: 10rem;
}

.list-transport-table-head-item-nm {
  min-width: 10rem;
}

.list-transport-table-transporter-nm {
  min-width: 14rem;
}

.list-transport-table-section-nm {
  min-width: 10rem;
}

.list-transport-table-item-nm {
  min-width: 16rem;
  border-right: 1px solid gray;
}

.list-transport-table-item-per-kg {
  width: 8rem;
}

.list-transport-table-item-cnt {
  width: 8rem;
  border-right: 1px solid gray;
}

.list-transport-table-unit-nm {
  width: 4rem;
}

.list-transport-table-transporter-nm {
  width: 18rem;
}

.list-transport-table-transport-level {
  min-width: 8rem;
  max-width: 8rem;
}

.list-transport-table-vehicle-nm {
  width: 8rem;
  min-width: 8rem;
  max-width: 8rem;
}

.list-transport-table-driver-user-nm {
  width: 12rem;
  min-width: 12rem;
  max-width: 12rem;
}

.list-transport-table-delimiter {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  padding: 0 0.25rem;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  font-size: 1.25em;
  font-weight: 600;
  color: #555;
}

.page-list-transport .print-container {
  visibility: hidden;
}

@media print {
  .page-list-transport .print-container {
    visibility: visible;
  }
  .page-list-transport .main-title-container {
    display: none !important;
  }
  .page-list-transport .list-transport-result-container {
    padding: 2mm 0;
  }
  .page-list-transport .list-transport-search-list {
    display: none !important;
  }
  .page-list-transport .list-transport-table thead th {
    border: 1px solid gray !important;
  }
  .page-list-transport .list-transport-table tbody:first-of-type tr:first-of-type td {
    border-top: 1px solid gray !important;
  }
  .page-list-transport .list-transport-table tbody tr:first-of-type td:first-of-type input {
    visibility: visible !important;
  }
}/*# sourceMappingURL=common.css.map */