@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;
}

:root, :root[data-theme=buyer]{
  --bs-primary:#0a58ca;
  --color-primary:#0a58ca;
  --color-primary-rgb:10, 88, 202;
  --color-primary-hover:#094eb2;
  --color-primary-dark:#084399;
  --color-primary-light:#e0eafa;
  --color-primary-pale:#f5f9ff;
}
:root[data-theme=seller]{
  --bs-primary:#09b26d;
  --color-primary:#09b26d;
  --color-primary-rgb:9, 178, 109;
  --color-primary-hover:#089a5e;
  --color-primary-dark:#07814f;
  --color-primary-light:#e0f7ed;
  --color-primary-pale:#f5fefa;
}

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;
}

a[href^="tel:"]{
  color:inherit;
}

.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.3rem rgba(var(--color-primary-rgb), 0.2);
  border-color:var(--color-primary);
}
.swal2-input:disabled, .swal2-select:disabled, [readonly].swal2-input, [readonly].swal2-select{
  opacity:0.7;
  background-color:#ecf0f4;
}

.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, .formRow-check .form-check .form-check-input[type=checkbox]:indeterminate + .form-check-label, .formGrid .form-check .form-check-input[type=checkbox]:indeterminate + .form-check-label{
  border-color:var(--color-primary);
  background-color:var(--color-primary-light);
}
.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:#ecf0f4;
}

.formRow-check.formRow-sm .form-check{
  font-size:1.4rem;
}
.formRow-check.formRow-sm .form-check .form-check-input{
  left:0.75rem;
  width:1.6rem;
  height:1.6rem;
}
.formRow-check.formRow-sm .form-check .form-check-label{
  padding:0.25rem 0.75rem 0.25rem calc(0.75rem + 20px);
  min-height:32px;
}

.title, .detail-title, .cms h2,
.cms h3,
.cms h4,
.cke_editable h2,
.cke_editable h3,
.cke_editable h4,
.cke_panel_listItem h2,
.cke_panel_listItem h3,
.cke_panel_listItem h4{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  font-weight:400;
  line-height:1.6;
}
.title .mdi, .detail-title .mdi, .cms h2 .mdi,
.cms h3 .mdi,
.cms h4 .mdi,
.cke_editable h2 .mdi,
.cke_editable h3 .mdi,
.cke_editable h4 .mdi,
.cke_panel_listItem h2 .mdi,
.cke_panel_listItem h3 .mdi,
.cke_panel_listItem h4 .mdi,
.title img,
.detail-title img,
.cms h2 img,
.cms h3 img,
.cms h4 img,
.cke_editable h2 img,
.cke_editable h3 img,
.cke_editable h4 img,
.cke_panel_listItem h2 img,
.cke_panel_listItem h3 img,
.cke_panel_listItem h4 img,
.title svg,
.detail-title svg,
.cms h2 svg,
.cms h3 svg,
.cms h4 svg,
.cke_editable h2 svg,
.cke_editable h3 svg,
.cke_editable h4 svg,
.cke_panel_listItem h2 svg,
.cke_panel_listItem h3 svg,
.cke_panel_listItem h4 svg{
  margin-right:0.25em;
}
.title .mdi, .detail-title .mdi, .cms h2 .mdi,
.cms h3 .mdi,
.cms h4 .mdi,
.cke_editable h2 .mdi,
.cke_editable h3 .mdi,
.cke_editable h4 .mdi,
.cke_panel_listItem h2 .mdi,
.cke_panel_listItem h3 .mdi,
.cke_panel_listItem h4 .mdi{
  font-size:1.2em;
  line-height:1;
}
.title img, .detail-title img, .cms h2 img,
.cms h3 img,
.cms h4 img,
.cke_editable h2 img,
.cke_editable h3 img,
.cke_editable h4 img,
.cke_panel_listItem h2 img,
.cke_panel_listItem h3 img,
.cke_panel_listItem h4 img,
.title svg,
.detail-title svg,
.cms h2 svg,
.cms h3 svg,
.cms h4 svg,
.cke_editable h2 svg,
.cke_editable h3 svg,
.cke_editable h4 svg,
.cke_panel_listItem h2 svg,
.cke_panel_listItem h3 svg,
.cke_panel_listItem h4 svg{
  width:1.2em;
  height:auto;
}

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

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

.title-sm, .productDetail-subTitle, .detail-title-sm, .title-cmsMd, .cms h3,
.cke_editable h3,
.cke_panel_listItem h3{
  font-size:1.8rem;
}

.title-xs, .title-cmsSm, .cms h4,
.cke_editable h4,
.cke_panel_listItem h4{
  font-size:1.6rem;
}

.title-cmsLg, .cms h2,
.cke_editable h2,
.cke_panel_listItem h2{
  border-bottom:2px solid var(--color-primary);
  font-size:2rem;
}

.title-cmsMd, .cms h3,
.cke_editable h3,
.cke_panel_listItem h3{
  border-bottom:2px solid #c9cfd6;
}

.title-cmsSm, .cms h4,
.cke_editable h4,
.cke_panel_listItem h4{
  font-weight:700;
}

.list-ul:not(.small) > li:not(:first-child), .list-ol:not(.small) > li:not(:first-child), .list-olpParens:not(.small) > li:not(:first-child), .list-notes:not(.small) > li:not(:first-child), .cms ul:not(.small) > li:not(:first-child),
.cms ol:not(.small) > li:not(:first-child),
.cke_editable ul:not(.small) > li:not(:first-child),
.cke_editable ol:not(.small) > li:not(:first-child),
.cke_panel_listItem ul:not(.small) > li:not(:first-child),
.cke_panel_listItem ol:not(.small) > li:not(:first-child){
  margin-top:0.5em;
}
.list-ul > li, .list-ol > li, .list-olpParens > li, .list-notes > li, .cms ul > li,
.cms ol > li,
.cke_editable ul > li,
.cke_editable ol > li,
.cke_panel_listItem ul > li,
.cke_panel_listItem ol > li{
  position:relative;
  line-height:1.6;
}
.list-ul > li::before, .list-ol > li::before, .list-olpParens > li::before, .list-notes > li::before, .cms ul > li::before,
.cms ol > li::before,
.cke_editable ul > li::before,
.cke_editable ol > li::before,
.cke_panel_listItem ul > li::before,
.cke_panel_listItem ol > li::before{
  content:"";
  position:absolute;
}

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

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

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

.tableResponsiveCompare, .tableResponsive, .tablePhotoList, .tablePhotoDetail, .table-list{
  border-top:1px solid #c9cfd6;
  border-right:1px solid #c9cfd6;
  border-left:1px solid #c9cfd6;
  height:1px;
  background-color:#fff;
  word-break:break-word;
  --bs-table-active-bg:#d7dce2;
  overflow-wrap:break-word;
}
.tableResponsiveCompare > thead > tr, .tableResponsive > thead > tr, .tablePhotoList > thead > tr, .tablePhotoDetail > thead > tr, .table-list > thead > tr,
.tableResponsiveCompare > tbody > tr,
.tableResponsive > tbody > tr,
.tablePhotoList > tbody > tr,
.tablePhotoDetail > tbody > tr,
.table-list > tbody > tr,
.tableResponsiveCompare > tfoot > tr,
.tableResponsive > tfoot > tr,
.tablePhotoList > tfoot > tr,
.tablePhotoDetail > tfoot > tr,
.table-list > tfoot > tr{
  background-color:#fff;
}
.tableResponsiveCompare > thead > tr > th, .tableResponsive > thead > tr > th, .tablePhotoList > thead > tr > th, .tablePhotoDetail > thead > tr > th, .table-list > thead > tr > th,
.tableResponsiveCompare > thead > tr > td,
.tableResponsive > thead > tr > td,
.tablePhotoList > thead > tr > td,
.tablePhotoDetail > thead > tr > td,
.table-list > thead > tr > td,
.tableResponsiveCompare > tbody > tr > th,
.tableResponsive > tbody > tr > th,
.tablePhotoList > tbody > tr > th,
.tablePhotoDetail > tbody > tr > th,
.table-list > tbody > tr > th,
.tableResponsiveCompare > tbody > tr > td,
.tableResponsive > tbody > tr > td,
.tablePhotoList > tbody > tr > td,
.tablePhotoDetail > tbody > tr > td,
.table-list > tbody > tr > td,
.tableResponsiveCompare > tfoot > tr > th,
.tableResponsive > tfoot > tr > th,
.tablePhotoList > tfoot > tr > th,
.tablePhotoDetail > tfoot > tr > th,
.table-list > tfoot > tr > th,
.tableResponsiveCompare > tfoot > tr > td,
.tableResponsive > tfoot > tr > td,
.tablePhotoList > tfoot > tr > td,
.tablePhotoDetail > tfoot > tr > td,
.table-list > tfoot > tr > td{
  vertical-align:middle;
}
.browser-firefox .tableResponsiveCompare > thead > tr > th, .browser-firefox .tableResponsive > thead > tr > th, .browser-firefox .tablePhotoList > thead > tr > th, .browser-firefox .tablePhotoDetail > thead > tr > th, .browser-firefox .table-list > thead > tr > th,
.browser-firefox .tableResponsiveCompare > thead > tr > td,
.browser-firefox .tableResponsive > thead > tr > td,
.browser-firefox .tablePhotoList > thead > tr > td,
.browser-firefox .tablePhotoDetail > thead > tr > td,
.browser-firefox .table-list > thead > tr > td,
.browser-firefox .tableResponsiveCompare > tbody > tr > th,
.browser-firefox .tableResponsive > tbody > tr > th,
.browser-firefox .tablePhotoList > tbody > tr > th,
.browser-firefox .tablePhotoDetail > tbody > tr > th,
.browser-firefox .table-list > tbody > tr > th,
.browser-firefox .tableResponsiveCompare > tbody > tr > td,
.browser-firefox .tableResponsive > tbody > tr > td,
.browser-firefox .tablePhotoList > tbody > tr > td,
.browser-firefox .tablePhotoDetail > tbody > tr > td,
.browser-firefox .table-list > tbody > tr > td,
.browser-firefox .tableResponsiveCompare > tfoot > tr > th,
.browser-firefox .tableResponsive > tfoot > tr > th,
.browser-firefox .tablePhotoList > tfoot > tr > th,
.browser-firefox .tablePhotoDetail > tfoot > tr > th,
.browser-firefox .table-list > tfoot > tr > th,
.browser-firefox .tableResponsiveCompare > tfoot > tr > td,
.browser-firefox .tableResponsive > tfoot > tr > td,
.browser-firefox .tablePhotoList > tfoot > tr > td,
.browser-firefox .tablePhotoDetail > tfoot > tr > td,
.browser-firefox .table-list > tfoot > tr > td{
  background-clip:padding-box;
}
.tableResponsiveCompare > thead > tr > th, .tableResponsive > thead > tr > th, .tablePhotoList > thead > tr > th, .tablePhotoDetail > thead > tr > th, .table-list > thead > tr > th{
  position:sticky;
  top:0;
  z-index:1020;
  border-bottom-color:#c9cfd6 !important;
  background-color:var(--color-primary-light);
  font-weight:400;
}
.tableUtility + .tableResponsiveCompare > thead > tr > th, .tableUtility + .tableResponsive > thead > tr > th, .tableUtility + .tablePhotoList > thead > tr > th, .tableUtility + .tablePhotoDetail > thead > tr > th, .tableUtility + .table-list > thead > tr > th{
  top:60px;
}
.tableUtility + .tableResponsiveCompare > thead > tr > th::before, .tableUtility + .tableResponsive > thead > tr > th::before, .tableUtility + .tablePhotoList > thead > tr > th::before, .tableUtility + .tablePhotoDetail > thead > tr > th::before, .tableUtility + .table-list > thead > tr > th::before{
  content:"";
  display:block;
  position:absolute;
  top:-60px;
  left:0;
  width:100%;
  height:60px;
  background-color:#ecf0f4;
}
.tableUtility.tableUtility-wrap + .tableResponsiveCompare > thead > tr > th, .tableUtility.tableUtility-wrap + .tableResponsive > thead > tr > th, .tableUtility.tableUtility-wrap + .tablePhotoList > thead > tr > th, .tableUtility.tableUtility-wrap + .tablePhotoDetail > thead > tr > th, .tableUtility.tableUtility-wrap + .table-list > thead > tr > th{
  top:0;
}
.tableUtility.tableUtility-wrap + .tableResponsiveCompare > thead > tr > th::before, .tableUtility.tableUtility-wrap + .tableResponsive > thead > tr > th::before, .tableUtility.tableUtility-wrap + .tablePhotoList > thead > tr > th::before, .tableUtility.tableUtility-wrap + .tablePhotoDetail > thead > tr > th::before, .tableUtility.tableUtility-wrap + .table-list > thead > tr > th::before{
  display:none;
}
.modal-body .tableResponsiveCompare > thead > tr > th, .modal-body .tableResponsive > thead > tr > th, .modal-body .tablePhotoList > thead > tr > th, .modal-body .tablePhotoDetail > thead > tr > th, .modal-body .table-list > thead > tr > th{
  top:-1.5rem;
}
.tableResponsiveCompare > thead > tr > th::after, .tableResponsive > thead > tr > th::after, .tablePhotoList > thead > tr > th::after, .tablePhotoDetail > thead > tr > th::after, .table-list > thead > tr > th::after{
  content:"";
  display:block;
  position:absolute;
  top:-1px;
  left:0;
  border-top:1px solid #c9cfd6;
  border-bottom:1px solid #c9cfd6;
  width:100%;
  height:calc(100% + 2px);
  pointer-events:none;
}
.tableResponsiveCompare, .tableResponsive, .tablePhotoList, .tablePhotoDetail{
  width:100%;
  color:#212529;
}
.tableResponsiveCompare > thead > tr, .tableResponsive > thead > tr, .tablePhotoList > thead > tr, .tablePhotoDetail > thead > tr,
.tableResponsiveCompare > tbody > tr,
.tableResponsive > tbody > tr,
.tablePhotoList > tbody > tr,
.tablePhotoDetail > tbody > tr,
.tableResponsiveCompare > tfoot > tr,
.tableResponsive > tfoot > tr,
.tablePhotoList > tfoot > tr,
.tablePhotoDetail > tfoot > tr{
  border-bottom:1px solid #c9cfd6;
  background-color:#fff;
}
.tableResponsiveCompare > thead > tr > th, .tableResponsive > thead > tr > th, .tablePhotoList > thead > tr > th, .tablePhotoDetail > thead > tr > th,
.tableResponsiveCompare > thead > tr > td,
.tableResponsive > thead > tr > td,
.tablePhotoList > thead > tr > td,
.tablePhotoDetail > thead > tr > td,
.tableResponsiveCompare > tbody > tr > th,
.tableResponsive > tbody > tr > th,
.tablePhotoList > tbody > tr > th,
.tablePhotoDetail > tbody > tr > th,
.tableResponsiveCompare > tbody > tr > td,
.tableResponsive > tbody > tr > td,
.tablePhotoList > tbody > tr > td,
.tablePhotoDetail > tbody > tr > td,
.tableResponsiveCompare > tfoot > tr > th,
.tableResponsive > tfoot > tr > th,
.tablePhotoList > tfoot > tr > th,
.tablePhotoDetail > tfoot > tr > th,
.tableResponsiveCompare > tfoot > tr > td,
.tableResponsive > tfoot > tr > td,
.tablePhotoList > tfoot > tr > td,
.tablePhotoDetail > tfoot > tr > td{
  padding:1rem 1rem;
  line-height:1.6;
}
.alertBar{
  display:flex;
  justify-content:center;
  padding:8px 15px;
  width:100%;
  background-color:#e53935;
  font-size:1.2rem;
  color:#fff;
}
.alertBar a{
  color:inherit;
  text-decoration:underline;
}

