:root ,
html,
body {
  font-size:14px;
}
body {
  overflow-y:scroll;
}
::placeholder {
  color: #ccc !important;
}
.form-control {
  padding: 0.25rem 0.5rem;
  height: calc(1rem + 0.75rem + 2px);
  font-size: 14px;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.btn {
  padding: 0.125rem 0.5rem;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.btn.btn-lg {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
.btn.btn-mini-h {
  padding: 0.0625rem 0.5rem;
  line-height: 1.2;
}
.btn.btn-mini-w {
  padding: 0.125rem;
}
.btn.btn-mini {
  padding: 0.0625rem 0.125rem;
  line-height: 1.2;
}
.nav-link {
  display: block;
  padding: 0.5rem 0.8rem;
  font-size: 14px;
}
.nav-tabs .nav-link {
  border-color: #e9ecef #e9ecef #dee2e6;
}
.w-5 {
  width:5% !important;
}
.w-10 {
  width:10% !important;
}
.w-15 {
  width:15% !important;
}
.w-20 {
  width:20% !important;
}
/*.w-25 {
  width:15%;
}*/
.w-30 {
  width:30% !important;
}
.w-33 {
  width:calc(100% / 3)!important;
}
.w-35 {
  width:35% !important;
}
.w-40 {
  width:40% !important;
}
.w-45 {
  width:45% !important;
}
/*.w-50 {
  width:10%;
}*/
.w-55 {
  width:55% !important;
}
.w-60 {
  width:60% !important;
}
.w-65 {
  width:65% !important;
}
.w-70 {
  width:70% !important;
}
/*.w-75 {
  width:15%;
}*/
.w-80 {
  width:80% !important;
}
.w-85 {
  width:85% !important;
}
.w-90 {
  width:90% !important;
}
.w-95 {
  width:95% !important;
}
.h-1r {
  height:1rem;
}
.h-2r {
  height:2rem;
}
.h-3r {
  height:3rem;
}
.h-4r {
  height:4rem;
}
.h-5r {
  height:5rem;
}
.h-6r {
  height:6rem;
}
.h-7r {
  height:7rem;
}
.h-8r {
  height:8rem;
}
.h-9r {
  height:9rem;
}
.h-10r {
  height:10rem;
}

.menu {
  min-height:100vh;
}
.pointer {
  cursor:pointer;
  font-size:0.8rem;
}
.output-paper p {
  margin:0;
}
#headingOne {
  margin-bottom:0;
}
footer {
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
}
.semaphore {
  min-width:20px;
  min-height:20px;
  margin-right:3px;
  display: inline-block;
  vertical-align: sub;
}
.pagination-wrap {
  min-height:85vh;
  position:relative;
}
.pagination-wrap .fa-caret-square-down {
  position:absolute;
  bottom:0;
}
.menu .nav-item .nav-link:hover {
  background-color:#999;
}
.menu .nav-item .nav-link.active {
  background-color:#999;
}
.nav-item {
  position:relative;
}
#sidebar-menu .left-menu-layout-btn,
#sidebar-menu .left-menu-replacement-layout-btn{
  background-color: #343a40;
}
#sidebar-menu .left-menu-layout-btn.active,
#sidebar-menu .left-menu-replacement-layout-btn.active{
  color: #f8f9fa;
  border-color: #f8f9fa;
}
#sidebar-menu .left-menu-layout-btn:not(:disabled):hover,
#sidebar-menu .left-menu-replacement-layout-btn:not(:disabled):hover {
  background-color:#007bff;
  color:#fff;
}
#sidebar-menu .left-menu-layout-btn-spacer {
  width:44px;
}
.front-menu-heading {
  padding:1.25rem 0;
  cursor:pointer;
  margin:0;
  position:relative;
  text-align:center;
}
.front-menu-heading.front-menu-alone-wrap {
  padding:0;
}
.front-menu-heading.front-menu-alone-wrap .front-menu-alone{
  padding: 1rem;
  display:block;
}
.front-menu-heading .front-menu-alone:hover {
  text-decoration:none;
}
.front-menu-heading .fa-wrap > svg {
  width: 1.5rem;
  height: 1.5rem;
}
.front-menu-heading .front-menu-arrow .fa-wrap > svg {
  width: 1.25rem;
  height: 1.25rem;
}
.front-menu-text {
  font-size:12px;
  padding-top:3px;
}
.front-menu-arrow {
  position:absolute;
  right:0.1rem;
  top:1.4rem;
  color:#999;
}
.nav-item-sub-wrap {
  opacity:0;
  visibility:hidden;
  width:100%;
  min-width:300px;
  position:absolute;
  left:100%;
  top:0;
  z-index:1200;
  background-color: #343a40;
  transition-duration:0.2s;
  transition-delay:0.2s;
}
.front-menu-heading.active + .nav-item-sub-wrap {
  position:absolute;
  left:100%;
  top:0;
  opacity:0;
  visibility:hidden;
}
.nav-item-sub-heading {
  display:block;
  color:#fff;
  padding:0.4rem 1rem;
}
.front-menu-heading.active ~ .nav-item-sub-wrap .nav-item-sub-heading {
  display:block;
}
.nav-item-sub-wrap.item-top,
.nav-item-sub-wrap.item-bottom {
  opacity:1;
  visibility:visible;
}
.front-menu-heading:hover + .nav-item-sub-wrap,
.front-menu-heading:active + .nav-item-sub-wrap,
.front-menu-heading:focus + .nav-item-sub-wrap,
.nav-item-sub-wrap:hover {
  opacity:1 !important;
  visibility:visible !important;
}
.front-menu-heading.active {
  background-color:#343a40;
  cursor:auto;
}
.front-menu-heading.active .fa-wrap {
  color:#fff;
}
.front-menu-heading:not(.active):hover {
  background-color:#ccc;
}
.front-menu-heading:not(.front-menu-alone-wrap):hover:after {
  content:" ";
  width: 0;
  height: 0;
  border-width: 5px 8.7px 5px 0;
  border-color: transparent #343a40 transparent transparent;
  border-style: solid;
  position:absolute;
  top:1.4rem;
  right: 0;
}
.form-switch {
  display: inline-block;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.form-switch i {
  position: relative;
  display: inline-block;
  margin-right: .5rem;
  width: 46px;
  height: 26px;
  background-color: #e6e6e6;
  border-radius: 23px;
  vertical-align: text-bottom;
  transition: all 0.3s linear;
}

.form-switch i::before {
  content: "";
  position: absolute;
  left: 0;
  width: 42px;
  height: 22px;
  background-color: #fff;
  border-radius: 11px;
  transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
  transition: all 0.25s linear;
}

.form-switch i::after {
  content: "";
  position: absolute;
  left: 0;
  width: 22px;
  height: 22px;
  background-color: #fff;
  border-radius: 11px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
  transform: translate3d(2px, 2px, 0);
  transition: all 0.2s ease-in-out;
}

.form-switch:active i::after {
  width: 28px;
  transform: translate3d(2px, 2px, 0);
}

.form-switch:active input:checked + i::after { transform: translate3d(16px, 2px, 0); }

.form-switch input { display: none; }

.form-switch input:checked + i { background-color: #007bff; }

.form-switch input:checked + i::before { transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0); }

.form-switch input:checked + i::after { transform: translate3d(22px, 2px, 0); }

.form-switch-on,
.form-switch-off {
  vertical-align: text-bottom;
}
.form-switch-on {
  display:none;
}
.form-switch-off {
  display:inline-block;
}
.form-switch input:checked ~ .form-switch-on { display:inline-block; }
.form-switch input:checked ~ .form-switch-off { display:none; }

.picker__input:not([disabled]) {
  background-color:#fff !important;
}
.picker__select--month,
.picker__select--year {
  width:40% !important;
  padding:0 .5rem !important;
}
.picker__day--infocus {
  position:relative;
}
.calendar-count-tip {
  margin:0;
  padding:0;
  position:absolute;
  bottom:0;
  right:0;
  font-size:.9rem;
}

#news-wrap {
  position:relative;
}
.news-tip {
  position:absolute;
  top:4px;
  left:0;
  width:0.5rem;
  height:0.5rem;
  background-color:#dc3545;
  border-radius:50%;
  z-index:20;
  display:none;
}
#left-menu-chat-support,
#billing-menu-link {
  position:relative;
}
#left-menu-chat-support .fa-wrap svg,
#billing-menu-link .fa-wrap svg,
#news-icon .fa-wrap svg,
#header-manual-icon .fa-wrap svg,
#header-tel-support .fa-wrap svg,
#header-referral-campaign .fa-wrap svg,
#header-question-icon .fa-wrap svg {
  height:1.5rem;
  vertical-align:middle;
  cursor:pointer;
}
.picker--opened .picker__frame {
  margin-bottom:calc((100vh - 445px) / 2);
}

