:host {
  user-select: none;
}

#ti_widget_vtabcontainer {
  height: calc(100% - 67px);
  left: 0px;
  top: 42px;
  background-color: rgb(255, 255, 255);
  z-index: 1;
  overflow: hidden;
  position: absolute;
  width: calc(100% - 2px);
  padding-left: 2px;
  user-select: none; /* supported by Chrome and Opera */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
}

ti-widget-vtab {
  bottom: 5px;
}

#ti_widget_vtab_home {
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  overflow: hidden;
  transition: background-color 0.5s ease;
  background-color: #ffffff;
  z-index: 1;
  position: absolute;
  top: -5px;
  left: 0px;
  width: 100%;
  height: 100%;
}

#ti_widget_vtab_info {
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  background-color: rgb(255, 255, 255);
  z-index: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

#ti_widget_toast {
  height: 45px;
}

#ti_widget_toast::shadow > #toast {
  background-color: var(--color-ti-primary-white);
  border: 1px solid var(--color-ti-indicator-green);
  border-left-width: 6px;
  border-radius: 4px;
  color: var(--color-ti-indicator-green);
  display: flex;
  position: relative;
}

#ti_widget_toast.warning::shadow > #toast {
  border-color: var(--color-ti-indicator-yellow);
  color: var(--color-ti-secondary-yellow);
}

#ti_widget_toast.error::shadow > #toast {
  border-color: var(--color-ti-indicator-red);
  color: var(--color-ti-indicator-red);
}

#ti_widget_toast::shadow > #toast::before {
  background-color: var(--color-ti-indicator-green);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.2;
  position: absolute;
  top: 0;
  width: 100%;
}

#ti_widget_toast.warning::shadow > #toast::before {
  background-color: var(--color-ti-indicator-yellow);
}

#ti_widget_toast.error::shadow > #toast::before {
  background-color: var(--color-ti-indicator-red);
}

#ti_widget_toast::shadow #message {
  font-family: Roboto;
  margin-bottom: 0px;
}

#ti_widget_toast::shadow iron-icon {
  height: 16px;
  width: 16px;
}

#ti_widget_toast::shadow #closeIcon {
  cursor: pointer;
}

.pmbus-log-button {
  background-color: var(--color-ti-indicator-yellow);
  border-left: 3px solid var(--color-ti-bg-yellow);
  border-right: 3px solid var(--color-ti-bg-yellow);
  border-top: 3px solid var(--color-ti-bg-yellow);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  bottom: 28px;
  cursor: pointer;
  font-size: 11px;
  font-weight: bold;
  padding: 12px 25px;
  position: fixed;
  right: 11%;
  z-index: 1;
}