.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;
}
.container-edit{
  max-width:1050px;
}
.modal .containerFullScreen-main{
  background-color:#ecf0f4;
}
.containerFullScreen-alertBar{
  overflow:auto hidden;
  padding:8px 15px;
  height:40px;
  background-color:var(--color-primary-light);
  font-size:1.2rem;
  white-space:nowrap
}
.containerFullScreen-alertBar::-webkit-scrollbar{
  width:10px;
  height:10px;
}
.containerFullScreen-alertBar::-webkit-scrollbar-track{
  background-color:var(--color-primary-light);
}
.containerFullScreen-alertBar::-webkit-scrollbar-thumb{
  border-radius:1em;
  border:2px solid var(--color-primary-light);
  background-color:rgba(var(--color-primary), 0.15);
}
@supports (scrollbar-width: thin){
  .containerFullScreen-alertBar{
    scrollbar-width:thin;
    scrollbar-color:rgba(var(--color-primary), 0.15) var(--color-primary-light);
  }
}
.containerFullScreen-iframe{
  display:block;
  margin-right:auto;
  margin-left:auto;
  border:0;
  width:100%;
  height:calc(100vh - 110px);
  background-color:#fff;
}

.globalWrapper{
  padding-top:50px;
  transition:padding 0.3s;
}
[data-sidebar-type=mini] .globalWrapper{
  padding-left:70px !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:1024;
  width:100%;
  height:50px;
  background-color:var(--color-primary);
  color:#fff;
  transition:padding 0.3s;
}
[data-sidebar-type=mini] .header{
  padding-left:70px;
}
.header-menuBtn{
  border:none;
  outline:none;
  background-color:transparent;
  padding:8px;
  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:var(--color-primary-hover);
}
.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:1027;
  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:#d7dce2;
}
@supports (scrollbar-width: thin){
  .headerFullScreen{
    scrollbar-width:thin;
    scrollbar-color:#d7dce2 #fff;
  }
}
.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 #c9cfd6;
  border-radius:50%;
  width:4rem;
  height:4rem;
  color:var(--color-primary);
  transition:color 0.15s;
}
.headerFullScreen-back::before{
  content:"\f04d";
  font-family:"Material Design Icons";
  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:var(--color-primary-hover);
}
.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 var(--color-primary-hover);
  height:100%;
}
.headerUtility-link{
  border:none;
  outline:none;
  background-color:transparent;
  text-align:left;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:8px;
  min-width:50px;
  height:100%;
  color:#fff;
  text-decoration:none;
  transition:background-color 0.15s;
}
.headerUtility-link:hover, .headerUtility-link:focus{
  background-color:var(--color-primary-hover);
  color:#fff;
}
.headerUtility-link-icon{
  font-size:2.4rem;
}
.headerUtility-link-cart, .headerUtility-link-user{
  max-width:calc((100vw - 100px) / 2);
}
.headerUtility-icon{
  position:relative;
  line-height:1;
}
.headerUtility-icon-cart{
  flex-shrink:0;
  margin-right:10px;
}
.headerUtility-icon .mdi{
  font-size:2.4rem;
}
.headerUtility-cartName{
  display:-webkit-box;
  overflow:hidden;
  font-size:1.2rem;
  line-height:1.4;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.headerUtility-userIcon{
  flex-shrink:0;
  overflow:hidden;
  margin-right:0.3em;
  border-radius:50%;
  width:30px;
  height:30px;
}
.headerUtility-userIcon svg,
.headerUtility-userIcon img{
  width:100%;
  height:auto;
}
.headerUtility-userText{
  min-width:0;
  line-height:1.4;
}
.headerUtility-userCompany{
  display:block;
  overflow:hidden;
  margin-bottom:0.15em;
  font-size:1.1rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.headerUtility-userName{
  display:block;
  overflow:hidden;
  font-size:1.2rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.headerUtility-badge{
  display:block;
  position:absolute;
  top:-3px;
  right:-3px;
  border-radius:50%;
  width:8px;
  height:8px;
  background-color:#e53935;
}

.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:1025;
  pointer-events:auto;
}

.section{
  padding:20px 0;
}
.section-center{
  display:flex;
  justify-content:center;
  align-items:center;
}
.globalWrapperFullScreen .section-center{
  min-height:calc(100vh - 70px);
}
.section-nav{
  margin-right:-15px;
}
.section-nav .breadcrumb{
  flex-wrap:nowrap;
  overflow-x:auto
}
.section-nav .breadcrumb::-webkit-scrollbar{
  width:10px;
  height:10px;
}
.section-nav .breadcrumb::-webkit-scrollbar-track{
  background-color:transparent;
}
.section-nav .breadcrumb::-webkit-scrollbar-thumb{
  border-radius:1em;
  border:2px solid transparent;
  background-color:#c9cfd6;
}
@supports (scrollbar-width: thin){
  .section-nav .breadcrumb{
    scrollbar-width:thin;
    scrollbar-color:#c9cfd6 transparent;
  }
}
.section-nav .breadcrumb-item{
  flex-shrink:0;
}
.section-nav .breadcrumb-item:last-child::after{
  content:"";
  display:block;
  width:15px;
}
.section-header{
  display:flex;
  align-items:flex-start;
  margin-bottom:1.5rem;
  font-size:2.4rem;
  font-weight:400;
  line-height:1.6;
  gap:1rem;
}
.section-btn{
  display:flex;
  flex-shrink:0;
  justify-content:center;
  align-items:center;
  border:1px solid #c9cfd6;
  border-radius:50%;
  width:3rem;
  height:3rem;
  background-color:#fff;
  color:var(--color-primary);
  transition:color 0.15s;
}
.section-btn::before{
  content:"\f04d";
  font-family:"Material Design Icons";
  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:var(--color-primary-hover);
}
.section-title{
  flex:1 1 auto;
  margin-bottom:0;
  font-size:2.4rem;
  line-height:1.4;
}
.section-subBtn{
  flex-shrink:0;
}
.section-subBtn .btn{
  vertical-align:top;
}
.section-body-edit{
  max-width:1000px;
}

.sidebar{
  position:fixed;
  top:0;
  left:0;
  z-index:1026;
  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:#d7dce2;
}
@supports (scrollbar-width: thin){
  [data-sidebar-type=full] .sidebar-inner{
    scrollbar-width:thin;
    scrollbar-color:#d7dce2 #fff;
  }
}
[data-sidebar-type=mini] .sidebar-inner{
  padding:0
}
[data-sidebar-type=mini] .sidebar-inner::-webkit-scrollbar{
  display:none;
}
@supports (scrollbar-width: thin){
  [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-mode{
  display:flex;
  margin-bottom:10px;
}
[data-sidebar-type=mini] .sidebar-mode{
  display:block;
  padding:0 10px;
}
.sidebar-modeBtn{
  outline:none;
  background-color:transparent;
  text-align:left;
  display:inline-flex;
  flex:1;
  justify-content:center;
  align-items:center;
  padding:0.85rem 0.75rem;
  border:1px solid #9ea8b1;
  border-radius:0.5rem;
  width:100%;
  min-height:40px;
  font-size:1.6rem;
  line-height:1.4;
  transition:border-color 0.15s ease-in-out, background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}
[data-sidebar-type=mini] .sidebar-modeBtn{
  font-size:1.4rem;
}
.sidebar-modeBtn:not(:first-child){
  margin-left:-1px;
  border-top-left-radius:0;
  border-bottom-left-radius:0;
}
[data-sidebar-type=mini] .sidebar-modeBtn:not(:first-child){
  margin-top:-1px;
  margin-left:0;
  border-top-right-radius:0;
  border-bottom-left-radius:0.5rem;
}
.sidebar-modeBtn:not(:last-child){
  border-top-right-radius:0;
  border-bottom-right-radius:0;
}
[data-sidebar-type=mini] .sidebar-modeBtn:not(:last-child){
  border-top-right-radius:0.5rem;
  border-bottom-left-radius:0;
}
.sidebar-modeBtn.is-selected{
  position:relative;
  z-index:2;
  pointer-events:none;
}
.sidebar-modeBtn-buyer:hover, .sidebar-modeBtn-buyer:focus{
  border-color:#0a58ca;
  background-color:#e0eafa;
  color:#0a58ca;
}
.sidebar-modeBtn-buyer.is-selected{
  border-color:#0a58ca;
  background-color:#0a58ca;
  color:#fff;
}
.sidebar-modeBtn-seller:hover, .sidebar-modeBtn-seller:focus{
  border-color:#09b26d;
  background-color:#e0f7ed;
  color:#09b26d;
}
.sidebar-modeBtn-seller.is-selected{
  border-color:#09b26d;
  background-color:#09b26d;
  color:#fff;
}

.sidebarFullScreen{
  position:fixed;
  top:0;
  left:0;
  z-index:1026;
  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, .sidebarFullScreen-footer{
  transition:transform 0.2s;
}
.is-show-detail .sidebarFullScreen-header, .is-show-detail .sidebarFullScreen-body, .is-show-detail .sidebarFullScreen-footer{
  transform:translateX(-100%);
}
.sidebarFullScreen-header{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:15px;
  border-bottom:1px solid #c9cfd6;
  height:100px;
}
.sidebarFullScreen-body{
  overflow:hidden auto;
  height:calc(100% - 80px)
}
.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:#d7dce2;
}
@supports (scrollbar-width: thin){
  .sidebarFullScreen-body{
    scrollbar-width:thin;
    scrollbar-color:#d7dce2 #fff;
  }
}
.sidebarFullScreen-body-detail{
  padding:15px;
}
.sidebarFullScreen-showHeader .sidebarFullScreen-body{
  height:calc(100% - 180px);
}
.sidebarFullScreen-footer{
  padding:15px;
  border-top:1px solid #c9cfd6;
  height:80px;
}

.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 #c9cfd6;
}
.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 #c9cfd6;
}
[data-sidebar-type=mini] .sidebarMenu-category:last-child{
  border-bottom:1px solid #c9cfd6;
}
[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:var(--color-primary-light);
  color:var(--color-primary);
}
[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:var(--color-primary);
}
[data-sidebar-type=mini] .sidebarMenu-category:hover .sidebarMenu-list{
  display:block;
}
.sidebarMenu-btn{
  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:#212529;
  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:var(--color-primary);
  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:var(--color-primary-light);
  color:var(--color-primary);
}
.sidebarMenu-btn:hover path, .sidebarMenu-btn:focus path, .sidebarMenu-btn.is-open path{
  fill:var(--color-primary);
}
[data-sidebar-type=mini] .sidebarMenu-btn.is-open{
  background-color:transparent;
  color:#262f38;
}
.sidebarMenu-btn.is-open::after{
  transform:none;
}
.sidebarMenu-icon{
  position:absolute;
  top:50%;
  left:12px;
  transform:translateY(-50%);
  width:18px;
  height:auto;
  font-size:18px;
  line-height:1;
}
[data-sidebar-type=mini] .sidebarMenu-icon{
  position:static;
  transform:none;
  margin-right:0;
  width:3rem;
  font-size:3rem;
}
.sidebarMenu-icon svg{
  width:100%;
}
.sidebarMenu-icon path{
  transition:fill 0.15s;
  fill:#212529;
}
.sidebarMenu-label{
  line-height:1.1;
}
[data-sidebar-type=mini] .sidebarMenu-label{
  margin-top:3px;
  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 #c9cfd6;
  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:var(--color-primary);
}
[data-sidebar-type=mini] .sidebarMenu-link:hover, [data-sidebar-type=mini] .sidebarMenu-link:focus, [data-sidebar-type=mini] .sidebarMenu-link.is-current{
  background-color:var(--color-primary-light);
}
.topInformation-main{
  grid-area:main;
}
.topInformation-information{
  margin-top:3rem;
  grid-area:information;
}
.topInformation-barChart{
  height:240px;
}

.accordion-link{
  display:flex;
  align-items:center;
  padding:1rem 1.25rem;
  width:100%;
}
.accordion-link:focus{
  box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  border-color:#86b7fe;
}
.alert{
  color:#212529;
}
.sidebarSettingDetail .alert{
  padding:1rem;
}
.alert-info{
  border-color:#c9ddf5;
  background:#e4f0fb;
}
.alert-success{
  border-color:#bfe2de;
  background:#e0f2f1;
}
.alert-warning{
  border-color:#ffe4a6;
  background:#fff8e1;
}
.alert-danger{
  border-color:#f9cecd;
  background:#ffebee;
}
.alert-light{
  border-color:#c9cfd6;
}
.alert-light-primary{
  border-color:rgba(var(--color-primary-rgb), 0.5);
  background-color:#fff;
}
.alert-heading{
  margin-bottom:0.5em;
  font-size:1.6rem;
  line-height:1.4;
}
.alert-icon::before{
  transform:scale(1.7);
  margin-right:0.25em;
  margin-left:0.25em;
}
.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-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;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  border:1px solid;
  font-size:0.8571428571em;
  line-height:1.2;
  text-align:center;
  vertical-align:middle;
}
.table .badge, .detailList .badge, .productList .badge, .modal-title .badge, .title-sm .badge{
  font-size:1.2rem;
}
.section-title .badge, .detail-header .badge{
  margin-top:-0.25em;
  font-size:1.4rem;
}
.modal-title .badge{
  vertical-align:middle;
}
.badge-secondary{
  border-color:#6c757d;
  background-color:#6c757d;
}
.badge-buyer{
  border-color:#0a58ca;
  background-color:#0a58ca;
}
.badge-seller{
  border-color:#09b26d;
  background-color:#09b26d;
}
.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:#ecf0f4;
  background-color:#ecf0f4;
  color:#212529;
}
.badge-after{
  border-color:#00897b;
  background-color:#00897b;
}
.badge-add{
  border-color:#2578d7;
  background-color:#2578d7;
}
.badge-change{
  border-color:#00897b;
  background-color:#00897b;
}
.badge-delete{
  border-color:#6c757d;
  background-color:#6c757d;
}
.badge-autoOrder{
  border-color:#e53935;
  background-color:#e53935;
}
.badge-cart{
  border-color:#f57c00;
  background-color:#f57c00;
}
.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:#ecf0f4;
  background-color:#ecf0f4;
  color:#6b7681;
}
.badge-progress{
  border-color:#e4f0fb;
  background-color:#e4f0fb;
  color:#2578d7;
}
.badge-finish{
  border-color:#e0f2f1;
  background-color:#e0f2f1;
  color:#00897b;
}
.badge-stop{
  border-color:#fff8e1;
  background-color:#fff8e1;
  color:#ff8f00;
}
.badge-notice{
  border-color:#ffebee;
  background-color:#ffebee;
  color:#e53935;
}
.badge-versionUp, .badge-maintenance, .badge-campaign, .badge-seminar, .badge-businessHours, .badge-important{
  color:#fff;
}
.badge-versionUp{
  border-color:#4fc3f7;
  background-color:#4fc3f7;
}
.badge-maintenance{
  border-color:#ffb300;
  background-color:#ffb300;
}
.badge-campaign{
  border-color:#f6407e;
  background-color:#f6407e;
}
.badge-seminar{
  border-color:#7d52e1;
  background-color:#7d52e1;
}
.badge-businessHours{
  border-color:#00897b;
  background-color:#00897b;
}
.badge-important{
  border-color:#e53935;
  background-color:#e53935;
}
.badge-w-3em{
  width:calc(1.3em + 3em);
}