.container-fluid > .row > .col-10 {
  flex: 0 0 calc(100% - 72px);
  max-width: calc(100% - 72px);
}
.save-button-wraper {
  width:calc(100% - 72px) !important;
}
#sidebar-menu {
  z-index:1010;
  position: fixed;
  left: 0;
  top:49px;
  min-height: 100%;

  height:100%;
  padding-top: 0;
  width:72px;
  min-width:72px;
  max-width:72px;
}
#sidebar-menu.is-show-alert {
  top:84px;
}
#menu-spacer {
  width:72px;
  min-width:72px;
  max-width:72px;

}
#sidebar-menu.menu-middle {
  position:absolute;;
}
#sidebar-menu.menu-bottom {
  position:fixed;
  top:initial;
  bottom:0;
}
#sidebar-menu .nav-link {
  position:relative;
  padding:0.6rem 1rem;
}
#sidebar-menu .left-menu-layout-area-wrap:hover,
#sidebar-menu .sp-left-menu-btn-wrap:hover,
#sidebar-menu .sp-left-menu-btn-wrap:active,
#sidebar-menu .nav-link:hover {
  background-color:#4e5760;
}
#sidebar-menu .left-menu-layout-btn-wrap.active,
#sidebar-menu .nav-link.active {
  background-color:#6c757d;
  color:#fff !important;
}
#sidebar-menu .nav-link i {
  width: 1.25rem;
  text-align: center;
}
#sidebar-menu .nav-link:hover {
  text-decoration:underline;
}
.terms-and-logout {
  position:absolute;
  bottom:50px;
  left:0;
  margin-bottom:1rem;
  width:100%;
}
.terms-and-logout .front-menu-heading {
  display:block;
}
.terms-and-logout-link {
  padding: .4rem 1rem;
  color:#343a40;
  font-size:14px;
}
.sidear-icon-toggle {
    transition: all 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    height: 100%;
    width: 100%;
    top: 18px;
    left: 15px;
    height: 22px;
    width: 22px;
    margin:0;
}
.spinner {
    transition: all 0.3s;
    box-sizing: border-box;
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: #fff;
}
.horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}
.diagonal.part-1 {
    position: relative;
    transition: all 0.3s;
    box-sizing: border-box;
    float: left;
}
.diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}
.ui-widget.ui-widget-content {
  z-index: 1100;
  max-width:500px;
}
.ui-autocomplete {
  max-height: 400px;
  overflow-y: scroll;
  overflow-x: hidden;
  border-radius:3px;
}
.ui-menu-item-wrapper {
  padding: 0.3rem 1rem !important;
  font-size:15px;
  border-bottom:1px solid #ddd;
}
.ui-state-active {
  background:#007bff !important;
  color:#fff !important;
}
.table .ui-state-highlight {
  background-color:#fffa90 !important;
}
.picker tr {
  background-color:#fff !important;
}
.picker td,
.picker th {
  border:none !important;
}
.price-input {
  text-align:right;
}
.visit-row td {
  position:relative;
}
.alert-mark-wrap {
  position:absolute;
  top:-4px;
  left:-10px;
  cursor:pointer;
  z-index:100;
}
.alert-mark-wrap i {
  color:#dc3545!important;
}
.alert-mark-text {
  background-color:#fff;
  font-size:.8rem;
  padding:.5rem;
  box-shadow:0 0 3px #999;
  display:none;
  margin-left: 1rem;
  width:300px;
  height:auto;
}
.alert-mark-wrap:hover .alert-mark-text ,
.alert-mark-wrap:focus .alert-mark-text {
  display:block;
}
.save-tip-anime,
.flashing {
  transform-origin: top right;
  animation: save-tip 6s linear infinite;
}
.slow-flashing {
  transform-origin: top right;
  animation: slow-flashing 10s ease-in-out 0s infinite;
}
.save-tip-anime:disabled {
  animation:none;
}
.save-tip-anime:hover,
.flashing:hover {
  animation: none;
}
@keyframes save-tip {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0.4;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 0.4;
  }
  40% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  60% {
    opacity: 1;
  }
  70% {
    opacity: 0.4;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slow-flashing {
  0% {
    opacity:1;
  }
  88% {
    opacity:1;
  }
  95% {
    opacity:0.2;
  }
  100% {
    opacity:1;
  }
}
.picker .picker__table td:nth-child(1),
.picker .picker__table th:nth-child(1){
  color: rgb(220, 53, 69);
}
.picker .picker__table th:nth-child(7),
.picker .picker__table td:nth-child(7){
  color:rgb(0, 123, 255);
}
.qr-code {
  min-height:calc(125px + 1rem);
  padding-top:1rem;
  text-align:center;
}
.toast {
  display:none;
}
.modal-footer {
  justify-content: flex-start !important;
}
.notice-tip {
  font-size:1rem;
  margin-left:1rem;
  cursor:pointer;
  position:relative;
}
.notice-tip-popup {
  position:absolute;
  top:1.2rem;
  left:0;
  background-color:#fff;
  color:#343a40;
  padding:.5rem;
  box-shadow:0 0 3px #ccc;
  font-size:.8rem;
  /*display:none;*/
  visibility:hidden;
  min-width:20rem;
  z-index:20;
  transition-duration:0.5s;
}
.notice-tip:hover .notice-tip-popup,
.notice-tip-popup:hover {
  /*display:block;*/
  transition-duration:0.1s;
  visibility:visible;
}
.notice-tip.notice-tip-top .notice-tip-popup {
  top:auto;
  bottom:1.2rem;
  left:auto;
  right:0;
}
.notice-tip.notice-tip-bottom .notice-tip-popup {
  top:1.2rem;
  left:-10rem;
}
.notice-tip.notice-tip-left .notice-tip-popup {
  top:1.2rem;
  left:auto;
  right:0;
}
.notice-tip.notice-tip-left-top .notice-tip-popup {
  top:auto;
  left:auto;
  right:0;
  bottom:1.2rem;
}
.notice-tip.notice-tip-right-top .notice-tip-popup {
  top:auto;
  bottom:1.2rem;
  left:0;
  right:auto;
}
.notice-tip.notice-tip-bottom-padding .notice-tip-popup {
  bottom:auto;
  top:1.8rem;
}
#header-bar {
  z-index:1050;
}
#header-bar .notice-tip .notice-tip-popup {
  top:1.8rem;
  min-width:8rem;
  text-align:center;
}
#estimate-image-resize-canvas-wrap {
  width: 0;
  height: 0;
  visibility: hidden;
}
#estimate-image-upload-modal {
  user-select: none;
}
.estimate-image-file-input-label {
  cursor:pointer;
}
.estimate-image-thumbnail-wrap {
  width:30%;
  margin:3% 0 0 3%;
  position:relative;
}
.estimate-image-thumbnail-close {
  position: absolute;
  opacity:.8;
  top: -0.5rem;
  right: -0.5rem;
  font-size: 2rem;
  width: 2rem;
  border: 3px solid #333;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  height: 2rem;
  margin: 0;
  padding-top: 0.6rem;
  line-height: 0;
  text-align: center;
}
.estimate-image-thumbnail-close:hover {
  opacity:1;
}
.estimate-image-thumbnail {
  width:100%;
}
.estimate-image-thumbnail-list {
  list-style:none;
  padding:0;
  display: flex;
  flex-wrap: wrap;
}
#maintenance-modal .table {
  table-layout:fixed;
}
.new-badge-wrap {
  position:relative;
}
.new-badge,
.exist-badge {
  position: absolute;
  left: 0;
  top: -1.2rem;
  padding: .2rem 2rem;
  margin:0;
  font-size: 1rem;
  border-radius: 8px;
}
.add-wrap-row {
  background-color:#007bff30 !important;
}
.table thead .badge-header {
  padding-bottom: 20px;
  vertical-align: top;
}
.exist-badge-wrap {
  position:relative;
}
.wareki-inputs .input-group input {
  width:70px;
}
.wareki-inputs .input-group input.form-control-sm {
  width: 35px;
}
.wareki-inputs input[type="number"]::-webkit-outer-spin-button,
.wareki-inputs input[type="number"]::-webkit-inner-spin-button,
.wareki-inputs input[type="number"] {
  -webkit-appearance: none;
  -moz-appearance:textfield;
  margin: 0;
}
#cutoff_date_alert,
#import-data-alert {
  display:none;
  position:fixed;
  bottom:58px;
  left:0;
  width:100%;
  z-index: 110;
  font-weight:bold;
  text-align:center;
}
.fa-wrap {
  position: relative;
  text-align:center;
  display: inline-block;
  font-style: normal;
}
.fa-wrap svg {
  fill:currentColor;
  vertical-align: text-top;
  padding-top: 1px;
  width: 1.25rem;
  height: 1.05rem;
}
.btn-sm .fa-wrap svg {
  width: .875rem;
  height: auto;
  max-height:1.2rem;
}
.from-web-notify {
  display:none;
  position:absolute;
  top:0.2rem;
  left:0.5rem;
  background-color:#dc3545;
  color:#fff;
  width:1.2rem;
  height:1.2rem;
  line-height:.8rem;
  font-size:.8rem;
  border-radius:50%;
  padding-top:.25rem;
  text-align:center;
}
.from-web-notify.from-web-notify-mini {
  width:.6rem;
  height:.6rem;
  top:1.4rem;
  right:1.2rem;
  left:initial;
  z-index:1;
}
#left-menu-chat-support .from-web-notify.from-web-notify-mini,
#billing-menu-link .from-web-notify.from-web-notify-mini {
  top:0;
  right:0;
  animation: save-tip 9s linear infinite;
}
.drag-target {
  display: inline-block;
  cursor: grab;
  user-select: none;
}
.drag-target:active {
  cursor: grabbing;
}

