@charset "UTF-8";
ul,
ol {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

dl {
  margin-bottom: 0;
}

dt {
  font-weight: 400;
}

dd {
  margin-bottom: 0;
}

/* ----------------------------------------------------------------------------------------------------
 * メディアクエリ
 * Bootstrapと同じ数値を使用
 * ---------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------
 * 親classによる絞り込み
 * ---------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------
 * フォント
 * ---------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------
 * アイコン
 * ---------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------
 * ホバー
 * ---------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------
 * ボタン
 * ---------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------
 * テーブル
 * ---------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------
 * スクロールバー
 * ---------------------------------------------------------------------------------------------------- */
body {
  overflow-x: hidden;
  font-size: 1.4rem;
  word-wrap: break-word;
  line-break: strict;
  overflow-wrap: break-word;
}
body::after {
  content: "none";
  display: none;
}
body.is-scroll-lock {
  overflow: hidden;
}
body.browser-app {
  font-size: 16px;
  line-height: 1.5;
  height: 100%;
  background-color: #ECEFF1;
  color: rgba(0, 0, 0, 0.6);
}
body.browser-app-TB {
  font-size: 24px;
  line-height: 1.5;
}

/* ----------------------------------------------------------------------------------------------------
 * 16新数のカラーコードから#を取り除く
 * ---------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------
 * フォーム（BootStrap5と同じ）
 * ---------------------------------------------------------------------------------------------------- */
.swal2-input, .swal2-select {
  display: initial;
  box-shadow: none;
  padding: 0.7rem 1rem;
  border: 1px solid #bbc2ca;
  border-radius: 0.5rem;
  min-height: 40px;
  background-color: #fff;
  background-clip: padding-box;
  font-size: inherit;
  line-height: 1.5;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.swal2-input:focus, .swal2-select:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(234, 85, 41, 0.25);
  border-color: #ea5529;
}
.swal2-input:disabled, .swal2-select:disabled, [readonly].swal2-input, [readonly].swal2-select {
  opacity: 0.7;
  background-color: #f3f6fa;
}

.formRow-check .form-check, .formGrid .form-check {
  position: relative;
  padding-left: 0;
  line-height: 1.4;
}
.formRow-check .form-check .form-check-input, .formGrid .form-check .form-check-input {
  position: absolute;
  top: 50%;
  left: 1rem;
  float: none;
  transform: translateY(-50%);
  margin-top: 0;
  margin-left: 0;
}
.formRow-check .form-check .form-check-input.is-invalid + .form-check-label, .formGrid .form-check .form-check-input.is-invalid + .form-check-label {
  border-color: #e53935;
}
.formRow-check .form-check .form-check-input:checked + .form-check-label, .formGrid .form-check .form-check-input:checked + .form-check-label {
  border-color: #ea5529;
  background-color: #fdeeea;
}
.formRow-check .form-check .form-check-label, .formGrid .form-check .form-check-label {
  display: flex;
  align-items: center;
  padding: 0.7rem 1rem 0.7rem calc(1rem + 30px);
  border: 1px solid #bbc2ca;
  border-radius: 0.5rem;
  min-height: 40px;
  background-color: #fff;
}
.formRow-check .form-check .form-check-label:hover, .formGrid .form-check .form-check-label:hover, .formRow-check .form-check .form-check-label:focus, .formGrid .form-check .form-check-label:focus {
  background-color: #f3f6fa;
}

/* ----------------------------------------------------------------------------------------------------
 * タイトル
 * ---------------------------------------------------------------------------------------------------- */
.title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-weight: 400;
  line-height: 1.6;
}
.title .mdi,
.title img,
.title svg {
  margin-right: 0.25em;
}
.title .mdi {
  font-size: 1.2em;
  line-height: 1;
}
.title img,
.title svg {
  width: 1.2em;
  height: auto;
}

.title-lg {
  font-size: 2.4rem;
}

.title-md, .productDetail-title {
  font-size: 2rem;
}

.title-sm, .productDetail-subTitle {
  font-size: 1.8rem;
}

.title-xs {
  font-size: 1.6rem;
}

/* ----------------------------------------------------------------------------------------------------
 * リスト
 * ---------------------------------------------------------------------------------------------------- */
.list-ul > li, .list-ol > li, .list-notes > li {
  position: relative;
  line-height: 1.6;
}
.list-ul > li::before, .list-ol > li::before, .list-notes > li::before {
  content: "";
  position: absolute;
}
.list-ul > li:not(:first-child), .list-ol > li:not(:first-child), .list-notes > li:not(:first-child) {
  margin-top: 0.5em;
}

.list-ul > li {
  padding-left: 2em;
}
.list-ul > li::before {
  top: 0.45em;
  left: 0.65em;
  border-radius: 50%;
  width: 0.5em;
  height: 0.5em;
  background-color: #212529;
}

.list-ol {
  counter-reset: list-ol;
}
.list-ol > li {
  padding-left: 2em;
}
.list-ol > li::before {
  content: counter(list-ol) ".";
  counter-increment: list-ol;
  top: 0;
  left: 1.75em;
  transform: translateX(-100%);
}

/* ----------------------------------------------------------------------------------------------------
 * テーブル
 * ---------------------------------------------------------------------------------------------------- */
.tableResponsive, .tablePhotoList, .table-list {
  border-top: 1px solid #d7dce2;
  border-right: 1px solid #d7dce2;
  border-left: 1px solid #d7dce2;
  height: 1px;
  background-color: #fff;
}
.tableResponsive > thead > tr, .tablePhotoList > thead > tr, .table-list > thead > tr,
.tableResponsive > tbody > tr,
.tablePhotoList > tbody > tr,
.table-list > tbody > tr,
.tableResponsive > tfoot > tr,
.tablePhotoList > tfoot > tr,
.table-list > tfoot > tr {
  background-color: #fff;
}
.tableResponsive > thead > tr > th, .tablePhotoList > thead > tr > th, .table-list > thead > tr > th,
.tableResponsive > thead > tr > td,
.tablePhotoList > thead > tr > td,
.table-list > thead > tr > td,
.tableResponsive > tbody > tr > th,
.tablePhotoList > tbody > tr > th,
.table-list > tbody > tr > th,
.tableResponsive > tbody > tr > td,
.tablePhotoList > tbody > tr > td,
.table-list > tbody > tr > td,
.tableResponsive > tfoot > tr > th,
.tablePhotoList > tfoot > tr > th,
.table-list > tfoot > tr > th,
.tableResponsive > tfoot > tr > td,
.tablePhotoList > tfoot > tr > td,
.table-list > tfoot > tr > td {
  vertical-align: middle;
}
.tableResponsive > thead > tr > th, .tablePhotoList > thead > tr > th, .table-list > thead > tr > th,
.tableResponsive > tbody > tr > th,
.tablePhotoList > tbody > tr > th,
.table-list > tbody > tr > th,
.tableResponsive > tfoot > tr > th,
.tablePhotoList > tfoot > tr > th,
.table-list > tfoot > tr > th {
  font-weight: 400;
}
.tableResponsive > thead > tr > th, .tablePhotoList > thead > tr > th, .table-list > thead > tr > th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
  border-bottom-color: #d7dce2 !important;
  background-color: #fdeeea;
}
.tableUtility + .tableResponsive > thead > tr > th, .tableUtility + .tablePhotoList > thead > tr > th, .tableUtility + .table-list > thead > tr > th {
  top: 60px;
}
.modal-body .tableResponsive > thead > tr > th, .modal-body .tablePhotoList > thead > tr > th, .modal-body .table-list > thead > tr > th {
  top: -1.5rem;
}
.tableResponsive > thead > tr > th::before, .tablePhotoList > thead > tr > th::before, .table-list > thead > tr > th::before {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  border-top: 1px solid #d7dce2;
  border-bottom: 1px solid #d7dce2;
  width: 100%;
  height: calc(100% + 2px);
  pointer-events: none;
}
.tableResponsive, .tablePhotoList {
  width: 100%;
  color: #212529;
}
.tableResponsive > thead > tr, .tablePhotoList > thead > tr,
.tableResponsive > tbody > tr,
.tablePhotoList > tbody > tr,
.tableResponsive > tfoot > tr,
.tablePhotoList > tfoot > tr {
  border-bottom: 1px solid #d7dce2;
  background-color: #fff;
}
.tableResponsive > thead > tr > th, .tablePhotoList > thead > tr > th,
.tableResponsive > thead > tr > td,
.tablePhotoList > thead > tr > td,
.tableResponsive > tbody > tr > th,
.tablePhotoList > tbody > tr > th,
.tableResponsive > tbody > tr > td,
.tablePhotoList > tbody > tr > td,
.tableResponsive > tfoot > tr > th,
.tablePhotoList > tfoot > tr > th,
.tableResponsive > tfoot > tr > td,
.tablePhotoList > tfoot > tr > td {
  padding: 1rem 1rem;
  line-height: 1.6;
}
/* ----------------------------------------------------------------------------------------------------
 * 非表示（ラジオボタンCSSカスタマイズ時にinputにfocusしたいが非表示にする等の用途で使用）
 * ---------------------------------------------------------------------------------------------------- */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  src: url("/ex/fonts/noto-sans-jp/noto-sans-jp-v41-latin_japanese-500.eot");
  src: local(""), url("/ex/fonts/noto-sans-jp/noto-sans-jp-v41-latin_japanese-500.eot?#iefix") format("embedded-opentype"), url("/ex/fonts/noto-sans-jp/noto-sans-jp-v41-latin_japanese-500.woff2") format("woff2"), url("/ex/fonts/noto-sans-jp/noto-sans-jp-v41-latin_japanese-500.woff") format("woff"), url("/ex/fonts/noto-sans-jp/noto-sans-jp-v41-latin_japanese-500.svg#NotoSansJP") format("svg");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 900;
  src: url("/ex/fonts/noto-sans-jp/noto-sans-jp-v41-latin_japanese-900.eot");
  src: local(""), url("/ex/fonts/noto-sans-jp/noto-sans-jp-v41-latin_japanese-900.eot?#iefix") format("embedded-opentype"), url("/ex/fonts/noto-sans-jp/noto-sans-jp-v41-latin_japanese-900.woff2") format("woff2"), url("/ex/fonts/noto-sans-jp/noto-sans-jp-v41-latin_japanese-900.woff") format("woff"), url("/ex/fonts/noto-sans-jp/noto-sans-jp-v41-latin_japanese-900.svg#NotoSansJP") format("svg");
}
.alertBar {
  display: flex;
  justify-content: center;
  padding: 8px 15px;
  width: 100%;
  background-color: #e53935;
  font-size: 1.2rem;
  color: #fff;
}
.browser-app .alertBar {
  display: none;
}
.alertBar a {
  color: inherit;
  text-decoration: underline;
}

.browser-app .col,
.browser-app [class^=col-] {
  padding-right: 8px;
  padding-left: 8px;
}
.browser-app-TB .col,
.browser-app-TB [class^=col-] {
  padding-right: 12px;
  padding-left: 12px;
}

.column {
  position: relative;
}
.column:not(.column-newsEdit) .column-sub {
  display: none;
}
.column-sub + .column-main {
  margin-top: 20px;
}
.column-main + .column-sub {
  margin-top: 20px;
}
.browser-app .container, .browser-app .container-fluid {
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
}
.browser-app-TB .container, .browser-app-TB .container-fluid {
  padding-right: 32px;
  padding-left: 32px;
}
.container-edit {
  max-width: 1080px;
}
.containerFullScreen-iframe {
  display: block;
  margin-right: auto;
  margin-left: auto;
  border: 0;
  width: 100%;
  height: calc(100vh - 70px);
  background-color: #fff;
}

.globalInner {
  max-width: 1000px;
}

.globalWrapper {
  padding-top: 50px;
  transition: padding 0.3s;
}
[data-sidebar-type=mini] .globalWrapper {
  padding-left: 70px !important;
}
.header-hidden .globalWrapper {
  padding-top: 0 !important;
}
.is-open-sidebar .globalWrapper {
  transform: none;
}

.globalWrapperFullScreen {
  padding-top: 70px;
}

.header {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1023;
  width: 100%;
  height: 50px;
  background-color: #3d4750;
  color: #fff;
  transition: padding 0.3s;
}
[data-sidebar-type=mini] .header {
  padding-left: 70px;
}
.header-hidden .header {
  display: none;
}
.header-menuBtn {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  padding: 8px;
  min-width: 50px;
  height: 100%;
  font-size: 1rem;
  color: #fff;
  text-align: center;
  transition: background-color 0.15s;
}
.header-menuBtn:hover, .header-menuBtn:focus {
  background-color: #343c44;
}
.header-menuLine {
  display: inline-block;
  position: relative;
  border-radius: 1em;
  width: 20px;
  height: 2px;
  background-color: #fff;
}
.header-menuLine::before, .header-menuLine::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 1px;
  width: 100%;
  height: 2px;
  background-color: inherit;
}
.header-menuLine::before {
  transform: translateY(-6px);
}
.header-menuLine::after {
  transform: translateY(6px);
}
.header-menuLabel {
  display: block;
  margin-top: 5px;
  line-height: 1.1;
  letter-spacing: 0.1em;
}
.headerFullScreen {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1026;
  overflow: auto hidden;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  padding: 15px;
  width: 100%;
  height: 70px;
  background-color: #fff;
}
.headerFullScreen::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.headerFullScreen::-webkit-scrollbar-track {
  background-color: #fff;
}
.headerFullScreen::-webkit-scrollbar-thumb {
  border-radius: 1em;
  border: 2px solid #fff;
  background-color: #e5e9ee;
}
.headerFullScreen {
  scrollbar-width: thin;
  scrollbar-color: #e5e9ee transparent;
}
.headerFullScreen-header {
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  font-size: 3.2rem;
  font-weight: 400;
  line-height: 1.6;
}
.headerFullScreen-back {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d7dce2;
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  color: #ea5529;
  transition: color 0.15s;
}
.headerFullScreen-back::before {
  content: "\f04d";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 3rem;
}
.headerFullScreen-back:hover, .headerFullScreen-back:focus {
  color: #de431d;
}
.headerFullScreen-title {
  margin-bottom: 0;
  font-size: 3.2rem;
}
.headerFullScreen-back + .headerFullScreen-title {
  margin-left: 1rem;
}
.headerFullScreen-body {
  display: flex;
  align-items: center;
  margin-left: 15px;
}
.headerFullScreen-utility {
  display: flex;
  margin-left: 15px;
}
.headerFullScreen-utility .btn {
  min-width: 120px;
}
.headerFullScreen-utility .btn:not(:first-child) {
  margin-left: 1rem;
}

.headerUtility {
  display: flex;
  justify-content: space-between;
  height: 100%;
}
.headerUtility-list {
  display: flex;
  height: 100%;
}
.headerUtility-item {
  border-left: 1px solid #343c44;
  height: 100%;
}
.headerUtility-link {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  min-width: 50px;
  height: 100%;
  color: #fff;
  text-decoration: none;
  transition: background-color 0.15s;
}
.headerUtility-link:hover, .headerUtility-link:focus {
  background-color: #343c44;
  color: #fff;
}
.headerUtility-link-icon {
  font-size: 2.4rem;
}
.headerUtility-link-user {
  max-width: 250px;
}
.headerUtility-userIcon {
  overflow: hidden;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-right: 0.5em;
}
.headerUtility-userIcon svg,
.headerUtility-userIcon img {
  width: 100%;
  height: auto;
}
.headerUtility-userName {
  display: none;
}
.headerUtility-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 7px;
  right: 7px;
  padding: 0 0.5em;
  border-radius: 1em;
  min-width: 16px;
  height: 16px;
  background-color: #e53935;
  font-size: 1rem;
  color: #fff;
  line-height: 1;
}

.loginForm {
  padding: 15px;
  width: 100vw;
  min-height: 100vh;
  background: url(/ex/images/common/bg-login-sp.png) center bottom/cover no-repeat;
}
.loginForm-card {
  width: 100%;
  max-width: 400px;
  height: auto;
}
.loginForm-logo {
  width: 160px;
}

.overlay {
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  transition: opacity 0.3s;
  pointer-events: none;
}
.overlay.is-open {
  opacity: 1;
  z-index: 1024;
  pointer-events: auto;
}

@page {
}
.print-container {
  padding: 40px 15px 100px;
  background-color: #f3f6fa;
}
.print-item {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0 auto;
  border: 1px solid #d7dce2;
  width: 210mm;
  height: 297mm;
  background-color: #fff;
  -webkit-print-color-adjust: exact;
}
.print-item:not(:first-child) {
  margin-top: 40px;
}
.print-item-horizontal {
  width: 297mm;
  height: 209.5mm;
}
.print-item::before {
  content: attr(data-print-item-title);
  display: block;
  position: absolute;
  top: -20px;
  left: 0;
  height: 20px;
  color: #212529;
  line-height: 1;
}

.browser-app .row {
  margin-right: -8px;
  margin-left: -8px;
}
.browser-app-TB .row {
  margin-right: -12px;
  margin-left: -12px;
}

.section {
  padding: 20px 0;
}
.browser-app .section {
  padding: 0 !important;
}
.section-nav {
  margin-right: -15px;
}
.browser-app .section-nav {
  display: none;
}
.section-nav .breadcrumb {
  flex-wrap: nowrap;
  overflow-x: auto;
}
.section-nav .breadcrumb-item {
  flex-shrink: 0;
}
.section-nav .breadcrumb-item:last-child::after {
  content: "";
  display: block;
  width: 15px;
}
.section-header {
  display: flex;
  margin-bottom: 2rem;
  line-height: 1.6;
  gap: 1rem;
}
.browser-app .section-header {
  display: none;
}
.section-header:has(.section-titleGroup) {
  flex-wrap: wrap;
}
.section-titleGroup {
  display: flex;
  gap: 1rem;
}
.section-btn {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  border: 1px solid #d7dce2;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  background-color: #fff;
  color: #ea5529;
  transition: color 0.15s;
}
.section-btn::before {
  content: "\f04d";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2rem;
}
.section-btn:hover, .section-btn:focus {
  color: #de431d;
}
.section-title {
  flex: 1 1 auto;
  margin-bottom: 0;
  font-size: 2.4rem;
  font-weight: 400;
}
.section-titleUtility {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: auto;
  gap: 1rem 2rem;
}
.section-body-edit {
  max-width: 1000px;
}

.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1025;
  transform: translateX(-100%);
  width: 240px;
  height: 100%;
  background-color: #fff;
  transition: transform 0.3s;
}
[data-sidebar-type=mini] .sidebar {
  transform: none;
  width: 70px;
}
.is-open-sidebar .sidebar {
  transform: none;
}
.sidebar-inner {
  overflow-y: auto;
  padding: 10px;
  height: 100%;
}
[data-sidebar-type=full] .sidebar-inner::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
[data-sidebar-type=full] .sidebar-inner::-webkit-scrollbar-track {
  background-color: #fff;
}
[data-sidebar-type=full] .sidebar-inner::-webkit-scrollbar-thumb {
  border-radius: 1em;
  border: 2px solid #fff;
  background-color: #e5e9ee;
}
[data-sidebar-type=full] .sidebar-inner {
  scrollbar-width: thin;
  scrollbar-color: #e5e9ee transparent;
}
[data-sidebar-type=mini] .sidebar-inner {
  padding: 0;
}
[data-sidebar-type=mini] .sidebar-inner::-webkit-scrollbar {
  display: none;
}
[data-sidebar-type=mini] .sidebar-inner {
  scrollbar-width: none;
}
.sidebar-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 10px;
  height: 60px;
  text-align: center;
}
[data-sidebar-type=mini] .sidebar-logo {
  padding-bottom: 0;
  height: 70px;
}
.sidebar-logoImg-mini {
  display: none;
}
[data-sidebar-type=mini] .sidebar-logoImg-mini {
  display: inline-block;
}
[data-sidebar-type=mini] .sidebar-logoImg-full {
  display: none;
}
.sidebar-center {
  border-bottom: 1px solid #d7dce2;
}
[data-sidebar-type=mini] .sidebar-center {
  border-bottom: none;
}
.sidebar-centerInfo {
  padding-bottom: 10px;
}
[data-sidebar-type=mini] .sidebar-centerInfo {
  display: none;
}
.sidebar-centerTitle {
  display: flex;
  align-items: center;
  color: #6b7681;
}
.sidebar-centerLink {
  margin-left: 1em;
}
.sidebar-centerName {
  display: block;
  font-size: 1.8rem;
  line-height: 1.4;
}
.sidebar-centerBtn {
  display: none;
}
[data-sidebar-type=mini] .sidebar-centerBtn {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  display: block;
  padding: 15px;
  width: 70px;
  height: 70px;
}
.sidebar-centerBtnLabel {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background-color: #fac02c;
  font-size: 1.8rem;
}

