/*
|--------------------------------------------------
| Backend Custom Styles
|--------------------------------------------------
| Add your backend-specific CSS rules here.
*/
body {
    background-color: #F4F4F4;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-text-stroke: 0.01em transparent;

}

.top_header {
    background-color: #000;
    color: #fff !important;

    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.q-card{border-radius: 0 !important;}

.q-card.round_card{border-radius: 4px !important; min-width: 150px;}

.breadcrumbs {background-color: #ffffff;padding-left: 15px; }

.header_pad{padding-left: 12px; padding-bottom: 18px;  }

.header_pad.full_width{padding-left: 12px; padding-bottom: 18px; width: 100%; margin-left: auto; margin-right: auto; }

.bg-white.brdr_btm{height: 55px;}

.brdr_btm {
    border-bottom: #e2e8f0 1px solid;
  }

  .q-btn{text-transform: none !important;}

.main_cont_pad{padding: 24px; max-width: 100%; padding-top: 12px;  }

.main_cont_pad.full_width{padding: 24px; max-width: 100%; padding-top: 12px; width: 100%; margin-left: auto; margin-right: auto; }

.main_cont_pad p{margin-bottom: 20px !important;}

.main_cont_pad p.mb-0{margin-bottom: 0px !important;}

.q-field__bottom{padding-top: 2px !important;}

.q-menu {border: 1px solid rgba(0, 0, 0, 0.24) !important; box-shadow: none !important; border-radius: 0 !important; background-color: #F4F4F4 !important;}

.q-table th {
    text-transform: uppercase; font-weight: 600 !important;
  }

  .q-table tbody td{font-size: 14px !important;}

.header-nav-link {
  color: #fff !important;
  opacity: 0.7;
  text-decoration: none;
  transition: opacity 0.2s;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.header-nav-link:hover, .header-nav-link:focus {
  opacity: 1;
  text-decoration: none;
}

button.header-nav-link:hover {
  color: #000 !important; cursor: pointer;
}

button.header-nav-link.logout-link:hover {
  color: #fff !important;
}

.header-nav-link.active {
  opacity: 1;
  text-decoration: none;
}

.main_title {
    font-size: 27px;
    line-height: 35px;
    letter-spacing: -0.0114923em; font-weight: 500 !important;
  color: rgb(75, 75, 75) !important;
}

.input-250 {
    width: 250px;
  }

  .q-table--cell-separator thead tr:last-child th {
    color: #000;
    font-weight: 800;
  }

.q-table tbody tr:nth-child(even) {
  background-color: #f8fafb;
}

.order-summary-table .q-table tbody tr:nth-child(even) {
    background-color: #fff;
  }

.q-table tbody tr:nth-child(odd) {
  background-color: #fff;
}

.sticky-row {
  position: sticky;
  top: 0;
  z-index: 10;
  background: white;
  padding-top: 8px;
  padding-bottom: 8px;
}

.fab-bottom-right {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 100;
  background: white;
  padding: 12px 16px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  display: flex;
  gap: 16px;
}

.my-sticky-last-column-table {
    /* specifying max-width so the example can
       highlight the sticky column on any browser window */
    max-width: 100%;
  }

  .my-sticky-last-column-table thead tr:last-child th:last-child {
    /* bg color is important for th; just specify one */
    background-color: #ffffff;
  }



  .my-sticky-last-column-table th:last-child,
  .my-sticky-last-column-table td:last-child {
    position: sticky;
    right: 0;
    z-index: 1;
  }

  .padding_bottom_0 .q-field--with-bottom{padding-bottom: 0 !important;}

  .overflow_hidden .scroll{overflow: hidden;}

  .card_title {
    font-size: 22px !important;
  line-height: 32px !important; font-weight: 500 !important;
  letter-spacing: -0.00865734em !important; color: rgb(33, 37, 41) !important; margin-bottom: 10px;
  }


  .header-text{font-size: 19.5px; font-weight: 600; color: rgb(7, 20, 55);}
  .lt_grey_label{color: rgb(153, 161, 183); font-size: 14px; font-weight: 500;}
  .lt_grey_cont{color: rgb(120, 130, 157); font-size: 14px; font-weight: 600;}

  .order_summary_table .q-table thead, .order_summary_table .q-table th {color: rgb(153, 161, 183) !important;}

  .order-summary-table  .q-table thead, .order-summary-table  .q-table tr,.order-summary-table   .q-table th,.order-summary-table .q-table td {border-color: rgba(0, 0, 0, 0.05) !important;}

  .price-text{font-size: 26px; font-weight: 500;}

  /* Hide desktop menu on mobile devices */
  @media (max-width: 991px) {
    .hide_mobile {
      display: none !important;
    }
  }

  /* Responsive logo styles */
  .logo-desktop {
    display: block;
  }

  .logo-mobile {
    display: none;
  }

  @media (max-width: 991px) {
    .logo-desktop {
      display: none;
    }

    .logo-mobile {
      display: block;
    }
  }

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

  .sticky_btn{
    left: 0;
    width: 100%;
    z-index: 9;
    position: fixed;
    bottom: 0;
    background-color: #fff;
    border-top: 1px solid #cdcdcd;
  }

  .q-field--with-bottom {
  padding-bottom: 5px !important;
}


/* Hide number input spinners */
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;
}

.q-expansion-item .q-item__label{font-weight: 500 !important; font-size: 1rem !important; padding-left: 16px !important;}
.title_pad_pricing{padding-left: 32px !important;}

.pricing_tab{margin-bottom: 24px;}

.q-expansion-item .q-item__label.text-caption{font-size: 14px !important; font-weight: 400 !important;}

.pricing_tab .q-item--clickable{padding-top: 14px !important; padding-bottom: 14px !important;}

.sticky_last_column table th:last-child,
.sticky_last_column table td:last-child{
  position: sticky;
  right: 0;background-color: #F8FAFB;

}

.products_table .q-table__middle.scroll{overflow: unset !important;}

body .q-field--readonly.q-field--float .q-field__native, body .q-field--readonly.q-field--float .q-field__input {cursor: not-allowed !important;}

.top_align tr{vertical-align: top !important;}

.q-table th, .q-table td{padding: 7px !important;}