@charset "UTF-8";
/* Define the CSS variable */
/*Global Colors — Base Palette*/
/*The Global Base Color Palette is to be shared across all Emerson digital properties and intended to ensure consistency for all basic content UI such as text elements (color options for both light & dark backgrounds), form errors and warning notifications. Utilizing these colors globally across sites and applications will ensure all brands are consistently promoting appropriate contrast standards and readability best practices.

Global Colors — Grey Scale Palette*/
/*
* @param background-color - Add background of Button.
* @param text-color - Add text color of Button.
* @param background-color - Add background color when hover. 
* @param border - Add border for Button
*/
body {
  font-family: "Noto Sans", sans-serif ;
}

h1 {
  font-weight: 300 ;
  margin: 0 ;
  font-size: 2.75rem ; /* 44px */
  line-height: 3.5rem ; /* 56px */
}

h2 {
  font-weight: 300 ;
  margin: 0 ;
  font-size: 2.25rem ; /* 36px */
  line-height: 3rem ; /* 48px */
}

h3 {
  font-weight: 300 ;
  margin: 0 ;
  font-size: 1.875rem ; /* 30px */
  line-height: 2.5rem ; /* 40px */
}

h4 {
  font-weight: 300 ;
  margin: 0 ;
  font-size: 1.5rem ; /* 24px */
  font-weight: 400 ;
  line-height: 2rem ; /* 32px */
}

h5 {
  font-weight: 300 ;
  margin: 0 ;
  font-size: 1.125rem ; /* 18px */
  font-weight: 500 ;
  line-height: 1.5rem ; /* 24px */
}

h6 {
  font-weight: 300 ;
  margin: 0 ;
  font-size: 0.875rem ; /* 14px */
  font-weight: 500 ;
  line-height: 1.5rem ; /* 24px */
}

input::-moz-placeholder, textarea::-moz-placeholder {
  font-family: "Noto Sans", sans-serif ;
}

input::placeholder,
textarea::placeholder {
  font-family: "Noto Sans", sans-serif ;
}

input, textarea, input[type=checkbox] {
  font-family: "Noto Sans", sans-serif;
  border: none;
  background-color: #dedfe0; /* Light gray background */
  transition: border-color 0.3s;
  max-width: inherit;
}

::-moz-placeholder {
  color: #c9cacc ; /* Placeholder Text Color */
}

::placeholder {
  color: #c9cacc ; /* Placeholder Text Color */
}

input:focus, textarea:focus {
  border-color: none ; /* Change border color on focus */
  outline: none ; /* Remove default outline */
}

input[type=checkbox]:checked::after {
  content: "✓" ; /* Checkmark character */
  position: relative ;
  color: #00805a ; /* Color of the checkmark */
  font-size: 16px ; /* Adjust the size of the checkmark */
}

label {
  font-family: "Noto Sans", sans-serif ;
}

.required{
  color: #00aa7e;
}

/*$breakpoint-large: 1280px;
$container-width: 1180px;
$container-margin: 50px;*/
/* Define the CSS variable */
/*Global Colors — Base Palette*/
/*The Global Base Color Palette is to be shared across all Emerson digital properties and intended to ensure consistency for all basic content UI such as text elements (color options for both light & dark backgrounds), form errors and warning notifications. Utilizing these colors globally across sites and applications will ensure all brands are consistently promoting appropriate contrast standards and readability best practices.

Global Colors — Grey Scale Palette*/
/*
* @param background-color - Add background of Button.
* @param text-color - Add text color of Button.
* @param background-color - Add background color when hover. 
* @param border - Add border for Button
*/
/*
  * @Function button-variant
  * @param background-color - Add background of Button.
  * @param text-color - Add text color of Button.
  * @param hover background-color - Add background-color for hover button
  * @param border - Add border for Button
  * 
  */
.emr-primary--button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3rem;
  font-weight: 600;
  font-size: 12px;
  line-height: 1rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.3s ease;
  background-color: #00573d;
  color: #ffffff;
  border: none;
}
.emr-primary--button:hover {
  background-color: #00805a;
}
.emr-primary--button:hover .emr-icon-move-right {
  transform: translateX(4px);
}
.emr-primary--button:hover .emr-icon-move-upward-right {
  transform: translate(4px, -4px); /* Moves the icon 4px right and 4px up */
}

.emr-secondary--button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3rem;
  font-weight: 600;
  font-size: 12px;
  line-height: 1rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.3s ease;
  background-color: transparent;
  color: #000000;
  border: 1px solid #000000;
}
.emr-secondary--button:hover {
  background-color: #c4ced1;
}
.emr-secondary--button:hover .emr-icon-move-right {
  transform: translateX(4px);
}
.emr-secondary--button:hover .emr-icon-move-upward-right {
  transform: translate(4px, -4px); /* Moves the icon 4px right and 4px up */
}