#overlay {
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background-color:rgba(0,0,0,0.5);
  z-index:100;
}
#edit-consumer-modal .form-group {
  margin-bottom:.25rem;
}
#edit-consumer-modal .modal-dialog-scrollable .modal-body {
  overflow:scroll;
}
#detail label {
  margin-bottom:0;
}
.detail-flex-wrap > .detail-flex-child {
  width:12.5%;
}
.detail-flex-wrap > .detail-flex-child.detail-flex-child-md {
  width:14.8%;
}
.detail-flex-wrap > .detail-flex-child.detail-flex-child-sm {
  width:11.5%;
}
.toast-wrap{
  position: fixed;
  top: 80px;
  right: 5px;
}
#danger-toast,
#danger-toast .toast-header {
  background-color:#f8d7da;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance:textfield;
}
.memo-wrap .fa-comment {
  position:relative;
}
.memo-wrap .fa-comment.fa-comment-left:hover::after {
  left:auto;
  right:0;
}
.memo-wrap .fa-comment.fa-comment-right:hover::after {
  left:0;
  right:auto;
}
.memo-wrap .fa-comment:hover::after {
  content:attr(data-full-memo);
  position:absolute;
  top:20px;
  right:0;
  padding:.5rem;
  min-width:20rem;
  height:auto;
  background-color:#fff;
  border:1px solid #ccc;
  box-shadow:0 0 3px #ccc;
  z-index:1000;
  display:block;
  text-align: left;
  white-space: pre-line;
  font-size: 0.9rem;
  line-height: 1.2;
}
.memo-wrap.is-antique-notice .fa-comment:hover::after {
  min-width:9rem;
  text-align:center;
}
.memo-wrap .fa-comment::after {
  display:none;
}
.memo-color {
  color: #6c757d;
}
.p-relative {
  position:relative;
}
.input-today-btn {
  display:none;
  position:absolute;
  bottom:-30px;
  left:0;
  z-index: 10;
  background-color: #fff;
  box-shadow: 0 0 3px #ccc;
}
textarea:focus + .input-today-btn,
.input-today-btn:focus,
.input-today-btn:hover {
  display:inline-block;
}
.auto-height-wrap {
  position: relative;
  font-size: 1rem;
  line-height: 1.8;
}
.auto-height-dummy {
  overflow: hidden;
  visibility: hidden;
  box-sizing: border-box;
  padding: 5px 15px;
  min-height: 120px;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  border: 1px solid;
}
textarea.auto-height {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  height: 100% !important;
  font: inherit;
  letter-spacing: inherit;
  resize: none;
}
.edit-car-link {
  cursor:pointer;
}
.edit-car-link.text-primary:hover {
  color: #0056b3 !important;
  text-decoration: underline;
}
#tax-hint-button {
  position:absolute;
  display:none;
  background-color:#fff;
  padding:0.1rem;
  z-index:1120;
}
#tax-hint-button.cs-tax-hint-button {
  padding:0.2rem 0.5rem;
}
#tax-hint-button:hover {
  color:#007bff;
}
.only-premium-notice-popup,
.only-expansion-sales-popup {
  display:none;
  position:absolute;
  width:320px;
  height:auto;
  background-color:#fff;
  font-size:0.9rem;
  box-shadow: 0 0 6px #999;
  padding: 0.5rem;
  z-index:1000;
  color:#212529;
  text-align:left;
  line-height: 1rem;
}
.only-premium-notice:hover + .only-premium-notice-popup,
.only-premium-notice-popup:hover,
.only-expansion-sales:hover + .only-expansion-sales-popup,
.only-expansion-sales-popup:hover {
  display:block;
}
.only-premium-notice.only-premium-notice-left:hover + .only-premium-notice-popup,
.only-premium-notice.only-premium-notice-left + .only-premium-notice-popup:hover,
.only-expansion-sales.only-expansion-sales-left:hover + .only-expansion-sales-popup,
.only-expansion-sales.only-expansion-sales-left + .only-expansion-sales-popup:hover {
  right:100px;
}
.only-premium-csv-popup {
  display:none;
  position:absolute;
  min-width:15rem;
  height:auto;
  background-color:#fff;
  font-size:0.9rem;
  box-shadow: 0 0 6px #999;
  padding: 0.5rem;
  z-index:1000;
  color:#212529;
  text-align:center;
  top:1.8rem;
  right:0;
  opacity:1;
}
.only-premium-csv.disabled-work-point-and-junsei-parts-tab:hover + .only-premium-notice-popup,
.only-premium-csv.btn-outline-secondary:hover + .only-premium-csv-popup,
.only-premium-csv-popup:hover,
.only-premium-csv.btn-outline-secondary:hover + .only-premium-notice-popup,
.only-premium-csv.form-switch:hover + .only-premium-notice-popup {
  display:block;
}
.only-premium-csv.only-premium-csv-left:hover + .only-premium-csv-popup,
.only-premium-csv.only-premium-csv-left:hover + .only-premium-notice-popup {
  right:auto;
  left:0;
}
.only-premium-csv.only-premium-csv-right:hover + .only-premium-notice-popup,
.only-premium-csv.only-premium-csv-right + .only-premium-notice-popup:hover {
  right:0;
  left:auto;
}
.only-premium-csv.only-premium-csv-bottom:hover + .only-premium-notice-popup,
.only-premium-csv.only-premium-csv-bottom + .only-premium-notice-popup:hover {
  top:1.9rem;
  bottom:auto;
}
.only-premium-csv.only-premium-csv-top:hover + .only-premium-csv-popup,
.only-premium-csv.only-premium-csv-top:hover + .only-premium-notice-popup,
.only-premium-csv.only-premium-csv-top + .only-premium-notice-popup:hover {
  top:auto;
  bottom:1.9rem;
}
.only-premium-notice.only-premium-notice-left-zero:hover + .only-premium-notice-popup,
.only-premium-notice.only-premium-notice-left-zero + .only-premium-notice-popup:hover,
.only-expansion-sales.only-expansion-sales-left-zero:hover + .only-expansion-sales-popup,
.only-expansion-sales.only-expansion-sales-left-zero + .only-expansion-sales-popup:hover {
  right:0px;
}
.only-premium-notice.only-premium-notice-top:hover + .only-premium-notice-popup,
.only-premium-notice.only-premium-notice-top + .only-premium-notice-popup:hover,
.only-expansion-sales.only-expansion-sales-top:hover + .only-expansion-sales-popup,
.only-expansion-sales.only-expansion-sales-top + .only-expansion-sales-popup:hover {
  bottom:28px;
}
.save-button-wraper {
  position: fixed;
  bottom: 0;
  right: 0;
  width: calc(100% - 16.666667%);
  padding: 0.75rem;
  text-align: center;
  z-index: 100;
  background-color: #fff;
  box-shadow: 0 0 5px #ccc;
}
#offline-notice {
  position:relative;
  display:none;
}
#offline-notice-text {
  display:none;
  position:absolute;
  top:35px;
  left:-9rem;
  background-color:#fff;
  box-shadow:0 0 3px #ccc;
  font-size:0.9rem;
  padding:0.5rem;
  width:20rem;
}
#offline-notice:hover #offline-notice-text {
  display:block;
}
#offline-icon-wifi svg {
  width:1.65rem;
  height:1.45rem;
}
#offline-icon-times {
  position:absolute;
  top:-1px;
  left:1px;
}
#offline-icon-times svg {
  width:1.5rem;
  height:1.5rem;
}
.repair-btn.btn-outline-secondary {
  border:1px solid #ced4da;
  background-color:#fff;
}
.repair-btn.btn-outline-secondary:hover {
  color:#6c757d;
}
.d-relative {
  position:relative;
}
.blur {
  filter: blur(2px);
}
.blur .picker__frame,
.blur .picker__holder{
  display:none;
}
/*
.c-striped > div:nth-of-type(odd),
.table-striped tbody tr:nth-of-type(odd) {
  background-color:rgba(40, 167, 69, 0.125);
}

*/
.c-striped > div:nth-of-type(odd) {
  background-color:#f8f9fa;
}
.comment-wrap {
  position:relative;
}
.phone-popup,
.comment-popup {
  display:none;
  position:absolute;
  top:1.5rem;
  right:0;
  background-color:#fff;
  box-shadow:0 0 3px #ccc;
  z-index:10;
  padding:0.5rem;
  min-width:25rem;
  width:auto;
  text-align:left;
  white-space: pre-line;
}
.phone-icon:hover + .phone-popup,
.phone-popup:hover ,
.comment-icon:hover + .comment-popup,
.comment-popup:hover {
  display:block;
}
.comment-popup {
  min-width:20rem;
}
.car-sales-status-spinner {
  position:absolute;
  top:0.2rem;
  left:calc(50% - 14px);
  visibility:hidden;
  opacity:0;
  z-index:10;
}
.row-border {
  border-top:1px solid #343a40 !important;
}

