/* #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: rgb(20, 140, 156);
  z-index: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: calc(100% - 40px);
} */

/* #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%;
} */


.vtab {
  /* 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: calc(100% - 55px);
  overflow: auto;
}


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

#ti_widget_statusbar {
  position: static;
}

#ti_widget_register_page {
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  position: absolute;
  display: block;
}

#ti_widget_eventlog_view {
  height: 250px;
  bottom: 30px;
  width: 100%;
  display: none;
  position: absolute;
  z-index: 10;
}



/* #ti_widget_tilecontainer_quickstart {
  width: 100%;
  position: absolute;
  top: 50px;
  left: 0px;
  overflow: auto;
  height: calc(100% - 50px);
} */

/* #ti_widget_tilecontainer_general {
  width: 100%;
  position: absolute;
  top: 50px;
  left: 0px;
  overflow: auto;
  height: calc(100% - 50px);
} */



/* #ti_widget_tabcontainer {
  width: 100%;
  height: 325px;
  position: absolute;
  top: calc(100% - 325px);
  left: 0px;
} */

/* #ti_widget_tab {
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  overflow: initial;
  height: 100%;
  width: 100%;
  display: block;
  background-color: rgb(20, 140, 156);
} */

/* #ti_widget_tab1 {
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  overflow: initial;
  background-color: rgb(255, 255, 255);
} */

/* #ti_widget_app_menu_buttons {
  width: 100%;
  height: calc(100% - 120px);
  position: absolute;
  left: 0px;
  top: 90px;
} */

/* #ti_widget_container_greybar {
  height: 70px;
  width: 100%;
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  overflow: hidden;
  left: 0px;
  top: 0px;
  position: absolute;
  background-color: rgb(52, 52, 52);
} */

/* #ti_widget_label_learnmore {
  position: absolute;
  opacity: 0.7;
  left: 0px;
  width: 100%;
  top: calc(100% - 345px);
  text-align: center;
  text-decoration: underline;
  font-weight: normal;
  font-style: normal;
  color: rgb(255, 255, 255);
  font-size: 12px;
  white-space: nowrap;
  height: 20px;
} */

/* #ti_widget_label_showless {
  position: absolute;
  opacity: 0.7;
  left: 0px;
  width: 100%;
  top: calc(100% - 345px);
  text-align: center;
  text-decoration: underline;
  font-weight: normal;
  font-style: normal;
  color: rgb(255, 255, 255);
  font-size: 12px;
  white-space: nowrap;
  height: 20px;
} */

/* #ti_widget_image {
  padding-top: 40px;
  height: calc(100% - 450px);
  margin: 0px;
  width: calc(100% - 50px);
  position: relative;
  transform: translate(0px, 40px);
  overflow: hidden;
  display: inline-block;
  top: 50px;
  left: 25px;
} */

/* #ti_widget_label_productname {
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  white-space: nowrap;
  left: 0px;
  top: 27px;
  position: absolute;
  width: 100%;
} */

/* #ti_widget_label_productdesc {
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  white-space: nowrap;
  left: 0px;
  top: 67px;
  position: absolute;
  width: 100%;
  opacity: 0.4;
} */

/* #ti_widget_container2 {
  height: 315px;
  width: 100%;
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  overflow: auto;
  left: 0px;
  top: 0px;
  position: absolute;
  background-color: rgb(255, 255, 255);
} */

#ti_widget_label7 {
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  white-space: nowrap;
  left: 30px;
  top: 3px;
  position: absolute;
  width: 200px;
}

#ti_widget_container_features {
  height: calc(100% - 40px);
  width: calc(50% - 20px);
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  overflow: auto;
  left: 0px;
  top: 0px;
  position: absolute;
  margin: 20px;
}

#ti_widget_container_diagram {
  height: calc(100% - 40px);
  width: calc(50% - 20px);
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  overflow: auto;
  left: calc(50% - 20px);
  top: 0px;
  position: absolute;
  border-left: 1px dashed black;
  margin: 20px;
}

#ti_widget_label8 {
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  white-space: nowrap;
  left: 50px;
  top: 0px;
  position: absolute;
  width: 200px;
}

#ti_widget_icon_button {
  width: 40px;
  height: 40px;
  left: -10px;
  top: -10px;
  position: absolute;
}

#ti_widget_icon_button1 {
  width: 40px;
  height: 40px;
  left: 5px;
  top: -10px;
  position: absolute;
}