.emr-tertiary--button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3rem;
  font-weight: 600;
  font-size: 12px;
  line-height: 1rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.3s ease;
  background-color: #c4ced1;
  color: #000000;
  border: none;
}
.emr-tertiary--button:hover {
  background-color: #adbbbf;
}
.emr-tertiary--button:hover .emr-icon-move-right {
  transform: translateX(4px);
}
.emr-tertiary--button:hover .emr-icon-move-upward-right {
  transform: translate(4px, -4px); /* Moves the icon 4px right and 4px up */
}

.emr-reversed--button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3rem;
  font-weight: 600;
  font-size: 12px;
  line-height: 1rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.3s ease;
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #000000;
}
.emr-reversed--button:hover {
  background-color: none;
}
.emr-reversed--button:hover .emr-icon-move-right {
  transform: translateX(4px);
}
.emr-reversed--button:hover .emr-icon-move-upward-right {
  transform: translate(4px, -4px); /* Moves the icon 4px right and 4px up */
}

.emr-icon {
  width: 1rem;
  height: 1rem;
  margin-left: 0.25rem;
  transition: transform 0.3s ease; /* Smooth transition for icon */
}

/* Default Hyperlink */
.emr-link, a:link:not(.slds-button, .slds-dropdown__item > a), a:visited:not(.slds-button, .slds-dropdown__item > a), a.emr-forgot-password-link, .emr-forgot-password-link {
  font-weight: 400; /* Book */
  color: #00aa73; /* Brand Primary */
  text-decoration: underline;
}

.emr-link:hover, a:hover:link:not(.slds-button, .slds-dropdown__item > a), a:hover:visited:not(.slds-button, .slds-dropdown__item > a), .emr-forgot-password-link:hover {
  color: #006748; /* Darkened Brand Primary */
  text-decoration: none;
}

/* Global Navigation Links — Header Menu Items */
.emr-nav-link-header {
  font-size: 0.75rem; /* 12px */
  font-weight: 400; /* Book */
  line-height: 1rem; /* 16px */
  color: var(--emr-rich-black); /* Rich Black */
  text-decoration: none;
}

.emr-nav-link-header:hover {
  color: var(--brand-secondary); /* Brand Secondary */
  text-decoration: underline;
}

/* Global Navigation Links — Utility Menu Items */
.emr-nav-link-utility {
  font-size: 0.875rem; /* 14px */
  font-weight: 500; /* Medium */
  line-height: 1rem; /* 16px */
  text-align: right;
  color: white;
  text-decoration: none;
}

.emr-nav-link-utility:hover {
  text-decoration: underline;
}

/* Global Navigation Links — Footer Menu Items */
.emr-nav-link-footer {
  font-size: 1rem; /* 16px */
  font-weight: 300; /* Light */
  line-height: 1.5rem; /* 24px */
  color: white;
  text-decoration: none;
}

.emr-nav-link-footer:hover {
  text-decoration: underline;
}

/* Global Navigation Links — Footer Legal Items */
.emr-nav-link-footer-legal {
  font-size: 0.75rem; /* 12px */
  font-weight: 500; /* Medium */
  line-height: 1rem; /* 16px */
  color: #a8a8a8; /* Warm Grey */
}

.emr-nav-link-footer-legal:hover {
  color: white;
}

/* Tab Label Links */
.emr-tab-link {
  font-size: 0.75rem; /* 12px */
  font-weight: 600; /* Semibold */
  line-height: 1rem; /* 16px */
  color: var(--emr-rich-black); /* Rich Black */
  text-transform: uppercase;
}

.emr-tab-link:hover {
  color: #006fe6; /* Darkened Brand Primary */
}

.emr-tab-link-selected {
  color: #007bff; /* Brand Primary */
}

/* Reversed Tab Label Links */
.emr-tab-link-reversed {
  font-size: 0.75rem; /* 12px */
  font-weight: 600; /* Semibold */
  line-height: 1rem; /* 16px */
  color: white;
  text-transform: uppercase;
  background-color: #007bff; /* Brand Primary */
}

.emr-tab-link-reversed:hover {
  background-color: #006fe6;
}

.emr-tab-link-reversed-selected {
  background-color: #006fe6;
  border-bottom: 0.25rem solid white; /* White Bottom Border */
}

/* Title Links */
.emr-title-link {
  font-size: 0.875rem; /* 14px */ /* or 1rem (16px) */
  font-weight: 400; /* Book */ /* or 500 (Medium) */
  line-height: 1.5rem; /* 24px */
  color: var(--emr-rich-black); /* Rich Black */
}

.emr-title-link:hover {
  color: #007bff; /* Brand Primary */
}