/** chat support **/
#chat-support-modal .chat-ell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#chat-support-modal .chat-wrap {
  max-width:100%;
  margin:1rem auto 0;
}
#chat-support-modal #chat-message-area {
  height:350px;
  max-height:100%;
  background-color:#fff;
  overflow-y: scroll;
  padding: 0 10px 10px 8px;
  position:relative;
}
#chat-support-modal .message-item {
  display:inline-block;
  margin-top:.6rem;
  border-radius:13px;
  padding:.3rem .6rem;
  position:relative;
  max-width:80%;
}
#chat-support-modal .message-item-left {
  justify-content: flex-start;
  background-color:#ccc;
}
#chat-support-modal .message-item-left:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: #ccc;
  margin-top: -6px;
}
#chat-support-modal .message-item-right {
  justify-content: flex-end;
  background-color:#ffcd46;
}
#chat-support-modal .message-item-right:after {
  left: 100%;
  top: 50%;
  border-top: 2px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-left-color: #ffcd46;
  margin-top: -6px;
}
#chat-support-modal .message-date-time {
  display:inline-block;
  color:#ccc;
  font-size:10px;
  line-height: 13px;
  padding: 0 0.3rem;
  vertical-align: middle;
}
#chat-support-modal .message-icon {
  width:20px;
  height:20px;
  object-fit:cover;
  border-radius:50%;
}
#chat-support-modal .message-text {
  margin:0;
  white-space:pre-line;
  text-align: left;
  word-break: break-all;
}
#chat-support-modal #close-chat {
  display:none;
}
.open-chat {
  cursor:pointer;
}
.open-chat:not(.btn):not(#trial-paid-version):hover {
  color: #0056b3 !important;
  text-decoration: underline;
}
#chat-nothing-message {
  display:none;
  width: 25rem;
  padding: 1rem;
  background-color: #6c757d;
  color: #fff;
  text-align: center;
  margin: 10rem auto 0;
  font-size: 1.2rem;
}
/** chat support end **/

