h1,
h2,
h3,
.header {
  /* font-size and boldness needs to be customized separately */
  color: var(--str-primary-darker);
}

html[lang='ko'] {
  font-size: 16px !important;
}

body {
  background-color: var(--str-gray-lighter);
  font-family: var(--str-font-regular);
}

[ kx-type="ripple"],
[ kx-type="ripple"]::before,
[ kx-type="ripple"]::after {
  animation: none !important;
  transition: none !important;
  background-image: none !important;
}

[kx-scope=button-brand]:active,
[ kx-scope="button-brand"],
[ kx-scope="button-brand"]::before,
[ kx-scope="button-brand"]::after,
[kx-scope="button-neutral"]:active,
[ kx-scope="button-neutral"],
[ kx-scope="button-neutral"]::before,
[ kx-scope="button-neutral"]::after,
[kx-scope="button-outline"]:active,
[ kx-scope="button-outline"],
[ kx-scope="button-outline"]::before,
[ kx-scope="button-outline"]::after {
  animation: none !important;
  transition: none !important;
  background-image: none !important;
  -webkit-transform: none !important;
  transform: none !important;
}

[ kx-type="underline"],
[ kx-type="underline"]::before,
[ kx-type="underline"]::after {
  animation: none !important;
  transition: none !important;
  background-image: none !important;
}

[kx-scope="underline"]:hover:after,
[kx-type=underline]:focus:after,
[kx-scope=button][kx-type=underline]:hover:after {
  -webkit-transform: scaleX(0) !important;
  transform: scaleX(0) !important;
}

.modal-body .custom-lightning-card .slds-card__header-title {
  color: var(--str-gray-dark);
  font-weight: var(--str-regular);
}

.modal-footer .slds-checkbox .slds-checkbox__label .slds-form-element__label {
  color: #6c757d;
  font-size: var(--str-body);
  font-weight: var(--str-regular);
  line-height: var(--str-lh-sub-header);
}