#ti_widget_markdown_features1 {
  overflow: auto;
  width: calc(50% - 20px);
  height: calc(100% - 40px);
  left: 0px;
  top: 20px;
  position: absolute;
  padding: 3px;
  margin: 10px 10px 10px 5px;
  font-size: 12px;
}

#ti_widget_markdown_features2 {
  overflow: auto;
  width: calc(50% - 20px);
  height: calc(100% - 40px);
  left: 50%;
  top: 20px;
  position: absolute;
  padding: 3px;
  margin: 10px 10px 10px 5px;
  font-size: 12px;
}



#ti_widget_container1 {
  height: 100%;
  width: 100%;
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  overflow: hidden;
  left: 0px;
  top: 0px;
  position: absolute;
  background-color: rgb(255, 255, 255);
  display: block;
}

#ti_widget_vtab_datacapture {
  background-color: white;
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  overflow: initial;
}

#ti_widget_vtab_collateral {
  background-color: white;
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  overflow: initial;
  height: calc(100% - 40px);
}

#ti_widget_label_link_to_product_page {
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  white-space: nowrap;
  display: inline-flex;
  padding: 10px;
  height: 50%;
}

#ti_tile_container_userguide {
  width: 200px;
  height: 200px;
  overflow: initial;
  visibility: visible;
}

#ti_tile_container_appnotes {
  width: 200px;
  height: 200px;
  overflow: initial;
  visibility: visible;
}

#ti_widget_label3 {
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  white-space: nowrap;
  left: 0px;
  top: 70px;
  position: absolute;
  width: 100%;
}

#ti_widget_label4 {
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  white-space: nowrap;
  left: 0px;
  top: 70px;
  position: absolute;
  width: 100%;
}

#ti_widget_icon_button3 {
  width: 100%;
  height: 80px;
  left: 0px;
  top: 0px;
  position: absolute;
}

#ti_widget_label10 {
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  white-space: nowrap;
  left: 0px;
  top: 70px;
  position: absolute;
  width: 100%;
}

#ti_widget_icon_button4 {
  width: 100%;
  height: 80px;
  left: 0px;
  top: 0px;
  position: absolute;
}

#ti_tile_container_datasheet {
  width: 200px;
  height: 200px;
  overflow: initial;
  visibility: visible;
}

#ti_widget_icon_button5 {
  width: 100%;
  height: 80px;
  left: 0px;
  top: 0px;
  position: absolute;
}

#ti_widget_label13 {
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  white-space: nowrap;
  left: 0px;
  top: 70px;
  position: absolute;
  width: 100%;
}

#ti_widget_icon_button6 {
  width: 100%;
  height: 80px;
  left: 0px;
  top: 0px;
  position: absolute;
}

#ti_tile_container_reports {
  width: 200px;
  height: 200px;
  overflow: initial;
  visibility: visible;
}

#ti_widget_label15 {
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  white-space: nowrap;
  left: 0px;
  top: 70px;
  position: absolute;
  width: 100%;
}

#ti_widget_icon_button7 {
  width: 100%;
  height: 80px;
  left: 0px;
  top: 0px;
  position: absolute;
}

#ti_tile_container_firmware {
  width: 200px;
  height: 200px;
  overflow: initial;
  visibility: visible;
}

#ti_widget_container {
  height: calc(100% - 85px);
  width: 100%;
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  overflow: auto;
  left: 0px;
  top: 50px;
  position: absolute;
}

#ti_widget_container_calibration {
  height: 50%;
  width: 100%;
  overflow: auto;
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  left: 0px;
  top: 0px;
  position: absolute;
}

#ti_widget_container_gpio1 {
  height: 50%;
  width: 100%;
  overflow: auto;
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  left: 0px;
  top: 50%;
  position: absolute;
}

#ti_widget_label18 {
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  white-space: nowrap;
  left: 30px;
  top: 20px;
  position: absolute;
}

#ti_widget_container3 {
  height: 50px;
  width: calc(100% - 40px);
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  overflow: hidden;
  left: 0px;
  top: 3px;
  position: absolute;
  display: block;
  margin-left: 20px;
  margin-right: 20px;
  background-color: white;
  border-bottom: 1px solid rgb(204, 204, 204);
  z-index: 1;
  padding: 10px;
}

#ti_widget_label19 {
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  white-space: nowrap;
  left: 30px;
  top: 20px;
  position: absolute;
}