.sidebarFullScreen {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1025;
  transform: translateX(-100%);
  padding-top: 70px;
  width: 300px;
  height: 100%;
  background-color: #fff;
  transition: transform 0.3s;
}
.is-open-sidebar .sidebarFullScreen {
  transform: none;
  box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1);
}
.sidebarFullScreen-inner {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.sidebarFullScreen-header, .sidebarFullScreen-body {
  transition: transform 0.2s;
}
.is-show-detail .sidebarFullScreen-header, .is-show-detail .sidebarFullScreen-body {
  transform: translateX(-100%);
}
.sidebarFullScreen-header {
  padding: 15px;
  border-bottom: 1px solid #d7dce2;
  height: 100px;
}
.sidebarFullScreen-body {
  overflow: hidden auto;
  height: calc(100% - 100px);
}
.sidebarFullScreen-body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.sidebarFullScreen-body::-webkit-scrollbar-track {
  background-color: #fff;
}
.sidebarFullScreen-body::-webkit-scrollbar-thumb {
  border-radius: 1em;
  border: 2px solid #fff;
  background-color: #e5e9ee;
}
.sidebarFullScreen-body {
  scrollbar-width: thin;
  scrollbar-color: #e5e9ee transparent;
}

.sidebarMenu-header {
  padding: 8px 0;
  font-size: 1.2rem;
  color: #6b7681;
}
[data-sidebar-type=mini] .sidebarMenu-header {
  display: none;
}
.sidebarMenu-header:not(:first-child) {
  margin-top: 8px;
  border-top: 1px solid #d7dce2;
}
.sidebarMenu-category {
  position: relative;
  transition: background-color 0.15s, color 0.15s;
}
[data-sidebar-type=mini] .sidebarMenu-category {
  padding: 0;
}
[data-sidebar-type=mini] .sidebarMenu-category:not(:first-child) {
  border-top: 1px solid #d7dce2;
}
[data-sidebar-type=mini] .sidebarMenu-category:last-child {
  border-bottom: 1px solid #d7dce2;
}
[data-sidebar-type=mini] .sidebarMenu-category:hover .sidebarMenu-btn, [data-sidebar-type=mini] .sidebarMenu-category:focus .sidebarMenu-btn, [data-sidebar-type=mini] .sidebarMenu-category.is-current .sidebarMenu-btn {
  background-color: #fdeeea;
  color: #ea5529;
}
[data-sidebar-type=mini] .sidebarMenu-category:hover .sidebarMenu-btn path, [data-sidebar-type=mini] .sidebarMenu-category:focus .sidebarMenu-btn path, [data-sidebar-type=mini] .sidebarMenu-category.is-current .sidebarMenu-btn path {
  fill: #ea5529;
}
[data-sidebar-type=mini] .sidebarMenu-category:hover .sidebarMenu-list {
  display: block;
}
.sidebarMenu-btn {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  display: flex;
  align-items: center;
  position: relative;
  padding: 12px 32px 12px 36px;
  border-radius: 0.4rem;
  width: 100%;
  color: #262f38;
  transition: background-color 0.15s, color 0.15s;
}
[data-sidebar-type=mini] .sidebarMenu-btn {
  flex-direction: column;
  justify-content: center;
  padding: 8px;
  border-radius: 0;
  height: 70px;
  text-align: center;
}
.sidebarMenu-btn::before, .sidebarMenu-btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 12px;
  width: 10px;
  height: 1px;
  background-color: #ea5529;
  transition: transform 0.15s;
}
[data-sidebar-type=mini] .sidebarMenu-btn::before, [data-sidebar-type=mini] .sidebarMenu-btn::after {
  content: none;
}
.sidebarMenu-btn::after {
  transform: rotate(90deg);
}
.sidebarMenu-btn:hover, .sidebarMenu-btn:focus, .sidebarMenu-btn.is-open {
  background-color: #fdeeea;
  color: #ea5529;
}
[data-sidebar-type=mini] .sidebarMenu-btn.is-open {
  background-color: transparent;
  color: #262f38;
}
.sidebarMenu-btn.is-open::after {
  transform: none;
}
.sidebarMenu-icon {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 1;
}
[data-sidebar-type=mini] .sidebarMenu-icon {
  position: static;
  transform: none;
  margin-right: 0;
  width: 3rem;
  height: 3rem;
  font-size: 3rem;
}
.sidebarMenu-icon svg {
  width: 100%;
}
.sidebarMenu-icon path {
  transition: fill 0.15s;
  fill: #6b7681;
}
.sidebarMenu-icon .icon {
  width: 100%;
  height: 100%;
}
.sidebarMenu-label {
  line-height: 1.1;
}
[data-sidebar-type=mini] .sidebarMenu-label {
  margin-top: 5px;
  font-size: 1rem;
}
.sidebarMenu-list {
  display: none;
  line-height: 1.4;
}
[data-sidebar-type=mini] .sidebarMenu-list {
  display: none;
  position: fixed;
  left: 70px;
  z-index: 100;
  padding: 8px 0;
  border: 1px solid #d7dce2;
  border-radius: 0.5rem;
  width: 240px;
  background-color: #fff;
}
[data-sidebar-type=full] .sidebarMenu-list.is-open {
  display: block;
}
.sidebarMenu-link {
  display: flex;
  align-items: center;
  padding: 8px 12px 8px 36px;
  border-radius: 0.4rem;
  color: #545f69;
  text-decoration: none;
  transition: background-color 0.15s, color 0.15s;
}
[data-sidebar-type=mini] .sidebarMenu-link {
  padding-left: 12px;
}
.sidebarMenu-link:hover, .sidebarMenu-link:focus, .sidebarMenu-link.is-current {
  color: #ea5529;
}
[data-sidebar-type=mini] .sidebarMenu-link:hover, [data-sidebar-type=mini] .sidebarMenu-link:focus, [data-sidebar-type=mini] .sidebarMenu-link.is-current {
  background-color: #fdeeea;
}
.topInformation-main {
  grid-area: main;
}
.topInformation-information {
  margin-top: 3rem;
  grid-area: information;
}
.topInformation-barChart {
  height: 240px;
}

.alert {
  color: #212529;
}
.sidebarSettingDetail .alert {
  padding: 1rem;
}
.alert-info {
  border-color: #c9ddf5;
  background: #e4f0fb;
}
.alert-success {
  border-color: #bff1d4;
  background: #e0f2f1;
}
.alert-warning {
  border-color: #ffe4a6;
  background: #fff8e1;
}
.alert-danger {
  border-color: #f9cecd;
  background: #ffebee;
}
.alert-light {
  border-color: #d7dce2;
}
.alert-heading {
  margin-bottom: 0.5em;
  font-size: 1.6rem;
  line-height: 1.4;
}
.analysisTotalList-item {
  position: relative;
  padding: 1rem 1rem;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  background-color: #fff;
}
.analysisTotalList-item:not(:first-child) {
  margin-top: 6px;
}
.analysisTotalList-item::before {
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  width: 38px;
  height: 38px;
  background: center center/contain no-repeat;
  font-size: 38px;
  color: #9ea8b1;
}
.analysisTotalList-item-order::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="%239ea8b1" d="M7 22q-.825 0-1.412-.587Q5 20.825 5 20q0-.825.588-1.413Q6.175 18 7 18t1.412.587Q9 19.175 9 20q0 .825-.588 1.413Q7.825 22 7 22Zm10 0q-.825 0-1.412-.587Q15 20.825 15 20q0-.825.588-1.413Q16.175 18 17 18t1.413.587Q19 19.175 19 20q0 .825-.587 1.413Q17.825 22 17 22ZM6.15 6l2.4 5h7l2.75-5ZM7 17q-1.125 0-1.7-.988-.575-.987-.05-1.962L6.6 11.6 3 4H1.975q-.425 0-.7-.288Q1 3.425 1 3t.288-.713Q1.575 2 2 2h1.625q.275 0 .525.15t.375.425L5.2 4h14.75q.675 0 .925.5t-.025 1.05l-3.55 6.4q-.275.5-.725.775-.45.275-1.025.275H8.1L7 15h11.025q.425 0 .7.287.275.288.275.713t-.288.712Q18.425 17 18 17Zm1.55-6h7Z"/></svg>');
}
.analysisTotalList-item-totalSales::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="%239ea8b1" d="M12 21q-.425 0-.712-.288Q11 20.425 11 20v-3H7q-.425 0-.713-.288Q6 16.425 6 16t.287-.713Q6.575 15 7 15h4v-2H7q-.425 0-.713-.288Q6 12.425 6 12t.287-.713Q6.575 11 7 11h3.075l-4.1-6.475q-.325-.5-.037-1.013Q6.225 3 6.825 3q.275 0 .5.125.225.125.35.35L12 10.3l4.325-6.825q.125-.225.35-.35.225-.125.5-.125.6 0 .887.525.288.525-.037 1.025l-4.1 6.45H17q.425 0 .712.287.288.288.288.713t-.288.712Q17.425 13 17 13h-4v2h4q.425 0 .712.287.288.288.288.713t-.288.712Q17.425 17 17 17h-4v3q0 .425-.287.712Q12.425 21 12 21Z"/></svg>');
}
.analysisTotalList-title {
  margin-bottom: 0.25em;
}
.analysisTotalList-count {
  line-height: 1.3;
  text-align: right;
}
.analysisTotalList-number {
  font-size: 3.2rem;
}
.analysisTotalList-unit {
  font-size: 1.6rem;
}

.badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid;
  line-height: 1.2;
  text-align: center;
  vertical-align: middle;
}
.table .badge, .detailList .badge, .productList .badge, .monitoringList .badge, .modal-title .badge, .title-sm .badge, .list-group .badge {
  font-size: 1.2rem;
}
.browser-app .table .badge, .browser-app .detailList .badge, .browser-app .productList .badge, .browser-app .monitoringList .badge, .browser-app .modal-title .badge, .browser-app .title-sm .badge, .browser-app .list-group .badge {
  font-size: 1.4rem;
}
.modal-title .badge {
  vertical-align: middle;
}
.detail-header .badge {
  font-size: 1.4rem;
}
.badge-primary {
  border-color: #ea5529;
  background-color: #ea5529;
}
.badge-secondary {
  border-color: #6b7681;
  background-color: #6b7681;
}
.badge-light-secondary {
  border-color: #f3f6fa;
  background-color: #f3f6fa;
  color: #212529;
}
.badge-light-danger {
  border-color: #ffebee;
  background-color: #ffebee;
  color: #e53935;
}
.badge-general {
  border-color: #9ea8b1;
  background-color: #fff;
  color: #212529;
}
.badge-need {
  border-color: #e53935;
  background-color: #e53935;
}
.badge-any {
  border-color: #9ea8b1;
  background-color: #fff;
  color: #212529;
}
.badge-before {
  border-color: #f3f6fa;
  background-color: #f3f6fa;
  color: #212529;
}
.badge-after {
  border-color: #00c853;
  background-color: #00c853;
  color: #fff;
}
.table td .badge-status, [class^=table] td .badge-status, .detailList .badge-status {
  font-size: 1.4rem;
}
.table td .badge-status, [class^=table] td .badge-status {
  width: 100%;
}
.detailList .badge-status {
  min-height: 32px;
}
.badge-reserve {
  border-color: #f3f6fa;
  background-color: #f3f6fa;
  color: #6b7681;
}
.badge-progress {
  border-color: #e4f0fb;
  background-color: #e4f0fb;
  color: #2578d7;
}
.badge-finish {
  border-color: #e0f2f1;
  background-color: #e0f2f1;
  color: #00c853;
}
.badge-stop {
  border-color: #fff8e1;
  background-color: #fff8e1;
  color: #ff8f00;
}
.badge-notice {
  border-color: #ffebee;
  background-color: #ffebee;
  color: #e53935;
}
.badge-arrival {
  border-color: #e4f0fb;
  background-color: #e4f0fb;
  color: #2578d7;
}
.badge-shipping {
  border-color: #e0f2f1;
  background-color: #e0f2f1;
  color: #00c853;
}
.badge-important::before, .badge-share::before, .badge-report::before, .badge-contact::before {
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: scale(1.2);
  margin-right: 0.25em;
}
.badge-important {
  border-color: #ffebee;
  background-color: #ffebee;
  color: #e53935;
}
.badge-important::before {
  content: "\f02a";
}
.badge-share {
  border-color: #e0f2f1;
  background-color: #e0f2f1;
  color: #00c853;
}
.badge-share::before {
  content: "\f496";
}
.badge-report {
  border-color: #e4f0fb;
  background-color: #e4f0fb;
  color: #2578d7;
}
.badge-report::before {
  content: "\f180";
}
.badge-contact {
  border-color: #f3f6fa;
  background-color: #f3f6fa;
  color: #212529;
}
.badge-contact::before {
  content: "\f189";
}

a.badge,
button.badge {
  position: relative;
  padding-right: 1.25em;
}
a.badge:not(:disabled):not(.disabled),
button.badge:not(:disabled):not(.disabled) {
  cursor: pointer;
}
a.badge::after,
button.badge::after {
  content: "\f142";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0.2em;
  transform: scale(1.3) translateY(-40%);
}

.badgeRow {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 6px;
}
.box {
  padding: 10px;
  border: 1px solid #d7dce2;
  border-radius: 0.5rem;
}
.box-deadline {
  position: relative;
  padding-left: calc(10px + 1.25em);
}
.box-deadline::before {
  content: "\f0f0";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 10px;
  left: 10px;
  line-height: inherit;
}

.breadcrumb-folder {
  position: relative;
  padding-left: 1.8em;
}
.breadcrumb-folder::before {
  content: "\f24b";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-size: 1.2em;
  color: #6b7681;
}
.breadcrumb-item {
  display: flex;
  align-items: center;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: "\f142";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.breadcrumb-item:not(:last-child) {
  margin-right: 0.5rem;
}
.btn-group-quantity .btn {
  width: 49px;
  min-width: auto !important;
  color: #2962ff !important;
}
.btn-group-quantity .btn .mdi::before {
  transform: scale(1.3);
}
.btn-group-quantity .form-control {
  z-index: 2;
  width: 4em;
}
.btn-group .form-control,
.btn-group .form-select {
  margin-left: -1px;
}
.btn-group .form-control:not(:first-child),
.btn-group .form-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .form-control:not(:last-child),
.btn-group .form-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-prev::before, .btn-filter::before, .btn-reload::before, .btn-download::before, .btn-preview::before, .btn-email::before, .btn-restore::before, .btn-cancel::before, .btn-edit::before, .btn-submit::before, .btn-add::before, .btn-search::before {
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.25em;
  font-size: 1.2em;
  vertical-align: middle;
}

.btn-next::after {
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0.25em;
  font-size: 1.2em;
  vertical-align: middle;
}

.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  min-height: 40px;
}
.btn.active {
  pointer-events: none;
}
.btn.selected {
  color: #ea5529 !important;
}
.btn-sm {
  min-width: 32px;
  min-height: 32px;
}
.btn-primary:hover, .btn-primary:focus {
  border-color: #de431d;
  background-color: #de431d;
}
.btn-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(234, 85, 41, 0.25);
}
.btn-outline-primary {
  border-color: #ea5529;
  background-color: #fff;
  color: #ea5529;
}
.btn-outline-primary:not(.active):hover, .btn-outline-primary:not(.active):focus {
  border-color: #ea5529;
  background-color: #fdeeea;
  color: #ea5529;
}
.btn-outline-primary:not(.active):focus {
  box-shadow: 0 0 0 0.25rem rgba(234, 85, 41, 0.25);
}
.btn-outline-secondary {
  border-color: #9ea8b1;
  background-color: #fff;
  color: #212529;
}
.btn-outline-secondary:not(.active):hover, .btn-outline-secondary:not(.active):focus {
  border-color: #9ea8b1;
  background-color: #f3f6fa;
  color: #212529;
}
.btn-outline-secondary:not(.active):focus {
  box-shadow: 0 0 0 0.25rem rgba(158, 168, 177, 0.25);
}
.btn-outline-danger {
  border-color: #e53935;
  background-color: #fff;
  color: #e53935;
}
.btn-outline-danger:not(.active):hover, .btn-outline-danger:not(.active):focus {
  border-color: #e53935;
  background-color: #ffebee;
  color: #e53935;
}
.btn-outline-danger:not(.active):focus {
  box-shadow: 0 0 0 0.25rem rgba(229, 57, 53, 0.25);
}
.btn-search::before {
  content: "\f349";
}
.btn-add::before {
  content: "\f415";
}
.btn-submit::before {
  content: "\f12c";
}
.btn-edit::before {
  content: "\f3eb";
}
.btn-cancel::before {
  content: "\f156";
}
.btn-restore::before {
  content: "\f06f";
}
.btn-delete {
  color: #e53935 !important;
}
.btn-delete::before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  margin-right: 0.25em;
  width: 1.2em;
  height: 1.2em;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="%23e53935" d="M7 21q-.825 0-1.412-.587Q5 19.825 5 19V6q-.425 0-.713-.287Q4 5.425 4 5t.287-.713Q4.575 4 5 4h4q0-.425.288-.713Q9.575 3 10 3h4q.425 0 .713.287Q15 3.575 15 4h4q.425 0 .712.287Q20 4.575 20 5t-.288.713Q19.425 6 19 6v13q0 .825-.587 1.413Q17.825 21 17 21ZM7 6v13h10V6Zm2 10q0 .425.288.712Q9.575 17 10 17t.713-.288Q11 16.425 11 16V9q0-.425-.287-.713Q10.425 8 10 8t-.712.287Q9 8.575 9 9Zm4 0q0 .425.288.712.287.288.712.288t.713-.288Q15 16.425 15 16V9q0-.425-.287-.713Q14.425 8 14 8t-.712.287Q13 8.575 13 9ZM7 6v13V6Z"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.btn-delete:hover {
  color: #c62828;
}
.btn-delete:hover::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="%23c62828" d="M7 21q-.825 0-1.412-.587Q5 19.825 5 19V6q-.425 0-.713-.287Q4 5.425 4 5t.287-.713Q4.575 4 5 4h4q0-.425.288-.713Q9.575 3 10 3h4q.425 0 .713.287Q15 3.575 15 4h4q.425 0 .712.287Q20 4.575 20 5t-.288.713Q19.425 6 19 6v13q0 .825-.587 1.413Q17.825 21 17 21ZM7 6v13h10V6Zm2 10q0 .425.288.712Q9.575 17 10 17t.713-.288Q11 16.425 11 16V9q0-.425-.287-.713Q10.425 8 10 8t-.712.287Q9 8.575 9 9Zm4 0q0 .425.288.712.287.288.712.288t.713-.288Q15 16.425 15 16V9q0-.425-.287-.713Q14.425 8 14 8t-.712.287Q13 8.575 13 9ZM7 6v13V6Z"/></svg>');
}
.btn-delete:disabled {
  color: #c62828;
}
.btn-email::before {
  content: "\f1f0";
}
.btn-preview::before {
  content: "\f208";
}
.btn-download::before {
  content: "\f1da";
}
.btn-reload::before {
  content: "\f450";
}
.btn-filter::before {
  content: "\f233";
}
.btn-prev::before {
  content: "\f04d";
}
.btn-next::after {
  content: "\f054";
}
.btn:not(.btn-icon) .mdi,
.btn:not(.btn-icon) .icon {
  margin-right: 0.25em;
}
.btn .mdi {
  line-height: 1;
  vertical-align: middle;
}
.btn .mdi::before {
  font-size: 1.2em;
}
.btn .mdi.mdi-view-list::before {
  font-size: 1.56em;
}
.btn .icon {
  width: 1.2em;
  height: 1.2em;
}
.btn-icon, .btn-responsive {
  padding: 0;
  width: 40px;
  min-width: auto !important;
}
.btn-icon::before, .btn-responsive::before {
  margin-right: 0;
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.btn-icon .mdi::before, .btn-responsive .mdi::before {
  font-size: 24px;
}
.btn-icon.btn-sm, .btn-responsive.btn-sm {
  width: 32px;
}
.btn-icon.btn-sm::before, .btn-responsive.btn-sm::before {
  width: 20px;
  height: 20px;
}
.btn-icon.btn-sm .mdi::before, .btn-responsive.btn-sm .mdi::before {
  font-size: 20px;
}
.btn-responsive {
  color: #2962ff;
}
.btn-responsive:hover, .btn-responsive:focus {
  background-color: #f3f6fa;
  color: #214ecc;
}
.btn-responsiveLabel {
  display: none;
}
.btn-img {
  flex-direction: column;
  font-size: 1.2rem;
  color: #6b7681;
}
.formGrid-lg .btn-img {
  font-size: 1.4rem;
}

.btnRow {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1rem;
}
.btnRow-center {
  justify-content: center;
}
.btnRow-end {
  justify-content: flex-end;
}
.btnRow-footer {
  justify-content: center;
  margin-top: 3rem;
}
.btnRow-footer .btn {
  min-width: calc(50% - 0.5rem);
}

.card-title {
  font-size: 2rem;
}
.card-title .mdi,
.card-title img {
  margin-right: 0.25em;
}
.card-title .mdi::before {
  display: inline-block;
  transform: scale(1.2);
}
.card-title img {
  position: relative;
  top: -0.125em;
  transform: scale(1.2);
  width: 1em;
  height: auto;
}

.cartFooter {
  margin-top: 20px;
  padding: 1.5rem;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.5rem;
  background-color: #fff;
  line-height: 1.4;
  text-align: right;
}
.cartFooter-item {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
}
.cartFooter-item:not(:first-child) {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #d7dce2;
}
.cartFooter-title {
  margin-right: 1em;
}
.cartFooter-detail {
  font-weight: 700;
}

.chartPie {
  position: relative;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  background-color: #d7dce2;
  font-size: 50px;
}
.browser-app-TB .chartPie {
  font-size: 75px;
}
.chartPie.show-workgroup-modal {
  cursor: pointer;
}
.chartPie::before, .chartPie::after {
  position: absolute;
  left: 50%;
  font-size: 1.1rem;
  line-height: 1.3;
  text-align: center;
  white-space: nowrap;
}
.browser-app-TB .chartPie::before, .browser-app-TB .chartPie::after {
  font-size: 1.8rem;
}
.chartPie::before {
  content: attr(data-monitoring-title);
  top: 0;
  transform: translate(-50%, -100%);
  padding-bottom: 0.25em;
}
.chartPie::after {
  content: attr(data-monitoring-note);
  bottom: 0;
  transform: translate(-50%, 100%);
  padding-top: 0.25em;
}
.monitoringList .chartPie.chartPie-100 {
  background-color: #00c853;
}
.monitoringList .chartPie.chartPie-100.chartPie-danger {
  background-color: #e53935;
}
.chartPie-fill {
  display: block;
  width: 50%;
  height: 100%;
}
.chartPie-0 .chartPie-fill {
  display: none;
}
.monitoringList .chartPie-100 .chartPie-fill {
  display: none;
}
.chartPie-fill::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ea5529;
}
.monitoringList .chartPie-fill::before {
  background-color: #00c853;
}
.chartPie-danger .chartPie-fill::before {
  background-color: #e53935;
}
.chartPie-label {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 8%;
  left: 8%;
  border-radius: 50%;
  width: 84%;
  height: 84%;
  background-color: #fff;
  font-size: 0.25em;
  color: #212529;
  line-height: 1;
}
.browser-app .chartPie-label {
  color: rgba(0, 0, 0, 0.6);
}
.chartPie-100 .chartPie-label {
  background-color: #00c853;
  color: #fff;
}
.chartPie-danger .chartPie-label {
  color: transparent;
}
.formStep .chartPie-label {
  background-color: #f3f6fa;
}
.modal .formStep .chartPie-label {
  background-color: #fff;
}
.chartPie-main {
  font-size: 1.5em;
}
.monitoringList .chartPie-main {
  font-weight: 700;
}
.chartPie-sub {
  margin-bottom: -0.3em;
}
.formStep .chartPie-sub {
  color: #6b7681;
}
.chartPie-status {
  display: none;
}
.chartPie-danger .chartPie-status {
  display: block;
}
.chartPie-danger .chartPie-status::after {
  content: "\f026";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: -0.025em;
  left: 0;
  z-index: 2;
  transform: scale(0.6);
  font-size: 1em;
  color: #ffb300;
}