.emr-checkbox-container {
  font-size: 1rem; /* 16px */
  line-height: 1rem; /* 16px */
  margin-bottom: 0.9375rem; /* 15px */
  font-family: "Noto Sans", sans-serif;
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.emr-checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.emr-checkbox {
  display: block !important;
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  margin-bottom: 0.625rem; /* 10px */
  border-color: #dedfe0;
  border: 2px solid #9fa1a4;
}

/* Create the checkmark/indicator (hidden when not checked) */
.emr-checkbox:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.emr-checkbox-container input:checked ~ .emr-checkbox:after {
  display: block;
}

/* Style the checkmark/indicator */
.emr-checkbox-container .emr-checkbox:after {
  left: 5px;
  top: 0px;
  width: 7px;
  height: 14px;
  border: solid #00805a;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Input Field with Placeholder Text */
.emr-input-field {
  font-size: 1rem; /* 16px */
  line-height: 1.625rem; /* 26px */
  padding-left: 15px;
  padding-right: 15px;
}

/* Input with Hint Text */
.emr-input-hint {
  font-size: 0.75rem; /* 12px */
  line-height: 1.25rem; /* 20px */
  margin-bottom: 1.875rem; /* 30px */
  max-width: 260ch;
}

/* Define the CSS variable */
/*Global Colors — Base Palette*/
/*The Global Base Color Palette is to be shared across all Emerson digital properties and intended to ensure consistency for all basic content UI such as text elements (color options for both light & dark backgrounds), form errors and warning notifications. Utilizing these colors globally across sites and applications will ensure all brands are consistently promoting appropriate contrast standards and readability best practices.

Global Colors — Grey Scale Palette*/
.emr-custom-select {
  position: relative;
  font-family: Arial;
}

.emr-custom-select select {
  display: none;
}

.emr-select-selected {
  height: 50px;
  align-content: center;
  background: #ffffff;
  border: 1px solid #262728;
}

.emr-select-selected:hover {
  background-color: #f0f0f0;
}

/*style the arrow inside the select element:*/
.emr-select-selected:after {
  position: absolute;
  content: "";
  top: 25px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid #262728;
  border-color: #262728 transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.emr-select-selected.select-arrow-active:after {
  border-color: transparent transparent #262728 transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.emr-select-items div,
.emr-select-selected {
  background: #ffffff;
  color: #262728;
  padding: 8px 16px;
  cursor: pointer;
  min-height: fit-content;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.emr-select-selected.select-arrow-active {
  border-bottom: none; /* Remove original border on active */
}

.emr-select-selected.select-arrow-active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 10%; /* Center border */
  width: 80%;
  height: 1px;
  background-color: #8a8c90; /* Replace with desired color */
}

/*style items (options):*/
.emr-select-items {
  background: #ffffff;
  position: absolute;
  border: 1px solid transparent;
  border-color: transparent #262728 #262728 #262728;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 3;
  max-height: 0; /* Set max height */
  overflow-y: auto;
  animation: slideDown 0.3s ease forwards;
}

/*hide the items when the select box is closed:*/
.emr-select-hide {
  display: none;
}

.emr-select-items div:hover,
.same-as-selected {
  color: #00805a;
}

@keyframes slideDown {
  from {
    max-height: 0;
    opacity: 0;
  }
  to {
    max-height: 300px;
    opacity: 1;
  }
}
/* Form Heading */
.emr-form-heading {
  font-size: 1.3125rem; /* 21px */
  line-height: 1.6875rem; /* 27px */
  max-width: 39ch;
}

/* Field Label with "(Optional)" Marker */
.emr-field-label {
  font-size: 0.75rem; /* 12px */
  font-weight: 600; /* Semibold */
  line-height: 0.875rem; /* 14px */
  margin-bottom: 0.4375rem; /* 7px */
}

.emr-field-label-optional {
  font-weight: 300; /* Light */
}

/* Text Area */
.emr-text-area {
  font-size: 1rem; /* 16px */
  line-height: 1.625rem; /* 26px */
  padding: 15px;
}

/* Radio Button */
.emr-radio-button {
  border: 2px solid #00805a; /* Warm Grey */
  height: 18px;
  width: 18px;
  margin-bottom: 0.625rem; /* 10px */
  accent-color: #00805a;
}

/* Radio Button Label */
.emr-radio-label {
  font-size: 1rem; /* 16px */
  line-height: 1rem; /* 16px */
  margin-bottom: 0.9375rem; /* 15px */
  font-family: "Noto Sans", sans-serif;
}

a.emr-forgot-password-link, .emr-forgot-password-link {
  font-size: 0.75rem; /* 12px */
}

/* Display Title */
.emr-display-title {
  font-size: 3.5rem ; /* 56px */
  font-weight: 300 ;
  line-height: 4rem ; /* 64px */
}

/* Heading Elements */
.emr-h1, .emr-h2, .emr-h3, .emr-h4, .emr-h5, .emr-h6 {
  font-weight: 300 ;
  margin: 0 ;
}

.emr-h1 {
  font-size: 2.75rem ; /* 44px */
  line-height: 3.5rem ; /* 56px */
}

.emr-h2 {
  font-size: 2.25rem ; /* 36px */
  line-height: 3rem ; /* 48px */
}

.emr-h3 {
  font-size: 1.875rem ; /* 30px */
  line-height: 2.5rem ; /* 40px */
}

.emr-h4 {
  font-size: 1.5rem ; /* 24px */
  line-height: 2rem ; /* 32px */
}

.emr-h5 {
  font-size: 1.125rem ; /* 18px */
  font-weight: 500 ;
  line-height: 1.5rem ; /* 24px */
}

.emr-h6 {
  font-size: 0.875rem ; /* 14px */
  font-weight: 500 ;
  line-height: 1.5rem ; /* 24px */
}

/* Paragraph Styles */
.emr-paragraph {
  font-size: 1rem ; /* 16px */
  font-weight: 300 ;
  line-height: 1.5rem ; /* 24px */
}

.emr-article-body {
  font-size: 1.125rem ; /* 18px */
  font-weight: 300 ;
  line-height: 2rem ; /* 32px */
}

.emr-body-p1 {
  font-size: 1.75rem ; /* 28px */
  font-weight: 300 ;
  line-height: 2.5rem ; /* 40px */
}

.emr-body-p2 {
  font-size: 1.375rem ; /* 22px */
  font-weight: 300 ;
  line-height: 2rem ; /* 32px */
}

.emr-body-p3 {
  font-size: 1.125rem ; /* 18px */
  font-weight: 300 ;
  line-height: 1.5rem ; /* 24px */
}

.emr-body-p4 {
  font-size: 0.875rem ; /* 14px */
  font-weight: 300 ;
  line-height: 1.5rem ; /* 24px */
}

.emr-body-p5 {
  font-size: 0.75rem ; /* 12px */
  font-weight: 400 ;
  line-height: 1rem ; /* 16px */
}

.emr-body-p6 {
  font-size: 0.625rem ; /* 10px */
  font-weight: 400 ;
  line-height: 1rem ; /* 16px */
}

/* Bold, Italic, and Underline Text Styles */
.emr-bold {
  font-weight: 600 ;
}

.emr-italic {
  font-style: italic ;
}

.emr-underline {
  text-decoration: underline ;
}

/* Subscript and Superscript */
.emr-subscript, .emr-superscript {
  font-size: 0.75em ;
  line-height: inherit ;
}

/* Label */
.emr-label {
  font-size: 0.75rem ; /* 12px */
  font-weight: 600 ;
  letter-spacing: 0.08em ;
  line-height: 1rem ; /* 16px */
  text-transform: uppercase ;
}

/* Eyebrow */
.emr-eyebrow {
  font-size: 0.75rem ; /* 12px */
  font-weight: 600 ;
  letter-spacing: 0.08em ;
  line-height: 1rem ; /* 16px */
  color: #004b8d ;
  text-transform: uppercase ;
}

/* List Styles */
.emr-ordered-list, .emr-unordered-list {
  font-size: inherit ;
  font-weight: inherit ;
  line-height: inherit ;
}

/* Block Quote */
.emr-block-quote {
  font-size: 1.375rem ; /* 22px */
  font-weight: 300 ;
  line-height: 2rem ; /* 32px */
  font-style: italic ;
}

@media (min-width: 1280px) {
  h4.section-header {
    font-size: 1.3125em;
    line-height: 1.4762em;
  }
}

/* Define the CSS variable */
/*Global Colors — Base Palette*/
/*The Global Base Color Palette is to be shared across all Emerson digital properties and intended to ensure consistency for all basic content UI such as text elements (color options for both light & dark backgrounds), form errors and warning notifications. Utilizing these colors globally across sites and applications will ensure all brands are consistently promoting appropriate contrast standards and readability best practices.

Global Colors — Grey Scale Palette*/
.emr-breadcrumb a {
  font-size: 0.75rem;
  color: #8a8c90;
  text-decoration: none;
  transition: -webkit-text-decoration 0.2s ease;
  transition: text-decoration 0.2s ease;
  transition: text-decoration 0.2s ease, -webkit-text-decoration 0.2s ease;
}

.emr-breadcrumb a:hover {
  text-decoration: underline;
}

.emr-breadcrumb span {
  color: #8a8c90;
}

/* Define the CSS variable */
/*Global Colors — Base Palette*/
/*The Global Base Color Palette is to be shared across all Emerson digital properties and intended to ensure consistency for all basic content UI such as text elements (color options for both light & dark backgrounds), form errors and warning notifications. Utilizing these colors globally across sites and applications will ensure all brands are consistently promoting appropriate contrast standards and readability best practices.

Global Colors — Grey Scale Palette*/
.emr-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
}

.emr-pagination-item {
  color: #00573d;
  background-color: none;
  margin: 0 5px;
  padding: 10px 15px;
  border: none;
  border-radius: 5px;
  border: none;
}

.emr-pagination-item:hover {
  cursor: pointer;
  color: #00805a;
  text-decoration: underline;
}

.emr-pagination .active {
  color: #121313;
}

/* Define the CSS variable */
/*Global Colors — Base Palette*/
/*The Global Base Color Palette is to be shared across all Emerson digital properties and intended to ensure consistency for all basic content UI such as text elements (color options for both light & dark backgrounds), form errors and warning notifications. Utilizing these colors globally across sites and applications will ensure all brands are consistently promoting appropriate contrast standards and readability best practices.

Global Colors — Grey Scale Palette*/
/*
* @param background-color - Add background of Button.
* @param text-color - Add text color of Button.
* @param background-color - Add background color when hover. 
* @param border - Add border for Button
*/
.emr-primary-text-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  text-transform: uppercase;
  text-decoration: none;
  color: #00573d;
}
.emr-primary-text-cta:hover {
  color: #00805a;
}
.emr-primary-text-cta:hover .emr-icon-move-right {
  transform: translateX(4px);
}

.emr-secondary-text-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  text-transform: uppercase;
  text-decoration: none;
  color: #000000;
}
.emr-secondary-text-cta:hover {
  color: #004b8d;
}
.emr-secondary-text-cta:hover .emr-icon-move-right {
  transform: translateX(4px);
}