.badgeRow{
  display:flex;
  flex-wrap:wrap;
  gap:6px 6px;
}
.box{
  padding:10px;
  border:1px solid #c9cfd6;
  border-radius:0.5rem;
}
.box-item:not(:first-child){
  margin-top:5px;
}
.box-item-stock{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  font-size:1.6rem;
  gap:0 0.5em;
}
.box-item-deadline{
  position:relative;
  padding-left:1.25em;
}
.box-item-deadline::before{
  content:"\f0f0";
  font-family:"Material Design Icons";
  font-size:inherit;
  font-weight:normal;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  position:absolute;
  top:0;
  left:0;
  line-height:inherit;
}

.breadcrumb-folder{
  position:relative;
  padding-left:1.8em;
}
.breadcrumb-folder::before{
  content:"\f24b";
  font-family:"Material Design Icons";
  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 + .breadcrumb-item{
  padding-left:0;
}
.breadcrumb-item + .breadcrumb-item::before{
  content:"\f142";
  font-family:"Material Design Icons";
  font-size:inherit;
  font-weight:normal;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:inherit;
}
.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-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, .btn-cart::before{
  font-family:"Material Design Icons";
  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{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  position:relative;
  min-width:40px;
  min-height:40px;
}
.btn.active{
  pointer-events:none;
}
.btn.selected{
  color:var(--color-primary) !important;
}
.btn-sm{
  min-width:32px;
  min-height:32px;
}
.btn-lg{
  min-width:50px;
  min-height:50px;
}
.btn-w-icon2em{
  width:70px;
  white-space:nowrap;
}
.btn-primary{
  border-color:var(--color-primary);
  background-color:var(--color-primary);
  color:#fff;
}
.btn-primary:hover, .btn-primary:focus{
  border-color:var(--color-primary-hover);
  background-color:var(--color-primary-hover);
}
.btn-primary:focus{
  box-shadow:0 0 0 0.3rem rgba(var(--color-primary-rgb), 0.2);
}
.btn-primary:focus:active{
  box-shadow:0 0 0 0.3rem rgba(var(--color-primary-rgb), 0.5);
}
.btn-primary:active{
  border-color:var(--color-primary-dark);
  background-color:var(--color-primary-dark);
}
.btn-primary:disabled, .btn-primary.disabled{
  border-color:var(--color-primary);
  background-color:var(--color-primary);
}
.btn-primary.active{
  border-color:var(--color-primary);
  background-color:var(--color-primary);
}
.btn-outline-primary{
  border-color:var(--color-primary);
  background-color:#fff;
  color:var(--color-primary);
}
.btn-outline-primary:active{
  border-color:var(--color-primary);
  background-color:var(--color-primary);
  color:#fff;
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled{
  color:var(--color-primary);
}
.btn-outline-primary:not(.active):hover, .btn-outline-primary:not(.active):focus{
  border-color:var(--color-primary);
  background-color:var(--color-primary-light);
  color:var(--color-primary);
}
.btn-outline-primary:not(.active):focus{
  box-shadow:0 0 0 0.3rem rgba(var(--color-primary-rgb), 0.2);
}
.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:#ecf0f4;
  color:#212529;
}
.btn-outline-secondary:not(.active):focus{
  box-shadow:0 0 0 0.3rem rgba(158, 168, 177, 0.2);
}
.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.3rem rgba(229, 57, 53, 0.2);
}
.btn-buyer, .btn-seller{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:0.85rem 0.75rem;
  border:1px solid #9ea8b1;
  border-radius:0.5rem;
  min-height:40px;
  line-height:1.4;
  transition:border-color 0.15s ease-in-out, background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}
.btn-buyer:hover, .btn-buyer:focus{
  border-color:#0a58ca;
  background-color:#e0eafa;
  color:#0a58ca;
}
.btn-check:checked + .btn-buyer{
  border-color:#0a58ca;
  background-color:#0a58ca;
  color:#fff;
}
.btn-seller:hover, .btn-seller:focus{
  border-color:#09b26d;
  background-color:#e0f7ed;
  color:#09b26d;
}
.btn-check:checked + .btn-seller{
  border-color:#09b26d;
  background-color:#09b26d;
  color:#fff;
}
.btn-check:focus + .btn-seller{
  box-shadow:0 0 0 0.3rem rgba(9, 178, 109, 0.2);
}
.btn-cart{
  border-color:#f57c00;
  background-color:#f57c00;
  color:#fff;
}
.btn-cart:hover, .btn-cart:focus{
  border-color:#d06900;
  background-color:#d06900;
  color:#fff;
}
.btn-cart:focus{
  box-shadow:0 0 0 0.3rem rgba(245, 124, 0, 0.2);
}
.btn-cart::before{
  content:"\f111";
}
.btn-favorite{
  border-color:#9ea8b1;
  background-color:#fff;
  color:#212529;
  padding:0.25em 0.65em;
  width:100%;
  min-height:26px;
  font-size:1.2rem;
  line-height:1.3;
}
.btn-favorite:not(.active):hover, .btn-favorite:not(.active):focus{
  border-color:#9ea8b1;
  background-color:#ecf0f4;
  color:#212529;
}
.btn-favorite:not(.active):focus{
  box-shadow:0 0 0 0.3rem rgba(158, 168, 177, 0.2);
}
.btn-favorite::before{
  content:"\f4d2";
  font-family:"Material Design Icons";
  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.8rem !important;
  color:#6b7681;
}
.btn-favorite.selected{
  color:#212529 !important;
}
.btn-favorite.selected::before{
  content:"\f4ce";
  color:#ffb300;
}
.btn-favoriteIcon{
  flex-direction:column;
  padding:0;
  min-width:auto !important;
  height:49px;
  font-size:1rem;
  line-height:1.2;
}
.btn-favoriteIcon::before{
  content:"\f4d2";
  font-family:"Material Design Icons";
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-size:3.8rem;
  color:#6b7681;
}
.btn-favoriteIcon.selected{
  color:#212529 !important;
}
.btn-favoriteIcon.selected::before{
  content:"\f4ce";
  color:#ffb300;
}
.btn-buyLater{
  color:#2962ff;
}
.productList .btn-buyLater, .orderList .btn-buyLater{
  padding:0.25em 0.65em;
  min-height:26px;
  font-size:1.2rem;
  line-height:1.3;
}
.btn-buyLater::before{
  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;
}
.productList .btn-buyLater::before, .orderList .btn-buyLater::before{
  font-size:1.8rem !important;
}
.btn-buyLater:hover, .btn-buyLater:focus{
  color:#214ecc;
}
.btn-search::before{
  content:"\f349";
}
.btn-add::before{
  content:"\f415";
}
.btn-add.btn-icon{
  color:#2578d7;
}
.btn-submit::before{
  content:"\f12c";
}
.btn-edit::before{
  content:"\f3eb";
}
.btn-cancel::before{
  content:"\f156";
}
.btn-restore::before{
  content:"\f06f";
}
.btn-delete{
  color:#e53935;
}
.productList .btn-delete, .orderList .btn-delete{
  padding:0.25em 0.65em;
  min-height:26px;
  font-size:1.2rem;
  line-height:1.3;
}
.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;
}
.productList .btn-delete::before, .orderList .btn-delete::before{
  width:1.8rem;
  height:1.8rem;
}
.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 .mdi{
  line-height:1;
  vertical-align:middle;
}
.btn .mdi .btn:not(.btn-icon){
  margin-right:0.25em;
}
.btn .mdi::before{
  font-size:1.2em;
}
.btn .mdi.mdi-view-list::before{
  font-size:1.56em;
}
.btn-icon{
  padding:0;
  width:40px;
  min-width:auto !important;
}
.btn-icon::before{
  margin-right:0;
  width:24px;
  height:24px;
  font-size:24px;
}
.btn-icon .mdi::before{
  font-size:24px;
}
.btn-img{
  flex-direction:column;
  font-size:1.2rem;
  color:#6b7681;
}
.formGrid-lg .btn-img{
  font-size:1.4rem;
}
.btn-countWrapper{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  position:absolute;
  top:-5px;
  right:-5px;
}
.btn-count{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0 0.3em;
  border:1px solid #e53935;
  border-radius:3em;
  min-width:16px;
  height:16px;
  font-size:1rem;
  line-height:1;
}
.btn-count-cart{
  background-color:#e53935;
  color:#fff;
}
.btn-count-otherCart{
  background-color:#fff;
  color:#e53935;
}

.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:30px;
}
.btnRow-footer .btn{
  min-width:calc(50% - 0.5rem);
}

.card-title > .mdi{
  margin-right:0.25em;
}
.card-title > .mdi::before{
  transform:scale(1.2);
}

.cartFooter{
  margin-top:10px;
  margin-bottom:30px;
  padding:1.5rem;
  border:1px solid rgba(0, 0, 0, 0.175);
  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 #c9cfd6;
}
.cartFooter-title{
  flex-shrink:0;
  margin-right:1em;
}
.cartFooter-detail{
  font-weight:700;
}
.cartFooter-detail-change{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.cartFooter-detailText ~ .cartFooter-detailText::before{
  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:0 0.25em;
  color:#6b7681;
}
.cartFooter-detailText.is-delete .cartFooter-number,
.cartFooter-detailText.is-delete .cartFooter-unit{
  text-decoration:line-through;
}
.cartFooter-detailLabel{
  font-weight:400;
}
.cartFooter-number{
  font-size:2.1rem;
}
.chartPie{
  position:relative;
  border-radius:50%;
  width:1em;
  height:1em;
  background-color:#c9cfd6;
  font-size:50px;
}
.chartPie-fill{
  display:block;
  width:50%;
  height:100%;
}
.chartPie-0 .chartPie-fill{
  display:none;
}
.chartPie-fill::before{
  content:"";
  display:block;
  width:100%;
  height:100%;
  background-color:var(--color-primary);
}
.chartPie-label{
  display:flex;
  justify-content:center;
  align-items:flex-end;
  position:absolute;
  top:8%;
  left:8%;
  padding-bottom:1em;
  border-radius:50%;
  width:84%;
  height:84%;
  background-color:#fff;
  font-size:0.25em;
  color:#212529;
  line-height:1;
}
.formStep .chartPie-label{
  background-color:#ecf0f4;
}
.modal .chartPie-label{
  background-color:#fff;
}
.chartPie-main{
  font-size:1.5em;
}
.chartPie-sub{
  color:#6b7681;
}

.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(var(--color-primary-rgb), 0) 50%, var(--color-primary) 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_chrome{
  position:relative !important;
}
.is-invalid + .cke_chrome::before{
  content:"";
  position:absolute;
  top:-1px;
  left:-1px;
  z-index:10;
  border:1px solid #e53935;
  width:calc(100% + 2px);
  height:calc(100% + 2px);
  pointer-events:none;
}

.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{
  outline:0;
  box-sizing:border-box;
  margin-left:1px;
  padding:4px 6px;
  border:1px solid #bcbcbc;
  border-radius:2px;
  width:100%;
  min-height:28px;
  background-color:#fff;
}

.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:var(--color-primary) !important;
  background-color:var(--color-primary) !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:#212529 !important;
}

