@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap");
@keyframes animeSpinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes animeSpinnerCenter {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes animeSize {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(3);
  }
}
@keyframes animeExists {
  0% {
    color: #333;
    background-color: #ffcc00;
  }
  50% {
    color: #333;
    background-color: #ffcc00;
  }
  100% {
    color: #666;
    background-color: #FFF7D5;
  }
}
/* Reset */
html, body, div, section, p, span, a, table, thead, tbody, tr, th, td, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, select, textarea, button {
  margin: 0;
  padding: 0;
  position: relative;
  box-sizing: border-box;
}

input, select, textarea, button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

html, body {
  width: 100%;
  height: 100%;
}

html {
  background-color: #000;
  overflow: hidden;
}

body {
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  line-height: 1.7;
  overflow: hidden;
}
body.client {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  height: 100%;
  transform: none;
}

#container {
  width: 100%;
  height: 100%;
  background-color: #fff;
  color: #333;
  font-size: 0.875rem;
  overflow: hidden;
}
#container input, #container select, #container textarea {
  color: #333;
  font-size: 0.8125rem;
}
#container .col-red {
  color: #c00;
}
#container .col-blue {
  color: #00c;
}
#container .bold {
  font-weight: 600;
}
#container .nobr {
  white-space: nowrap;
}

.bg-red {
  background-color: #c00 !important;
}

.bg-green {
  background-color: #14805C !important;
}

#cover-wait {
  z-index: 99999;
  opacity: 1;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100vh;
  background-color: #fff;
}
#cover-wait.disabled {
  animation-name: open-cover-wait;
  animation-duration: 0.2s;
  animation-timing-function: linear;
  animation-delay: 0;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
}
@keyframes open-cover-wait {
  0% {
    z-index: 99999;
    display: block;
    opacity: 1;
  }
  99% {
    z-index: 99999;
    display: block;
    opacity: 0;
  }
  100% {
    z-index: -1;
    display: none;
    opacity: 0;
  }
}

#header {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background-color: #333;
  border-bottom: solid 2px #1b1e7f;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}
#header .header-body {
  display: grid;
  grid-template-columns: 18px 1fr auto 18px;
  grid-template-rows: 40px;
  gap: 10px;
  padding: 0 10px;
  width: 100%;
  height: 40px;
}
#header .header-body .btnMenu {
  grid-column: 1/2;
  grid-row: 1/2;
  align-self: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  transition: all 0.2s;
  cursor: pointer;
}
#header .header-body .btnMenu .bar {
  width: 18px;
  height: 3px;
  background-color: #fff;
  border-radius: 2px;
  transition: all 0.2s;
  overflow: visible;
}
#header .header-body .btnMenu::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 18px;
  height: 3px;
  background-color: #fff;
  border-radius: 2px;
  transform: translate(-50%, -250%);
  transition: all 0.2s;
}
#header .header-body .btnMenu::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 18px;
  height: 3px;
  background-color: #fff;
  border-radius: 2px;
  transform: translate(-50%, 200%);
  transition: all 0.2s;
}
#header .header-body .btnMenu.opend .bar {
  transform: translate(0, 0) scaleX(0.1);
}
#header .header-body .btnMenu.opend::before {
  transform: translate(-50%, 0) rotate(-45deg);
}
#header .header-body .btnMenu.opend::after {
  transform: translate(-50%, 0) rotate(45deg);
}
#header .header-body .btnMenu:hover .bar {
  background-color: #ffcc66;
}
#header .header-body .btnMenu:hover::before {
  background-color: #ffcc66;
}
#header .header-body .btnMenu:hover::after {
  background-color: #ffcc66;
}
#header .header-body h2 {
  grid-column: 2/3;
  grid-row: 1/2;
  align-self: center;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1;
}
#header .header-body .login-user {
  grid-column: 3/4;
  grid-row: 1/2;
  align-self: center;
  display: flex;
  align-items: center;
  padding: 5px;
  height: 24px;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-radius: 4px;
}
#header .header-body .login-user .name {
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
}
#header .header-body .login-user::before {
  content: "";
  display: inline-block;
  content: "\f2bd";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
  line-height: 1;
  color: #fff;
}
#header .header-body .buttons {
  grid-column: 4/5;
  grid-row: 1/2;
  align-self: center;
}
#header .header-body .buttons .btnLogout {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  color: #fff;
  font-size: 1.125rem;
}
#header .header-body .buttons .btnLogout:hover {
  color: #ffcc66;
}
#header .header-body .buttons .btnLogout.unused {
  opacity: 0.1;
  pointer-events: none;
}
#header .header-body .buttons .btnLogout.unused:hover {
  color: #fff;
}
#header .header-body dl.login-user {
  display: flex;
  border: solid 2px #1b1e7f;
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
}
#header .header-body dl.login-user dt {
  padding: 0.25em 0.75em;
  background-color: #1b1e7f;
  color: #fff;
}
#header .header-body dl.login-user dd {
  padding: 0.25em 0.75em;
}

#notice-inquiry {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 200;
  position: fixed;
  top: calc(40px + 20px);
  right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 280px;
  height: 70px;
  background-color: #FFFF7F;
  border: solid 5px #FFBF7F;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.25);
  line-height: 1;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  transform: translateX(0);
}
#notice-inquiry span {
  line-height: 1;
}
#notice-inquiry span.icon::before {
  content: "\f06a";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
  color: #E63535;
  font-size: 1.25rem;
  font-weight: 400;
}
#notice-inquiry span.text {
  font-size: 1rem;
  font-weight: 600;
}
#notice-inquiry span#btnCloseNotice {
  cursor: pointer;
  position: absolute;
  top: 2px;
  right: 2px;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  color: #666666;
}
#notice-inquiry span#btnCloseNotice::before {
  content: "\f00d";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0;
  line-height: 1;
  font-size: 1.5rem;
  font-weight: 400;
}
#notice-inquiry span#btnCloseNotice:hover {
  color: #ffcc66;
}
#notice-inquiry:hover {
  transition: all 0.2s ease-in-out;
  opacity: 0.75;
}
#notice-inquiry.hide {
  opacity: 0;
  transform: translateX(calc(100% + 50px));
  transition: all 0.2s ease-in-out;
}

#sidebar {
  z-index: 90;
  position: fixed;
  top: 40px;
  left: 0;
  padding: 10px;
  width: 230px;
  height: calc(100% - 40px);
  background-color: #666;
  box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.25);
  overflow-y: auto;
  transition: 0.2s;
  transform: translateX(calc(-100% - 10px));
}
#sidebar nav section {
  display: none;
  padding: 10px 0;
  border-bottom: dotted 2px white;
}
#sidebar nav section:nth-of-type(1) {
  display: block;
}
#sidebar nav section > div {
  display: none;
  align-items: center;
  padding: 0.25em 0 0.25em 20px;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}
#sidebar nav section > div:not(:first-of-type) {
  margin-top: 8px;
}
#sidebar nav section > div.active::before {
  content: "\f04b";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: -1em;
  margin-right: 0.25em;
  font-size: 0.625rem;
  line-height: 1;
}
#sidebar nav section > div:hover {
  color: #ffcc00;
}
#sidebar nav section > div.disabled {
  cursor: default;
  opacity: 0.5;
}
#sidebar nav section > div.disabled:hover {
  color: #fff;
}
#sidebar nav section > div.hidden {
  display: none;
}
#sidebar nav section > div.enable {
  display: flex;
}
#sidebar nav section:nth-of-type(1) > div:nth-of-type(1) {
  display: flex;
}
#sidebar nav section:nth-last-of-type(1) {
  border-bottom: 0;
}
#sidebar nav section:nth-last-of-type(1) > div:nth-of-type(1) {
  display: flex;
}
#sidebar nav section.hidden {
  display: none;
}
#sidebar nav section.enable {
  display: block;
}
#sidebar .version {
  position: absolute;
  bottom: 10px;
  left: 50%;
  padding: 0.5em;
  width: calc(100% - 20px);
  border: solid 1px rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  transform: translate(-50%, 0);
}
#sidebar .version .ver {
  text-align: center;
  color: #fff;
}
#sidebar .version .ver span {
  line-height: 1;
  font-size: 0.875rem;
}
#sidebar .version .up {
  text-align: center;
  color: #fff;
}
#sidebar .version .up span {
  line-height: 1;
  font-size: 0.875rem;
}
#sidebar .version .up span:first-child {
  margin-right: 0.5em;
  font-size: 0.625rem;
}
#sidebar.opend {
  transform: translateX(0);
}

#sidebar-cover {
  z-index: -1;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100svh;
  background-color: rgba(255, 255, 255, 0.75);
}
#sidebar-cover.opend {
  animation-name: open-sidebar-cover;
  animation-duration: 0.2s;
  animation-timing-function: linear;
  animation-delay: 0;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
}
@keyframes open-sidebar-cover {
  0% {
    z-index: 89;
    display: none;
  }
  10% {
    z-index: 89;
    display: block;
    opacity: 0;
  }
  100% {
    z-index: 89;
    opacity: 1;
  }
}

#contents {
  margin: 0 0 0 auto;
  padding: 0;
  width: 100%;
  max-width: 1920px;
  height: 100vh;
  background-color: #fff;
  overflow: hidden;
}
#contents .contents-info {
  display: none;
  margin-top: 40px;
  margin-bottom: 20px;
}
#contents .contents-info > p {
  font-size: 1rem;
}
#contents .contents-body {
  position: fixed;
  top: 40px;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  padding-top: 30px;
  padding-bottom: 60px;
  width: 100%;
  max-width: 1920px;
  height: calc(100vh - 40px);
  -moz-column-gap: 10px;
       column-gap: 10px;
  row-gap: 20px;
  font-size: 0.875rem;
}
#contents .contents-body .contents-wrapper {
  position: fixed;
  top: 40px;
  left: 0;
  padding: 30px 0;
  width: 100%;
  max-width: 1920px;
  height: calc(100vh - 40px);
  overflow: auto;
}
#contents .contents-body .contents-wrapper.v-center {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
#contents .contents-body .contents-wrapper.open-gdget-basic {
  width: calc(100% - 684px);
  transition: width 0.2s ease-in-out;
}
#contents .contents-body .contents-wrapper.open-gdget-xl {
  width: calc(100% - calc(1920px / 2));
  transition: width 0.2s ease-in-out;
}
#contents .contents-body .x1 {
  width: calc(calc((786px - 10px * (12 - 1)) / 12) * 1 + 10px * 0);
}
#contents .contents-body .x1d5 {
  width: calc(calc((786px - 10px * (12 - 1)) / 12) * 1.5 + 10px * 0);
}
#contents .contents-body .x2 {
  width: calc(calc((786px - 10px * (12 - 1)) / 12) * 2 + 10px * 1);
}
#contents .contents-body .x2d5 {
  width: calc(calc((786px - 10px * (12 - 1)) / 12) * 2.5 + 10px * 1);
}
#contents .contents-body .x3 {
  width: calc(calc((786px - 10px * (12 - 1)) / 12) * 3 + 10px * 2);
}
#contents .contents-body .x3d5 {
  width: calc(calc((786px - 10px * (12 - 1)) / 12) * 3.5 + 10px * 2);
}
#contents .contents-body .x4 {
  width: calc(calc((786px - 10px * (12 - 1)) / 12) * 4 + 10px * 3);
}
#contents .contents-body .x5 {
  width: calc(calc((786px - 10px * (12 - 1)) / 12) * 5 + 10px * 4);
}
#contents .contents-body .x6 {
  width: calc(calc((786px - 10px * (12 - 1)) / 12) * 6 + 10px * 5);
}
#contents .contents-body .x7 {
  width: calc(calc((786px - 10px * (12 - 1)) / 12) * 7 + 10px * 6);
}
#contents .contents-body .x8 {
  width: calc(calc((786px - 10px * (12 - 1)) / 12) * 8 + 10px * 7);
}
#contents .contents-body .x9 {
  width: calc(calc((786px - 10px * (12 - 1)) / 12) * 9 + 10px * 8);
}
#contents .contents-body .x10 {
  width: calc(calc((786px - 10px * (12 - 1)) / 12) * 10 + 10px * 9);
}
#contents .contents-body .x11 {
  width: calc(calc((786px - 10px * (12 - 1)) / 12) * 11 + 10px * 12);
}
#contents .contents-body .x12 {
  width: calc(calc((786px - 10px * (12 - 1)) / 12) * 12 + 10px * 11);
}
#contents .contents-body .xauto {
  flex-grow: 1;
  width: auto;
}
#contents .contents-body .x100 {
  width: 100%;
}
#contents .contents-body .no-shrink {
  flex-shrink: 0;
}
#contents .contents-body .centering {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  min-height: 50vh;
  background-color: aqua;
}
#contents .contents-body h4.yamato {
  color: #1b1e7f;
  font-size: 1.125rem;
}
#contents .contents-body h4.yamato::before {
  content: "\f6be";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #000;
  font-size: 1.25rem;
}
#contents .contents-body #clientSearchGroup {
  opacity: 1;
  max-height: auto;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}
#contents .contents-body #clientSearchGroup.disabled {
  opacity: 0;
  max-height: 0;
  transition: all 0.2s ease-in-out;
}
#contents .contents-body #clientEditGroup {
  opacity: 1;
  max-height: auto;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}
#contents .contents-body #clientEditGroup > div:nth-last-of-type(1) {
  margin-bottom: 70px !important;
}
#contents .contents-body #clientEditGroup.disabled {
  opacity: 0;
  max-height: 0;
  transition: all 0.2s ease-in-out;
}
#contents .none {
  display: none;
}
#contents [data-sysytem=true] {
  display: none;
}

#nowLoading {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100svh;
  background-color: #fff;
}

#modals {
  position: static;
}
#modals #modal-back {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100svw;
  height: 100svh;
  background-color: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}
#modals .modal-backdrop {
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px);
}
#modals > .modal {
  z-index: 150;
  opacity: 1;
}
#modals > .modal > .modal-dialog {
  width: 100%;
  max-width: 1000px;
}
#modals > .modal > .modal-dialog > .modal-content {
  background-color: transparent;
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.75));
}
#modals > .modal > .modal-dialog > .modal-content > .modal-header {
  height: 30px;
  background-color: #333;
  border-width: 2px;
  border-style: solid;
  border-color: #333;
  border-radius: 4px 4px 0 0;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-header h2 {
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-body {
  padding: calc(10px * 2) calc(10px * 2) 0;
  background-color: #fff;
  border-width: 2px;
  border-style: solid;
  border-color: #333;
  border-top: none;
  border-bottom: none;
  border-radius: 0;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-body .status h4 {
  margin-bottom: 10px;
  font-size: 0.875rem;
  font-weight: 600;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-body .status h4::before {
  content: "\f0c8";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-body .status .comment .caution {
  padding-left: 1.25em;
  color: #EF4739;
  font-weight: 600;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-body .status .comment .caution::before {
  display: inline-block;
  content: "\f071";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
  margin-left: -1.25em;
  font-weight: 400;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-body ul.resultImportFile {
  display: block;
  list-style: none;
  margin: 0 auto;
  padding: calc(10px * 3) 0;
  width: auto;
  max-width: 400px;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-body ul.resultImportFile li {
  display: flex;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-body ul.resultImportFile li div {
  padding: 7px;
  width: 100px;
  line-height: 1;
  text-align: right;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-body ul.resultImportFile li div span {
  font-size: 0.875rem;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-body ul.resultImportFile li div.name {
  width: 50px;
  background-color: #707070;
  text-align: left;
  font-weight: 600;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-body ul.resultImportFile li div.success {
  border: solid 1px #5EBC5E;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-body ul.resultImportFile li div.success.name {
  color: #fff;
  background-color: #5EBC5E;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-body ul.resultImportFile li div.failed {
  border: solid 1px #FD6161;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-body ul.resultImportFile li div.failed.name {
  color: #fff;
  background-color: #FD6161;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-body ul.resultImportFile li div:not(.name) span::after {
  content: "件";
  display: inline-block;
  margin-left: 0.25em;
  font-size: 0.75rem;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-body ul.resultImportFile li div:nth-of-type(2) {
  margin-right: 10px;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-body .errors .errors-wrapper {
  margin-top: calc(10px * 1);
  padding: calc(10px * 2);
  border: solid 1px #c00;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-body .errors .errors-wrapper .scroll-body {
  max-height: 300px;
  overflow-y: auto;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-body .errors .errors-wrapper .scroll-body ul.errorList {
  list-style: none;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-body .errors .errors-wrapper .scroll-body ul.errorList li {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  margin-bottom: calc(10px * 1);
}
#modals > .modal > .modal-dialog > .modal-content > .modal-body .errors .errors-wrapper .scroll-body ul.errorList li h5 {
  grid-column: 2/3;
  grid-row: 1/2;
  font-size: 0.875rem;
  font-weight: 600;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-body .errors .errors-wrapper .scroll-body ul.errorList li h5 i {
  margin: 0 0.5em;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-body .errors .errors-wrapper .scroll-body ul.errorList li p {
  grid-column: 2/3;
  grid-row: 2/3;
  font-size: 0.875rem;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-body .errors .errors-wrapper .scroll-body ul.errorList li span {
  grid-column: 2/3;
  grid-row: 1/2;
  line-height: 1.2;
  font-size: 0.875rem;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-body .errors .errors-wrapper .scroll-body ul.errorList li::before {
  grid-column: 1/2;
  grid-row: 1/2;
  content: "\f00d";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
  display: inline-block;
  color: #c00;
  font-size: 1.125rem;
  line-height: 1;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-body .errors .errors-wrapper .scroll-body ul.errorList li:nth-last-of-type(1) {
  margin-bottom: 0;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-body .errors .errors-wrapper .scroll-body ul.errorList.caution li::before {
  content: "\f071";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
  color: #f60;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-body .errors .errors-wrapper.disabled .errors-wrapper {
  display: none;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-body .errors.disabled {
  display: none;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-footer {
  justify-content: center;
  padding: calc(10px * 2) calc(10px * 2);
  background-color: #fff;
  border-width: 2px;
  border-style: solid;
  border-color: #333;
  border-top: none;
  border-radius: 0 0 4px 4px;
}
#modals > .modal > .modal-dialog > .modal-content > .modal-footer .buttons button,
#modals > .modal > .modal-dialog > .modal-content > .modal-footer .buttons a[data-type^=download] {
  height: 30px;
}
#modals > .modal.wait {
  z-index: 300;
}
#modals > .modal.wait::before {
  content: "\f110";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1;
  color: #fff;
  font-size: 100px;
  animation-name: wait-sipn;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-delay: 0;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: both;
}
@keyframes wait-sipn {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
#modals > .modal.caution {
  z-index: 250;
}
#modals > .modal.caution > .modal-dialog > .modal-content > .modal-header {
  background-color: #F99747;
  border-width: 2px;
  border-style: solid;
  border-color: #F99747;
}
#modals > .modal.caution > .modal-dialog > .modal-content > .modal-body {
  background-color: #fff;
  border-width: 2px;
  border-style: solid;
  border-color: #F99747;
  border-top: none;
  border-bottom: none;
}
#modals > .modal.caution > .modal-dialog > .modal-content > .modal-footer {
  background-color: #fff;
  border-width: 2px;
  border-style: solid;
  border-color: #F99747;
  border-top: none;
}
#modals > .modal.success {
  z-index: 250;
}
#modals > .modal.success > .modal-dialog > .modal-content > .modal-header {
  background-color: #5EBC5E;
  border-width: 2px;
  border-style: solid;
  border-color: #5EBC5E;
}
#modals > .modal.success > .modal-dialog > .modal-content > .modal-body {
  background-color: #fff;
  border-width: 2px;
  border-style: solid;
  border-color: #5EBC5E;
  border-top: none;
  border-bottom: none;
}
#modals > .modal.success > .modal-dialog > .modal-content > .modal-footer {
  background-color: #fff;
  border-width: 2px;
  border-style: solid;
  border-color: #5EBC5E;
  border-top: none;
}
#modals > .modal.failed {
  z-index: 250;
}
#modals > .modal.failed > .modal-dialog > .modal-content > .modal-header {
  background-color: #FD6161;
  border-width: 2px;
  border-style: solid;
  border-color: #FD6161;
}
#modals > .modal.failed > .modal-dialog > .modal-content > .modal-body {
  background-color: #fff;
  border-width: 2px;
  border-style: solid;
  border-color: #FD6161;
  border-top: none;
  border-bottom: none;
}
#modals > .modal.failed > .modal-dialog > .modal-content > .modal-footer {
  background-color: #fff;
  border-width: 2px;
  border-style: solid;
  border-color: #FD6161;
  border-top: none;
}
#modals > .modal.with-bdr > .modal-dialog > .modal-content > .modal-body::after {
  content: "";
  display: block;
  padding: calc(10px * 2) 0 0;
  border-width: 1px;
  border-style: dotted;
  border-color: #707070;
  border-top: none;
  border-right: none;
  border-left: none;
}
#modals > .modal.fade:not(.show) > .modal-dialog {
  transform: translate(0, 0) scale(0.95, 0.95) !important;
}

#modalBG {
  z-index: 5000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.75);
}
#modalBG .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 200px;
  line-height: 1;
}
#modalBG.loading .icon {
  display: block;
}
#modalBG.loading .icon::before {
  display: block;
  content: "\f110";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #fff;
  animation-name: animeSpinner;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-delay: 0;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: both;
}

.modal-backdrop {
  z-index: 100;
  width: 100%;
  height: 100%;
}
.modal-backdrop.sp {
  z-index: 240;
}

.modal .modal-content .modal-body .count-group p i {
  margin-left: 0.5em;
}
.modal .modal-content .modal-body .count-group p span.count {
  margin: 0 0.5em;
  font-size: 1.25rem;
  font-weight: 600;
}

/* Check Count */
.modal#modalTodayCheckLog .searchResult.check-logs .lists {
  display: flex;
  justify-content: center;
}
.modal#modalTodayCheckLog .searchResult.check-logs .lists > div {
  margin: 0 10px 0;
  width: calc((100% - 60px) / 2);
}
.modal#modalTodayCheckLog .searchResult.check-logs .lists > div ul {
  list-style: none;
}
.modal#modalTodayCheckLog .searchResult.check-logs .lists > div ul li {
  display: flex;
  gap: 1em;
  padding: 0.25em 0.5em;
  border-right: solid 1px #000;
  border-bottom: solid 1px #000;
  border-left: solid 1px #000;
}
.modal#modalTodayCheckLog .searchResult.check-logs .lists > div ul li div i {
  margin-right: 0.25em;
}
.modal#modalTodayCheckLog .searchResult.check-logs .lists > div ul li div.count {
  width: 4em;
  text-align: right;
}
.modal#modalTodayCheckLog .searchResult.check-logs .lists > div ul li div.count::after {
  content: ".";
}
.modal#modalTodayCheckLog .searchResult.check-logs .lists > div ul li.clickable {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.modal#modalTodayCheckLog .searchResult.check-logs .lists > div ul li.clickable:hover {
  background-color: #ffcc00;
  filter: brightness(1.2) opacity(0.9);
  transition: all 0.2s ease-in-out;
}
.modal#modalTodayCheckLog .searchResult.check-logs .lists > div ul li.clickable:focus {
  background-color: #FDE378;
  background-transition: all 0.2s ease-in-out;
  outline: none;
}
.modal#modalTodayCheckLog .searchResult.check-logs .lists > div ul li:nth-of-type(1) {
  border-top: solid 1px #000;
}
.modal#modalTodayCheckLog .searchResult.check-logs .status .inquiry h3,
.modal#modalTodayCheckLog .searchResult.check-logs .status .delivary h3 {
  padding-bottom: 0.5em;
  font-size: 1.125rem;
  font-weight: 600;
}
.modal#modalTodayCheckLog .searchResult.check-logs .status .inquiry h3 i,
.modal#modalTodayCheckLog .searchResult.check-logs .status .delivary h3 i {
  margin-right: 0.5em;
}
.modal#modalTodayCheckLog .searchResult.check-logs .status .inquiry h3 span.count,
.modal#modalTodayCheckLog .searchResult.check-logs .status .delivary h3 span.count {
  font-size: 1.5rem;
}
.modal#modalTodayCheckLog .searchResult.check-logs .status .inquiry h3 span.count::before,
.modal#modalTodayCheckLog .searchResult.check-logs .status .delivary h3 span.count::before {
  content: "\f141";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.modal#modalTodayCheckLog .searchResult.check-logs .status .inquiry h3 span.count::after,
