body {
  background-color: #ffffff;
  color: #000000;
  font-family: Arial;
  font-weight: normal;
  font-size: 13px;
  line-height: 1.1875;
  margin: 0;
  padding: 0;
}
.wb-theme-header {
  background-color: #27a9e1;
  background-image: none;
  border: 1px solid #27a9e1;
  border-radius: 20px;
  color: #ffffff;
  --background-color: rgba(39, 169, 225, 1);
  --border-color: #27a9e1;
  --border-width: 1px;
  --color: #ffffff;
}
.wb-theme-content {
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #dee2e6;
  border-radius: 20px;
  color: #ffffff;
  --background-color: rgba(255, 255, 255, 1);
  --border-color: #dee2e6;
  --border-width: 1px;
  --color: #ffffff;
  --icon-color: #0d6efd;
  --colorize: invert(25%) sepia(61%) saturate(3574%) hue-rotate(212deg)
    brightness(103%) contrast(98%);
}
.wb-theme-button,
.wb-theme-static {
  background-color: #27a9e1;
  background-image: none;
  border: 1px solid #27a9e1;
  border-radius: 20px;
  color: #ffffff;
  --background-color: rgba(39, 169, 225, 1);
  --border-color: #27a9e1;
  --border-width: 1px;
  --color: #ffffff;
}
.wb-theme-button:hover {
  background-color: #b9e5fa;
  background-image: none;
  border: 1px solid #b9e5fa;
  border-radius: 20px;
  color: #ffffff;
  --background-color: rgba(185, 229, 250, 1);
  --border-color: #b9e5fa;
  --border-width: 1px;
  --color: #ffffff;
}
.wb-theme-button.active,
.wb-theme-button:active,
.active > .wb-theme-button {
  background-color: #0a4d9b;
  background-image: none;
  border: 1px solid #0a4d9b;
  border-radius: 20px;
  color: #ffffff;
  --background-color: rgba(10, 77, 155, 1);
  --border-color: #0a4d9b;
  --border-width: 1px;
  --color: #ffffff;
}
#PageHeader1 {
  background-color: #27a9e1;
  background-image: none;
  border-radius: 10px;
  box-sizing: border-box;
}
#wb_Image1 {
  vertical-align: top;
}
#Image1 {
  border: 0px solid #000000;
  border-radius: 0px;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#wb_Text1 {
  background-color: transparent;
  background-image: none;
  border: 0px solid #000000;
  border-radius: 0px;
  padding: 0;
  margin: 0;
  text-align: left;
}
#wb_Text1 div {
  text-align: left;
}
#Component1 {
  font-family: Arial;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  padding: 1px 6px 1px 6px;
  text-align: center;

  margin: 0;
}
#Component1:focus {
  outline: 0;
}
#Component2 {
  font-family: Arial;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  padding: 1px 6px 1px 6px;
  text-align: center;

  margin: 0;
}
#Component2:focus {
  outline: 0;
}
#Component3 {
  font-family: Arial;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  padding: 1px 6px 1px 6px;
  text-align: center;

  margin: 0;
}
#Component3:focus {
  outline: 0;
}
#Component4 {
  font-family: Arial;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  padding: 1px 6px 1px 6px;
  text-align: center;

  margin: 0;
}
#Component4:focus {
  outline: 0;
}
#Component5 {
  font-family: Arial;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  padding: 1px 6px 1px 6px;
  text-align: center;

  margin: 0;
}
#Component5:focus {
  outline: 0;
}
#Unit1 {
  font-family: Arial;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  padding: 1px 6px 1px 6px;
  text-align: center;

  margin: 0;
}
#Unit1:focus {
  outline: 0;
}
#Unit2 {
  font-family: Arial;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  padding: 1px 6px 1px 6px;
  text-align: center;

  margin: 0;
}
#Unit2:focus {
  outline: 0;
}
#Unit3 {
  font-family: Arial;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  padding: 1px 6px 1px 6px;
  text-align: center;

  margin: 0;
}
#Unit3:focus {
  outline: 0;
}
#Unit4 {
  font-family: Arial;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  padding: 1px 6px 1px 6px;
  text-align: center;

  margin: 0;
}
#Unit4:focus {
  outline: 0;
}
#Unit5 {
  font-family: Arial;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  padding: 1px 6px 1px 6px;
  text-align: center;

  margin: 0;
}
#Unit5:focus {
  outline: 0;
}
#Unit6 {
  font-family: Arial;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  padding: 1px 6px 1px 6px;
  text-align: center;

  margin: 0;
}
#Unit6:focus {
  outline: 0;
}
#Unit7 {
  font-family: Arial;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  padding: 1px 6px 1px 6px;
  text-align: center;

  margin: 0;
}
#Unit7:focus {
  outline: 0;
}
#Unit8 {
  font-family: Arial;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  padding: 1px 6px 1px 6px;
  text-align: center;

  margin: 0;
}
#Unit8:focus {
  outline: 0;
}
#Unit9 {
  font-family: Arial;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  padding: 1px 6px 1px 6px;
  text-align: center;

  margin: 0;
}
#Unit9:focus {
  outline: 0;
}
#Unit10 {
  font-family: Arial;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  padding: 1px 6px 1px 6px;
  text-align: center;

  margin: 0;
}
#Unit10:focus {
  outline: 0;
}
#Job1 {
  border: 1px solid #f7931d;
  border-radius: 20px;
  background-color: #f7931d;
  background-image: none;
  color: #ffffff;
  font-family: Arial;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  padding: 1px 6px 1px 6px;
  text-align: center;

  margin: 0;
}
#Job1:focus {
  outline: 0;
}
#Job2 {
  border: 1px solid #71bf43;
  border-radius: 20px;
  background-color: #71bf43;
  background-image: none;
  color: #ffffff;
  font-family: Arial;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  padding: 1px 6px 1px 6px;
  text-align: center;

  margin: 0;
}
#Job2:focus {
  outline: 0;
}
#Job3 {
  border: 1px solid #f5d22d;
  border-radius: 20px;
  background-color: #f5d22d;
  background-image: none;
  color: #ffffff;
  font-family: Arial;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  padding: 1px 6px 1px 6px;
  text-align: center;

  margin: 0;
}
#Job3:focus {
  outline: 0;
}
#Job4 {
  border: 1px solid #1f5499;
  border-radius: 20px;
  background-color: #1f5499;
  background-image: none;
  color: #ffffff;
  font-family: Arial;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  padding: 1px 6px 1px 6px;
  text-align: center;

  margin: 0;
}
#Job4:focus {
  outline: 0;
}
#Job5 {
  border: 1px solid #e4412b;
  border-radius: 20px;
  background-color: #e4412b;
  background-image: none;
  color: #ffffff;
  font-family: Arial;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  padding: 1px 6px 1px 6px;
  text-align: center;

  margin: 0;
}
#Job5:focus {
  outline: 0;
}
#Job6 {
  border: 1px solid #734200;
  border-radius: 20px;
  background-color: #734200;
  background-image: none;
  color: #ffffff;
  font-family: Arial;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  padding: 1px 6px 1px 6px;
  text-align: center;

  margin: 0;
}
#Job6:focus {
  outline: 0;
}
#PlayAll {
  font-family: Arial;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  padding: 1px 6px 1px 6px;
  text-align: center;

  margin: 0;
}
#PlayAll:focus {
  outline: 0;
}
#Select1 {
  border: 1px solid #dee2e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  color: #ffffff;
  font-family: Arial;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  margin: 0;
  text-align: left;
  padding: 4px 4px 4px 4px;
  box-sizing: border-box;
}
#Select1:focus {
  border-color: #66afe9;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075),
    0px 0px 8px rgba(102, 175, 233, 0.6);
  outline: 0;
}
#wb_Text2 {
  background-color: transparent;
  background-image: none;
  border: 0px solid #000000;
  border-radius: 0px;
  padding: 0;
  margin: 0;
  text-align: right;
}
#wb_Text2 div {
  text-align: right;
}
#jobStepsTable {
  border-collapse: separate;
  border-spacing: 0;
}
#jobStepsTable tr,
#jobStepsTable td {
  border-bottom: 2px solid #27a9e1; /* Bottom border */
  border-right: 2px solid #27a9e1; /* Right border */
  padding: 0.5rem; /* Optional: Add padding for content */
  height: 50px;
}