.cms h2,
.cms h3,
.cms h4,
.cke_editable h2,
.cke_editable h3,
.cke_editable h4,
.cke_panel_listItem h2,
.cke_panel_listItem h3,
.cke_panel_listItem h4{
  margin-bottom:1em;
}
.cms h2 + h2,
.cms h2 + h3,
.cms h2 + h4,
.cms h3 + h2,
.cms h3 + h3,
.cms h3 + h4,
.cms h4 + h2,
.cms h4 + h3,
.cms h4 + h4,
.cke_editable h2 + h2,
.cke_editable h2 + h3,
.cke_editable h2 + h4,
.cke_editable h3 + h2,
.cke_editable h3 + h3,
.cke_editable h3 + h4,
.cke_editable h4 + h2,
.cke_editable h4 + h3,
.cke_editable h4 + h4,
.cke_panel_listItem h2 + h2,
.cke_panel_listItem h2 + h3,
.cke_panel_listItem h2 + h4,
.cke_panel_listItem h3 + h2,
.cke_panel_listItem h3 + h3,
.cke_panel_listItem h3 + h4,
.cke_panel_listItem h4 + h2,
.cke_panel_listItem h4 + h3,
.cke_panel_listItem h4 + h4{
  margin-top:0;
}
.cms ul ul,
.cms ul ol,
.cms ol ul,
.cms ol ol,
.cke_editable ul ul,
.cke_editable ul ol,
.cke_editable ol ul,
.cke_editable ol ol,
.cke_panel_listItem ul ul,
.cke_panel_listItem ul ol,
.cke_panel_listItem ol ul,
.cke_panel_listItem ol ol{
  margin-top:0.5em;
}
.cms table,
.cke_editable table,
.cke_panel_listItem table{
  max-width:100%;
  background-color:#fff;
  word-break:break-word;
  overflow-wrap:break-word;
}
.cms table > thead > tr > th,
.cms table > thead > tr > td,
.cms table > tbody > tr > th,
.cms table > tbody > tr > td,
.cms table > tfoot > tr > th,
.cms table > tfoot > tr > td,
.cke_editable table > thead > tr > th,
.cke_editable table > thead > tr > td,
.cke_editable table > tbody > tr > th,
.cke_editable table > tbody > tr > td,
.cke_editable table > tfoot > tr > th,
.cke_editable table > tfoot > tr > td,
.cke_panel_listItem table > thead > tr > th,
.cke_panel_listItem table > thead > tr > td,
.cke_panel_listItem table > tbody > tr > th,
.cke_panel_listItem table > tbody > tr > td,
.cke_panel_listItem table > tfoot > tr > th,
.cke_panel_listItem table > tfoot > tr > td{
  padding:1rem 1rem;
  border:1px solid #c9cfd6;
  line-height:1.6;
}
.cms table > thead > tr > th p,
.cms table > thead > tr > td p,
.cms table > tbody > tr > th p,
.cms table > tbody > tr > td p,
.cms table > tfoot > tr > th p,
.cms table > tfoot > tr > td p,
.cke_editable table > thead > tr > th p,
.cke_editable table > thead > tr > td p,
.cke_editable table > tbody > tr > th p,
.cke_editable table > tbody > tr > td p,
.cke_editable table > tfoot > tr > th p,
.cke_editable table > tfoot > tr > td p,
.cke_panel_listItem table > thead > tr > th p,
.cke_panel_listItem table > thead > tr > td p,
.cke_panel_listItem table > tbody > tr > th p,
.cke_panel_listItem table > tbody > tr > td p,
.cke_panel_listItem table > tfoot > tr > th p,
.cke_panel_listItem table > tfoot > tr > td p{
  margin-bottom:0;
}
.cms table > thead > tr > th,
.cke_editable table > thead > tr > th,
.cke_panel_listItem table > thead > tr > th{
  background-color:var(--color-primary-light);
  font-weight:400;
}
.cms * + h2,
.cms * + h3,
.cms * + h4,
.cke_editable * + h2,
.cke_editable * + h3,
.cke_editable * + h4,
.cke_panel_listItem * + h2,
.cke_panel_listItem * + h3,
.cke_panel_listItem * + h4{
  margin-top:20px;
}
.cms * + ul,
.cms * + ol,
.cms * + table,
.cke_editable * + ul,
.cke_editable * + ol,
.cke_editable * + table,
.cke_panel_listItem * + ul,
.cke_panel_listItem * + ol,
.cke_panel_listItem * + table{
  margin-top:1em;
}
.cms p,
.cke_editable p,
.cke_panel_listItem p{
  margin-bottom:0;
}
.cms p:empty,
.cke_editable p:empty,
.cke_panel_listItem p:empty{
  margin-top:1em;
}
.cms .table * + ul,
.cms .table * + ol,
.cke_editable .table * + ul,
.cke_editable .table * + ol,
.cke_panel_listItem .table * + ul,
.cke_panel_listItem .table * + ol{
  margin-top:0.5em;
}
.cms img,
.cke_editable img,
.cke_panel_listItem img{
  max-width:100%;
  height:auto !important;
}

.cms::after{
  content:"";
  display:block;
  clear:both;
}
.cms + .cms{
  margin-top:1em;
}

.cke_editable{
  display:block;
  overflow-x:visible;
  padding:1em;
  background-color:#fff;
  font-size:1.4rem;
  line-height:1.75;
}

.cke_panel_listItem h2,
.cke_panel_listItem h3,
.cke_panel_listItem h4{
  margin-bottom:0;
}

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

.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;
  -moz-column-gap:1rem;
       column-gap:1rem;
}
.detail-header-tableUtilityBtnBlank{
  position:relative;
  z-index:1022;
  margin-bottom:-50px;
  pointer-events:none;
}
.detail-title{
  margin-bottom:0;
}
.detail-utility{
  flex-shrink:0;
}
.detailList{
  border-right:1px solid #c9cfd6;
  border-bottom:1px solid #c9cfd6;
  border-left:1px solid #c9cfd6;
  background-color:#fff;
  line-height:1.4;
}
.detailList-item{
  border-top:1px solid #c9cfd6;
}
.detailList-title{
  display:flex;
  align-items:center;
  padding:1rem 1rem 0;
}
.detailList-label{
  display:flex;
  flex-shrink:0;
  align-items:center;
  padding-left:0.5rem;
}
.detailList-label .icon + .badge{
  margin-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-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-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:#ecf0f4;
  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{
  z-index:1021;
  overflow-y:auto;
  max-height:40vh
}
.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:#d7dce2;
}
@supports (scrollbar-width: thin){
  .dropdown-menu{
    scrollbar-width:thin;
    scrollbar-color:#d7dce2 #fff;
  }
}
.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:175px;
}
.headerUtility-item-user .dropdown-menu::before{
  right:25px;
}
.headerFullScreen .dropdown-menu{
  position:fixed !important;
}
.sidebarFullScreen .dropdown-menu{
  width:100%;
}
.dropdown-header, .dropdown-item{
  display:flex;
  align-items:center;
  line-height:1.6;
}
.dropdown-header.active, .dropdown-item.active{
  pointer-events:none;
}
.dropdown-header.disabled .text-muted, .dropdown-header:disabled .text-muted, .dropdown-item.disabled .text-muted, .dropdown-item:disabled .text-muted{
  color:#bbc2ca !important;
}
.dropdown-header .mdi,
.dropdown-header .icon, .dropdown-item .mdi,
.dropdown-item .icon{
  margin-right:0.5em;
}
.dropdown-header .mdi, .dropdown-item .mdi{
  line-height:1;
}
.dropdown-header .mdi::before, .dropdown-item .mdi::before{
  font-size:1.2em;
}
.dropdown-header .icon, .dropdown-item .icon{
  width:1.2em;
  height:1.2em;
}
.dropdown-item.active{
  pointer-events:none;
}
.dropdown-cart{
  line-height:1.4;
}

.dropify-wrapper{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:20px;
  border:2px dashed #c9cfd6;
  height:400px;
  min-height:100px;
  background-color:#ecf0f4;
  line-height:1.4;
  text-align:center;
}
.dropify-wrapper-sm{
  height:240px;
}
.dropify-wrapper-md{
  height:320px;
}
.dropify-wrapper:hover{
  background-image:linear-gradient(-45deg, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent);
}
.dropify-wrapper-white{
  background-color:#fff;
}
.dropify-wrapper-white:hover{
  background-image:linear-gradient(-45deg, #ecf0f4 25%, transparent 25%, transparent 50%, #ecf0f4 50%, #ecf0f4 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:#ecf0f4;
}
.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:#c9cfd6 !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;
}
.dropify-title{
  font-size:1.6rem;
}
.dropify-wrapper.has-preview.touch-fallback .dropify-title{
  display:none;
}
.dropify-note{
  margin-top:1em;
  font-size:1.2rem;
}

.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 #c9cfd6;
  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 #c9cfd6;
  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;
}

.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 + 0.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{
  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:#ecf0f4;
}
.favoriteAddList-link-category{
  background-color:var(--color-primary-light);
}
.favoriteAddList-link-category:hover, .favoriteAddList-link-category:focus{
  background-color:var(--color-primary-light);
}
.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 #c9cfd6;
  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-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:var(--color-primary) !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 #c9cfd6;
}
.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:#ecf0f4;
  background-color:#ecf0f4;
}
.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:var(--color-primary);
  background-color:var(--color-primary);
}
.flatpickr-day.selected:hover, .flatpickr-day.selected:focus{
  border-color:var(--color-primary-hover);
  background-color:var(--color-primary-hover);
}

.form-control-input, .form-select-input, .form-check-input{
  vertical-align:middle;
}
.form-control-input.is-invalid:checked, .form-select-input.is-invalid:checked, .form-check-input.is-invalid:checked{
  border-color:var(--color-primary);
  background-color:var(--color-primary);
}
.form-control-input.is-invalid:checked:focus, .form-select-input.is-invalid:checked:focus, .form-check-input.is-invalid:checked:focus{
  box-shadow:0 0 0 0.3rem rgba(var(--color-primary), 0.2);
}
.form-control-input.is-invalid:checked ~ .form-check-label, .form-select-input.is-invalid:checked ~ .form-check-label, .form-check-input.is-invalid:checked ~ .form-check-label{
  color:#212529;
}
.form-control-input:disabled:not(:checked), .form-select-input:disabled:not(:checked), .form-check-input:disabled:not(:checked){
  background-color:#c9cfd6;
}
.form-control-input:disabled + .form-check-label, .form-select-input:disabled + .form-check-label, .form-check-input:disabled + .form-check-label{
  pointer-events:none;
}
.form-control, .form-select{
  max-width:100%;
  min-height:40px;
}
.formRow .form-control, .formRow .form-select{
  min-width:0;
}
.form-control-sm, .form-select-sm{
  min-height:32px;
}
.form-control::-webkit-calendar-picker-indicator{
  display:none;
  opacity:0;
}
.form-check{
  font-size:1.6rem;
  line-height:1.6;
}
.form-check .form-check-input{
  margin-top:0.2rem;
}
.tablePhotoList-list .tablePhotoList-item-check .form-check-input{
  margin-top:0;
}
.form-switch .form-check-input:checked{
  border-color:var(--color-primary);
  background-color:var(--color-primary);
}
.form-switch .form-check-input:checked:focus{
  box-shadow:0 0 0 0.3rem rgba(var(--color-primary), 0.2);
}
.form-switch .form-check-input:checked ~ .form-check-label{
  color:#212529;
}
.form-switch .form-check-input:disabled:not(:checked){
  background-color:#c9cfd6;
}
.form-switch .form-check-input:disabled + .form-check-label{
  pointer-events:none;
}
.form-switch .form-check-input.is-invalid{
  border-color:#e53935;
}
.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, calc(50% - 0.5rem));
}
.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:var(--color-primary);
}
.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), .pageEditList-body .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:#c9cfd6;
}
.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 > .form-control,
.formRow-btnWrap > .form-select,
.formRow-btnWrap > .select2-container{
  grid-area:form;
}
.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-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-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:var(--color-primary);
}
.formStep-item.is-current::before{
  background-color:var(--color-primary);
}
.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:#ecf0f4;
  font-size:2rem;
}
.modal .formStep-label::before{
  background-color:#fff;
}
.formStep-item.is-done .formStep-label::before{
  border-color:var(--color-primary);
  background-color:var(--color-primary);
  color:#fff;
}
.formStep-item.is-current .formStep-label::before{
  border-color:var(--color-primary);
  color:var(--color-primary);
}

.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;
}

.legend{
  display:flex;
}
.legend-item:not(:first-child){
  margin-left:16px;
}
.legend-color{
  content:"";
  display:inline-block;
  margin-right:0.3em;
  border-radius:0.2rem;
  width:18px;
  height:18px;
  vertical-align:middle;
}

