.material-symbols-rounded {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 20
}

.menu_section span.material-symbols-rounded{font-size: 20px !important;}

.max-w-7xl {
    max-width: 90rem !important;
  }

  .border-gray-100 {
    border-color: #cbd0dd !important;
  }

  .top_header{font-weight: 600; font-size: 36px;}

  .mobile_item{display: none !important;}

  .q-table thead th{background-color: #F3F4F6; font-size: 14px; font-weight: 600;}

  .table{width: 100%;}

  .table tr td, .table tr th {padding: 5px;}

  .table.table-bordered tr td, .table.table-bordered tr th{border: #cbd0dd 1px solid;}

  .q-field--outlined.q-field--readonly .q-field__control::before {
    border-style: solid !important;
  }


  [type="text"]:focus, input:where(:not([type])):focus, [type="email"]:focus, [type="url"]:focus, [type="password"]:focus, [type="number"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="week"]:focus, [multiple]:focus, textarea:focus, select:focus {
    box-shadow: none !important;
  }

  .form_row {margin: 0 -12px !important;}

  .form_row .col-12{padding: 0 12px !important;}

  .q-table tbody td.header_text {font-weight: 600;
    font-size: 16px !important;}

.label_heading {font-size: 14px;
    font-weight: 600;}

    .q-table tbody td {
        white-space: break-spaces;
      }

      .q-menu{min-width: 1px !important;}

.inner_header{display: block;}

  @media(max-width: 1199px){

    .desktop_item{display: none !important;}

    .mobile_item{display: flex !important;}
  }

  .subtotal_tr, .total_tr{background-color: #0000000d;}