.modal#modalTodayCheckLog .searchResult.check-logs .status .delivary h3 span.count::after {
  display: inline;
  content: "件";
  margin-left: 0.25em;
  font-size: 1.125rem;
}
.modal#modalTodayCheckLog .searchResult.check-logs .status .inquiry h3 i {
  color: #ff6600;
}
.modal#modalTodayCheckLog .searchResult.check-logs .status .delivary h3 i {
  color: #4043a7;
}
.modal#modalTodayCheckLog .searchResult.check-logs .status .delivary.disabled {
  display: none;
}
.modal#modalTodayCheckLog .searchResult.check-logs .listWrapper .lists {
  min-height: 100px;
}
.modal#modalTodayCheckLog .searchResult.check-logs .listWrapper .lists .delivary.disabled {
  display: none;
}

/* Yamato API */
.modal .searchResult.yamato-api h4 {
  margin-bottom: 20px;
}
.modal .searchResult.yamato-api .status p.err {
  margin-bottom: 20px;
}
.modal .searchResult.yamato-api ul li {
  display: block;
  margin-bottom: 30px;
  background-color: transparent !important;
  border: none;
}
.modal .searchResult.yamato-api ul li h5 {
  margin-bottom: 10px;
  font-weight: 600;
}
.modal .searchResult.yamato-api ul li h5 i {
  color: #c00;
}
.modal .searchResult.yamato-api ul li div.err {
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  border-top: none;
  border-right: none;
  border-bottom: solid 1px #333;
  border-left: solid 1px #333;
}
.modal .searchResult.yamato-api ul li div.err > div {
  flex-shrink: 0;
  padding: 0.5em;
  height: 100%;
}
.modal .searchResult.yamato-api ul li div.err > div.code {
  width: 10em;
  border-right: solid 1px #333;
  font-weight: 600;
}
.modal .searchResult.yamato-api ul li div.err > div.decode {
  width: 15em;
  border-right: solid 1px #333;
}
.modal .searchResult.yamato-api ul li div.err > div.param {
  width: 20em;
  border-right: solid 1px #333;
}
.modal .searchResult.yamato-api ul li div.err > div.cmt {
  flex-shrink: 1;
  width: 100%;
  max-width: 100%;
  border-right: solid 1px #333;
}
.modal .searchResult.yamato-api ul li div.err:nth-of-type(1) {
  border-top: solid 1px #333;
}
.modal .searchResult.yamato-api ul li div.err:nth-of-type(even) {
  background-color: #FFF7D5;
}

/* Reception Delivery */
.modal .searchResult.reception-delivery ul {
  gap: 0;
}
.modal .searchResult.reception-delivery ul li {
  justify-content: flex-start;
}
.modal .searchResult.reception-delivery ul li div {
  flex-grow: 0;
  flex-shrink: 0;
}
.modal .searchResult.reception-delivery ul li div:nth-of-type(1) {
  width: 6em;
}
.modal .searchResult.reception-delivery ul li div:nth-of-type(2) {
  width: 7em;
}
.modal .searchResult.reception-delivery ul li div:nth-of-type(3) {
  width: 6em;
}
.modal .searchResult.reception-delivery ul li div:nth-of-type(4) {
  width: 8em;
}
.modal .searchResult.reception-delivery ul li div:nth-of-type(5) {
  width: 12em;
}
.modal .searchResult.reception-delivery ul li div:nth-of-type(6) {
  width: 4em;
}
.modal .searchResult.reception-delivery ul li div:nth-of-type(7) {
  width: 6em;
}
.modal .searchResult.reception-delivery ul li div:nth-of-type(8) {
  width: 13em;
}
.modal .searchResult.reception-delivery ul li div:nth-of-type(9) {
  width: 4em;
}
.modal .searchResult.reception-delivery ul li div:nth-of-type(10) {
  width: 4em;
}
.modal .searchResult.reception-delivery ul li div:nth-of-type(11) {
  width: 7em;
}
.modal .searchResult.reception-delivery ul li div:nth-of-type(12) {
  width: 7em;
}
.modal .searchResult.reception-delivery ul li div:nth-of-type(13) {
  width: 7em;
}
.modal .searchResult.reception-delivery ul li div:nth-of-type(14) {
  width: 10em;
}
.modal .searchResult.reception-delivery ul li div:nth-of-type(15) {
  width: 8em;
}
.modal .searchResult.reception-delivery ul li div:nth-of-type(16) {
  width: 7em;
}
.modal .searchResult.reception-delivery ul li div:nth-of-type(17) {
  flex-shrink: 1;
  width: 100%;
}
.modal .searchResult.reception-delivery ul.status li > div {
  padding: 0.4em 5px;
}

/* Reception Steps */
.modal .searchResult.reception-steps .brackets_s::before {
  content: "（";
  display: inline;
  margin-left: 0;
}
.modal .searchResult.reception-steps .brackets_s.mgn-zero::before {
  margin-left: -0.5em;
}
.modal .searchResult.reception-steps .brackets_e::before {
  content: "）";
  display: inline;
  margin-right: 0;
}
.modal .searchResult.reception-steps .brackets_e.mgn-zero::before {
  margin-right: -0.5em;
}
.modal .searchResult.reception-steps .item-count .max_quantity,
.modal .searchResult.reception-steps .item-count .secure_total,
.modal .searchResult.reception-steps .item-count .secure_items {
  margin-right: 1em;
  font-size: 0.875rem;
}
.modal .searchResult.reception-steps .item-count .max_quantity .count,
.modal .searchResult.reception-steps .item-count .secure_total .count,
.modal .searchResult.reception-steps .item-count .secure_items .count {
  color: #cc3333;
  font-weight: 600;
}
.modal .searchResult.reception-steps .item-count .max_quantity i,
.modal .searchResult.reception-steps .item-count .secure_total i,
.modal .searchResult.reception-steps .item-count .secure_items i {
  font-size: 0.75rem;
  line-height: 1;
}
.modal .searchResult.reception-steps .item-count .max_quantity i.fa-plus,
.modal .searchResult.reception-steps .item-count .secure_total i.fa-plus,
.modal .searchResult.reception-steps .item-count .secure_items i.fa-plus {
  margin-right: 0.25em;
  margin-left: 0.25em;
}
.modal .searchResult.reception-steps .item-count.disabled {
  display: none;
}
.modal .searchResult.reception-steps .item-count-bd .yamato_cnt,
.modal .searchResult.reception-steps .item-count-bd .should_cnt,
.modal .searchResult.reception-steps .item-count-bd .send_wait_cnt,
.modal .searchResult.reception-steps .item-count-bd .spare_cnt {
  margin-right: 1em;
  font-size: 0.75rem;
}
.modal .searchResult.reception-steps .item-count-bd .yamato_cnt .count,
.modal .searchResult.reception-steps .item-count-bd .should_cnt .count,
.modal .searchResult.reception-steps .item-count-bd .send_wait_cnt .count,
.modal .searchResult.reception-steps .item-count-bd .spare_cnt .count {
  color: #cc3333;
  font-weight: 600;
}
.modal .searchResult.reception-steps .item-count-bd .yamato_cnt i,
.modal .searchResult.reception-steps .item-count-bd .should_cnt i,
.modal .searchResult.reception-steps .item-count-bd .send_wait_cnt i,
.modal .searchResult.reception-steps .item-count-bd .spare_cnt i {
  font-size: 0.75rem;
}
.modal .searchResult.reception-steps .item-count-bd .spare_cnt {
  margin-right: 0;
}
.modal .searchResult.reception-steps .item-count-bd.disabled {
  display: none;
}
.modal .searchResult.reception-steps ul {
  gap: 0;
}
.modal .searchResult.reception-steps ul li {
  justify-content: flex-start;
}
.modal .searchResult.reception-steps ul li div {
  padding: 0.3em 0.2em;
  flex-grow: 0;
  flex-shrink: 0;
}
.modal .searchResult.reception-steps ul li div:nth-of-type(1) {
  width: 3.5em;
}
.modal .searchResult.reception-steps ul li div:nth-of-type(2) {
  width: 6.5em;
}
.modal .searchResult.reception-steps ul li div:nth-of-type(3) {
  width: 5em;
}
.modal .searchResult.reception-steps ul li div:nth-of-type(4) {
  width: 8em;
}
.modal .searchResult.reception-steps ul li div:nth-of-type(5) {
  flex-grow: 2;
}
.modal .searchResult.reception-steps ul li div:nth-of-type(6) {
  width: 3.5em;
}
.modal .searchResult.reception-steps ul li div:nth-of-type(7), .modal .searchResult.reception-steps ul li div:nth-of-type(8) {
  width: 3em;
}
.modal .searchResult.reception-steps ul li div:nth-of-type(7).ng, .modal .searchResult.reception-steps ul li div:nth-of-type(8).ng {
  background-color: #ff9999;
}
.modal .searchResult.reception-steps ul li div:nth-of-type(7).ng svg, .modal .searchResult.reception-steps ul li div:nth-of-type(8).ng svg {
  fill: #333;
}
.modal .searchResult.reception-steps ul li div:nth-of-type(7).caution, .modal .searchResult.reception-steps ul li div:nth-of-type(8).caution {
  background-color: #ff6;
}
.modal .searchResult.reception-steps ul li div:nth-of-type(9), .modal .searchResult.reception-steps ul li div:nth-of-type(13), .modal .searchResult.reception-steps ul li div:nth-of-type(17) {
  width: 5em;
  border-left: solid 1px #333;
}
.modal .searchResult.reception-steps ul li div:nth-of-type(10), .modal .searchResult.reception-steps ul li div:nth-of-type(14), .modal .searchResult.reception-steps ul li div:nth-of-type(18) {
  width: 6em !important;
}
.modal .searchResult.reception-steps ul li div:nth-of-type(11), .modal .searchResult.reception-steps ul li div:nth-of-type(15), .modal .searchResult.reception-steps ul li div:nth-of-type(19) {
  width: 6.5em;
}
.modal .searchResult.reception-steps ul li div:nth-of-type(12), .modal .searchResult.reception-steps ul li div:nth-of-type(16), .modal .searchResult.reception-steps ul li div:nth-of-type(20) {
  width: 6.5em;
}
.modal .searchResult.reception-steps ul li div.niai span.icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: #333;
  border: solid 1px #fff;
  border-radius: 7px;
}
.modal .searchResult.reception-steps ul li div.niai span.icon::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  height: 2px;
  background-color: #fff;
}
.modal .searchResult.reception-steps ul li div.niai span.icon::after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 70%;
  background-color: #fff;
}
.modal .searchResult.reception-steps ul li div.un-send {
  background-color: #dedede;
  color: #999;
}
.modal .searchResult.reception-steps ul li div.cancel {
  background-color: #dedede;
  color: #999;
}
.modal .searchResult.reception-steps ul li div.complete {
  background-color: #dedede;
  color: #999;
  font-weight: 600;
}
.modal .searchResult.reception-steps ul li div.disabled {
  background-color: #dedede;
  color: #999;
}
.modal .searchResult.reception-steps ul li div.target {
  background-color: #9f6;
  color: #333;
}
.modal .searchResult.reception-steps ul li div.notfound {
  background-color: #ff3333;
  color: #fff;
}
.modal .searchResult.reception-steps ul li div span.tof {
  display: -webkit-box;
  width: 100%;
  max-width: 22.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.modal .searchResult.reception-steps ul.status li > div {
  padding: 0.4em 0.2em;
}
.modal .searchResult.reception-steps ul.status li > div.cl {
  background-color: #3366ff;
}
.modal .searchResult.reception-steps ul.status li > div.dg {
  background-color: #3366ff;
}
.modal .searchResult.reception-steps ul.status li > div.yp {
  background-color: #3366ff;
}
.modal .searchResult.reception-steps span.sub_statuses {
  position: absolute;
  top: 50%;
  left: 1px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 18px;
  transform: translate(0, -50%);
}
.modal .searchResult.reception-steps span.sub_statuses::before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  background-color: transparent;
  border: solid 1px transparent;
  border-radius: 5px;
}
.modal .searchResult.reception-steps span.sub_statuses::after {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  background-color: transparent;
  border: solid 1px transparent;
  border-radius: 5px;
}
.modal .searchResult.reception-steps span.sub_statuses.renraku::before {
  background-color: #09f;
  border: solid 1px #fff;
}
.modal .searchResult.reception-steps span.sub_statuses.jyoutai::after {
  background-color: #ff66cc;
  border: solid 1px #fff;
}
.modal .searchResult.reception-steps span.betu_item, .modal .searchResult.reception-steps span.dou_item {
  display: flex;
  align-items: center;
}
.modal .searchResult.reception-steps span.betu_item .icon, .modal .searchResult.reception-steps span.dou_item .icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #333;
  border: solid 1px #fff;
  border-radius: 5px;
}
.modal .searchResult.reception-steps span.betu_item .icon::before, .modal .searchResult.reception-steps span.dou_item .icon::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  height: 1px;
  background-color: #fff;
}
.modal .searchResult.reception-steps span.betu_item .icon::after, .modal .searchResult.reception-steps span.dou_item .icon::after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 70%;
  background-color: #fff;
}
.modal .searchResult.reception-steps span.target, .modal .searchResult.reception-steps span.decide, .modal .searchResult.reception-steps span.send_wait, .modal .searchResult.reception-steps span.should, .modal .searchResult.reception-steps span.shipped, .modal .searchResult.reception-steps span.notfound, .modal .searchResult.reception-steps span.cancel, .modal .searchResult.reception-steps span.un_send, .modal .searchResult.reception-steps span.complete {
  position: relative;
  top: auto;
  left: auto;
  display: inline-block;
}
.modal .searchResult.reception-steps span.target::before, .modal .searchResult.reception-steps span.decide::before, .modal .searchResult.reception-steps span.send_wait::before, .modal .searchResult.reception-steps span.should::before, .modal .searchResult.reception-steps span.shipped::before, .modal .searchResult.reception-steps span.notfound::before, .modal .searchResult.reception-steps span.cancel::before, .modal .searchResult.reception-steps span.un_send::before, .modal .searchResult.reception-steps span.complete::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-color: transparent;
  border: solid 1px #333;
}
.modal .searchResult.reception-steps span.target::before {
  background-color: #9f6;
}
.modal .searchResult.reception-steps span.decide::before {
  background-color: #9966ff;
  color: #fff;
}
.modal .searchResult.reception-steps span.send_wait::before {
  background-color: #ccffff;
}
.modal .searchResult.reception-steps span.should::before {
  background-color: #ffccff;
}
.modal .searchResult.reception-steps span.shipped::before {
  background-color: #09f;
}
.modal .searchResult.reception-steps span.notfound::before {
  background-color: #ff3333;
}
.modal .searchResult.reception-steps span.cancel::before {
  background-color: #dedede;
}
.modal .searchResult.reception-steps span.un_send::before {
  background-color: #dedede;
}
.modal .searchResult.reception-steps span.complete::before {
  background-color: #dedede;
}
.modal .searchResult.reception-steps .icons .col-auto {
  display: flex;
  align-items: flex-end;
}
.modal .searchResult.reception-steps .icons .col-auto > p {
  display: flex;
  align-items: center;
  font-size: 0.75rem !important;
}
.modal .searchResult.reception-steps .icons .col-auto > p i {
  margin: 0 0.5em;
}
.modal .searchResult.reception-steps .icons .col-auto.disabled {
  display: none;
}
.modal .searchResult.reception-steps .icons span.sub_statuses.solo {
  position: relative;
  top: auto;
  left: auto;
  display: inline-block;
  transform: none;
}
.modal .searchResult.reception-steps .icons span.sub_statuses.solo::before, .modal .searchResult.reception-steps .icons span.sub_statuses.solo::after {
  width: 16px;
  height: 16px;
  border-radius: 8px;
}
.modal .searchResult.reception-steps .icons span.sub_statuses.solo.renraku::after {
  display: none;
}
.modal .searchResult.reception-steps .icons span.sub_statuses.solo.jyoutai::before {
  display: none;
}
.modal .searchResult.reception-steps .icons span.betu_item .icon, .modal .searchResult.reception-steps .icons span.dou_item .icon {
  width: 16px;
  height: 16px;
  border-radius: 8px;
}
.modal .searchResult.reception-steps .icons span.target .icon, .modal .searchResult.reception-steps .icons span.decide .icon, .modal .searchResult.reception-steps .icons span.shipped .icon, .modal .searchResult.reception-steps .icons span.notfound .icon, .modal .searchResult.reception-steps .icons span.cancel .icon, .modal .searchResult.reception-steps .icons span.un_send .icon, .modal .searchResult.reception-steps .icons span.complete .icon {
  width: 16px;
  height: 16px;
  border-radius: 8px;
}
.modal .searchResult.reception-steps svg.circle {
  width: 12px;
  height: 12px;
}
.modal .searchResult.reception-steps svg.triangle {
  width: 14px;
  height: 14px;
}
.modal .searchResult.reception-steps svg.cross {
  width: 10px;
  height: 10px;
}

/* Managing Reception History */
.modal .searchResult.operation-history ul li div {
  flex-grow: 0;
}
.modal .searchResult.operation-history ul li div:nth-of-type(1) {
  width: 20em;
}
.modal .searchResult.operation-history ul li div:nth-of-type(2) {
  width: 30em;
}
.modal .searchResult.operation-history ul li div:nth-of-type(3) {
  width: 100%;
}

/* Managing Reception History */
.modal#modalInquiry .form-select {
  display: inline-block;
}
.modal#modalInquiry .form-select select#inqyiry_code option:disabled {
  display: none;
}

/* Ship Date Change */
.modal .searchResult.ship-date-change ul li {
  justify-content: flex-start;
}
.modal .searchResult.ship-date-change ul li > div {
  flex-grow: 0;
  flex-shrink: 0;
}
.modal .searchResult.ship-date-change ul li > div:nth-of-type(1) {
  width: 12em;
}
.modal .searchResult.ship-date-change ul li > div:nth-of-type(2) {
  width: 7em;
}
.modal .searchResult.ship-date-change ul li > div:nth-of-type(3) {
  width: 30em;
}
.modal .searchResult.ship-date-change ul li > div:nth-of-type(4) {
  width: 20em;
}
.modal .searchResult.ship-date-change ul li > div:nth-of-type(5) {
  width: 20em;
}
.modal .searchResult.ship-date-change ul li > div:nth-of-type(6) {
  flex-shrink: 1;
  width: 100%;
}
.modal .searchResult.ship-date-change ul li > div:nth-of-type(7) {
  width: 4em;
}
.modal .searchResult.ship-date-change ul li > div:nth-of-type(8) {
  width: 5em;
}
.modal .searchResult.ship-date-change ul li > div .slash {
  margin: 0 0.5em;
}
.modal .searchResult.ship-date-change ul li > div > .form-checkbox > .check-boxes {
  margin: 0 !important;
  padding: 0;
  min-height: auto;
}
.modal .searchResult.ship-date-change ul li > div > .form-checkbox > .check-boxes > li {
  background-color: transparent;
  border: none;
}
.modal .searchResult.ship-date-change .group.control {
  margin-top: 20px;
  height: 70px;
}
.modal .searchResult.ship-date-change .group.control .group-body > .row {
  margin: 0 !important;
}