.sp-only {
  display:none;
}
.type-date-input {
  width:9rem;
}
input[type="date"] {
  padding:0.075rem 0.5rem;
}
input[type="date"]::-webkit-date-and-time-value {
  text-align: left;
}
input::-webkit-datetime-edit {
  padding:0;
  vertical-align:top;

}
#is-all-view-layout-wrap .btn-outline-secondary:hover,
.disable-btn-group:hover {
  color: #6c757d;
  border-color: #6c757d;
  background-color:#fff;
}
.counter-font {
  font-size:1.5rem;
}
.payment-info-popup:hover::after {
  position:absolute;
  top:1.5rem;
  left:0;
  background-color:#fff;
  padding:0.5rem;
  font-size:0.9rem;
  content:attr(data-text);
  box-shadow:0 0 5px #ccc;
  z-index:10;
}
.payment-info-popup .fa-wrap svg {
  width:auto;
}
.text-underline {
  text-decoration:underline;
}
.price-yen {
  position:absolute;
  right:0.25rem;
}
.not-sales-notice,
.not-payment-notice {
  position:relative;
  display:none;
}
.not-sales-notice:hover:after,
.not-payment-notice:hover:after {
  position:absolute;
  top:1.2rem;
  left:0;
  font-size:0.825rem;
  padding:0.5rem;
  background-color:#fff;
  z-index:10;
  text-align:center;
  box-shadow:0 0 3px #ccc;
  min-width:15rem;
  color:#343a40;
}
.not-sales-notice:hover:after {
  content:"ステータスが売上対象ではないので印刷にはご注意ください";
}
.not-payment-notice:hover:after {
  content:"「入金完了」でない場合は入金額が印字されません。";
}
.not-sales-notice-left:hover:after,
.not-payment-notice-left:hover:after {
  left:auto;
  right:0;
}
.pre-line {
  white-space:pre-line;
}
.tooltip {
  z-index:900;
}
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
  border-top-color:#fd7e14;
}
.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
  border-left-color:#fd7e14;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
  border-bottom-color:#fd7e14;
}
.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
  border-right-color:#fd7e14;
}
.tooltip-inner {
  background-color:#fd7e14;
  max-width:240px;
}
.btn-vs-mini {
  line-height:9px;
  padding:0.1rem 0.5rem;
  margin-bottom:0.2rem;
}
.btn-vs-mini-text {
  font-size:10px;
}
.table-col-ell {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position:relative;
}
.table-col-ell-child {
  position:absolute;
  left:0;
  top:0;
  background-color:#ccc;
  z-index:10;
}
.recall-disabled-tip {
  display:none;
  position:absolute;
  top:26px;
  left:0;
  background-color:#fff;
  box-shadow:0 0 3px #ccc;
  padding:0.5rem;
  opacity:1;
  width:320px;
  min-width:15rem;
  z-index:20;
  color:#343a40;
  font-size:0.9rem;
  line-height: 1rem;
  text-align: left;
}
.recall-disabled-tip.recall-disabled-tip-right {
  left:auto;
  right:0;
}
.recall-disabled-tip.recall-disabled-tip-top-100 {
  top:100%;
}
.recall-disabled-tip.recall-disabled-tip-bottom-100 {
  top:auto;
  bottom:100%;
}
.recall-disabled:hover + .recall-disabled-tip {
  display:block;
}
.referral-campaign-img {
  width:100%;
}
.bold-border {
  border-top: 2px solid #ccc;
}
.modal-dialog:not(.modal-dialog-sm) {
  min-width:800px;
}
#car-modal .modal-dialog,
#replacement-car-modal .modal-dialog,
#parts-modal .modal-dialog,
#new-maintenance-item-modal .modal-dialog,
#maintenance-setting-modal .modal-dialog,
#maintenance-modal .modal-dialog,
#work-point-and-junsei-parts-modal .modal-dialog,
#search-estimate-modal .modal-dialog {
  width:90vw;
  min-width:900px;
  max-width:1350px;
}
#edit-consumer-modal .modal-dialog,
#promotion-visit-modal .modal-dialog {
  width:80vw;
  max-width:1150px;
}