.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;
}

.link-help::before{
  content:"\f625";
  font-family:"Material Design Icons";
  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;
}
.link-detail::after, .link-edit::after{
  font-family:"Material Design Icons";
  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;
}
.link-detail::after{
  content:"\f224";
}
.link-edit::after{
  content:"\f3eb";
}

.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;
}
.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-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:#c9cfd6;
  background-color:var(--color-primary-light);
  pointer-events:none;
}
.list-group-item.selected{
  background-color:var(--color-primary-light);
  pointer-events:none;
}
.list-group-item.unread::before{
  content:"";
  position:absolute;
  top:0.75rem;
  right:4px;
  border-radius:50%;
  width:6px;
  height:6px;
  background-color:#e53935;
}
.list-group-badge{
  margin-left:auto;
  padding-left:0.5em;
}
.list-group-header{
  display:flex;
  align-items:center;
}
.list-group-header .badge{
  margin-left:0.5rem;
}
.list-group-hierarchy1{
  padding-left:calc(1rem + 1em * 1);
}
.list-group-hierarchy2{
  padding-left:calc(1rem + 1em * 2);
}
.list-group-hierarchy3{
  padding-left:calc(1rem + 1em * 3);
}
.list-group-hierarchy4{
  padding-left:calc(1rem + 1em * 4);
}
.list-group-hierarchy5{
  padding-left:calc(1rem + 1em * 5);
}
.list-group-hierarchy6{
  padding-left:calc(1rem + 1em * 6);
}
.list-group-hierarchy7{
  padding-left:calc(1rem + 1em * 7);
}
.list-group-hierarchy8{
  padding-left:calc(1rem + 1em * 8);
}
.list-group-hierarchy9{
  padding-left:calc(1rem + 1em * 9);
}
.list-group-hierarchy10{
  padding-left:calc(1rem + 1em * 10);
}

.list-ul .list-ul,
.list-ul .list-ol, .list-ol .list-ul,
.list-ol .list-ol, .list-olpParens .list-ul,
.list-olpParens .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:#c9cfd6;
}
.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-on-piczoom{
  z-index:1064;
}
.modal-on-piczoom ~ .modal-backdrop{
  z-index:1063;
}
.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-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-title-filter::before{
  content:"\f233";
  font-family:"Material Design Icons";
  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-dialog-scrollable .modal-body{
  overflow-x:hidden;
}
.modal-footer .btn{
  min-width:calc(50% - 1rem);
}
.modal-sm .modal-footer .btn{
  min-width:calc(50% - 1rem);
}
.modal-fullscreen{
  margin:0;
  max-width:none;
  height:100%;
}

.ms-parent.form-select{
  padding:0;
  border:none;
}

.ms-choice{
  padding:0.7rem 1rem;
  border-color:#bbc2ca;
  border-radius:0.5rem;
  height:auto;
  min-height:40px;
  background-color:transparent;
  font-size:1.6rem;
  color:#212529;
  line-height:1.6;
}
.form-select-sm .ms-choice{
  padding:0.475rem 1rem;
  min-height:32px;
  font-size:1.4rem;
}
.form-select.is-invalid + .ms-parent .ms-choice{
  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-position:center right 3rem;
  background-size:calc(0.75em + 0.7rem) calc(0.75em + 0.7rem);
}
.ms-choice:focus, .ms-choice:focus-visible{
  outline:none;
  box-shadow:0 0 0 0.3rem rgba(var(--color-primary-rgb), 0.2);
  border-color:var(--color-primary) !important;
}
.ms-choice .ms-placeholder{
  color:#212529 !important;
}
.ms-choice > span{
  padding:0.7rem 1rem;
  height:100%;
}
.form-select-sm .ms-choice > span{
  padding:0.475rem 1rem;
  font-size:1.4rem;
}
.form-select.is-invalid + .ms-parent .ms-choice > span{
  right:60px;
}
.form-select.is-invalid + .ms-parent.form-select-sm .ms-choice > span{
  right:48px;
}
.ms-choice .icon-caret{
  display:none;
}

.ms-drop{
  box-shadow:none !important;
  padding:0.5rem 0;
  border-color:#bbc2ca;
  border-radius:0.5rem;
  color:#212529;
}
.form-select-sm .ms-drop ul > li, .ms-drop.ms-drop-sm ul > li{
  padding:0.475rem 1rem;
  min-height:32px;
  font-size:1.4rem;
}
.ms-drop ul > li{
  padding:0.7rem 1rem;
  font-size:1.6rem;
  line-height:1.6;
}
.ms-drop ul > li.ms-select-all label, .ms-drop ul > li.multiple label{
  display:flex;
  align-items:center;
  overflow:visible;
  padding-left:0;
}
.ms-drop ul > li.ms-select-all label input[type=checkbox],
.ms-drop ul > li.ms-select-all label input[type=radio], .ms-drop ul > li.multiple label input[type=checkbox],
.ms-drop ul > li.multiple label input[type=radio]{
  position:static;
  margin:0 0.5em 0 0;
}
.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:var(--color-primary);
}
.nav-pills .nav-link:not(.active):hover, .nav-pills .nav-link:not(.active):focus{
  position:relative;
  z-index:1;
  border-color:var(--color-primary);
  background-color:var(--color-primary-light);
}

.orderList{
  border-right:1px solid #c9cfd6;
  border-left:1px solid #c9cfd6;
  background-color:#fff;
  line-height:1.6;
}
.orderList-row{
  display:grid;
  padding:10px;
  border-bottom:1px solid #c9cfd6;
  grid-gap:10px;
}
.orderList-row-header{
  position:sticky;
  top:0;
  z-index:1020;
  border-top:1px solid #c9cfd6;
  background-color:var(--color-primary-light);
  grid-template-areas:"checkbox img";
  grid-template-columns:2rem 1fr;
}
.tableUtility + .orderList .orderList-row-header{
  top:60px;
}
.orderList-cart .orderList-row-header, .orderList-confirm .orderList-row-header, .orderList-reorder .orderList-row-header, .orderList-arrivalConfirm .orderList-row-header{
  display:none;
}
.modal-body .orderList-cart .orderList-row-header, .modal-body .orderList-confirm .orderList-row-header, .modal-body .orderList-reorder .orderList-row-header, .modal-body .orderList-arrivalConfirm .orderList-row-header{
  top:-1.5rem;
}
.orderList-cart .orderList-row-header + .orderList-row-body, .orderList-confirm .orderList-row-header + .orderList-row-body, .orderList-reorder .orderList-row-header + .orderList-row-body, .orderList-arrivalConfirm .orderList-row-header + .orderList-row-body{
  border-top:1px solid #c9cfd6;
}
.orderList-cart .orderList-row-body{
  grid-template-areas:"img detail" "unit unit" "send send" "quantity quantity" "subtotal subtotal";
  grid-template-columns:100px 1fr;
}
.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-arrival .orderList-row-body{
  grid-template-areas:"checkbox img detail" "arrival arrival arrival" "quantity quantity quantity" "subtotal subtotal subtotal";
  grid-template-columns:2rem 100px 1fr;
}
.orderList-arrivalConfirm .orderList-row-body{
  grid-template-areas:"img detail" "arrival arrival" "quantity quantity" "subtotal subtotal";
  grid-template-columns:100px 1fr;
}
.orderList-item-checkbox{
  grid-area:checkbox;
}
.orderList-row-body .orderList-item-checkbox{
  display:flex;
  align-items:center;
  height:100px;
}
.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, .orderList-row-header .orderList-item-arrival{
  display:none;
}
.orderList-item-unit{
  align-self:center;
  grid-area:unit;
}
.orderList-item-send{
  align-self:end;
  grid-area:send;
}
.orderList-item-quantity{
  text-align:right;
  grid-area:quantity;
}
.orderList-cart .orderList-item-quantity{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  text-align:left;
  gap:1rem;
}
.orderList-cart .orderList-row-body .orderList-item-quantity .form-control,
.orderList-cart .orderList-row-body .orderList-item-quantity .form-select,
.orderList-cart .orderList-row-body .orderList-item-quantity .form-select.select2-hidden-accessible + .select2-container{
  max-width:6em;
}
.orderList-item-subtotal{
  align-self:end;
  text-align:right;
  grid-area:subtotal;
}
.orderList-item-form{
  grid-area:form;
}
.orderList-arrival .orderList-row-body .orderList-item-quantity, .orderList-arrivalConfirm .orderList-row-body .orderList-item-quantity, .orderList-arrival .orderList-row-body .orderList-item-subtotal, .orderList-arrivalConfirm .orderList-row-body .orderList-item-subtotal, .orderList-arrival .orderList-row-body .orderList-item-arrival, .orderList-arrivalConfirm .orderList-row-body .orderList-item-arrival{
  display:flex;
  justify-content:flex-end;
  align-items:center;
}
.orderList-arrival .orderList-row-body .orderList-item-quantity .btn, .orderList-arrival .orderList-row-body .orderList-item-subtotal .btn, .orderList-arrival .orderList-row-body .orderList-item-arrival .btn{
  flex-shrink:0;
  margin-left:1rem;
}
.orderList-item-arrival{
  grid-area:arrival;
}
.orderList-imgWrapper{
  display:block;
  width:100px;
  height:100px;
  background-color:#ecf0f4;
}
.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-notes{
  margin-top:0.5em;
}
.orderList-notesItem{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:0 0.5em;
}
.orderList-arrivalText, .orderList-quantityText, .orderList-subtotalText{
  flex-shrink:0;
  margin-right:0.5em;
}
.orderList-quantityAlert{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  width:100%;
  gap:0 0.5em;
}
.orderList-quantityGroup{
  display:flex;
  flex-shrink:0;
  justify-content:flex-end;
  align-items:center;
  margin-left:auto;
  width:8em;
}
.orderList-quantityBtn{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:1rem;
}
.orderList-subtotalPrice{
  font-size:1.8rem;
  font-weight:700;
  line-height:1;
}
.orderList-changeText{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.orderList-changeTextItem ~ .orderList-changeTextItem::before{
  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:0 0.25em;
  color:#6b7681;
}
.orderList-changeTextItem.is-delete .orderList-changeTextNumber,
.orderList-changeTextItem.is-delete .orderList-changeTextUnit{
  text-decoration:line-through;
}
.orderList-changeTextLabel{
  font-size:1.2rem;
  font-weight:400;
}
.orderList-reorderCart .btn{
  width:100%;
}
.orderList-unableOrder .alert{
  margin-bottom:0;
  padding:1rem;
}
.orderList-unableOrder .stockStatus{
  margin-right:0.5em;
}
.orderList-favorite{
  margin-top:10px;
}

.page-item{
  display:none;
  line-height:1.5;
}
.page-item-prev, .page-item-next{
  display:block;
  width:80px;
}
.page-item-select{
  display:block;
  position:relative;
  z-index:1;
  margin-left:-1px;
  width:calc(100% - 160px);
  max-width:180px;
}
.page-item-prev .page-link::before{
  content:"\f04d";
  font-family:"Material Design Icons";
  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-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-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;
  color:var(--color-primary);
  text-align:center;
}
.page-link:hover, .page-link:focus{
  background-color:var(--color-primary-light);
  color:var(--color-primary);
}
.page-item.active .page-link{
  pointer-events:none;
}
.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:1fr;
}
.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:#ecf0f4;
}
.photoList-link::before{
  display:flex;
  justify-content:center;
  align-items:center;
  position:absolute;
  border:1px solid #c9cfd6;
  border-radius:50%;
  background-color:#fff;
  content:"\f6ec";
  font-family:"Material Design Icons";
  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:0;
  left:0;
  z-index:2;
  width:100%;
  height:100%;
  -o-object-fit:contain;
     object-fit:contain;
}
.photoList-delete{
  padding:0;
  border:none;
  outline:none;
  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;
}

.popover{
  font-size:1.4rem;
}
.popover-menu .popover-body{
  padding:0.5rem 0;
}
.popover-item{
  display:block;
  padding:0.75rem 1rem;
  color:#212529;
}
.popover-item:hover, .popover-item:focus{
  background-color:#e5e9ee;
  color:#212529;
}