/* Lottery Decisions */
.modal .container-fluid .row.lottery {
  grid-column: 1/2;
  grid-row: 1/2;
  overflow-y: hidden;
}
.modal .container-fluid .row.lottery > [class*=col].right {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  max-height: 100%;
}
.modal .container-fluid .row.lottery > [class*=col].right .searchResult.lottery-decisions .listWrapper > ul > li > div {
  flex-grow: 0;
  flex-shrink: 0;
}
.modal .container-fluid .row.lottery > [class*=col].right .searchResult.lottery-decisions .listWrapper > ul > li > div:nth-of-type(1) {
  width: 7em;
}
.modal .container-fluid .row.lottery > [class*=col].right .searchResult.lottery-decisions .listWrapper > ul > li > div:nth-of-type(2) {
  width: 12em;
}
.modal .container-fluid .row.lottery > [class*=col].right .searchResult.lottery-decisions .listWrapper > ul > li > div:nth-of-type(3) {
  flex-shrink: 1;
  width: 100%;
}
.modal .container-fluid .row.lottery > [class*=col].right .searchResult.lottery-decisions .listWrapper > ul > li > div:nth-of-type(4) {
  width: 12em;
}
.modal .container-fluid .row.lottery > [class*=col].right .searchResult.lottery-decisions .listWrapper > ul > li > div:nth-of-type(5) {
  width: 5em;
}
.modal .container-fluid .row.lottery > [class*=col].right .searchResult.lottery-decisions .listWrapper > ul > li > div .slash {
  margin: 0 0.5em;
}
.modal .container-fluid .row.lottery > [class*=col].right .searchResult.lottery-decisions .listWrapper > ul > li > div > .form-checkbox > .check-boxes {
  padding: 0;
  min-height: auto;
}
.modal .container-fluid .row.lottery > [class*=col].right .searchResult.lottery-decisions .listWrapper > ul > li > div > .form-checkbox > .check-boxes > li {
  background-color: transparent;
  border: none;
}

/* OCR */
#modalOcrImage .ocrImage {
  height: 100%;
  overflow-y: auto;
}
#modalOcrImage .ocrImage .image img {
  width: 100%;
}
#modalOcrImage .fileDate {
  padding: 0.25em 0;
  height: calc(1.125rem + 1em);
  text-align: center;
  transform: translateY(20%);
}
#modalOcrImage .fileDate > span {
  padding: 0.5em 0.75em;
  font-size: 1.125rem;
  font-weight: 600;
}
#modalOcrImage .fileDate > span::before {
  content: "\f017";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}

/* Items Stock Preparation*/
.modal .searchResult.stock-preparation h3.item-name {
  color: #1b1e7f;
  line-height: 1;
}
.modal .searchResult.stock-preparation h3.item-name i::before {
  margin-right: 0.25em;
  font-size: 1.125rem !important;
}
.modal .searchResult.stock-preparation h3.item-name span.addText {
  font-size: 1.125rem;
  font-weight: 600;
}
.modal .searchResult.stock-preparation > .row {
  margin: 0;
}
.modal .searchResult.stock-preparation > .row .group h4 {
  color: #ff6600;
}
.modal .searchResult.stock-preparation > .row .group h4 > i {
  margin-right: 0.25em;
}
.modal .searchResult.stock-preparation > .row .group .stock {
  display: flex;
  margin: 0 auto;
}
.modal .searchResult.stock-preparation > .row .group .stock > dl {
  display: flex;
  flex-direction: column;
  width: 11.1111111111%;
  border-style: solid;
  border-width: 1px;
  border-color: #333;
  border-right: none;
}
.modal .searchResult.stock-preparation > .row .group .stock > dl.w2x {
  width: 22.2222222222%;
}
.modal .searchResult.stock-preparation > .row .group .stock > dl > dt {
  padding: 5px;
  background-color: #FFF7D5;
  border-bottom: solid 1px #333;
  text-align: center;
  font-weight: 600;
  line-height: 1;
}
.modal .searchResult.stock-preparation > .row .group .stock > dl > dd {
  padding: 5px;
  text-align: right;
  line-height: 1;
}
.modal .searchResult.stock-preparation > .row .group .stock > dl > dd > span.count {
  font-weight: 600;
}
.modal .searchResult.stock-preparation > .row .group .stock > dl > dd > span::after {
  content: "個";
  margin-left: 0.25em;
  font-size: 0.75rem;
  font-weight: 400;
}
.modal .searchResult.stock-preparation > .row .group .stock > dl:nth-last-of-type(1) {
  border-right: solid 1px #333;
}
.modal .searchResult.stock-preparation > .row .group .stock > dl:nth-last-of-type(1) > dt {
  background-color: #ff6600;
  color: #fff;
}

.hr {
  margin: 30px auto;
  padding: 0;
  height: 0;
  border-top: solid 1px #dedede;
}
.hr.dotted {
  border-top: dotted 2px #dedede;
}
.hr.base {
  border-color: #1b1e7f;
}
.hr.black {
  border-color: #333;
}
.hr.red {
  border-color: #c00;
}
.hr.blue {
  border-color: #00c;
}
.hr.green {
  border-color: #14805C;
}

div.grid-table {
  font-size: 1rem;
}
div.grid-table > div .title {
  padding: 10px;
  background-color: #8D8D8D;
  border-top: solid 1px #333;
  border-right: solid 1px #333;
  border-left: solid 1px #333;
  color: #fff;
  line-height: 1;
}
div.grid-table > div .value {
  padding: 10px;
  background-color: #fff;
  border-top: solid 1px #333;
  border-right: solid 1px #333;
}
div.grid-table > div:nth-last-of-type(1) .title,
div.grid-table > div:nth-last-of-type(1) .value {
  border-bottom: solid 1px #333;
}

ul.grid-table {
  list-style: none;
}
ul.grid-table li {
  display: flex;
}

.list-basic {
  width: 100%;
}
.list-basic .list-body {
  overflow-y: auto;
}
.list-basic .list-body > ul {
  list-style: none;
  width: 100%;
}
.list-basic .list-body > ul > li {
  display: flex;
  cursor: pointer;
}
.list-basic .list-body > ul > li > div {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  padding: 5px 7px;
  min-height: 24px;
  border-style: solid;
  border-width: 1px;
  border-color: #666;
  border-top: none;
  border-left: none;
  line-height: 1.2;
}
.list-basic .list-body > ul > li > div:nth-of-type(1) {
  border-style: solid;
  border-width: 1px;
  border-color: #666;
  border-top: none;
}
.list-basic .list-body > ul > li:nth-of-type(odd) > div {
  background-color: #fff;
}
.list-basic .list-body > ul > li:nth-of-type(even) > div {
  background-color: #EFFCFF;
}
.list-basic .list-body > ul > li.hide {
  display: none;
}
.list-basic .list-body > ul > li:focus {
  outline: none;
}
.list-basic .list-body > ul > li:focus > div {
  background-color: #FFFFEA !important;
}
.list-basic .list-body > ul > li:hover > div {
  background-color: #FFFFEA !important;
}
.list-basic .list-body > ul.name {
  z-index: 1;
  position: sticky;
  top: 0;
  left: 0;
}
.list-basic .list-body > ul.name > li > div {
  justify-content: center !important;
  align-items: center;
  background-color: #999;
  border-style: solid;
  border-width: 1px;
  border-color: #666;
  border-left: none;
  color: #fff;
  line-height: 1;
}
.list-basic .list-body > ul.name > li > div:nth-of-type(1) {
  border-style: solid;
  border-width: 1px;
  border-color: #666;
}
.list-basic .list-body > ul.name > li:hover > div {
  background-color: #999 !important;
}

.hit-count-txt {
  font-size: 0.875rem;
}
.hit-count-txt .hit {
  margin-right: 0.25em;
  font-size: 1.125rem;
  font-weight: 600;
}