.chartPie-50 .chartPie-fill, .chartPie-49 .chartPie-fill, .chartPie-48 .chartPie-fill, .chartPie-47 .chartPie-fill, .chartPie-46 .chartPie-fill, .chartPie-45 .chartPie-fill, .chartPie-44 .chartPie-fill, .chartPie-43 .chartPie-fill, .chartPie-42 .chartPie-fill, .chartPie-41 .chartPie-fill, .chartPie-40 .chartPie-fill, .chartPie-39 .chartPie-fill, .chartPie-38 .chartPie-fill, .chartPie-37 .chartPie-fill, .chartPie-36 .chartPie-fill, .chartPie-35 .chartPie-fill, .chartPie-34 .chartPie-fill, .chartPie-33 .chartPie-fill, .chartPie-32 .chartPie-fill, .chartPie-31 .chartPie-fill, .chartPie-30 .chartPie-fill, .chartPie-29 .chartPie-fill, .chartPie-28 .chartPie-fill, .chartPie-27 .chartPie-fill, .chartPie-26 .chartPie-fill, .chartPie-25 .chartPie-fill, .chartPie-24 .chartPie-fill, .chartPie-23 .chartPie-fill, .chartPie-22 .chartPie-fill, .chartPie-21 .chartPie-fill, .chartPie-20 .chartPie-fill, .chartPie-19 .chartPie-fill, .chartPie-18 .chartPie-fill, .chartPie-17 .chartPie-fill, .chartPie-16 .chartPie-fill, .chartPie-15 .chartPie-fill, .chartPie-14 .chartPie-fill, .chartPie-13 .chartPie-fill, .chartPie-12 .chartPie-fill, .chartPie-11 .chartPie-fill, .chartPie-10 .chartPie-fill, .chartPie-9 .chartPie-fill, .chartPie-8 .chartPie-fill, .chartPie-7 .chartPie-fill, .chartPie-6 .chartPie-fill, .chartPie-5 .chartPie-fill, .chartPie-4 .chartPie-fill, .chartPie-3 .chartPie-fill, .chartPie-2 .chartPie-fill, .chartPie-1 .chartPie-fill {
  overflow: hidden;
  margin-left: auto;
}
.chartPie-50 .chartPie-fill::before, .chartPie-49 .chartPie-fill::before, .chartPie-48 .chartPie-fill::before, .chartPie-47 .chartPie-fill::before, .chartPie-46 .chartPie-fill::before, .chartPie-45 .chartPie-fill::before, .chartPie-44 .chartPie-fill::before, .chartPie-43 .chartPie-fill::before, .chartPie-42 .chartPie-fill::before, .chartPie-41 .chartPie-fill::before, .chartPie-40 .chartPie-fill::before, .chartPie-39 .chartPie-fill::before, .chartPie-38 .chartPie-fill::before, .chartPie-37 .chartPie-fill::before, .chartPie-36 .chartPie-fill::before, .chartPie-35 .chartPie-fill::before, .chartPie-34 .chartPie-fill::before, .chartPie-33 .chartPie-fill::before, .chartPie-32 .chartPie-fill::before, .chartPie-31 .chartPie-fill::before, .chartPie-30 .chartPie-fill::before, .chartPie-29 .chartPie-fill::before, .chartPie-28 .chartPie-fill::before, .chartPie-27 .chartPie-fill::before, .chartPie-26 .chartPie-fill::before, .chartPie-25 .chartPie-fill::before, .chartPie-24 .chartPie-fill::before, .chartPie-23 .chartPie-fill::before, .chartPie-22 .chartPie-fill::before, .chartPie-21 .chartPie-fill::before, .chartPie-20 .chartPie-fill::before, .chartPie-19 .chartPie-fill::before, .chartPie-18 .chartPie-fill::before, .chartPie-17 .chartPie-fill::before, .chartPie-16 .chartPie-fill::before, .chartPie-15 .chartPie-fill::before, .chartPie-14 .chartPie-fill::before, .chartPie-13 .chartPie-fill::before, .chartPie-12 .chartPie-fill::before, .chartPie-11 .chartPie-fill::before, .chartPie-10 .chartPie-fill::before, .chartPie-9 .chartPie-fill::before, .chartPie-8 .chartPie-fill::before, .chartPie-7 .chartPie-fill::before, .chartPie-6 .chartPie-fill::before, .chartPie-5 .chartPie-fill::before, .chartPie-4 .chartPie-fill::before, .chartPie-3 .chartPie-fill::before, .chartPie-2 .chartPie-fill::before, .chartPie-1 .chartPie-fill::before {
  transform-origin: right;
  border-radius: 100% 0 0 100%/50%;
}

.chartPie-100, .chartPie-99, .chartPie-98, .chartPie-97, .chartPie-96, .chartPie-95, .chartPie-94, .chartPie-93, .chartPie-92, .chartPie-91, .chartPie-90, .chartPie-89, .chartPie-88, .chartPie-87, .chartPie-86, .chartPie-85, .chartPie-84, .chartPie-83, .chartPie-82, .chartPie-81, .chartPie-80, .chartPie-79, .chartPie-78, .chartPie-77, .chartPie-76, .chartPie-75, .chartPie-74, .chartPie-73, .chartPie-72, .chartPie-71, .chartPie-70, .chartPie-69, .chartPie-68, .chartPie-67, .chartPie-66, .chartPie-65, .chartPie-64, .chartPie-63, .chartPie-62, .chartPie-61, .chartPie-60, .chartPie-59, .chartPie-58, .chartPie-57, .chartPie-56, .chartPie-55, .chartPie-54, .chartPie-53, .chartPie-52, .chartPie-51 {
  background-image: linear-gradient(to right, rgba(234, 85, 41, 0) 50%, #ea5529 0);
}
.monitoringList .chartPie-100, .monitoringList .chartPie-99, .monitoringList .chartPie-98, .monitoringList .chartPie-97, .monitoringList .chartPie-96, .monitoringList .chartPie-95, .monitoringList .chartPie-94, .monitoringList .chartPie-93, .monitoringList .chartPie-92, .monitoringList .chartPie-91, .monitoringList .chartPie-90, .monitoringList .chartPie-89, .monitoringList .chartPie-88, .monitoringList .chartPie-87, .monitoringList .chartPie-86, .monitoringList .chartPie-85, .monitoringList .chartPie-84, .monitoringList .chartPie-83, .monitoringList .chartPie-82, .monitoringList .chartPie-81, .monitoringList .chartPie-80, .monitoringList .chartPie-79, .monitoringList .chartPie-78, .monitoringList .chartPie-77, .monitoringList .chartPie-76, .monitoringList .chartPie-75, .monitoringList .chartPie-74, .monitoringList .chartPie-73, .monitoringList .chartPie-72, .monitoringList .chartPie-71, .monitoringList .chartPie-70, .monitoringList .chartPie-69, .monitoringList .chartPie-68, .monitoringList .chartPie-67, .monitoringList .chartPie-66, .monitoringList .chartPie-65, .monitoringList .chartPie-64, .monitoringList .chartPie-63, .monitoringList .chartPie-62, .monitoringList .chartPie-61, .monitoringList .chartPie-60, .monitoringList .chartPie-59, .monitoringList .chartPie-58, .monitoringList .chartPie-57, .monitoringList .chartPie-56, .monitoringList .chartPie-55, .monitoringList .chartPie-54, .monitoringList .chartPie-53, .monitoringList .chartPie-52, .monitoringList .chartPie-51 {
  background-image: linear-gradient(to right, rgba(0, 200, 83, 0) 50%, #00c853 0);
}
.chartPie-danger.chartPie-100, .chartPie-danger.chartPie-99, .chartPie-danger.chartPie-98, .chartPie-danger.chartPie-97, .chartPie-danger.chartPie-96, .chartPie-danger.chartPie-95, .chartPie-danger.chartPie-94, .chartPie-danger.chartPie-93, .chartPie-danger.chartPie-92, .chartPie-danger.chartPie-91, .chartPie-danger.chartPie-90, .chartPie-danger.chartPie-89, .chartPie-danger.chartPie-88, .chartPie-danger.chartPie-87, .chartPie-danger.chartPie-86, .chartPie-danger.chartPie-85, .chartPie-danger.chartPie-84, .chartPie-danger.chartPie-83, .chartPie-danger.chartPie-82, .chartPie-danger.chartPie-81, .chartPie-danger.chartPie-80, .chartPie-danger.chartPie-79, .chartPie-danger.chartPie-78, .chartPie-danger.chartPie-77, .chartPie-danger.chartPie-76, .chartPie-danger.chartPie-75, .chartPie-danger.chartPie-74, .chartPie-danger.chartPie-73, .chartPie-danger.chartPie-72, .chartPie-danger.chartPie-71, .chartPie-danger.chartPie-70, .chartPie-danger.chartPie-69, .chartPie-danger.chartPie-68, .chartPie-danger.chartPie-67, .chartPie-danger.chartPie-66, .chartPie-danger.chartPie-65, .chartPie-danger.chartPie-64, .chartPie-danger.chartPie-63, .chartPie-danger.chartPie-62, .chartPie-danger.chartPie-61, .chartPie-danger.chartPie-60, .chartPie-danger.chartPie-59, .chartPie-danger.chartPie-58, .chartPie-danger.chartPie-57, .chartPie-danger.chartPie-56, .chartPie-danger.chartPie-55, .chartPie-danger.chartPie-54, .chartPie-danger.chartPie-53, .chartPie-danger.chartPie-52, .chartPie-danger.chartPie-51 {
  background-image: linear-gradient(to right, rgba(229, 57, 53, 0) 50%, #e53935 0);
}
.chartPie-100 .chartPie-fill, .chartPie-99 .chartPie-fill, .chartPie-98 .chartPie-fill, .chartPie-97 .chartPie-fill, .chartPie-96 .chartPie-fill, .chartPie-95 .chartPie-fill, .chartPie-94 .chartPie-fill, .chartPie-93 .chartPie-fill, .chartPie-92 .chartPie-fill, .chartPie-91 .chartPie-fill, .chartPie-90 .chartPie-fill, .chartPie-89 .chartPie-fill, .chartPie-88 .chartPie-fill, .chartPie-87 .chartPie-fill, .chartPie-86 .chartPie-fill, .chartPie-85 .chartPie-fill, .chartPie-84 .chartPie-fill, .chartPie-83 .chartPie-fill, .chartPie-82 .chartPie-fill, .chartPie-81 .chartPie-fill, .chartPie-80 .chartPie-fill, .chartPie-79 .chartPie-fill, .chartPie-78 .chartPie-fill, .chartPie-77 .chartPie-fill, .chartPie-76 .chartPie-fill, .chartPie-75 .chartPie-fill, .chartPie-74 .chartPie-fill, .chartPie-73 .chartPie-fill, .chartPie-72 .chartPie-fill, .chartPie-71 .chartPie-fill, .chartPie-70 .chartPie-fill, .chartPie-69 .chartPie-fill, .chartPie-68 .chartPie-fill, .chartPie-67 .chartPie-fill, .chartPie-66 .chartPie-fill, .chartPie-65 .chartPie-fill, .chartPie-64 .chartPie-fill, .chartPie-63 .chartPie-fill, .chartPie-62 .chartPie-fill, .chartPie-61 .chartPie-fill, .chartPie-60 .chartPie-fill, .chartPie-59 .chartPie-fill, .chartPie-58 .chartPie-fill, .chartPie-57 .chartPie-fill, .chartPie-56 .chartPie-fill, .chartPie-55 .chartPie-fill, .chartPie-54 .chartPie-fill, .chartPie-53 .chartPie-fill, .chartPie-52 .chartPie-fill, .chartPie-51 .chartPie-fill {
  overflow: hidden;
}
.chartPie-100 .chartPie-fill::before, .chartPie-99 .chartPie-fill::before, .chartPie-98 .chartPie-fill::before, .chartPie-97 .chartPie-fill::before, .chartPie-96 .chartPie-fill::before, .chartPie-95 .chartPie-fill::before, .chartPie-94 .chartPie-fill::before, .chartPie-93 .chartPie-fill::before, .chartPie-92 .chartPie-fill::before, .chartPie-91 .chartPie-fill::before, .chartPie-90 .chartPie-fill::before, .chartPie-89 .chartPie-fill::before, .chartPie-88 .chartPie-fill::before, .chartPie-87 .chartPie-fill::before, .chartPie-86 .chartPie-fill::before, .chartPie-85 .chartPie-fill::before, .chartPie-84 .chartPie-fill::before, .chartPie-83 .chartPie-fill::before, .chartPie-82 .chartPie-fill::before, .chartPie-81 .chartPie-fill::before, .chartPie-80 .chartPie-fill::before, .chartPie-79 .chartPie-fill::before, .chartPie-78 .chartPie-fill::before, .chartPie-77 .chartPie-fill::before, .chartPie-76 .chartPie-fill::before, .chartPie-75 .chartPie-fill::before, .chartPie-74 .chartPie-fill::before, .chartPie-73 .chartPie-fill::before, .chartPie-72 .chartPie-fill::before, .chartPie-71 .chartPie-fill::before, .chartPie-70 .chartPie-fill::before, .chartPie-69 .chartPie-fill::before, .chartPie-68 .chartPie-fill::before, .chartPie-67 .chartPie-fill::before, .chartPie-66 .chartPie-fill::before, .chartPie-65 .chartPie-fill::before, .chartPie-64 .chartPie-fill::before, .chartPie-63 .chartPie-fill::before, .chartPie-62 .chartPie-fill::before, .chartPie-61 .chartPie-fill::before, .chartPie-60 .chartPie-fill::before, .chartPie-59 .chartPie-fill::before, .chartPie-58 .chartPie-fill::before, .chartPie-57 .chartPie-fill::before, .chartPie-56 .chartPie-fill::before, .chartPie-55 .chartPie-fill::before, .chartPie-54 .chartPie-fill::before, .chartPie-53 .chartPie-fill::before, .chartPie-52 .chartPie-fill::before, .chartPie-51 .chartPie-fill::before {
  transform-origin: left;
  border-radius: 0 100% 100% 0/50%;
}

.chartPie-1 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.01turn);
}

.chartPie-2 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.02turn);
}

.chartPie-3 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.03turn);
}

.chartPie-4 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.04turn);
}

.chartPie-5 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.05turn);
}

.chartPie-6 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.06turn);
}

.chartPie-7 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.07turn);
}

.chartPie-8 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.08turn);
}

.chartPie-9 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.09turn);
}

.chartPie-10 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.1turn);
}

.chartPie-11 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.11turn);
}

.chartPie-12 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.12turn);
}

.chartPie-13 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.13turn);
}

.chartPie-14 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.14turn);
}

.chartPie-15 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.15turn);
}

.chartPie-16 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.16turn);
}

.chartPie-17 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.17turn);
}

.chartPie-18 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.18turn);
}

.chartPie-19 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.19turn);
}

.chartPie-20 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.2turn);
}

.chartPie-21 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.21turn);
}

.chartPie-22 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.22turn);
}

.chartPie-23 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.23turn);
}

.chartPie-24 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.24turn);
}

.chartPie-25 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.25turn);
}

.chartPie-26 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.26turn);
}

.chartPie-27 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.27turn);
}

.chartPie-28 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.28turn);
}

.chartPie-29 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.29turn);
}

.chartPie-30 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.3turn);
}

.chartPie-31 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.31turn);
}

.chartPie-32 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.32turn);
}

.chartPie-33 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.33turn);
}

.chartPie-34 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.34turn);
}

.chartPie-35 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.35turn);
}

.chartPie-36 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.36turn);
}

.chartPie-37 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.37turn);
}

.chartPie-38 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.38turn);
}

.chartPie-39 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.39turn);
}

.chartPie-40 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.4turn);
}

.chartPie-41 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.41turn);
}

.chartPie-42 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.42turn);
}

.chartPie-43 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.43turn);
}

.chartPie-44 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.44turn);
}

.chartPie-45 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.45turn);
}

.chartPie-46 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.46turn);
}

.chartPie-47 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.47turn);
}

.chartPie-48 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.48turn);
}

.chartPie-49 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.49turn);
}

.chartPie-50 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.5turn);
}

.chartPie-51 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.01turn);
}

.chartPie-52 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.02turn);
}

.chartPie-53 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.03turn);
}

.chartPie-54 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.04turn);
}

.chartPie-55 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.05turn);
}

.chartPie-56 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.06turn);
}

.chartPie-57 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.07turn);
}

.chartPie-58 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.08turn);
}

.chartPie-59 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.09turn);
}

.chartPie-60 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.1turn);
}

.chartPie-61 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.11turn);
}

.chartPie-62 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.12turn);
}

.chartPie-63 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.13turn);
}

.chartPie-64 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.14turn);
}

.chartPie-65 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.15turn);
}

.chartPie-66 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.16turn);
}

.chartPie-67 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.17turn);
}

.chartPie-68 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.18turn);
}

.chartPie-69 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.19turn);
}

.chartPie-70 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.2turn);
}

.chartPie-71 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.21turn);
}

.chartPie-72 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.22turn);
}

.chartPie-73 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.23turn);
}

.chartPie-74 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.24turn);
}

.chartPie-75 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.25turn);
}

.chartPie-76 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.26turn);
}

.chartPie-77 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.27turn);
}

.chartPie-78 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.28turn);
}

.chartPie-79 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.29turn);
}

.chartPie-80 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.3turn);
}

.chartPie-81 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.31turn);
}

.chartPie-82 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.32turn);
}

.chartPie-83 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.33turn);
}

.chartPie-84 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.34turn);
}

.chartPie-85 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.35turn);
}

.chartPie-86 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.36turn);
}

.chartPie-87 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.37turn);
}

.chartPie-88 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.38turn);
}

.chartPie-89 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.39turn);
}

.chartPie-90 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.4turn);
}

.chartPie-91 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.41turn);
}

.chartPie-92 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.42turn);
}

.chartPie-93 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.43turn);
}

.chartPie-94 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.44turn);
}

.chartPie-95 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.45turn);
}

.chartPie-96 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.46turn);
}

.chartPie-97 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.47turn);
}

.chartPie-98 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.48turn);
}

.chartPie-99 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.49turn);
}

.chartPie-100 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.5turn);
}

.cke_top {
  margin-left: -1px !important;
  border-bottom: none !important;
  background: repeating-linear-gradient(#fff, #fff 39px, #bcbcbc 39px, #bcbcbc 40px) !important;
}

.cke_toolbar {
  position: relative !important;
  border-left: 1px solid #bcbcbc !important;
  height: 40px !important;
}

.cke_combo {
  border-right: none !important;
}

.cke_combopanel {
  width: 130px !important;
}

.cke_reset_all *,
.cke_reset_all a,
.cke_reset_all textarea {
  font-family: sans-serif !important;
}
.cke_reset_all input.cke_dialog_ui_input_tel {
  background-color: #fff;
  border: 1px solid #bcbcbc;
  padding: 4px 6px;
  outline: 0;
  width: 100%;
  box-sizing: border-box;
  border-radius: 2px;
  min-height: 28px;
  margin-left: 1px;
}

.cke_dialog_footer_buttons .cke_dialog_ui_hbox {
  display: flex;
  flex-direction: row-reverse;
}
.cke_dialog_footer_buttons .cke_dialog_ui_hbox .cke_dialog_ui_hbox_first {
  padding-right: 0;
}
.cke_dialog_footer_buttons .cke_dialog_ui_hbox .cke_dialog_ui_hbox_last {
  padding-right: 5px;
}
.cke_dialog_footer_buttons .cke_dialog_ui_hbox .cke_dialog_ui_button_ok {
  border-color: #007fff !important;
  background-color: #007fff !important;
  color: #fff !important;
}
.cke_dialog_footer_buttons .cke_dialog_ui_hbox .cke_dialog_ui_button_cancel:hover,
.cke_dialog_footer_buttons .cke_dialog_ui_hbox .cke_dialog_ui_button_cancel:hover span, .cke_dialog_footer_buttons .cke_dialog_ui_hbox .cke_dialog_ui_button_cancel:focus,
.cke_dialog_footer_buttons .cke_dialog_ui_hbox .cke_dialog_ui_button_cancel:focus span {
  border-color: #bcbcbc !important;
  background-color: #fff !important;
  color: #484848 !important;
}

.collapse-inner {
  margin-top: 1rem;
  padding: 1rem;
  background-color: #f3f6fa;
}
.sidebarSettingDetail .collapse-inner {
  margin-top: 20px;
  padding: 0;
  background-color: transparent;
}
.collapse-inner .collapse-inner {
  background-color: #fff;
}
.collapse-detail {
  margin-top: 20px;
}

.color-picker {
  width: 251px;
}
.color-picker-row2 {
  width: 126px;
}
.color-picker-list {
  display: flex;
  flex-wrap: wrap;
  padding-top: 1px;
  padding-left: 1px;
  background-color: #d7dce2;
}
.color-picker-item {
  cursor: pointer;
  position: relative;
  margin-right: 1px;
  margin-bottom: 1px;
  padding: 3px;
  width: 24px;
  height: 24px;
  background-color: #fff;
}
.color-picker-item::before {
  content: "\f12c";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  font-size: 15.6px;
  color: #fff;
  transition: opacity 0.15s;
}
.color-picker-item.checked::before {
  opacity: 1;
}
.color-picker-item[data-color-brightness=high]::before {
  color: #212529;
}
.color-picker-swatch {
  display: block;
  border: 1px solid transparent;
  width: 100%;
  height: 100%;
}
[data-color="#fff"] .color-picker-swatch, [data-color="#ffffff"] .color-picker-swatch, [data-color="#FFF"] .color-picker-swatch, [data-color="#FFFFFF"] .color-picker-swatch {
  border-color: #d7dce2;
}
.color-header-title {
  margin-right: auto;
  padding-right: 1rem;
}
.color-header-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px -10px;
}
.color-header-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 5px 10px;
  padding: 1rem;
  border: 1px solid #d7dce2;
  background-color: #fff;
  line-height: 1.2;
}

.default-pages {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  max-width: 1000px;
  min-height: 100%;
}
body > .default-pages {
  padding: 15px;
}
.default-pages-inner {
  width: 100%;
}
.default-pages-header {
  margin-top: 20px;
  text-align: center;
}
.default-pages-icon img {
  width: 120px;
  height: auto;
  vertical-align: middle;
}
.default-pages-title {
  margin-top: 10px;
  font-size: 20px;
  color: #455a64;
  line-height: 1.5;
}
.default-pages-body {
  margin-top: 20px;
  text-align: center;
}
.default-pages-text {
  display: inline-block;
  text-align: left;
}
.default-pages-footer {
  margin-top: 20px;
  text-align: center;
}

.detail-item:not(:first-child) {
  margin-top: 30px;
}
.detail-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1rem;
}
.detail-header-tableUtilityBtnBlank {
  position: relative;
  z-index: 1022;
  margin-bottom: -50px;
  pointer-events: none;
}
.detail-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0;
  font-size: 2rem;
}
.detail-utility {
  flex-shrink: 0;
  margin-left: 1rem;
}
.detailList {
  border: 1px solid #d7dce2;
  background-color: #fff;
  line-height: 1.4;
}
.detailList-item:not(:first-child) {
  border-top: 1px solid #d7dce2;
}
.detailList-title {
  display: flex;
  align-items: center;
  padding: 1rem 1rem 0;
}
.detailList-label {
  padding-left: 0.5rem;
}
.detailList-detail {
  padding: 1rem 1rem;
}
.detailList-link {
  outline: none;
  display: inline-flex;
  align-items: center;
  position: relative;
  padding: 0;
  border: none;
  background-color: transparent;
  color: #2962ff;
  text-align: left;
}
.detailList-link:hover, .detailList-link:focus {
  color: #214ecc;
}
.detailList-link-detail::after, .detailList-link-edit::after {
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0.25em;
  font-size: 1.2em;
}
.detailList-link-detail::after {
  content: "\f224";
}
.detailList-link-edit::after {
  content: "\f3eb";
}
.detailList-link-inputDate::before {
  content: "\f0ef";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.25em;
  font-size: 1.2em;
}