#ti_widget_container4 {
  height: 50px;
  width: calc(100% - 40px);
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  overflow: hidden;
  left: 0px;
  top: 3px;
  position: absolute;
  display: block;
  margin-left: 20px;
  margin-right: 20px;
  background-color: white;
  border-bottom: 1px solid rgb(204, 204, 204);
  z-index: 1;
  padding: 10px;
}

#ti_widget_tilecontainer1 {
  height: calc(100% - 50px);
  width: 100%;
  overflow: auto;
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  left: 0px;
  top: 50px;
  position: absolute;
}

#ti_widget_tilecontainer2 {
  height: calc(100% - 50px);
  width: 100%;
  overflow: auto;
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  left: 0px;
  top: 50px;
  position: absolute;
}

#ti_widget_button {
  left: 872px;
  top: 2px;
  position: absolute;
  border: 2px solid rgb(29, 200, 224);
  border-radius: 5%;
  background-color: rgb(255, 255, 255);
}

#ti_tile_container {
  width: 400px;
  height: 90%;
  border: 1px solid lightgray;
  overflow: initial;
  visibility: visible;
}

#ti_tile_container1 {
  width: 400px;
  height: 90%;
  border: 1px solid lightgray;
  overflow: initial;
  visibility: visible;
}

#ti_tile_container2 {
  width: 400px;
  height: 90%;
  border: 1px solid lightgray;
  overflow: initial;
  visibility: visible;
}

#ti_tile_container3 {
  width: 400px;
  height: 90%;
  border: 1px solid lightgray;
  overflow: initial;
  visibility: visible;
}

#ti_widget_markdown_userguides {
  overflow: hidden;
  width: calc(100% - 50px);
  left: 25px;
  top: 100px;
  position: absolute;
  height: calc(100% - 110px);
  padding: 3px;
  text-align: center;
  color: rgb(204, 204, 204);
}

#ti_widget_markdown_userguides {
  color: rgb(204, 204, 204);
}

#ti_widget_markdown_datasheets {
  position: absolute;
  top: 100px;
  left: 25px;
  width: calc(100% - 50px);
  height: calc(100% - 110px);
  text-align: center;
  color: rgb(204, 204, 204);
  padding: 3px;
}

#ti_widget_markdown_appnotes {
  overflow: hidden;
  width: calc(100% - 50px);
  height: calc(100% - 110px);
  left: 25px;
  top: 100px;
  position: absolute;
  text-align: center;
  color: rgb(204, 204, 204);
  padding: 3px;
}

#ti_widget_markdown_reports {
  overflow: hidden;
  width: calc(100% - 50px);
  height: calc(100% - 110px);
  left: 25px;
  top: 100px;
  position: absolute;
  text-align: center;
  color: rgb(204, 204, 204);
  padding: 3px;
}

#ti_widget_markdown_firmware {
  overflow: hidden;
  width: calc(100% - 50px);
  height: calc(100% - 110px);
  left: 25px;
  top: 100px;
  position: absolute;
  text-align: center;
  color: rgb(204, 204, 204);
  padding: 3px;
}

#ti_widget_container_connect_device {
  height: 100%;
  width: 400px;
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  overflow: hidden;
  left: 0px;
  top: 0px;
  display: inline-flex;
  right: 0px;
  margin: auto;
}

#ti_widget_label_connect {
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  white-space: nowrap;
  left: 0px;
  top: 27px;
  position: absolute;
}

#ti_widget_droplist_devices {
  width: 140px;
  height: 20px;
  font-size: inherit;
  left: 140px;
  top: 26px;
  position: absolute;
}

/* Left over from old home page */
/* #ti_widget_button_connect {
  position: absolute;
  left: 300px;
  top: 15px;
  background-color: rgb(52, 52, 52);
  border: 1px solid white;
  border-radius: 5%;
} */

#ti_widget_icon_button_registers {
  width: 40px;
  height: 40px;
  left: 4px;
  top: 8px;
  position: absolute;
  display: inline-block;
}

#ti_widget_banner1 {
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  overflow: initial;
  left: 0px;
  top: 0px;
  width: calc(100% - 40px);
}

#ti_widget_banner2 {
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  overflow: initial;
  left: 0px;
  top: 0px;
  position: absolute;
}

#ti_widget_banner3 {
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  overflow: initial;
  left: 0px;
  top: 0px;
  position: absolute;
}

#ti_widget_banner4 {
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  overflow: initial;
  left: 0px;
  top: 0px;
  position: absolute;
}

#scripting_widget {
  height: 400px;
}

/* paper-dialog {
  width: 500px;
} */

paper-dialog h2 {
  padding: 0 24px;
}