.searchResult {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto 1fr auto;
  overflow-y: hidden;
}
.searchResult .hit-count .hitNum {
  margin-right: 0.25em;
  font-size: 1.25rem;
  font-weight: 600;
}
.searchResult > div > ul {
  list-style: none;
}
.searchResult > div > ul > li {
  display: flex;
  justify-content: space-between;
  border-left: solid 1px #333;
  border-bottom: solid 1px #333;
}
.searchResult > div > ul > li > div {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.4em;
  background-color: #fff;
  border-right: solid 1px #333;
  line-height: 1;
}
.searchResult > div > ul > li > div.client_id {
  width: 33.3333333333%;
}
.searchResult > div > ul > li > div.name {
  justify-content: flex-start;
  width: 33.3333333333%;
}
.searchResult > div > ul > li > div.tel {
  justify-content: flex-start;
  width: 33.3333333333%;
}
.searchResult > div > ul > li:nth-of-type(even) > div {
  background-color: #dfe;
}
.searchResult > div > ul > li.clickable {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.searchResult > div > ul > li.clickable:hover {
  transition: all 0.2s ease-in-out;
}
.searchResult > div > ul > li.clickable:hover div {
  background-color: #ffcc66 !important;
}
.searchResult > div > ul > li.clickable:hover div.un-send, .searchResult > div > ul > li.clickable:hover div.cancel, .searchResult > div > ul > li.clickable:hover div.complete, .searchResult > div > ul > li.clickable:hover div.disabled {
  color: #cc6600 !important;
}
.searchResult > div > ul > li.clickable:hover div.ng svg {
  fill: #333 !important;
}
.searchResult > div > ul > li.clickable:hover div.notfound {
  color: #cc6600 !important;
}
.searchResult > div > ul > li.clickable:hover div.target {
  background-color: #ffcc66 !important;
  color: #333 !important;
}
.searchResult > div > ul > li.clickable:focus {
  background-color: #FDE378;
  background-transition: all 0.2s ease-in-out;
  outline: none;
}
.searchResult > div > ul > li.clickable.selected > div:nth-of-type(1) {
  background-color: #ff6600 !important;
  color: #fff;
  font-weight: 600;
}
.searchResult .hit-count {
  grid-column: 1/2;
  grid-row: 1/2;
}
.searchResult .status {
  grid-column: 1/2;
  grid-row: 2/3;
}
.searchResult .status > ul li {
  border-top: solid 1px #333;
  background-color: #ec6d00;
}
.searchResult .status > ul li div {
  color: #fff;
  font-weight: 600;
}
.searchResult .listWrapper {
  grid-column: 1/2;
  grid-row: 3/4;
  overflow-y: auto;
}
.searchResult .listWrapper ul li {
  background-color: #fff;
}
.searchResult .listWrapper ul li div {
  color: #333;
}
.searchResult .listWrapper ul li:nth-of-type(even) {
  background-color: #e2fcfc;
}
.searchResult .listWrapper ul li:nth-of-type(even) div {
  color: #333;
}
.searchResult .listWrapper ul.status {
  z-index: 1;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
}
.searchResult .listWrapper ul.status li {
  border-top: solid 1px #333;
  background-color: #ec6d00;
}
.searchResult .listWrapper ul.status li div {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #fff;
  font-weight: 600;
}
.searchResult .control {
  grid-column: 1/2;
  grid-row: 4/5;
}
.searchResult.client-list ul li div:nth-of-type(1) {
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center !important;
  width: 33.3333333333%;
}
.searchResult.client-list ul li div:nth-of-type(2) {
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center !important;
  width: 33.3333333333%;
}
.searchResult.client-list ul li div:nth-of-type(3) {
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center !important;
  width: 33.3333333333%;
}
.searchResult.client-list .listWrapper ul li div:nth-of-type(2) {
  justify-content: center !important;
}
.searchResult.client-list .listWrapper ul li div:nth-of-type(3) {
  justify-content: center !important;
}
.searchResult.client-list .listWrapper ul li div:nth-of-type(4) {
  justify-content: center !important;
}
.searchResult.operation-logs ul li div:nth-of-type(1) {
  flex-grow: 0;
  flex-shrink: 0;
  width: 12em;
}
.searchResult.operation-logs ul li div:nth-of-type(2) {
  flex-grow: 0;
  flex-shrink: 0;
  width: 12em;
}
.searchResult.operation-logs ul li div:nth-of-type(3) {
  flex-grow: 0;
  flex-shrink: 0;
  width: 12em;
}
.searchResult.operation-logs ul li div:nth-of-type(4) {
  width: 100%;
}
.searchResult.operation-logs .listWrapper ul li div:nth-of-type(2) {
  justify-content: flex-start;
}
.searchResult.operation-logs .listWrapper ul li div:nth-of-type(3) {
  justify-content: flex-start;
}
.searchResult.operation-logs .listWrapper ul li div:nth-of-type(4) {
  justify-content: flex-start;
}

.buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.buttons.left {
  justify-content: flex-start;
}
.buttons.right {
  justify-content: flex-end;
}
.buttons.direction-column {
  flex-direction: column;
}
.buttons.auto .btnBasic {
  flex: auto;
  min-width: auto !important;
}
.buttons.max {
  width: 100%;
}
.buttons.max .btnBasic {
  min-width: auto;
  width: 100%;
}
.buttons.disabled {
  display: none;
}

span.btnBasic,
label.btnBasic,
a.btnBasic,
button.btnBasic {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  box-sizing: border-box;
  padding-right: 10px;
  padding-left: 10px;
  width: auto;
  min-width: 150px;
  height: 24px;
  border: none;
  background-color: #666;
  border-radius: 8px;
  color: #fff;
  font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25);
  filter: brightness(1) opacity(1);
  transform: translate(0, 0);
  transition: all 0.2s ease-in-out;
}
span.btnBasic > span,
label.btnBasic > span,
a.btnBasic > span,
button.btnBasic > span {
  grid-column: 1/2;
  grid-row: 1/2;
  justify-self: center;
  align-self: center;
}
span.btnBasic > span::before,
label.btnBasic > span::before,
a.btnBasic > span::before,
button.btnBasic > span::before {
  font-size: 1rem;
}
span.btnBasic > span::after,
label.btnBasic > span::after,
a.btnBasic > span::after,
button.btnBasic > span::after {
  font-size: 1rem;
}
span.btnBasic.small,
label.btnBasic.small,
a.btnBasic.small,
button.btnBasic.small {
  width: 100%;
  min-width: auto;
}
span.btnBasic:hover,
label.btnBasic:hover,
a.btnBasic:hover,
button.btnBasic:hover {
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.25);
  filter: brightness(1.2) opacity(0.9);
  transform: translate(1px, 1px);
  transition: all 0.2s ease-in-out;
}
span.btnBasic:focus,
label.btnBasic:focus,
a.btnBasic:focus,
button.btnBasic:focus {
  opacity: 0.5;
  background-color: #ff6600 !important;
  outline: solid 2px rgba(255, 102, 0, 0);
  box-shadow: 0 0 5px 2px rgba(255, 102, 0, 0.5);
}
span.btnBasic.positive,
label.btnBasic.positive,
a.btnBasic.positive,
button.btnBasic.positive {
  background-color: #18a09a;
  border-radius: 8px;
  color: #fff;
}
span.btnBasic.warning,
label.btnBasic.warning,
a.btnBasic.warning,
button.btnBasic.warning {
  background-color: #F99747;
  color: #fff;
}
span.btnBasic.negative,
label.btnBasic.negative,
a.btnBasic.negative,
button.btnBasic.negative {
  background-color: #ffa0c0;
  border-radius: 8px;
  color: #fff;
}
span.btnBasic.green,
label.btnBasic.green,
a.btnBasic.green,
button.btnBasic.green {
  background-color: #00AD2F;
}
span.btnBasic.orange,
label.btnBasic.orange,
a.btnBasic.orange,
button.btnBasic.orange {
  background-color: #ed7700;
}
span.btnBasic.red,
label.btnBasic.red,
a.btnBasic.red,
button.btnBasic.red {
  background-color: #c00;
}
span.btnBasic.blue,
label.btnBasic.blue,
a.btnBasic.blue,
button.btnBasic.blue {
  background-color: #6767C6;
}
span.btnBasic.base,
label.btnBasic.base,
a.btnBasic.base,
button.btnBasic.base {
  background-color: #1b1e7f;
}
span.btnBasic.main,
label.btnBasic.main,
a.btnBasic.main,
button.btnBasic.main {
  background-color: #1b1e7f;
}
span.btnBasic.sub,
label.btnBasic.sub,
a.btnBasic.sub,
button.btnBasic.sub {
  background-color: #f60;
}
span.btnBasic.cl,
label.btnBasic.cl,
a.btnBasic.cl,
button.btnBasic.cl {
  background-color: #3366ff;
}
span.btnBasic.dg,
label.btnBasic.dg,
a.btnBasic.dg,
button.btnBasic.dg {
  background-color: #ff9933;
}
span.btnBasic.yp,
label.btnBasic.yp,
a.btnBasic.yp,
button.btnBasic.yp {
  background-color: #33cc66;
}
span.btnBasic.exists,
label.btnBasic.exists,
a.btnBasic.exists,
button.btnBasic.exists {
  color: #333;
  animation-name: animeExists;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-delay: 0;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: both;
}
span.btnBasic.exists:disabled,
label.btnBasic.exists:disabled,
a.btnBasic.exists:disabled,
button.btnBasic.exists:disabled {
  color: #fff !important;
}
span.btnBasic.white,
label.btnBasic.white,
a.btnBasic.white,
button.btnBasic.white {
  background-color: #fff;
  border: solid 2px #1b1e7f;
  color: #1b1e7f;
}
span.btnBasic.transparent,
label.btnBasic.transparent,
a.btnBasic.transparent,
button.btnBasic.transparent {
  background-color: transparent;
  box-shadow: none;
  transform: translate(0, 0);
  color: #333;
}
span.btnBasic.transparent:hover,
label.btnBasic.transparent:hover,
a.btnBasic.transparent:hover,
button.btnBasic.transparent:hover {
  color: #f60;
  filter: none !important;
}
span.btnBasic.transparent:focus,
label.btnBasic.transparent:focus,
a.btnBasic.transparent:focus,
button.btnBasic.transparent:focus {
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: #F60;
}
span.btnBasic.close > span::before,
label.btnBasic.close > span::before,
a.btnBasic.close > span::before,
button.btnBasic.close > span::before {
  content: "\f00d";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.caution > span::before,
label.btnBasic.caution > span::before,
a.btnBasic.caution > span::before,
button.btnBasic.caution > span::before {
  content: "\f071";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.import > span::before,
label.btnBasic.import > span::before,
a.btnBasic.import > span::before,
button.btnBasic.import > span::before {
  content: "\f56f";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.export > span::before,
label.btnBasic.export > span::before,
a.btnBasic.export > span::before,
button.btnBasic.export > span::before {
  content: "\f56e";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.list > span::before,
label.btnBasic.list > span::before,
a.btnBasic.list > span::before,
button.btnBasic.list > span::before {
  content: "\f03a";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.download > span::before,
label.btnBasic.download > span::before,
a.btnBasic.download > span::before,
button.btnBasic.download > span::before {
  content: "\f019";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.display > span::before,
label.btnBasic.display > span::before,
a.btnBasic.display > span::before,
button.btnBasic.display > span::before {
  content: "\e163";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.print > span::before,
label.btnBasic.print > span::before,
a.btnBasic.print > span::before,
button.btnBasic.print > span::before {
  content: "\f02f";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.stop > span::before,
label.btnBasic.stop > span::before,
a.btnBasic.stop > span::before,
button.btnBasic.stop > span::before {
  content: "\f05e";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.copy > span::before,
label.btnBasic.copy > span::before,
a.btnBasic.copy > span::before,
button.btnBasic.copy > span::before {
  content: "\f0c5";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.help > span::before,
label.btnBasic.help > span::before,
a.btnBasic.help > span::before,
button.btnBasic.help > span::before {
  content: "\f059";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.shield > span::before,
label.btnBasic.shield > span::before,
a.btnBasic.shield > span::before,
button.btnBasic.shield > span::before {
  content: "\f3ed";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.truck > span::before,
label.btnBasic.truck > span::before,
a.btnBasic.truck > span::before,
button.btnBasic.truck > span::before {
  content: "\f0d1";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.search > span::before,
label.btnBasic.search > span::before,
a.btnBasic.search > span::before,
button.btnBasic.search > span::before {
  content: "\f002";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.comment > span::before,
label.btnBasic.comment > span::before,
a.btnBasic.comment > span::before,
button.btnBasic.comment > span::before {
  content: "\f086";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.history > span::before,
label.btnBasic.history > span::before,
a.btnBasic.history > span::before,
button.btnBasic.history > span::before {
  content: "\f1da";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.reload > span::before,
label.btnBasic.reload > span::before,
a.btnBasic.reload > span::before,
button.btnBasic.reload > span::before {
  content: "\f2f1";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.reset > span::before,
label.btnBasic.reset > span::before,
a.btnBasic.reset > span::before,
button.btnBasic.reset > span::before {
  content: "\f0e2";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.eye > span::before,
label.btnBasic.eye > span::before,
a.btnBasic.eye > span::before,
button.btnBasic.eye > span::before {
  content: "\f06e";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.world > span::before,
label.btnBasic.world > span::before,
a.btnBasic.world > span::before,
button.btnBasic.world > span::before {
  content: "\f0ac";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.check > span::before,
label.btnBasic.check > span::before,
a.btnBasic.check > span::before,
button.btnBasic.check > span::before {
  content: "\f058";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.return > span::before,
label.btnBasic.return > span::before,
a.btnBasic.return > span::before,
button.btnBasic.return > span::before {
  content: "\f060";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.send > span::before,
label.btnBasic.send > span::before,
a.btnBasic.send > span::before,
button.btnBasic.send > span::before {
  content: "\f1d8";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.logout > span::before,
label.btnBasic.logout > span::before,
a.btnBasic.logout > span::before,
button.btnBasic.logout > span::before {
  content: "\f2f5";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.left > span::before,
label.btnBasic.left > span::before,
a.btnBasic.left > span::before,
button.btnBasic.left > span::before {
  content: "\f0a8";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.add > span::before,
label.btnBasic.add > span::before,
a.btnBasic.add > span::before,
button.btnBasic.add > span::before {
  content: "\f055";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.c > span::before,
label.btnBasic.c > span::before,
a.btnBasic.c > span::before,
button.btnBasic.c > span::before {
  content: "\f056";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.marge > span::before,
label.btnBasic.marge > span::before,
a.btnBasic.marge > span::before,
button.btnBasic.marge > span::before {
  content: "\f0ab";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.arrow-l > span::before,
label.btnBasic.arrow-l > span::before,
a.btnBasic.arrow-l > span::before,
button.btnBasic.arrow-l > span::before {
  content: "\f04b";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.5em;
  transform: rotate(180deg);
}
span.btnBasic.arrow-r > span::after,
label.btnBasic.arrow-r > span::after,
a.btnBasic.arrow-r > span::after,
button.btnBasic.arrow-r > span::after {
  content: "\f04b";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0.5em;
  margin-right: 0;
}
span.btnBasic.edit > span::before,
label.btnBasic.edit > span::before,
a.btnBasic.edit > span::before,
button.btnBasic.edit > span::before {
  content: "\f044";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.save > span::before,
label.btnBasic.save > span::before,
a.btnBasic.save > span::before,
button.btnBasic.save > span::before {
  content: "\f0ee";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.ok > span::before,
label.btnBasic.ok > span::before,
a.btnBasic.ok > span::before,
button.btnBasic.ok > span::before {
  content: "\f058";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.ng > span::before,
label.btnBasic.ng > span::before,
a.btnBasic.ng > span::before,
button.btnBasic.ng > span::before {
  content: "\f057";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
span.btnBasic.hide,
label.btnBasic.hide,
a.btnBasic.hide,
button.btnBasic.hide {
  display: none;
}
span.auto,
label.auto,
a.auto,
button.auto {
  min-width: auto;
}
span:disabled,
label:disabled,
a:disabled,
button:disabled {
  background-color: #a0a0a0 !important;
  cursor: not-allowed;
}
span:disabled:hover,
label:disabled:hover,
a:disabled:hover,
button:disabled:hover {
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25);
  filter: brightness(1) opacity(1);
  transform: translate(0, 0);
  transition: all 0.2s ease-in-out;
}
span:disabled:focus,
label:disabled:focus,
a:disabled:focus,
button:disabled:focus {
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25);
  transform: translate(0, 0);
  transition: all 0.2s ease-in-out;
  background-color: #ff6600 !important;
  border: solid 2px #ff6600;
  outline: none;
}
span.hidden,
label.hidden,
a.hidden,
button.hidden {
  display: none;
}

span.split {
  margin: 0 5px;
  height: 1.5em;
  border-left: dotted 2px #8D8D8D;
}

.buttonAlignRight .buttons {
  justify-content: flex-end;
}

#btnCheckCount {
  width: 100%;
  height: 60px;
  font-size: 1.25rem;
}

#controls {
  z-index: 85;
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: inline-block;
  padding: 15px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  opacity: 1;
  transform: translateY(0);
  transition: all 0.2s ease-in-out;
}
#controls.disabled {
  opacity: 0;
  transform: translateY(150%);
  transition: all 0.2s ease-in-out;
}
#controls .buttons > button {
  min-width: 130px;
  height: 35px;
  border-radius: 8px;
}

#sub-tr {
  z-index: 90;
  position: fixed;
  top: 40px;
  right: 0;
  display: inline-block;
}

#sub-bl {
  z-index: 90;
  position: fixed;
  bottom: 0;
  left: 0;
  display: inline-block;
  padding: 15px;
}

.form-group {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}
.form-group .form-parts h5 {
  margin-bottom: 5px;
  line-height: 1;
  color: #505050;
  font-size: 0.75rem;
  font-weight: 400;
}
.form-group .form-parts.ok h5::before {
  content: "\f058";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
  color: #5EBC5E;
}
.form-group .form-parts.ng h5::before {
  content: "\f06a";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
  color: #E63535;
}
.form-group .form-parts.ng .form-text .wrapper input {
  color: #333 !important;
}
.form-group .form-parts.ng .form-text .wrapper label {
  background-color: #FFEDED !important;
  border-color: #EF4739 !important;
}
.form-group.with-bdr-t {
  padding-top: 10px;
  border-style: dotted;
  border-width: 1px;
  border-color: #999999;
  border-right: none;
  border-bottom: none;
  border-left: none;
}
.form-group:nth-of-type(1) {
  z-index: 200;
}
.form-group:nth-of-type(2) {
  z-index: 190;
}
.form-group:nth-of-type(3) {
  z-index: 180;
}
.form-group:nth-of-type(4) {
  z-index: 170;
}
.form-group:nth-of-type(5) {
  z-index: 160;
}
.form-group:nth-of-type(6) {
  z-index: 150;
}
.form-group:nth-of-type(7) {
  z-index: 140;
}
.form-group:nth-of-type(8) {
  z-index: 130;
}
.form-group:nth-of-type(9) {
  z-index: 120;
}
.form-group:nth-of-type(10) {
  z-index: 110;
}
.form-group:nth-of-type(11) {
  z-index: 100;
}
.form-group:nth-of-type(12) {
  z-index: 90;
}
.form-group:nth-of-type(13) {
  z-index: 80;
}
.form-group:nth-of-type(14) {
  z-index: 70;
}
.form-group:nth-of-type(15) {
  z-index: 60;
}
.form-group:nth-of-type(16) {
  z-index: 50;
}
.form-group:nth-of-type(17) {
  z-index: 40;
}
.form-group:nth-of-type(18) {
  z-index: 30;
}
.form-group:nth-of-type(19) {
  z-index: 20;
}
.form-group:nth-of-type(20) {
  z-index: 10;
}
.form-group:nth-last-of-type(1) {
  margin-bottom: 0;
}

.form-parts.fileupload {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr;
  gap: 10px;
}
.form-parts.fileupload input[type=file] {
  display: none;
}
.form-parts.fileupload > .select {
  grid-column: 1/3;
  grid-row: 1/2;
  align-self: center;
  gap: 5px;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr;
  height: 30px;
}
.form-parts.fileupload > .select .file-name {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  grid-column: 1/2;
  grid-row: 1/2;
  display: flex;
  align-items: center;
  padding: 0.5em;
  background-color: #fff;
  border: solid 1px #666;
  border-radius: 5px;
  color: #a0a0a0;
  line-height: 1;
}
.form-parts.fileupload > .select label.upload {
  grid-column: 2/3;
  grid-row: 1/2;
  width: 120px;
}
.form-parts.fileupload > .select label.upload .btnBasic {
  width: 100% !important;
  min-width: auto;
  height: 100% !important;
}
.form-parts.fileupload.only > .select {
  grid-column: 1/2;
  grid-row: 1/2;
}
.form-parts.fileupload.only > .submit {
  grid-column: 2/3;
  grid-row: 1/2;
  align-self: center;
}

.form-text {
  margin: 0 !important;
}
.form-text .wrapper {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 24px auto;
  -moz-column-gap: 7px;
       column-gap: 7px;
  width: 100%;
  height: 24px;
}
.form-text .wrapper label {
  grid-column: 1/3;
  grid-row: 1/2;
  display: block;
  box-sizing: border-box;
  padding: 5px;
  width: 100%;
  height: 24px;
  background-color: #EFFCFF;
  border-style: solid;
  border-width: 1px;
  border-color: #3A63BC;
  border-radius: 4px;
  font-size: 0.8125rem;
  line-height: 1;
  transition: all 0.2s ease-in-out;
  text-align: right;
}
.form-text .wrapper input[type=text],
.form-text .wrapper input[type=time],
.form-text .wrapper input[type=number],
.form-text .wrapper input[type=tel],
.form-text .wrapper input[type=password],
.form-text .wrapper input[type=email] {
  grid-column: 1/2;
  grid-row: 1/2;
  padding-left: 7px;
  width: 100%;
  height: 24px;
  border: none;
  background-color: transparent;
  line-height: 1;
  font-size: 0.8125rem;
}
.form-text .wrapper input[type=text]::-moz-placeholder, .form-text .wrapper input[type=time]::-moz-placeholder, .form-text .wrapper input[type=number]::-moz-placeholder, .form-text .wrapper input[type=tel]::-moz-placeholder, .form-text .wrapper input[type=password]::-moz-placeholder, .form-text .wrapper input[type=email]::-moz-placeholder {
  color: #c1dbe0;
}
.form-text .wrapper input[type=text]::placeholder,
.form-text .wrapper input[type=time]::placeholder,
.form-text .wrapper input[type=number]::placeholder,
.form-text .wrapper input[type=tel]::placeholder,
.form-text .wrapper input[type=password]::placeholder,
.form-text .wrapper input[type=email]::placeholder {
  color: #c1dbe0;
}
.form-text .wrapper input[type=text]:focus,
.form-text .wrapper input[type=time]:focus,
.form-text .wrapper input[type=number]:focus,
.form-text .wrapper input[type=tel]:focus,
.form-text .wrapper input[type=password]:focus,
.form-text .wrapper input[type=email]:focus {
  outline: none;
}
.form-text .wrapper input[type=text]:focus::-moz-placeholder, .form-text .wrapper input[type=time]:focus::-moz-placeholder, .form-text .wrapper input[type=number]:focus::-moz-placeholder, .form-text .wrapper input[type=tel]:focus::-moz-placeholder, .form-text .wrapper input[type=password]:focus::-moz-placeholder, .form-text .wrapper input[type=email]:focus::-moz-placeholder {
  color: #dadaa0;
}
.form-text .wrapper input[type=text]:focus::placeholder,
.form-text .wrapper input[type=time]:focus::placeholder,
.form-text .wrapper input[type=number]:focus::placeholder,
.form-text .wrapper input[type=tel]:focus::placeholder,
.form-text .wrapper input[type=password]:focus::placeholder,
.form-text .wrapper input[type=email]:focus::placeholder {
  color: #dadaa0;
}
.form-text .wrapper input[type=text]:focus ~ label,
.form-text .wrapper input[type=time]:focus ~ label,
.form-text .wrapper input[type=number]:focus ~ label,
.form-text .wrapper input[type=tel]:focus ~ label,
.form-text .wrapper input[type=password]:focus ~ label,
.form-text .wrapper input[type=email]:focus ~ label {
  background-color: #ffc;
  border-width: 1px;
  border-style: solid;
  border-color: #ff9900;
  outline: none;
  transition: all 0.2s ease-in-out;
}
.form-text .wrapper input[type=text].center,
.form-text .wrapper input[type=time].center,
.form-text .wrapper input[type=number].center,
.form-text .wrapper input[type=tel].center,
.form-text .wrapper input[type=password].center,
.form-text .wrapper input[type=email].center {
  text-align: center;
}
.form-text .wrapper input[type=text].right,
.form-text .wrapper input[type=time].right,
.form-text .wrapper input[type=number].right,
.form-text .wrapper input[type=tel].right,
.form-text .wrapper input[type=password].right,
.form-text .wrapper input[type=email].right {
  text-align: right;
}
.form-text .wrapper input[type=text]:-moz-read-only, .form-text .wrapper input[type=time]:-moz-read-only, .form-text .wrapper input[type=number]:-moz-read-only, .form-text .wrapper input[type=tel]:-moz-read-only, .form-text .wrapper input[type=password]:-moz-read-only, .form-text .wrapper input[type=email]:-moz-read-only {
  background-color: rgba(222, 222, 222, 0) !important;
  color: #8D8D8D;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.form-text .wrapper input[type=text]:read-only,
.form-text .wrapper input[type=time]:read-only,
.form-text .wrapper input[type=number]:read-only,
.form-text .wrapper input[type=tel]:read-only,
.form-text .wrapper input[type=password]:read-only,
.form-text .wrapper input[type=email]:read-only {
  background-color: rgba(222, 222, 222, 0) !important;
  color: #8D8D8D;
  transition: all 0.2s ease-in-out;
}
.form-text .wrapper .unit {
  grid-column: 2/3;
  grid-row: 1/2;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 7px;
  color: #333;
}
.form-text .wrapper.setLinkCursor {
  pointer-events: auto !important;
}
.form-text .wrapper.setLinkCursor input {
  cursor: pointer !important;
}
.form-text .wrapper.setLinkCursor label {
  cursor: pointer !important;
  transition: all 0s;
}
.form-text .wrapper.setLinkCursor label::after {
  content: "\f35d";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}
.form-text .wrapper.setLinkCursor:hover label {
  background-color: #ffc !important;
  border-color: #f60 !important;
}
.form-text .wrapper.setLinkCursor:hover label::after {
  color: #f60 !important;
}
.form-text span.count {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  padding: 3px 5px;
  background-color: #ff6;
  border-radius: 4px;
  line-height: 1;
  font-family: "Source Code Pro", monospace;
  font-size: 0.75rem;
  font-weight: 600;
  transform: translateY(calc(100% + 3px));
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
  transition: opacity 0.25s;
}
.form-text span.count::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  background-color: #ff6;
  -webkit-clip-path: polygon(0 100%, 50% 0%, 100% 100%);
          clip-path: polygon(0 100%, 50% 0%, 100% 100%);
  transform: translate(-50%, calc(-100% + 2px));
}
.form-text span.range {
  padding: 10px 0;
}
.form-text.ng .wrapper input[type=text],
.form-text.ng .wrapper input[type=time],
.form-text.ng .wrapper input[type=number],
.form-text.ng .wrapper input[type=tel],
.form-text.ng .wrapper input[type=password],
.form-text.ng .wrapper input[type=email] {
  color: #333;
}
.form-text.ng .wrapper input[type=text]::-moz-placeholder, .form-text.ng .wrapper input[type=time]::-moz-placeholder, .form-text.ng .wrapper input[type=number]::-moz-placeholder, .form-text.ng .wrapper input[type=tel]::-moz-placeholder, .form-text.ng .wrapper input[type=password]::-moz-placeholder, .form-text.ng .wrapper input[type=email]::-moz-placeholder {
  color: #e9bfbf;
}
.form-text.ng .wrapper input[type=text]::placeholder,
.form-text.ng .wrapper input[type=time]::placeholder,
.form-text.ng .wrapper input[type=number]::placeholder,
.form-text.ng .wrapper input[type=tel]::placeholder,
.form-text.ng .wrapper input[type=password]::placeholder,
.form-text.ng .wrapper input[type=email]::placeholder {
  color: #e9bfbf;
}
.form-text.ng .wrapper label {
  background-color: #FFEDED;
  border-width: 1px;
  border-style: solid;
  border-color: #ef4739;
}
.form-text.ng .wrapper input[type=text]:focus,
.form-text.ng .wrapper input[type=time]:focus,
.form-text.ng .wrapper input[type=number]:focus,
.form-text.ng .wrapper input[type=tel]:focus,
.form-text.ng .wrapper input[type=password]:focus,
.form-text.ng .wrapper input[type=email]:focus {
  outline: none;
}
.form-text.ng .wrapper input[type=text]:focus::-moz-placeholder, .form-text.ng .wrapper input[type=time]:focus::-moz-placeholder, .form-text.ng .wrapper input[type=number]:focus::-moz-placeholder, .form-text.ng .wrapper input[type=tel]:focus::-moz-placeholder, .form-text.ng .wrapper input[type=password]:focus::-moz-placeholder, .form-text.ng .wrapper input[type=email]:focus::-moz-placeholder {
  color: #dadaa0;
}
.form-text.ng .wrapper input[type=text]:focus::placeholder,
.form-text.ng .wrapper input[type=time]:focus::placeholder,
.form-text.ng .wrapper input[type=number]:focus::placeholder,
.form-text.ng .wrapper input[type=tel]:focus::placeholder,
.form-text.ng .wrapper input[type=password]:focus::placeholder,
.form-text.ng .wrapper input[type=email]:focus::placeholder {
  color: #dadaa0;
}
.form-text.ng .wrapper input[type=text]:focus ~ label,
.form-text.ng .wrapper input[type=time]:focus ~ label,
.form-text.ng .wrapper input[type=number]:focus ~ label,
.form-text.ng .wrapper input[type=tel]:focus ~ label,
.form-text.ng .wrapper input[type=password]:focus ~ label,
.form-text.ng .wrapper input[type=email]:focus ~ label {
  background-color: #ffc;
  border-width: 1px;
  border-style: solid;
  border-color: #ff9900;
  outline: none;
  transition: all 0.2s ease-in-out;
}
.form-text.disabled .wrapper input[type=text],
.form-text.disabled .wrapper input[type=time],
.form-text.disabled .wrapper input[type=number],
.form-text.disabled .wrapper input[type=tel],
.form-text.disabled .wrapper input[type=password],
.form-text.disabled .wrapper input[type=email] {
  color: #333;
  cursor: default;
}
.form-text.disabled .wrapper input[type=text]::-moz-placeholder, .form-text.disabled .wrapper input[type=time]::-moz-placeholder, .form-text.disabled .wrapper input[type=number]::-moz-placeholder, .form-text.disabled .wrapper input[type=tel]::-moz-placeholder, .form-text.disabled .wrapper input[type=password]::-moz-placeholder, .form-text.disabled .wrapper input[type=email]::-moz-placeholder {
  color: #ccc;
}
.form-text.disabled .wrapper input[type=text]::placeholder,
.form-text.disabled .wrapper input[type=time]::placeholder,
.form-text.disabled .wrapper input[type=number]::placeholder,
.form-text.disabled .wrapper input[type=tel]::placeholder,
.form-text.disabled .wrapper input[type=password]::placeholder,
.form-text.disabled .wrapper input[type=email]::placeholder {
  color: #ccc;
}
.form-text.disabled .wrapper label {
  background-color: #EEE;
  border-width: 1px;
  border-style: solid;
  border-color: #999999;
}
.form-text.disabled .wrapper input[type=text]:focus,
.form-text.disabled .wrapper input[type=time]:focus,
.form-text.disabled .wrapper input[type=email]:focus {
  outline: none;
  cursor: default;
}
.form-text.disabled .wrapper input[type=text]:focus ~ label,
.form-text.disabled .wrapper input[type=time]:focus ~ label,
.form-text.disabled .wrapper input[type=email]:focus ~ label {
  background-color: #EEE;
  border-width: 1px;
  border-style: solid;
  border-color: #999999;
  outline: none;
  box-shadow: none;
  transition: all 0.2s ease-in-out;
}
.form-text.disabled .input-count {
  display: none;
}
.form-text.item888 .wrapper input[type=text],
.form-text.item888 .wrapper input[type=time],
.form-text.item888 .wrapper input[type=email] {
  color: #333 !important;
  font-weight: 600;
}
.form-text.item888 .wrapper input[type=text]::-moz-placeholder, .form-text.item888 .wrapper input[type=time]::-moz-placeholder, .form-text.item888 .wrapper input[type=email]::-moz-placeholder {
  color: #c99 !important;
}
.form-text.item888 .wrapper input[type=text]::placeholder,
.form-text.item888 .wrapper input[type=time]::placeholder,
.form-text.item888 .wrapper input[type=email]::placeholder {
  color: #c99 !important;
}
.form-text.item888 .wrapper label {
  border: solid 1px #cc0000 !important;
  background-color: #fcc !important;
}
.form-text.item888 input[type=text]:focus,
.form-text.item888 input[type=time]:focus,
.form-text.item888 input[type=email]:focus {
  outline: none;
  cursor: default;
}
.form-text.item888 input[type=text]:focus ~ label,
.form-text.item888 input[type=time]:focus ~ label,
.form-text.item888 input[type=email]:focus ~ label {
  background-color: #fcc !important;
  border: solid 1px #cc0000 !important;
  outline: none;
  box-shadow: none;
  transition: all 0.2s ease-in-out !important;
}
.form-text.copy .wrapper input[type=text],
.form-text.copy .wrapper input[type=time],
.form-text.copy .wrapper input[type=number],
.form-text.copy .wrapper input[type=tel],
.form-text.copy .wrapper input[type=password],
.form-text.copy .wrapper input[type=email] {
  max-width: calc(100% - 7px * 2 - 0.8125rem);
  cursor: text;
}
.form-text.copy .wrapper label .btnCopy {
  cursor: pointer;
}
.form-text.copy .wrapper label .btnCopy:hover {
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.25);
  color: #ff6600;
  filter: brightness(1.2) opacity(0.9) !important;
  transition: all 0.2s ease-in-out !important;
}
.form-text.copy .wrapper label .btnCopy:focus {
  color: #ff6600;
  outline: solid 2px rgba(255, 102, 0, 0) !important;
  box-shadow: 0 0 5px 2px rgba(255, 102, 0, 0.5) !important;
}

p.caution {
  color: #00c;
  font-weight: 600;
}
p.caution::before {
  content: "※";
  margin-right: 0.25em;
}

.form-text-b .wrapper {
  width: 100%;
  height: 30px;
}
.form-text-b .wrapper label {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  box-sizing: border-box;
  padding: 10px;
  width: 100%;
  height: 100%;
  background-color: #cff;
  border: solid 2px #09f;
  border-radius: 5px;
  font-size: 1.125rem;
  line-height: 1;
  transition: all 0.2s ease-in-out;
  text-align: right;
}
.form-text-b .wrapper label i {
  cursor: pointer;
}
.form-text-b .wrapper label i:hover {
  color: #F60;
}
.form-text-b .wrapper input[type=text],
.form-text-b .wrapper input[type=tel],
.form-text-b .wrapper input[type=email] {
  position: absolute;
  top: 50%;
  right: calc(10px + 1.25em);
  transform: translateY(-50%);
  width: 100%;
  max-width: calc(100% - 20px - 1.25em);
  border: none;
  background-color: transparent;
  line-height: 1;
}
.form-text-b .wrapper input[type=text]::-moz-placeholder, .form-text-b .wrapper input[type=tel]::-moz-placeholder, .form-text-b .wrapper input[type=email]::-moz-placeholder {
  color: #9cc;
}
.form-text-b .wrapper input[type=text]::placeholder,
.form-text-b .wrapper input[type=tel]::placeholder,
.form-text-b .wrapper input[type=email]::placeholder {
  color: #9cc;
}
.form-text-b .wrapper input[type=text]:focus,
.form-text-b .wrapper input[type=tel]:focus,
.form-text-b .wrapper input[type=email]:focus {
  outline: none;
}
.form-text-b .wrapper input[type=text]:focus::-moz-placeholder, .form-text-b .wrapper input[type=tel]:focus::-moz-placeholder, .form-text-b .wrapper input[type=email]:focus::-moz-placeholder {
  color: #cc3;
}
.form-text-b .wrapper input[type=text]:focus::placeholder,
.form-text-b .wrapper input[type=tel]:focus::placeholder,
.form-text-b .wrapper input[type=email]:focus::placeholder {
  color: #cc3;
}
.form-text-b .wrapper input[type=text]:focus ~ label,
.form-text-b .wrapper input[type=tel]:focus ~ label,
.form-text-b .wrapper input[type=email]:focus ~ label {
  background-color: #ffc;
  border: solid 1px #ff9900;
  outline: none;
  transition: all 0.2s ease-in-out;
}
.form-text-b .wrapper input[type=text]:-moz-read-only, .form-text-b .wrapper input[type=tel]:-moz-read-only, .form-text-b .wrapper input[type=email]:-moz-read-only {
  background-color: transparent;
  color: #8D8D8D;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.form-text-b .wrapper input[type=text]:read-only,
.form-text-b .wrapper input[type=tel]:read-only,
.form-text-b .wrapper input[type=email]:read-only {
  background-color: transparent;
  color: #8D8D8D;
  transition: all 0.2s ease-in-out;
}
.form-text-b span.range {
  padding: 10px 0;
}
.form-text-b.disabled .wrapper input[type=text],
.form-text-b.disabled .wrapper input[type=email] {
  color: #666;
  cursor: default;
}
.form-text-b.disabled .wrapper input[type=text]::-moz-placeholder, .form-text-b.disabled .wrapper input[type=email]::-moz-placeholder {
  color: #ccc;
}
.form-text-b.disabled .wrapper input[type=text]::placeholder,
.form-text-b.disabled .wrapper input[type=email]::placeholder {
  color: #ccc;
}
.form-text-b.disabled .wrapper label {
  background-color: #eee;
  border: solid 1px #999999;
}
.form-text-b.disabled .wrapper label i.disabled {
  display: none;
  color: #999;
}
.form-text-b.disabled .wrapper label i.disabled:hover {
  cursor: default;
  color: #999;
}
.form-text-b.disabled .wrapper input[type=text]:focus,
.form-text-b.disabled .wrapper input[type=email]:focus {
  outline: none;
  cursor: default;
}
.form-text-b.disabled .wrapper input[type=text]:focus ~ label,
.form-text-b.disabled .wrapper input[type=email]:focus ~ label {
  background-color: #eee;
  border: solid 1px #999999;
  outline: none;
  box-shadow: none;
  transition: all 0.2s ease-in-out;
}

.form-date .wrapper {
  width: 100%;
  height: 30px;
}
.form-date .wrapper label {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  box-sizing: border-box;
  padding: 10px;
  width: 100%;
  height: 100%;
  background-color: #cff;
  border: solid 2px #09f;
  border-radius: 5px;
  font-size: 1.125rem;
  line-height: 1;
  transition: color all 0.2s ease-in-out;
  text-align: right;
}
.form-date .wrapper input[type=text] {
  position: absolute;
  top: 50%;
  right: calc(10px + 1.25em);
  transform: translateY(-50%);
  width: 100%;
  max-width: calc(100% - 20px - 1.25em);
  border: none;
  background-color: transparent;
  line-height: 1;
}
.form-date .wrapper input[type=text]::-moz-placeholder {
  color: #9cc;
}
.form-date .wrapper input[type=text]::placeholder {
  color: #9cc;
}
.form-date .wrapper input[type=text]:focus {
  outline: none;
}
.form-date .wrapper input[type=text]:focus::-moz-placeholder {
  color: #cc3;
}
.form-date .wrapper input[type=text]:focus::placeholder {
  color: #cc3;
}
.form-date .wrapper input[type=text]:focus ~ label {
  background-color: #ffc;
  border: solid 1px #ff9900;
  outline: none;
  transition: color all 0.2s ease-in-out;
}
.form-date span.range {
  padding: 10px 0;
}
.form-date.ng .wrapper input[type=text] {
  color: #333;
}
.form-date.ng .wrapper input[type=text]::-moz-placeholder {
  color: #c99;
}
.form-date.ng .wrapper input[type=text]::placeholder {
  color: #c99;
}
.form-date.ng .wrapper label {
  background-color: #fcc;
  border: solid 1px #cc0000;
}
.form-date.ng .wrapper input[type=text]:focus {
  outline: none;
  cursor: default;
}
.form-date.ng .wrapper input[type=text]:focus ~ label {
  background-color: #fcc;
  border: solid 1px #cc0000;
  outline: none;
  box-shadow: none;
  transition: color all 0.2s ease-in-out;
}
.form-date.disabled .wrapper input[type=text] {
  color: #666;
  cursor: default;
}
.form-date.disabled .wrapper input[type=text]::-moz-placeholder {
  color: #ccc;
}
.form-date.disabled .wrapper input[type=text]::placeholder {
  color: #ccc;
}
.form-date.disabled .wrapper label {
  background-color: #eee;
  border: solid 1px #999999;
}
.form-date.disabled .wrapper label i::before {
  color: #999;
}
.form-date.disabled .wrapper input[type=text]:focus {
  outline: none;
}
.form-date.disabled .wrapper input[type=text]:focus ~ label {
  background-color: #eee;
  border: solid 1px #999999;
  outline: none;
  box-shadow: none;
  transition: color all 0.2s ease-in-out;
}
.form-date.disabled .wrapper input[type=text]:focus ~ label i::before {
  color: #999;
}

.form-date-b {
  display: flex;
  align-items: flex-end;
}
.form-date-b .wrapper {
  width: 100%;
  height: 24px;
}
.form-date-b .wrapper label {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  box-sizing: border-box;
  padding: 7px;
  width: 100%;
  height: 24px;
  background-color: #EFFCFF;
  border-style: solid;
  border-width: 1px;
  border-color: #3A63BC;
  border-radius: 4px;
  font-size: 0.8125rem;
  line-height: 1;
  transition: color all 0.2s ease-in-out;
  text-align: right;
}
.form-date-b .wrapper input[type=text] {
  position: absolute;
  top: 50%;
  right: calc(7px + 0.8125rem);
  transform: translateY(-50%);
  width: 100%;
  max-width: calc(100% - 7px * 2 - 0.8125rem);
  height: 24px;
  border: none;
  background-color: transparent;
  line-height: 1;
}
.form-date-b .wrapper input[type=text]::-moz-placeholder {
  color: #c1dbe0;
}
.form-date-b .wrapper input[type=text]::placeholder {
  color: #c1dbe0;
}
.form-date-b .wrapper input[type=text]:focus {
  outline: none;
}
.form-date-b .wrapper input[type=text]:focus::-moz-placeholder {
  color: #dadaa0;
}
.form-date-b .wrapper input[type=text]:focus::placeholder {
  color: #dadaa0;
}
.form-date-b .wrapper input[type=text]:focus ~ label {
  background-color: #ffc;
  border-style: solid;
  border-width: 1px;
  border-color: #f90;
  outline: none;
  transition: color all 0.2s ease-in-out;
}
.form-date-b .wrapper .ui-datepicker-trigger {
  position: absolute;
  top: 50%;
  right: 5px;
  background-color: transparent;
  border: none;
  font-size: 0.875rem;
  line-height: 1;
  transform: translateY(-50%);
}
.form-date-b .wrapper .ui-datepicker-trigger::before {
  content: "\f073";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
.form-date-b .wrapper input[type=text]:disabled + .ui-datepicker-trigger {
  cursor: default;
  color: #8D8D8D;
}
.form-date-b span.range {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  height: 24px;
}
.form-date-b.ng .wrapper input[type=text] {
  color: #333;
}
.form-date-b.ng .wrapper input[type=text]::-moz-placeholder {
  color: #e9bfbf;
}
.form-date-b.ng .wrapper input[type=text]::placeholder {
  color: #e9bfbf;
}
.form-date-b.ng .wrapper label {
  background-color: #FFEDED;
  border-style: solid;
  border-width: 1px;
  border-color: #EF4739;
}
.form-date-b.ng .wrapper input[type=text]:focus {
  outline: none;
  cursor: default;
}
.form-date-b.ng .wrapper input[type=text]:focus ~ label {
  background-color: #FFEDED;
  border-style: solid;
  border-width: 1px;
  border-color: #EF4739;
  outline: none;
  box-shadow: none;
  transition: color all 0.2s ease-in-out;
}
.form-date-b .form-parts.disabled .wrapper input[type=text] {
  color: #333;
  cursor: default;
}
.form-date-b .form-parts.disabled .wrapper input[type=text]::-moz-placeholder {
  color: #ccc;
}
.form-date-b .form-parts.disabled .wrapper input[type=text]::placeholder {
  color: #ccc;
}
.form-date-b .form-parts.disabled .wrapper button.ui-datepicker-trigger {
  color: #ccc;
}
.form-date-b .form-parts.disabled .wrapper label {
  background-color: #EEE;
  border-style: solid;
  border-width: 1px;
  border-color: #999;
}
.form-date-b .form-parts.disabled .wrapper label i::before {
  color: #999;
}
.form-date-b .form-parts.disabled .wrapper input[type=text]:focus {
  outline: none;
}
.form-date-b .form-parts.disabled .wrapper input[type=text]:focus ~ label {
  background-color: #ffc;
  border-style: solid;
  border-width: 1px;
  border-color: #999;
  outline: none;
  box-shadow: none;
  transition: color all 0.2s ease-in-out;
}
.form-date-b .form-parts.disabled .wrapper input[type=text]:focus ~ label i::before {
  color: #999;
}
.form-date-b.disabled .wrapper input[type=text] {
  color: #666;
  cursor: default;
}
.form-date-b.disabled .wrapper input[type=text]::-moz-placeholder {
  color: #ccc;
}
.form-date-b.disabled .wrapper input[type=text]::placeholder {
  color: #ccc;
}
.form-date-b.disabled .wrapper label {
  background-color: #eee;
  border: solid 1px #999999;
}
.form-date-b.disabled .wrapper label i::before {
  color: #999;
}
.form-date-b.disabled .wrapper input[type=text]:focus {
  outline: none;
}
.form-date-b.disabled .wrapper input[type=text]:focus ~ label {
  background-color: #eee;
  border: solid 1px #999999;
  outline: none;
  box-shadow: none;
  transition: color all 0.2s ease-in-out;
}
.form-date-b.disabled .wrapper input[type=text]:focus ~ label i::before {
  color: #999;
}

body.admin #ui-datepicker-div {
  transform: translateY(-20%);
}
body.admin #ui-datepicker-div table.ui-datepicker-calendar thead tr th {
  padding: 0.5em 0.3em;
  line-height: 1.2;
}
body.admin #ui-datepicker-div table.ui-datepicker-calendar tbody tr td a {
  line-height: 1.4;
}

#modalSearchZipList > .modal-dialog {
  margin: calc(10px / 2) auto !important;
  max-width: 800px !important;
}
#modalSearchZipList > .modal-dialog .modal-content .count-wrapper {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
#modalSearchZipList > .modal-dialog .modal-content .count-wrapper p span.count {
  margin: 0 0.25em;
  font-size: 1.125rem;
  font-weight: 600;
}
#modalSearchZipList > .modal-dialog .modal-content .count-wrapper p.all {
  flex-shrink: 1;
  flex-grow: 1;
  justify-content: flex-start;
  width: auto;
}
#modalSearchZipList > .modal-dialog .modal-content .count-wrapper p.rececnt, #modalSearchZipList > .modal-dialog .modal-content .count-wrapper p.devicnt, #modalSearchZipList > .modal-dialog .modal-content .count-wrapper p.pool {
  min-width: 180px;
}
#modalSearchZipList > .modal-dialog .modal-content .count-wrapper p.rececnt span:nth-of-type(1)::after, #modalSearchZipList > .modal-dialog .modal-content .count-wrapper p.devicnt span:nth-of-type(1)::after, #modalSearchZipList > .modal-dialog .modal-content .count-wrapper p.pool span:nth-of-type(1)::after {
  content: "\f141";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0.25em;
  margin-right: 0;
}
#modalSearchZipList > .modal-dialog .modal-content .list-basic {
  height: calc(100% - 30px - 30px - 50px);
}
#modalSearchZipList > .modal-dialog .modal-content .list-basic .list-body {
  height: 100%;
  overflow: auto;
}
#modalSearchZipList > .modal-dialog .modal-content .list-basic .list-body ul {
  padding-top: 24px;
  width: 100%;
}
#modalSearchZipList > .modal-dialog .modal-content .list-basic .list-body ul li {
  width: auto;
  cursor: pointer;
}
#modalSearchZipList > .modal-dialog .modal-content .list-basic .list-body ul li div.no {
  justify-content: flex-end;
  width: 100px !important;
}
#modalSearchZipList > .modal-dialog .modal-content .list-basic .list-body ul li div.zipcode {
  width: 100px !important;
}
#modalSearchZipList > .modal-dialog .modal-content .list-basic .list-body ul li div.prefectures {
  width: 90px !important;
}
#modalSearchZipList > .modal-dialog .modal-content .list-basic .list-body ul li div.municipality {
  width: 110px !important;
}
#modalSearchZipList > .modal-dialog .modal-content .list-basic .list-body ul li div.address1 {
  flex-shrink: 0;
  flex-grow: 1;
  justify-content: flex-start;
  width: auto !important;
  min-width: 300px;
}
#modalSearchZipList > .modal-dialog .modal-content .list-basic .list-body ul.name {
  position: absolute;
  padding-top: 0;
}
#modalSearchZipList > .modal-dialog .modal-content .list-basic .list-body ul.name li {
  cursor: default;
}
#modalSearchZipList > .modal-dialog .modal-content .list-basic .list-body ul.name li div {
  padding: 0;
}

.form-zipcode .wrapper {
  width: 100%;
  height: 24px;
}
.form-zipcode .wrapper label {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  width: 100%;
  height: 24px;
  background-color: #EFFCFF;
  border-style: solid;
  border-width: 1px;
  border-color: #3A63BC;
  border-radius: 4px;
  font-size: 0.8125rem;
  line-height: 1;
  transition: all 0.2s ease-in-out;
  text-align: right;
}
.form-zipcode .wrapper label i {
  cursor: pointer;
}
.form-zipcode .wrapper label i:hover {
  color: #F60;
}
.form-zipcode .wrapper label i:focus {
  color: #F60;
  outline: none;
}
.form-zipcode .wrapper span.yubin {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding: 0 0.5em;
  line-height: 1;
}
.form-zipcode .wrapper input[type=text],
.form-zipcode .wrapper input[type=number] {
  position: absolute;
  top: 50%;
  right: calc(7px + 0.8125rem);
  transform: translateY(-50%);
  width: calc(100% - 3.75em);
  max-width: calc(100% - 7px * 2 - 0.8125rem);
  border: none;
  background-color: transparent;
  line-height: 1;
}
.form-zipcode .wrapper input[type=text]::-moz-placeholder, .form-zipcode .wrapper input[type=number]::-moz-placeholder {
  color: #c1dbe0;
}
.form-zipcode .wrapper input[type=text]::placeholder,
.form-zipcode .wrapper input[type=number]::placeholder {
  color: #c1dbe0;
}
.form-zipcode .wrapper input[type=text]:focus,
.form-zipcode .wrapper input[type=number]:focus {
  outline: none;
}
.form-zipcode .wrapper input[type=text]:focus::-moz-placeholder, .form-zipcode .wrapper input[type=number]:focus::-moz-placeholder {
  color: #dadaa0;
}
.form-zipcode .wrapper input[type=text]:focus::placeholder,
.form-zipcode .wrapper input[type=number]:focus::placeholder {
  color: #dadaa0;
}
.form-zipcode .wrapper input[type=text]:focus ~ label,
.form-zipcode .wrapper input[type=number]:focus ~ label {
  background-color: #ffc;
  border-style: solid;
  border-width: 1px;
  border-color: #f90;
  outline: none;
  transition: all 0.2s ease-in-out;
}
.form-zipcode span.count {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  padding: 3px 5px;
  background-color: #ff6;
  border-radius: 4px;
  line-height: 1;
  font-family: "Source Code Pro", monospace;
  font-size: 0.75rem;
  font-weight: 600;
  transform: translateY(calc(100% + 3px));
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
  transition: opacity 0.25s;
}
.form-zipcode span.count::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  background-color: #ff6;
  -webkit-clip-path: polygon(0 100%, 50% 0%, 100% 100%);
          clip-path: polygon(0 100%, 50% 0%, 100% 100%);
  transform: translate(-50%, calc(-100% + 2px));
}
.form-zipcode span.range {
  padding: 7px 0;
}
.form-zipcode.ng .wrapper input[type=text],
.form-zipcode.ng .wrapper input[type=number] {
  color: #333;
}
.form-zipcode.ng .wrapper input[type=text]::-moz-placeholder, .form-zipcode.ng .wrapper input[type=number]::-moz-placeholder {
  color: #e9bfbf;
}
.form-zipcode.ng .wrapper input[type=text]::placeholder,
.form-zipcode.ng .wrapper input[type=number]::placeholder {
  color: #e9bfbf;
}
.form-zipcode.ng .wrapper label {
  background-color: #FFEDED;
  border-style: solid;
  border-width: 1px;
  border-color: #EF4739;
}
.form-zipcode.ng .wrapper input[type=text]:focus,
.form-zipcode.ng .wrapper input[type=number]:focus {
  outline: none;
  cursor: default;
}
.form-zipcode.ng .wrapper input[type=text]:focus::-moz-placeholder, .form-zipcode.ng .wrapper input[type=number]:focus::-moz-placeholder {
  color: #dadaa0;
}
.form-zipcode.ng .wrapper input[type=text]:focus::placeholder,
.form-zipcode.ng .wrapper input[type=number]:focus::placeholder {
  color: #dadaa0;
}
.form-zipcode.ng .wrapper input[type=text]:focus ~ label,
.form-zipcode.ng .wrapper input[type=number]:focus ~ label {
  background-color: #ffc;
  border-style: solid;
  border-width: 1px;
  border-color: #f90;
  outline: none;
  box-shadow: none;
  transition: all 0.2s ease-in-out;
}
.form-zipcode.disabled .wrapper input[type=text],
.form-zipcode.disabled .wrapper input[type=number] {
  color: #333;
  cursor: default;
}
.form-zipcode.disabled .wrapper input[type=text]::-moz-placeholder, .form-zipcode.disabled .wrapper input[type=number]::-moz-placeholder {
  color: #ccc;
}
.form-zipcode.disabled .wrapper input[type=text]::placeholder,
.form-zipcode.disabled .wrapper input[type=number]::placeholder {
  color: #ccc;
}
.form-zipcode.disabled .wrapper label {
  background-color: #EEE;
  border-style: solid;
  border-width: 1px;
  border-color: #999999;
}
.form-zipcode.disabled .wrapper label i {
  display: none !important;
}
.form-zipcode.disabled .wrapper input[type=text]:focus,
.form-zipcode.disabled .wrapper input[type=number]:focus {
  outline: none;
  cursor: default;
}
.form-zipcode.disabled .wrapper input[type=text]:focus ~ label,
.form-zipcode.disabled .wrapper input[type=number]:focus ~ label {
  background-color: #eee;
  border: solid 1px #999999;
  outline: none;
  box-shadow: none;
  transition: all 0.2s ease-in-out;
}
.form-zipcode.disabled .input-count {
  display: none;
}

.form-mail-address {
  margin: 0 !important;
}
.form-mail-address .wrapper {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 100%;
  -moz-column-gap: 10px;
       column-gap: 10px;
  width: 100%;
  height: 30px;
}
.form-mail-address .wrapper label {
  grid-column: 1/3;
  grid-row: 1/2;
  display: block;
  box-sizing: border-box;
  padding: 10px;
  width: 100%;
  background-color: #cff;
  border: solid 2px #09f;
  border-radius: 5px;
  font-size: 1.125rem;
  line-height: 1;
  transition: all 0.2s ease-in-out;
  text-align: right;
}
.form-mail-address .wrapper input[type=text] {
  grid-column: 1/2;
  grid-row: 1/2;
  padding-left: 10px;
  width: 100%;
  border: none;
  background-color: transparent;
  line-height: 1;
}
.form-mail-address .wrapper input[type=text]::-moz-placeholder {
  color: #9cc;
}
.form-mail-address .wrapper input[type=text]::placeholder {
  color: #9cc;
}
.form-mail-address .wrapper input[type=text]:focus {
  outline: none;
}
.form-mail-address .wrapper input[type=text]:focus::-moz-placeholder {
  color: #cc3;
}
.form-mail-address .wrapper input[type=text]:focus::placeholder {
  color: #cc3;
}
.form-mail-address .wrapper input[type=text]:focus ~ label {
  background-color: #ffc;
  border: solid 1px #ff9900;
  outline: none;
  transition: all 0.2s ease-in-out;
}
.form-mail-address .wrapper input[type=text].center {
  text-align: center;
}
.form-mail-address .wrapper input[type=text].right {
  text-align: right;
}
.form-mail-address .wrapper input[type=text]:-moz-read-only {
  background-color: rgba(222, 222, 222, 0) !important;
  color: #8D8D8D;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.form-mail-address .wrapper input[type=text]:read-only {
  background-color: rgba(222, 222, 222, 0) !important;
  color: #8D8D8D;
  transition: all 0.2s ease-in-out;
}
.form-mail-address .wrapper .unit {
  grid-column: 2/3;
  grid-row: 1/2;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 10px;
  color: #333;
}
.form-mail-address span.range {
  padding: 10px 0;
}
.form-mail-address .col-auto {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.form-mail-address.ng .wrapper input[type=text] {
  color: #333;
}
.form-mail-address.ng .wrapper input[type=text]::-moz-placeholder {
  color: #c99;
}
.form-mail-address.ng .wrapper input[type=text]::placeholder {
  color: #c99;
}
.form-mail-address.ng .wrapper label {
  background-color: #fcc;
  border: solid 1px #cc0000;
}
.form-mail-address.ng .wrapper input[type=text]:focus {
  outline: none;
  cursor: default;
}
.form-mail-address.ng .wrapper input[type=text]:focus ~ label {
  background-color: #fcc;
  border: solid 1px #cc0000;
  outline: none;
  box-shadow: none;
  transition: all 0.2s ease-in-out;
}
.form-mail-address.disabled h4::before {
  display: none;
}
.form-mail-address.disabled .mail-cfm {
  display: none;
}
.form-mail-address.disabled .wrapper input[type=text] {
  color: #666;
  cursor: default;
}
.form-mail-address.disabled .wrapper input[type=text]::-moz-placeholder {
  color: #ccc;
}
.form-mail-address.disabled .wrapper input[type=text]::placeholder {
  color: #ccc;
}
.form-mail-address.disabled .wrapper label {
  background-color: #eee;
  border: solid 1px #999999;
}
.form-mail-address.disabled .wrapper input[type=text]:focus {
  outline: none;
  cursor: default;
}
.form-mail-address.disabled .wrapper input[type=text]:focus ~ label {
  background-color: #eee;
  border: solid 1px #999999;
  outline: none;
  box-shadow: none;
  transition: all 0.2s ease-in-out;
}

.form-self-search .wrapper {
  width: 100%;
  height: 24px;
}
.form-self-search .wrapper label {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  box-sizing: border-box;
  padding: 7px;
  width: 100%;
  height: 24px;
  background-color: #EFFCFF;
  border-style: solid;
  border-width: 1px;
  border-color: #3A63BC;
  border-radius: 4px;
  font-size: 0.8125rem;
  line-height: 1;
  transition: color all 0.2s ease-in-out;
  text-align: right;
}
.form-self-search .wrapper label i {
  cursor: pointer;
  margin-right: 0px;
}
.form-self-search .wrapper label i:hover {
  color: #f90;
}
.form-self-search .wrapper input[type=text] {
  position: absolute;
  top: 50%;
  right: calc(7px + 0.8125rem);
  transform: translateY(-50%);
  width: 100%;
  max-width: calc(100% - 7px * 2 - 0.8125rem);
  height: 24px;
  border: none;
  background-color: transparent;
  line-height: 1;
}
.form-self-search .wrapper input[type=text]::-moz-placeholder {
  color: #c1dbe0;
}
.form-self-search .wrapper input[type=text]::placeholder {
  color: #c1dbe0;
}
.form-self-search .wrapper input[type=text]:focus {
  outline: none;
}
.form-self-search .wrapper input[type=text]:focus::-moz-placeholder {
  color: #dadaa0;
}
.form-self-search .wrapper input[type=text]:focus::placeholder {
  color: #dadaa0;
}
.form-self-search .wrapper input[type=text]:focus ~ label {
  background-color: #ffc;
  border-style: solid;
  border-width: 1px;
  border-color: #f90;
  outline: none;
  transition: color all 0.2s ease-in-out;
}
.form-self-search .wrapper input[type=text]:-moz-read-only {
  background-color: transparent;
  color: #8D8D8D;
  -moz-transition: color all 0.2s ease-in-out;
  transition: color all 0.2s ease-in-out;
}
.form-self-search .wrapper input[type=text]:read-only {
  background-color: transparent;
  color: #8D8D8D;
  transition: color all 0.2s ease-in-out;
}
.form-self-search span.count {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  padding: 3px 5px;
  background-color: #ff6;
  border-radius: 4px;
  line-height: 1;
  font-family: "Source Code Pro", monospace;
  font-size: 0.75rem;
  font-weight: 600;
  transform: translateY(calc(100% + 3px));
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
  transition: opacity 0.25s;
}
.form-self-search span.count::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  background-color: #ff6;
  -webkit-clip-path: polygon(0 100%, 50% 0%, 100% 100%);
          clip-path: polygon(0 100%, 50% 0%, 100% 100%);
  transform: translate(-50%, calc(-100% + 2px));
}
.form-self-search span.range {
  padding: 7px 0;
}
.form-self-search.ng .wrapper input[type=text] {
  color: #333;
}
.form-self-search.ng .wrapper input[type=text]::-moz-placeholder {
  color: #e9bfbf;
}
.form-self-search.ng .wrapper input[type=text]::placeholder {
  color: #e9bfbf;
}
.form-self-search.ng .wrapper label {
  background-color: #FFEDED;
  border-style: solid;
  border-width: 1px;
  border-color: #EF4739;
}
.form-self-search.ng .wrapper input[type=text]:focus {
  outline: none;
  cursor: default;
}
.form-self-search.ng .wrapper input[type=text]:focus::-moz-placeholder {
  color: #dadaa0;
}
.form-self-search.ng .wrapper input[type=text]:focus::placeholder {
  color: #dadaa0;
}
.form-self-search.ng .wrapper input[type=text]:focus ~ label {
  background-color: #ffc;
  border-style: solid;
  border-width: 1px;
  border-color: #f90;
  outline: none;
  box-shadow: none;
  transition: color all 0.2s ease-in-out;
}
.form-self-search.disabled .wrapper input[type=text] {
  color: #333;
  cursor: default;
}
.form-self-search.disabled .wrapper input[type=text]::-moz-placeholder {
  color: #ccc;
}
.form-self-search.disabled .wrapper input[type=text]::placeholder {
  color: #ccc;
}
.form-self-search.disabled .wrapper label {
  background-color: #EEE;
  border-style: solid;
  border-width: 1px;
  border-color: #999999;
}
.form-self-search.disabled .wrapper input[type=text]:focus {
  outline: unset;
  cursor: default;
}
.form-self-search.disabled .wrapper input[type=text]:focus ~ label {
  background-color: #EEE;
  border: solid 1px #999999;
  outline: none;
  box-shadow: none;
  transition: color all 0.2s ease-in-out;
}
.form-self-search.item888 .wrapper input[type=text] {
  color: #333 !important;
  font-weight: 600;
}
.form-self-search.item888 .wrapper input[type=text]::-moz-placeholder {
  color: #c99 !important;
}
.form-self-search.item888 .wrapper input[type=text]::placeholder {
  color: #c99 !important;
}
.form-self-search.item888 .wrapper label {
  border: solid 1px #cc0000 !important;
  background-color: #fcc !important;
}
.form-self-search.item888 input[type=text]:focus {
  outline: none;
  cursor: default;
}
.form-self-search.item888 input[type=text]:focus ~ label {
  background-color: #fcc !important;
  border: solid 1px #cc0000 !important;
  outline: none;
  box-shadow: none;
  transition: color all 0.2s ease-in-out !important;
}

.form-reload .wrapper {
  width: 100%;
  height: 24px;
}
.form-reload .wrapper label {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  box-sizing: border-box;
  padding: 7px;
  width: 100%;
  height: 24px;
  background-color: #EFFCFF;
  border-style: solid;
  border-width: 1px;
  border-color: #3A63BC;
  border-radius: 4px;
  font-size: 0.8125rem;
  line-height: 1;
  transition: color all 0.2s ease-in-out;
  text-align: right;
}
.form-reload .wrapper label i {
  cursor: pointer;
}
.form-reload .wrapper label i:hover {
  color: #F60;
}
.form-reload .wrapper input[type=text] {
  position: absolute;
  top: 50%;
  right: calc(10px + 1.25em);
  transform: translateY(-50%);
  width: 100%;
  max-width: calc(100% - 20px - 1.25em);
  border: none;
  background-color: transparent;
  line-height: 1;
}
.form-reload .wrapper input[type=text]::-moz-placeholder {
  color: #9cc;
}
.form-reload .wrapper input[type=text]::placeholder {
  color: #9cc;
}
.form-reload .wrapper input[type=text]:focus {
  outline: none;
}
.form-reload .wrapper input[type=text]:focus::-moz-placeholder {
  color: #cc3;
}
.form-reload .wrapper input[type=text]:focus::placeholder {
  color: #cc3;
}
.form-reload .wrapper input[type=text]:focus ~ label {
  background-color: #ffc;
  border: solid 1px #ff9900;
  outline: none;
  transition: all 0.2s ease-in-out;
}
.form-reload .wrapper input[type=text]:-moz-read-only {
  background-color: transparent;
  color: #8D8D8D;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.form-reload .wrapper input[type=text]:read-only {
  background-color: transparent;
  color: #8D8D8D;
  transition: all 0.2s ease-in-out;
}
.form-reload span.range {
  padding: 10px 0;
}
.form-reload.disabled .wrapper input[type=text] {
  color: #666;
  cursor: default;
}
.form-reload.disabled .wrapper input[type=text]::-moz-placeholder {
  color: #ccc;
}
.form-reload.disabled .wrapper input[type=text]::placeholder {
  color: #ccc;
}
.form-reload.disabled .wrapper label {
  background-color: #eee;
  border: solid 1px #999999;
}
.form-reload.disabled .wrapper label i.disabled {
  color: #999;
}
.form-reload.disabled .wrapper label i.disabled:hover {
  cursor: default;
  color: #999;
}
.form-reload.disabled .wrapper input[type=text]:focus {
  outline: none;
  cursor: default;
}
.form-reload.disabled .wrapper input[type=text]:focus ~ label {
  background-color: #eee;
  border: solid 1px #999999;
  outline: none;
  box-shadow: none;
  transition: all 0.2s ease-in-out;
}
.form-reload i.unused {
  opacity: 0.1;
  pointer-events: none;
}

.form-select {
  padding: 0;
  width: 100%;
  height: 24px;
  background-image: none;
  border: none;
  border-radius: 0;
}
.form-select select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 5px 7px;
  width: 100%;
  height: 24px;
  background-image: url("../img/arrow_ena.svg"), linear-gradient(to left, #d1edf4 0 16px, #3a63bc 16px 17px, #effcff 17px 100%);
  background-size: 10px auto, 100% 100%;
  background-repeat: no-repeat;
  background-position: center right 3px, top left;
  border-style: solid;
  border-width: 1px;
  border-color: #3A63BC;
  border-radius: 4px;
  font-size: 0.8125rem;
  line-height: 1;
  cursor: pointer;
  transition: color all 0.2s ease-in-out;
}
.form-select select option:disabled {
  opacity: 1 !important;
  color: #dedede !important;
}
.form-select select:focus {
  background-image: url("../img/arrow_focus.svg"), linear-gradient(to left, #ffe1b4 0 16px, #ff9900 16px 17px, #ffffcc 17px 100%);
  border-style: solid;
  border-width: 1px;
  border-color: #f90;
  outline: none;
  transition: color all 0.2s ease-in-out;
}
.form-select.ng select {
  background-image: url("../img/arrow_ng.svg"), linear-gradient(to left, #fdd3d3 0 16px, #ef4739 16px 17px, #ffeded 17px 100%);
  border-style: solid;
  border-width: 1px;
  border-color: #EF4739;
}
.form-select.disabled select {
  pointer-events: none;
  background-color: #eee;
  background-image: none, none;
  border: solid 1px #999999;
}

.form-file {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr;
  gap: 10px;
  overflow: hidden;
  margin-left: -7px;
  padding: 7px;
  width: 100%;
}
.form-file [type=file] {
  position: absolute;
  top: -20px;
  height: 1px;
  transition: all 0.2s ease-in-out;
}
.form-file [type=file]:focus ~ label {
  background-color: #ff6600 !important;
  border: solid 2px #ff6600;
  outline: none;
  box-shadow: 0 0 5px 2px rgba(255, 102, 0, 0.5);
}
.form-file [type=file][data-require$=true] ~ .file-name::before {
  content: "\f071";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0%;
  color: #ffcc00;
  font-size: 0.875rem;
  text-shadow: 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black;
}
.form-file .file-name {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  grid-column: 1/2;
  grid-row: 1/2;
  gap: 0.5em;
  display: flex;
  align-items: center;
  padding: 0.5em;
  width: 100%;
  max-width: 350px;
  background-color: #fff;
  border: solid 1px #666;
  border-radius: 5px;
  color: #a0a0a0;
  line-height: 1;
  transition: all 0.2s ease-in-out;
}
.form-file .file-name > p {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.form-file .file-name > i.btnClearSelect {
  visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  aspect-ratio: 1/1;
  cursor: pointer;
}
.form-file .file-name > i.btnClearSelect.enabled {
  visibility: visible;
}
.form-file label {
  grid-column: 2/3;
  grid-row: 1/2;
  min-width: auto;
  width: 120px;
  transition: all 0.2s ease-in-out;
}
.form-file.ok [type=file][data-require$=true] ~ .file-name {
  border: solid 1px #14805C;
  outline: none;
}
.form-file.ok [type=file][data-require$=true] ~ .file-name::before {
  content: "\f058";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0;
  color: #14805C;
  font-size: 0.875rem;
  text-shadow: none;
}
.form-file.ng [type=file][data-require$=true] ~ .file-name {
  border: solid 1px #c00;
  outline: none;
}
.form-file.ng [type=file][data-require$=true] ~ .file-name::before {
  content: "\f057";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0;
  color: #c00;
  font-size: 0.875rem;
  text-shadow: none;
}

.file-upload-group {
  display: flex;
  gap: 20px;
  width: 100%;
}

.form-radio ul.radio-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1em;
  list-style: none;
  padding: calc((24px - 1.125rem) / 2) 0;
  min-height: 24px;
}
.form-radio ul.radio-buttons li {
  overflow: hidden;
}
.form-radio ul.radio-buttons li label {
  display: flex;
  align-items: center;
  line-height: 1;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.form-radio ul.radio-buttons li label span:not(.label) {
  flex-shrink: 0;
  flex-grow: 0;
  display: inline-block;
  margin-right: 0.25em;
  width: 1.125rem;
  height: 1.125rem;
  background-color: #EFFCFF;
  border-style: solid;
  border-width: 1px;
  border-color: #3A63BC;
  border-radius: 50%;
  transition: all 0.2s ease-in-out;
}
.form-radio ul.radio-buttons li label span:not(.label)::before {
  content: "";
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: #3A63BC;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.2s ease-in-out;
}
.form-radio ul.radio-buttons li label:hover {
  color: #f90;
  transition: all 0.2s ease-in-out;
}
.form-radio ul.radio-buttons li label:hover > span:not(.label) {
  transition: all 0.2s ease-in-out;
  background-color: #ffc;
  border-style: solid;
  border-width: 1px;
  border-color: #f90;
}
.form-radio ul.radio-buttons li label:hover > span:not(.label)::before {
  background-color: #f90;
}
.form-radio ul.radio-buttons li [type=radio] {
  position: absolute;
  top: -10px;
  left: 0;
  width: 1px;
  height: 1px;
}
.form-radio ul.radio-buttons li [type=radio]:checked ~ label > span:not(.label)::before {
  opacity: 1;
}
.form-radio ul.radio-buttons li [type=radio]:focus ~ label {
  color: #f90;
  transition: all 0.2s ease-in-out;
}
.form-radio ul.radio-buttons li [type=radio]:focus ~ label > span:not(.label) {
  transition: all 0.2s ease-in-out;
  background-color: #ffc;
  border-style: solid;
  border-width: 1px;
  border-color: #f90;
}
.form-radio ul.radio-buttons li [type=radio]:focus ~ label > span:not(.label)::before {
  background-color: #f90;
}
.form-radio ul.radio-buttons li [type=radio]:disabled ~ label {
  color: #333;
  cursor: default;
}
.form-radio ul.radio-buttons li [type=radio]:disabled ~ label span:not(.label) {
  border-color: #999;
}
.form-radio ul.radio-buttons li [type=radio]:disabled ~ label span:not(.label)::before {
  background-color: #999;
}
.form-radio ul.radio-buttons.row {
  flex-direction: column;
  flex-wrap: nowrap;
}
.form-radio ul.radio-buttons.disabled li [type=radio] {
  pointer-events: none;
}
.form-radio.disabled {
  opacity: 0.5;
}
.form-radio.disabled .radio-buttons li [type=radio] {
  pointer-events: none !important;
}
.form-radio.disabled .radio-buttons li [type=radio] + label {
  pointer-events: none !important;
  color: #999;
}
.form-radio.disabled .radio-buttons li [type=radio] + label > span:not(.label) {
  background-color: #EEE;
  border-style: solid;
  border-width: 1px;
  border-color: #999;
}
.form-radio.disabled .radio-buttons li [type=radio] + label > span:not(.label)::before {
  background-color: #999;
}

.form-checkbox ul.check-boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1em;
  list-style: none;
  padding: calc((24px - 1.125rem) / 2) 0;
  min-height: 24px;
}
.form-checkbox ul.check-boxes li {
  width: auto;
  overflow: hidden;
}
.form-checkbox ul.check-boxes li [type=checkbox] {
  position: absolute;
  top: -10px;
  left: 0;
  width: 1px;
  height: 1px;
}
.form-checkbox ul.check-boxes li [type=checkbox]:checked ~ label > span::before {
  opacity: 1;
}
.form-checkbox ul.check-boxes li [type=checkbox]:focus ~ label {
  color: #f90;
  transition: all 0.2s ease-in-out;
}
.form-checkbox ul.check-boxes li [type=checkbox]:focus ~ label > span {
  background-color: #ffc;
  border: solid 1px #f90;
  transition: all 0.2s ease-in-out;
}
.form-checkbox ul.check-boxes li [type=checkbox]:focus ~ label > span::before {
  color: #f90;
}
.form-checkbox ul.check-boxes li label {
  display: flex;
  align-items: center;
  line-height: 1;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.form-checkbox ul.check-boxes li label > span {
  flex-shrink: 0;
  flex-grow: 0;
  display: inline-block;
  margin-right: 0.25em;
  width: 1rem;
  height: 1rem;
  background-color: #EFFCFF;
  border: solid 1px #3A63BC;
  border-radius: 4px;
  color: #333;
  transition: all 0.2s ease-in-out;
}
.form-checkbox ul.check-boxes li label > span::before {
  content: "\f00c";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  font-size: 0.75rem;
  line-height: 1;
  transform: translate(-50%, -45%);
  transition: all 0.2s ease-in-out;
}
.form-checkbox ul.check-boxes li label.red {
  color: #c00;
}
.form-checkbox ul.check-boxes li label.green {
  color: #14805C;
}
.form-checkbox ul.check-boxes li label.blue {
  color: #00c;
}
.form-checkbox ul.check-boxes li label:hover {
  color: #F60;
  transition: all 0.2s ease-in-out;
}
.form-checkbox ul.check-boxes li label:hover > span {
  background-color: #FFF7D5;
  border: solid 1px #F60;
  transition: all 0.2s ease-in-out;
}
.form-checkbox ul.check-boxes li label:hover > span::before {
  color: #F60;
}
.form-checkbox ul.check-boxes.d-column {
  flex-direction: column;
}
.form-checkbox ul.check-boxes.d-column.left {
  align-items: flex-start;
}
.form-checkbox ul.check-boxes.d-column.center {
  align-items: center;
}
.form-checkbox ul.check-boxes.d-column.right {
  align-items: flex-end;
}
.form-checkbox ul.check-boxes.d-row {
  flex-direction: row;
}
.form-checkbox ul.check-boxes.d-row.left {
  justify-content: flex-start;
}
.form-checkbox ul.check-boxes.d-row.center {
  justify-content: center;
}
.form-checkbox ul.check-boxes.d-row.right {
  justify-content: flex-end;
}
.form-checkbox ul.check-boxes.d-row li {
  display: inline-block;
}
.form-checkbox.disabled label {
  color: #8D8D8D !important;
}
.form-checkbox.disabled label > span {
  background-color: #eee !important;
  border: solid 1px #999 !important;
  color: #8D8D8D !important;
}
.form-checkbox.disabled label:hover {
  color: #8D8D8D !important;
  transition: all 0.2s ease-in-out;
  cursor: default;
}
.form-checkbox.disabled label:hover > span {
  background-color: #eee !important;
  border: solid 1px #999 !important;
  transition: all 0.2s ease-in-out;
}
.form-checkbox.disabled label:hover > span::before {
  color: #8D8D8D !important;
}

.form-textarea .wrapper {
  width: 100%;
}
.form-textarea .wrapper textarea {
  resize: none;
  padding: 7px;
  width: 100%;
  background-color: #EFFCFF;
  border-style: solid;
  border-width: 1px;
  border-color: #3A63BC;
  border-radius: 4px;
}
.form-textarea .wrapper textarea:focus {
  background-color: #ffc;
  border: solid 1px #ff9900;
  outline: none;
  transition: all 0.2s ease-in-out;
}
.form-textarea span.count {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  padding: 3px 5px;
  background-color: #ff6;
  border-radius: 4px;
  line-height: 1;
  font-family: "Source Code Pro", monospace;
  font-size: 0.75rem;
  font-weight: 600;
  transform: translateY(calc(100% + 3px));
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
  transition: opacity 0.25s;
}
.form-textarea span.count::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  background-color: #ff6;
  -webkit-clip-path: polygon(0 100%, 50% 0%, 100% 100%);
          clip-path: polygon(0 100%, 50% 0%, 100% 100%);
  transform: translate(-50%, calc(-100% + 2px));
}
.form-textarea.full {
  height: calc(100% - 0.875rem - 0.5rem);
}
.form-textarea.full .wrapper {
  height: 100%;
}
.form-textarea.full .wrapper textarea {
  height: 100%;
}
.form-textarea.ng .wrapper textarea {
  background-color: #FFEDED;
  border: solid 1px #EF4739;
  border-radius: 5px;
}
.form-textarea.clipboard .wrapper textarea {
  line-height: 1.5;
}
.form-textarea.disabled .wrapper textarea {
  cursor: default;
  background-color: #eee;
  border: solid 1px #999999;
}

.group-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  margin: 0 auto;
  padding: 0 30px;
  transition: width 0.2s ease-in-out;
}
.group-wrapper div {
  width: 100%;
}
.group-wrapper div .group {
  margin-bottom: 30px;
  width: 100%;
}
.group-wrapper div .group .group-header {
  padding: calc(10px / 4) 10px;
  background-color: #666;
  border-width: 2px;
  border-style: solid;
  border-color: #666;
  border-radius: 4px 4px 0 0;
  line-height: 1;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
}
.group-wrapper div .group .group-body {
  z-index: 1;
  padding: 10px 10px 0;
  background-color: #fff;
  border-width: 2px;
  border-style: solid;
  border-color: #666;
  border-top: none;
  border-bottom: none;
}
.group-wrapper div .group .group-body h4 {
  margin-bottom: 10px;
  line-height: 1;
  color: #333333;
  font-size: 0.75rem;
  font-weight: 600;
}
.group-wrapper div .group .group-body h4 i {
  margin-right: 0.2em;
}
.group-wrapper div .group .group-body h4::before {
  content: "\f0c8";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0.25em;
}
.group-wrapper div .group .group-body .x1 {
  width: calc(calc((786px - 10px * (12 - 1)) / 12) * 1 + 10px * 0);
}
.group-wrapper div .group .group-body .x1d5 {
  width: calc(calc((786px - 10px * (12 - 1)) / 12) * 1.5 + 10px * 0);
}
.group-wrapper div .group .group-body .x2 {
  width: calc(calc((786px - 10px * (12 - 1)) / 12) * 2 + 10px * 1);
}
.group-wrapper div .group .group-body .x2d5 {
  width: calc(calc((786px - 10px * (12 - 1)) / 12) * 2.5 + 10px * 1);
}
.group-wrapper div .group .group-body .x3 {
  width: calc(calc((786px - 10px * (12 - 1)) / 12) * 3 + 10px * 2);
}
.group-wrapper div .group .group-body .x4 {
  width: calc(calc((786px - 10px * (12 - 1)) / 12) * 4 + 10px * 3);
}
.group-wrapper div .group .group-body .x5 {
  width: calc(calc((786px - 10px * (12 - 1)) / 12) * 5 + 10px * 4);
}
.group-wrapper div .group .group-body .x6 {
  width: calc(calc((786px - 10px * (12 - 1)) / 12) * 6 + 10px * 5);
}
.group-wrapper div .group .group-body .x7 {
  width: calc(calc((786px - 10px * (12 - 1)) / 12) * 7 + 10px * 6);
}
.group-wrapper div .group .group-body .x8 {
  width: calc(calc((786px - 10px * (12 - 1)) / 12) * 8 + 10px * 7);
}
.group-wrapper div .group .group-body .x9 {
  width: calc(calc((786px - 10px * (12 - 1)) / 12) * 9 + 10px * 8);
}
.group-wrapper div .group .group-body .x10 {
  width: calc(calc((786px - 10px * (12 - 1)) / 12) * 10 + 10px * 9);
}
.group-wrapper div .group .group-body .x11 {
  width: calc(calc((786px - 10px * (12 - 1)) / 12) * 11 + 10px * 12);
}
.group-wrapper div .group .group-body .x12 {
  width: calc(calc((786px - 10px * (12 - 1)) / 12) * 12 + 10px * 11);
}
.group-wrapper div .group .group-body .xauto {
  flex-grow: 1;
  width: auto;
}
.group-wrapper div .group .group-body .x100 {
  width: 100%;
}
.group-wrapper div .group .group-body.withBd {
  padding-bottom: 10px;
}
.group-wrapper div .group .group-body.withBd::after {
  content: "";
  display: block;
  padding: 10px 0 0;
  border-width: 1px;
  border-style: dotted;
  border-color: #707070;
  border-top: none;
  border-right: none;
  border-left: none;
}
.group-wrapper div .group .group-footer {
  padding: 0 10px 10px;
  background-color: #fff;
  border-width: 2px;
  border-style: solid;
  border-color: #666;
  border-top: none;
  border-radius: 0 0 4px 4px;
}
.group-wrapper div .group .group-footer .buttons button {
  height: 30px;
}
.group-wrapper div .group.no-border .group-header {
  background-color: #666;
  border-radius: 4px;
}
.group-wrapper div .group.no-border .group-body {
  border: none;
}
.group-wrapper div .group.no-border .group-footer {
  border: none;
}
.group-wrapper div .group.with-bdr .group-body {
  padding-bottom: 10px;
}
.group-wrapper div .group.with-bdr .group-body::after {
  content: "";
  display: block;
  padding: 10px 0 0;
  border-width: 1px;
  border-style: dotted;
  border-color: #707070;
  border-top: none;
  border-right: none;
  border-left: none;
}
.group-wrapper div .group.main .group-header {
  background-color: #6767C6;
  border-color: #6767C6;
  color: #fff;
}
.group-wrapper div .group.main .group-body {
  background-color: #fff;
  border-color: #6767C6;
}
.group-wrapper div .group.main .group-footer {
  border-color: #6767C6;
}
.group-wrapper div .group.sub .group-header {
  background-color: #666;
  border-color: #666;
  color: #fff;
}
.group-wrapper div .group.sub .group-body {
  background-color: #fff;
}
.group-wrapper div .group.sub .group-body::after {
  display: none;
}
.group-wrapper div .group.sub .group-footer {
  border-color: #666;
}
.group-wrapper div .group:nth-last-of-type(1) {
  margin-bottom: 0;
}
.group-wrapper div.size-type-full {
  width: 100%;
}
.group-wrapper div.size-type-full group-header,
.group-wrapper div.size-type-full .group-body,
.group-wrapper div.size-type-full .group-footer {
  width: 100%;
}
.group-wrapper div.size-type-a {
  width: 800px;
}
.group-wrapper div.size-type-a .group-header,
.group-wrapper div.size-type-a .group-body,
.group-wrapper div.size-type-a .group-footer {
  width: 800px;
}
.group-wrapper div.size-type-b {
  width: 1190px;
}
.group-wrapper div.size-type-b .group-header,
.group-wrapper div.size-type-b .group-body,
.group-wrapper div.size-type-b .group-footer {
  width: 1190px;
}
.group-wrapper div.size-type-c {
  width: 520px;
}
.group-wrapper div.size-type-c .group-header,
.group-wrapper div.size-type-c .group-body,
.group-wrapper div.size-type-c .group-footer {
  margin: 0 auto;
  width: 520px;
}
.group-wrapper div.size-type-d {
  width: 640px;
}
.group-wrapper div.size-type-d .group-header,
.group-wrapper div.size-type-d .group-body,
.group-wrapper div.size-type-d .group-footer {
  margin: 0 auto;
  width: 640px;
}
.group-wrapper div.size-type-dx2 {
  width: calc(640px * 2 + 30px);
}
.group-wrapper div.size-type-dx2 .group-header,
.group-wrapper div.size-type-dx2 .group-body,
.group-wrapper div.size-type-dx2 .group-footer {
  margin: 0 auto;
  width: 100%;
}
.group-wrapper div.size-type-e {
  width: 1040px;
}
.group-wrapper div.size-type-e .group-header,
.group-wrapper div.size-type-e .group-body,
.group-wrapper div.size-type-e .group-footer {
  margin: 0 auto;
  width: 1040px;
}
.group-wrapper div.size-type-f {
  width: 400px;
}
.group-wrapper div.size-type-f .group-header,
.group-wrapper div.size-type-f .group-body,
.group-wrapper div.size-type-f .group-footer {
  margin: 0 auto;
  width: 400px;
}
.group-wrapper.narrow-contact {
  transition: width 0.2s ease-in-out;
}
.group-wrapper.narrow-ope {
  transition: width 0.2s ease-in-out;
}
.group-wrapper.gadget {
  z-index: 1000;
  position: fixed;
  top: 40px;
  right: 0;
  left: auto;
  padding: calc(10px * 3);
  width: 684px;
  height: calc(100vh - 40px);
  background-color: #fff;
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.75));
  transform: translateX(calc(100% + 10px));
  transition: transform 0.2s ease-in-out;
}
.group-wrapper.gadget > div {
  width: 100%;
  height: 100%;
}
.group-wrapper.gadget > div .group {
  height: 100%;
}
.group-wrapper.gadget > div .group .group-footer {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.group-wrapper.gadget.open {
  transform: translateX(0);
  transition: transform 0.2s ease-in-out;
}
.group-wrapper.v-center {
  align-items: center;
}
.group-wrapper.wrap {
  flex-wrap: wrap;
  align-content: flex-start;
}

.group-wrapper.login {
  justify-content: center;
  width: 100%;
}
.group-wrapper.login .group {
  margin: 0 auto;
  width: 100%;
  max-width: 520px;
}
.group-wrapper.login .group .group-header {
  background-color: #6767C6;
  border-color: #6767C6;
  color: #fff;
}
.group-wrapper.login .group .group-body {
  background-color: #fff;
}
.group-wrapper.login .group .group-footer {
  border-color: #6767C6;
}

.group.searchClients {
  height: 100%;
}
.group.searchClients .group-body {
  min-height: 410px;
}
.group.receptionCount, .group.yamatoCount {
  height: 100%;
}
.group.receptionCount .group-body, .group.yamatoCount .group-body {
  min-height: 410px;
}
.group.receptionCount .group-body ul.countList, .group.yamatoCount .group-body ul.countList {
  list-style: none;
}
.group.receptionCount .group-body ul.countList li, .group.yamatoCount .group-body ul.countList li {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 5px;
  border-bottom: solid 1px #1b1e7f;
}
.group.receptionCount .group-body ul.countList li > div.title, .group.yamatoCount .group-body ul.countList li > div.title {
  flex-shrink: 0;
  padding: 0 0 5px;
  width: 4.5em;
  height: calc(0.875rem + 5px);
  font-size: 0.875rem;
  line-height: 1;
}
.group.receptionCount .group-body ul.countList li > div.dots, .group.yamatoCount .group-body ul.countList li > div.dots {
  width: 100%;
  flex-shrink: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 0 2px;
  height: calc(0.875rem + 5px);
  font-size: 0.875rem;
  line-height: 1;
}
.group.receptionCount .group-body ul.countList li > div.count, .group.yamatoCount .group-body ul.countList li > div.count {
  flex-shrink: 0;
  padding: 0 0 5px;
  width: 5em;
  height: calc(1.5rem + 2px);
  text-align: right;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
}
.group.receptionCount .group-body ul.countList.noReception, .group.yamatoCount .group-body ul.countList.noReception {
  margin-bottom: 10px;
}
.group.receptionCount .group-body .buttons button, .group.yamatoCount .group-body .buttons button {
  padding: 0 5px;
  min-width: auto;
  width: calc(50% - 5px);
}
.group.receptionCount .group-body {
  min-height: auto;
}
.group.yamatoCount {
  margin-bottom: 1.5rem;
  height: auto;
}
.group.yamatoCount .group-body {
  min-height: auto;
}
.group.yamatoCount.disabled {
  display: none;
}
.group.exportAllCsv .buttons {
  flex-direction: column;
}
.group.exportAllCsv.disabled {
  display: none;
}
.group.yamatoLogs .group-body {
  min-height: 80px;
}
.group.yamatoLogs .group-body p.status {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.group.yamatoLogs .group-body p.status i {
  margin-right: 0.25em;
}
.group.yamatoLogs .group-body p.status::before {
  content: "\f0da";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: "";
  margin-right: 0.25em;
}
.group.yamatoLogs .group-body p.status.ok::before {
  color: #14805C;
  content: "\f058";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: "";
  margin-right: 0.25em;
}
.group.yamatoLogs .group-body p.status.ng .cmt {
  color: #c00;
  font-weight: 600;
}
.group.yamatoLogs .group-body p.status.ng::before {
  color: #c00;
  content: "\f06a";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: "";
  margin-right: 0.25em;
}
.group.yamatoLogs .group-body .buttons button {
  width: 100px;
  min-width: auto;
}
.group.yamatoLogs .group-body .buttons button.disabled {
  display: none;
}
.group.yamatoLogs.disabled {
  display: none;
}

.holidayGroup {
  margin: 0;
}
.holidayGroup > [class*=col] {
  padding: 15px !important;
  border: solid 1px #dedede;
  border-radius: 10px;
}
.holidayGroup > [class*=col] ul {
  list-style: none;
}
.holidayGroup > [class*=col] ul li {
  display: flex;
}
.holidayGroup > [class*=col] ul li > div {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.25em;
  width: calc((100% - 9px) / 8);
  border-right: solid 1px #8D8D8D;
  border-bottom: solid 1px #8D8D8D;
  line-height: 1;
}
.holidayGroup > [class*=col] ul li > div:nth-of-type(1) {
  border-left: solid 1px #8D8D8D;
}
.holidayGroup > [class*=col] ul li > div::before {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
}
.holidayGroup > [class*=col] ul li > div.ng::before {
  content: "\f00d";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: "";
  margin-right: "";
  color: #c00;
  width: auto;
  height: auto;
}
.holidayGroup > [class*=col] ul li.title > div {
  border-top: solid 1px #8D8D8D;
  font-weight: 600;
}
.holidayGroup > [class*=col] ul li.title > div.sat {
  color: #00c;
}
.holidayGroup > [class*=col] ul li.title > div.sun {
  color: #c00;
}
.holidayGroup > [class*=col] ul li.title > div.hol {
  color: #c00;
}
.holidayGroup > [class*=col] ul li.title > div::before {
  display: none;
}
.holidayGroup > [class*=col] div.bon, .holidayGroup > [class*=col] div.eoty, .holidayGroup > [class*=col] div.other {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5em;
  padding: 0.25em 0 0;
}
.holidayGroup > [class*=col] div.bon span, .holidayGroup > [class*=col] div.eoty span, .holidayGroup > [class*=col] div.other span {
  display: inline-block;
  margin: 0;
  padding: 0;
  line-height: 1;
}
.holidayGroup > [class*=col] div.bon span.start, .holidayGroup > [class*=col] div.eoty span.start, .holidayGroup > [class*=col] div.other span.start {
  text-align: left;
}
.holidayGroup > [class*=col] div.bon span.end, .holidayGroup > [class*=col] div.eoty span.end, .holidayGroup > [class*=col] div.other span.end {
  padding-left: 1em;
  text-align: right;
}
.holidayGroup > [class*=col] div.bon span.end::before, .holidayGroup > [class*=col] div.eoty span.end::before, .holidayGroup > [class*=col] div.other span.end::before {
  content: "〜";
  margin-right: 0.25em;
  margin-left: 0.25em;
}
.holidayGroup > [class*=col] div.bon span.disabled, .holidayGroup > [class*=col] div.eoty span.disabled, .holidayGroup > [class*=col] div.other span.disabled {
  display: none;
}
.holidayGroup > [class*=col] div.other {
  flex-direction: row;
  flex-wrap: wrap;
}
.holidayGroup > [class*=col] div.other span:not(.disabled):not(.last)::after {
  content: "、";
}
.holidayGroup > [class*=col] div.other span:not(.disabled).last::after, .holidayGroup > [class*=col] div.other span:not(.disabled).dateNone::after {
  content: "";
}

.buttons.candidateList {
  flex-wrap: wrap;
}
.buttons.candidateList > [class*=col] {
  padding: 10px;
  min-width: auto;
  font-weight: 400;
}
.buttons.candidateList > .loading {
  display: flex;
  align-items: center;
  padding: 0.5em 0.75em;
  border: solid 1px #ff6600;
  border-radius: 5px;
}
.buttons.candidateList > .loading > .cmt {
  margin-left: 0.25em;
}
.buttons.candidateList > .loading::before {
  display: block;
  content: "\f110";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 1.125rem;
  line-height: 1;
  animation-name: animeSpinner;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-delay: 0;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: both;
}

h4:has(+ .candidateList).disabled {
  display: none;
}

.group.reception-delivery .group-body > .row:nth-of-type(1) > [class*=col]:nth-of-type(4) .form-text.disabled {
  margin-bottom: 1.3em !important;
}

.group.checkedList {
  height: 100%;
}
.group.checkedList .group-body > .row > .scroll {
  max-height: 300px;
  overflow-y: auto;
  position: relative;
}
.group.checkedList .group-body > .row > .scroll ul li {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  border-bottom: solid 1px #333;
}
.group.checkedList .group-body > .row > .scroll ul li > div {
  padding: 5px 10px;
  line-height: 1;
}
.group.checkedList .group-body > .row > .scroll ul li > div:nth-of-type(1) {
  flex-shrink: 0;
  width: 5em;
  border-right: dotted 1px #8D8D8D;
  text-align: center;
}
.group.checkedList .group-body > .row > .scroll ul li > div:nth-of-type(2) {
  flex-shrink: 0;
  width: calc((100% - 5em) / 3);
  border-right: dotted 1px #8D8D8D;
  text-align: right;
}
.group.checkedList .group-body > .row > .scroll ul li > div:nth-of-type(3) {
  width: calc((100% - 5em) / 3);
  text-align: right;
  border-right: dotted 1px #8D8D8D;
}
.group.checkedList .group-body > .row > .scroll ul li > div:nth-of-type(4) {
  width: calc((100% - 5em) / 3);
  text-align: right;
}
.group.checkedList .group-body > .row > .scroll ul li:nth-last-of-type(1) {
  border-bottom: none;
}
.group.checkedList .group-body > .row > .scroll ul li:hover {
  background-color: #ffc;
  cursor: pointer;
}
.group.checkedList .group-body > .row > .scroll ul li:focus {
  background-color: #FDE378;
  background-transition: all 0.2s ease-in-out;
  outline: none;
}
.group.checkedList .group-body > .row > .scroll ul.status {
  z-index: 10;
  position: sticky;
  top: -1px;
  left: 0;
  width: 100%;
  background-color: #1b1e7f;
}
.group.checkedList .group-body > .row > .scroll ul.status li > div {
  display: flex;
  justify-content: center;
  align-items: center;
  border-color: #fff;
  color: #fff;
}
.group.checkedList .group-body > .row > .scroll ul.status li > div:nth-last-of-type(2) {
  flex-wrap: wrap;
  padding: 0;
}
.group.checkedList .group-body > .row > .scroll ul.status li > div:nth-last-of-type(2) > div {
  padding: 5px 10px;
  width: 100%;
  text-align: center;
  background-color: #4043a7;
}
.group.checkedList .group-body > .row > .scroll ul.status li > div:nth-last-of-type(2) > div:nth-of-type(1) {
  background-color: transparent;
  border-bottom: dotted 1px #fff;
  font-size: 0.75rem;
}
.group.checkedList .group-body > .row > .scroll ul.status li > div:nth-last-of-type(1) {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  width: calc((100% - 5em) / 3 * 2);
  border: none;
}
.group.checkedList .group-body > .row > .scroll ul.status li > div:nth-last-of-type(1) > div {
  flex-shrink: 0;
  padding: 5px 10px;
  width: 50%;
  text-align: center;
  background-color: #4043a7;
}
.group.checkedList .group-body > .row > .scroll ul.status li > div:nth-last-of-type(1) > div:nth-of-type(1) {
  width: 100%;
  background-color: transparent;
  border-bottom: dotted 1px #fff;
  font-size: 0.75rem;
}
.group.checkedList .group-body > .row > .scroll ul.status li > div:nth-last-of-type(1) > div:nth-of-type(2) {
  border-right: dotted 1px #fff;
}
.group.checkedList .group-body > .row > .scroll ul.status li:hover {
  background-color: #1b1e7f;
  cursor: default;
}

.group.statusChange textarea {
  height: 20em;
}

.group .group-body .searchResult.administrators > .listWrapper {
  max-height: calc(100vh - 450px);
}
.group .group-body .searchResult.administrators > .listWrapper > ul > li > div {
  flex-grow: 0;
  flex-shrink: 0;
}
.group .group-body .searchResult.administrators > .listWrapper > ul > li > div:nth-of-type(1) {
  width: 6em;
}
.group .group-body .searchResult.administrators > .listWrapper > ul > li > div:nth-of-type(2) {
  width: 8em;
}
.group .group-body .searchResult.administrators > .listWrapper > ul > li > div:nth-of-type(3) {
  width: 12em;
  justify-content: center;
}
.group .group-body .searchResult.administrators > .listWrapper > ul > li > div:nth-of-type(4) {
  width: 6em;
}
.group .group-body .searchResult.administrators > .listWrapper > ul > li > div:nth-of-type(5) {
  flex-shrink: 1;
  width: 100%;
  justify-content: flex-start;
}
.group .group-body .searchResult.administrators > .listWrapper > ul > li > div:nth-of-type(6) {
  width: 8em;
}
.group .group-body .searchResult.administrators > .listWrapper > ul > li > div:nth-of-type(6) i {
  margin-right: 0.25em;
}
.group .group-body .searchResult.administrators > .listWrapper > ul > li > div:nth-of-type(6) .ok {
  color: #14805C;
}
.group .group-body .searchResult.administrators > .listWrapper > ul > li > div:nth-of-type(6) .ng {
  color: #c00;
}
.group .group-body .searchResult.administrators > .listWrapper > ul > li > div:nth-of-type(7) {
  width: 8em;
}
.group .group-body .searchResult.administrators > .listWrapper > ul > li > div:nth-of-type(7) button {
  border: none;
  background-color: transparent;
}
.group .group-body .searchResult.administrators > .listWrapper > ul > li > div:nth-of-type(7) button i {
  margin-right: 0.25em;
}
.group .group-body .searchResult.administrators > .listWrapper > ul > li > div:nth-of-type(7) button:hover {
  color: #ff6600;
}

#addNewCode.disabled {
  display: none;
}

#collectDatas .data-preview {
  z-index: 50;
  position: sticky;
  top: 20px;
  right: 0;
  background-color: white;
}
#collectDatas .data-preview .group .group-body .scroll-body-x {
  width: 100%;
  overflow-x: auto;
}
#collectDatas .data-preview .group .group-body .scroll-body-x .tables {
  display: flex;
  justify-content: flex-start;
  gap: 5px;
}
#collectDatas .data-preview .group .group-body .scroll-body-x .tables .table {
  flex-shrink: 0;
  width: auto;
}
#collectDatas .data-preview .group .group-body .scroll-body-x .tables .table h4 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5px;
  padding: 0 0.75em;
  height: 30px;
  border-radius: 3px;
}
#collectDatas .data-preview .group .group-body .scroll-body-x .tables .table h4 span {
  position: sticky;
  top: 0;
  left: 0.75em;
  color: #fff;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.75);
  font-size: 0.875rem;
}
#collectDatas .data-preview .group .group-body .scroll-body-x .tables .table ul.column {
  display: flex;
  list-style: none;
  height: calc(100% - 30px - 5px);
}
#collectDatas .data-preview .group .group-body .scroll-body-x .tables .table ul.column li {
  flex-shrink: 0;
}
#collectDatas .data-preview .group .group-body .scroll-body-x .tables .table ul.column li > div {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  margin-left: 5px;
  padding: 0.5em 0.75em;
  width: auto;
  max-width: 13em;
  height: 100%;
  border: solid 1px #999;
  border-radius: 3px;
  color: #333;
  line-height: 1.25;
}
#collectDatas .data-preview .group .group-body .scroll-body-x .tables .table ul.column li > div span.index {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  margin-right: 0.25em;
  width: 1.75em;
  background-color: #000;
  border-radius: 50%;
  color: #fff;
  font-size: 0.625rem;
}
#collectDatas .data-preview .group .group-body .scroll-body-x .tables .table ul.column li:nth-of-type(1) > div {
  margin-left: 0;
}
#collectDatas .data-preview .group .group-body .scroll-body-x .tables .table.cl h4 {
  background-color: #3366ff;
}
#collectDatas .data-preview .group .group-body .scroll-body-x .tables .table.cl ul.column li > div {
  border-color: #3366ff;
}
#collectDatas .data-preview .group .group-body .scroll-body-x .tables .table.cl ul.column li > div span.index {
  background-color: #3366ff;
}
#collectDatas .data-preview .group .group-body .scroll-body-x .tables .table.cl ul.column li > div.req {
  border-color: #c00;
}
#collectDatas .data-preview .group .group-body .scroll-body-x .tables .table.cl ul.column li > div.req span.index {
  background-color: #c00;
}
#collectDatas .data-preview .group .group-body .scroll-body-x .tables .table.kj h4 {
  background-color: #26acd1;
}
#collectDatas .data-preview .group .group-body .scroll-body-x .tables .table.kj ul.column li > div {
  border-color: #26acd1;
}
#collectDatas .data-preview .group .group-body .scroll-body-x .tables .table.kj ul.column li > div span.index {
  background-color: #26acd1;
}
#collectDatas .data-preview .group .group-body .scroll-body-x .tables .table.dg1 h4, #collectDatas .data-preview .group .group-body .scroll-body-x .tables .table.dg2 h4, #collectDatas .data-preview .group .group-body .scroll-body-x .tables .table.dg3 h4 {
  background-color: #ff9933;
}
#collectDatas .data-preview .group .group-body .scroll-body-x .tables .table.dg1 ul.column li > div, #collectDatas .data-preview .group .group-body .scroll-body-x .tables .table.dg2 ul.column li > div, #collectDatas .data-preview .group .group-body .scroll-body-x .tables .table.dg3 ul.column li > div {
  border-color: #ff9933;
}
#collectDatas .data-preview .group .group-body .scroll-body-x .tables .table.dg1 ul.column li > div span.index, #collectDatas .data-preview .group .group-body .scroll-body-x .tables .table.dg2 ul.column li > div span.index, #collectDatas .data-preview .group .group-body .scroll-body-x .tables .table.dg3 ul.column li > div span.index {
  background-color: #ff9933;
}
#collectDatas .data-preview .group .group-body .scroll-body-x .tables .table.ss1 h4, #collectDatas .data-preview .group .group-body .scroll-body-x .tables .table.ss2 h4, #collectDatas .data-preview .group .group-body .scroll-body-x .tables .table.ss3 h4 {
  background-color: #ff66cc;
}
#collectDatas .data-preview .group .group-body .scroll-body-x .tables .table.ss1 ul.column li > div, #collectDatas .data-preview .group .group-body .scroll-body-x .tables .table.ss2 ul.column li > div, #collectDatas .data-preview .group .group-body .scroll-body-x .tables .table.ss3 ul.column li > div {
  border-color: #ff66cc;
}
#collectDatas .data-preview .group .group-body .scroll-body-x .tables .table.ss1 ul.column li > div span.index, #collectDatas .data-preview .group .group-body .scroll-body-x .tables .table.ss2 ul.column li > div span.index, #collectDatas .data-preview .group .group-body .scroll-body-x .tables .table.ss3 ul.column li > div span.index {
  background-color: #ff66cc;
}
#collectDatas .data-preview .group .group-body .scroll-body-x .tables .table.yp h4 {
  background-color: #33cc66;
}
#collectDatas .data-preview .group .group-body .scroll-body-x .tables .table.yp ul.column li > div {
  border-color: #33cc66;
}
#collectDatas .data-preview .group .group-body .scroll-body-x .tables .table.yp ul.column li > div span.index {
  background-color: #33cc66;
}
#collectDatas .data-preview::after {
  position: absolute;
  bottom: -30px;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 30px;
  background-image: linear-gradient(180deg, rgb(255, 255, 255), rgba(255, 255, 255, 0));
  border-top: solid 10px white;
}
#collectDatas .data-select .group h3.tab i,
#collectDatas .data-select .group h3.tab span {
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.75);
}
#collectDatas .data-select .group .group-body ul.column {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  gap: 10px;
}
#collectDatas .data-select .group .group-body ul.column li {
  flex-shrink: 0;
}
#collectDatas .data-select .group .group-body ul.column li > div {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  padding: 0.5em 0.75em;
  border: solid 1px #000;
  border-radius: 3px;
}
#collectDatas .data-select .group .group-body ul.column li > div span.index {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  margin-right: 0.25em;
  width: 1.75em;
  background-color: #000;
  border-radius: 50%;
  color: #fff;
  font-size: 0.625rem;
}
#collectDatas .data-select .group .group-body ul.column li.setItem {
  cursor: pointer;
}
#collectDatas .data-select .group.cl h3.tab {
  background-color: #3366ff;
}
#collectDatas .data-select .group.cl .group-body {
  border-color: #3366ff;
}
#collectDatas .data-select .group.cl .group-body ul.column li > div {
  border-color: #3366ff;
}
#collectDatas .data-select .group.cl .group-body ul.column li > div span.index {
  background-color: #3366ff;
}
#collectDatas .data-select .group.cl .group-body ul.column li.setItem {
  transition: all 0.2s ease-in-out;
}
#collectDatas .data-select .group.cl .group-body ul.column li.setItem:hover > div {
  background-color: #FFF7D5;
  border-color: #ffcc00 !important;
}
#collectDatas .data-select .group.cl .group-body ul.column li.setItem:hover > div span.index {
  color: #000;
  background-color: #ffcc00 !important;
}
#collectDatas .data-select .group.cl .group-body ul.column li.select > div {
  color: #333;
  background-color: #dedede;
  border-color: #666;
}
#collectDatas .data-select .group.cl .group-body ul.column li.select > div span.index {
  color: #dedede;
  background-color: #8D8D8D;
}
#collectDatas .data-select .group.cl .group-body ul.column li.select.setItem {
  transition: all 0.2s ease-in-out;
}
#collectDatas .data-select .group.cl .group-body ul.column li.select.setItem:hover > div {
  background-color: #FFF7D5;
  border-color: #ffcc00 !important;
}
#collectDatas .data-select .group.cl .group-body ul.column li.select.setItem:hover > div span.index {
  color: #000;
  background-color: #ffcc00 !important;
}
#collectDatas .data-select .group.kj h3.tab {
  background-color: #26acd1;
}
#collectDatas .data-select .group.kj .group-body {
  border-color: #26acd1;
}
#collectDatas .data-select .group.kj .group-body ul.column li {
  transition: all 0.2s ease-in-out;
}
#collectDatas .data-select .group.kj .group-body ul.column li > div {
  border-color: #26acd1;
}
#collectDatas .data-select .group.kj .group-body ul.column li > div span.index {
  background-color: #26acd1;
}
#collectDatas .data-select .group.kj .group-body ul.column li:hover > div {
  background-color: #FFF7D5;
  border-color: #ffcc00 !important;
}
#collectDatas .data-select .group.kj .group-body ul.column li:hover > div span.index {
  color: #000;
  background-color: #ffcc00 !important;
}
#collectDatas .data-select .group.kj .group-body ul.column li.select > div {
  color: #333;
  background-color: #dedede;
  border-color: #666;
}
#collectDatas .data-select .group.kj .group-body ul.column li.select > div span.index {
  color: #dedede;
  background-color: #8D8D8D;
}
#collectDatas .data-select .group.kj .group-body ul.column li.select.setItem {
  transition: all 0.2s ease-in-out;
}
#collectDatas .data-select .group.kj .group-body ul.column li.select.setItem:hover > div {
  background-color: #FFF7D5;
  border-color: #ffcc00 !important;
}
#collectDatas .data-select .group.kj .group-body ul.column li.select.setItem:hover > div span.index {
  color: #000;
  background-color: #ffcc00 !important;
}
#collectDatas .data-select .group.dg1 h3.tab, #collectDatas .data-select .group.dg2 h3.tab, #collectDatas .data-select .group.dg3 h3.tab {
  background-color: #ff9933;
}
#collectDatas .data-select .group.dg1 .group-body, #collectDatas .data-select .group.dg2 .group-body, #collectDatas .data-select .group.dg3 .group-body {
  border-color: #ff9933;
}
#collectDatas .data-select .group.dg1 .group-body ul.column li, #collectDatas .data-select .group.dg2 .group-body ul.column li, #collectDatas .data-select .group.dg3 .group-body ul.column li {
  transition: all 0.2s ease-in-out;
}
#collectDatas .data-select .group.dg1 .group-body ul.column li > div, #collectDatas .data-select .group.dg2 .group-body ul.column li > div, #collectDatas .data-select .group.dg3 .group-body ul.column li > div {
  border-color: #ff9933;
}
#collectDatas .data-select .group.dg1 .group-body ul.column li > div span.index, #collectDatas .data-select .group.dg2 .group-body ul.column li > div span.index, #collectDatas .data-select .group.dg3 .group-body ul.column li > div span.index {
  background-color: #ff9933;
}
#collectDatas .data-select .group.dg1 .group-body ul.column li:hover > div, #collectDatas .data-select .group.dg2 .group-body ul.column li:hover > div, #collectDatas .data-select .group.dg3 .group-body ul.column li:hover > div {
  background-color: #FFF7D5;
  border-color: #ffcc00 !important;
}
#collectDatas .data-select .group.dg1 .group-body ul.column li:hover > div span.index, #collectDatas .data-select .group.dg2 .group-body ul.column li:hover > div span.index, #collectDatas .data-select .group.dg3 .group-body ul.column li:hover > div span.index {
  color: #000;
  background-color: #ffcc00 !important;
}
#collectDatas .data-select .group.dg1 .group-body ul.column li.select > div, #collectDatas .data-select .group.dg2 .group-body ul.column li.select > div, #collectDatas .data-select .group.dg3 .group-body ul.column li.select > div {
  color: #333;
  background-color: #dedede;
  border-color: #666;
}
#collectDatas .data-select .group.dg1 .group-body ul.column li.select > div span.index, #collectDatas .data-select .group.dg2 .group-body ul.column li.select > div span.index, #collectDatas .data-select .group.dg3 .group-body ul.column li.select > div span.index {
  color: #dedede;
  background-color: #8D8D8D;
}
#collectDatas .data-select .group.dg1 .group-body ul.column li.select.setItem, #collectDatas .data-select .group.dg2 .group-body ul.column li.select.setItem, #collectDatas .data-select .group.dg3 .group-body ul.column li.select.setItem {
  transition: all 0.2s ease-in-out;
}
#collectDatas .data-select .group.dg1 .group-body ul.column li.select.setItem:hover > div, #collectDatas .data-select .group.dg2 .group-body ul.column li.select.setItem:hover > div, #collectDatas .data-select .group.dg3 .group-body ul.column li.select.setItem:hover > div {
  background-color: #FFF7D5;
  border-color: #ffcc00 !important;
}
#collectDatas .data-select .group.dg1 .group-body ul.column li.select.setItem:hover > div span.index, #collectDatas .data-select .group.dg2 .group-body ul.column li.select.setItem:hover > div span.index, #collectDatas .data-select .group.dg3 .group-body ul.column li.select.setItem:hover > div span.index {
  color: #000;
  background-color: #ffcc00 !important;
}
#collectDatas .data-select .group.ss1 h3.tab, #collectDatas .data-select .group.ss2 h3.tab, #collectDatas .data-select .group.ss3 h3.tab {
  background-color: #ff66cc;
}
#collectDatas .data-select .group.ss1 .group-body, #collectDatas .data-select .group.ss2 .group-body, #collectDatas .data-select .group.ss3 .group-body {
  border-color: #ff66cc;
}
#collectDatas .data-select .group.ss1 .group-body ul.column li, #collectDatas .data-select .group.ss2 .group-body ul.column li, #collectDatas .data-select .group.ss3 .group-body ul.column li {
  transition: all 0.2s ease-in-out;
}
#collectDatas .data-select .group.ss1 .group-body ul.column li > div, #collectDatas .data-select .group.ss2 .group-body ul.column li > div, #collectDatas .data-select .group.ss3 .group-body ul.column li > div {
  border-color: #ff66cc;
}
#collectDatas .data-select .group.ss1 .group-body ul.column li > div span.index, #collectDatas .data-select .group.ss2 .group-body ul.column li > div span.index, #collectDatas .data-select .group.ss3 .group-body ul.column li > div span.index {
  background-color: #ff66cc;
}
#collectDatas .data-select .group.ss1 .group-body ul.column li:hover > div, #collectDatas .data-select .group.ss2 .group-body ul.column li:hover > div, #collectDatas .data-select .group.ss3 .group-body ul.column li:hover > div {
  background-color: #FFF7D5;
  border-color: #ffcc00 !important;
}
#collectDatas .data-select .group.ss1 .group-body ul.column li:hover > div span.index, #collectDatas .data-select .group.ss2 .group-body ul.column li:hover > div span.index, #collectDatas .data-select .group.ss3 .group-body ul.column li:hover > div span.index {
  color: #000;
  background-color: #ffcc00 !important;
}
#collectDatas .data-select .group.ss1 .group-body ul.column li.select > div, #collectDatas .data-select .group.ss2 .group-body ul.column li.select > div, #collectDatas .data-select .group.ss3 .group-body ul.column li.select > div {
  color: #333;
  background-color: #dedede;
  border-color: #666;
}
#collectDatas .data-select .group.ss1 .group-body ul.column li.select > div span.index, #collectDatas .data-select .group.ss2 .group-body ul.column li.select > div span.index, #collectDatas .data-select .group.ss3 .group-body ul.column li.select > div span.index {
  color: #dedede;
  background-color: #8D8D8D;
}
#collectDatas .data-select .group.ss1 .group-body ul.column li.select.setItem, #collectDatas .data-select .group.ss2 .group-body ul.column li.select.setItem, #collectDatas .data-select .group.ss3 .group-body ul.column li.select.setItem {
  transition: all 0.2s ease-in-out;
}
#collectDatas .data-select .group.ss1 .group-body ul.column li.select.setItem:hover > div, #collectDatas .data-select .group.ss2 .group-body ul.column li.select.setItem:hover > div, #collectDatas .data-select .group.ss3 .group-body ul.column li.select.setItem:hover > div {
  background-color: #FFF7D5;
  border-color: #ffcc00 !important;
}
#collectDatas .data-select .group.ss1 .group-body ul.column li.select.setItem:hover > div span.index, #collectDatas .data-select .group.ss2 .group-body ul.column li.select.setItem:hover > div span.index, #collectDatas .data-select .group.ss3 .group-body ul.column li.select.setItem:hover > div span.index {
  color: #000;
  background-color: #ffcc00 !important;
}
#collectDatas .data-select .group.yp h3.tab {
  background-color: #33cc66;
}
#collectDatas .data-select .group.yp .group-body {
  border-color: #33cc66;
}
#collectDatas .data-select .group.yp .group-body ul.column li {
  transition: all 0.2s ease-in-out;
}
#collectDatas .data-select .group.yp .group-body ul.column li > div {
  border-color: #33cc66;
}
#collectDatas .data-select .group.yp .group-body ul.column li > div span.index {
  background-color: #33cc66;
}
#collectDatas .data-select .group.yp .group-body ul.column li:hover > div {
  background-color: #FFF7D5;
  border-color: #ffcc00 !important;
}
#collectDatas .data-select .group.yp .group-body ul.column li:hover > div span.index {
  color: #000;
  background-color: #ffcc00 !important;
}
#collectDatas .data-select .group.yp .group-body ul.column li.select > div {
  color: #333;
  background-color: #dedede;
  border-color: #666;
}
#collectDatas .data-select .group.yp .group-body ul.column li.select > div span.index {
  color: #dedede;
  background-color: #8D8D8D;
}
#collectDatas .data-select .group.yp .group-body ul.column li.select.setItem {
  transition: all 0.2s ease-in-out;
}
#collectDatas .data-select .group.yp .group-body ul.column li.select.setItem:hover > div {
  background-color: #FFF7D5;
  border-color: #ffcc00 !important;
}
#collectDatas .data-select .group.yp .group-body ul.column li.select.setItem:hover > div span.index {
  color: #000;
  background-color: #ffcc00 !important;
}
#collectDatas .section-header {
  margin-bottom: 20px;
}
#collectDatas .section-header h2 {
  margin-bottom: 10px;
  font-size: 1.25rem;
  font-weight: 600;
}
#collectDatas .section-header h2 i {
  margin-right: 0.25em;
}

