/*
 * Phase 16P - UI Font Size Setting
 * File name is kept for backward compatibility with earlier patches.
 * The actual size is controlled by html class: mtpos-font-small/normal/large/xlarge.
 * Default normal no longer forces +3pt.
 */
@media screen {
  html.mtpos-font-small { font-size: 15px !important; }
  html.mtpos-font-normal { font-size: 16px !important; }
  html.mtpos-font-large { font-size: 18px !important; }
  html.mtpos-font-xlarge { font-size: 20px !important; }

  html.mtpos-font-large body,
  html.mtpos-font-xlarge body {
    line-height: 1.45 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }

  html.mtpos-font-large button,
  html.mtpos-font-large input,
  html.mtpos-font-large select,
  html.mtpos-font-large textarea,
  html.mtpos-font-large .btn,
  html.mtpos-font-large .form-control,
  html.mtpos-font-large .form-select,
  html.mtpos-font-large .input-group-text,
  html.mtpos-font-large .dropdown-menu,
  html.mtpos-font-large .dropdown-item,
  html.mtpos-font-large .modal,
  html.mtpos-font-large .modal-body,
  html.mtpos-font-large .modal-footer,
  html.mtpos-font-large .card,
  html.mtpos-font-large .alert,
  html.mtpos-font-large .list-group-item,
  html.mtpos-font-large .nav-link,
  html.mtpos-font-large .table,
  html.mtpos-font-large table,
  html.mtpos-font-large th,
  html.mtpos-font-large td,
  html.mtpos-font-xlarge button,
  html.mtpos-font-xlarge input,
  html.mtpos-font-xlarge select,
  html.mtpos-font-xlarge textarea,
  html.mtpos-font-xlarge .btn,
  html.mtpos-font-xlarge .form-control,
  html.mtpos-font-xlarge .form-select,
  html.mtpos-font-xlarge .input-group-text,
  html.mtpos-font-xlarge .dropdown-menu,
  html.mtpos-font-xlarge .dropdown-item,
  html.mtpos-font-xlarge .modal,
  html.mtpos-font-xlarge .modal-body,
  html.mtpos-font-xlarge .modal-footer,
  html.mtpos-font-xlarge .card,
  html.mtpos-font-xlarge .alert,
  html.mtpos-font-xlarge .list-group-item,
  html.mtpos-font-xlarge .nav-link,
  html.mtpos-font-xlarge .table,
  html.mtpos-font-xlarge table,
  html.mtpos-font-xlarge th,
  html.mtpos-font-xlarge td {
    font-size: 1rem;
  }

  html.mtpos-font-large .btn-sm,
  html.mtpos-font-large .form-control-sm,
  html.mtpos-font-large .form-select-sm,
  html.mtpos-font-large .input-group-sm > .form-control,
  html.mtpos-font-large .input-group-sm > .form-select,
  html.mtpos-font-large .input-group-sm > .input-group-text,
  html.mtpos-font-xlarge .btn-sm,
  html.mtpos-font-xlarge .form-control-sm,
  html.mtpos-font-xlarge .form-select-sm,
  html.mtpos-font-xlarge .input-group-sm > .form-control,
  html.mtpos-font-xlarge .input-group-sm > .form-select,
  html.mtpos-font-xlarge .input-group-sm > .input-group-text {
    font-size: .92rem !important;
  }

  html.mtpos-font-large small,
  html.mtpos-font-large .small,
  html.mtpos-font-large .form-text,
  html.mtpos-font-large .text-abu,
  html.mtpos-font-large .text-muted,
  html.mtpos-font-large .crm-mini,
  html.mtpos-font-large .loy-mini,
  html.mtpos-font-large .lr-mini,
  html.mtpos-font-large .form-help,
  html.mtpos-font-large .checkout-item-meta,
  html.mtpos-font-large .checkout-extra-line,
  html.mtpos-font-xlarge small,
  html.mtpos-font-xlarge .small,
  html.mtpos-font-xlarge .form-text,
  html.mtpos-font-xlarge .text-abu,
  html.mtpos-font-xlarge .text-muted,
  html.mtpos-font-xlarge .crm-mini,
  html.mtpos-font-xlarge .loy-mini,
  html.mtpos-font-xlarge .lr-mini,
  html.mtpos-font-xlarge .form-help,
  html.mtpos-font-xlarge .checkout-item-meta,
  html.mtpos-font-xlarge .checkout-extra-line {
    font-size: .90rem !important;
    line-height: 1.35 !important;
  }

  html.mtpos-font-large .badge,
  html.mtpos-font-large .reward-pill,
  html.mtpos-font-large .badge-soft,
  html.mtpos-font-xlarge .badge,
  html.mtpos-font-xlarge .reward-pill,
  html.mtpos-font-xlarge .badge-soft {
    font-size: .82rem !important;
    line-height: 1.2 !important;
  }

  html.mtpos-font-large .sidebar-brand,
  html.mtpos-font-xlarge .sidebar-brand { font-size: 1.72rem !important; }

  html.mtpos-font-large .sidebar .nav-link,
  html.mtpos-font-large .sub-menu .nav-link,
  html.mtpos-font-large .sub-sub-menu .nav-link,
  html.mtpos-font-large .outlet-dropdown-item,
  html.mtpos-font-xlarge .sidebar .nav-link,
  html.mtpos-font-xlarge .sub-menu .nav-link,
  html.mtpos-font-xlarge .sub-sub-menu .nav-link,
  html.mtpos-font-xlarge .outlet-dropdown-item {
    font-size: .98rem !important;
    line-height: 1.25 !important;
  }

  html.mtpos-font-large .sidebar small,
  html.mtpos-font-large .sidebar .small,
  html.mtpos-font-xlarge .sidebar small,
  html.mtpos-font-xlarge .sidebar .small { font-size: .82rem !important; }

  html.mtpos-font-large .btn-process,
  html.mtpos-font-large .btn-quick-cash,
  html.mtpos-font-xlarge .btn-process,
  html.mtpos-font-xlarge .btn-quick-cash { min-height: 52px; }

  html.mtpos-font-small small,
  html.mtpos-font-small .small,
  html.mtpos-font-small .badge { font-size: .78rem; }
}