.emr-reversed-text-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff;
}
.emr-reversed-text-cta:hover {
  color: #ffffff;
}
.emr-reversed-text-cta:hover .emr-icon-move-right {
  transform: translateX(4px);
}

/* Define the CSS variable */
/*Global Colors — Base Palette*/
/*The Global Base Color Palette is to be shared across all Emerson digital properties and intended to ensure consistency for all basic content UI such as text elements (color options for both light & dark backgrounds), form errors and warning notifications. Utilizing these colors globally across sites and applications will ensure all brands are consistently promoting appropriate contrast standards and readability best practices.

Global Colors — Grey Scale Palette*/
/* Container for the grid */
.emr-text-only-navigation-container {
  background-color: #ffffff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
}
.emr-text-only-navigation-container:before {
  content: "";
  display: table;
}
.emr-text-only-navigation-container .emr-text-only-navigation {
  text-align: center;
  background-color: #ffffff;
  border-bottom: 1px solid #f3f3f3;
  border-right: 1px solid #f3f3f3;
  border-top: 1px solid #f3f3f3;
  color: #262728;
  display: table;
  float: left;
  height: 80px;
  margin-top: -1px;
  padding: 0 5px;
  width: 50%;
}
.emr-text-only-navigation-container .emr-text-only-navigation > span {
  display: table-cell;
  vertical-align: middle;
}
.emr-text-only-navigation-container .emr-text-only-navigation:hover {
  background-color: #f3f3f3;
  color: #00573d;
}
@media (min-width: 767px) {
  .emr-text-only-navigation-container .emr-text-only-navigation {
    height: 141px;
    width: 100%;
  }
}