.custom-card-dimensions lightning-card .slds-card {
  height: 200px;

  border-radius: 8px;
  border: 1px solid var(--Gray-Lighter, #F0F2F4);
  background: var(--White-Default, #FFF);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.24);
  display: flex;
  padding-bottom: 16px;
  padding-left: 15px;
  padding-right: 15px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.custom-lightning-card .slds-card__header-title {
  font-size: var(--str-body);
  line-height: 1.14rem;
}

.clear-icon .slds-button {
  border: none;
  color: var(--str-primary-darker);
}

.clear-icon .slds-button:focus {
  box-shadow: none;
}

.w-100 {
  width: 100% !important;
}

/*
CSS Overrides for Lightning Web Components
*/

.change-password {
  border: 1px solid red;
}

.login-input input,
.forgot-password-input input {
  height: 2.5rem;
  border-radius: 0.5rem;
  font-size: var(--str-body);
  font-family: var(--str-font-regular);
}

.login-input label,
.forgot-password-input label {
  color: var(--str-white);
  color: var(--White-Default, #FFF);
  font-family: var(--str-font-regular);
  font-size: var(--str-body);
  font-weight: var(--str-semiBold);
  line-height: var(--str-lh-body);
}

.login-button-container button,
.forgot-password-button-container button {
  width: 100%;
  height: 2.5rem;
}

.comm-section-container {
  padding: 0 !important;
}

.lwc-4g1q55crn48-host .content.lwc-4g1q55crn48 {
  height: 0;
}

lightning-button .slds-button {
  background-color: var(--str-primary);
  font-family: var(--str-font-regular);
}

lightning-button .slds-button:hover {
  transform: none;
  background-color: var(--str-primary);
}

lightning-button .slds-button:focus {
  box-shadow: none;
  background-color: var(--str-primary);
}

.ack-button button {
  width: 100%;
}

.gdpr-button button {
  display: block;
  width: 100%;
  color: var(--str-black-light);
  background: var(--str-white);
  border: 2px solid var(--str-black-lighter);
}

.gdpr-button button:hover,
.gdpr-button button:focus,
.gdpr-button button:active {
  color: var(--str-black-light);
  background: var(--str-white);
  border: 2px solid var(--str-black-lighter);

}

.login-input.slds-has-error .slds-form-element__help,
.forgot-password-input.slds-has-error .slds-form-element__help {
  background: var(--str-danger);
  color: var(--str-white);
  border-radius: 0.25rem;
  padding: 0.125rem 0.5rem;
  margin-left: 0.125rem;
  margin-right: 0.125rem;
  margin-top: 0.25rem;
}

.gender-fieldset lightning-radio-group .slds-radio .slds-radio_faux {
  width: 0.875rem !important;
  height: 0.875rem !important;
}

.gender-fieldset lightning-radio-group .slds-radio .slds-form-element__label {
  color: var(--str-gray-darker);
  font-size: var(--str-caption);
  font-weight: var(--str-semiBold);
  line-height: var(--str-lh-caption);
}

.filter-input-container label {
  font-size: var(--str-body);
  font-weight: var(--str-semiBold);
  line-height: var(--str-lh-body);
  color: var(--str-gray-darker);
}

.filter-input-container input[type=text] {
  height: 1rem;
  padding: .5rem 1rem;
  font-size: var(--str-body);
  line-height: var(--str-lh-body);
  color: #495057;
  border: 1px solid var(--str-gray-light);
  border-radius: 0.5rem;
}

.filter-export-buttons button {
  color: var(--str-gray-darker);
  background-color: var(--str-white);
  border-color: var(--str-gray-dark);
}

.filter-export-buttons button:hover {
  color: var(--str-gray-darker);
  background-color: rgb(251, 252, 252);
  border-color: var(--str-gray-dark);
}

.filter-export-buttons button:focus {
  color: var(--str-white);
  background-color: #08535c;
  border-color: #074950;
  box-shadow: rgba(46, 146, 158, 0.48) 0px 0px 0px 3px;
}

.filter-button button :focus {
  box-shadow: rgba(46, 146, 158, 0.48) 0px 0px 0px 3px;
}

.filter-button-active button {
  color: var(--str-white);
  background-color: #08535c;
  border-color: #074950;
}

.filter-button-active button:hover {
  color: var(--str-white);
  background-color: #08535c;
  border-color: #074950;
}

.export-button lightning-primitive-icon svg {
  rotate: 90deg;
}

.filter-button lightning-primitive-icon svg {
  width: 0.6rem;
  height: 0.6rem;
}

.input-with-unit.no-border-input .slds-input {
  border: none !important;
  box-shadow: none !important;
}

.tiny-icon lightning-primitive-icon .slds-icon {
  width: 0.63rem !important;
  height: 0.63rem !important;
}

.warning-body .warning-icon lightning-primitive-icon .slds-icon {
  width: 3.75rem;
  height: 3.75rem;
}

lightning-button .slds-button.slds-button_neutral {
  background-color: var(--lwc-colorBackgroundButtonDefault, #fff);
  color: var(--lwc-colorTextButtonDefault, #080707);
  border: 1px solid var(--lwc-colorBorderButtonDefault, #747474);
}


c-lens-content .lens-item lightning-button.orderConfirmed-btn button.slds-button.slds-button_neutral {
  border: 1px solid var(--str-btn-primary);
  color: var(--str-btn-primary);
}

c-checkout .contact-details-header lightning-button .slds-button {
  background: transparent;
}

c-checkout .slds-input,
c-checkout .slds-textarea,
c-checkout .slds-combobox__input {
  border-radius: 0.5rem;
  border: 1px solid var(--Gray-Light, #E0E4E8) !important;
  background: var(--White-Default, #FFF);
  padding: 0.625rem 0 0.625rem 0.5rem;

}

c-checkout .slds-form-element__label {
  font-family: var(--str-font-regular);
  font-size: var(--str-sub-header);
  color: var(--str-gray-darker);
  font-weight: var(--str-semiBold) !important;
}

c-checkout .slds-checkbox [type="checkbox"]+.slds-checkbox__label .slds-checkbox_faux,
c-surgery-info-tabs .slds-checkbox [type="checkbox"]+.slds-checkbox__label .slds-checkbox_faux {
  width: 1rem;
  height: 1rem;
  border-radius: 0.125rem;
}

c-checkout .slds-checkbox [type="checkbox"]:checked+.slds-checkbox__label .slds-checkbox_faux,
c-surgery-info-tabs .slds-checkbox [type="checkbox"]:checked+.slds-checkbox__label .slds-checkbox_faux {
  background-color: var(--str-primary);
  border: none;
}

c-checkout .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux::after,
c-surgery-info-tabs .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux::after {
  border-color: var(--str-white);
}

c-checkout abbr[title] {
  text-decoration: none !important;
}

c-checkout .slds-textarea {
  resize: none;
  height: 6.25rem;
}

.checkout-page-container lightning-input.slds-has-error .slds-input__icon {
  display: none;
}

.checkout-page-container .slds-truncate {
  padding-right: 1.3rem;
}


.cart-btns lightning-button .slds-button.slds-button_neutral {
  background-color: var(--lwc-colorBackgroundButtonDefault, #fff);
  color: var(--str-gray-dark);
  border: 1px solid var(--lwc-colorBorderButtonDefault, #747474);
}

.order-summary-container {
  position: sticky;
  top: 1.5rem;
}

c-surgery-info-tabs .data-table td {
  border: none !important;
  border-bottom: 0.0625rem solid var(--str-gray-light) !important;
  text-wrap: wrap;
}

c-surgery-info-tabs .data-table th {
  border: none !important;
  background: rgb(249, 250, 250) !important;
  position: sticky;
  top: 0;
}

c-surgery-info-tabs .data-table {
  max-height: 18.75rem;
}

c-surgery-info-tabs .form-fields .slds-dropdown-trigger {
  display: flex;
  align-items: center;
}

c-surgery-info-tabs .slds-form-element__label {
  font-size: var(--str-caption);
  font-weight: var(--str-semiBold) !important;
  line-height: var(--str-lh-caption);
  color: var(--str-gray-darker);
  font-family: var(--str-font-regular);
}

c-surgery-info-tabs .slds-checkbox__label .slds-form-element__label {
  color: var(--str-cyan-blue);
  font-size: var(--str-body) !important;
  line-height: var(--str-lh-body);
  font-weight: var(--str-regular) !important;
}

c-surgery-info-tabs .slds-input {
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--str-gray-light);
  height: 2.5rem;
  max-width: 7rem;
}

c-custom-date-field .slds-form-element {
  display: flex;
  align-items: center;
}

c-inventory-lookup .openBlueModal .slds-modal__footer {
  padding: 1rem 1.5rem !important;
  border-top: 1px solid var(--str-gray-lightest-5);
}

/* Pre-op calculation report */
c-pre-op-calculation-report {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
    z-index: -1 !important;
}


/* START - IOD-SID Modal styles */
lightning-button.iod-sid-button .slds-button {
  border: 1px solid var(--str-btn-primary);
  color: var(--str-btn-primary);
}

.reservations-list-view lightning-button.iod-sid-button .slds-button,
.patients-list-view lightning-button.iod-sid-button .slds-button {
  padding: 3px 2px;
  border-radius: 4px;
  line-height: 1;
  font-size: 0.6rem;
}

c-iod-sid-modal .iod-sid-modal .slds-modal.slds-fade-in-open.slds-modal_full {
  overflow-y: auto !important;
  max-height: 95vh;
  width: 100%;
  padding-left: .9375rem;
}

c-iod-sid-modal .iod-sid-modal .slds-modal__container {
  background: transparent;
  padding: 0;
  margin: 1.6406rem 3.4271rem;
}

c-iod-sid-modal .iod-sid-modal .slds-modal__footer {
  margin-top: -0.0625rem;
  border-radius: 0 0 1rem 1rem;
  padding: 0 1rem 1rem;
}

c-iod-sid-modal .iod-sid-modal .slds-modal__header {
  padding: 1.7rem 0;
  border-radius: 1rem 1rem 0 0;
}

c-iod-sid-modal .iod-sid-modal .slds-modal__content.slds-var-p-around_medium {
  padding: 0;
}

c-iod-sid-modal .iod-sid-modal .content-section .data-table tr {
  height: auto;
}

c-iod-sid-modal .iod-sid-modal .content-section .data-table td {
  text-align: center !important;
  padding: .75rem !important;
}

c-iod-sid-modal .iod-sid-modal .content-section .data-table table {
  width: inherit;
}

c-iod-sid-modal .iod-sid-modal .content-section .data-table th,
c-iod-sid-modal .iod-sid-modal .content-section .data-table td {
  border: none;
}

c-iod-sid-modal .iod-sid-modal .content-section .data-table td span {
  color: var(--str-black);
}

c-iod-sid-modal .iod-sid-modal .content-section .data-table .sortable-header .header-label {
  font-weight: 700;
  font-size: .9375rem;
  justify-content: center;
}

c-iod-sid-modal .iod-sid-modal .content-section .data-table .sortable-header {
  margin: 0;
}

c-iod-sid-modal .iod-sid-modal .modal-footer .footerRight {
  gap: 0.5rem;
}

c-iod-sid-modal .iod-sid-modal .modal-footer .footerRight .slds-button.slds-button_brand.generateButton {
  border-radius: .5rem;
  font-family: var(--str-font-regular);
  font-size: .75rem;
}

c-iod-sid-modal .iod-sid-modal .modal-footer .footerRight .cancelButton {
  color: var(--str-gray);
  border: .0625rem solid var(--str-gray);
}

c-iod-sid-modal .iod-sid-modal .modal-close-button-style {
  display: none;
}

@media screen and (max-width: 992px) {
  c-iod-sid-modal .iod-sid-modal .slds-modal__container {
      width: auto;
  }
}

/* END - IOD-SID Modal styles */

/* START - Generate Modal styles */
c-iod-sid-generate-modal .iod-sid-generate-modal .modal-content-wrapper,
c-iod-sid-generate-print .iod-sid-generate-modal .modal-content-wrapper {
  border-radius: 1rem;
}

c-iod-sid-generate-modal .iod-sid-generate-modal .slds-modal__header,
c-iod-sid-generate-modal .iod-sid-generate-modal .slds-modal__footer,
c-iod-sid-generate-modal .iod-sid-generate-modal .slds-modal__content .slds-card .slds-card__header,
c-iod-sid-generate-print .iod-sid-generate-modal .slds-modal__header,
c-iod-sid-generate-print .iod-sid-generate-modal .slds-modal__footer,
c-iod-sid-generate-print .iod-sid-generate-modal .slds-modal__content .slds-card .slds-card__header {
  display: none;
}

c-iod-sid-generate-modal .iod-sid-generate-modal .slds-modal__content,
c-iod-sid-generate-print .iod-sid-generate-modal .slds-modal__content {
  padding: 2.5rem 1rem;
  border-radius: 1rem;
}

c-iod-sid-generate-modal .slds-modal .slds-modal__container,
c-iod-sid-generate-print .slds-modal .slds-modal__container {
  margin: 0 auto;
}

@media (min-width: 1024px) {
  c-iod-sid-generate-modal .slds-modal .slds-modal__container,
  c-iod-sid-generate-print .slds-modal .slds-modal__container {
    width: 75vw !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  c-iod-sid-generate-modal .slds-modal .slds-modal__container,
  c-iod-sid-generate-print .slds-modal .slds-modal__container {
    width: 92vw !important;
  }
}

@media (max-width: 767px) {
  c-iod-sid-generate-modal .slds-modal .slds-modal__container,
  c-iod-sid-generate-print .slds-modal .slds-modal__container {
    width: 92vw !important;
  }
}

c-iod-sid-generate-modal .iod-sid-generate-modal .slds-modal.slds-fade-in-open,
c-iod-sid-generate-print .iod-sid-generate-modal .slds-modal.slds-fade-in-open {
  overflow-y: auto !important;
  max-height: 95vh;
  width: 100%;
}

c-iod-sid-generate-modal .iod-sid-generate-modal .actions-section .slds-button,
c-iod-sid-generate-print .iod-sid-generate-modal .actions-section .slds-button {
  width: 100%;
  margin-bottom: 8px;
}

c-iod-sid-generate-modal .iod-sid-generate-modal .actions-section .slds-checkbox_on,
c-iod-sid-generate-modal .iod-sid-generate-modal .actions-section .slds-checkbox_off,
c-iod-sid-generate-print .iod-sid-generate-modal .actions-section .slds-checkbox_on,
c-iod-sid-generate-print .iod-sid-generate-modal .actions-section .slds-checkbox_off {
  display: none !important;
}

c-iod-sid-generate-modal .iod-sid-generate-modal .actions-section .toggle-container lightning-input label span,
c-iod-sid-generate-print .iod-sid-generate-modal .actions-section .toggle-container lightning-input label span {
  font-size: 12px;
}

c-iod-sid-generate-modal .table-section c-custom-table .header-label,
c-iod-sid-generate-print .table-section c-custom-table .header-label {
  font-size: 9px;
  padding: 0 6pt;
}
c-iod-sid-generate-modal .pdf-content.print .table-section c-custom-table .header-label,
c-iod-sid-generate-print .pdf-content.print .table-section c-custom-table .header-label {
  padding: 0;
}
c-iod-sid-generate-modal .table-section c-custom-table thead tr,
c-iod-sid-generate-print .table-section c-custom-table thead tr {
  height: 22pt;
}
c-iod-sid-generate-modal .table-section c-custom-table tbody tr,
c-iod-sid-generate-print .table-section c-custom-table tbody tr {
  height: 26pt;
}
c-iod-sid-generate-modal .table-section c-custom-table thead tr th,
c-iod-sid-generate-print .table-section c-custom-table thead tr th {
  width: auto !important;
}
c-iod-sid-generate-modal .table-section c-custom-table thead tr th.vertical-center,
c-iod-sid-generate-print .table-section c-custom-table thead tr th.vertical-center {
  padding: 0px !important;
}

c-iod-sid-generate-modal .table-section c-custom-table thead .sortable-header,
c-iod-sid-generate-print .table-section c-custom-table thead .sortable-header {
  margin-top: 0.375pt;
  margin-bottom: 0.375pt;
  margin-left: 0.0;
}
c-iod-sid-generate-modal .table-section c-custom-table tbody tr td,
c-iod-sid-generate-print .table-section c-custom-table tbody tr td {
  margin: 0 !important;
  padding: 0 !important;
}

c-iod-sid-generate-modal .table-section c-custom-table tbody tr td span,
c-iod-sid-generate-print .table-section c-custom-table tbody tr td span {
  font-size: 11px;
  font-weight: 700;
  color: black;
}
c-iod-sid-generate-modal .table-section c-custom-table tbody tr td span.text-danger,
c-iod-sid-generate-print .table-section c-custom-table tbody tr td span.text-danger {
  color: var(--str-danger) !important;
}
c-iod-sid-generate-modal .table-section c-custom-table tbody tr td > span,
c-iod-sid-generate-print .table-section c-custom-table tbody tr td > span {
  padding: 0 6pt;
}

c-iod-sid-generate-modal .table-section c-custom-table .data-table th,
c-iod-sid-generate-modal .table-section c-custom-table .data-table td,
c-iod-sid-generate-print .table-section c-custom-table .data-table th,
c-iod-sid-generate-print .table-section c-custom-table .data-table td {
  border: none !important;
}

c-iod-sid-generate-modal .table-section c-custom-table .data-table,
c-iod-sid-generate-print .table-section c-custom-table .data-table {
  width: 100%;
  background-color: white;
  max-height: none;
}

c-iod-sid-generate-modal .table-section c-custom-table .data-table tr,
c-iod-sid-generate-print .table-section c-custom-table .data-table tr {
  border-bottom: none;
}

c-iod-sid-generate-modal .table-section c-custom-table .data-table tr th,
c-iod-sid-generate-print .table-section c-custom-table .data-table tr th {
  background: #f3f3f3;
  color: gray;
  padding: 0.25rem 0.5rem;
  text-align: center;
}

c-iod-sid-generate-modal .table-section c-custom-table .data-table tr td,
c-iod-sid-generate-print .table-section c-custom-table .data-table tr td {
  text-align: center;
  padding: 0.25rem 0.5rem;
  font-weight: 700;
  background: white;
  line-height: 1.25;
}

c-iod-sid-generate-modal .table-section c-custom-table .data-table tr td.no-order-found,
c-iod-sid-generate-print .table-section c-custom-table .data-table tr td.no-order-found {
  font-size: 14.5pt;
  padding: 15px 5px;
  color: grey;
  font-weight: 500;
}

c-iod-sid-generate-modal .table-section lightning-datatable .slds-table_header-fixed_container,
c-iod-sid-generate-print .table-section lightning-datatable .slds-table_header-fixed_container {
  padding-top: 0;
  max-width: inherit;
}

c-iod-sid-generate-modal .table-section lightning-datatable .slds-table_header-fixed_container>.slds-scrollable_y,
c-iod-sid-generate-print .table-section lightning-datatable .slds-table_header-fixed_container>.slds-scrollable_y {
  width: 100% !important;
}

c-iod-sid-generate-modal .table-section lightning-datatable .slds-table_header-fixed_container>.slds-scrollable_y::before,
c-iod-sid-generate-print .table-section lightning-datatable .slds-table_header-fixed_container>.slds-scrollable_y::before {
  border: none !important;
}

c-iod-sid-generate-modal .table-section lightning-datatable table,
c-iod-sid-generate-print .table-section lightning-datatable table {
  border: none !important;
  width: -webkit-fill-available !important;
}

c-iod-sid-generate-modal .table-section lightning-datatable table tr,
c-iod-sid-generate-print .table-section lightning-datatable table tr {
  height: inherit;
  font-size: 11px;
}

c-iod-sid-generate-modal .table-section lightning-datatable table tbody tr,
c-iod-sid-generate-print .table-section lightning-datatable table tbody tr {
  font-family: var(--str-font-semiBold);
}

c-iod-sid-generate-modal .table-section lightning-datatable table tr lightning-primitive-header-actions,
c-iod-sid-generate-print .table-section lightning-datatable table tr lightning-primitive-header-actions {
  display: none;
}

c-iod-sid-generate-modal .table-section lightning-datatable table tbody tr:hover>th,
c-iod-sid-generate-modal .table-section lightning-datatable table tbody tr:hover>td,
c-iod-sid-generate-print .table-section lightning-datatable table tbody tr:hover>th,
c-iod-sid-generate-print .table-section lightning-datatable table tbody tr:hover>td {
  background-color: var(--str-white) !important;
  box-shadow: none !important;
}

c-iod-sid-generate-modal .table-section lightning-datatable table thead tr th,
c-iod-sid-generate-print .table-section lightning-datatable table thead tr th {
  font-size: 9px;
}

c-iod-sid-generate-modal .table-section lightning-datatable table thead tr th,
c-iod-sid-generate-modal .table-section lightning-datatable table thead tr:hover>th,
c-iod-sid-generate-modal .table-section lightning-datatable table thead tr:hover>td,
c-iod-sid-generate-print .table-section lightning-datatable table thead tr th,
c-iod-sid-generate-print .table-section lightning-datatable table thead tr:hover>th,
c-iod-sid-generate-print .table-section lightning-datatable table thead tr:hover>td {
  background-color: var(--str-gray-lightest) !important;
}

c-iod-sid-generate-modal .table-section lightning-datatable table thead tr th .slds-cell-fixed,
c-iod-sid-generate-print .table-section lightning-datatable table thead tr th .slds-cell-fixed {
  background: none;
  position: inherit;
  min-height: inherit;
}

c-iod-sid-generate-modal .table-section lightning-datatable table thead tr th .slds-th__action:focus,
c-iod-sid-generate-modal .table-section lightning-datatable table thead tr th .slds-th__action:hover,
c-iod-sid-generate-print .table-section lightning-datatable table thead tr th .slds-th__action:focus,
c-iod-sid-generate-print .table-section lightning-datatable table thead tr th .slds-th__action:hover {
  background: none;
}

c-iod-sid-generate-modal .table-section lightning-datatable table thead tr th .slds-th__action,
c-iod-sid-generate-print .table-section lightning-datatable table thead tr th .slds-th__action {
  height: inherit;
  padding: .4rem 1rem .4rem .6rem;
}

c-iod-sid-generate-modal .table-section lightning-datatable table tbody tr th,
c-iod-sid-generate-modal .table-section lightning-datatable table tbody tr td,
c-iod-sid-generate-print .table-section lightning-datatable table tbody tr th,
c-iod-sid-generate-print .table-section lightning-datatable table tbody tr td {
  padding: .4rem 1rem .4rem .6rem;
}

c-iod-sid-generate-modal .table-section.OS lightning-datatable table thead tr th:nth-child(3),
c-iod-sid-generate-modal .table-section.OS lightning-datatable table thead tr th:nth-child(5),
c-iod-sid-generate-print .table-section.OS lightning-datatable table thead tr th:nth-child(3),
c-iod-sid-generate-print .table-section.OS lightning-datatable table thead tr th:nth-child(5) {
  width: 120px !important;
}

c-iod-sid-generate-modal .table-section.OD lightning-datatable table thead tr th:nth-child(3),
c-iod-sid-generate-modal .table-section.OD lightning-datatable table thead tr th:nth-child(5),
c-iod-sid-generate-print .table-section.OD lightning-datatable table thead tr th:nth-child(3),
c-iod-sid-generate-print .table-section.OD lightning-datatable table thead tr th:nth-child(5) {
  width: 135px !important;
}

c-iod-sid-generate-modal .pdf-content.print .table-section.sid .data-table table,
c-iod-sid-generate-print .pdf-content.print .table-section.sid .data-table table {
  width: 88%;
  min-width: inherit;
}
c-iod-sid-generate-modal .pdf-content.print .table-section.iod .data-table table,
c-iod-sid-generate-print .pdf-content.print .table-section.iod .data-table table {
  width: 85%;
  min-width: inherit;
}

/* END - Generate Modal styles */

.global-mismatch-highlight span {
  color: var(--str-danger) !important;
}

.cancel-button .slds-button:focus,
.clear-button .slds-button:focus {
  color: var(--str-white) !important;
  background-color: var(--str-primary-darker) !important;
  border-color: var(--str-primary-darker) !important;
}

.reservation-wrapper .lens-info>.medium-text:first-child {
  text-align: center;
}

@media screen and (max-width: 768px) {
  c-surgery-info-tabs .slds-input {
      max-width: unset;
  }
}

/* bulk order checkout related styles starts */
.tabbed-table .slds-button {
  border-radius: 0 !important;
  font-size: var(--str-headline);
  font-weight: var(--str-regular);
  line-height: var(--str-lh-headline);
}

.tabbed-table .slds-button_brand {
  color: var(--str-white);
}

.tabbed-table .tab .slds-button {
  background-color: transparent;
}

.tabbed-table .data-table th,
.tabbed-table .data-table td {
  border: 0 !important;
}

.tabbed-table .data-table tr:nth-of-type(odd) td {
  background-color: var(--str-gray-lighter) !important;
}

.tabbed-table .data-table tr th {
  background-color: var(--str-gray-lightest-2) !important;
  padding: 0.5rem 1rem !important;
  position: sticky;
  z-index: 10;
  top: 0;
}

.tabbed-table .data-table tr th .sortable-header {
  margin-left: 0 !important;
}

.tabbed-table .data-table td {
  font-size: var(--str-caption) !important;
  font-weight: var(--str-regular);
  line-height: var(--str-lh-caption) !important;
  color: var(--str-cyan-blue) !important;
  padding: 0.5rem 1rem !important;
}

.tabbed-table .data-table {
  max-height: 25rem;
}

/* bulk order checkout related styles ends */

/* bulk order form css STARTS */
c-bulk-order .bulk-order .process-section lightning-button .slds-button.slds-button_neutral {
  display: flex;
  flex-direction: row-reverse;
  gap: .5rem;
  margin: auto;
  padding: .625rem 1rem;
  width: 37%;
  text-align: center;
  font-family: var(--str-font-semiBold);
  font-weight: normal;
  font-size: var(--str-body);
  font-style: normal;
  line-height: var(--str-lh-body);
  border: none;
}

c-bulk-order .bulk-order .process-section lightning-button.process .slds-button.slds-button_neutral {
  background: var(--str-primary, #10A8BA);
  color: var(--str-white, #FFF);

}

c-bulk-order .bulk-order .process-section lightning-button.no-process .slds-button.slds-button_neutral {
  background-color: var(--str-gray-light, #E0E4E8);
  color: var(--str-gray-dark, #91979D);
}

c-bulk-order .bulk-order .form-fields .slds-m-top_x-large.slds-form-element .slds-form-element__label,
c-bulk-order .bulk-order .form-fields .slds-required.slds-form-element .slds-form-element__label {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin-bottom: .3125rem;
  color: var(--str-gray-darker, #616469);
  font-family: var(--str-font-semiBold);
  font-size: var(--str-caption);
  font-style: normal;
  font-weight: normal;
  line-height: var(--str-lh-caption);
}

c-bulk-order .bulk-order .slds-select_container:before {
  top: 1.7rem !important;
  border-left: .3125rem solid transparent;
  border-right: .3125rem solid transparent;
  height: .8125rem;
  border-bottom: .3125rem solid #91979d;
}

c-bulk-order .bulk-order .slds-select_container:after {
  bottom: .35rem !important;
  border-left: .3125rem solid transparent;
  border-right: .3125rem solid transparent;
  height: .8125rem;
  border-top: .3125rem solid #91979d;
}

c-bulk-order .bulk-order abbr[title] {
  text-decoration: none !important;
  margin-left: .25rem !important;
}

c-bulk-order .bulk-order lightning-textarea .slds-textarea {
  border-radius: .5rem;
  border: .0625rem solid var(--Gray-Light, #E0E4E8);
  background: var(--White-Default, #FFF);
  line-height: 1.25rem;
  font-size: .875rem;
  font-family: var(--str-font-regular);
  font-weight: 400;
  min-height: 5rem;
}

c-bulk-order .bulk-order lightning-textarea .slds-textarea:focus {
  color: var(--str-black);
}

c-bulk-order .bulk-order .slds-required.slds-form-element div[part="input-text"] input.slds-input {
  border-radius: .5rem;
  border: .0625rem solid var(--str-gray-light, #E0E4E8);
  background: var(--str-white, #FFF);
  line-height: var(--str-lh-body);
  height: 2.625rem;
  font-size: var(--str-body);
  font-family: var(--str-font-regular);
  font-weight: var(--str-regular);
}

c-bulk-order .bulk-order .slds-required.slds-form-element div[part="input-text"] .slds-input.slds-is-disabled, .slds-input[disabled] {
  background-color: #f3f3f3 !important;
  color: var(--Black-Light, rgba(36, 39, 42, 0.50));
}

c-bulk-order .bulk-order .browse button {
  padding: .5rem 1rem;
  border-radius: 0rem .5rem .5rem 0rem;
  border-top: .0625rem solid var(--str-primary);
  border-right: .0625rem solid var(--str-primary);
  border-bottom: .0625rem solid var(--str-primary);
  background: var(--str-white, #FFF);
  border-left: none;
  color: var(--str-primary);
  font-family: var(--str-font-semiBold);
  font-weight: normal;
  font-size: var(--str-caption);
  line-height: var(--str-lh-caption);
  height: 2rem;
  white-space: nowrap;
}

c-bulk-order .error-modal .modal-content-wrapper {
  box-shadow: none;
}

c-bulk-order .error-modal .slds-modal__content.slds-var-p-around_medium {
  padding: 1rem;
  border-radius: 0 0 1rem 1rem;
}

c-bulk-order .error-modal .slds-modal__footer {
  display: none;
}

c-bulk-order .error-modal .slds-modal__header {
  padding: 1rem;
  background: var(--str-primary);
  border-radius: 1rem 1rem 0 0;
}

c-bulk-order .error-modal .closeError .slds-button.slds-button_brand:hover {
  color: var(--str-white);
  background-color: #0d8897;
  border-color: var(--str-primary-dark);
}

c-bulk-order .error-modal .modal-close-button-style {
  top: .8125rem;
  right: 1rem;
}

c-bulk-order .error-modal .modal-close-button-style lightning-primitive-icon svg.slds-icon.slds-icon-text-default.slds-icon_x-small {
  fill: var(--str-white, #FFF);
  opacity: .5;
}

/* custom css for c-surgeon-list-view */
c-surgeon-list-view .surgeon-list-view .data-table tr:last-child th {
  border-bottom: 2px solid var(--str-gray-lightest-6) !important;
}

c-surgeon-list-view .surgeon-list-view .data-table tr:last-child th:first-child {
  border-right: 1px solid var(--str-gray-lightest-6) !important;
  color: var(--str-primary);
}

c-surgeon-list-view .surgeon-list-view .data-table td.success-text span {
  color: var(--str-success);
}

c-surgeon-list-view .surgeon-list-view .data-table td.black-600 span {
  color: var(--str-black);
  font-size: var(--str-caption);
  font-weight: var(--str-semiBold);
}

c-surgeon-list-view .surgeon-list-view .data-table td.black-400 span {
  color: var(--str-black);
  font-size: var(--str-body);
  font-weight: var(--str-regular);
}

c-surgeon-list-view .surgeon-list-view .data-table tbody td {
  vertical-align: initial !important;
}

c-surgeon-list-view .surgeon-list-view .data-table th.vertical-center {
  padding: .375rem !important;
}

c-surgeon-list-view .surgeon-list-view .data-table th.vertical-center .sortable-header {
  margin-top: .125rem !important;
  margin-left: .25rem !important;
}

c-surgeon-list-view .surgeon-list-view .data-table .header-label {
  position: relative;
  font-size: var(--str-sub-header) !important;
  font-weight: 700 !important;
}

c-surgeon-list-view .surgeon-list-view .data-table .header-label .sort-arrows {
  position: absolute;
  right: 0;
  top: 26%;
}

c-surgeon-list-view .surgeon-list-view .data-table tbody tr td {
  font-size: var(--str-sub-header) !important;
}

c-surgeon-list-view .surgeon-list-view .data-table tbody tr td.no-border-left.no-border-right.undefined:first-of-type,
c-surgeon-list-view .surgeon-list-view .data-table tbody tr td .surgeonNameCell.surgeon-id {
  font-size: var(--str-body) !important;
  color: var(--str-gray-dark, #91979d) !important;
}

/* custom css for c-surgeon-list-view */
/** inventory css starts */

.consignment-inventory-container .toggle-text {
    font-size: var(--str-body) !important;
}

.consignment-inventory-container .data-table th {
    background: var(--str-gray-lightest-2) !important;
    padding: 1rem !important;
    position: sticky;
    top: 0;
}

.consignment-inventory-container .data-table td {
    padding: 1.25rem 1rem !important;
    font-size: var(--str-caption) !important;
    color: var(--str-black) !important;
}

.consignment-inventory-container .data-table tr td:first-child {
    background: var(--str-gray-lighter) !important;
    font-weight: var(--str-bolder) !important;
}

.consignment-inventory-container .data-table tr th .sortable-header {
    margin: 0 !important;
}

.filter-container .slds-checkbox {
    display: flex;
    gap: 0.5rem;
}

.filter-container .slds-checkbox [type="checkbox"]+.slds-checkbox_faux,
.slds-checkbox [type="checkbox"]~.slds-checkbox_faux {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
}

.filter-container .slds-checkbox [type="checkbox"]:checked+.slds-checkbox_faux,
.slds-checkbox [type="checkbox"]:checked~.slds-checkbox_faux {
    background-color: var(--str-primary);
    border: none;
}

.filter-container .slds-checkbox [type=checkbox]:checked+.slds-checkbox_faux::after,
.slds-checkbox [type=checkbox]:checked~.slds-checkbox_faux::after {
    border-color: var(--str-white);
}

.consignment-inventory-container .data-table {
    height: 43rem;
}

/** inventory css ends */

 c-surgery-info-tabs [data-key="orderNumber"] .header-label {
    width: 4.68rem;
    text-wrap: wrap;
}

 c-surgery-info-tabs .surgery-info-tables .data-table tr th[colspan] {
    z-index: 1001;
}

c-surgeon-details a.value {
  color: var(--str-black) !important;
  text-decoration: none;
}

c-surgeon-details .inputField label.slds-form-element__label {
  display: none;
}

c-surgeon-details .inputField div textarea.slds-textarea {
  padding: .625rem .5rem;
  border-radius: .5rem;
  border: 1px solid var(--str-gray-light, #E0E4E8);
  background: var(--str-white, #FFF);
  font-family: var(--str-font-regular);
  font-size: var(--str-body);
  color: var(--str-black);
}

.print-icon lightning-primitive-icon .slds-icon {
    fill : var(--str-white) !important;
}

c-order-details .confirmation-wrapper .mainContent .lens-content>*:last-child div {
  border-bottom: none;
}

c-quick-guide b {
  font-family: var(--str-font-bold);
}

c-reservations-list-view .data-table table {
  width: max-content;
  min-width: 100%;
}

.reservations-list-view-home .data-table table {
  width: unset !important;
}

@media print{
  header,footer{
    display: none !important;
  }
}


/* to fix the header and content alignment for 1920 resolution */
@media only screen and (min-width: 64.0625em) {
    .content-container > .comm-section-container > .columns-content {
        max-width: 118.5rem !important;
    }
}

/* common class for cursor pointer */
.cursor-pointer {
  cursor: pointer;
}

/* common class for mismatch label */
.text-danger {
  color: var(--str-danger) !important;
}

/* Bulk impant modal */
.stacked-text lightning-formatted-rich-text .red {
  color: red !important;
}