.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;
  animation:rotate 2s linear infinite;
}
.preloader-icon circle{
  animation:stretch calc(2s * 0.75) ease-in-out infinite;
  fill:none;
  stroke:var(--color-primary);
  stroke-dasharray:1, 200;
  stroke-dashoffset:0;
  stroke-linecap:round;
}
@keyframes rotate{
  100%{
    transform:rotate(360deg);
  }
}
@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-galleryImg{
  width:100%;
  height:auto;
  background:#fff center center/contain no-repeat;
}
.modal-body .productDetail-galleryImg{
  background-color:#ecf0f4;
}
.productDetail-galleryImg-border{
  outline:1px solid #c9cfd6;
  outline-offset:-1px;
}
.modal-body .productDetail-galleryImg-border{
  outline:none;
}
.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-stock{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  position:relative;
  margin-top:20px;
  padding-left:1.25em;
  font-size:1.4rem;
}
.productDetail-stock::before{
  font-family:"Material Design Icons";
  font-size:inherit;
  font-weight:normal;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  position:absolute;
  top:0;
  left:0;
  transform:scale(1.2);
  line-height:inherit;
}
.productDetail-stock-in::before{
  color:#00897b;
  content:"\f5e1";
}
.productDetail-stock-low::before{
  color:#ffb300;
  content:"\f537";
}
.productDetail-stock-out::before{
  color:#e53935;
  content:"\f156";
}
.productDetail-stockStatus{
  margin-right:0.5em;
  font-weight:700;
}
.productDetail-stock-in .productDetail-stockStatus{
  color:#00897b;
}
.productDetail-stock-low .productDetail-stockStatus{
  color:#ffb300;
}
.productDetail-stock-out .productDetail-stockStatus{
  color:#e53935;
}
.productDetail-stockQuantity{
  font-size:1.2rem;
}
.productDetail-deadline{
  position:relative;
  margin-top:10px;
  padding-left:1.25em;
  font-size:1.2rem;
}
.productDetail-deadline::before{
  content:"\f0f0";
  font-family:"Material Design Icons";
  font-size:inherit;
  font-weight:normal;
  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:#00897b;
}
.productDetail-noCancellation{
  margin-top:10px;
  font-size:1.2rem;
  color:#e53935;
}
.productDetail-form{
  display:grid;
  grid-gap:10px;
  grid-template-columns:minmax(105px, 1fr) 2fr;
  grid-area:form;
}
.productDetail-quantityInput{
  display:flex;
  align-items:center;
  grid-column:1/2;
  grid-row:1/2;
}
.productDetail-quantityInputText{
  flex-shrink:0;
  margin-right:0.5em;
}
.productDetail-cart{
  grid-column:2/3;
  grid-row:1/2;
}
.productDetail-cart .btn{
  width:100%;
}
.productDetail-unableOrder{
  grid-column:1/3;
  grid-row:1/2;
}
.productDetail-unableOrder .alert{
  margin-bottom:0;
  padding:1rem;
}
.productDetail-favorite{
  grid-column:2/3;
  grid-row:2/3;
}
.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-slideImg, .productDetailSlider-thumbImg{
  width:100%;
  height:auto;
  background:#fff center center/contain no-repeat;
}
.modal-body .productDetailSlider-slideImg, .modal-body .productDetailSlider-thumbImg{
  background-color:#ecf0f4;
}
.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{
  display:flex;
  justify-content:center;
  align-items:center;
  bottom:10px;
  left:10px;
  padding:0 0.5em;
  border-radius:9px;
  width:auto;
  height:18px;
  background-color:rgba(0, 0, 0, 0.5);
  font-size:1.2rem;
  color:#fff;
  line-height:1;
  gap:0.25em;
}
.productDetailSlider-thumb{
  margin-top:10px;
}
.productDetailSlider-thumb .swiper-slide.swiper-slide-thumb-active::after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  border:2px solid var(--color-primary);
  width:100%;
  height:100%;
  pointer-events:none;
}
.productList{
  border:1px solid #c9cfd6;
  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 #c9cfd6;
}
.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;
  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:0 10px;
  grid-template-columns:120px 1fr;
  grid-area:form;
}
.productList-imgWrapper{
  display:block;
  width:100px;
  height:100px;
  background-color:#ecf0f4;
}
.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-column:1/2;
  grid-row:1/2;
}
.productList-quantityInputText{
  flex-shrink:0;
  margin-right:0.5em;
}
.productList-cart{
  grid-column:2/3;
  grid-row:1/2;
}
.productList-cart .btn{
  width:100%;
}
.productList-unableOrder{
  grid-column:1/3;
  grid-row:1/2;
}
.productList-unableOrder .alert{
  margin-bottom:0;
  padding:1rem;
}
.productList-unableOrder .stockStatus{
  margin-right:0.5em;
}
.productList-favorite{
  margin-top:10px;
  grid-column:2/3;
  grid-row:2/3;
}
.productList-delete{
  margin-top:10px;
  grid-column:1/2;
  grid-row:2/3;
}
.productList-feedback{
  grid-column:1/3;
  grid-row:3/4;
}

.productSimpleList{
  border:1px solid #c9cfd6;
  background-color:#fff;
}
.productSimpleList-item{
  display:grid;
  align-items:center;
  padding:10px;
  grid-template-columns:50px 1fr;
  gap:10px;
}
.productSimpleList-item:not(:first-child){
  border-top:1px solid #c9cfd6;
}
.productSimpleList-img{
  width:50px;
  height:50px;
  -o-object-fit:cover;
     object-fit:cover;
}
.productSummary{
  display:grid;
  align-items:start;
  position:relative;
  padding:1.5rem 1.5rem;
  border:1px solid rgba(0, 0, 0, 0.175);
  border-radius:0.5rem;
  background-color:#fff;
  background-clip:border-box;
  line-height:1.6;
  grid-gap:1.5rem;
  grid-template-columns:1fr 80px;
}
.productSummary.is-disabled{
  opacity:0.5;
}
.productSummary-detailItem:not(:first-child){
  padding-top:0.5em;
}
.productSummary-detailItem:not(:last-child){
  padding-bottom:0.5em;
  border-bottom:1px solid #c9cfd6;
}
.productSummary-thumbnail{
  background-color:#ecf0f4;
}
.productSummary-img{
  width:100%;
  height:auto;
  background:center center/contain no-repeat;
}

.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{
  border:none;
  outline:none;
  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-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 #c9cfd6;
  font-size:1.6rem;
}
.searchForm-title img,
.searchForm-title .mdi{
  margin-right:0.25em;
  line-height:1;
  vertical-align:middle;
}
.searchForm-title img::before,
.searchForm-title .mdi::before{
  font-size:1.2em;
}
.searchForm-title img{
  width:1.2em;
  height:auto;
}
.searchForm-title .mdi::before{
  font-size:1.2em;
}
.searchForm-form{
  margin-bottom:-1rem;
}
.searchForm-form [class*=col-]{
  margin-bottom:1rem;
}

.searchResult{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.searchResult-detail{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  line-height:1.4;
}
.searchResult-title{
  flex-shrink:0;
  color:#6b7681;
}
.searchResult-list{
  display:flex;
  flex-wrap:wrap;
  margin-right:1rem;
}
.searchResult-item:not(:last-child)::after{
  content:"、";
}
.searchResult-count{
  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;
}
.form-select-sm + .select2-container{
  font-size:1.4rem;
}
.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.3rem rgba(var(--color-primary-rgb), 0.2);
  border-color:var(--color-primary) !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-sm + .select2-container .select2-selection--single{
  height:32px;
}
.select2-container--default.select2-container--disabled .select2-selection--single{
  background-color:#e5e9ee;
}
.select2-hidden-accessible[readonly] + .select2-container--default .select2-selection--single{
  background-color:#e5e9ee;
  pointer-events:none;
}
.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;
}
.orderList-item-quantity .select2-container .select2-selection--single .select2-selection__rendered, .productDetail-form .select2-container .select2-selection--single .select2-selection__rendered{
  padding-right:30px;
}
.form-select-sm + .select2-container .select2-selection--single .select2-selection__rendered{
  padding-right:32px;
  line-height:32px;
}
.form-select.is-invalid + .select2-container .select2-selection__rendered{
  padding-right:60px;
}
.form-select.form-select-sm.is-invalid + .select2-container .select2-selection__rendered{
  padding-right:48px;
}
.select2-container .select2-selection--single .select2-selection__arrow{
  top:0;
  width:40px;
  height:40px;
}
.form-select-sm + .select2-container .select2-selection--single .select2-selection__arrow{
  top:0;
  width:32px;
  height:32px;
}
.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;
}
.form-select-sm + .select2-container .select2-selection--single .select2-selection__arrow b{
  background-position:right 1rem center;
  background-size:16px 12px;
}
.select2-container .select2-selection--multiple .select2-selection__choice{
  display:inline-flex;
  flex-direction:row-reverse;
  padding:0;
  border-color:#9ea8b1;
  min-height:28px;
  background-color:#fff !important;
  white-space:normal;
}
.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-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-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;
}
.form-select-sm + .select2-container--default .select2-search--dropdown .select2-search__field{
  height:32px;
}
.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.3rem rgba(var(--color-primary-rgb), 0.2);
  border-color:var(--color-primary);
}
.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:#d7dce2;
}
@supports (scrollbar-width: thin){
  .select2-container--default .select2-results .select2-results__options{
    scrollbar-width:thin;
    scrollbar-color:#d7dce2 #fff;
  }
}
.select2-results__option{
  padding:0.7rem 1rem;
  min-height:40px;
  line-height:1.6;
  transition:background-color 0.15s, color 0.15s;
}
.select2-dropdown-sm .select2-results__option{
  padding:0.475rem 1rem;
  min-height:32px;
  font-size:1.4rem;
}
.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:#ecf0f4;
  color:#212529;
}
.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:#00897b;
}
.status-stop{
  background-color:#ffb300;
}
.status-notice{
  background-color:#e53935;
}

.stockStatus{
  display:inline-flex;
  align-items:center;
  position:relative;
  font-weight:700;
}
.stockStatus::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;
  flex-shrink:0;
  transform:scale(1.2);
  margin-right:0.25em;
}
.stockStatus-in{
  color:#00897b;
}
.stockStatus-in::before{
  content:"\f5e1";
}
.stockStatus-low{
  color:#ffb300;
}
.stockStatus-low::before{
  content:"\f537";
}
.stockStatus-out{
  color:#e53935;
}
.stockStatus-out::before{
  content:"\f156";
}

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-title .mdi::before{
  transform:scale(1.2);
  margin:0 0.25em;
}
.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;
  font-size:1.6rem;
}
.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:var(--color-primary);
  background-color:var(--color-primary);
}
.swal2-radio input:focus, .swal2-checkbox input:focus{
  box-shadow:0 0 0 0.3rem rgba(var(--color-primary-rgb), 0.2);
}
.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:var(--color-primary) var(--color-primary) var(--color-primary) 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.7rem 1rem;
  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:var(--color-primary);
  background-color:var(--color-primary);
  color:#fff;
}
.swal2-styled.swal2-confirm:hover, .swal2-styled.swal2-confirm:focus{
  border-color:var(--color-primary-hover);
  background-color:var(--color-primary-hover);
}
.swal2-styled.swal2-confirm:focus{
  box-shadow:0 0 0 0.3rem rgba(var(--color-primary-rgb), 0.2);
}
.swal2-styled.swal2-confirm:focus:active{
  box-shadow:0 0 0 0.3rem rgba(var(--color-primary-rgb), 0.5);
}
.swal2-styled.swal2-confirm:active{
  border-color:var(--color-primary-dark);
  background-color:var(--color-primary-dark);
}
.swal2-styled.swal2-confirm:disabled, .swal2-styled.swal2-confirm.disabled{
  border-color:var(--color-primary);
  background-color:var(--color-primary);
}
.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.3rem rgba(107, 118, 129, 0.2);
}
.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:#ecf0f4;
  color:#212529;
}
.swal2-styled.swal2-cancel:not(.active):focus{
  box-shadow:0 0 0 0.3rem rgba(158, 168, 177, 0.2);
}
.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.3rem rgba(255, 255, 255, 0.2);
}
.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.3rem rgba(229, 57, 53, 0.2);
}
.swal2-styled.swal2-cart{
  border-color:#f57c00;
  background-color:#f57c00;
  color:#fff;
}
.swal2-styled.swal2-cart:hover, .swal2-styled.swal2-cart:focus{
  border-color:#d06900;
  background-color:#d06900;
  color:#fff;
}
.swal2-styled.swal2-cart:focus{
  box-shadow:0 0 0 0.3rem rgba(245, 124, 0, 0.2);
}
.swal2-styled.swal2-cart::before{
  content:"\f111";
  font-family:"Material Design Icons";
  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;
}
.swal2-footer{
  margin-top:10px;
  padding:10px 15px 0;
  font-size:1.2rem;
}
.swal2-timer-progress-bar{
  background:var(--color-primary);
}
@keyframes toast-show{
  from{
    transform:translate3d(0, 100%, 0);
  }
  to{
    transform:translate3d(0, 0, 0);
  }
}
@keyframes toast-hide{
  from{
    opacity:1;
  }
  to{
    opacity:0;
  }
}
.swal2-animation-toastShow{
  animation:toast-show 0.25s ease-in-out;
}
.swal2-animation-toastHide{
  animation:toast-hide 0.15s;
}

.table-active, .table-active > td:not(.tableResponsive-item-header){
  box-shadow:inset 0 0 0 9999px var(--bs-table-active-bg) !important;
}
.table thead tr th,
.table thead tr td,
.table tbody tr th,
.table tbody tr td,
.table tfoot tr th,
.table tfoot 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,
.table tfoot tr th .mdi,
.table tfoot tr td .mdi{
  font-size:1.2em;
  line-height:1;
  vertical-align:middle;
}
.table thead tr th,
.table tbody tr th,
.table tfoot tr th{
  background-color:var(--color-primary-light);
  font-weight:400;
}
.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-fixed{
  table-layout:fixed;
}
.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;
}
.table-productImg{
  width:6em;
  height:6em;
  background-color:#ecf0f4;
  -o-object-fit:contain;
     object-fit:contain;
}
.table-indent2{
  padding-left:2.4rem !important;
}
.table-indent3{
  padding-left:3.8rem !important;
}
.table-indent4{
  padding-left:5.2rem !important;
}
.table-indent5{
  padding-left:6.6rem !important;
}
.table-indent6{
  padding-left:8rem !important;
}
.table-responsive::-webkit-scrollbar{
  width:10px;
  height:10px;
}
.table-responsive::-webkit-scrollbar-track{
  background-color:#c9cfd6;
}
.table-responsive::-webkit-scrollbar-thumb{
  border-radius:1em;
  border:2px solid #c9cfd6;
  background-color:#9ea8b1;
}
@supports (scrollbar-width: thin){
  .table-responsive{
    scrollbar-width:thin;
    scrollbar-color:#9ea8b1 #c9cfd6;
  }
}
.table-responsive-heightVisibleBtnFooter{
  max-height:calc(100vh - 100px);
  contain:layout;
}
.table-responsive-stickyCol1 .table{
  border-spacing:0;
  border-collapse:separate;
}
.table-responsive-stickyCol1 .table thead tr th:first-child,
.table-responsive-stickyCol1 .table thead tr td:first-child,
.table-responsive-stickyCol1 .table tbody tr th:first-child,
.table-responsive-stickyCol1 .table tbody tr td:first-child{
  position:sticky;
  left:0;
}
.table-responsive-stickyCol1 .table thead tr th:first-child{
  z-index:1022;
}
.table-responsive-stickyCol1 .table thead tr th:first-child::after{
  left:-1px;
  border:1px solid #c9cfd6;
  width:calc(100% + 1px);
}
.table-responsive-stickyCol1 .table tbody tr td:first-child{
  z-index:1021;
  background-color:inherit;
}
.table-responsive-stickyCol1 .table tbody tr td:first-child::before{
  content:"";
  display:block;
  position:absolute;
  top:-1px;
  left:-1px;
  border-right:1px solid #c9cfd6;
  border-left:1px solid #c9cfd6;
  width:calc(100% + 1px);
  height:calc(100% + 2px);
  pointer-events:none;
}