.emr-underline {
  display: inline-block;
  text-decoration: underline;
}
.emr-underline:after {
  background-color: #00573d;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  margin: 0 auto -5px;
  opacity: 0;
  position: relative;
  transition: opacity 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955), width 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  width: 0;
}

.emr-text-only-navigation:hover .emr-underline:after {
  opacity: 1;
  width: 100%;
}


/*horizontal-tabs-header*/
.emr-horizontal-tabs-header {
  scrollbar-width: none;
  border-bottom: 1px solid #c9cacc;
  overflow: hidden;
  overflow-x: auto;
  position: relative;
  white-space: nowrap;
  width: 100%;
  /* horizontal-tabs */
}
.emr-horizontal-tabs-header .emr-horizontal-tabs {
  display: flex;
  list-style-type: none;
  scroll-behavior: smooth;
  font-size: 0;
  line-height: 0;
  position: static !important;
  /* Individual tab */
}
.emr-horizontal-tabs-header .emr-horizontal-tabs .emr-horizontal-tab {
  font-weight: 700;
  margin: 0.5rem 1.5rem 0.5rem 0.5rem;
  padding-right: 0;
  text-align: left;
  white-space: normal;
  font-size: 12px;
  text-transform: uppercase;
}
.emr-horizontal-tabs-header .emr-horizontal-tabs .emr-horizontal-tab-span {
  height: 48px;
  padding: 0.5rem;
  cursor: pointer;
  border: 2px solid transparent;
  border-bottom: none;
  letter-spacing: 0.03rem;
  max-width: 15rem;
  opacity: 0.65;
  padding: 0.5rem;
  transition: none;
  color: #262728;
  display: table-cell;
  line-height: 1rem;
  max-width: 210px;
  vertical-align: bottom;
}
.emr-horizontal-tabs-header .emr-horizontal-tabs .emr-horizontal-tab-active .emr-horizontal-tab-span {
  font-weight: bold;
  color: #00573d;
  opacity: 1;
  background-color: none;
  border-radius: none;
}
.emr-horizontal-tabs-header hr {
  background: #00573d !important;
  border: none;
  bottom: 0;
  height: 5px;
  left: 0;
  margin: 0;
  position: absolute;
  top: auto !important;
  transition-duration: 0.5s;
  transition-property: margin, width !important;
  transition-timing-function: ease-in-out;
  visibility: visible !important;
}

.emr-horizontal-tab:hover {
  background-color: rgba(0, 128, 90, 0.16);
  border-radius: 0.25rem;
  opacity: 1;
}