.dropdown-toggle {
  justify-content: flex-start;
  position: relative;
  padding-right: 2.5rem;
  text-align: left;
}
.sidebarFullScreen .dropdown-toggle {
  width: 100%;
}
.dropdown-toggle::after {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}
.dropdown-toggle-split {
  padding: 0;
}
.dropdown-toggle-split::after {
  right: 50%;
  transform: translate(50%, -50%);
}
.dropdown-toggle.btn-outline-secondary.show, .dropdown-toggle.btn-outline-secondary:active {
  border-color: #9ea8b1;
  background-color: #f3f6fa;
  color: #212529;
}
.table td .dropdown-toggle.badge-status {
  justify-content: center;
  padding-right: 1.25em;
  padding-left: 1.25em;
  text-align: center;
}
.table td .dropdown-toggle.badge-status::after {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
}
.dropdown-menu {
  overflow-y: auto;
  max-height: 40vh;
  z-index: 1021;
}
.dropdown-menu::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.dropdown-menu::-webkit-scrollbar-track {
  background-color: #fff;
}
.dropdown-menu::-webkit-scrollbar-thumb {
  border-radius: 1em;
  border: 2px solid #fff;
  background-color: #e5e9ee;
}
.dropdown-menu {
  scrollbar-width: thin;
  scrollbar-color: #e5e9ee transparent;
}
.headerUtility-item-cart .dropdown-menu, .headerUtility-item-user .dropdown-menu {
  position: fixed !important;
  overflow-y: visible;
  width: 100%;
  max-height: none;
}
.headerUtility-item-cart .dropdown-menu::before, .headerUtility-item-user .dropdown-menu::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  z-index: 1020;
  transform: translate(50%, -100%);
  border-width: 0 8px 8px 8px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  width: 0;
  height: 0;
}
.headerUtility-item-cart .dropdown-menu {
  width: 100%;
}
.headerUtility-item-cart .dropdown-menu::before {
  right: 125px;
}
.headerUtility-item-user .dropdown-menu::before {
  right: 25px;
}
.headerFullScreen .dropdown-menu {
  position: fixed !important;
}
.sidebarFullScreen .dropdown-menu {
  width: 100%;
}
.dropdown-item.active {
  pointer-events: none;
}
.dropdown-item .mdi {
  margin-right: 0.25em;
  line-height: 1;
  vertical-align: middle;
}
.dropdown-item .mdi::before {
  font-size: 1.2em;
}
.dropify-wrapper {
  height: 400px;
}
.dropify-sm .dropify-wrapper {
  height: 200px;
}
.dropify-wrapper:hover {
  background-image: linear-gradient(-45deg, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent);
}
.dropify-wrapper.touch-fallback {
  display: flex;
  flex-direction: column;
}
.dropify-wrapper.touch-fallback .formUpload-note {
  order: 1;
}
.has-preview .dropify-clear {
  display: inline-flex !important;
  background: #fff;
  font-size: 1.4rem;
  font-weight: 400;
  color: #e53935;
}
.dropify-wrapper.touch-fallback .dropify-clear {
  top: 10px;
  bottom: auto;
  border: 1px solid #9ea8b1;
  color: #e53935;
}
.dropify-clear:hover {
  background: #fff !important;
  color: #c62828;
}
.dropify-wrapper.has-preview.touch-fallback .dropify-preview {
  background-color: transparent !important;
}
.collapse-inner .dropify-wrapper .dropify-preview {
  background-color: #f3f6fa;
}
.dropify-render img {
  background-color: transparent !important;
}
.has-preview .dropify-infos {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.dropify-wrapper.has-preview.touch-fallback .dropify-preview .dropify-infos {
  background-color: transparent !important;
}
.dropify-wrapper.has-preview.touch-fallback .dropify-preview .dropify-infos-inner {
  margin-top: 10px;
  padding: 0 !important;
}
.has-preview .dropify-infos-message {
  opacity: 1 !important;
  font-size: 1.6rem !important;
  font-weight: 400 !important;
}
.dropify-wrapper.has-preview.touch-fallback .dropify-preview .dropify-infos-message {
  overflow: visible !important;
  color: #6b7681 !important;
  text-align: center !important;
  text-overflow: clip !important;
  white-space: normal !important;
}
.dropify-wrapper.has-preview.touch-fallback .dropify-preview .dropify-infos-message .btn {
  border-color: #9ea8b1 !important;
  background-color: #fff !important;
  color: #212529 !important;
}
.has-preview .dropify-filename {
  font-size: 1.6rem !important;
  font-weight: 400 !important;
}
.dropify-wrapper.has-preview.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner .dropify-filename {
  color: #6b7681;
  text-align: center !important;
}
.dropify-wrapper.has-error {
  border-color: #d7dce2 !important;
}
.dropify-errors-container {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5) !important;
  text-align: center !important;
}
.dropify-errors-container ul {
  position: static !important;
  transform: none !important;
}
.dropify-errors-container ul li {
  margin: 0 !important;
  font-weight: 400 !important;
}

.ex-popup-box {
  display: none;
  z-index: 1060;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  width: 400px;
  max-width: calc(100% - 20px);
  height: auto;
  background-color: #fff;
}
.ex-popup-box .ex-popup-box *:focus {
  outline: none;
}
.ex-popup-box .title {
  cursor: move;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 1.5rem;
  border: none;
  border-bottom: 1px solid #d7dce2;
  background-image: none;
  font-size: 2rem;
  line-height: 1.5;
}
.ex-popup-box .title .close {
  display: inline-block;
  opacity: 0.5;
  box-sizing: content-box;
  margin-left: 10px;
  padding: 0.25em;
  width: 1em;
  height: 1em;
  background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  font-size: 1.4rem;
  color: transparent;
}
.ex-popup-box .title .close:hover {
  opacity: 0.75;
}
.ex-popup-box .detail {
  background-color: #fff;
}

.ex-popup-box-m {
  width: 600px;
}

.ex-popup-box-xl {
  width: 800px;
}