.table-primary{
  --bs-table-hover-bg:rgba(var(--color-primary-rgb), 0.1);
  --bs-table-active-bg:rgba(var(--color-primary-rgb), 0.2);
}

.table-secondary{
  --bs-table-hover-bg:#d9dee4;
  --bs-table-active-bg:#d3d9e0;
}

.table-success{
  --bs-table-hover-bg:#c3e4e2;
  --bs-table-active-bg:#bbe1de;
}

.table-info{
  --bs-table-hover-bg:#c8dff6;
  --bs-table-active-bg:#bfdaf5;
}

.table-warning{
  --bs-table-hover-bg:#ffeec0;
  --bs-table-active-bg:#ffecb6;
}

.table-danger{
  --bs-table-hover-bg:#fcd0d3;
  --bs-table-active-bg:#fbc6ca;
}

.table-light{
  --bs-table-hover-bg:#e6eaf0;
  --bs-table-active-bg:#dfe5ed;
}

.table-dark{
  --bs-table-hover-bg:#222a32;
  --bs-table-active-bg:#1e252c;
}

.tablePagination{
  align-items:center;
  margin-top:20px;
}
.tablePagination-limit{
  margin:0 0 1em auto;
  width:150px;
}

.tablePhotoDetail{
  width:100%;
  color:#212529;
  height:auto;
}
.tablePhotoDetail > thead > tr > th .icon,
.tablePhotoDetail > thead > tr > th .badge{
  margin-left:8px;
}
.tablePhotoDetail > tbody > tr > td .form-switch{
  display:inline-flex;
  align-items:center;
  margin-bottom:0;
  padding-left:0;
  min-height:32px;
  line-height:1.2;
}
.tablePhotoDetail > tbody > tr > td .form-switch .form-check-input{
  float:none;
  margin-top:0;
  margin-left:0;
}
.tablePhotoDetail > tbody > tr > td .form-switch .form-check-label{
  display:none;
  margin-left:0.5em;
  font-size:1.4rem;
}
.tablePhotoDetail-form .tablePhotoDetail-item[data-item-title]::before{
  display:block;
  margin-right:0;
  margin-bottom:0.25em;
  color:#212529;
}
.tablePhotoDetail-item-img{
  width:calc(100px + 2rem);
}
.tablePhotoDetail-item-utility{
  text-align:center;
}
.tablePhotoDetail-btn{
  display:inline-flex;
  align-items:center;
}
.tablePhotoDetail-link, .tablePhotoDetail-thumbnail{
  width:100px;
  height:100px;
  background-color:#ecf0f4;
}
.tablePhotoDetail-link{
  display:block;
  position:relative;
}
.tablePhotoDetail-link::before{
  display:flex;
  justify-content:center;
  align-items:center;
  position:absolute;
  border:1px solid #c9cfd6;
  border-radius:50%;
  background-color:#fff;
  content:"\f6ec";
  font-family:"Material Design Icons";
  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;
}
.tablePhotoDetail-img{
  width:100px;
  height:auto;
  background:center center/contain no-repeat;
}
.tablePhotoDetail-label{
  position:absolute;
  right:5px;
  bottom:5px;
  padding:0.225em 0.65em;
  border:1px solid;
  border-radius:3em;
  height:20px;
  font-size:1.1rem;
  line-height:1.1;
}

.tablePhotoList{
  border-top:1px solid #c9cfd6;
  border-right:1px solid #c9cfd6;
  border-left:1px solid #c9cfd6;
  height:auto;
  background-color:#fff;
}
.tablePhotoList-row{
  border-bottom:1px solid #c9cfd6;
}
.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 #c9cfd6;
}
.tableResponsive-row.selected{
  background-color:#d7dce2;
}
.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-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:var(--color-primary);
}
.tableResponsive-item-delete{
  text-align:center;
}

.tableResponsiveCompare{
  height:auto;
  background-color:transparent;
}
.tableResponsiveCompare-header{
  color:#212529;
}
.tableResponsiveCompare-row{
  border-bottom:1px solid #c9cfd6;
}
.tableResponsiveCompare-item:first-child{
  width:20%;
}
.tableResponsiveCompare-item:not(:first-child){
  width:40%;
}

.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:var(--color-primary-hover);
}
.text-center .tableSorter-title{
  justify-content:center;
  text-align:center;
}
.text-end .tableSorter-title{
  justify-content:end;
  text-align:right;
}
.device-pc .tableSorter-title-asc::after, .device-pc .tableSorter-title-desc::after{
  font-family:"Material Design Icons";
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  order:3;
  margin-left:0.25em;
  font-size:1.2em !important;
}
.tableSorter-title-asc::after{
  content:"\f05d";
}
.tableSorter-title-desc::after{
  content:"\f045";
}
.tableUtility{
  display:flex;
  align-items:flex-start;
  position:sticky;
  top:0;
  z-index:1023;
  padding-top:10px;
  padding-bottom:10px;
  height:60px;
  background-color:#ecf0f4;
  gap:1rem;
}
.tableUtility > .title{
  margin-right:auto;
  margin-bottom:0;
}
.tableUtility > .title-md{
  line-height:1.4;
}
.modal-body .tableUtility{
  top:-1.5rem;
  background-color:#fff;
}
.table-responsive-stickyCol1 .tableUtility{
  left:0;
}
.tableUtility-wrap{
  flex-wrap:wrap;
  position:static;
  height:auto;
}
.tableUtility-wrap:has(.tableUtility-rightBtn){
  justify-content:end;
}
.tableUtility-rightBtn{
  margin-left:auto;
}
.tableUtility-rightBtn + .exToggleDisplayTableCellMenu{
  margin-left:0;
}
.tableUtility-search{
  width:100%;
  max-width:560px;
}
.detail-header + .detail-body > .tableUtility{
  margin-top:-10px;
}

.title{
  margin-bottom:0.5em;
}
.collapse-detail .title{
  margin-bottom:1rem;
}
.title + .title{
  margin-top:0 !important;
}
:not(input[type=hidden]) + .title-xs{
  margin-top:20px;
}
:not(input[type=hidden]) + .title-sm{
  margin-top:20px;
}
.tableUtility .title-md{
  line-height:1.4;
}
.title-cmsLg, .title-cmsMd, .title-cmsSm{
  margin-bottom:1em;
}
* + .title-cmsLg, * + .title-cmsMd, * + .title-cmsSm{
  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 #c9cfd6;
  border-radius:50%;
  width:1.25em;
  height:1.25em;
  background-color:#fff;
  color:var(--color-primary);
  transition:color 0.15s;
}
.title-back::before{
  content:"\f04d";
  font-family:"Material Design Icons";
  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:var(--color-primary-hover);
}

.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:#ecf0f4;
}
.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 #c9cfd6;
  border-right:1px solid #c9cfd6;
  border-bottom:1px solid #c9cfd6;
  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:var(--color-primary-light) !important;
}
.bg-primary-pale{
  background-color:var(--color-primary-pale) !important;
}
.bg-gray-light{
  background-color:#dee2e6 !important;
}
.bg-gray-pale{
  background-color:#ecf0f4 !important;
}
.bg-after{
  background-color:#00897b !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);
  }
  .orderList-cart .orderList-row-body{
    grid-template-areas:"img detail" "img unit" "img send" "img quantity" "img subtotal";
    grid-template-columns:100px 1fr;
  }
  .orderList-confirm .orderList-row-body{
    grid-template-areas:"img detail detail" "img unit quantity" "img send subtotal";
    grid-template-columns:100px 1fr 180px;
  }
  .orderList-reorder .orderList-row-body{
    grid-template-areas:"img detail form" "img unit form" "img send form" "img quantity form" "img subtotal form";
    grid-template-columns:100px 1fr 160px;
  }
  .orderList-quantityGroup{
    width:10em;
  }
  .orderList-unableOrder .stockStatus{
    display:block;
    margin-right:0;
  }
  .productList-row{
    grid-template-areas:"img detail" "img quantity" "img deadline" "img price" "img form";
  }
  .productSummary{
    grid-template-columns:1fr 120px;
  }
  .productSummary-detailItem{
    display:grid;
    align-items:center;
    grid-gap:1em;
    grid-template-columns:10em 1fr;
  }
  .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, .detail-title{
    font-size:2.8rem;
  }
  .title-sm, .productDetail-subTitle, .detail-title-sm, .title-cmsMd, .cms h3,
  .cke_editable h3,
  .cke_panel_listItem h3{
    font-size:2rem;
  }
  .title-xs, .title-cmsSm, .cms h4,
  .cke_editable h4,
  .cke_panel_listItem h4{
    font-size:1.8rem;
  }
  .title-cmsLg, .cms h2,
  .cke_editable h2,
  .cke_panel_listItem h2{
    font-size:2.4rem;
  }
  .alertBar{
    font-size:1.4rem;
    text-align:center;
  }
  .column{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
  }
  .column-sub{
    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-fluid{
    padding-right:25px;
    padding-left:25px;
  }
  .containerFullScreen-alertBar{
    text-align:center;
  }
  .globalWrapper{
    padding-top:70px;
  }
  .header{
    height:70px;
  }
  .header-menuBtn{
    display:flex;
    align-items:center;
    padding:15px 20px;
    width:120px;
    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-cart, .headerUtility-link-user{
    max-width:calc((100vw - 280px) / 2);
  }
  .headerUtility-link-cart::after, .headerUtility-link-user::after{
    content:"\f35d";
    font-family:"Material Design Icons";
    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.25em;
  }
  .headerUtility-icon .mdi{
    font-size:3rem;
  }
  .headerUtility-cartName{
    font-size:1.4rem;
  }
  .headerUtility-userIcon{
    margin-right:0.5em;
    width:40px;
    height:40px;
  }
  .headerUtility-userCompany{
    font-size:1.2rem;
  }
  .headerUtility-userName{
    font-size:1.4rem;
  }
  .headerUtility-badge{
    top:-4px;
    right:-4px;
    width:10px;
    height:10px;
  }
  .loginForm{
    background-image:url(/ex/images/common/bg-login-pc.png);
  }
  .section{
    padding:25px 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-header{
    font-size:3.2rem;
  }
  .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:8.5em;
  }
  .btn-countWrapper{
    top:-7px;
    right:-7px;
  }
  .btn-count{
    min-width:18px;
    height:18px;
    font-size:1.2rem;
  }
  .btnRow-footer .btn{
    min-width:20rem;
  }
  .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 #c9cfd6;
  }
  .modal-content .cms * + h2,
  .modal-content .cms * + h3,
  .modal-content .cms * + h4,
  .modal-content .cke_editable * + h2,
  .modal-content .cke_editable * + h3,
  .modal-content .cke_editable * + h4,
  .modal-content .cke_panel_listItem * + h2,
  .modal-content .cke_panel_listItem * + h3,
  .modal-content .cke_panel_listItem * + h4{
    margin-top:30px;
  }
  .cms * + h2,
  .cke_editable * + h2,
  .cke_panel_listItem * + h2{
    margin-top:40px;
  }
  .cms * + h3,
  .cke_editable * + h3,
  .cke_panel_listItem * + h3{
    margin-top:30px;
  }
  .cms * + h4,
  .cke_editable * + h4,
  .cke_panel_listItem * + h4{
    margin-top:1.5em;
  }
  .default-pages-icon img{
    width:160px;
  }
  .default-pages-title{
    font-size:28px;
  }
  .detailList-item{
    display:flex;
    align-items:center;
  }
  .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{
    width:auto;
    min-width:100%;
  }
  .headerUtility-item-user .dropdown-menu::before{
    right:50%;
  }
  .exToggleDisplayTableCell th.optional,
  .exToggleDisplayTableCell td.optional{
    display:table-cell;
  }
  .tablePhotoDetail-item .formList-item:not(:first-child), .pageEditList-body .formList-item:not(:first-child){
    margin-top:20px;
  }
  .formRow-check .form-check{
    min-width:16rem;
  }
  .formRow-check.formRow-sm .form-check{
    min-width:12rem;
  }
  .formStep-sp{
    display:none;
  }
  .formStep-pc{
    display:block;
  }
  .list-group-item.unread::before{
    top:50%;
    right:auto;
    left:0;
    transform:translateY(-50%);
  }
  .headerUtility .list-group-item.unread::before{
    top:0.75rem;
    right:0.75rem;
    left:auto;
    transform:none;
  }
  .list-group-inner{
    display:flex;
    align-items:center;
  }
  .list-group-header{
    margin-right:1em;
  }
  .message{
    padding:4rem 0;
  }
  .message-img .mdi::before{
    font-size:14rem;
  }
  .message-img svg{
    width:14rem;
  }
  .modal-footer .btn{
    min-width:14rem;
  }
  .modal-edit{
    max-width:calc(100% - 30px);
  }
  .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-columns:125px 1fr;
  }
  .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-arrival .orderList-row-body{
    grid-template-columns:2rem 125px 1fr;
  }
  .orderList-arrivalConfirm .orderList-row-body{
    grid-template-columns:125px 1fr;
  }
  .orderList-row-body .orderList-item-checkbox{
    height:125px;
  }
  .orderList-imgWrapper{
    transition:opacity 0.3s;
    width:125px;
    height:125px;
  }
  .orderList-imgWrapper:hover, .orderList-imgWrapper:focus{
    opacity:0.7;
  }
  .orderList-quantityBtn{
    flex-wrap:nowrap;
  }
  .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% - 340px);
  }
  .productDetail-operationBody{
    margin-top:0;
    width:320px;
  }
  .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{
    display:block;
    align-self:start;
  }
  .productList-imgWrapper{
    transition:opacity 0.3s;
    width:125px;
    height:125px;
  }
  .productList-imgWrapper:hover, .productList-imgWrapper:focus{
    opacity:0.7;
  }
  .productList-cart{
    margin-top:10px;
  }
  .productList-unableOrder .stockStatus{
    display:block;
    margin-right:0;
  }
  .productList-delete{
    text-align:center;
  }
  .searchResult{
    flex-direction:row;
    align-items:center;
  }
  .searchResult-btn{
    flex-shrink:0;
  }
  .searchResult-count{
    flex-shrink:0;
    margin-left:auto;
  }
  .select2-container--default .select2-results .select2-results__options{
    max-height:calc(50vh - 70px);
  }
  body.swal2-toast-shown .swal2-container{
    width:500px;
  }
  .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;
  }
  .table-responsive-heightVisibleBtnFooter{
    max-height:calc(100vh - 120px);
  }
  .tablePagination{
    display:flex;
    flex-direction:row-reverse;
    justify-content:space-between;
    position:sticky;
    bottom:0;
    left:0;
    z-index:1020;
    margin-top:10px;
    margin-right:-25px;
    margin-left:-25px;
    padding:10px 25px;
    background-color:rgba(236, 240, 244, 0.7);
  }
  .modal-body .tablePagination{
    bottom:-1.5rem;
    background-color:rgba(255, 255, 255, 0.7);
  }
  .tablePagination-limit{
    margin:0 0 0 1em;
  }
  .tablePagination-pagination{
    margin-right:auto;
  }
  .tablePhotoDetail-link{
    transition:opacity 0.3s;
  }
  .tablePhotoDetail-link:hover, .tablePhotoDetail-link:focus{
    opacity:0.7;
  }
  .tableResponsive-sm .tableResponsive-item .form-control[class*=w-]{
    width:100% !important;
  }
  .tableResponsive-md .tableResponsive-item .form-control[class*=w-]{
    width:100% !important;
  }
  .tableResponsiveCompare-item .form-control[class*=w-]{
    width:100% !important;
  }
  .modal-content * + .title-cmsLg, .modal-content * + .title-cmsMd, .modal-content * + .title-cmsSm{
    margin-top:30px;
  }
  * + .title-cmsLg{
    margin-top:40px;
  }
  * + .title-cmsMd{
    margin-top:30px;
  }
  * + .title-cmsSm{
    margin-top:1.5em;
  }
  .topInformationMenu-img{
    width:auto;
  }
  .topInformationMenu-text{
    font-size:2rem;
  }}