.emr-horizontal-tab:hover .emr-horizontal-tab-span {
  color: #00805a;
}

.emr-horizontal-tab.emr-horizontal-tab-active:hover {
  background-color: transparent !important;
  border-radius: 0px !important;
}

.emr-compliance-checker-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.emr-compliance-checker-left {
  display: flex;
  justify-content: left;
  align-items: center;
}

.emr-compliance-checker-remove {
  border: none;
  background: transparent;
  color: red;
  font-weight: 700;
}

.emr-compliance-checker-input {
  margin: 10px;
  background-color: white;
  border: 1px solid black;
}

.emr-compliance-checker-addmorerows {
  border: none;
  background: transparent;
  color: #00805a;
}

.emr-compliance-checker-button-large {
  width: 20%;
  color: white;
  border: none;
  height: 50px;
}

.emr-compliance-checker-margin-top-30 {
  margin-top: 30px;
}

.emr-compliance-checker-margin-left-75 {
  margin-left: 75px;
}

.emr-compliance-checker-margin-top-25 {
  margin-top: 25px;
}

.emr-compliance-checker-margin-left-85 {
  margin-left: 85px;
}

.emr-compliance-checker-button-small {
  height: 2rem;
  width: 5%;
  color: white;
  border: none;
}

.emr-compliance-checker-ol {
  list-style: auto;
  margin-left: 20px;
}

.emr-compliance-checker-margin-bottom-8 {
  margin-bottom: 8px;
}

.emr-my-account-container-menu {
  float: left;
  border: 1px solid black;
  width: 15%;
}

.emr-my-account-container-content {
  float: left;
  margin-left: 30px;
  /*padding: 0px 12px;*/
  width: 82%;
  border: 1px solid black;
  border-top: 15px solid #1664c5;
}

.emr-my-account-home-grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 50px;
  padding: 10px;
}
.emr-my-account-home-grid-container .emr-my-account-home-grid-item {
  border: 1px solid black;
  padding: 80px 20px 80px 20px;
  text-align: center;
  cursor: pointer;
}

.emr-my-account-home-button-container button {
  display: inline-block;
  margin-right: 10px; /* Space between buttons */
  padding: 10px 80px 10px 80px;
  background-color: transparent;
  color: green;
  border: 1px solid black;
  border-radius: 0px;
  font-size: 16px;
  cursor: pointer;
}

.emr-my-account-home-capitalized {
  text-transform: capitalize;
}

.emr-my-account-home-margin-left-15 {
  margin-left: 15px;
}

.emr-my-account-home-margin-top-20 {
  margin-top: 20px;
}

.emr-my-account-home-margin-top-30 {
  margin-top: 30px;
}

.emr-my-account-home-margin-bottom-50 {
  margin-bottom: 50px;
}

.emr-my-account-home-padding-3 {
  padding: 3px;
}

.emr-my-account-menu {
  cursor: pointer;
  padding: 3px;
  margin-top: 20px;
}
.emr-my-account-menu:hover {
  background-color: #e3e3e3;
  color: #4e4f52;
  font-weight: 700;
}

.emr-my-account-menu-active {
  background-color: #e3e3e3;
  color: #4e4f52;
}

.emr-my-account-menu-span {
  margin-left: 20px;
  cursor: pointer;
}

.emr-my-account-menu-heading {
  border-bottom: 1px solid black;
  text-align: center;
  padding: 5px;
  background-color: #1664c5;
  color: white;
  font-weight: 600;
  text-transform: capitalize;
}

