body {
  font-size:1rem;
}
h1 {
  font-size:1.8rem;
}
h2 {
  font-size:1.6rem;
}
h3 {
  font-size:1.4rem;
}
h4 {
  font-size:1.2rem;
}
h5 {
  font-size:1.1rem;
}
#header-bar {
  min-height:48px;
}
.form-control-sm {
  font-size:16px;
}
.card-header{
  padding:0;
}
.card-body,
.modal-header {
  padding:.5rem;
}
.row {
  margin-left:-0.5rem;
  margin-right:-0.5rem;
}
.modal-open .modal {
  width:100vw;
}
.modal .form-control {
  width:auto;
  max-width: 100%;
}
.form-group {
  margin-bottom: 0.2rem;
}
.input-group {
  width:auto;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  padding-left:.5rem;
  padding-right:.5rem;
}
.nav-link {
  padding:.25rem .4rem;
}
.btn-group-sm>.btn,
.btn-sm {
  padding: .25rem 0.15rem;
}
.btn-sm-padding {
  padding: .25rem .5rem;
}
.calendar-count-tip {
  font-size:.7rem;
}
.total-price-text {
  font-size:1.1rem;
}
#m-alert, #m-confirm, #m-info {
  width: 96vw;
  left: 2vw;
  padding: .5rem;
  min-height: auto;
}
#m-alert .m-alert-icon, #m-confirm .m-confirm-icon, #m-info .m-info-icon {
  width:15%;
}
#m-alert #m-alert-text, #m-confirm #m-confirm-text, #m-info #m-info-text {
  width:85%;
}
#m-confirm-cancel.w-25,
#m-alert-ok.w-25,
#m-info-ok.w-25 {
  width:auto !important;
}
#m-confirm-ok, #m-info-ok {
  width:auto;
}
#similar-consumer-popup, #similar-car-popup {
  width:90vw;
}
.modal-body,
.modal-footer {
  padding:.5rem;
}
.wareki-inputs .input-group input.form-control-sm {
  width: 30px;
  padding: .25rem;
}
.page-link {
  padding:.5rem .65rem;
}

#open-sidebar-menu {
  display:none;
}
#open-sidebar-menu:checked ~ .sidear-icon-toggle > .horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    opacity: 0;
}
#open-sidebar-menu:checked ~ .sidear-icon-toggle > .diagonal.part-1 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(135deg);
    margin-top: 8px;
}
#open-sidebar-menu:checked ~ .sidear-icon-toggle > .diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(-135deg);
    margin-top: -9px;
}
#sidebar-menu {
  width: 300px !important;
  min-width: 300px !important;
  max-width: 300px !important;
  transform: translateX(-300px);
  transition: transform 250ms ease-in-out;
}
#sidebar-menu .nav-link {
  padding: .6rem .5rem .6rem 1rem;
}
#sidebar-menu .sp-left-menu-btn-wrap {
  white-space:nowrap;
}
.terms-and-logout {
  position:fixed;
  bottom:60px;
}
.alert-mark-wrap {
  position:absolute;
  top:0;
  left:initial;
  right:0;
  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;
  position: absolute;
  right: 0;
}
.alert-mark-wrap:hover .alert-mark-text ,
.alert-mark-wrap:focus .alert-mark-text {
  display:block;
}
.toast-wrap{
  top: 18vh;
}
.memo-wrap {
  position:relative;
}
.memo-wrap .fa-comment {
  position:static;
}
.memo-wrap .fa-comment:hover::after {
  content:attr(data-full-memo);
  position:absolute;
  top:20px;
  right:0;
  padding:.5rem;
  width:20rem;
  height:auto;
  background-color:#fff;
  border:1px solid #ccc;
  box-shadow:0 0 3px #ccc;
  z-index:1000;
  display:block;
  word-break:break-all;
  text-align: left;
  white-space:pre-line;
  font-size:0.9rem;
  line-height:1.2;
}
.memo-wrap.memo-wrap-left .fa-comment:hover::after {
  top:0;
  right:25px;
  left:auto;
}
.memo-wrap .fa-comment::after {
  display:none;
}
#tax-hint-button {
  padding:0.25rem;
}
#tax-hint-button.cs-tax-hint-button {
  padding:0.25rem 0.75rem;
  font-size:1rem;
}
#tax-hint-button #tax-hint-division,
#tax-hint-button #tax-hint-multiplication {
  padding:0.25rem 0.65rem;
  font-size:1rem;
}
.header-number-plate {
  max-width:24vw;
}
.header-number-plate .ell {
  width:100%;
  display:inline-block;
}
#send-paper-modal-destinations {
  word-break:break-all;
}
#send-paper-modal-title-input,
#send-paper-modal-free-text {
  width:100%;
}
.save-button-wraper {
  padding:0.5rem;
  width:100% !important;
}

.only-premium-notice.only-premium-notice-left:hover + .only-premium-notice-popup,
.only-premium-notice.only-premium-notice-left + .only-premium-notice-popup:hover {
  right:auto;
}
.notice-tip .notice-tip-popup {
  min-width:15rem;
}
.ui-widget.ui-widget-content {
  max-width:300px;
}
.form-control {
  padding:0.25rem;
}
#edit-consumer-modal .modal-dialog-scrollable .modal-body {
  overflow:scroll;
}
.only-premium-notice-popup,
.only-expansion-sales-popup {
  width:200px;
}
.menu-nav {
  overflow-x: scroll;
  white-space: nowrap;
  flex-wrap: nowrap;
}
.modal .menu-nav {
  overflow-x: visible;
}
#car-modal #inspection-certificate, #car-modal .inspection-certificate-view {
  overflow:initial !important;
}
.modal-dialog {
  width:calc(100% - 1rem) !important;
  min-width:calc(100% - 1rem) !important;
  max-width:calc(100% - 1rem) !important;
}
.bootstrap-select {
  max-width:100% !important;
}
.printed-mark-cancel {
  top:1.6rem;
  left:0.1rem;
}



/** chat support **/
#chat-support-modal #input-message {
  width:100%;
  height:10rem;
}
#chat-support-modal #chat-message-area {
  height:250px;
}
#chat-nothing-message {
  width: 20rem;
  margin: 5rem auto 0;
  font-size: 1rem;
}
/** chat support end **/

.sp-only {
  display:block;
}
#cutoff_date_alert,
#import-data-alert {
  bottom:47px;
}

#header-bar,
.container-fluid
{
  min-width:auto !important;
}
.sp-menu-to-pc-wrap {
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
  padding:0.75rem 0;
}
.sp-menu-to-pc-wrap .fa-wrap svg {
  width:2rem;
  height:2rem;
}