@media (min-width: 992px){
  body::after{
    content:"lg";
  }
  .globalWrapperFullScreen .alertBar{
    padding-left:315px;
  }
  .containerFullScreen-main{
    padding-left:300px;
  }
  .globalWrapper{
    padding-left:240px;
  }
  .header{
    padding-left:240px;
  }
  .headerUtility-link-cart, .headerUtility-link-user{
    max-width:calc((100vw - 450px) / 2);
  }
  .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);
  }
  .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);
  }
  .orderList-cart .orderList-row-body{
    grid-template-areas:"img detail detail" "img unit quantity" "img send subtotal";
    grid-template-columns:125px 1fr 1fr;
  }
  .orderList-arrival .orderList-row-body{
    grid-template-areas:"checkbox img detail arrival" "checkbox img detail quantity" "checkbox img detail subtotal";
    grid-template-columns:2rem 125px 1fr 1fr;
  }
  .orderList-arrivalConfirm .orderList-row-body{
    grid-template-areas:"img detail arrival" "img detail quantity" "img detail subtotal";
    grid-template-columns:125px 1fr 1fr;
  }
  .orderList-cart .orderList-item-quantity{
    flex-direction:column-reverse;
    justify-content:center;
    align-items:flex-end;
  }
  .orderList-quantityAlert{
    justify-content:flex-end;
    order:3;
  }
  .orderList-quantityGroup{
    margin-left:0;
  }
  .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;
  }
  .detailList-title{
    width:240px;
  }
  .detailList-detail{
    width:calc(100% - 240px);
  }
  .topInformation-information .list-group-item.unread::before{
    top:0.75rem;
    right:0.75rem;
    left:auto;
    transform:none;
  }
  .topInformation-information .list-group-inner{
    display:block;
  }
  .topInformation-information .list-group-header{
    margin-right:0;
  }
  .topInformation-information .list-group-body{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  .orderList-cart .orderList-row-header, .orderList-confirm .orderList-row-header, .orderList-reorder .orderList-row-header, .orderList-arrivalConfirm .orderList-row-header{
    display:grid;
  }
  .orderList-cart .orderList-row-header + .orderList-row-body, .orderList-confirm .orderList-row-header + .orderList-row-body, .orderList-reorder .orderList-row-header + .orderList-row-body, .orderList-arrivalConfirm .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:"img detail unit send quantity subtotal";
    grid-template-columns:125px 2fr 1fr 1fr minmax(105px, 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 150px;
  }
  .orderList-arrival .orderList-row-header, .orderList-arrival .orderList-row-body{
    grid-template-areas:"checkbox img detail arrival quantity subtotal";
    grid-template-columns:2rem 125px 2fr 1fr 1fr 1.5fr;
  }
  .orderList-arrivalConfirm .orderList-row-header, .orderList-arrivalConfirm .orderList-row-body{
    grid-template-areas:"img detail arrival quantity subtotal";
    grid-template-columns:125px 2fr 1fr 1fr 1.5fr;
  }
  .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, .orderList-row-header .orderList-item-arrival{
    display:block;
  }
  .orderList-item-unit{
    align-self:auto;
  }
  .orderList-item-send{
    align-self:auto;
  }
  .orderList-cart .orderList-item-quantity{
    align-items:stretch;
  }
  .orderList-cart .orderList-row-body .orderList-item-quantity .form-control,
  .orderList-cart .orderList-row-body .orderList-item-quantity .form-select,
  .orderList-cart .orderList-row-body .orderList-item-quantity .form-select.select2-hidden-accessible + .select2-container{
    max-width:none;
  }
  .orderList-item-subtotal{
    align-self:auto;
  }
  .orderList-arrival .orderList-row-body .orderList-item-quantity, .orderList-arrivalConfirm .orderList-row-body .orderList-item-quantity, .orderList-arrival .orderList-row-body .orderList-item-subtotal, .orderList-arrivalConfirm .orderList-row-body .orderList-item-subtotal, .orderList-arrival .orderList-row-body .orderList-item-arrival, .orderList-arrivalConfirm .orderList-row-body .orderList-item-arrival{
    flex-direction:column;
  }
  .orderList-arrival .orderList-row-body .orderList-item-quantity .btn, .orderList-arrival .orderList-row-body .orderList-item-subtotal .btn, .orderList-arrival .orderList-row-body .orderList-item-arrival .btn{
    margin-top:1rem;
    margin-left:0;
  }
  .orderList-arrival .orderList-row-body .orderList-item-quantity, .orderList-arrivalConfirm .orderList-row-body .orderList-item-quantity, .orderList-arrival .orderList-row-body .orderList-item-subtotal, .orderList-arrivalConfirm .orderList-row-body .orderList-item-subtotal{
    align-items:end;
  }
  .orderList-arrival .orderList-row-body .orderList-item-arrival, .orderList-arrivalConfirm .orderList-row-body .orderList-item-arrival{
    align-items:start;
  }
  .orderList-arrivalText, .orderList-quantityText, .orderList-subtotalText{
    display:none;
  }
  .orderList-quantityAlert{
    justify-content:normal;
    order:3;
  }
  .orderList-quantityGroup{
    display:block;
    width:auto;
  }
  .orderList-quantityBtn{
    flex-direction:column-reverse;
    margin-top:5px;
    white-space:nowrap;
  }
  .orderList-changeText{
    flex-direction:column;
    flex-wrap:nowrap;
  }
  .orderList-row-body .orderList-item-arrival .orderList-changeText{
    justify-content:flex-start;
  }
  .orderList-changeTextItem ~ .orderList-changeTextItem::before{
    margin-left:0;
  }
  .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-stock{
    flex-direction:column;
  }
  .productDetail-stockStatus{
    margin-right:0;
  }
  .productDetail-deadline br{
    display:block;
  }
  .productDetail-form{
    grid-template-columns:100%;
  }
  .productDetail-cart{
    grid-column:1/2;
    grid-row:2/3;
  }
  .productDetail-unableOrder{
    grid-column:1/2;
    grid-row:1/3;
  }
  .productDetail-favorite{
    grid-column:1/2;
    grid-row:3/4;
  }
  .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){
  .column-sub{
    width:200px;
  }
  .column-main{
    width:calc(100% - 240px);
  }
  .container-fluid{
    padding-right:40px;
    padding-left:40px;
  }
  .container-edit{
    max-width:1080px;
  }
  .section{
    padding:40px 0;
  }
  .section-header{
    margin-bottom:2rem;
  }
  .modal-xxl{
    width:calc(100% - 80px) !important;
    max-width:1600px;
  }
  .orderList-arrival .orderList-row-header, .orderList-arrival .orderList-row-body{
    grid-template-columns:2rem 125px 3fr 1fr 1fr 1.5fr;
  }
  .orderList-arrivalConfirm .orderList-row-header, .orderList-arrivalConfirm .orderList-row-body{
    grid-template-columns:125px 3fr 1fr 1fr 1.5fr;
  }
  .productDetail-main{
    grid-template-columns:400px 1fr 210px;
  }
  .tablePagination{
    margin-right:-40px;
    margin-left:-40px;
    padding:10px 40px;
  }}

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

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

@media (max-width: 991px){
  .tableResponsive-lg > tbody > tr > td .form-switch .form-check-label{
    display:inline;
    font-size:1.2rem;
  }
  .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;
    max-width:none !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:var(--color-primary-light);
  }
  .tableResponsive-lg .tableResponsive-body .tableResponsive-item-delete{
    text-align:right !important;
  }
  .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-item .badge-status{
    display:inline-block;
    width:auto;
    min-width:4em;
  }}

@media (max-width: 767px){
  .tablePhotoDetail > tbody > tr > td .form-switch .form-check-label{
    display:inline;
    font-size:1.2rem;
  }
  .tablePhotoDetail{
    display:block;
  }
  .tablePhotoDetail-header{
    display:none;
  }
  .tablePhotoDetail-body{
    display:block;
  }
  .tablePhotoDetail-row{
    display:block;
    position:relative;
    padding:10px 10px 10px 80px;
    min-height:80px;
  }
  .tablePhotoDetail-item{
    display:block;
    padding:0 !important;
    font-size:1.2rem;
    text-align:left !important;
  }
  .tablePhotoDetail-item[data-item-title]::before{
    content:attr(data-item-title);
    margin-right:0.5em;
    color:#6b7681;
  }
  .tablePhotoDetail-item:nth-child(n+3){
    margin-top:0.5em;
  }
  .tablePhotoDetail-form .tablePhotoDetail-item:nth-child(n+3){
    margin-top:1em;
  }
  .tablePhotoDetail-item-img{
    display:block;
    position:absolute;
    top:10px;
    left:10px;
    z-index:2;
    width:60px;
  }
  .tablePhotoDetail-item-utility{
    text-align:right !important;
  }
  .tablePhotoDetail-btn{
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:1rem;
  }
  .tablePhotoDetail-link, .tablePhotoDetail-thumbnail{
    width:60px;
    height:60px;
  }
  .tablePhotoDetail-img{
    width:60px;
  }
  .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{
    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;
    max-width:none !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:var(--color-primary-light);
  }
  .tableResponsive-md .tableResponsive-body .tableResponsive-item-delete{
    text-align:right !important;
  }
  .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-item .badge-status{
    display:inline-block;
    width:auto;
    min-width:4em;
  }}

@media (max-width: 575px){
  .tableResponsive-sm > tbody > tr > td .form-switch .form-check-label{
    display:inline;
    font-size:1.2rem;
  }
  .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;
    max-width:none !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;
    font-weight:400;
    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:var(--color-primary-light);
  }
  .tableResponsive-sm .tableResponsive-body .tableResponsive-item-delete{
    text-align:right !important;
  }
  .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-item .badge-status{
    display:inline-block;
    width:auto;
    min-width:4em;
  }
  .tableResponsiveCompare-header{
    display:block;
  }
  .tableResponsiveCompare-body{
    display:block;
  }
  .tableResponsiveCompare-row{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    position:relative;
  }
  .tableResponsiveCompare-item{
    display:block;
    text-align:left !important;
  }
  .tableResponsiveCompare-header .tableResponsiveCompare-item:first-child{
    display:none;
  }
  .tableResponsiveCompare-item:empty{
    display:none;
    margin-top:0 !important;
  }
  .tableResponsiveCompare-item:first-child{
    padding-bottom:0;
    width:100%;
  }
  .tableResponsiveCompare-item:not(:first-child){
    width:50%;
  }
  .tableResponsiveCompare-single .tableResponsiveCompare-item:not(:first-child){
    width:100%;
  }}

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

@media (pointer: fine), (hover: hover){
  a[href^="tel:"]{
    pointer-events:none;
  }}