.emr-my-account-personal-info-container {
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.emr-my-account-personal-info-left {
  float: left;
}

.emr-my-account-personal-info-right {
  text-align: end;
  width: 49%;
}

.emr-my-account-personal-info-input-style {
  background: #f3f3f3;
  padding: 10px;
  width: 80%;
}
.emr-my-account-personal-info-input-wrapper input {
  padding-right: 2.5rem; /* Adjust for the icon's width */
}

.emr-my-account-personal-info-input-wrapper .emr-icon {
  position: relative;
  right: 2rem; /* Adjust as needed */
  top: 0;
}
.emr-table-color-blue {
  color: #004494;
}

.emr-table-align-center {
  display: flex;
  justify-content: center;
}

.emr-table-align-right {
  display: flex;
  justify-content: right;
}

.emr-table-align-left {
  display: flex;
  justify-content: left;
}

table.emr-table-scrolldown {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
  font-size: 12px;
}

/* To display the block as level element */
table.emr-table-scrolldown tbody,
table.emr-table-scrolldown thead {
 /* display: block;*/
}
table.emr-table-scrolldown tbody td,
table.emr-table-scrolldown tbody th,
table.emr-table-scrolldown thead td,
table.emr-table-scrolldown thead th {
  width: 200px;
  border-bottom: 1px solid black;
  padding: 10px 5px 10px 0px;
  text-align: left;
}

table.emr-table-scrolldown tbody {
 /* height: 529px;*/
  overflow-y: auto;
  overflow-x: hidden;
}


.emr-my-account-section-margin-left-right-15 {
  margin-left: 15px;
  margin-right: 15px;
}

.emr-my-account-section-margin-top-20 {
  margin-top: 20px;
}

.emr-my-account-section-padding-3 {
  padding: 3px;
}

.emr-my-account-section-container {
  width: 100%;
  overflow: hidden;
  display: inline-block;
}

.emr-my-account-section-info-left {
  float: left;
  text-align: center;
}
.emr-my-account-section-info-right {
  float: right;
  text-align: center;
}
.emr-my-account-section-text:hover {
  color: #00805a;
}
.emr-my-account-section-text {
  color: #00573d;
  text-decoration: underline;
  font-size: inherit;
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer;
}

.emr-my-account-section-capitalized {
  text-transform: capitalize;
}

.emr-my-account-section-align-end {
  display: flex;
  align-items: center;
  justify-content: end;
}


.emr-my-account-filter-container {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 15px;
}
.emr-my-account-filter-container pre {
  font-family: noto Sans;
  font-size: 15px;
}

.emr-my-account-filter-selected-account-container {
  display: flex;
  align-items: center;
  gap: 5px;
  width: -moz-max-content;
  width: max-content;
}
.emr-my-account-filter-selected-account-container .emr-my-account-filter-selected-account {
  border: 1px solid #9fa1a4;
  padding: 6px;
  background-color: #f3f3f3;
  width: -moz-max-content;
  width: max-content;
}

.emr-my-account-filter-width-max-content {
  width: -moz-max-content;
  width: max-content;
}

.emr-my-account-filter-width-200 {
  width: 200px;
}

.emr-my-account-filter-button-height-2-5 {
  height: 2.5rem;
}

.emr-my-account-filter-search-container {
  position: relative;
  width: 100%;
}
.emr-my-account-filter-search-container input[type=text] {
  background-color: transparent;
  width: 100%;
  padding: 10px 40px 10px 10px;
  border: 1px solid #ddd;
  border-radius: 2px;
  font-size: 15px;
  outline: none;
}
.emr-my-account-filter-search-container .emr-my-account-filter-search-icon {
  position: absolute;
  right: 10px;
  width: 15px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.emr-my-account-detail-fontstyle {
  font-weight: 300;
  font-size: 15px;
}

.emr-my-account-detail-background-color-f3f3f3 {
  background-color: #f3f3f3;
}

.emr-my-account-detail-border-bottom-black-1 {
  border-bottom: 1px solid black;
}

.emr-my-account-detail-border-bottom-black-0-5 {
  border-bottom: 0.5px solid black;
}

.emr-my-account-detail-height-24 {
  height: 24px;
}

.emr-dropdown-container {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
  font-size: 15px;
}
.emr-dropdown-container .emr-dropdown-width-max-content {
  width: -moz-max-content;
  width: max-content;
}
.emr-dropdown-container .emr-dropdown {
  position: relative;
  width: 190px; /*210px;*/
  height: 45px;
}
.emr-dropdown-container .emr-dropdown::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border: 1px solid black;
  right: 20px;
  top: 18px;
  z-index: 2;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(-45deg);
  transition: 0.5s;
  pointer-events: none;
}
.emr-dropdown-container .emr-dropdown.active::before {
  top: 22px;
  transform: rotate(-225deg);
}
.emr-dropdown-container .emr-dropdown input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ddd;
  outline: none;
  padding: 12px 10px; /* 12px 20px */
  border-radius: 2px;
  font-weight: 700;
  font-size: 15px;
}
.emr-dropdown-container .emr-dropdown .emr-option {
  position: absolute;
  max-height:150px;
  top: 55px;
  left: 0px;
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  overflow: hidden;
  overflow-y: auto;
  display: none;
  font-weight: 600;
  font-size: 15px;
  z-index: 3;
}
.emr-dropdown-container .emr-dropdown .emr-option div {
  padding: 12px 20px;
  cursor: pointer;
}
.emr-dropdown-container .emr-dropdown .emr-option div:hover {
  border: 1px solid #ddd;
}
.emr-dropdown-container .emr-dropdown.active .emr-option {
  display: block;
}