.modal {
  max-width: none !important;
}
.modal .group {
  max-width: none !important;
}
.modal .group .group-body {
  padding: 0;
  border: none;
}

.delete-item h4.caution {
  text-align: right;
}
.addMgnBottom {
  padding-bottom: 70px;
}

#item2_deleteGroup input[name=delete_number]:checked,
#item3_deleteGroup input[name=delete_number]:checked {
  color: #c00;
}
#item2_deleteGroup input[name=delete_number]:checked ~ label,
#item3_deleteGroup input[name=delete_number]:checked ~ label {
  color: #c00;
}
#item2_deleteGroup.disabled,
#item3_deleteGroup.disabled {
  display: none;
}

#item1_cancelButtonGroup.disabled,
#item2_cancelButtonGroup.disabled,
#item3_cancelButtonGroup.disabled {
  display: none;
}

.table-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

dl.type-result {
  display: flex;
  margin: 0 auto;
  width: 100%;
  font-size: 0.875rem;
  font-weight: 400;
}
dl.type-result dt {
  padding: 5px 10px;
  width: 100%;
  background-color: #666;
  border: solid 1px #666;
  color: #fff;
}
dl.type-result dd {
  padding: 5px 10px;
  width: 100%;
  background-color: #fff;
  border: solid 1px #666;
}
dl.type-result dd.number {
  text-align: right;
}