@media (min-width: 576px) {
  /* ::-webkit-full-page-media, :future, :root をつけるとsafariのみに効く */
  ::-webkit-full-page-media, :future, :root .modal-dialog:not(.modal-dialog-sm) {
    width:90vw;
    max-width:1350px;
    max-height:90vh;
  }
  ::-webkit-full-page-media, :future, :root .modal-dialog.modal-dialog-md {
    width:70vw;
    max-width:850px;
  }
  ::-webkit-full-page-media, :future, :root #read-barcode-modal .modal-dialog {
    width:100% !important;
    max-width:auto !important;
  }
}
/* 1024px以下の場合、左メニューを半分にしアイコンのみ表示 */
@media (max-width: 1024px) {
  #sidebar-menu,
  #menu-spacer {
    width:36px;
    min-width:36px;
    max-width:36px;
  }
  #sidebar-menu .front-menu-text,
  #sidebar-menu .front-menu-arrow {
    display:none;
  }
  .modal {
    width:100%;
    overflow-x:scroll !important;
  }
}
.filter-option-inner-inner {
  color:#495057 !important;
}
.bootstrap-select>.dropdown-toggle:after {
  margin-left:1rem;
}
.bootstrap-select {
  width:15rem !important;
  max-width:15rem;
}
#header-question-list {
  width:225px;
  z-index:10;
  position:absolute;
  top:23px;
  right:0;
  background-color:#fff;
  transition-delay:0.5s;
  visibility:hidden;
}
#header-question-wrap:hover #header-question-list,
#header-question-list:hover {
  visibility:visible;
  transition-delay:0.01s;
}
.bootstrap-select .dropdown-menu li.disabled {
  background-color:#eee;
}
.bg-orange {
  background-color:#fd7e14;
}
.printed-mark-wrap.printed-mark-wrap-hidden {
  visibility:hidden;
  opacity:0;
}
.printed-mark-wrap {
  position:relative;
  user-select: none;
}
.printed-mark-cancel {
  display:none;
  position:absolute;
  top:1.5rem;
  left:0;
  background-color:#fff;
  z-index:10;
  width:10rem;
}
.printed-mark-wrap.hovering .printed-mark-cancel {
  display:block;
}
.scale-check {
  transform:scale(1.5);
}
.car-image-thumbnails-popup {
  display:none;
  position:absolute;
  top:-206px;
  left:-5px;
  background-color:#fff;
  box-shadow:0 0 3px #ccc;
  height:205px;
  width:300px;
  z-index:150;
  padding:0 3px 3px 0;
}
.car-image-thumbnails-popup .car-image-thumbnails-item {
  width:33%;
  height:100px;
  object-fit:cover;
  padding:3px 0 0 3px;
}
.open-car-image-thumbnails {
  position:relative;
}
.open-car-image-thumbnails:hover .car-image-thumbnails-popup {
  display:block;
}
.position-absolute.vehicle-image-counter {
  position:absolute;
  bottom:0;
  right:0;
  background-color:#fff;
  width:2.5rem;
  height:1.5rem;
  padding:0.25rem;
  line-height:1rem;
  text-align:center;
}


#header-bar,
.container-fluid
{
  min-width:1024px;
}