.emr-dropdown-form-container {
  display: flex;
  align-items: center;
  justify-content: start;
}
.emr-dropdown-form-container .emr-dropdown-width-max-content {
  width: -moz-max-content;
  width: max-content;
}
.emr-dropdown-form-container .emr-dropdown {
  position: relative;
  width: 100%; /*210px;*/
  height: 45px;
}
.emr-dropdown-form-container .emr-dropdown::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border: 1px solid black;
  right: 20px;
  top: 18px;
  z-index: 3;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(-45deg);
  transition: 0.5s;
  pointer-events: none;
}
.emr-dropdown-form-container .emr-dropdown.active::before {
  top: 22px;
  transform: rotate(-225deg);
}
.emr-dropdown-form-container .emr-dropdown input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: #f3f3f3;
  outline: none;
  padding: 12px 10px; /* 12px 20px */
  border-radius: 2px;
  font-weight: 700;
  font-size: 15px;
  font-style: italic;
}
.emr-dropdown-form-container .emr-dropdown .emr-option {
  position: absolute;
  max-height: 150px;
  top: 55px;
  left: 5px;
  width: 97%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  overflow: hidden;
  overflow-y: auto;
  display: none;
  font-weight: 600;
  font-size: 15px;
  z-index: 3;
}
.emr-dropdown-form-container .emr-dropdown .emr-option div {
  padding: 12px 20px;
  cursor: pointer;
}
.emr-dropdown-form-container .emr-dropdown .emr-option div:hover {
  border: 1px solid #ddd;
}
.emr-dropdown-form-container .emr-dropdown.active .emr-option {
  display: block;
}

.emr-contact-form-one-column-grid {
  display: grid;
  grid-template-columns: 1fr; /* One equal columns */
}

.emr-contact-form-two-column-grid {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Two equal columns */
  -moz-column-gap: 30px;
       column-gap: 30px; /* Space between columns */
}

.emr-contact-form-three-column-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr; /* three equal columns */
  -moz-column-gap: 30px;
       column-gap: 30px; /* Space between columns */
}

.emr-contact-form-grid-item {
  padding: 20px;
}

.emr-contact-form-grid-item input, textarea {
  width: 100%;
  background: #f3f3f3;
  padding: 10px;
  font-style: italic;
  /*margin-top: 12px;*/
}

.emr-contact-form-grid-item label {
  font-weight: 700;
}

.emr-contact-form-color-red {
  color: red;
}
.emr-contact-form-validation-err{
  margin-top:5px;
  color:red;
  font-size:10px;
}

.emr-contact-form-margin-top-12 {
  margin-top: 12px;
}
.emr-contact-form-margin-bottom-12 {
  margin-bottom: 12px;
}

.emr-contact-form-textarea {
  width: 100%;
  height: 150px;
}

.emr-contact-form-fileuploadLabel {
  width: 150px;
  margin-top: 12px;
}

.emr-contact-form-terms-text {
  font-weight: 300;
  font-size: 16px;
}

.emr-contact-form-button-width-200 {
  width: 200px;
}
.filters {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 20px 0;
}

.filter-item {
  width: 350px;
}

.account-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  padding: 20px;
}

.account-card {
  border: 1px solid #FFFEFE;
  border-radius: 8px;
  padding: 15px;
  box-shadow: 0 2px 4px rgba(255, 255, 255, 0.1);
  background-color: #fff;
  text-align: left;
}

.phone {
  font-weight: lighter;
  margin: 5px 0;
  color: #33CC99;
}

.pagination {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}

.pagination lightning-button {
  color: #000000;
  border: none;
  padding: 10px 10px;
}

.emr-tooltip{
  position: relative; 
  display: inline; 
  margin-left:3px;
}
.emr-tooltip-popup{
  position: absolute;
  bottom:100%;left:-0px; 
  z-index:10; 
  min-width:max-content; 
  box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
  background-color:white;
}

.emr-modal {
  display: block; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 4; /* Sit on top */
  padding-top: 200px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.emr-modal-content {
  max-height: 500px;
  overflow-y: scroll;
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 45%;
}

/* The Close Button */
.emr-modal-close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.emr-modal-close:hover,
.emr-modal-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.pagination lightning-button:disabled {
  background-color: #cccccc; /* Grey for disabled */
  color: #ffffff;
  cursor: not-allowed;
}/*# sourceMappingURL=main.css.map */
pre {
   word-wrap:normal;
   background-color: transparent;
   border: none;
}
.magical-mystery-tour .input-wrapper input[data-v-1c2e644e] {
  padding-right: 40px;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  text-overflow: ellipsis;
}
.magical-mystery-tour[data-v-1c2e644e] {
  position: relative;
  height: 100%;
}
.magical-mystery-tour .input-wrapper[data-v-1c2e644e] {
  position: relative;
  width: 100%;
  z-index: 2;
}
.magical-mystery-tour .input-wrapper input[data-v-1c2e644e] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  border: none;
  padding: 20px 10px 0;
  margin: 0;
  background-color: #f0f0f0;
}
.magical-mystery-tour .options[data-v-1c2e644e] {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background-color: #f0f0f0;
  border: 1px inset silver;
  border-top: none;
  z-index: 4;
}
.magical-mystery-tour .input-wrapper .dropdown-arrow[data-v-1c2e644e]:after {
  position: absolute;
  top: 40%;
  right: 20px;
}
.magical-mystery-tour .input-wrapper .dropdown-arrow[data-v-1c2e644e]:after {
  height: 16px;
  width: 16px;
  cursor: pointer;
  content: " ";
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
.filter-container .filter-label-container .filter-label, .filter-container .glyphicon, .magical-mystery-tour .input-wrapper input[data-v-1c2e644e] {
  font-size: 16px;
  color: #2d383f;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}