[id*=pagenation] > ul {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 5px;
  margin: 20px auto 0;
  list-style: none;
}
[id*=pagenation] > ul > li.btn-page {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-style: solid;
  border-width: 2px;
  border-color: #666;
  border-radius: 50%;
  line-height: 1;
  color: #666;
  font-size: 0.625rem;
  font-weight: 600;
  cursor: pointer;
}
[id*=pagenation] > ul > li.type-prev {
  margin-right: 10px;
  background-color: #666;
  border-color: #666;
  color: #fff;
}
[id*=pagenation] > ul > li.type-prev::before {
  content: "\f104";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0;
  line-height: 1;
}
[id*=pagenation] > ul > li.type-next {
  margin-left: 10px;
  background-color: #666;
  border-color: #666;
  color: #fff;
}
[id*=pagenation] > ul > li.type-next::before {
  content: "\f105";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0;
  line-height: 1;
}
[id*=pagenation] > ul > li.skip {
  width: auto;
  border: none;
}
[id*=pagenation] > ul > li.skip::before {
  content: "\f141";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0;
  margin-right: 0;
  font-size: 1rem;
}
[id*=pagenation] > ul > li:not(.skip):hover, [id*=pagenation] > ul > li:focus {
  outline: none;
  background-color: #ffc;
  border-color: #f60;
  color: #f60;
}
[id*=pagenation] > ul > li.active {
  background-color: #DEDEDE;
  border-color: #999;
  color: #999;
  cursor: default;
}

footer#footer {
  display: none;
  width: 100%;
  height: 70px;
  background-color: #fff;
}