.ex-popup-overlay {
  display: none;
  opacity: 0.5 !important;
  position: fixed !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.iframe-container iframe {
  overflow: auto;
  border: none;
  width: 100%;
  height: 100% !important;
  vertical-align: bottom;
}

.iframe-container-xxl iframe {
  min-height: 500px;
}

.iframe-container-xl iframe {
  min-height: 430px;
}

.iframe-container-l iframe {
  min-height: 350px;
}

.iframe-container-m iframe {
  min-height: 270px;
}

.iframe-container-s iframe {
  min-height: 220px;
}

.iframe-container-xs iframe {
  min-height: 170px;
}

.popup {
  height: 100%;
  background-color: transparent;
}
.popup body {
  height: 100%;
  background-color: transparent;
}
.popup-wrapper {
  padding: 1.5rem;
  min-height: 100%;
}
.popup-wrapper-footer-btn {
  padding-bottom: calc(71px + 1.5rem);
}
.popup-wrapper > div {
  min-height: 100%;
}
.popup-form {
  position: relative;
  min-height: 100%;
}
.popup-form-trim-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-form-trim-image .row {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
}
.popup-form-footer-btn {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 1.5rem;
  border-top: 1px solid #d7dce2;
  border-radius: 0 0 4px 4px;
  width: 100%;
  background-color: #fff;
  text-align: right;
}
.popup-form-footer-btn .btn {
  min-width: 120px;
}
.popup-form-footer-btn .btn:not(:first-child) {
  margin-left: 0.5rem;
}

.exListSorter thead .exListSorter-clickable {
  padding: 0;
}
.exListSorter-title {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  display: flex;
  align-items: center;
  padding: 1rem 1rem;
  width: 100%;
  height: 100%;
  color: #de431d;
}
.exListSorter-title::after {
  font-size: 1.2em !important;
  margin-left: 0.25em;
}
.device-pc .exListSorter-title-default::after {
  content: "\f05d";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  transition: opacity 0.15s;
}
.device-pc .exListSorter-title-default:hover::after, .device-pc .exListSorter-title-default:focus::after {
  opacity: 1;
}
.exListSorter-title-asc::after, .exListSorter-title-desc::after {
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.exListSorter-title-asc::after {
  content: "\f05d";
}
.exListSorter-title-desc::after {
  content: "\f045";
}
.exToggleDisplayTableCell th,
.exToggleDisplayTableCell td {
  display: none;
}
.exToggleDisplayTableCell th.persist,
.exToggleDisplayTableCell td.persist {
  display: table-cell;
}
.exToggleDisplayTableCell th.essential,
.exToggleDisplayTableCell td.essential {
  display: table-cell;
}
.exToggleDisplayTableCellMenu {
  margin-left: auto;
}
.exToggleDisplayTableCellMenu-item .form-check {
  position: relative;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 1.4rem;
}
.exToggleDisplayTableCellMenu-item .form-check-input {
  position: absolute;
  top: 50%;
  left: 1rem;
  float: none;
  transform: translateY(-50%);
  margin-top: 0 !important;
  margin-left: 0;
}
.exToggleDisplayTableCellMenu-item .form-check-label {
  display: block;
  padding: 0.75rem 1rem 0.75rem calc(1rem + 2rem + .5rem);
  width: 100%;
  white-space: nowrap;
}
.exToggleDisplayTableCellMenu-item .form-check-label:hover, .exToggleDisplayTableCellMenu-item .form-check-label:focus {
  background-color: #e5e9ee;
}
.favoriteAddList {
  max-width: 300px;
}
.favoriteAddList-link {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  display: flex;
  align-items: center;
  padding: 0.5em 1rem;
  width: 100%;
  min-height: 40px;
  white-space: nowrap;
  transition: background-color 0.15s;
}
.favoriteAddList-link:hover, .favoriteAddList-link:focus {
  background-color: #f3f6fa;
}
.favoriteAddList-link-category {
  background-color: #fdeeea;
}
.favoriteAddList-link-category:hover, .favoriteAddList-link-category:focus {
  background-color: #fdeeea;
}
.favoriteAddList-link-category::before {
  content: "\f04d";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.5em;
  color: #2962ff;
}
.favoriteAddList-link-hasChild::after {
  content: "\f054";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0.5em;
}
.favoriteAddList-link.selected {
  pointer-events: none;
}
.favoriteAddList-folderName {
  overflow: hidden;
  margin-right: auto;
  text-overflow: ellipsis;
}
.favoriteAddList-link.selected .favoriteAddList-folderName {
  color: #6b7681;
}
.favoriteAddList-count {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  padding: 0 0.25em;
  border: 1px solid #d7dce2;
  border-radius: 0.4rem;
  min-width: 18px;
  height: 18px;
  background-color: #fff;
  font-size: 1.2rem;
  line-height: 1.2;
  text-align: center;
}
.favoriteAddList-selected {
  flex-shrink: 0;
  margin-left: 5px;
  font-size: 1.2rem;
}
.favoriteAddList-selected::before {
  content: "\f4ce";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.4rem;
  color: #ffb300;
}

.flatpickr-calendar.open {
  z-index: 1070;
}
.flatpickr-prev-month, .flatpickr-next-month {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flatpickr-prev-month:hover svg, .flatpickr-next-month:hover svg {
  fill: #ea5529 !important;
}
.flatpickr-current-month {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}
.flatpickr-monthDropdown-months {
  margin-left: 5px;
}
.flatpickr-monthDropdown-month {
  font-size: 1.4rem;
}
.flatpickr-weekdays {
  border-bottom: 1px solid #d7dce2;
}
.flatpickr-weekday:first-child {
  color: #e53935;
}
.flatpickr-weekday:last-child {
  color: #2578d7;
}
.flatpickr-day {
  font-size: 1.5rem;
  line-height: 37px;
  transition: border-color 0.15s, background-color 0.15s, color 0.15s;
}
.flatpickr-day:hover, .flatpickr-day:focus {
  border-color: #f3f6fa;
  background-color: #f3f6fa;
}
.flatpickr-day.today {
  border-color: #9ea8b1;
}
.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  border-color: #9ea8b1;
  background-color: #9ea8b1;
}
.flatpickr-day.selected {
  border-color: #ea5529;
  background-color: #ea5529;
}
.flatpickr-day.selected:hover, .flatpickr-day.selected:focus {
  border-color: #de431d;
  background-color: #de431d;
}

.form-control, .form-select {
  max-width: 100%;
  min-height: 40px;
}
.form-control-sm, .form-select-sm {
  min-height: 32px;
}
.form-check {
  font-size: 1.6rem;
  line-height: 1.6;
}
.form-check-input {
  vertical-align: middle;
}
.form-check .form-check-input {
  margin-top: 0.2rem;
}
.form-check-input.is-invalid:checked {
  border-color: #ea5529;
  background-color: #ea5529;
}
.form-check-input.is-invalid:checked:focus {
  box-shadow: 0 0 0 0.25rem rgba(234, 85, 41, 0.25);
}
.form-check-input.is-invalid:checked ~ .form-check-label {
  color: #212529;
}
.form-check-input:disabled:not(:checked) {
  background-color: #d7dce2;
}
.form-check-input:disabled + .form-check-label {
  pointer-events: none;
}
.form-switch .form-check-label {
  font-size: 1.4rem;
}

.formGrid {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
}
.formGrid-lg {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.formGrid-col2 {
  grid-template-columns: repeat(2, 1fr);
}
.formGrid.formGrid-checkInputHidden .form-check-input {
  display: none;
}
.formGrid.formGrid-checkInputHidden .form-check-label {
  justify-content: center;
  padding-left: 1rem;
  text-align: center;
}
.formGrid.formGrid-img .form-check {
  margin: 0;
  min-width: auto;
}
.formGrid.formGrid-img .form-check-input {
  display: none;
}
.formGrid.formGrid-img .form-check-input:checked + .form-check-label {
  color: #ea5529;
}
.formGrid.formGrid-img .form-check-label {
  display: flex;
  flex-direction: column;
  padding-left: 1rem;
  font-size: 1.2rem;
  color: #6b7681;
  text-align: center;
}
.formList {
  line-height: 1.6;
}
.formList-item:not(:first-child) {
  margin-top: 20px;
}
.tablePhotoDetail-item .formList-item:not(:first-child) {
  margin-top: 1em;
}
.formList-header {
  display: flex;
  align-items: flex-end;
  margin-bottom: 0.5em;
  line-height: 1.4;
}
.formList-header .icon + .badge {
  margin-left: 8px !important;
}
.formList-header .badge {
  white-space: nowrap;
}
.formList-label {
  margin-right: 0.5em;
}
.formList-note {
  margin-top: 0.5em;
  font-size: 1.2rem;
  color: #6b7681;
}

.formRow {
  display: flex;
  align-items: center;
}
.formRow > span:not(.select2) {
  flex-shrink: 0;
}
.formRow > hr {
  flex-shrink: 0;
  opacity: 1;
  margin-top: 0;
  margin-bottom: 0;
  width: 1px;
  height: 40px;
  background-color: #d7dce2;
}
.formRow-group {
  flex-wrap: wrap;
  gap: 1rem 1rem;
}
.formRow-item {
  display: flex;
  align-items: center;
}
.formRow-item > span {
  flex-shrink: 0;
}
.formRow-btn .btn {
  flex-shrink: 0;
  margin-left: 1rem;
}
.formRow-btnWrap {
  display: grid;
  grid-gap: 1rem 1rem;
  grid-template-areas: "form form" "btn1 btn2";
  grid-template-columns: repeat(2, 1fr);
}
.formRow-btnWrap > .formRow-btnWrapMain,
.formRow-btnWrap > .form-control,
.formRow-btnWrap > .form-select,
.formRow-btnWrap > .select2-container {
  grid-area: form;
}
.formRow-btnWrap .formRow-btnWrapMain {
  display: flex;
  align-items: center;
}
.formRow-btnWrap > .btn:first-of-type {
  grid-area: btn1;
}
.formRow-btnWrap > .btn:nth-of-type(2) {
  grid-area: btn2;
}
.formRow-check {
  flex-wrap: wrap;
  gap: 1rem 1rem;
}
.sidebarSettingDetail .formRow-check, .sidebarFullScreen-body-detail .formRow-check {
  display: block;
  margin: 0;
}
.formRow-check .form-check {
  margin-bottom: 0;
  width: 100%;
}
.sidebarSettingDetail .formRow-check .form-check, .sidebarFullScreen-body-detail .formRow-check .form-check {
  margin: 0;
  width: 100%;
}
.formRow-check .form-check[class*=min-w-] {
  width: auto;
}
.sidebarSettingDetail .formRow-check .form-check:not(:first-child), .sidebarFullScreen-body-detail .formRow-check .form-check:not(:first-child) {
  margin-top: 1rem;
}
.formSearch {
  position: relative;
  width: 100%;
  max-width: 300px;
}
.formSearch::before {
  content: "\f349";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  font-size: 1.2em;
  color: #6b7681;
}
.formSearch-input {
  padding-left: 30px;
}
.formSearch-result .formSearch-input {
  padding-right: 40px;
}
.formSearch-clear {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
}
.formSearch-result .formSearch-clear {
  display: flex;
  justify-content: center;
  align-items: center;
}
.formSearch-clear::before {
  content: "\f159";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.2em;
  color: #6b7681;
}

.formStep {
  margin-bottom: 20px;
}
.formStep-sp {
  display: flex;
  align-items: center;
}
.formStep-order {
  margin-right: 10px;
}
.formStep-title {
  font-size: 1.6rem;
}
.formStep-pc {
  display: none;
}
.formStep-list {
  display: flex;
}
.formStep-item {
  counter-increment: order;
  flex: 1;
  position: relative;
  font-size: 1.4rem;
  line-height: 1.4;
  text-align: center;
}
.formStep-item::before, .formStep-item::after {
  content: "";
  display: block;
  position: absolute;
  top: 19px;
  width: 50%;
  height: 2px;
  background-color: #bbc2ca;
}
.formStep-item::before {
  left: 0;
}
.formStep-item::after {
  right: 0;
}
.formStep-item:first-child::before {
  content: none;
}
.formStep-item:last-child::after {
  content: none;
}
.formStep-item.is-done::before, .formStep-item.is-done::after {
  background-color: #ea5529;
}
.formStep-item.is-current::before {
  background-color: #ea5529;
}
.formStep-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
  padding: 0 10px;
  color: #6b7681;
  text-align: center;
}
.formStep-item.is-current .formStep-label {
  color: #212529;
}
.formStep-label::before {
  content: counter(order);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  border: 2px solid #bbc2ca;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: #f3f6fa;
  font-size: 2rem;
}
.modal .formStep-label::before {
  background-color: #fff;
}
.formStep-item.is-done .formStep-label::before {
  border-color: #ea5529;
  background-color: #ea5529;
  color: #fff;
}
.formStep-item.is-current .formStep-label::before {
  border-color: #ea5529;
  color: #ea5529;
}

.formUpload {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  border: 2px dashed #d7dce2;
  min-height: 100px;
  background-color: #f3f6fa;
  line-height: 1.4;
  text-align: center;
}
.formUpload-title {
  font-size: 1.6rem;
}
.dropify-wrapper.has-preview.touch-fallback .formUpload-title {
  display: none;
}
.formUpload-note {
  margin-top: 1em;
  font-size: 1.2rem;
}

.icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
  line-height: 1;
  vertical-align: middle;
}
.icon::before {
  font-size: 1.2em;
}
.formList-label .icon {
  margin-left: 0.25em;
}
.icon-help {
  color: rgba(33, 37, 41, 0.65);
}
.icon-help::before {
  content: "\f625";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-shipping, .icon-arrival, .icon-warehouse {
  background: center center/contain no-repeat;
}
.icon-shipping {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="%23262f38" d="M6 20q-1.25 0-2.125-.875T3 17H1V6q0-.825.588-1.412Q2.175 4 3 4h14v4h3l3 4v5h-2q0 1.25-.875 2.125T18 20q-1.25 0-2.125-.875T15 17H9q0 1.25-.875 2.125T6 20Zm0-2q.425 0 .713-.288Q7 17.425 7 17t-.287-.712Q6.425 16 6 16t-.713.288Q5 16.575 5 17t.287.712Q5.575 18 6 18Zm-3-3h.8q.425-.45.975-.725Q5.325 14 6 14t1.225.275q.55.275.975.725H15V6H3Zm15 3q.425 0 .712-.288Q19 17.425 19 17t-.288-.712Q18.425 16 18 16t-.712.288Q17 16.575 17 17t.288.712Q17.575 18 18 18Zm-1-5h4.25L19 10h-2Zm-8-2.5Z"/></svg>');
}
.sidebarMenu-btn:hover .icon-shipping, .sidebarMenu-btn:focus .icon-shipping, [data-sidebar-type=full] .sidebarMenu-btn.is-open .icon-shipping {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="%23ea5529" d="M6 20q-1.25 0-2.125-.875T3 17H1V6q0-.825.588-1.412Q2.175 4 3 4h14v4h3l3 4v5h-2q0 1.25-.875 2.125T18 20q-1.25 0-2.125-.875T15 17H9q0 1.25-.875 2.125T6 20Zm0-2q.425 0 .713-.288Q7 17.425 7 17t-.287-.712Q6.425 16 6 16t-.713.288Q5 16.575 5 17t.287.712Q5.575 18 6 18Zm-3-3h.8q.425-.45.975-.725Q5.325 14 6 14t1.225.275q.55.275.975.725H15V6H3Zm15 3q.425 0 .712-.288Q19 17.425 19 17t-.288-.712Q18.425 16 18 16t-.712.288Q17 16.575 17 17t.288.712Q17.575 18 18 18Zm-1-5h4.25L19 10h-2Zm-8-2.5Z"/></svg>');
}
.icon-arrival {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="%23262f38" d="M3 20V8.7q-.425-.275-.712-.7Q2 7.575 2 7V4q0-.825.588-1.413Q3.175 2 4 2h16q.825 0 1.413.587Q22 3.175 22 4v3q0 .575-.288 1-.287.425-.712.7V20q0 .825-.587 1.413Q19.825 22 19 22H5q-.825 0-1.413-.587Q3 20.825 3 20ZM5 9v11h14V9Zm15-2V4H4v3ZM9 14h6v-2H9Zm-4 6V9v11Z"/></svg>');
}
.sidebarMenu-btn:hover .icon-arrival, .sidebarMenu-btn:focus .icon-arrival, [data-sidebar-type=full] .sidebarMenu-btn.is-open .icon-arrival {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="%23ea5529" d="M3 20V8.7q-.425-.275-.712-.7Q2 7.575 2 7V4q0-.825.588-1.413Q3.175 2 4 2h16q.825 0 1.413.587Q22 3.175 22 4v3q0 .575-.288 1-.287.425-.712.7V20q0 .825-.587 1.413Q19.825 22 19 22H5q-.825 0-1.413-.587Q3 20.825 3 20ZM5 9v11h14V9Zm15-2V4H4v3ZM9 14h6v-2H9Zm-4 6V9v11Z"/></svg>');
}
.icon-warehouse {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="%23262f38" d="M4 19h2v-8h12v8h2V8.35l-8-3.2-8 3.2Zm-2 2V7l10-4 10 4v14h-6v-8H8v8Zm7 0v-2h2v2Zm2-3v-2h2v2Zm2 3v-2h2v2ZM6 11h12Z"/></svg>');
}
.sidebarMenu-btn:hover .icon-warehouse, .sidebarMenu-btn:focus .icon-warehouse, [data-sidebar-type=full] .sidebarMenu-btn.is-open .icon-warehouse {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="%23ea5529" d="M4 19h2v-8h12v8h2V8.35l-8-3.2-8 3.2Zm-2 2V7l10-4 10 4v14h-6v-8H8v8Zm7 0v-2h2v2Zm2-3v-2h2v2Zm2 3v-2h2v2ZM6 11h12Z"/></svg>');
}

.modal-open .lg-backdrop {
  z-index: 1061;
}
.lg-backdrop.in {
  background-color: rgba(0, 0, 0, 0.8);
}
.modal-open .lg-outer {
  z-index: 1062;
}

.swal2-popup.swal2-toast [class^=link-] {
  text-decoration: underline;
}
.swal2-popup.swal2-toast [class^=link-]:hover, .swal2-popup.swal2-toast [class^=link-]:focus {
  text-decoration: none;
}

.list-group-item {
  display: flex;
  align-items: center;
  line-height: 1.6;
  transition: background-color 0.3s;
}
.list-group-item-folder {
  position: relative;
  padding-left: calc(1.8em + 1rem);
}
.list-group-item-folder::before {
  content: "\f24b";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  font-size: 1.2em;
  color: #6b7681;
}
.list-group-item.active {
  border-color: #d7dce2;
  background-color: #fdeeea;
  pointer-events: none;
}
.list-group-item.unread {
  background-color: #fff9ea;
}
.list-group-item:hover, .list-group-item:focus {
  color: #212529;
}
.list-group-item:hover.unread, .list-group-item:focus.unread {
  background-color: #fef2d5;
}
.list-group-inner {
  overflow: hidden;
  gap: 0 1em;
}
.list-group-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  margin-bottom: 0.5em;
  gap: 0.5em;
}
.list-group-date {
  width: 7.5rem;
}
.list-group-badge-read {
  width: 4.2rem;
}
.list-group-badge-category {
  width: 5.7rem;
}
.list-group-badge .badge {
  width: 100%;
}

.list-ul .list-ul,
.list-ul .list-ol, .list-ol .list-ul,
.list-ol .list-ol, .list-notes .list-ul,
.list-notes .list-ol {
  margin-top: 0.5em;
}
.list-notes > li {
  padding-left: 1em;
}
.list-notes > li::before {
  content: "※";
  left: 0;
}

.message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.message-img {
  line-height: 1;
}
.message-img .mdi {
  color: #d7dce2;
}
.message-img .mdi::before {
  font-size: 10rem;
}
.message-img svg {
  width: 10rem;
  height: auto;
}
.message-img svg path {
  fill: rgba(107, 118, 129, 0.5);
}
.message-text {
  margin-top: 1rem;
}

.modal-title {
  font-size: 2rem;
}
.modal-title .mdi {
  margin-right: 0.25em;
  line-height: 1;
  vertical-align: middle;
}
.modal-title .mdi::before {
  font-size: 1.2em;
}
.modal-title-search::before {
  content: "\f349";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.25em;
  font-size: 1.2em;
  vertical-align: middle;
}
.modal-footer .btn {
  min-width: calc(50% - 1rem);
}
.modal-sm .modal-footer .btn {
  min-width: calc(50% - 1rem);
}
.modal-footer-col3 .btn {
  min-width: calc(33.3333333333% - 1rem);
}
.modal-fullscreen {
  margin: 0;
  max-width: none;
  height: 100%;
}

.monitoringDetail {
  position: relative;
  padding: 15px;
  border: 2px solid #9ea8b1;
  border-radius: 4px;
  background-color: #fff;
}
.browser-app .monitoringDetail {
  padding: 16px;
  border-color: rgba(0, 0, 0, 0.38);
}
.browser-app-TB .monitoringDetail {
  padding: 24px;
}
.monitoringDetail-title {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #9ea8b1;
  font-weight: 700;
  color: #212529;
}
.browser-app .monitoringDetail-title {
  border-bottom-color: rgba(0, 0, 0, 0.38);
  color: rgba(0, 0, 0, 0.6);
}
.monitoringDetail-title::before {
  display: inline-block;
  padding: 0 0.5em;
  border: 1px solid #d7dce2;
  border-radius: 3px;
  font-weight: 400;
  color: #212529;
  content: attr(data-monitoring-title);
  margin-right: 0.5em;
}
.monitoringDetail-label br {
  display: none;
}
* + .monitoringDetail-label {
  margin-left: 1em;
}
.browser-app .monitoringDetail-list {
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.browser-app-TB .monitoringDetail-list {
  -moz-column-gap: 24px;
       column-gap: 24px;
}
.monitoringDetail-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid #d7dce2;
  font-weight: 700;
  text-align: right;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.browser-app .monitoringDetail-item {
  padding: 8px 0;
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.browser-app-TB .monitoringDetail-item {
  padding: 12px 0;
}
.monitoringDetail-item::before {
  content: attr(data-monitoring-title);
  margin-right: auto;
  padding-right: 1em;
  width: calc(50% + 1em);
  font-weight: 400;
  color: #212529;
}
.browser-app .monitoringDetail-item::before {
  color: rgba(0, 0, 0, 0.6);
}

.monitoringHeader {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d7dce2;
}
.monitoringHeader-name {
  display: none;
}
.monitoringHeader-progress {
  display: none;
}
.monitoringHeader-detail {
  display: table;
  width: 100%;
  text-align: center;
  table-layout: fixed;
}
.monitoringHeader-item {
  padding: 1rem 1rem;
}
.monitoringHeader-detail .monitoringHeader-item {
  display: table-cell;
  vertical-align: middle;
}
.monitoringHeader-detail .monitoringHeader-item:nth-child(odd) {
  background-color: #f3f6fa;
}
.monitoringHeader-colspan {
  margin: 1rem 1rem 0;
  padding: 0.25em 0.5em;
  border: 1px solid #d7dce2;
  border-radius: 3px;
  width: 100%;
  text-align: center;
}

.monitoringList {
  margin: 0 -15px;
  border-top: 1px solid #d7dce2;
  line-height: 1.6;
}
.browser-app .monitoringList {
  margin-right: -16px;
  margin-left: -16px;
  border-top: none;
  max-width: none;
}
.browser-app-TB .monitoringList {
  margin-right: -32px;
  margin-left: -32px;
}
.monitoringList-item {
  background-color: #fff;
}
.monitoringList-title {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 5;
  margin-bottom: 0;
  padding: 10px 15px;
  border-bottom: 1px solid #d7dce2;
  background-color: #f3f6fa;
  font-size: 1.8rem;
  font-weight: 700;
  color: #212529;
  line-height: 1.4;
}
.browser-app .monitoringList-title {
  padding: 16px;
  border-bottom-color: rgba(0, 0, 0, 0.12);
  background-color: #ECEFF1;
}
.browser-app-TB .monitoringList-title {
  padding: 16px 32px;
  height: 65px;
  font-size: 2.7rem;
}
.monitoringList-header {
  display: none;
}
.browser-app-TB .monitoringList-title + .monitoringList-header {
  top: 65px;
}
.monitoringList-row {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid #d7dce2;
}
.browser-app .monitoringList-row {
  padding: 16px;
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.browser-app-TB .monitoringList-row {
  padding: 32px;
}
.browser-app .monitoringList-row:last-child {
  border-bottom: none;
}
.monitoringList-name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 700;
  color: #212529;
  gap: 0 0.75em;
}
.browser-app .monitoringList-name {
  color: rgba(0, 0, 0, 0.6);
}
.browser-app-TB .monitoringList-name {
  font-size: 2.7rem;
}
.monitoringList-progress {
  margin: 10px auto;
  max-width: 500px;
}
.browser-app-TB .monitoringList-progress {
  margin: 15px auto;
  max-width: 750px;
}
.monitoringList-detail {
  margin-top: 10px;
}

.monitoringProgress {
  display: flex;
  justify-content: space-between;
  padding: 1.5em 0;
}
.monitoringProgress-item {
  flex: 1;
  display: flex;
  justify-content: center;
  position: relative;
}
.monitoringProgress-item::before, .monitoringProgress-item::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 2px);
  width: 50%;
  height: 4px;
  background-color: #d7dce2;
}
.monitoringProgress-item::before {
  left: -1px;
}
.monitoringProgress-item::after {
  right: -1px;
}
.monitoringProgress-item:first-child::before {
  content: none;
}
.monitoringProgress-item:last-child::after {
  content: none;
}
.monitoringProgress-item-danger {
  cursor: pointer;
}
.monitoringProgress-item.current::before {
  background-color: #00c853;
}
.monitoringProgress-item.finished::before, .monitoringProgress-item.finished::after {
  background-color: #00c853;
}
.monitoringProgress-item .chartPie {
  position: relative;
  z-index: 2;
}

.nav-category {
  list-style: none;
  padding-left: 0;
  line-height: 1.6;
}
.nav-category-item {
  position: relative;
}
.nav-category-link {
  display: block;
  padding: 0.5em 0;
  color: #212529;
}
.nav-category-link:hover, .nav-category-link:focus {
  color: #ea5529;
}
.nav-category-link.active {
  font-weight: 700;
  color: #ea5529;
}

.nav-pills {
  margin-bottom: 20px;
  min-height: 40px;
}
.nav-lg {
  line-height: 1.4;
}
.nav-pills .nav-link {
  margin-left: -1px;
  border: 1px solid #bbc2ca;
  background-color: #fff;
  transition: background-color 0.15s;
}
.nav-lg .nav-link {
  padding: 0.5rem 0.75rem;
}
.nav-pills .nav-link:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.nav-pills .nav-link:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.nav-pills .nav-link.active {
  border-color: #ea5529;
}
.nav-pills .nav-link:not(.active):hover, .nav-pills .nav-link:not(.active):focus {
  position: relative;
  z-index: 1;
  border-color: #ea5529;
  background-color: #fdeeea;
}

.orderList {
  border-right: 1px solid #d7dce2;
  border-left: 1px solid #d7dce2;
  background-color: #fff;
  line-height: 1.6;
}
.orderList-row {
  display: grid;
  padding: 10px;
  border-bottom: 1px solid #d7dce2;
  grid-gap: 10px;
}
.orderList-row-header {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  z-index: 1020;
  border-top: 1px solid #d7dce2;
  background-color: #fdeeea;
  grid-template-areas: "checkbox img";
  grid-template-columns: 2rem 1fr;
}
.orderList-confirm .orderList-row-header, .orderList-reorder .orderList-row-header {
  display: none;
  top: 0;
}
.orderList-cart .orderList-row-body {
  grid-template-areas: "checkbox img detail" ". unit unit" ". send send" ". quantity quantity" ". subtotal subtotal";
  grid-template-columns: 2rem 100px 1fr;
}
.orderList-confirm .orderList-row-header + .orderList-row-body, .orderList-reorder .orderList-row-header + .orderList-row-body {
  border-top: 1px solid #d7dce2;
}
.orderList-confirm .orderList-row-body {
  grid-template-areas: "img detail" "unit unit" "send send" "quantity quantity" "subtotal subtotal";
  grid-template-columns: 100px 1fr;
}
.orderList-reorder .orderList-row-body {
  grid-template-areas: "img detail" "unit unit" "send send" "quantity quantity" "subtotal subtotal" "form form";
  grid-template-columns: 100px 1fr;
}
.orderList-item-checkbox {
  align-self: center;
  grid-area: checkbox;
}
.orderList-item-img {
  grid-area: img;
}
.orderList-item-detail {
  grid-area: detail;
}
.orderList-row-header .orderList-item-detail, .orderList-row-header .orderList-item-unit, .orderList-row-header .orderList-item-send, .orderList-row-header .orderList-item-quantity, .orderList-row-header .orderList-item-subtotal, .orderList-row-header .orderList-item-form {
  display: none;
}
.orderList-item-unit {
  grid-area: unit;
}
.orderList-item-send {
  grid-area: send;
}
.orderList-item-quantity {
  grid-area: quantity;
}
.orderList-cart .orderList-row-body .orderList-item-quantity {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.orderList-row-header .orderList-item-quantity .orderList-confirm,
.orderList-row-header .orderList-item-quantity .orderList-reorder {
  text-align: right;
}
.orderList-cart .orderList-row-body .orderList-item-quantity .form-control {
  max-width: 6em;
}
.orderList-item-subtotal {
  text-align: right;
  grid-area: subtotal;
}
.orderList-item-form {
  grid-area: form;
}
.orderList-imgWrapper {
  display: block;
  width: 100px;
  height: 100px;
  background-color: #f3f6fa;
}
.orderList-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.orderList-badge {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-right: -0.5rem;
}
.orderList-badge .orderList-badgeText,
.orderList-badge .badge,
.orderList-badge .icon {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.orderList-code {
  margin-bottom: 0.25em;
}
.orderList-name {
  font-size: 1.6rem;
  line-height: 1.4;
}
.orderList-quantityText {
  flex-shrink: 0;
  margin-right: 0.5em;
}
.orderList-subtotalText {
  flex-shrink: 0;
  margin-right: 0.5em;
}
.orderList-cart .btn {
  width: 100%;
}
.orderList-favorite {
  margin-top: 10px;
}

.page-item {
  display: none;
  line-height: 1.5;
}
.page-item-prev, .page-item-next {
  display: block;
}
.page-item-select {
  display: block;
  position: relative;
  z-index: 1;
  margin-left: -1px;
  width: calc(100% - 160px);
  max-width: 180px;
}
.page-item-prev, .page-item-next {
  width: 80px;
}
.page-item-prev .page-link::before {
  content: "\f04d";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.25em;
  font-size: 1.2em;
}
.page-item-next .page-link::after {
  content: "\f054";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0.25em;
  font-size: 1.2em;
}
.page-item-ellipsis {
  display: none;
  margin-left: -1px;
  padding: 0.75rem 0.5rem;
  border: 1px solid #bbc2ca;
  min-width: 40px;
  min-height: 40px;
  background-color: #fff;
  text-align: center;
}
.page-select {
  border-radius: 0;
  width: 100%;
  height: 100%;
  min-height: auto;
}
.page-label {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 0.25em 1.5em;
  border: 1px solid #bbc2ca;
  width: 100%;
  height: 100%;
  background-color: #fff;
  font-size: 1.6rem;
  text-align: center;
  pointer-events: none;
}
.page-label::after {
  content: "\f140";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  font-size: 18px;
}
.page-link {
  min-width: 40px;
  min-height: 40px;
  text-align: center;
}
.page-link-prev::before, .page-link-next::before {
  font-size: 1.2em !important;
}
.page-link-prev::before {
  content: "\f141";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.page-link-next::before {
  content: "\f142";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pagination {
  justify-content: center;
}

.photoList {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 100%;
}
.photoList-sm {
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
}
.photoList-item {
  position: relative;
}
.photoList-link {
  display: block;
  position: relative;
  padding-top: 100%;
  height: 0;
  background-color: #f3f6fa;
}
.photoList-link::before {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  border: 1px solid #d7dce2;
  border-radius: 50%;
  background-color: #fff;
  content: "\f6ec";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #6b7681;
  bottom: 5px;
  left: 5px;
  width: 20px;
  height: 20px;
  font-size: 14px;
  z-index: 3;
}
.photoList-img {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
}
.photoList-img-portrait {
  width: auto;
  height: 100%;
}
.photoList-img-landscape {
  width: 100%;
  height: auto;
}
.photoList-delete {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -5px;
  right: -5px;
  z-index: 3;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  background-color: rgba(0, 0, 0, 0.65);
  font-size: 1.8rem;
  color: #fff;
}
.photoList-delete::before {
  content: "\f156";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.preloader {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  background: #fff;
}
.popup .preloader {
  border-radius: 0 0 4px 4px;
}
.preloader-translucent {
  background-color: rgba(255, 255, 255, 0.25);
}
.preloader-icon {
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  transform-origin: center;
  width: 40px;
  height: 40px;
  vertical-align: middle;
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
}
.preloader-icon circle {
  -webkit-animation: stretch calc(2s * 0.75) ease-in-out infinite;
          animation: stretch calc(2s * 0.75) ease-in-out infinite;
  fill: none;
  stroke: #ea5529;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
}
@-webkit-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes stretch {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dashoffset: -124px;
  }
}
@keyframes stretch {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dashoffset: -124px;
  }
}
.preloader-text {
  position: absolute;
  top: calc(50% + 40px);
  left: 0;
  padding: 0 15px;
  width: 100%;
  line-height: 1.6;
  text-align: center;
}
.preloader-text > span {
  display: inline-block;
  padding: 0.25em 1em;
  border-radius: 1em;
  max-width: 400px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
}

.productDetail .table td:first-child {
  padding-left: 0;
  width: 6em;
}
.productDetail .table td:last-child {
  padding-right: 0;
}
.productDetail-main {
  display: grid;
  grid-gap: 30px;
  grid-template-areas: "product-name" "gallery" "detail" "operation";
  grid-template-columns: 100%;
}
.productDetail-productName {
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  grid-area: product-name;
}
.productDetail-gallery {
  margin-top: -20px;
  grid-area: gallery;
}
.productDetail-detail {
  grid-area: detail;
}
.productDetail-operationList {
  grid-area: operation;
}
.productDetail-operationItem {
  padding: 1.5rem;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.5rem;
  background-color: #fff;
}
.productDetail-operationItem:not(:first-child) {
  margin-top: 15px;
}
.productDetail-operationBody {
  margin-top: 20px;
}
.productDetail-number {
  font-size: 2.2rem;
  font-weight: 700;
}
.productDetail-unitPrice {
  font-size: 1.2rem;
}
.productDetail-deadline {
  position: relative;
  margin-top: 20px;
  padding-left: 1.25em;
  font-size: 1.2rem;
}
.productDetail-deadline::before {
  content: "\f0f0";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  left: 0;
  line-height: inherit;
}
.productDetail-deadline br {
  display: none;
}
.productDetail-deadlineDate {
  color: #00c853;
}
.productDetail-noCancellation {
  margin-top: 10px;
  font-size: 1.2rem;
  color: #e53935;
}
.productDetail-form {
  display: grid;
  grid-gap: 10px;
  grid-template-areas: "form-quantity form-cart" "form-favorite form-favorite";
  grid-template-columns: 1fr 2fr;
  grid-area: form;
}
.productDetail-quantityInput {
  display: flex;
  align-items: center;
  grid-area: form-quantity;
}
.productDetail-quantityInputText {
  flex-shrink: 0;
  margin-right: 0.5em;
}
.productDetail-cart {
  grid-area: form-cart;
}
.productDetail-cart .btn {
  width: 100%;
}
.productDetail-favorite {
  grid-area: form-favorite;
}
.productDetail-sub {
  margin-top: 30px;
}
.productDetail-title {
  margin-bottom: 0.5em;
  padding-bottom: 0.25em;
  border-bottom: 1px solid #6b7681;
}
.productDetail-subTitle {
  margin-bottom: 0.5em;
}
* + .productDetail-subTitle {
  margin-top: 30px;
}

.productDetailSlider-slider .swiper-slide, .productDetailSlider-thumb .swiper-slide {
  background-color: #fff;
}
.modal-body .productDetailSlider-slider .swiper-slide, .modal-body .productDetailSlider-thumb .swiper-slide {
  background-color: #f3f6fa;
}
.productDetailSlider-slider .swiper-slide::before, .productDetailSlider-thumb .swiper-slide::before {
  content: "";
  display: block;
  padding-top: 100%;
  width: 100%;
  height: 0;
}
.productDetailSlider-slider img, .productDetailSlider-thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.productDetailSlider-slider .swiper-button-prev,
.productDetailSlider-slider .swiper-button-next {
  opacity: 0.75;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  background-color: #fff;
  font-size: 2rem;
  color: #6b7681;
  transition: opacity 0.3s;
}
.productDetailSlider-slider .swiper-button-prev:hover,
.productDetailSlider-slider .swiper-button-next:hover {
  opacity: 1;
}
.productDetailSlider-slider .swiper-button-prev.swiper-button-disabled,
.productDetailSlider-slider .swiper-button-next.swiper-button-disabled {
  opacity: 0.3;
}
.productDetailSlider-slider .swiper-button-prev::after {
  content: "\f04d";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.productDetailSlider-slider .swiper-button-next::after {
  content: "\f054";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.productDetailSlider-slider .swiper-pagination {
  bottom: 5px;
  padding-left: 5px;
  color: #6b7681;
  line-height: 1.5;
  text-align: left;
}
.productDetailSlider-thumb {
  margin-top: 10px;
}
.productDetailSlider-thumb .swiper-slide.swiper-slide-thumb-active::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid #ea5529;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.productList {
  border: 1px solid #d7dce2;
  background-color: #fff;
  line-height: 1.6;
}
.productList-row {
  display: grid;
  padding: 10px;
  grid-gap: 10px;
  grid-template-areas: "img detail" "img quantity" "deadline deadline" "price price" "form form";
  grid-template-columns: 100px 1fr;
}
.productList-row:not(:first-child) {
  border-top: 1px solid #d7dce2;
}
.productList-item-img {
  grid-area: img;
}
.productList-item-detail {
  grid-area: detail;
}
.productList-item-deadline {
  position: relative;
  padding-left: 1.25em;
  font-size: 1.2rem;
  grid-area: deadline;
}
.productList-item-deadline::before {
  content: "\f0f0";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  left: 0;
  line-height: inherit;
}
.productList-item-deadline br {
  display: none;
}
.productList-item-quantity {
  grid-area: quantity;
}
.productList-item-price {
  text-align: right;
  grid-area: price;
}
.productList-item-form {
  display: grid;
  grid-gap: 10px;
  grid-template-areas: "form-quantity form-cart form-favorite";
  grid-template-columns: 100px 1fr auto;
  grid-area: form;
}
.productList-imgWrapper {
  display: block;
  width: 100px;
  height: 100px;
  background-color: #f3f6fa;
}
.productList-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.productList-badge {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-right: -0.5rem;
}
.productList-badge .productList-badgeText,
.productList-badge .badge,
.productList-badge .icon {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.productList-code {
  margin-bottom: 0.25em;
}
.productList-name {
  display: block;
  font-size: 1.6rem;
  line-height: 1.4;
}
.productList-number {
  font-size: 1.8rem;
  font-weight: 700;
}
.productList-unitPrice {
  font-size: 1.2rem;
}
.productList-quantityInput {
  display: flex;
  align-items: center;
  grid-area: form-quantity;
}
.productList-quantityInputText {
  flex-shrink: 0;
  margin-right: 0.5em;
}
.productList-cart {
  grid-area: form-cart;
}
.productList-cart .btn {
  width: 100%;
}
.productList-favorite {
  grid-area: form-favorite;
}
.productList-favoriteBtn {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  text-align: center;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.productList-favoriteBtn::before {
  content: "\f4d2";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.8rem;
  color: #6b7681;
}
.productList-favoriteBtn.selected::before {
  content: "\f4ce";
  color: #ffb300;
}
.productList-favoriteBtn-delete {
  color: #e53935 !important;
}
.productList-favoriteBtn-delete::before {
  content: "";
  width: 2.8rem;
  height: 2.8rem;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="%23e53935" d="M7 21q-.825 0-1.412-.587Q5 19.825 5 19V6q-.425 0-.713-.287Q4 5.425 4 5t.287-.713Q4.575 4 5 4h4q0-.425.288-.713Q9.575 3 10 3h4q.425 0 .713.287Q15 3.575 15 4h4q.425 0 .712.287Q20 4.575 20 5t-.288.713Q19.425 6 19 6v13q0 .825-.587 1.413Q17.825 21 17 21ZM7 6v13h10V6Zm2 10q0 .425.288.712Q9.575 17 10 17t.713-.288Q11 16.425 11 16V9q0-.425-.287-.713Q10.425 8 10 8t-.712.287Q9 8.575 9 9Zm4 0q0 .425.288.712.287.288.712.288t.713-.288Q15 16.425 15 16V9q0-.425-.287-.713Q14.425 8 14 8t-.712.287Q13 8.575 13 9ZM7 6v13V6Z"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  color: #ffb300;
}
.productList-favoriteBtn-delete:hover, .productList-favoriteBtn-delete:focus {
  border-color: transparent !important;
  background-color: transparent !important;
  color: #e53935 !important;
}
.productList-favoriteBtn-delete:focus {
  box-shadow: 0 0 0 0.25rem rgba(229, 57, 53, 0.25) !important;
}
.productList-favoriteLabel-sp {
  display: block;
  transform: scale(0.8);
  font-size: 1rem;
  line-height: 1.1;
}
.productList-favoriteLabel-pc {
  display: none;
}

.quantityChangeList {
  margin-bottom: 1rem;
  border: 1px solid #d7dce2;
  line-height: 1.6;
}
.quantityChangeList-item:not(:first-child) {
  border-top: 1px solid #d7dce2;
}
.quantityChangeList-header {
  padding: 1rem 1rem;
  background-color: #f3f6fa;
  font-size: 16px;
}
.quantityChangeList-row {
  border-top: 1px solid #d7dce2;
}
.quantityChangeList-name {
  padding: 1rem 1rem 0;
}
.quantityChangeList-detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.quantityChangeList-before, .quantityChangeList-after, .quantityChangeList-time {
  padding: 1rem 1rem;
}
.quantityChangeList-after {
  position: relative;
  color: #e53935;
}
.quantityChangeList-after::before {
  content: "→";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: -0.5rem;
  transform: translateY(-50%);
  color: #6b7681;
}
.quantityChangeList-time {
  margin-left: auto;
  white-space: nowrap;
}

.scanUtility-message {
  position: fixed;
  top: 15px;
  left: 15px;
  z-index: 1030;
  padding: 0.15em 0.75em;
  border-radius: 3em;
  width: calc(100% - 30px);
  background-color: #fff;
  font-size: 1.6rem;
  line-height: 1.3;
  text-align: center;
}
.scanUtility-footer {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1030;
  width: 100%;
}
.scanUtility-btn {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 0.75em;
  min-height: 50px;
  background-color: #fff;
  font-size: 1.6rem;
  color: #212529 !important;
  text-align: center;
}
.scanUtility-btn-cart {
  background-color: #f57c00;
  color: #fff !important;
}
.scanUtility-btn-cart::before {
  content: "\f111";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.25em;
  font-size: 1.2em;
  vertical-align: middle;
}

.searchForm-item:not(:first-child) {
  margin-top: 3rem;
}
.searchForm-title {
  padding-bottom: 0.5em;
  border-bottom: 1px solid #d7dce2;
  font-size: 1.6rem;
}
.searchForm-title .mdi {
  margin-right: 0.25em;
  vertical-align: middle;
  line-height: 1;
}
.searchForm-title .mdi::before {
  font-size: 1.2em;
}
.searchForm-form {
  margin-bottom: -1rem;
}
.searchForm-form [class*=col-] {
  margin-bottom: 1rem;
}
.searchResult-detail {
  display: flex;
  align-items: center;
  margin-top: 10px;
  line-height: 1.4;
}
.searchResult-title {
  flex-shrink: 0;
  color: #6b7681;
}
.searchResult-list {
  display: flex;
  flex-wrap: wrap;
}
.searchResult-item:not(:first-child)::before {
  content: "/";
  margin-right: 0.25em;
  margin-left: 0.25em;
  color: #6b7681;
}
.searchResult-count {
  margin-top: 10px;
  margin-left: auto;
  line-height: 1.2;
}
.searchResult-number {
  font-size: 2rem;
}

.select2-hidden-accessible:not([class*=w-]) + .select2-container {
  width: 100% !important;
}
.select2-container {
  display: block;
  max-width: 100%;
  font-size: 1.6rem;
}
.modal-open .select2-container--open {
  z-index: 1061;
}
.select2-container--focus .select2-selection--single, .select2-container--focus .select2-selection--multiple {
  outline: none;
  box-shadow: 0 0 0 0.25rem rgba(61, 71, 80, 0.25);
  border-color: #3d4750 !important;
}
.form-select.is-invalid + .select2-container .select2-selection--single, .form-select.is-invalid + .select2-container .select2-selection--multiple {
  box-shadow: none;
  border-color: #e53935 !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: calc(0.75em + 0.7rem) calc(0.75em + 0.7rem);
}
.select2-selection--single {
  border-radius: 0.5rem !important;
}
.select2-container .select2-selection--single {
  border-color: #bbc2ca;
  height: 40px;
}
.form-select.is-invalid + .select2-container .select2-selection--single {
  background-position: center right 3rem;
}
.select2-container--default .select2-selection--multiple {
  border-color: #bbc2ca;
  border-radius: 0.5rem !important;
  min-height: 40px;
}
.form-select.is-invalid + .select2-container .select2-selection--multiple {
  background-position: center right 1rem;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 40px;
  padding-left: 1rem;
  height: 100%;
  color: #212529;
  line-height: 40px;
}
.form-select.is-invalid + .select2-container .select2-selection__rendered {
  padding-right: 80px;
}
.select2-container .select2-selection--single .select2-selection__arrow {
  top: 0;
  width: 40px;
  height: 40px;
}
.select2-container .select2-selection--single .select2-selection__arrow b {
  display: block;
  position: static;
  margin: 0;
  border: none;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%233d4750' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") center center/14px no-repeat;
}
.select2-container .select2-selection--multiple .select2-selection__choice {
  display: inline-flex;
  flex-direction: row-reverse;
  padding: 0;
  border-color: #9ea8b1;
  height: 28px;
  background-color: #fff !important;
}
.select2-container .select2-selection--multiple .select2-selection__choice__remove, .select2-container .select2-selection--multiple .select2-selection__choice__display {
  background-color: transparent !important;
  line-height: 1.1;
}
.select2-container .select2-selection--multiple .select2-selection__choice__remove {
  display: flex;
  justify-content: center;
  align-items: center;
  position: static;
  padding: 0 0.5em;
  border-right: 0;
  color: #6b7681;
}
.select2-selection__choice__remove::before {
  content: "\f159";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.6rem;
}
.select2-selection__choice__remove:hover::before, .select2-selection__choice__remove:focus::before {
  color: #6b7681;
}
.select2-selection__choice__remove span {
  display: none;
}
.select2-container .select2-selection--multiple .select2-selection__choice__display {
  display: flex;
  align-items: center;
  padding: 0.35em 0 0.35em 0.65em;
  border-radius: 0.25rem;
  background-color: #fff;
  font-size: 1.2rem;
  color: #212529;
}
.select2-dropdown {
  overflow: hidden;
  border-color: #bbc2ca;
  border-radius: 0.5rem !important;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: 1px solid #bbc2ca;
}
.select2-container--open .select2-dropdown--below {
  border-top: 1px solid #bbc2ca;
}
.select2-search--dropdown {
  position: relative;
  padding: 6px;
}
.select2-search--dropdown::before {
  content: "\f349";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 13px;
  transform: translateY(-50%);
  font-size: 1.2em;
  color: #6b7681;
}
.select2-container .select2-search--inline {
  display: inline-block;
  height: 28px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  padding-left: 28px;
  border-color: #bbc2ca;
  border-radius: 0.5rem;
  height: 40px;
  transition: border-color 0.15s ease-in-out;
}
.select2-container .select2-search--inline .select2-search__field {
  width: auto !important;
  height: 100%;
  line-height: 28px;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  outline: none;
  box-shadow: 0 0 0 0.25rem rgba(61, 71, 80, 0.25);
  border-color: #3d4750;
}
.select2-container--default .select2-results .select2-results__options {
  max-height: 60vh;
}
.select2-container--default .select2-results .select2-results__options::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.select2-container--default .select2-results .select2-results__options::-webkit-scrollbar-track {
  background-color: #fff;
}
.select2-container--default .select2-results .select2-results__options::-webkit-scrollbar-thumb {
  border-radius: 1em;
  border: 2px solid #fff;
  background-color: #e5e9ee;
}
.select2-container--default .select2-results .select2-results__options {
  scrollbar-width: thin;
  scrollbar-color: #e5e9ee transparent;
}
.select2-results__option {
  padding: 0.7rem 1rem;
  min-height: 40px;
  transition: background-color 0.15s, color 0.15s;
}
.select2-results__option--selectable.select2-results__option--selected {
  background-color: #2962ff !important;
  color: #fff !important;
}
.select2-results__option--selectable.select2-results__option--highlighted:not(.select2-results__option--selected) {
  background-color: #f3f6fa;
  color: #212529;
}
.sign {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 15mm;
  width: 100%;
  height: 100%;
  font-family: "Noto Sans JP", Open Sans, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;
  font-weight: 500;
  color: #000;
}
.sign-num {
  margin-bottom: 5mm;
  font-size: 96pt;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.05em;
}
.sign-main {
  font-size: 48pt;
  font-weight: 900;
  line-height: 1.4;
  text-align: center;
}
.sign-main-variable {
  line-height: 1.1;
  white-space: nowrap;
}
.sign-sub {
  margin-top: 10mm;
  line-height: 1.1;
  text-align: center;
}
.sign-qrcode {
  margin: 0 auto;
  width: 20mm;
  background-color: #fff;
}
.sign-qrcode img {
  width: 100%;
}
.sign-info {
  margin-top: 3mm;
  font-size: 12pt;
}

.status {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 0.5em;
  vertical-align: middle;
}
.status-reserve {
  background-color: #9ea8b1;
}
.status-progress {
  background-color: #2578d7;
}
.status-finish {
  background-color: #00c853;
}
.status-stop {
  background-color: #ffb300;
}
.status-notice {
  background-color: #e53935;
}

.summary-header {
  border-bottom: 1px solid #d7dce2;
}
.summary-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
}
.summary-title .card-title {
  position: relative;
  margin-bottom: 0;
}
.summary-date {
  font-size: 1.8rem;
  line-height: 1;
}
.summary-menu {
  border-top: 1px solid #d7dce2;
}
.summary-menu .nav {
  flex-wrap: nowrap;
  height: 100%;
}
.summary-menu .nav-link {
  outline: none;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  border: none;
  border-bottom: 3px solid transparent !important;
  height: 100%;
  background-color: transparent;
  color: #212529;
}
.summary-menu .nav-link:not(:first-child) {
  border-left: 1px solid #d7dce2;
}
.summary-menu .nav-link:hover, .summary-menu .nav-link:focus {
  background-color: #fff9ea;
}
.summary-menu .nav-link.active {
  border-bottom-color: #ea5529 !important;
}
.summary-category {
  margin-bottom: 0.25em;
}
.summary-data {
  font-size: 1rem;
  line-height: 1.1;
  text-align: right;
}
.summary-data > span {
  position: relative;
  bottom: -0.05em;
  margin-right: 0.1em;
  font-size: 1.8rem;
}
.summary-body {
  padding: 1.5rem;
}
.summary-chart-title {
  margin-bottom: 0.5em;
}
.summary-chart-title .badge {
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.3;
  text-align: center;
}

body.swal2-toast-shown .swal2-container {
  width: 400px;
}
.swal2-popup {
  padding-bottom: 10px;
  width: 50rem;
  font-size: 1.4rem;
  color: #212529;
}
.swal2-popup.swal2-toast {
  padding: 10px 15px 15px;
  background-color: #000;
  color: #fff;
  grid-template-rows: 1fr;
}
.swal2-close {
  opacity: 0.5;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1.4rem auto no-repeat !important;
  color: transparent !important;
}
.swal2-close:hover {
  opacity: 0.75;
}
.swal2-popup.swal2-toast .swal2-close {
  position: absolute;
  top: -5px;
  right: -5px;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1.4rem auto no-repeat !important;
}
.swal2-progress-steps {
  margin-top: 15px;
  margin-bottom: 0;
  padding: 0 15px;
}
.swal2-icon {
  margin-top: 25px;
  margin-bottom: 1em;
}
.swal2-popup.swal2-toast .swal2-icon {
  margin-top: 5px;
  margin-right: 10px;
}
.swal2-image {
  margin-top: 15px;
}
.swal2-title {
  padding: 15px 15px 0;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
}
.swal2-popup.swal2-toast .swal2-title {
  display: flex !important;
  align-items: center;
  margin: 5px 0 0;
  font-weight: 400;
}
.swal2-popup.swal2-toast .swal2-title:empty {
  display: none !important;
}
.swal2-html-container {
  margin: 15px 15px 0;
  font-size: inherit;
}
.swal2-popup.swal2-toast .swal2-html-container {
  display: flex !important;
  justify-content: stretch;
  align-items: center;
  margin: 5px 0 0;
  font-size: 1.4rem;
}
.swal2-popup.swal2-toast .swal2-html-container:empty {
  display: none !important;
}
.swal2-input, .swal2-range, .swal2-file, .swal2-select, .swal2-textarea {
  margin: 15px 15px 0;
  width: auto !important;
  height: auto;
}
.swal2-popup.swal2-toast .swal2-input, .swal2-popup.swal2-toast .swal2-range, .swal2-popup.swal2-toast .swal2-file, .swal2-popup.swal2-toast .swal2-select, .swal2-popup.swal2-toast .swal2-textarea {
  margin-right: 0;
  margin-left: 0;
}
.swal2-input-label {
  margin-top: 15px;
  padding: 0 15px;
}
.swal2-range {
  align-items: center;
}
.swal2-radio, .swal2-checkbox {
  background-color: transparent;
  line-height: 1.6;
}
.swal2-popup.swal2-toast .swal2-radio, .swal2-popup.swal2-toast .swal2-checkbox {
  margin-right: 0;
  margin-left: 0;
}
.swal2-radio input, .swal2-checkbox input {
  margin-left: 0;
  border: 1px solid rgba(0, 0, 0, 0.25);
  width: 2rem;
  height: 2rem;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: top;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.swal2-radio input:checked, .swal2-checkbox input:checked {
  border-color: #ea5529;
  background-color: #ea5529;
}
.swal2-radio input:focus, .swal2-checkbox input:focus {
  box-shadow: 0 0 0 0.25rem rgba(234, 85, 41, 0.25);
}
.swal2-radio {
  margin-right: 5px;
  margin-left: 5px;
}
.swal2-radio label {
  cursor: pointer;
  display: flex;
  margin-right: 10px;
  margin-left: 10px;
  font-size: inherit;
}
.swal2-radio input[type=radio] {
  border-radius: 50%;
}
.swal2-radio input[type=radio]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.swal2-checkbox {
  cursor: pointer;
  display: flex;
  margin-right: 15px;
  margin-left: 15px;
  font-size: inherit;
}
.swal2-checkbox input[type=checkbox] {
  outline: none;
  border-radius: 0.25em;
}
.swal2-checkbox input[type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.swal2-validation-message {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  color: #212529;
  line-height: 1.4;
}
.swal2-validation-message::before {
  flex-shrink: 0;
  margin-left: 0;
}
.swal2-actions {
  flex-direction: row-reverse;
  margin-top: 22.5px;
  margin-bottom: -10px;
  padding: 0 10px 5px;
  width: 100%;
}
.swal2-popup.swal2-toast .swal2-actions {
  margin: 10px -5px -10px;
  padding: 0;
}
.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
  background-image: none;
}
.swal2-loader {
  border-color: #ea5529 #ea5529 #ea5529 transparent;
}
.swal2-styled {
  margin: 0 5px 10px;
}
.swal2-popup.swal2-toast .swal2-styled {
  margin: 0 5px 10px;
}
.swal2-styled.swal2-confirm, .swal2-styled.swal2-deny, .swal2-styled.swal2-cancel {
  flex: 1 1 130px;
  padding: 0.5em 0.75em;
  border-width: 1px;
  border-style: solid;
  min-width: auto;
  white-space: nowrap;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.swal2-styled.swal2-confirm.is-disabled, .swal2-styled.swal2-confirm:disabled, .swal2-styled.swal2-deny.is-disabled, .swal2-styled.swal2-deny:disabled, .swal2-styled.swal2-cancel.is-disabled, .swal2-styled.swal2-cancel:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.swal2-styled.swal2-confirm {
  border-color: #3d4750;
  background-color: #3d4750;
  color: #fff;
}
.swal2-styled.swal2-confirm:hover, .swal2-styled.swal2-confirm:focus {
  border-color: #343c44;
  background-color: #343c44;
  color: #fff;
}
.swal2-styled.swal2-confirm:focus {
  box-shadow: 0 0 0 0.25rem rgba(61, 71, 80, 0.25);
}
.swal2-styled.swal2-deny {
  border-color: #6b7681;
  background-color: #6b7681;
  color: #fff;
}
.swal2-styled.swal2-deny:hover, .swal2-styled.swal2-deny:focus {
  border-color: #5b646e;
  background-color: #5b646e;
}
.swal2-styled.swal2-deny:focus {
  box-shadow: 0 0 0 0.25rem rgba(107, 118, 129, 0.25);
}
.swal2-styled.swal2-cancel {
  border-color: #9ea8b1;
  background-color: #fff;
  color: #212529;
}
.swal2-styled.swal2-cancel:not(.active):hover, .swal2-styled.swal2-cancel:not(.active):focus {
  border-color: #9ea8b1;
  background-color: #f3f6fa;
  color: #212529;
}
.swal2-styled.swal2-cancel:not(.active):focus {
  box-shadow: 0 0 0 0.25rem rgba(158, 168, 177, 0.25);
}
.swal2-popup.swal2-toast .swal2-styled.swal2-cancel {
  border-color: #fff;
  background-color: transparent;
  color: #fff;
}
.swal2-popup.swal2-toast .swal2-styled.swal2-cancel:hover, .swal2-popup.swal2-toast .swal2-styled.swal2-cancel:focus {
  border-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
}
.swal2-popup.swal2-toast .swal2-styled.swal2-cancel:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
}
.swal2-styled.swal2-danger {
  border-color: #e53935;
  background-color: #e53935;
  color: #fff;
}
.swal2-styled.swal2-danger:hover, .swal2-styled.swal2-danger:focus {
  border-color: #c3302d;
  background-color: #c3302d;
}
.swal2-styled.swal2-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(229, 57, 53, 0.25);
}
.swal2-footer {
  margin-top: 10px;
  padding: 10px 15px 0;
  font-size: 1.2rem;
}
.swal2-timer-progress-bar {
  background: #ea5529;
}
@-webkit-keyframes toast-show {
  from {
    transform: translate3d(0, 100%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes toast-show {
  from {
    transform: translate3d(0, 100%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes toast-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes toast-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.swal2-animation-toastShow {
  -webkit-animation: toast-show 0.25s ease-in-out;
          animation: toast-show 0.25s ease-in-out;
}
.swal2-animation-toastHide {
  -webkit-animation: toast-hide 0.15s;
          animation: toast-hide 0.15s;
}

.table thead tr th,
.table thead tr td,
.table tbody tr th,
.table tbody tr td {
  line-height: 1.6;
}
.table thead tr th .mdi,
.table thead tr td .mdi,
.table tbody tr th .mdi,
.table tbody tr td .mdi {
  font-size: 1.2em;
  line-height: 1;
  vertical-align: middle;
}
.table thead tr th,
.table tbody tr th {
  background-color: #fdeeea;
}
.table-text-center tr th,
.table-text-center tr td {
  text-align: center;
}
.table-align-middle tr th,
.table-align-middle tr td {
  vertical-align: middle;
}
.table-clickable {
  padding: 0 !important;
  height: 100%;
}
.table-link {
  outline: none;
  display: flex;
  align-items: center;
  position: relative;
  padding: 1rem 1rem;
  border: none;
  width: 100%;
  height: 100%;
  background-color: transparent;
  color: #2962ff;
  text-align: left;
}
.table-link::after {
  position: absolute;
  top: 50%;
  right: 0.8rem;
  transform: translateY(-50%);
  font-size: 1.2em !important;
}
.table-link-detail, .table-link-edit {
  padding-right: calc(1rem + 1.2em);
}
.table-link-detail::after {
  content: "\f224";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.table-link-edit::after {
  content: "\f3eb";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tablePagination {
  align-items: center;
  margin-top: 20px;
}
.tablePagination-limit {
  margin: 0 0 1em auto;
  width: 150px;
}

.tablePhotoList {
  border-top: 1px solid #d7dce2;
  border-right: 1px solid #d7dce2;
  border-left: 1px solid #d7dce2;
  height: auto;
  background-color: #fff;
}
.tablePhotoList-row {
  border-bottom: 1px solid #d7dce2;
}
.tablePhotoList-body .tablePhotoList-item-checkbox {
  width: calc(2rem + 2rem);
}
.tablePhotoList-body .tablePhotoList-item-checkbox .form-check {
  margin-bottom: 0;
  padding-left: 0;
  min-height: auto;
}
.tablePhotoList-body .tablePhotoList-item-checkbox .form-check-input {
  float: none;
  margin-left: 0;
}
.tablePhotoList-body .tablePhotoList-item-img {
  width: calc(100px + 2rem);
}
.tablePhotoList-headerTextSp {
  display: none;
}
.tablePhotoList-img {
  width: 100%;
  height: auto;
  background: center center/contain no-repeat;
}

.tableResponsive {
  height: auto;
}
.tableResponsive-sm {
  width: 100%;
  color: #212529;
}
.tableResponsive-sm > thead > tr > th .icon,
.tableResponsive-sm > thead > tr > th .badge {
  margin-left: 8px;
}
.tableResponsive-sm > tbody > tr > td .form-switch {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  min-height: 32px;
  line-height: 1.2;
}
.tableResponsive-sm > tbody > tr > td .form-switch .form-check-input {
  float: none;
  margin-top: 0;
  margin-left: 0;
}
.tableResponsive-sm > tbody > tr > td .form-switch .form-check-label {
  display: none;
  margin-left: 0.5em;
  font-size: 1.4rem;
}
.tableResponsive-md {
  width: 100%;
  color: #212529;
}
.tableResponsive-md > thead > tr > th .icon,
.tableResponsive-md > thead > tr > th .badge {
  margin-left: 8px;
}
.tableResponsive-md > tbody > tr > td .form-switch {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  min-height: 32px;
  line-height: 1.2;
}
.tableResponsive-md > tbody > tr > td .form-switch .form-check-input {
  float: none;
  margin-top: 0;
  margin-left: 0;
}
.tableResponsive-md > tbody > tr > td .form-switch .form-check-label {
  display: none;
  margin-left: 0.5em;
  font-size: 1.4rem;
}
.tableResponsive-lg {
  width: 100%;
  color: #212529;
}
.tableResponsive-lg > thead > tr > th .icon,
.tableResponsive-lg > thead > tr > th .badge {
  margin-left: 8px;
}
.tableResponsive-lg > tbody > tr > td .form-switch {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  min-height: 32px;
  line-height: 1.2;
}
.tableResponsive-lg > tbody > tr > td .form-switch .form-check-input {
  float: none;
  margin-top: 0;
  margin-left: 0;
}
.tableResponsive-lg > tbody > tr > td .form-switch .form-check-label {
  display: none;
  margin-left: 0.5em;
  font-size: 1.4rem;
}
.tableResponsive-header {
  color: #212529;
}
.tableResponsive-row {
  border-bottom: 1px solid #d7dce2;
}
.tableResponsive-row.selected {
  background-color: #e5e9ee;
}
.tableResponsive-item:empty[data-item-title] {
  content: none !important;
}
.tableResponsive-item-header {
  font-weight: 400;
}
.tableResponsive-row.selected .tableResponsive-item-header {
  position: relative;
  padding-left: calc(10px + 1.2em + 0.25em) !important;
}
.tableResponsive-row.selected .tableResponsive-item-header::before {
  content: "\f12c";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  font-size: 1.2em;
  color: #ea5529;
}
.tableResponsive-btn {
  display: flex;
  justify-content: center;
  gap: 1rem;
}

.tablesorter-bootstrap thead th,
.tablesorter-bootstrap thead td,
.tablesorter-bootstrap tfoot th,
.tablesorter-bootstrap tfoot td {
  padding: 1rem 1rem;
  background-color: #f3f6fa;
  font: inherit;
}
.tablesorter-bootstrap .tablesorter-header .tablesorter-header-inner {
  padding: 0;
}
.tablesorter-bootstrap .tablesorter-header:not(.sorter-false) .tablesorter-header-inner {
  display: inline-flex;
  align-items: center;
  color: #ea5529;
}
.tablesorter-bootstrap .tablesorter-header:not(.sorter-false) .tablesorter-header-inner::after {
  margin-left: 0.25em;
  display: inline-block;
  transform: scale(1.2);
}
.tablesorter-bootstrap .tablesorter-header:not(.sorter-false) .text-center .tablesorter-header-inner {
  justify-content: center;
}
.tablesorter-bootstrap .tablesorter-header:not(.sorter-false) .text-end .tablesorter-header-inner {
  justify-content: flex-end;
}
.tablesorter-bootstrap .tablesorter-header.tablesorter-headerDesc .tablesorter-header-inner::after {
  content: "\f045";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tablesorter-bootstrap .tablesorter-header.tablesorter-headerAsc .tablesorter-header-inner::after {
  content: "\f05d";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tablesorter-bootstrap.table-thead-filter thead,
.tablesorter-bootstrap.table-thead-filter tbody {
  display: block;
}
.tablesorter-bootstrap.table-thead-filter thead tr,
.tablesorter-bootstrap.table-thead-filter tbody tr {
  display: flex;
  background-color: #fff;
}
.tablesorter-bootstrap.table-thead-filter thead tr td,
.tablesorter-bootstrap.table-thead-filter tbody tr td {
  border-top: none;
  border-left: none;
}
.tablesorter-bootstrap.table-thead-filter thead tr td:last-child,
.tablesorter-bootstrap.table-thead-filter tbody tr td:last-child {
  border-right-color: transparent;
}
.tablesorter-bootstrap.table-thead-filter thead {
  border-bottom: 1px solid #d7dce2;
  background-color: #f3f6fa;
}
.tablesorter-bootstrap.table-thead-filter thead tr th,
.tablesorter-bootstrap.table-thead-filter thead tr td {
  margin: 0;
}
.tablesorter-bootstrap.table-thead-filter thead tr td {
  border-bottom: none;
}
.tablesorter-bootstrap.table-thead-filter tbody {
  position: relative;
  overflow-y: scroll;
}
.tablesorter-bootstrap.table-thead-filter tbody.empty::before {
  content: "データがありません";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #6b7681;
  pointer-events: none;
}
.tablesorter-bootstrap.table-thead-filter tbody tr {
  cursor: pointer;
}
.tablesorter-bootstrap.table-thead-filter tbody tr.selected {
  background-color: rgba(234, 85, 41, 0.1);
}
.tablesorter-bootstrap.table-thead-filter-col3 thead tr th,
.tablesorter-bootstrap.table-thead-filter-col3 thead tr td,
.tablesorter-bootstrap.table-thead-filter-col3 tbody tr th,
.tablesorter-bootstrap.table-thead-filter-col3 tbody tr td {
  width: 33.3333333333%;
}
.tablesorter-bootstrap.table-thead-filter-col4 thead tr th,
.tablesorter-bootstrap.table-thead-filter-col4 thead tr td,
.tablesorter-bootstrap.table-thead-filter-col4 tbody tr th,
.tablesorter-bootstrap.table-thead-filter-col4 tbody tr td {
  width: 25%;
}
.tablesorter-bootstrap.table-thead-filter .tablesorter-header .tablesorter-header-inner {
  text-decoration: none;
  text-align: center;
}
.tablesorter-bootstrap.table-thead-filter .tablesorter-header .tablesorter-header-inner .table-thead-filter-form {
  position: relative;
  margin-top: 1rem;
}
.tablesorter-bootstrap.table-thead-filter .tablesorter-header .tablesorter-header-inner .table-thead-filter-form.table-thead-filter-form-empty::before {
  content: "\f349";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  top: 0.9rem;
  left: 1rem;
  transform: scale(1.3);
  color: #6b7681;
}
.tablesorter-bootstrap.table-thead-filter .tablesorter-header:not(.sorter-false) .tablesorter-header-inner {
  padding-right: 0;
}
.tablesorter-bootstrap.table-thead-filter .tablesorter-header:not(.sorter-false) .tablesorter-header-inner::after {
  top: 0;
  transform: none;
}
.tablesorter-bootstrap.table-thead-filter .tablesorter-header:not(.sorter-false) .tablesorter-header-inner > span {
  display: inline-block;
  padding: 0 1em;
  text-decoration: underline;
}
.tablesorter-bootstrap.table-thead-filter .tablesorter-header:hover:not(.sorter-false) .tablesorter-header-inner > span {
  text-decoration: none;
}

.tableSorter thead th button,
.ex-list-sorter thead th button,
.ex-sequence-table thead th button {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
}

.tableSorter-clickable {
  padding: 0 !important;
}
.tableSorter-title {
  display: flex;
  align-items: center;
  padding: 1rem 1rem !important;
  width: 100%;
  height: 100%;
  color: #de431d;
}
.tableSorter-clickable.text-center .tableSorter-title {
  justify-content: center;
}
.tableSorter-clickable.text-end .tableSorter-title {
  justify-content: flex-end;
}
.tableSorter-title::after {
  font-size: 1.2em !important;
  margin-left: 0.25em;
}
.device-pc .tableSorter-title-default::after {
  content: "\f05d";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  transition: opacity 0.15s;
}
.device-pc .tableSorter-title-default:hover::after, .device-pc .tableSorter-title-default:focus::after {
  opacity: 1;
}
.tableSorter-title-asc::after, .tableSorter-title-desc::after {
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tableSorter-title-asc::after {
  content: "\f05d";
}
.tableSorter-title-desc::after {
  content: "\f045";
}
.tableUtility {
  display: flex;
  align-items: flex-start;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1021;
  padding-top: 10px;
  height: 60px;
  background-color: #f3f6fa;
}
.modal-body .tableUtility {
  top: -1.5rem;
  background-color: #fff;
}
.detail-header + .detail-body > .tableUtility {
  margin-top: -10px;
}
.tableUtility > .dropdown:not(:last-child),
.tableUtility > .btn:not(:last-child) {
  margin-right: 1rem;
}
.tableUtility > .formRow:not(:last-child) {
  margin-right: 0.5rem;
}

.title {
  margin-bottom: 0.5em;
}
.collapse-detail .title {
  margin-bottom: 1rem;
}
.title + .title {
  margin-top: 0 !important;
}
* + .title-xs {
  margin-top: 20px;
}
* + .title-sm {
  margin-top: 20px;
}
.title-btn {
  flex-wrap: nowrap;
}
.title-back {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  align-self: start;
  margin-right: 0.25em;
  border: 1px solid #d7dce2;
  border-radius: 50%;
  width: 1.25em;
  height: 1.25em;
  background-color: #fff;
  color: #ea5529;
  transition: color 0.15s;
}
.title-back::before {
  content: "\f04d";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.75em;
}
.title-back:hover, .title-back:focus {
  color: #de431d;
}

.tooltipster-sidetip .tooltipster-content {
  padding: 0.5em 0.75em;
  font-size: 1.4rem;
  line-height: 1.6;
}
.topInformationMenu {
  display: grid;
  height: 100%;
  grid-gap: 10px;
}
.topInformationMenu-item {
  height: 100%;
}
.topInformationMenu-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px;
  border: 1px solid #bbc2ca;
  border-radius: 0.5rem;
  height: 100%;
  transition: background-color 0.3s;
}
.topInformationMenu-link:hover, .topInformationMenu-link:focus {
  background-color: #f3f6fa;
}
.topInformationMenu-img {
  width: 80px;
}
.topInformationMenu-text {
  margin-top: 0.5em;
  font-size: 1.6rem;
  color: #212529;
  line-height: 1.4;
  text-align: center;
}

.ui-sortable-handle td {
  cursor: move;
}
.ui-sortable-helper {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.06);
  border-top: 1px solid #d7dce2;
  border-right: 1px solid #d7dce2;
  border-bottom: 1px solid #d7dce2;
  background-color: rgba(255, 255, 255, 0.85) !important;
}
.ui-sortable-helper td {
  padding: 1rem 1rem !important;
}
.valid-feedback {
  display: block;
  color: #e53935;
}

.valid-feedback,
.invalid-feedback {
  display: block;
}

.bg-primary-light {
  background-color: #fdeeea !important;
}
.bg-gray-light {
  background-color: #dee2e6 !important;
}
.bg-gray-pale {
  background-color: #f3f6fa !important;
}
.bg-after {
  background-color: #00c853 !important;
}
.bg-after-light {
  background-color: #e0f2f1 !important;
}

.max-w-none {
  max-width: none !important;
}

.max-w-2em {
  max-width: 2em !important;
}

.max-w-4em {
  max-width: 4em !important;
}

.max-w-6em {
  max-width: 6em !important;
}

.max-w-8em {
  max-width: 8em !important;
}

.max-w-10em {
  max-width: 10em !important;
}

.max-w-12em {
  max-width: 12em !important;
}

.max-w-14em {
  max-width: 14em !important;
}

.max-w-16em {
  max-width: 16em !important;
}

.max-w-18em {
  max-width: 18em !important;
}

.max-w-20em {
  max-width: 20em !important;
}

.max-w-22em {
  max-width: 22em !important;
}

.max-w-24em {
  max-width: 24em !important;
}

.max-w-26em {
  max-width: 26em !important;
}

.max-w-28em {
  max-width: 28em !important;
}

.max-w-30em {
  max-width: 30em !important;
}

.min-w-auto {
  min-width: auto !important;
}

.min-w-2em {
  min-width: 2em !important;
}

.min-w-4em {
  min-width: 4em !important;
}

.min-w-6em {
  min-width: 6em !important;
}

.min-w-8em {
  min-width: 8em !important;
}

.min-w-10em {
  min-width: 10em !important;
}

.min-w-12em {
  min-width: 12em !important;
}

.min-w-14em {
  min-width: 14em !important;
}

.min-w-16em {
  min-width: 16em !important;
}

.min-w-18em {
  min-width: 18em !important;
}

.min-w-20em {
  min-width: 20em !important;
}

.min-w-22em {
  min-width: 22em !important;
}

.min-w-24em {
  min-width: 24em !important;
}

.min-w-26em {
  min-width: 26em !important;
}

.min-w-28em {
  min-width: 28em !important;
}

.min-w-30em {
  min-width: 30em !important;
}

.w-2em {
  width: 2em !important;
}

.w-4em {
  width: 4em !important;
}

.w-6em {
  width: 6em !important;
}

.w-8em {
  width: 8em !important;
}

.w-10em {
  width: 10em !important;
}

.w-12em {
  width: 12em !important;
}

.w-14em {
  width: 14em !important;
}

.w-16em {
  width: 16em !important;
}

.w-18em {
  width: 18em !important;
}

.w-20em {
  width: 20em !important;
}

.w-22em {
  width: 22em !important;
}

.w-24em {
  width: 24em !important;
}

.w-26em {
  width: 26em !important;
}

.w-28em {
  width: 28em !important;
}

.w-30em {
  width: 30em !important;
}

.w-5 {
  width: 5% !important;
}

.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.w-20 {
  width: 20% !important;
}

.w-30 {
  width: 30% !important;
}

.w-35 {
  width: 35% !important;
}

.w-40 {
  width: 40% !important;
}

.w-45 {
  width: 45% !important;
}

.w-55 {
  width: 55% !important;
}

.w-60 {
  width: 60% !important;
}

.w-65 {
  width: 65% !important;
}

.w-70 {
  width: 70% !important;
}

.w-75 {
  width: 75% !important;
}

.w-80 {
  width: 80% !important;
}

.w-85 {
  width: 85% !important;
}

.w-90 {
  width: 90% !important;
}

.w-95 {
  width: 95% !important;
}

@media (min-width: 576px) {
  body::after {
    content: "sm";
  }
  .analysisTotalList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -3px -6px;
  }
  .analysisTotalList-item {
    margin: 0 3px 6px;
    width: calc(50% - 6px);
  }
  .analysisTotalList-item:not(:first-child) {
    margin-top: 0;
  }
  .default-pages-header {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
  }
  .default-pages-icon {
    flex-shrink: 0;
  }
  .default-pages-title {
    margin-top: 0;
    margin-left: 15px;
  }
  .formRow-check .form-check {
    width: auto;
    min-width: calc(50% - 1rem);
  }
  .modal-xxl {
    max-width: none;
  }
  .modal-xxl:not([class*=modal-fullscreen]) {
    width: calc(100% - 30px);
  }
  .monitoringDetail-list {
    -moz-columns: 2;
         columns: 2;
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
  .nav-category {
    display: flex;
    flex-wrap: wrap;
  }
  .nav-category-item:not(:last-child)::after {
    content: "";
    display: block;
    position: absolute;
    top: 0.5em;
    right: 0;
    border-right: 1px solid #d7dce2;
    height: calc(100% - 1em);
  }
  .nav-category-link {
    padding-right: 0.5em;
    padding-left: 0.5em;
  }
  .summary-data > span {
    font-size: 2.4rem;
  }
  .topInformationMenu {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 768px) {
  body::after {
    content: "md";
  }
  .title-lg {
    font-size: 3.2rem;
  }
  .title-md, .productDetail-title {
    font-size: 2.8rem;
  }
  .title-sm, .productDetail-subTitle {
    font-size: 2rem;
  }
  .title-xs {
    font-size: 1.8rem;
  }
  .alertBar {
    font-size: 1.4rem;
    text-align: center;
  }
  .column {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .column-sub {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 160px;
  }
  .column-newsEdit .column-sub {
    width: 300px;
  }
  .column:not(.column-newsEdit) .column-sub {
    display: block;
  }
  .column-sub + .column-main {
    margin-top: 0;
  }
  .column-main {
    width: calc(100% - 200px);
  }
  .column-newsEdit .column-main {
    width: calc(100% - 340px);
  }
  .column-main + .column-sub {
    margin-top: 0;
  }
  .container, .container-fluid {
    padding-right: 40px;
    padding-left: 40px;
  }
  .globalWrapper {
    padding-top: 70px;
  }
  .header {
    height: 70px;
  }
  .header-menuBtn {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    font-size: 1.4rem;
  }
  .header-menuLine {
    width: 24px;
    height: 3px;
  }
  .header-menuLine::before, .header-menuLine::after {
    height: 3px;
  }
  .header-menuLine::before {
    transform: translateY(-8px);
  }
  .header-menuLine::after {
    transform: translateY(8px);
  }
  .header-menuLabel {
    margin-top: 0;
    margin-left: 10px;
  }
  .headerUtility-link {
    padding: 15px;
    min-width: 70px;
  }
  .headerUtility-link-icon {
    font-size: 3rem;
  }
  .headerUtility-link-user::after {
    content: "\f35d";
    font-family: "Material Design Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 0.25em;
    font-size: 1.25em;
  }
  .headerUtility-userName {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .headerUtility-badge {
    top: 10px;
    right: 10px;
    min-width: 20px;
    height: 20px;
    font-size: 1.2rem;
  }
  .loginForm {
    background-image: url(/ex/images/common/bg-login-pc.png);
  }
  .section {
    padding: 40px 0;
  }
  .section-nav {
    margin-right: 0;
  }
  .section-nav .breadcrumb {
    flex-wrap: wrap;
    overflow-x: visible;
  }
  .section-nav .breadcrumb-item:last-child::after {
    content: none;
  }
  .section-btn {
    width: 4rem;
    height: 4rem;
  }
  .section-btn::before {
    font-size: 3rem;
  }
  .section-title {
    font-size: 3.2rem;
  }
  .sidebar {
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1);
    transition: width 0.3s;
  }
  .topInformation-barChart {
    height: 300px;
  }
  .table td .badge-status, [class^=table] td .badge-status, .detailList .badge-status {
    min-width: 8em;
  }
  .btnRow-footer .btn {
    min-width: 20rem;
  }
  .card-title {
    font-size: 2.4rem;
  }
  .cartFooter {
    display: flex;
    justify-content: flex-end;
  }
  .cartFooter-item:not(:first-child) {
    margin-top: 0;
    margin-left: 20px;
    padding-top: 0;
    padding-left: 20px;
    border-top: none;
    border-left: 1px solid #d7dce2;
  }
  .default-pages-icon img {
    width: 160px;
  }
  .default-pages-title {
    font-size: 28px;
  }
  .detail-title {
    font-size: 2.8rem;
  }
  .detailList-item {
    display: flex;
  }
  .detailList-title {
    padding-bottom: 1rem;
    width: 160px;
  }
  .detailList-label {
    margin-left: auto;
  }
  .detailList-detail {
    width: calc(100% - 160px);
  }
  .headerUtility-item-cart .dropdown-menu, .headerUtility-item-user .dropdown-menu {
    position: absolute !important;
  }
  .headerUtility-item-cart .dropdown-menu {
    top: 72px !important;
    left: calc(50% - 150px) !important;
    transform: none !important;
    width: 300px;
  }
  .headerUtility-item-cart .dropdown-menu::before {
    right: 50%;
  }
  .headerUtility-item-user .dropdown-menu::before {
    right: 50%;
  }
  .exToggleDisplayTableCell th.optional,
.exToggleDisplayTableCell td.optional {
    display: table-cell;
  }
  .formList-item:not(:first-child) {
    margin-top: 30px;
  }
  .tablePhotoDetail-item .formList-item:not(:first-child) {
    margin-top: 20px;
  }
  .formRow-check .form-check {
    min-width: 16rem;
  }
  .formStep-sp {
    display: none;
  }
  .formStep-pc {
    display: block;
  }
  .list-group-inner {
    display: flex;
    align-items: center;
  }
  .list-group-header {
    margin-bottom: 0;
  }
  .message {
    padding: 4rem 0;
  }
  .message-img .mdi::before {
    font-size: 14rem;
  }
  .message-img svg {
    width: 14rem;
  }
  .modal-footer .btn {
    min-width: 14rem;
  }
  .modal-footer-col3 .btn {
    min-width: 10rem;
  }
  .modal-edit {
    max-width: calc(100% - 30px);
  }
  .monitoringList {
    margin: 0;
    border-top: none;
  }
  .monitoringList-item {
    margin: 0;
    border: 1px solid #d7dce2;
    border-radius: 0.5rem;
  }
  .browser-app .monitoringList-item {
    border: none;
    border-radius: 0;
  }
  .monitoringList-item:not(:first-child) {
    margin-top: 30px;
  }
  .monitoringList-title {
    overflow: hidden;
    border-radius: 3px 3px 0 0;
    height: 48px;
    font-size: 2rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .monitoringList-row:last-child {
    border-bottom: none;
  }
  .nav-pills {
    margin-bottom: 30px;
  }
  .nav-lg {
    font-size: 1.6rem;
  }
  .nav-lg .nav-link {
    padding: 1rem 1.5rem;
  }
  .orderList-cart .orderList-row-body {
    grid-template-areas: "checkbox img detail detail" "checkbox img unit quantity" "checkbox img send subtotal";
    grid-template-columns: 2rem 125px 1fr 180px;
  }
  .orderList-confirm .orderList-row-body {
    grid-template-areas: "img detail detail" "img unit quantity" "img send subtotal";
    grid-template-columns: 125px 1fr 180px;
  }
  .orderList-reorder .orderList-row-body {
    grid-template-areas: "img detail detail form" "img unit quantity form" "img send subtotal form";
    grid-template-columns: 125px 1fr 180px 160px;
  }
  .orderList-imgWrapper {
    transition: opacity 0.3s;
  }
  .orderList-imgWrapper:hover, .orderList-imgWrapper:focus {
    opacity: 0.7;
  }
  .orderList-imgWrapper {
    width: 125px;
    height: 125px;
  }
  .page-item {
    display: block;
  }
  .page-item-select {
    display: none;
  }
  .page-item-ellipsis {
    display: block;
  }
  .pagination {
    justify-content: start;
  }
  .photoList-link {
    transition: opacity 0.3s;
  }
  .photoList-link:hover, .photoList-link:focus {
    opacity: 0.7;
  }
  .productDetail .table td:first-child {
    width: 12em;
  }
  .productDetail-main {
    grid-template-areas: "gallery product-name" "gallery detail" "operation operation";
    grid-template-columns: 250px 1fr;
  }
  .productDetail-gallery {
    margin-top: 0;
  }
  .productDetail-detail {
    margin-top: -20px;
  }
  .productDetail-detail .table td:first-child {
    width: 8em;
  }
  .productDetail-operationItem-column {
    display: flex;
    justify-content: space-between;
  }
  .productDetail-operationHeader {
    width: calc(100% - 320px);
  }
  .productDetail-operationBody {
    margin-top: 0;
    width: 300px;
  }
  .productList-row {
    grid-template-areas: "img detail detail form" "img quantity price form" "img deadline price form";
    grid-template-columns: 125px 1fr 150px 160px;
  }
  .productList-item-price {
    align-self: end;
  }
  .productList-item-form {
    align-self: start;
    grid-template-areas: "form-quantity" "form-cart" "form-favorite";
    grid-template-columns: 100%;
  }
  .productList-imgWrapper {
    transition: opacity 0.3s;
  }
  .productList-imgWrapper:hover, .productList-imgWrapper:focus {
    opacity: 0.7;
  }
  .productList-imgWrapper {
    width: 125px;
    height: 125px;
  }
  .productList-favoriteBtn {
    border-color: #9ea8b1;
    background-color: #fff;
    color: #212529;
    flex-direction: row;
    padding: 0.25em 0.75em;
    border-width: 1px;
    border-style: solid;
    border-radius: 0.4rem;
    height: auto;
    min-height: 26px;
    font-size: 1.2rem;
    line-height: 1.3;
  }
  .productList-favoriteBtn:not(.active):hover, .productList-favoriteBtn:not(.active):focus {
    border-color: #9ea8b1;
    background-color: #f3f6fa;
    color: #212529;
  }
  .productList-favoriteBtn:not(.active):focus {
    box-shadow: 0 0 0 0.25rem rgba(158, 168, 177, 0.25);
  }
  .productList-favoriteBtn::before {
    margin-right: 0.25em;
    font-size: 1.8rem;
  }
  .productList-favoriteBtn-delete {
    border-color: transparent;
  }
  .productList-favoriteBtn-delete::before {
    margin-right: 0.25em;
    width: 1.8rem;
    height: 1.8rem;
  }
  .productList-favoriteLabel-sp {
    display: none;
  }
  .productList-favoriteLabel-pc {
    display: inline;
  }
  .searchResult {
    display: flex;
    align-items: center;
  }
  .searchResult-btn {
    flex-shrink: 0;
    margin-right: 1rem;
  }
  .searchResult-detail {
    margin-top: 0;
  }
  .searchResult-count {
    flex-shrink: 0;
    margin-top: 0;
  }
  .select2-container--default .select2-results .select2-results__options {
    max-height: calc(50vh - 70px);
  }
  .summary-data {
    font-size: 1.4rem;
  }
  .summary-data > span {
    font-size: 3.2rem;
  }
  body.swal2-toast-shown .swal2-container {
    width: 500px;
  }
  .swal2-popup {
    font-size: 1.6rem;
  }
  .swal2-progress-steps {
    margin-top: 20px;
    padding: 0 20px;
  }
  .swal2-icon {
    margin-top: 30px;
  }
  .swal2-title {
    padding: 15px 20px 0;
    font-size: 2rem;
  }
  .swal2-html-container {
    margin-right: 20px;
    margin-left: 20px;
  }
  .swal2-input, .swal2-range, .swal2-file, .swal2-select, .swal2-textarea {
    margin: 15px 20px 0;
  }
  .swal2-input-label {
    padding: 0 20px;
  }
  .swal2-radio {
    margin-right: 10px;
    margin-left: 10px;
  }
  .swal2-checkbox {
    margin-right: 20px;
    margin-left: 20px;
  }
  .swal2-validation-message {
    padding-right: 20px;
    padding-left: 20px;
  }
  .swal2-actions {
    align-items: stretch;
    padding: 0 15px 10px;
  }
  .swal2-styled.swal2-confirm, .swal2-styled.swal2-deny, .swal2-styled.swal2-cancel {
    max-width: calc(50% - 10px);
    white-space: normal;
  }
  .swal2-footer {
    padding-right: 20px;
    padding-left: 20px;
    font-size: 1.4rem;
  }
  .tablePagination {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .tablePagination-limit {
    margin: 0 0 0 1em;
  }
  .tableResponsive-sm .tableResponsive-item .form-control[class*=w-] {
    width: 100% !important;
  }
  .tableResponsive-md .tableResponsive-item .form-control[class*=w-] {
    width: 100% !important;
  }
  .topInformationMenu-img {
    width: auto;
  }
  .topInformationMenu-text {
    font-size: 2rem;
  }
}

@media (min-width: 992px) {
  body::after {
    content: "lg";
  }
  .globalWrapperFullScreen .alertBar {
    padding-left: 315px;
  }
  .column-sub {
    width: 200px;
  }
  .column-main {
    width: calc(100% - 240px);
  }
  .containerFullScreen-main {
    padding-left: 300px;
  }
  .globalWrapper {
    padding-left: 240px;
  }
  .header {
    padding-left: 240px;
  }
  .overlay.is-open {
    opacity: 0;
    z-index: -1;
    pointer-events: none;
  }
  .sidebar {
    transform: none;
  }
  .sidebarFullScreen {
    transform: none;
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1);
  }
  .detailList-title {
    width: 240px;
  }
  .detailList-detail {
    width: calc(100% - 240px);
  }
  .formRow-btnWrap {
    display: flex;
    gap: 1rem;
  }
  .formRow-btnWrap > .select2-container {
    overflow-x: hidden;
  }
  .formRow-btnWrap > .btn {
    flex-shrink: 0;
  }
  .modal-edit {
    width: calc(100% - 30px);
    max-width: calc(1020px + 3rem);
  }
  .monitoringDetail-list {
    -moz-columns: 3;
         columns: 3;
  }
  .column-col-side .nav-category {
    display: block;
  }
  .nav-category-item:not(:last-child)::after {
    content: none;
  }
  .nav-category-link {
    padding-right: 0;
    padding-left: 0;
  }
  .quantityChangeList-row {
    display: flex;
    align-items: center;
  }
  .quantityChangeList-name {
    padding: 1rem 1rem;
    width: calc(100% - 21em);
  }
  .quantityChangeList-detail {
    width: 21em;
  }
  .quantityChangeList-before, .quantityChangeList-after {
    width: 8em;
    text-align: center;
  }
  .quantityChangeList-time {
    margin-left: 0;
    width: 5em;
    text-align: right;
  }
  .summary-header {
    display: flex;
  }
  .summary-title {
    display: block;
    padding-left: calc(1.5rem + 3.25rem);
    width: 25%;
  }
  .summary-title .card-title {
    margin-bottom: 0.25em;
  }
  .summary-title .card-title img {
    position: absolute;
    top: 0.15em;
    left: -3.25rem;
  }
  .summary-menu {
    border-top: none;
    border-left: 1px solid #d7dce2;
    width: 75%;
  }
  .summary-data > span {
    font-size: 4rem;
  }
  .tableResponsive-lg .tableResponsive-item .form-control[class*=w-] {
    width: 100% !important;
  }
}

@media (min-width: 1200px) {
  body::after {
    content: "xl";
  }
  .topInformation {
    display: grid;
    max-height: 540px;
    grid-template-areas: "main information";
    grid-gap: 0 1.5rem;
    grid-template-columns: 1fr 360px;
  }
  .topInformation-information {
    margin-top: 0;
  }
  .topInformation-barChart {
    height: 360px;
  }
  .list-group-dashboard-thin .list-group-inner {
    display: block;
  }
  .list-group-dashboard-thin .list-group-header {
    margin-bottom: 0.5em;
  }
  .list-group-dashboard-thin .list-group-body {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .orderList-confirm .orderList-row-header, .orderList-reorder .orderList-row-header {
    display: grid;
  }
  .orderList-confirm .orderList-row-header + .orderList-row-body, .orderList-reorder .orderList-row-header + .orderList-row-body {
    border-top: none;
  }
  .orderList-row-header, .orderList-row-body {
    align-items: center;
    grid-gap: 20px;
  }
  .orderList-cart .orderList-row-header, .orderList-cart .orderList-row-body {
    grid-template-areas: "checkbox img detail unit send quantity subtotal";
    grid-template-columns: 2rem 125px 2fr 1fr 1fr 0.5fr 1fr;
  }
  .orderList-confirm .orderList-row-header, .orderList-confirm .orderList-row-body {
    grid-template-areas: "img detail unit send quantity subtotal";
    grid-template-columns: 125px 2fr 1fr 1fr 0.5fr 1fr;
  }
  .orderList-reorder .orderList-row-header, .orderList-reorder .orderList-row-body {
    grid-template-areas: "img detail unit send quantity subtotal form";
    grid-template-columns: 125px 2fr 1fr 1fr 0.5fr 1fr 140px;
  }
  .orderList-row-header .orderList-item-detail, .orderList-row-header .orderList-item-unit, .orderList-row-header .orderList-item-send, .orderList-row-header .orderList-item-quantity, .orderList-row-header .orderList-item-subtotal, .orderList-row-header .orderList-item-form {
    display: block;
  }
  .orderList-cart .orderList-row-body .orderList-item-quantity .form-control {
    max-width: none;
  }
  .orderList-quantityText {
    display: none;
  }
  .orderList-subtotalText {
    display: none;
  }
  .productDetail-main {
    grid-gap: 10px 30px;
    grid-template-areas: "gallery product-name operation" "gallery detail operation";
    grid-template-columns: 300px 1fr 210px;
    grid-template-rows: auto 1fr;
  }
  .productDetail-detail {
    margin-top: 0;
  }
  .productDetail-operationItem-column {
    display: block;
  }
  .productDetail-operationHeader {
    width: 100%;
  }
  .productDetail-operationBody {
    margin-top: 20px;
    width: 100%;
  }
  .productDetail-deadline br {
    display: block;
  }
  .productDetail-form {
    grid-template-areas: "form-quantity" "form-cart" "form-favorite";
    grid-template-columns: 100%;
  }
  .productDetail-sub {
    margin-top: 40px;
  }
  .productList-row {
    align-items: center;
    grid-gap: 20px;
    grid-template-areas: "img detail quantity price form" "img deadline quantity price form";
    grid-template-columns: 125px 2fr 1fr 1fr 160px;
  }
  .productList-item-detail {
    align-self: end;
  }
  .productList-item-deadline {
    align-self: start;
  }
  .productList-item-deadline br {
    display: block;
  }
  .productList-item-quantity {
    text-align: center;
  }
  .productList-item-price {
    align-self: center;
    text-align: center;
  }
}

@media (min-width: 1300px) {
  .analysisTotalList-item {
    width: calc(25% - 6px);
  }
}

@media (min-width: 1400px) {
  .productDetail-main {
    grid-template-columns: 400px 1fr 210px;
  }
}

@media (min-width: 1500px) {
  .topInformation {
    grid-template-columns: 2fr 1fr;
  }
  .color-picker-row2 {
    width: 251px;
  }
}

@media (min-width: 1550px) {
  .productList-item-deadline br {
    display: none;
  }
}

@media (min-width: 1600px) {
  .browser-app-TB .chartPie {
    font-size: 50px;
  }
  .browser-app-TB .chartPie::before, .browser-app-TB .chartPie::after {
    font-size: 1.2rem;
  }
  .color-header {
    display: flex;
    justify-content: space-between;
  }
  .monitoringDetail {
    display: flex;
    justify-content: space-between;
    padding: 0;
    border: none;
    height: 100%;
    background-color: transparent;
  }
  .browser-app-TB .monitoringDetail {
    padding: 0;
  }
  .monitoringDetail-title {
    justify-content: center;
    padding: 1rem 1rem;
    border-bottom: none;
    width: 75px;
    background-color: #f3f6fa;
    font-weight: 400;
    text-align: center;
  }
  .browser-app .monitoringDetail-title {
    width: 85px;
  }
  .monitoringDetail-title::before {
    content: none;
  }
  .browser-app .monitoringDetail-label {
    padding-right: 14px !important;
    font-size: 12px !important;
  }
  .monitoringDetail-label br {
    display: block;
  }
  * + .monitoringDetail-label {
    margin-top: 0.25em;
    margin-left: 0;
  }
  .monitoringDetail-list {
    display: table;
    width: calc(100% - 75px);
    height: 100%;
    table-layout: fixed;
    -moz-columns: auto;
         columns: auto;
    -moz-column-gap: normal;
         column-gap: normal;
  }
  .browser-app .monitoringDetail-list {
    width: calc(100% - 85px);
  }
  .monitoringDetail-item {
    display: table-cell;
    padding: 1rem 1rem;
    border-bottom: none;
    font-weight: 400;
    vertical-align: middle;
  }
  .browser-app-TB .monitoringDetail-item {
    padding: 1rem 1rem;
  }
  .monitoringDetail-list .monitoringDetail-item:nth-child(even) {
    background-color: #f3f6fa;
  }
  .monitoringDetail-item::before {
    content: none;
  }
  .monitoringDetail-item.text-success, .monitoringDetail-item.text-danger {
    font-weight: 700;
  }
  .monitoringHeader-name {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: calc(100% - 1185px);
  }
  .monitoringList-arrival .monitoringHeader-name {
    width: calc(100% - 1100px);
  }
  .browser-app .monitoringHeader-name {
    width: calc(100% - 1335px);
  }
  .browser-app .monitoringList-arrival .monitoringHeader-name {
    width: calc(100% - 1420px);
  }
  .monitoringHeader-progress {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 360px;
    text-align: center;
  }
  .monitoringList-arrival .monitoringHeader-progress {
    width: 200px;
  }
  .browser-app .monitoringHeader-progress {
    width: 400px;
  }
  .monitoringHeader-detail {
    width: 825px;
  }
  .monitoringList-arrival .monitoringHeader-detail {
    width: 900px;
  }
  .browser-app .monitoringHeader-detail {
    width: 935px;
  }
  .browser-app .monitoringList-arrival .monitoringHeader-detail {
    width: 1020px;
  }
  .browser-app .monitoringList {
    font-size: 16px;
  }
  .monitoringList-item {
    border-radius: 0;
  }
  .browser-app-TB .monitoringList-title {
    padding-right: 16px;
    padding-left: 16px;
  }
  .monitoringList-header {
    display: block;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 5;
    background-color: #fff;
  }
  .monitoringList-title + .monitoringList-header {
    top: 48px;
  }
  .monitoringList-row {
    display: flex;
    padding: 0;
  }
  .browser-app-TB .monitoringList-row {
    padding: 0;
  }
  .monitoringList-name {
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    padding: 1rem 1rem;
    width: calc(100% - 1185px);
    font-size: 1.4rem;
    font-weight: 400;
    gap: 0;
  }
  .monitoringList-arrival .monitoringList-name {
    width: calc(100% - 1100px);
  }
  .browser-app .monitoringList-name {
    width: calc(100% - 1335px);
  }
  .browser-app .monitoringList-arrival .monitoringList-name {
    width: calc(100% - 1420px);
  }
  .browser-app-TB .monitoringList-name {
    font-size: 16px;
  }
  .monitoringList-name > .badge {
    margin-top: 0.5em;
  }
  .monitoringList-progress {
    margin: 0 auto;
    padding: 1rem 1rem;
    width: 360px;
  }
  .monitoringList-arrival .monitoringList-progress {
    width: 200px;
  }
  .browser-app .monitoringList-progress {
    width: 400px;
  }
  .monitoringList-detail {
    margin-top: 0;
    width: 825px;
  }
  .monitoringList-arrival .monitoringList-detail {
    width: 900px;
  }
  .browser-app .monitoringList-detail {
    width: 935px;
  }
  .browser-app .monitoringList-arrival .monitoringList-detail {
    width: 1020px;
  }
}

@media print {
  body {
    min-width: auto !important;
  }
  .alertBar {
    display: none;
  }
  @page{
    margin: 0;
    size: A4 portrait;
  }
  .print-container {
    padding: 0;
    background-color: transparent;
  }
  .print-item {
    margin: 0;
    border: none;
  }
  .print-item:not(:first-child) {
    margin-top: 0;
  }
  .print-item:not(:last-of-type) {
    page-break-after: always;
  }
  .print-item::before {
    content: none;
  }
}

@media (orientation: landscape) {
  .loginForm {
    background-image: url(/ex/images/common/bg-login-pc.png);
  }
}

@media (max-width: 575px) {
  .btn-responsive-sm {
    width: auto;
    min-height: 32px;
    padding: 0.25rem 0.5rem;
  }
  .btn-responsive-sm::before {
    margin-right: 0.25em;
    width: 1.2em;
    height: 1.2em;
    font-size: 1.2em;
    vertical-align: middle;
    line-height: 1.2;
  }
  .btn-responsive-sm .btn-responsiveLabel {
    display: inline-block;
  }
  .tableResponsive-sm > tbody > tr > td .form-switch .form-check-label {
    display: inline;
    font-size: 1.2rem;
  }
  .tableResponsive-sm > tbody > tr > td .btn-icon::before {
    margin-right: 0.25em;
    width: 1.2em;
    height: 1.2em;
    font-size: 1.2em;
    vertical-align: middle;
  }
  .tableResponsive-sm > tbody > tr > td .btn-link {
    padding: 0;
    width: auto;
    min-height: 32px;
  }
  .tableResponsive-sm {
    display: block;
  }
  .tableResponsive-sm .tableResponsive-body, .tableResponsive-sm .tableResponsive-footer {
    display: block;
  }
  .tableResponsive-sm .tableResponsive-header {
    display: none;
  }
  .tableResponsive-sm .tableResponsive-body .tableResponsive-item {
    text-align: left !important;
  }
  .tableResponsive-sm .tableResponsive-row {
    display: block;
    position: relative;
    padding: 10px;
  }
  .tableResponsive-sm .tableResponsive-item {
    display: block;
    padding: 0 !important;
  }
  .tableResponsive-sm.tableResponsive-horizontal .tableResponsive-item {
    display: flex;
    align-items: flex-start;
  }
  .tableResponsive-sm .tableResponsive-item[data-item-title]::before {
    content: attr(data-item-title);
    display: block;
    margin-bottom: 0.25rem;
    color: #212529;
  }
  .tableResponsive-sm.tableResponsive-horizontal .tableResponsive-item[data-item-title]::before {
    flex-shrink: 0;
    margin-right: 1em;
    margin-bottom: 0;
    width: 6em;
    color: #6b7681;
  }
  .tableResponsive-sm .tableResponsive-item:empty {
    display: none;
    margin-top: 0 !important;
  }
  .tableResponsive-sm .tableResponsive-item:not(:first-child) {
    margin-top: 10px;
  }
  .tableResponsive-sm .tableResponsive-item-header {
    margin: -10px -10px 0;
    padding: 10px !important;
    background-color: #fdeeea;
  }
  .tableResponsive-sm .tableResponsive-item .table-link {
    padding: 0;
  }
  .tableResponsive-sm .tableResponsive-item .table-link::after {
    position: static;
    transform: none;
    margin-left: 0.25em;
  }
  .tableResponsive-sm .tableResponsive-btn {
    justify-content: flex-end;
  }
}

@media (max-width: 767px) {
  .btn-responsive-md {
    width: auto;
    min-height: 32px;
    padding: 0.25rem 0.5rem;
  }
  .btn-responsive-md::before {
    margin-right: 0.25em;
    width: 1.2em;
    height: 1.2em;
    font-size: 1.2em;
    vertical-align: middle;
    line-height: 1.2;
  }
  .btn-responsive-md .btn-responsiveLabel {
    display: inline-block;
  }
  .tablePhotoList {
    display: block;
  }
  .tablePhotoList-header, .tablePhotoList-body {
    display: block;
  }
  .tablePhotoList-row {
    display: block;
    position: relative;
  }
  .tablePhotoList-body .tablePhotoList-row {
    padding: 10px 10px 10px calc(90px + 2rem);
    min-height: 80px;
  }
  .tablePhotoList-item {
    display: block;
  }
  .tablePhotoList-body .tablePhotoList-item {
    padding: 0 !important;
    text-align: left !important;
  }
  .tablePhotoList-header .tablePhotoList-item:not(:first-child) {
    display: none;
  }
  .tablePhotoList-item[data-item-title]::before {
    content: attr(data-item-title) "：";
  }
  .tablePhotoList-item-img + .tablePhotoList-item ~ .tablePhotoList-item {
    margin-top: 0.5em;
  }
  .tablePhotoList-body .tablePhotoList-item-checkbox {
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 10px;
    z-index: 2;
    transform: translateY(-50%);
    width: auto;
    height: 60px;
  }
  .tablePhotoList-body .tablePhotoList-item-img {
    display: block;
    position: absolute;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    width: 60px;
  }
  .tablePhotoList-list .tablePhotoList-body .tablePhotoList-item-img {
    left: 10px;
  }
  .tablePhotoList-checkbox .tablePhotoList-body .tablePhotoList-item-img {
    left: calc(2rem + 20px);
  }
  .tablePhotoList-headerTextSp {
    display: inline-block;
    margin-left: 10px;
  }
  .tablePhotoList .table-link {
    display: inline;
    padding: 0;
  }
  .tablePhotoList .table-link::after {
    position: static;
    margin-left: 0.25em;
  }
  .tableResponsive-md > tbody > tr > td .form-switch .form-check-label {
    display: inline;
    font-size: 1.2rem;
  }
  .tableResponsive-md > tbody > tr > td .btn-icon::before {
    margin-right: 0.25em;
    width: 1.2em;
    height: 1.2em;
    font-size: 1.2em;
    vertical-align: middle;
  }
  .tableResponsive-md > tbody > tr > td .btn-link {
    padding: 0;
    width: auto;
    min-height: 32px;
  }
  .tableResponsive-md {
    display: block;
  }
  .tableResponsive-md .tableResponsive-body, .tableResponsive-md .tableResponsive-footer {
    display: block;
  }
  .tableResponsive-md .tableResponsive-header {
    display: none;
  }
  .tableResponsive-md .tableResponsive-body .tableResponsive-item {
    text-align: left !important;
  }
  .tableResponsive-md .tableResponsive-row {
    display: block;
    position: relative;
    padding: 10px;
  }
  .tableResponsive-md .tableResponsive-item {
    display: block;
    padding: 0 !important;
  }
  .tableResponsive-md.tableResponsive-horizontal .tableResponsive-item {
    display: flex;
    align-items: flex-start;
  }
  .tableResponsive-md .tableResponsive-item[data-item-title]::before {
    content: attr(data-item-title);
    display: block;
    margin-bottom: 0.25rem;
    color: #212529;
  }
  .tableResponsive-md.tableResponsive-horizontal .tableResponsive-item[data-item-title]::before {
    flex-shrink: 0;
    margin-right: 1em;
    margin-bottom: 0;
    width: 6em;
    color: #6b7681;
  }
  .tableResponsive-md .tableResponsive-item:empty {
    display: none;
    margin-top: 0 !important;
  }
  .tableResponsive-md .tableResponsive-item:not(:first-child) {
    margin-top: 10px;
  }
  .tableResponsive-md .tableResponsive-item-header {
    margin: -10px -10px 0;
    padding: 10px !important;
    background-color: #fdeeea;
  }
  .tableResponsive-md .tableResponsive-item .table-link {
    padding: 0;
  }
  .tableResponsive-md .tableResponsive-item .table-link::after {
    position: static;
    transform: none;
    margin-left: 0.25em;
  }
  .tableResponsive-md .tableResponsive-btn {
    justify-content: flex-end;
  }
}

@media (max-width: 991px) {
  .btn-responsive-lg {
    width: auto;
    min-height: 32px;
    padding: 0.25rem 0.5rem;
  }
  .btn-responsive-lg::before {
    margin-right: 0.25em;
    width: 1.2em;
    height: 1.2em;
    font-size: 1.2em;
    vertical-align: middle;
    line-height: 1.2;
  }
  .btn-responsive-lg .btn-responsiveLabel {
    display: inline-block;
  }
  .tableResponsive-lg > tbody > tr > td .form-switch .form-check-label {
    display: inline;
    font-size: 1.2rem;
  }
  .tableResponsive-lg > tbody > tr > td .btn-icon::before {
    margin-right: 0.25em;
    width: 1.2em;
    height: 1.2em;
    font-size: 1.2em;
    vertical-align: middle;
  }
  .tableResponsive-lg > tbody > tr > td .btn-link {
    padding: 0;
    width: auto;
    min-height: 32px;
  }
  .tableResponsive-lg {
    display: block;
  }
  .tableResponsive-lg .tableResponsive-body, .tableResponsive-lg .tableResponsive-footer {
    display: block;
  }
  .tableResponsive-lg .tableResponsive-header {
    display: none;
  }
  .tableResponsive-lg .tableResponsive-body .tableResponsive-item {
    text-align: left !important;
  }
  .tableResponsive-lg .tableResponsive-row {
    display: block;
    position: relative;
    padding: 10px;
  }
  .tableResponsive-lg .tableResponsive-item {
    display: block;
    padding: 0 !important;
  }
  .tableResponsive-lg.tableResponsive-horizontal .tableResponsive-item {
    display: flex;
    align-items: flex-start;
  }
  .tableResponsive-lg .tableResponsive-item[data-item-title]::before {
    content: attr(data-item-title);
    display: block;
    margin-bottom: 0.25rem;
    color: #212529;
  }
  .tableResponsive-lg.tableResponsive-horizontal .tableResponsive-item[data-item-title]::before {
    flex-shrink: 0;
    margin-right: 1em;
    margin-bottom: 0;
    width: 6em;
    color: #6b7681;
  }
  .tableResponsive-lg .tableResponsive-item:empty {
    display: none;
    margin-top: 0 !important;
  }
  .tableResponsive-lg .tableResponsive-item:not(:first-child) {
    margin-top: 10px;
  }
  .tableResponsive-lg .tableResponsive-item-header {
    margin: -10px -10px 0;
    padding: 10px !important;
    background-color: #fdeeea;
  }
  .tableResponsive-lg .tableResponsive-item .table-link {
    padding: 0;
  }
  .tableResponsive-lg .tableResponsive-item .table-link::after {
    position: static;
    transform: none;
    margin-left: 0.25em;
  }
  .tableResponsive-lg .tableResponsive-btn {
    justify-content: flex-end;
  }
}

@media (min-width: ) {
  .modal-xxl {
    width: calc(100% - 80px) !important;
    max-width: 1600px;
  }
}

@media (max-width: 1199px) {
  .tableResponsive-sm .tableResponsive-item .badge-status {
    display: inline-block;
    width: auto;
    min-width: 4em;
  }
  .tableResponsive-md .tableResponsive-item .badge-status {
    display: inline-block;
    width: auto;
    min-width: 4em;
  }
  .tableResponsive-lg .tableResponsive-item .badge-status {
    display: inline-block;
    width: auto;
    min-width: 4em;
  }
}