#jobStepsTable tr td:first-child,
#jobStepsTable tr th:first-child {
  border-left: 2px solid #27a9e1;
}

#jobStepsTable tr td:first-child {
  width: 20%;
  text-align: center;
  vertical-align: middle;
}

#jobStepsTable tr td:last-child {
  width: 80%;
  text-align: left;
  vertical-align: middle;
}

#jobStepsTable tr:first-child td:first-child {
  border-top: 2px solid #27a9e1;
}

#jobStepsTable tr:first-child td:last-child {
  border-top: 2px solid #27a9e1;
}

#jobStepsTable tr:first-child td:first-child {
  border-top-left-radius: 10px;
}
#jobStepsTable tr:first-child td:last-child {
  border-top-right-radius: 10px;
}

#jobStepsTable tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

#jobStepsTable tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
#SpeechRate {
  width: 100%;
  height: 100%;
  padding: 0;
  background-color: transparent;

  -moz-appearance: none;
  appearance: none;
}
#SpeechRate:focus {
  outline: 0;
}
#SpeechRate:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(39, 169, 225, 0.25);
}
#SpeechRate:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(39, 169, 225, 0.25);
}
#SpeechRate::-moz-focus-outer {
  border: 0;
}
#SpeechRate::-webkit-slider-thumb {
  width: 16px;
  height: 16px;
  margin-top: -4px;
  background-color: #27a9e1;
  border: 0;
  border-radius: 50%;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;

  appearance: none;
}
#SpeechRate::-webkit-slider-thumb:active {
  background-color: #27a9e1;
}
#SpeechRate::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 8px;
}
#SpeechRate::-moz-range-thumb {
  width: 16px;
  height: 16px;
  background-color: #27a9e1;
  border: 0;
  border-radius: 50%;
  -moz-transition: background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
  appearance: none;
}
#SpeechRate::-moz-range-thumb:active {
  background-color: #27a9e1;
}
#SpeechRate::-moz-range-track {
  width: 100%;
  height: 8px;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 8px;
}
#SpeechRate:disabled {
  pointer-events: none;
}
#SpeechRate:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
#SpeechRate:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}
#SpeechRateValue {
  margin: 0;
  border: 0px solid #cccccc;
  border-radius: 4px;
  background-color: transparent;
  background-image: none;
  color: #000000;
  font-family: Arial;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  text-align: right;
  vertical-align: top;
  padding: 4px 4px 4px 4px;
}
#SpeechRateValue:focus {
  outline: 0;
}