.text-dark.primary {
  background-color: rgba(0, 0, 0, 0.87) !important; }

.text-dark-text.text-primary {
  color: rgba(0, 0, 0, 0.87) !important; }

.text-dark.secondary {
  background-color: rgba(0, 0, 0, 0.74) !important; }

.text-dark-text.text-secondary {
  color: rgba(0, 0, 0, 0.74) !important; }

.text-dark.tertiary {
  background-color: rgba(0, 0, 0, 0.38) !important; }

.text-dark-text.text-tertiary {
  color: rgba(0, 0, 0, 0.38) !important; }

.text-dark.fourth {
  background-color: rgba(0, 0, 0, 0.12) !important; }

.text-dark-text.text-fourth {
  color: rgba(0, 0, 0, 0.12) !important; }

.text-light.primary {
  background-color: rgba(255, 255, 255, 0.87) !important; }

.text-light-text.text-primary {
  color: rgba(255, 255, 255, 0.87) !important; }

.text-light.secondary {
  background-color: rgba(255, 255, 255, 0.64) !important; }

.text-light-text.text-secondary {
  color: rgba(255, 255, 255, 0.64) !important; }

.text-light.tertiary {
  background-color: rgba(255, 255, 255, 0.38) !important; }

.text-light-text.text-tertiary {
  color: rgba(255, 255, 255, 0.38) !important; }

.text-light.fourth {
  background-color: rgba(255, 255, 255, 0.12) !important; }

.text-light-text.text-fourth {
  color: rgba(255, 255, 255, 0.12) !important; }

.red {
  background-color: #cc0000; }

.red-text {
  color: #cc0000; }

.red.lighten-3 {
  background-color: #fbeeee !important; }

.red-text.text-lighten-3 {
  color: #fbeeee !important; }

.red.lighten-2 {
  background-color: #f4dfdf !important; }

.red-text.text-lighten-2 {
  color: #f4dfdf !important; }

.red.lighten-1 {
  background-color: #efb9b9 !important; }

.red-text.text-lighten-1 {
  color: #efb9b9 !important; }

.red.darken-1 {
  background-color: #990000 !important; }

.red-text.text-darken-1 {
  color: #990000 !important; }

.red.subnav {
  background-color: #ee0000 !important; }

.red-text.text-subnav {
  color: #ee0000 !important; }

.blue {
  background-color: #00bbcc; }

.blue-text {
  color: #00bbcc; }

.blue.lighten-3 {
  background-color: #edf7f8 !important; }

.blue-text.text-lighten-3 {
  color: #edf7f8 !important; }

.blue.lighten-2 {
  background-color: #d9f1f4 !important; }

.blue-text.text-lighten-2 {
  color: #d9f1f4 !important; }

.blue.lighten-1 {
  background-color: #9ed6df !important; }

.blue-text.text-lighten-1 {
  color: #9ed6df !important; }

.blue.darken-1 {
  background-color: #118899 !important; }

.blue-text.text-darken-1 {
  color: #118899 !important; }

.blue.darken-2 {
  background-color: #115566 !important; }

.blue-text.text-darken-2 {
  color: #115566 !important; }

.green {
  background-color: #44bb55; }

.green-text {
  color: #44bb55; }

.yellow {
  background-color: #ffffb3; }

.yellow-text {
  color: #ffffb3; }

.yellow.lighten-1 {
  background-color: #ffffe5 !important; }

.yellow-text.text-lighten-1 {
  color: #ffffe5 !important; }

.grey {
  background-color: #999999; }

.grey-text {
  color: #999999; }

.grey.lighten-5 {
  background-color: #f9f9f9 !important; }

.grey-text.text-lighten-5 {
  color: #f9f9f9 !important; }

.grey.lighten-4 {
  background-color: #f0f0f0 !important; }

.grey-text.text-lighten-4 {
  color: #f0f0f0 !important; }

.grey.lighten-3 {
  background-color: #cccccc !important; }

.grey-text.text-lighten-3 {
  color: #cccccc !important; }

.grey.lighten-2 {
  background-color: #b9b9b9 !important; }

.grey-text.text-lighten-2 {
  color: #b9b9b9 !important; }

.grey.lighten-1 {
  background-color: #aaaaaa !important; }

.grey-text.text-lighten-1 {
  color: #aaaaaa !important; }

.grey.darken-1 {
  background-color: #555555 !important; }

.grey-text.text-darken-1 {
  color: #555555 !important; }

.grey.darken-2 {
  background-color: #333333 !important; }

.grey-text.text-darken-2 {
  color: #333333 !important; }

.black {
  background-color: #000000 !important; }

.black-text {
  color: #000000 !important; }

.white {
  background-color: #FFFFFF !important; }

.white-text {
  color: #FFFFFF !important; }

.transparent {
  background-color: transparent !important; }

.transparent-text {
  color: transparent !important; }

/* ==========================================================================
   Materialize variables
   ========================================================================== */
/**
 * Table of Contents:
 *
 *  1. Colors
 *  2. Badges
 *  3. Buttons
 *  4. Cards
 *  5. Collapsible
 *  6. Chips
 *  7. Date Picker
 *  8. Dropdown
 *  10. Forms
 *  11. Global
 *  12. Grid
 *  13. Navigation Bar
 *  14. Side Navigation
 *  15. Photo Slider
 *  16. Spinners | Loaders
 *  17. Tabs
 *  18. Tables
 *  19. Toasts
 *  20. Typography
 *  21. Footer
 *  22. Flow Text
 *  23. Collections
 *  24. Progress Bar
 */
/* 1. Colors
   ========================================================================== */
/* 2. Badges
   ========================================================================== */
/* 3. Buttons
   ========================================================================== */
/* 4. Cards
   ========================================================================== */
/* 5. Collapsible
   ========================================================================== */
/* 6. Chips
   ========================================================================== */
/* 7. Date Picker
   ========================================================================== */
/* 8. Dropdown
   ========================================================================== */
/* 9. Fonts
   ========================================================================== */
/* 10. Forms
   ========================================================================== */
/* 11. Global
   ========================================================================== */
/* 12. Grid
   ========================================================================== */
/* 13. Navigation Bar
   ========================================================================== */
/* 14. Side Navigation
   ========================================================================== */
/* 15. Photo Slider
   ========================================================================== */
/* 16. Spinners | Loaders
   ========================================================================== */
/* 17. Tabs
   ========================================================================== */
/* 18. Tables
   ========================================================================== */
/* 19. Toasts
   ========================================================================== */
/* 20. Typography
   ========================================================================== */
/* 21. Footer
   ========================================================================== */
/* 22. Flow Text
   ========================================================================== */
/* 23. Collections
   ========================================================================== */
/* 24. Progress Bar
   ========================================================================== */
/**
* ==========================================================================
* X.0 Commonly used utilities
* These are common styles to be used on any element
* use the prefix .u-
* ==========================================================================
*/
/**
* --------------------------------------------------------------------------
* X.1 Common layout utilities
* 
* --------------------------------------------------------------------------
*/
#tiLibrary {
  /**
* --------------------------------------------------------------------------
* X.2 Shadows Z-Depths
* 
* --------------------------------------------------------------------------
*/
  /**
* --------------------------------------------------------------------------
* X.3 Flex
* 
* --------------------------------------------------------------------------
*/ }
  #tiLibrary .u-invisible {
    color: transparent; }
  #tiLibrary .u-hidden {
    display: none; }
  #tiLibrary .u-no-padding {
    padding: 0; }
  #tiLibrary .u-no-margin-bottom {
    margin-bottom: 0; }
  #tiLibrary .u-no-margin-top {
    margin-top: 0; }
  #tiLibrary .u-no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  #tiLibrary .u-center-block {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  #tiLibrary .u-truncate {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  #tiLibrary .z-depth-0 {
    box-shadow: none !important; }
  #tiLibrary .z-depth-1, #tiLibrary .btn, #tiLibrary .btn-large, #tiLibrary .btn-floating, #tiLibrary .card-panel, #tiLibrary .card, #tiLibrary #tiLibrary-nav, #tiLibrary .tiLibrary-tabs {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
  #tiLibrary .z-depth-2, #tiLibrary .btn:hover, #tiLibrary .btn-large:hover, #tiLibrary .btn-floating:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
  #tiLibrary .z-depth-2-half {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
  #tiLibrary .z-depth-3, #tiLibrary .dropdown-content {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
  #tiLibrary .z-depth-4, #tiLibrary .modal {
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); }
  #tiLibrary .z-depth-5 {
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); }
  #tiLibrary .z-depth-6 {
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); }
  #tiLibrary .u-hoverable {
    transition: box-shadow .25s;
    box-shadow: 0; }
  #tiLibrary .u-hoverable:hover {
    transition: box-shadow .25s;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
  #tiLibrary .flex3 {
    width: 25%;
    min-width: 25%;
    flex-basis: 25%;
    display: flex; }
  #tiLibrary .flex9 {
    width: 75%;
    min-width: 75%;
    flex-basis: 75%;
    display: flex;
    flex-direction: column; }

/**
 * --------------------------------------------------------------------------
 * TI Library
 * 
 * --------------------------------------------------------------------------
 */
#tiLibrary {
  padding-right: 0;
  overflow: hidden;
  font-family: "Roboto", "OpenSans", sans-serif !important; }

ti-library-viewer yield {
  position: absolute;
  text-indent: 100%;
  height: 0;
  white-space: nowrap;
  overflow: hidden; }

#tiLibrary .btn, #tiLibrary .btn-large,
#tiLibrary .btn-flat {
  border: none;
  border-radius: 2px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  outline: 0;
  padding: 0 2rem;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent; }

#tiLibrary .btn.disabled, #tiLibrary .disabled.btn-large,
#tiLibrary .btn-floating.disabled,
#tiLibrary .btn-large.disabled,
#tiLibrary .btn:disabled, #tiLibrary .btn-large:disabled,
#tiLibrary .btn-large:disabled,
#tiLibrary .btn-floating:disabled,
#tiLibrary .btn[disabled], #tiLibrary [disabled].btn-large,
#tiLibrary .btn-large[disabled],
#tiLibrary .btn-floating[disabled] {
  background-color: #DFDFDF !important;
  box-shadow: none;
  color: #9F9F9F !important;
  cursor: default; }
  #tiLibrary .btn.disabled *, #tiLibrary .disabled.btn-large *,
  #tiLibrary .btn-floating.disabled *,
  #tiLibrary .btn-large.disabled *,
  #tiLibrary .btn:disabled *, #tiLibrary .btn-large:disabled *,
  #tiLibrary .btn-large:disabled *,
  #tiLibrary .btn-floating:disabled *,
  #tiLibrary .btn[disabled] *, #tiLibrary [disabled].btn-large *,
  #tiLibrary .btn-large[disabled] *,
  #tiLibrary .btn-floating[disabled] * {
    pointer-events: none; }
  #tiLibrary .btn.disabled:hover, #tiLibrary .disabled.btn-large:hover,
  #tiLibrary .btn-floating.disabled:hover,
  #tiLibrary .btn-large.disabled:hover,
  #tiLibrary .btn:disabled:hover, #tiLibrary .btn-large:disabled:hover,
  #tiLibrary .btn-large:disabled:hover,
  #tiLibrary .btn-floating:disabled:hover,
  #tiLibrary .btn[disabled]:hover, #tiLibrary [disabled].btn-large:hover,
  #tiLibrary .btn-large[disabled]:hover,
  #tiLibrary .btn-floating[disabled]:hover {
    background-color: #DFDFDF !important;
    color: #9F9F9F !important; }

#tiLibrary .btn i, #tiLibrary .btn-large i,
#tiLibrary .btn-floating i,
#tiLibrary .btn-large i,
#tiLibrary .btn-flat i {
  font-size: 1.3rem;
  line-height: inherit; }

#tiLibrary .btn, #tiLibrary .btn-large {
  text-decoration: none;
  color: #fff;
  background-color: #118899;
  text-align: center;
  letter-spacing: .5px;
  transition: .2s ease-out;
  cursor: pointer; }
  #tiLibrary .btn:hover, #tiLibrary .btn-large:hover {
    background-color: #149cb0; }

#tiLibrary .btn-floating {
  display: inline-block;
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 37px;
  height: 37px;
  line-height: 37px;
  padding: 0;
  background-color: #118899;
  border-radius: 50%;
  transition: .3s;
  cursor: pointer;
  vertical-align: middle; }
  #tiLibrary .btn-floating i {
    width: inherit;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    line-height: 37px; }
  #tiLibrary .btn-floating:hover {
    background-color: #118899; }
  #tiLibrary .btn-floating:before {
    border-radius: 0; }
  #tiLibrary .btn-floating.btn-large {
    width: 55.5px;
    height: 55.5px; }
    #tiLibrary .btn-floating.btn-large i:before {
      float: none;
      line-height: 55.5px; }

#tiLibrary button.btn-floating {
  border: none; }

#tiLibrary .fixed-action-btn {
  position: fixed;
  right: 23px;
  bottom: 23px;
  padding-top: 15px;
  margin-bottom: 0;
  z-index: 998; }
  #tiLibrary .fixed-action-btn.active ul {
    visibility: visible; }
  #tiLibrary .fixed-action-btn.horizontal {
    padding: 0 0 0 15px; }
    #tiLibrary .fixed-action-btn.horizontal ul {
      text-align: right;
      right: 64px;
      top: 50%;
      transform: translateY(-50%);
      height: 100%;
      left: auto;
      width: 500px;
      /*width 100% only goes to width of button container */ }
      #tiLibrary .fixed-action-btn.horizontal ul li {
        display: inline-block;
        margin: 15px 15px 0 0; }
  #tiLibrary .fixed-action-btn ul {
    left: 0;
    right: 0;
    text-align: center;
    position: absolute;
    bottom: 64px;
    margin: 0;
    visibility: hidden; }
    #tiLibrary .fixed-action-btn ul li {
      margin-bottom: 15px; }
    #tiLibrary .fixed-action-btn ul a.btn-floating {
      opacity: 0; }

#tiLibrary .btn-flat {
  box-shadow: none;
  background-color: transparent;
  color: #343434;
  cursor: pointer;
  transition: background-color .2s; }
  #tiLibrary .btn-flat:focus, #tiLibrary .btn-flat:active {
    background-color: transparent; }
  #tiLibrary .btn-flat:hover {
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: none; }
  #tiLibrary .btn-flat.disabled {
    color: #b3b3b3;
    cursor: default; }

#tiLibrary .btn-large {
  height: 54px;
  line-height: 54px; }
  #tiLibrary .btn-large i {
    font-size: 1.6rem; }

#tiLibrary .btn-block {
  display: block; }

.card-panel {
  transition: box-shadow .25s;
  padding: 20px;
  margin: 0.5rem 0 1rem 0;
  border-radius: 2px;
  background-color: #fff; }

.card {
  position: relative;
  margin: 0.5rem 0 1rem 0;
  background-color: #fff;
  transition: box-shadow .25s;
  border-radius: 2px; }
  .card .card-title {
    font-size: 24px;
    font-weight: 300; }
    .card .card-title.activator {
      cursor: pointer; }
  .card.small, .card.medium, .card.large {
    position: relative; }
    .card.small .card-image, .card.medium .card-image, .card.large .card-image {
      max-height: 60%;
      overflow: hidden; }
    .card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content {
      max-height: 40%; }
    .card.small .card-content, .card.medium .card-content, .card.large .card-content {
      max-height: 100%;
      overflow: hidden; }
    .card.small .card-action, .card.medium .card-action, .card.large .card-action {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; }
  .card.small {
    height: 300px; }
  .card.medium {
    height: 400px; }
  .card.large {
    height: 500px; }
  .card.horizontal {
    display: flex; }
    .card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image {
      height: 100%;
      max-height: none;
      overflow: visible; }
      .card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img {
        height: 100%; }
    .card.horizontal .card-image {
      max-width: 50%; }
      .card.horizontal .card-image img {
        max-width: 100%;
        width: auto; }
    .card.horizontal .card-stacked {
      display: flex;
      flex-direction: column;
      flex: 1;
      position: relative; }
      .card.horizontal .card-stacked .card-content {
        flex-grow: 1; }
  .card.sticky-action .card-action {
    z-index: 2; }
  .card.sticky-action .card-reveal {
    z-index: 1;
    padding-bottom: 64px; }
  .card .card-image {
    position: relative; }
    .card .card-image img {
      display: block;
      border-radius: 2px 2px 0 0;
      position: relative;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      width: 100%; }
    .card .card-image .card-title {
      color: #fff;
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 20px; }
  .card .card-content {
    padding: 20px;
    border-radius: 0 0 2px 2px; }
    .card .card-content.mod-teal-border-top {
      border-top: 3px solid #156; }
    .card .card-content p {
      margin: 0;
      color: inherit; }
    .card .card-content p.subtitle {
      font-weight: 800;
      font-size: 0.9em;
      margin: 0 0 1em 2em;
      color: #ccc; }
    .card .card-content .card-title {
      line-height: 48px; }
  .card .card-action {
    position: relative;
    background-color: inherit;
    border-top: 1px solid rgba(160, 160, 160, 0.2);
    padding: 20px; }
    .card .card-action a:not(.btn):not(#tiLibrary .btn-large):not(.btn-large):not(.btn-floating) {
      color: #118899;
      margin-right: 20px;
      transition: color .3s ease;
      text-transform: uppercase; }
      .card .card-action a:not(.btn):not(#tiLibrary .btn-large):not(.btn-large):not(.btn-floating):hover {
        color: #29cfe7; }
  .card .card-reveal {
    padding: 20px;
    position: absolute;
    background-color: #fff;
    width: 100%;
    overflow-y: auto;
    top: 100%;
    height: 100%;
    z-index: 3;
    display: none; }
    .card .card-reveal .card-title {
      cursor: pointer;
      display: block; }

/*!
 * ==========================================================================
 * TI Library Checkboxes
 * 
 * ==========================================================================
 */
#tiLibrary {
  /* Remove default checkbox */
  /* Indeterminate checkbox */ }
  #tiLibrary form p {
    margin-bottom: 10px;
    text-align: left; }
  #tiLibrary form p:last-child {
    margin-bottom: 0; }
  #tiLibrary [type="checkbox"]:not(:checked),
  #tiLibrary [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
    opacity: 0; }
  #tiLibrary table [type="checkbox"] + label {
    padding-left: 24px;
    margin-bottom: 0; }
  #tiLibrary [type="checkbox"] {
    /* checkbox aspect */ }
    #tiLibrary [type="checkbox"] + label {
      position: relative;
      padding-left: 35px;
      margin-bottom: 8px;
      cursor: pointer;
      display: inline-block;
      height: 22px;
      line-height: 19px;
      font-size: 14px;
      -webkit-user-select: none;
      /* webkit (safari, chrome) browsers */
      -moz-user-select: none;
      /* mozilla browsers */
      -khtml-user-select: none;
      /* webkit (konqueror) browsers */
      -ms-user-select: none;
      /* IE10+ */ }
    #tiLibrary [type="checkbox"] + label.disabled {
      cursor: default; }
    #tiLibrary [type="checkbox"] + label:before,
    #tiLibrary [type="checkbox"]:not(.filled-in) + label:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 14px;
      height: 14px;
      z-index: 0;
      border: 2px solid rgba(0, 0, 0, 0.54);
      border-radius: 1px;
      margin-top: 2px;
      transition: .2s; }
    #tiLibrary [type="checkbox"]:not(.filled-in) + label:after {
      border: 0;
      transform: scale(0); }
    #tiLibrary [type="checkbox"]:not(:checked):disabled + label:before {
      border: rgba(0, 0, 0, 0.26);
      background-color: rgba(0, 0, 0, 0.26); }
    #tiLibrary [type="checkbox"].tabbed:focus + label:after {
      transform: scale(1);
      border: 0;
      border-radius: 50%;
      box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
      background-color: rgba(0, 0, 0, 0.1); }
  #tiLibrary [type="checkbox"]:checked + label:before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #118899;
    border-bottom: 2px solid #118899;
    transform: rotate(40deg);
    backface-visibility: hidden;
    transform-origin: 100% 100%; }
  #tiLibrary [type="checkbox"]:checked:disabled + label:before {
    border-right: 2px solid rgba(0, 0, 0, 0.26);
    border-bottom: 2px solid rgba(0, 0, 0, 0.26); }
  #tiLibrary [type="checkbox"]:indeterminate + label:before {
    top: -11px;
    left: -12px;
    width: 10px;
    height: 22px;
    border-top: none;
    border-left: none;
    border-right: 2px solid #118899;
    border-bottom: none;
    transform: rotate(90deg);
    backface-visibility: hidden;
    transform-origin: 100% 100%; }
  #tiLibrary [type="checkbox"]:indeterminate:disabled + label:before {
    border-right: 2px solid rgba(0, 0, 0, 0.26);
    background-color: transparent; }
  #tiLibrary [type="checkbox"].filled-in + label:after {
    border-radius: 2px; }
  #tiLibrary [type="checkbox"].filled-in + label:before,
  #tiLibrary [type="checkbox"].filled-in + label:after {
    content: '';
    left: 0;
    position: absolute;
    /* .1s delay is for check animation */
    transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    z-index: 1; }
  #tiLibrary [type="checkbox"].filled-in:not(:checked) + label:before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 20% 40%;
    transform-origin: 100% 100%; }
  #tiLibrary [type="checkbox"].filled-in:not(:checked) + label:after {
    height: 14px;
    width: 14px;
    background-color: transparent;
    border: 2px solid rgba(0, 0, 0, 0.54);
    top: 0px;
    z-index: 0; }
  #tiLibrary [type="checkbox"].filled-in:checked + label:before {
    top: -1px;
    left: 0;
    width: 4px;
    height: 9px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%; }
  #tiLibrary [type="checkbox"].filled-in:checked + label:after {
    top: 0;
    width: 14px;
    height: 14px;
    border: 2px solid #555555;
    background-color: #555555;
    z-index: 0; }
  #tiLibrary [type="checkbox"].filled-in.tabbed:focus + label:after {
    border-radius: 2px;
    border-color: rgba(0, 0, 0, 0.54);
    background-color: rgba(0, 0, 0, 0.1); }
  #tiLibrary [type="checkbox"].filled-in.tabbed:checked:focus + label:after {
    border-radius: 2px;
    background-color: #118899;
    border-color: #118899; }
  #tiLibrary [type="checkbox"].filled-in:disabled:not(:checked) + label:before {
    background-color: transparent;
    border: 2px solid transparent; }
  #tiLibrary [type="checkbox"].filled-in:disabled:not(:checked) + label:after {
    border-color: #dddddd; }
  #tiLibrary [type="checkbox"].filled-in:disabled:checked + label:before {
    background-color: transparent; }
  #tiLibrary [type="checkbox"].filled-in:disabled:checked + label:after {
    background-color: #dddddd;
    border-color: #dddddd; }

/**
 * --------------------------------------------------------------------------
 * Dropdown Component
 * 
 * --------------------------------------------------------------------------
 */
#tiLibrary .dropdown-content {
  /**
* --------------------------------------------------------------------------
* 0.1 Dropdown Default
* 
* --------------------------------------------------------------------------
*/
  background-color: #fff;
  display: none;
  font-weight: 500;
  min-width: 100px;
  max-height: 650px;
  overflow-y: auto;
  opacity: 0;
  position: absolute;
  z-index: 999;
  will-change: width, height;
  /* Divider for dropdown */
  /**
* --------------------------------------------------------------------------
* 0.2 Dropdown menu with Check States
* 
* --------------------------------------------------------------------------
*/
  /**
* --------------------------------------------------------------------------
* 0.3 Dropdown menu in MiniNav
* 
* --------------------------------------------------------------------------
*/
  /**
* --------------------------------------------------------------------------
* 0.4 Dropdown Cascading Item
* 
* --------------------------------------------------------------------------
*/
  /**
* --------------------------------------------------------------------------
* 0.5 Dropdown List Item mods
* 
* --------------------------------------------------------------------------
*/
  /**
* --------------------------------------------------------------------------
* 0.6 Dropdown Menu to display Doc Information
* 
* --------------------------------------------------------------------------
*/ }
  #tiLibrary .dropdown-content li {
    background-image: none;
    clear: both;
    color: rgba(0, 0, 0, 0.56);
    cursor: pointer;
    padding-left: 0;
    margin-bottom: 0;
    width: 100%;
    text-align: left;
    text-transform: none; }
    #tiLibrary .dropdown-content li a.dropdown-button, #tiLibrary .dropdown-content li a.dropdown-button:hover, #tiLibrary .dropdown-content li a.dropdown-button:visited {
      text-decoration: none;
      color: black; }
    #tiLibrary .dropdown-content li:hover, #tiLibrary .dropdown-content li.active, #tiLibrary .dropdown-content li.selected {
      background-color: #eee; }
    #tiLibrary .dropdown-content li.active.selected {
      background-color: #e1e1e1; }
    #tiLibrary .dropdown-content li.divider {
      min-height: 0;
      height: 1px; }
    #tiLibrary .dropdown-content li > a, #tiLibrary .dropdown-content li > span {
      font-size: 14px;
      display: block;
      padding: 8px 0;
      min-width: 140px;
      padding-left: 15px; }
    #tiLibrary .dropdown-content li > span > label {
      top: 1px;
      left: 3px;
      height: 18px; }
    #tiLibrary .dropdown-content li > a > i {
      height: inherit;
      line-height: inherit;
      vertical-align: -5px; }
    #tiLibrary .dropdown-content li:last-child {
      margin-bottom: 0; }
  #tiLibrary .dropdown-content [data-option="Release date"] {
    border-top: 1px solid #ccc; }
  #tiLibrary .dropdown-content.mod-dropdown-check {
    min-width: 165px; }
    #tiLibrary .dropdown-content.mod-dropdown-check li {
      min-height: 45px;
      line-height: 1.5rem; }
    #tiLibrary .dropdown-content.mod-dropdown-check a, #tiLibrary .dropdown-content.mod-dropdown-check span {
      font-size: 14px;
      font-weight: 500;
      padding-left: 8px; }
    #tiLibrary .dropdown-content.mod-dropdown-check a:hover {
      text-decoration: none; }
    #tiLibrary .dropdown-content.mod-dropdown-check a:visited {
      color: rgba(0, 0, 0, 0.56); }
    #tiLibrary .dropdown-content.mod-dropdown-check i.unchecked {
      padding: 14px; }
    #tiLibrary .dropdown-content.mod-dropdown-check i.check {
      padding: 4px;
      font-size: 21px; }
  #tiLibrary .dropdown-content.mod-dropdown-mininav a {
    font-size: 12px; }
  #tiLibrary .dropdown-content .mod-dropdown-cascading-item a {
    display: inline-block; }
  #tiLibrary .dropdown-content .mod-dropdown-cascading-item a, #tiLibrary .dropdown-content .mod-dropdown-cascading-item a:hover, #tiLibrary .dropdown-content .mod-dropdown-cascading-item a:visited {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.56); }
  #tiLibrary .dropdown-content .mod-dropdown-cascading-item i {
    display: inline-block;
    vertical-align: middle; }
  #tiLibrary .dropdown-content .mod-dropdown-content-divider {
    border-bottom: 1px #ccc solid; }
  #tiLibrary .dropdown-content .mod-dropdown-content-disabled a {
    color: rgba(0, 0, 0, 0.26) !important;
    cursor: default !important; }
  #tiLibrary .dropdown-content .mod-dropdown-content-disabled:hover {
    background-color: initial !important; }
  #tiLibrary .dropdown-content.mod-dropdown-docinfo {
    overflow: inherit !important;
    margin-top: -1.85em;
    border-radius: 2px;
    padding: 2em; }
    #tiLibrary .dropdown-content.mod-dropdown-docinfo li {
      cursor: default; }
    #tiLibrary .dropdown-content.mod-dropdown-docinfo li:hover {
      background-color: transparent; }

i.material-icons {
  font-family: "Material Icons";
  font-style: normal !important;
  text-rendering: optimizeLegibility;
  font-feature-settings: 'liga';
  line-height: inherit;
  color: rgba(0, 0, 0, 0.56); }
  i.material-icons.left {
    float: left;
    margin-right: 15px; }
  i.material-icons.right {
    float: right;
    margin-left: 15px; }
  i.material-icons.tiny {
    font-size: 18px; }
  i.material-icons.small {
    font-size: 24px; }
  i.material-icons.medium {
    font-size: 36px; }
  i.material-icons.large {
    font-size: 48px; }

i.arrow-up:before {
  content: '\E316'; }

i.arrow-down:before {
  content: '\E313'; }

i.arrow-cascading:before {
  content: '\E5C7';
  transform: rotate(90deg);
  font-size: 21px; }

i.back:before {
  content: '\E5C4'; }

i.book:before {
  content: '\E86D'; }

i.close:before {
  content: '\E5CD'; }

i.check:before {
  content: '\E876'; }

i.download:before {
  content: '\E2C4'; }

i.email:before {
  content: '\E0BE'; }

i.info:before {
  content: '\E88F'; }

i.info-dark:before {
  content: '\E88E'; }

i.gotoProduct:before {
  content: '\E879'; }

i.mail:before {
  content: '\E0BE'; }

i.more-horiz:before {
  content: '\E5D3';
  padding: 1px;
  border: 2px solid rgba(0, 0, 0, 0.54);
  border-radius: 50%; }

i.more:before {
  content: '\E5D4'; }

i.open:before {
  content: '\E89E'; }

i.plus:before {
  content: '\E145'; }

i.sort-ascend:before {
  content: '\E5D8'; }

i.sort-descend:before {
  content: '\E5DB'; }

i.tiStore:before {
  content: '\E547'; }

.modal {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  background-color: #fafafa;
  padding: 0;
  max-height: 70%;
  width: 55%;
  margin: auto;
  overflow-y: auto;
  transition: background-color .5s;
  border-radius: 2px;
  will-change: top, opacity; }
  @media only screen and (max-width: 992px) {
    .modal {
      width: 80%; } }
  .modal h1, .modal h2, .modal h3, .modal h4 {
    margin-top: 0; }
  .modal .modal-content {
    padding: 0;
    overflow-x: hidden; }
    @media only screen and (max-width: 992px) {
      .modal .modal-content {
        padding: 0; } }
  .modal .modal-close {
    cursor: pointer; }
  .modal .modal-footer {
    border-radius: 0 0 2px 2px;
    background-color: #fafafa;
    padding: 4px 6px;
    height: 56px;
    width: 100%; }
    .modal .modal-footer .btn, .modal .modal-footer #tiLibrary .btn-large, #tiLibrary .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat {
      float: right;
      margin: 6px 0; }

.lean-overlay {
  position: fixed;
  z-index: 999;
  top: -100px;
  left: 0;
  bottom: 0;
  right: 0;
  height: 125%;
  width: 100%;
  background: #000;
  display: none;
  will-change: opacity; }

.modal.modal-fixed-footer {
  padding: 0;
  height: 70%; }
  .modal.modal-fixed-footer .modal-content {
    position: absolute;
    height: calc(100% - 56px);
    max-height: 100%;
    width: 100%;
    overflow-y: auto; }
  .modal.modal-fixed-footer .modal-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    bottom: 0; }

.modal.bottom-sheet {
  top: auto;
  bottom: -100%;
  margin: 0;
  width: 100%;
  max-height: 45%;
  border-radius: 0;
  will-change: bottom, opacity; }

.mod-modal-bg-transparent {
  background-color: rgba(255, 255, 255, 0.7); }

#tiLibrary-nav.viewer {
  margin: 0 2px; }

#tiLibrary-nav {
  color: #fff;
  background-color: #f0f0f0;
  width: 100%;
  height: 64px;
  line-height: 64px;
  font-weight: 500;
  text-decoration: none;
  z-index: 3000;
  position: relative;
  /*Anchor Link*/
  /*Icons*/
  /*Command bar buttons*/
  /*Nav Wrapper*/
  /*Disabled buttons*/
  /*
  // Collapse button
  .button-collapse {
    float: left;
    position: relative;
    z-index: 1;
    height: $navbar-height-mobile;

    i {
      font-size: 2.7rem;
      height: $navbar-height-mobile;
      line-height: $navbar-height-mobile;
    }
  }


  // Logo
  .brand-logo {
    position: absolute;
    color: $navbar-font-color;
    display: inline-block;
    font-size: $navbar-brand-font-size;
    padding: 0;
    white-space: nowrap;

    &.center {
      left: 50%;
      transform: translateX(-50%);
    }

    @media only screen and (max-width : 992px) {
      left: 50%;
      transform: translateX(-50%);

      &.left, &.right {
        padding: 0;
        transform: none;
      }

      &.left { left: 0.5rem; }
      &.right {
        right: 0.5rem;
        left: auto;
      }
    }

    &.right {
      right: 0.5rem;
      padding: 0;
    }

    i,
    [class^="mdi-"], [class*="mdi-"],
    i.material-icons {
      float: left;
      margin-right: 15px;
    }
  }*/ }
  @media only screen and (min-width: 993px) {
    #tiLibrary-nav {
      height: 79px; }
      #tiLibrary-nav a.button-collapse {
        display: none; } }
  #tiLibrary-nav a {
    height: 56px; }
  #tiLibrary-nav a:hover {
    text-decoration: none; }
  #tiLibrary-nav a.icon-text {
    position: relative;
    top: -1.7em; }
  #tiLibrary-nav i {
    font-size: 2.2em;
    padding-top: .5em;
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center; }
  #tiLibrary-nav .cmd-btn-container {
    transition: background-color .3s;
    max-height: 64px; }
    @media only screen and (min-width: 993px) {
      #tiLibrary-nav .cmd-btn-container {
        max-height: 79px; } }
    #tiLibrary-nav .cmd-btn-container a {
      color: rgba(0, 0, 0, 0.74);
      transition: background-color .3s;
      font-size: 0.85em;
      display: block;
      text-align: center; }
  #tiLibrary-nav .cmd-btn-container:not(.disabled):hover {
    background-color: rgba(0, 0, 0, 0.1); }
  #tiLibrary-nav .nav-wrapper {
    position: relative;
    height: 100%; }
  #tiLibrary-nav .nav-wrapper ul a.disabled {
    opacity: 0.38; }
  #tiLibrary-nav .nav-wrapper i.disabled {
    opacity: 0.38; }
  #tiLibrary-nav ul.cmd-bar {
    margin: 0;
    display: flex;
    width: 100%;
    height: 100%;
    color: rgba(0, 0, 0, 0.54); }
    #tiLibrary-nav ul.cmd-bar > li {
      padding: 0;
      margin: 0;
      width: 25%;
      cursor: pointer; }
    #tiLibrary-nav ul.cmd-bar li.cmd-bar-title {
      color: rgba(0, 0, 0, 0.87);
      display: flex;
      align-items: center;
      text-align: right;
      line-height: 1.6em;
      cursor: default; }
      #tiLibrary-nav ul.cmd-bar li.cmd-bar-title > a {
        display: flex;
        height: auto;
        align-items: center;
        align-self: stretch; }
      #tiLibrary-nav ul.cmd-bar li.cmd-bar-title i {
        padding: 0 0 0 .5em;
        color: rgba(0, 0, 0, 0.74);
        font-size: 18px; }
      #tiLibrary-nav ul.cmd-bar li.cmd-bar-title i:hover {
        color: rgba(0, 0, 0, 0.38); }
    #tiLibrary-nav ul.cmd-bar li.flex-right {
      width: 100%;
      justify-content: flex-end; }
  #tiLibrary-nav form {
    height: 100%; }
  #tiLibrary-nav .input-field {
    margin: 0;
    height: 100%; }
    #tiLibrary-nav .input-field input {
      height: 100%;
      font-size: 1.2rem;
      border: none;
      padding-left: 2rem; }
      #tiLibrary-nav .input-field input:focus, #tiLibrary-nav .input-field input[type=text]:valid, #tiLibrary-nav .input-field input[type=password]:valid, #tiLibrary-nav .input-field input[type=email]:valid, #tiLibrary-nav .input-field input[type=url]:valid, #tiLibrary-nav .input-field input[type=date]:valid {
        border: none;
        box-shadow: none; }
    #tiLibrary-nav .input-field label {
      top: 0;
      left: 0; }
      #tiLibrary-nav .input-field label i {
        color: rgba(255, 255, 255, 0.7);
        transition: color .3s; }
      #tiLibrary-nav .input-field label.active i {
        color: #fff; }
      #tiLibrary-nav .input-field label.active {
        transform: translateY(0); }

.navbar-fixed {
  position: relative;
  height: 56px;
  z-index: 998; }
  .navbar-fixed nav {
    position: fixed; }

@media only screen and (min-width: 601px) {
  nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
    height: 64px;
    line-height: 64px; }
  .navbar-fixed {
    height: 64px; } }

.tiLibrary-tabs {
  display: flex;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  height: 48px;
  background-color: #333333;
  margin: 0 auto;
  width: 100%;
  white-space: nowrap;
  z-index: 2; }
  .tiLibrary-tabs .tiLibrary-tab {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: block;
    float: left;
    text-align: center;
    line-height: 48px;
    height: 48px;
    padding: 0;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    letter-spacing: .8px;
    width: 15%;
    min-width: 80px; }
    .tiLibrary-tabs .tiLibrary-tab a {
      color: #bbb;
      display: block;
      width: 100%;
      height: 100%;
      text-overflow: ellipsis;
      overflow: hidden;
      transition: color .28s ease; }
      .tiLibrary-tabs .tiLibrary-tab a:hover {
        text-decoration: none;
        color: #ddd; }
      .tiLibrary-tabs .tiLibrary-tab a.active {
        color: #ddd;
        font-weight: 500; }
    .tiLibrary-tabs .tiLibrary-tab.disabled a {
      color: #777;
      cursor: default; }
  .tiLibrary-tabs .indicator {
    position: absolute;
    bottom: 0;
    height: 4px;
    background-color: #ee0000;
    will-change: left, right; }

/**
 * --------------------------------------------------------------------------
 * 1.0 Search Form Styling
 * 
 * --------------------------------------------------------------------------
 */
.search-wrapper {
  font-family: 'Roboto', sans-serif;
  position: relative;
  margin: 24px 42px 16px 30px;
  /* active state */
  /* IE remove 'x' */
  /**
 * --------------------------------------------------------------------------
 * 0.2 Error Handling
 * 
 * --------------------------------------------------------------------------
 */
  /**
 * --------------------------------------------------------------------------
 * 0.3 Bar and Bar animation
 * 
 * --------------------------------------------------------------------------
 */
  /* active state */
  /* Animation */ }
  .search-wrapper label {
    color: rgba(0, 0, 0, 0.38);
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 6px;
    top: 0px;
    transition: top 0.2s cubic-bezier(0.23, 1, 0.32, 1), color 0.2s, font-size 0.2s cubic-bezier(0.23, 1, 0.32, 1); }
  .search-wrapper input:focus ~ label, .search-wrapper input:valid ~ label {
    top: -18px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54); }
  .search-wrapper input:focus ~ i {
    color: rgba(0, 0, 0, 0.54); }
  .search-wrapper input::-ms-clear {
    display: none; }
  .search-wrapper .helper-text {
    transition: color .2s;
    cursor: default;
    position: relative;
    display: block;
    font-size: 12px;
    margin-left: 6px;
    margin-top: 7px;
    color: rgba(0, 0, 0, 0.54); }
  .search-wrapper .helper-text.is-hidden {
    color: transparent; }
  .search-wrapper .search-button {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.38);
    transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1) color; }
  .search-wrapper .search-field {
    font-size: 16px;
    padding: 0 24px 10px 24px;
    margin: 0 6px;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ccc;
    background-color: transparent;
    border-radius: 0; }
  .search-wrapper .search-field:focus {
    outline: none;
    color: rgba(0, 0, 0, 0.84); }
  .search-wrapper.is-error label, .search-wrapper.is-error label:focus,
  .search-wrapper.is-error input:focus ~ label,
  .search-wrapper.is-error input:valid ~ label {
    color: #c00; }
  .search-wrapper.is-error .bar:before, .search-wrapper.is-error .bar:after {
    background-color: #c00; }
  .search-wrapper.is-error .helper-text {
    color: #c00; }
  .search-wrapper.is-error .search-field, .search-wrapper .is-error .search-field:focus {
    border-color: #c00;
    color: #c00; }
  .search-wrapper.is-error .search-button {
    color: #c00; }
  .search-wrapper .bar {
    position: relative;
    display: block;
    width: 100%;
    left: 6px; }
  .search-wrapper .bar:before, .search-wrapper .bar:after {
    content: '';
    height: 2px;
    width: 0;
    bottom: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.38);
    transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1) all; }
  .search-wrapper .bar:before {
    left: 50%; }
  .search-wrapper .bar:after {
    right: 50%; }
  .search-wrapper input:focus ~ .bar:before, .search-wrapper input:focus ~ .bar:after {
    width: 50%; }
  .search-wrapper .animate-ripple.bar:before, .search-wrapper .animate-ripple.bar:after {
    background: #118899;
    animation: ripple 0.35s cubic-bezier(0.23, 1, 0.32, 1) alternate infinite; }

@keyframes ripple {
  from {
    width: 0; }
  to {
    width: 50; } }

#tiLibrary .about {
  background-image: url("images/static/ods_default.png");
  background-position: 0px 0px;
  width: 320px;
  height: 200px;
  position: absolute;
  bottom: 0;
  right: 0; }

#tiLibrary .about-complimenta {
  background-image: url("images/static/ods_default.png");
  background-position: 320px 0px;
  width: 320px;
  height: 200px;
  transition: opacity 2s ease-in-out 2s;
  position: absolute;
  opacity: 0; }

#tiLibrary .about:hover .about-complimenta {
  opacity: 1; }

#tiLibrary .about-complimentb {
  background-image: url("images/static/ods_default.png");
  background-position: 640px 0px;
  width: 320px;
  height: 200px;
  transition: opacity 2s;
  position: absolute;
  opacity: 0; }

#tiLibrary .about:hover .about-complimentb {
  opacity: 1; }

/*!
 * ==========================================================================
 * TI Library List Content Area
 * 
 * ==========================================================================
 */
#tiLibrary {
  /**
* --------------------------------------------------------------------------
* X.1 Content Area
* 
* --------------------------------------------------------------------------
*/
  /**
* --------------------------------------------------------------------------
* X.2 Sort Icon
* 
* --------------------------------------------------------------------------
*/
  /**
* --------------------------------------------------------------------------
* X.3 Dropdown - Overflow 
* 
* --------------------------------------------------------------------------
*/ }
  #tiLibrary h3.card-title {
    padding-left: 24px;
    padding-top: 16px; }
  #tiLibrary .main-content {
    margin: 1.5em;
    padding-bottom: 2em; }
  #tiLibrary table.tiLibrary {
    border: none;
    width: 100%;
    display: table;
    font-family: "Roboto", "Open-sans", sans-serif;
    /* Table Mods */ }
    #tiLibrary table.tiLibrary tbody a {
      color: #189; }
    #tiLibrary table.tiLibrary a:visited {
      color: #189; }
    #tiLibrary table.tiLibrary td, #tiLibrary table.tiLibrary th {
      padding: 15px 5px;
      display: table-cell;
      vertical-align: middle;
      border-radius: 2px; }
    #tiLibrary table.tiLibrary td:first-child, #tiLibrary table.tiLibrary th:first-child {
      padding-left: 24px; }
    #tiLibrary table.tiLibrary th {
      font-weight: 500;
      font-size: 12px;
      color: rgba(0, 0, 0, 0.87);
      cursor: pointer;
      height: 48px; }
      #tiLibrary table.tiLibrary th:first-child {
        width: 65px; }
      #tiLibrary table.tiLibrary th i {
        font-size: 14px;
        font-weight: bold; }
      #tiLibrary table.tiLibrary th i.sort-ascend, #tiLibrary table.tiLibrary th i.sort-descend {
        color: #118899; }
      #tiLibrary table.tiLibrary th i.sort-ascend:before {
        padding-right: 4px; }
      #tiLibrary table.tiLibrary th i.rotated:before {
        padding-right: 0;
        padding-left: 4px; }
    #tiLibrary table.tiLibrary tr.techdoc-selected {
      background-color: #d9f1f4; }
    #tiLibrary table.tiLibrary.mod-table-bordered > thead > tr,
    #tiLibrary table.tiLibrary.mod-table-bordered > tbody > tr {
      border-bottom: 1px solid #d0d0d0; }
    #tiLibrary table.tiLibrary.mod-table-striped > tbody > tr:nth-child(odd) {
      background-color: #f2f2f2; }
    #tiLibrary table.tiLibrary.mod-table-striped > tbody > tr > td {
      border-radius: 0; }
    #tiLibrary table.tiLibrary.mod-table-highlight > tbody > tr {
      transition: background-color 0.4s cubic-bezier(0.23, 1, 0.32, 1); }
      #tiLibrary table.tiLibrary.mod-table-highlight > tbody > tr:hover {
        background-color: #edf7f8; }
      #tiLibrary table.tiLibrary.mod-table-highlight > tbody > tr.techdoc-selected:hover {
        background-color: #d9f1f4; }
    #tiLibrary table.tiLibrary .mod-table-centered thead tr th, #tiLibrary table.tiLibrary .mod-table-centered tbody tr td {
      text-align: center; }
    #tiLibrary table.tiLibrary .mod-cell-flex {
      display: inline-flex;
      cursor: pointer;
      height: 48px;
      align-items: center; }
  #tiLibrary .sort-default:before {
    display: none; }
  #tiLibrary .rotated:before {
    transform: rotate(180deg); }
  #tiLibrary #doc_columns_dropdown_button > i:before {
    font-size: 12px; }
  #tiLibrary .dropdown-container {
    position: absolute;
    right: 0;
    margin-top: 14px;
    margin-right: 8px; }

/*!
 * ==========================================================================
 * TI Library List Document Types Filter
 * 
 * The document filters in the side menu
 * ==========================================================================
 */
/*!
 * ==========================================================================
 * TI Library List Properties Area
 * 
 * ==========================================================================
 */
#tiLibrary .properties-area {
  position: absolute;
  height: 100%;
  background: white;
  right: 0px;
  width: 500px;
  transform: translateX(100%);
  opacity: 0;
  overflow: hidden;
  display: block;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
  #tiLibrary .properties-area ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
  #tiLibrary .properties-area li {
    list-style-type: none;
    padding: 0;
    float: none;
    line-height: 48px;
    background: none; }
  #tiLibrary .properties-area a, #tiLibrary .properties-area h3, #tiLibrary .properties-area h5 {
    padding: 0 32px;
    display: block; }
  #tiLibrary .properties-area a {
    line-height: 24px; }
  #tiLibrary .properties-area h3 {
    line-height: 30px;
    font-weight: 500;
    /*Font weight adjustment for roboto*/ }
  #tiLibrary .properties-area h5 {
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 0px;
    font-weight: 500; }

#tiLibrary .properties-header {
  padding: 32px 0;
  margin-bottom: 8px;
  box-sizing: inherit; }

/*!
 * ==========================================================================
 * TI Library List Side Menu
 * 
 * ==========================================================================
 */
#tiLibrary {
  /*!
 * ==========================================================================
 * 0.2 My Documents View
 * 
 * ==========================================================================
 */ }
  #tiLibrary .sidebar {
    margin-left: 23px;
    margin-top: 1.5em; }
    #tiLibrary .sidebar .search-wrapper {
      padding: 0;
      margin-left: 0;
      margin-right: 8px; }
    #tiLibrary .sidebar .sidebar-content {
      margin-top: 0;
      padding: 32px 24px; }
    #tiLibrary .sidebar .sidebar-content-heading {
      font-weight: 700;
      color: rgba(0, 0, 0, 0.56);
      font-size: 12px; }
    #tiLibrary .sidebar .sidebar-content-nav {
      padding-left: none;
      background-image: none; }
      #tiLibrary .sidebar .sidebar-content-nav a {
        color: rgba(0, 0, 0, 0.56);
        font-weight: 500;
        font-size: 12px; }
      #tiLibrary .sidebar .sidebar-content-nav a.active {
        color: #156;
        font-weight: 700; }
      #tiLibrary .sidebar .sidebar-content-nav a:hover {
        text-decoration: none;
        color: rgba(0, 0, 0, 0.87); }
  #tiLibrary .sidebar-content-inbox {
    margin-top: 2em; }
  #tiLibrary .sidebar-content-fab {
    display: flex;
    flex-direction: row;
    justify-content: flex-end; }
  #tiLibrary .sidebar-view {
    display: none; }
    #tiLibrary .sidebar-view.active {
      display: block; }
  #tiLibrary .tiLibrary-collection {
    margin: 0.5rem 0 1rem 0;
    border-radius: 2px;
    overflow: auto;
    position: relative; }
    #tiLibrary .tiLibrary-collection li {
      padding: .5em;
      background-image: none; }
    #tiLibrary .tiLibrary-collection .collection-item {
      background-color: #fff;
      line-height: 1.5rem;
      padding: .4em 0 .4em 0;
      margin: 0; }
      #tiLibrary .tiLibrary-collection .collection-item .form-item {
        display: flex;
        align-items: center;
        min-height: 2.5em;
        cursor: pointer; }
      #tiLibrary .tiLibrary-collection .collection-item i {
        position: absolute;
        overflow: hidden;
        left: 15px;
        display: inline-block;
        vertical-align: middle;
        font-size: 2em;
        line-height: 42px;
        color: #999;
        text-align: center; }
      #tiLibrary .tiLibrary-collection .collection-item i.list:before {
        content: "list"; }
      #tiLibrary .tiLibrary-collection .collection-item i.list:hover::before {
        color: #118899;
        content: "edit"; }
      #tiLibrary .tiLibrary-collection .collection-item.avatar {
        padding-left: 3.75rem;
        position: relative; }
        #tiLibrary .tiLibrary-collection .collection-item.avatar .circle-bg {
          position: absolute;
          width: 42px;
          height: 42px;
          overflow: hidden;
          left: 0px;
          display: inline-block;
          vertical-align: middle;
          border-radius: 50%; }
        #tiLibrary .tiLibrary-collection .collection-item.avatar i.circle-bg {
          font-size: 2em;
          line-height: 42px;
          color: #fff;
          background-color: rgba(0, 0, 0, 0.24);
          text-align: center; }
          #tiLibrary .tiLibrary-collection .collection-item.avatar i.circle-bg:before {
            padding-left: 7px;
            padding-top: 7px; }
          #tiLibrary .tiLibrary-collection .collection-item.avatar i.circle-bg.mod-mail-new-items {
            border: #189 dotted 2px; }
            #tiLibrary .tiLibrary-collection .collection-item.avatar i.circle-bg.mod-mail-new-items:before {
              padding-left: 5px;
              padding-top: 5px; }
        #tiLibrary .tiLibrary-collection .collection-item.avatar .title {
          font-size: 14px;
          font-weight: 500;
          color: rgba(0, 0, 0, 0.56); }
          #tiLibrary .tiLibrary-collection .collection-item.avatar .title:hover {
            font-weight: 700;
            color: rgba(0, 0, 0, 0.56); }
        #tiLibrary .tiLibrary-collection .collection-item.avatar p {
          margin: 0;
          font-size: 12px; }
        #tiLibrary .tiLibrary-collection .collection-item.avatar .secondary-content {
          position: absolute;
          top: 16px;
          right: 16px; }
      #tiLibrary .tiLibrary-collection .collection-item:last-child {
        border-bottom: none; }
      #tiLibrary .tiLibrary-collection .collection-item.active {
        font-weight: 700; }
        #tiLibrary .tiLibrary-collection .collection-item.active .secondary-content {
          color: #fff; }
    #tiLibrary .tiLibrary-collection a.collection-item {
      display: block;
      transition: .25s;
      color: #118899; }
      #tiLibrary .tiLibrary-collection a.collection-item:not(.active):hover {
        background-color: #ddd; }
    #tiLibrary .tiLibrary-collection.with-header .collection-header {
      background-color: #fff;
      border-bottom: 1px solid #e0e0e0;
      padding: 10px 20px; }
    #tiLibrary .tiLibrary-collection.with-header .collection-item {
      padding-left: 30px; }
    #tiLibrary .tiLibrary-collection.with-header .collection-item.avatar {
      padding-left: 72px; }
  #tiLibrary .secondary-content {
    float: right;
    color: #118899; }
  #tiLibrary .collapsible .collection {
    margin: 0;
    border: none; }

/*!
 * ==========================================================================
 * TI Library Viewer
 * 
 * ==========================================================================
 */
#tiLibrary {
  /*
    a.dropdown-button{
        font-style: normal;
        color: rgba(0,0,0,.54);
        font-size: 1.2em;
    }

    a.dropdown-button:hover{
        text-decoration: none!important;
        color: rgba(0,0,0, .74) !important;
    }
    a.dropdown-button:visited{
        color: rgba(0,0,0, 1)!important;
    } 

    ul.dropdown-content li{
        background-image: none;
        font-size: 12px;
    }
    ul.context-menu{
        position: absolute;
    }*/ }
  #tiLibrary #tiLibrary_viewer {
    width: 100%;
    height: 100%;
    max-height: 100%; }
  #tiLibrary .min-height {
    min-height: 500px; }
  #tiLibrary .modal-content {
    height: 100%;
    display: flex;
    flex-direction: column; }
  #tiLibrary .modal-inner-content {
    display: flex;
    flex-direction: row;
    flex: 1;
    min-height: 400px; }

/*!
 * ==========================================================================
 * TI Library Viewer Command Bar
 * 
 * GPN Links and ODS Header content refers to the dialog box
 * that is displayed when overflow icon is clicked on the command bar
 * ==========================================================================
 */
#tiLibrary .nav-wrapper {
  display: flex;
  padding-right: 1em; }

#tiLibrary .cmd-bar h3 {
  font-weight: 500; }

#tiLibrary .odsHeader_content ti-raw > h1 {
  /*Hide <h1> since title is displayed in header*/
  display: none; }

#tiLibrary .odsHeader_content ti-raw > p {
  font-size: 1rem;
  font-weight: 300; }

#tiLibrary .odsHeader_content p.status {
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.54);
  font-size: 1em; }

#tiLibrary .gpnLinks {
  /*padding-left: 3em;*/
  display: block; }

#tiLibrary .gpnLinks:before {
  content: '\e157';
  padding-right: .25em;
  margin-top: .25em; }

#tiLibrary .gpnLinks a {
  padding-right: .4em;
  font-weight: 500;
  font-size: .875rem; }

#tiLibrary .odslitnumber {
  font-weight: 500;
  font-size: 1.25rem; }

/*!
 * ==========================================================================
 * TI Library Viewer Content Area
 * 
 * ==========================================================================
 */
#tiLibrary {
  /**
 * --------------------------------------------------------------------------
 * 1.0 MiniNav
 * 
 * --------------------------------------------------------------------------
 */
  /**
 * --------------------------------------------------------------------------
 * 2.0 Document Section
 * Margin settings | Font size settings | Document elements styling
 * --------------------------------------------------------------------------
 */
  /* Comfortable reading setting */
  /* Notes section adjustment */
  /* ESDS Image */
  /* Advisory Section */
  /* Expanded reading setting */
  /* Full reading width setting */
  /* Font size settings */
  /* ODS element formatting */
  /* Table Formatting */
  /* Images */
  /* Scroll Trigger Area */
  /* Definition List Section */
  /**
 * --------------------------------------------------------------------------
 * 3.0 Loading animation
 * 
 * --------------------------------------------------------------------------
 */
  /**
 * --------------------------------------------------------------------------
 * 4.0 Utilities
 * 
 * --------------------------------------------------------------------------
 */ }
  #tiLibrary .content-area {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: 400px; }
  #tiLibrary #tiLibrary_margin_activator {
    width: 220px; }
  #tiLibrary #tiLibrary_margin_activator > a {
    width: 100%;
    white-space: nowrap; }
  #tiLibrary .cardWrapper {
    margin-left: 1.4em;
    margin-top: 0px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: 350px; }
  #tiLibrary #loadContentArea {
    font-family: 'Open Sans', sans-serif;
    flex-grow: 1;
    overflow: auto;
    width: 100%;
    min-height: 300px; }
  #tiLibrary #loadContentArea:focus {
    outline: 0px solid transparent; }
  #tiLibrary .mininav {
    flex-basis: 48px;
    flex-grow: 0;
    flex-shrink: 0;
    line-height: 48px;
    height: 48px;
    position: relative;
    z-index: 200; }
  #tiLibrary .mininav .nav-wrapper {
    height: 100%; }
  #tiLibrary .mininav .nav-wrapper > ul {
    padding-left: 1.4em; }
  #tiLibrary .mininav i {
    font-size: 21px; }
  #tiLibrary .mininav ul {
    margin: 0; }
  #tiLibrary .mininav ul li {
    transition: background-color .3s;
    float: left;
    padding: 0;
    margin: 0;
    background-image: none; }
  #tiLibrary .mininav ul li.active {
    background-color: rgba(0, 0, 0, 0.1); }
  #tiLibrary .mininav ul a {
    transition: background-color .3s;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    display: inline-block;
    padding: 0 15px;
    cursor: pointer; }
    #tiLibrary .mininav ul a:hover {
      text-decoration: none; }
  #tiLibrary .mininav ul.left {
    float: left; }
  #tiLibrary .mininav a.dropdown-button {
    font-style: normal;
    color: rgba(0, 0, 0, 0.74);
    font-size: 12px; }
  #tiLibrary .main {
    margin-top: 1.4em;
    /*match padding with grid*/
    padding-top: 1em;
    padding-bottom: 1em; }
  #tiLibrary .card-per-section .documentSection {
    margin: 2em 1px;
    padding-top: 24px;
    transform: translate(0, 0); }
  #tiLibrary .card-per-section.margin-large .documentSection h1,
  #tiLibrary .card-per-section.margin-large .documentSection h2,
  #tiLibrary .card-per-section.margin-large .documentSection h3,
  #tiLibrary .card-per-section.margin-large .documentSection h4,
  #tiLibrary .card-per-section.margin-large .documentSection h5,
  #tiLibrary .card-per-section.margin-large .documentSection h6,
  #tiLibrary .card-per-section.margin-large .documentSection p,
  #tiLibrary .card-per-section.margin-large .documentSection ol,
  #tiLibrary .card-per-section.margin-large .documentSection ul,
  #tiLibrary .card-per-section.margin-large .documentSection code,
  #tiLibrary .card-per-section.margin-large .condition,
  #tiLibrary .card-per-section.margin-large .equation,
  #tiLibrary .card-per-section.margin-large .footnote,
  #tiLibrary .card-per-section.margin-large .tablenote,
  #tiLibrary .card-per-section.margin-large .tabbedtext,
  #tiLibrary .card-per-section.margin-large .ModItem,
  #tiLibrary .card-per-section.margin-large .textnote {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px; }
  #tiLibrary .card-per-section.margin-large .note {
    max-width: 500px; }
  #tiLibrary .card-per-section.margin-medium .note {
    max-width: 75%; }
  #tiLibrary .card-per-section.margin-medium .documentSection .note p {
    padding-left: 0;
    padding-right: 0; }
  #tiLibrary .card-per-section.margin-small .note {
    max-width: calc(100% - 40px); }
  #tiLibrary .card-per-section.margin-large img[alt="esds-image"],
  #tiLibrary .card-per-section.margin-medium img[alt="esds-image"] {
    float: none;
    display: block;
    margin: auto; }
  #tiLibrary .documentSection .ModItemDesc {
    margin-left: 0;
    margin-bottom: 1.5em; }
  #tiLibrary .card-per-section.margin-large .documentSection .tabbedtext {
    display: block; }
  #tiLibrary .card-per-section.margin-medium .documentSection .ModItemDesc {
    padding-left: 23%; }
  #tiLibrary .card-per-section.margin-small .documentSection .ModItemDesc {
    padding-left: 150px; }
  #tiLibrary .card-per-section.margin-medium .documentSection h1,
  #tiLibrary .card-per-section.margin-medium .documentSection h2,
  #tiLibrary .card-per-section.margin-medium .documentSection h3,
  #tiLibrary .card-per-section.margin-medium .documentSection h4,
  #tiLibrary .card-per-section.margin-medium .documentSection h5,
  #tiLibrary .card-per-section.margin-medium .documentSection h6,
  #tiLibrary .card-per-section.margin-medium .documentSection p,
  #tiLibrary .card-per-section.margin-medium .documentSection ol,
  #tiLibrary .card-per-section.margin-medium .documentSection ul,
  #tiLibrary .card-per-section.margin-medium .documentSection code,
  #tiLibrary .card-per-section.margin-medium .condition,
  #tiLibrary .card-per-section.margin-medium .equation,
  #tiLibrary .card-per-section.margin-medium .footnote,
  #tiLibrary .card-per-section.margin-medium .tablenote,
  #tiLibrary .card-per-section.margin-medium .tabbedtext,
  #tiLibrary .card-per-section.margin-medium .ModItem,
  #tiLibrary .card-per-section.margin-medium .textnote {
    padding-left: 12.5%;
    padding-right: 12.5%; }
  #tiLibrary .card-per-section.margin-medium .documentSection ul ul,
  #tiLibrary .card-per-section.margin-small .documentSection ul ul {
    padding-left: 0;
    padding-right: 0; }
  #tiLibrary .card-per-section.margin-small .documentSection h1,
  #tiLibrary .card-per-section.margin-small .documentSection h2,
  #tiLibrary .card-per-section.margin-small .documentSection h3,
  #tiLibrary .card-per-section.margin-small .documentSection h4,
  #tiLibrary .card-per-section.margin-small .documentSection h5,
  #tiLibrary .card-per-section.margin-small .documentSection h6,
  #tiLibrary .card-per-section.margin-small .documentSection p,
  #tiLibrary .card-per-section.margin-small .documentSection ol,
  #tiLibrary .card-per-section.margin-small .documentSection ul,
  #tiLibrary .card-per-section.margin-small .documentSection code,
  #tiLibrary .card-per-section.margin-small .condition,
  #tiLibrary .card-per-section.margin-small .equation,
  #tiLibrary .card-per-section.margin-small .footnote,
  #tiLibrary .card-per-section.margin-small .tablenote,
  #tiLibrary .card-per-section.margin-small .tabbedtext,
  #tiLibrary .card-per-section.margin-small .textnote,
  #tiLibrary .card-per-section.margin-small .ModItem {
    padding-left: 20px;
    padding-right: 20px; }
  #tiLibrary .font-large {
    font-size: larger; }
  #tiLibrary .font-medium {
    font-size: inherit; }
  #tiLibrary .font-small {
    font-size: smaller; }
  #tiLibrary .documentSection .caption {
    text-align: center; }
  #tiLibrary .documentSection .condition {
    display: block; }
  #tiLibrary .documentSection code {
    display: block;
    margin-bottom: 1rem; }
  #tiLibrary .documentSection .equation {
    padding-bottom: 1em; }
  #tiLibrary .documentSection .ModItem {
    padding-bottom: 2em; }
  #tiLibrary .documentSection .ModTermDesc p {
    clear: none; }
  #tiLibrary .documentSection .tablenote {
    float: inherit; }
  #tiLibrary .documentSection td {
    word-wrap: break-word;
    word-break: keep-all;
    word-break: break-word;
    max-width: 500px; }
    #tiLibrary .documentSection td.hdr {
      font-weight: 600; }
  #tiLibrary .documentSection thead {
    word-wrap: break-word; }
  #tiLibrary #loadContentArea .documentSection table {
    width: 97%;
    margin-left: auto;
    margin-right: auto;
    margin-top: .5em;
    background-color: #ffffff; }
  #tiLibrary .documentSection table th {
    border-top: 1px solid #e0e0e0; }
  #tiLibrary .subsection .subsection .subsection h3 {
    font-size: 1em; }
  #tiLibrary .documentSection img {
    padding: 20px;
    max-width: 100%;
    text-align: center; }
  #tiLibrary .search .hilite {
    background-color: yellow; }
  #tiLibrary .toc .hilite {
    background-color: inherit !important; }
  #tiLibrary #next_content_placeholder {
    height: 95px; }
  #tiLibrary .not-loading #next_content_placeholder {
    height: 1px; }
  #tiLibrary #previous_content_placeholder {
    height: 95px; }
  #tiLibrary .not-loading #previous_content_placeholder {
    height: 1px; }
  #tiLibrary .deflistentry {
    display: flex; }
  #tiLibrary .documentSection:last-child:after {
    display: block;
    position: absolute;
    content: ' ';
    height: 24px;
    width: 24px;
    color: #118899;
    border: 3px solid;
    border-radius: 100%;
    border-left-color: rgba(255, 255, 255, 0.25);
    animation: clockwise 0.75s linear infinite;
    bottom: -70px;
    left: 50%; }
  #tiLibrary .documentSection:first-child:after {
    display: block;
    position: absolute;
    content: ' ';
    height: 24px;
    width: 24px;
    color: #118899;
    border: 3px solid;
    border-radius: 100%;
    border-left-color: rgba(255, 255, 255, 0.25);
    animation: clockwise 0.75s linear infinite;
    top: -70px;
    left: 50%; }
  #tiLibrary .not-loading .documentSection:after {
    display: none; }

/*!
 * ==========================================================================
 * TI Library Viewer Footer
 * 
 * ==========================================================================
 */
#tiLibrary .brand {
  height: 26px;
  width: 200px;
  background: url(http://www.ti.com/assets/images/ic-logo.png) no-repeat 0 0;
  background-image: url(http://www.ti.com/assets/images/ic-logo.svg), none;
  background-size: contain; }

#tiLibrary .legal {
  padding-top: 1em;
  padding-right: 2em;
  align-items: flex-end;
  line-height: 1.667em;
  text-align: right;
  color: #b0b0b0;
  font-size: .72em; }

#tiLibrary .legal a {
  color: #b0b0b0; }
  #tiLibrary .legal a.submit-feedback {
    color: #189; }

#tiLibrary .legal a:visited {
  color: #b0b0b0; }
  #tiLibrary .legal a:visited.submit-feedback {
    color: #189; }

#tiLibrary .footer {
  margin-left: 1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
  margin-bottom: 0;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  border-top: 1px solid #ddd;
  padding-left: 1em; }

/*!
 * ==========================================================================
 * TI Library Viewer Side Bar
 * 
 * ==========================================================================
 */
/**
 * Table of Contents:
 *
 *  1.0 Variables
 *    1.1 Mixin
 *    1.2 Placeholder Selectors
 *  2.0 DocLister
 *  3.0 Table of Contents Tab
 *  4.0 Search Tab
 *  5.0 Tab Slider
 *  6.0 POA section
*/
/**
 * --------------------------------------------------------------------------
 * 1.0 Variables
 * 
 * --------------------------------------------------------------------------
 */
/**
 * --------------------------------------------------------------------------
 * 1.1 Mixin
 * 
 * --------------------------------------------------------------------------
 */
/**
 * --------------------------------------------------------------------------
 * 1.2 Placeholder Selectors
 * Meant to be used with @extend directive - will not be rendered to CSS 
 * unless extended by a selector
 * --------------------------------------------------------------------------
 */
#doc-lister, #tiLibrary .toc_hierarchy li {
  position: relative;
  display: block;
  list-style-type: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 0;
  min-height: 2.6rem;
  line-height: 2.6rem; }

/**
 * --------------------------------------------------------------------------
 * 2.0 DocLister
 * This is the component at the top of the TOC right below the Contents tab
 * In the future will be a list of the documents in the User's library
 * --------------------------------------------------------------------------
 */
#doc-lister {
  min-height: 3.5rem;
  line-height: 3.5rem;
  background-color: #f0f0f0;
  padding: 0 2em;
  border-bottom: 2px solid #ccc; }
  #doc-lister span {
    font-size: 14px; }
  #doc-lister i {
    display: inline-block;
    vertical-align: -.25em;
    font-size: 1.5em;
    padding-right: .5em; }
    #doc-lister i.overlay {
      position: absolute;
      right: 0;
      top: 1.3rem; }
      @media only screen and (min-width: 993px) {
        #doc-lister i.overlay {
          top: 1.1rem; } }

/**
 * --------------------------------------------------------------------------
 * 3.0 TOC Tab
 * List items styling
 * --------------------------------------------------------------------------
 */
#tiLibrary {
  /*----- Animation -----*/
  /*----- /Animation -----*/
  /**
 * --------------------------------------------------------------------------
 * 4.0 Search Tab
 * 
 * --------------------------------------------------------------------------
 */
  /*--Animation for Search Results--*/
  /**
 * --------------------------------------------------------------------------
 * 5.0 Tab Slider 
 * Styling to handle the transition between Contents tab and Search tab
 * --------------------------------------------------------------------------
 */
  /**
 * --------------------------------------------------------------------------
 * 6.0 Package Options
 * 
 * --------------------------------------------------------------------------
 */ }
  #tiLibrary .animate-item-size, #tiLibrary .toc_hierarchy li {
    transition: line-height .2s ease-in, min-height .2s ease-out, background-color 1s ease-in-out; }
  #tiLibrary .animate-item-hover {
    transition: line-height .2s ease-in, min-height .2s ease-out, background-color .1s ease-in-out; }
  #tiLibrary .animate-menu-display, #tiLibrary .toc_hierarchy li > ol {
    transition: height .25s linear; }
  #tiLibrary #ti_library_viewer_contents #viewer_navTree a:hover {
    color: #115566; }
  #tiLibrary .toc_hierarchy {
    font-size: 14px;
    flex-grow: 1;
    /* Focused Chapters */
    /*Hide all children*/
    /*== Base OL ==*/
    /*=====*/ }
    #tiLibrary .toc_hierarchy.overflow {
      overflow-y: auto; }
    #tiLibrary .toc_hierarchy a {
      display: block;
      white-space: nowrap;
      overflow-x: hidden;
      text-overflow: ellipsis;
      color: #115566;
      margin: 0 3em 0 2em; }
      #tiLibrary .toc_hierarchy a .toc_label {
        font-family: monospace;
        font-size: smaller;
        letter-spacing: 0px;
        color: rgba(0, 0, 0, 0.74);
        padding-right: 4px; }
    #tiLibrary .toc_hierarchy a:after {
      position: absolute;
      right: .5em;
      content: '\E313';
      font-size: 1.5em;
      font-family: "Material Icons";
      vertical-align: middle; }
    #tiLibrary .toc_hierarchy a:hover {
      color: #115566;
      text-decoration: none; }
    #tiLibrary .toc_hierarchy a:visited {
      color: #156; }
    #tiLibrary .toc_hierarchy a.no-children:after {
      content: ''; }
    #tiLibrary .toc_hierarchy li.toc-selected {
      background-color: #e5faff !important; }
      #tiLibrary .toc_hierarchy li.toc-selected > a {
        font-weight: 500; }
    #tiLibrary .toc_hierarchy > ol > li.toc-selected {
      border-left: 4px solid #555555; }
      #tiLibrary .toc_hierarchy > ol > li.toc-selected a {
        margin-left: 24px; }
    #tiLibrary .toc_hierarchy li.toc-open {
      background-color: #f2f2f2;
      min-height: 2.6rem;
      line-height: 2.6rem; }
      #tiLibrary .toc_hierarchy li.toc-open > a:after {
        content: '\E316'; }
      #tiLibrary .toc_hierarchy li.toc-open li {
        min-height: 2.6rem;
        line-height: 2.6rem;
        background-color: #f2f2f2; }
      #tiLibrary .toc_hierarchy li.toc-open li.toc-focus {
        line-height: 2.6rem;
        min-height: 2.6rem;
        background-color: #ffffff; }
        #tiLibrary .toc_hierarchy li.toc-open li.toc-focus li {
          line-height: 2.6rem;
          min-height: 2.6rem;
          background-color: #ffffff; }
        #tiLibrary .toc_hierarchy li.toc-open li.toc-focus a {
          color: #156; }
    #tiLibrary .toc_hierarchy li.toc-focus {
      line-height: 2.6rem;
      min-height: 2.6rem;
      background-color: #ffffff;
      border-left: 4px solid #555555; }
      #tiLibrary .toc_hierarchy li.toc-focus li {
        line-height: 2.6rem;
        min-height: 2.6rem;
        background-color: #ffffff; }
      #tiLibrary .toc_hierarchy li.toc-focus a {
        color: #156;
        margin-left: 24px; }
    #tiLibrary .toc_hierarchy li > ol {
      height: 0px; }
    #tiLibrary .toc_hierarchy ol {
      background-color: #f2f2f2;
      margin: 0; }
    #tiLibrary .toc_hierarchy > ol {
      border-bottom: 1px solid #ddd; }
  #tiLibrary #search_content a {
    display: inline;
    margin-right: 0; }
  #tiLibrary #search_content a:hover {
    color: #156; }
  #tiLibrary #search_content li {
    display: flex;
    transition: opacity cubic-bezier(0.23, 1, 0.32, 1) ease-out, transform cubic-bezier(0.23, 1, 0.32, 1) ease-out; }
  #tiLibrary #search_content.toc_hierarchy {
    background-color: transparent; }
  #tiLibrary #search_content .search_result_num {
    display: inline;
    color: #fff;
    cursor: pointer;
    border-radius: 1em;
    background: #c00;
    font-size: 0.8em;
    font-weight: 600;
    height: 19px;
    min-width: 19px;
    line-height: 19px;
    padding: 0 .5em;
    margin: 1em 1em 0 1em;
    vertical-align: middle;
    text-align: center; }
  #tiLibrary .mod-search-container-grey {
    border-bottom: 2px #ddd solid;
    background-color: #f2f2f2; }

@keyframes translateX {
  from {
    transform: translateX(-70px);
    opacity: 0; }
  to {
    transform: translateX(0);
    opacity: 1; } }
  #tiLibrary #search_content > ol > li:nth-child(1) {
    opacity: 0;
    animation: translateX 0.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
    animation-delay: 0.03s; }
  #tiLibrary #search_content > ol > li:nth-child(2) {
    opacity: 0;
    animation: translateX 0.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
    animation-delay: 0.06s; }
  #tiLibrary #search_content > ol > li:nth-child(3) {
    opacity: 0;
    animation: translateX 0.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
    animation-delay: 0.09s; }
  #tiLibrary #search_content > ol > li:nth-child(4) {
    opacity: 0;
    animation: translateX 0.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
    animation-delay: 0.12s; }
  #tiLibrary #search_content > ol > li:nth-child(5) {
    opacity: 0;
    animation: translateX 0.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
    animation-delay: 0.15s; }
  #tiLibrary #search_content > ol > li:nth-child(6) {
    opacity: 0;
    animation: translateX 0.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
    animation-delay: 0.18s; }
  #tiLibrary #search_content > ol > li:nth-child(7) {
    opacity: 0;
    animation: translateX 0.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
    animation-delay: 0.21s; }
  #tiLibrary #search_content > ol > li:nth-child(8) {
    opacity: 0;
    animation: translateX 0.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
    animation-delay: 0.24s; }
  #tiLibrary #search_content > ol > li:nth-child(9) {
    opacity: 0;
    animation: translateX 0.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
    animation-delay: 0.27s; }
  #tiLibrary #search_content > ol > li:nth-child(10) {
    opacity: 0;
    animation: translateX 0.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
    animation-delay: 0.3s; }
  #tiLibrary #search_content > ol > li:nth-child(11) {
    opacity: 0;
    animation: translateX 0.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
    animation-delay: 0.33s; }
  #tiLibrary #search_content > ol > li:nth-child(12) {
    opacity: 0;
    animation: translateX 0.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
    animation-delay: 0.36s; }
  #tiLibrary #search_content > ol > li:nth-child(13) {
    opacity: 0;
    animation: translateX 0.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
    animation-delay: 0.39s; }
  #tiLibrary #search_content > ol > li:nth-child(14) {
    opacity: 0;
    animation: translateX 0.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
    animation-delay: 0.42s; }
  #tiLibrary #search_content > ol > li:nth-child(15) {
    opacity: 0;
    animation: translateX 0.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
    animation-delay: 0.45s; }
  #tiLibrary #search_content > ol > li:nth-child(16) {
    opacity: 0;
    animation: translateX 0.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
    animation-delay: 0.48s; }
  #tiLibrary #search_content > ol > li:nth-child(17) {
    opacity: 0;
    animation: translateX 0.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
    animation-delay: 0.51s; }
  #tiLibrary #search_content > ol > li:nth-child(18) {
    opacity: 0;
    animation: translateX 0.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
    animation-delay: 0.54s; }
  #tiLibrary #search_content > ol > li:nth-child(19) {
    opacity: 0;
    animation: translateX 0.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
    animation-delay: 0.57s; }
  #tiLibrary #search_content > ol > li:nth-child(20) {
    opacity: 0;
    animation: translateX 0.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
    animation-delay: 0.6s; }
  #tiLibrary #search_content > ol > li:nth-child(21) {
    opacity: 0;
    animation: translateX 0.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
    animation-delay: 0.63s; }
  #tiLibrary #search_content > ol > li:nth-child(22) {
    opacity: 0;
    animation: translateX 0.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
    animation-delay: 0.66s; }
  #tiLibrary #search_content > ol > li:nth-child(23) {
    opacity: 0;
    animation: translateX 0.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
    animation-delay: 0.69s; }
  #tiLibrary #search_content > ol > li:nth-child(24) {
    opacity: 0;
    animation: translateX 0.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
    animation-delay: 0.72s; }
  #tiLibrary #search_content > ol > li:nth-child(25) {
    opacity: 0;
    animation: translateX 0.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
    animation-delay: 0.75s; }
  #tiLibrary #search_content > ol > li:nth-child(26) {
    opacity: 0;
    animation: translateX 0.2s forwards cubic-bezier(0.23, 1, 0.32, 1);
    animation-delay: 0.78s; }
  #tiLibrary .tab-slider {
    overflow-x: hidden;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    display: flex;
    flex-direction: column; }
  #tiLibrary .tab-slider-content {
    position: relative;
    width: 200%;
    min-height: 100px;
    transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateX(0%);
    display: flex;
    flex-direction: row;
    flex-grow: 1; }
  #tiLibrary .tab-slider-content-column {
    opacity: 1;
    margin-top: 0;
    margin-bottom: 0;
    transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    min-height: 100px;
    display: flex;
    flex-direction: column; }
  #tiLibrary .is-translate-left {
    transform: translateX(-50%); }
  #tiLibrary .is-translate-left .tab-slider-content-column:first-child {
    opacity: 0; }
  #tiLibrary .is-translate-left .tab-slider-content-column:last-child {
    opacity: 1; }
  #tiLibrary #viewer_poa {
    padding: 1em;
    border-top: 1px solid #ccc;
    overflow-y: auto;
    flex-grow: 0;
    max-height: 50%; }
    #tiLibrary #viewer_poa h4 {
      font-weight: 500;
      margin-bottom: 1em; }
    #tiLibrary #viewer_poa h5 {
      font-weight: 500; }

/**
 * --------------------------------------------------------------------------
 * x.xx
 * ODS Classic Styling
 * 
 * Copied over from lines 231-565 from folderProduct.sass
 * folderProduct.sass last edited (6/7/2016)
 * For more info:
 * https://confluence.itg.ti.com/display/DCPWDIGDOC/Current+ODS+Reader+Style+Migration+to+New+ODS+Reader
 * --------------------------------------------------------------------------
 */
#loadContentArea .activelow {
  border-top: 1px solid #333;
  float: none; }

#loadContentArea table {
  position: relative;
  border-collapse: collapse;
  border-top: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  font-size: 1em;
  margin: 0.5em 0 1em; }
  #loadContentArea table th, #loadContentArea table td {
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    vertical-align: top;
    padding: 0.5em; }
  #loadContentArea table th {
    background: #f0f0f0;
    color: #333;
    vertical-align: bottom;
    font-weight: 600; }

.timingdgm {
  text-align: center; }

.image-matrix .figure img, .image-matrix .graph img {
  height: 350px; }

.image-matrix .figure, .image-matrix .graph {
  min-height: 450px; }

.image-matrix-no-border .figure img, .image-matrix-no-border .graph img {
  height: 350px; }

.image-matrix-no-border .figure, .image-matrix-no-border .graph {
  min-height: 450px; }

#loadContentArea .graph {
  text-align: center; }

#loadContentArea .hilite {
  background-color: yellow; }

.subsection {
  clear: both;
  margin: 0 0 2em 0; }
  .subsection:before {
    content: "";
    display: table; }
  .subsection:after {
    content: "";
    display: table;
    clear: both; }

.gentable {
  margin-bottom: 10px;
  clear: both; }
  .gentable h5 {
    padding: 15px 0 5px 0; }
  .gentable ul li {
    padding-left: 5px;
    margin-left: 15px; }

span.green, span.blue, span.red {
  float: left;
  padding: 2px 0;
  position: relative;
  width: 100%; }

.thGrey {
  background-color: #d2d2d2 !important; }

span.thGrey {
  float: left;
  padding: 2px 0;
  position: relative;
  width: 100%; }

.odsContent .note, .odsContent .caution, .odsContent .warning {
  display: block;
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  float: left;
  margin: 10px auto;
  padding: 10px 0;
  position: relative;
  width: 100%; }

.odsContent .caution, .odsContent .warning {
  display: block;
  border: 1px solid #CCCCCC;
  float: left;
  margin: 10px auto;
  padding: 10px 0;
  position: relative;
  width: 100%; }

.odsContent .note p.note_title, .odsContent .caution p.caution_title, .odsContent .warning p.warning_title {
  text-align: center;
  font-weight: bold;
  margin-top: 10px; }

.odsContent .caution, .odsContent .warning {
  background: none #b9b9b9; }

.odsContent .subsection ul p {
  margin-left: 0.6em; }

.odsContent .note {
  float: none; }

.odsContent p {
  clear: both;
  max-width: 100%; }

.ModItemName {
  font-weight: bold;
  font-size: 1.2em;
  float: left;
  max-width: 120px;
  padding-top: 0.5em; }

.ModItemDesc {
  font-weight: bold;
  font-style: italic;
  font-size: 1.1em;
  margin-left: 130px;
  border-bottom: thin solid #000000;
  padding-top: 0.5em; }

.ModItemTerm {
  font-weight: bold;
  font-size: 1em;
  padding-top: 0.5em;
  clear: left;
  float: left; }

.ModTermDesc {
  padding-top: 0.5em;
  margin-left: 130px; }

.figure {
  text-align: center; }

.pinoutdrawing * {
  text-align: center; }

.pinoutdrawing img {
  display: block;
  margin: 20px auto 0 auto;
  text-align: center; }

span.boldItalic {
  font-style: italic;
  font-weight: 600; }

.image-matrix .graph, .image-matrix .figure {
  border: 1px solid #e0e0e0; }

.defterm {
  display: inline-block;
  font-weight: 600;
  min-width: 100px; }

.defitem {
  display: inline-block;
  padding-left: 2em; }

.textnote {
  text-align: left; }

.figure .textnote {
  margin-left: 10em; }

.textnote {
  font-size: 0.9em; }

.caption {
  font-size: 0.9em;
  display: block;
  font-style: italic;
  margin: 1em 0; }

.tablenote {
  float: left;
  padding: 3px 0;
  position: relative;
  width: 100%; }
  .tablenote.noData {
    padding: 10px 0; }

.vertCenter {
  vertical-align: middle !important; }

.reservedrow {
  background: #CCCCCC; }

.matrixleft {
  float: left;
  width: 50%;
  clear: left; }

.matrixright {
  float: right;
  width: 50%; }

.tabbedtext {
  border: none !important;
  display: inline; }
  .tabbedtext td {
    border: none; }

.subsection .image-matrix .subsection, .subsection .image-matrix-no-border .subsection {
  width: 100%;
  height: 100%; }
  .subsection .image-matrix .subsection table.tabbedtext, .subsection .image-matrix-no-border .subsection table.tabbedtext {
    margin: 0 auto !important; }

img[alt="esds-image"] {
  float: left;
  margin-right: 10px; }

#loadContentArea table.tabbedtext tr, #loadContentArea table.tabbedtext td {
  border: 0; }

#loadContentArea table tr.noBorderBottom {
  border-bottom: 0; }

#loadContentArea table td.noBorderRight {
  border-right: 0; }

ul.subList li.level-2 {
  text-indent: -9px; }

table.tableList {
  background: #FFFFFF;
  border: none !important; }
  table.tableList td {
    background: #FFFFFF;
    border: none !important; }

ul.tableList {
  padding-left: 2em; }
  ul.tableList li {
    list-style-type: upper-alpha;
    background: none;
    padding: 0; }
  ul.tableList ul li {
    list-style-type: disc !important; }

/* table background colors */
.green {
  background-color: #CCFFCC; }

.shade {
  background-color: #D2D2D2; }

.yellow {
  background-color: #FFFF99; }

.blue {
  background-color: #B9DFFF; }

.orange {
  background-color: #FFC498; }

.red {
  background-color: #FF6666; }

.sbd_blue {
  background-color: #82B5E2; }

.sbd_violet {
  background-color: #E57BD2; }

.sbd_light_violet {
  background-color: #EAACE4; }

.sbd_green {
  background-color: #65C192; }

.sbd_red {
  background-color: #D86869; }

.sbd_golden_brown {
  background-color: #D6B76F; }

.sbd_orange {
  background-color: #EF9E67; }

.sbd_yellow {
  background-color: #EBEB85; }

.sbd_turqoise {
  background-color: #7FDAEF; }

.sbd_purple {
  background-color: #9E9CF2; }

.sbd_white {
  background-color: #FFFFFF; }

.tbl_hdr_gray {
  background-color: #D8D8D8; }

.tbl_row_gray {
  background-color: #F0F0F0; }

/* table cell content alignment */
td.vertTop {
  vertical-align: top; }

td.vertCenter {
  vertical-align: middle; }

td.vertBottom {
  vertical-align: bottom; }

td.left {
  text-align: middle; }

td.center {
  text-align: center; }

td.right {
  text-align: right; }

td.left.vertTop {
  vertical-align: top;
  text-align: left; }

td.center.vertTop {
  vertical-align: top;
  text-align: center; }

td.right.vertTop {
  vertical-align: top;
  text-align: right; }

td.left.vertCenter {
  vertical-align: middle;
  text-align: left; }

td.center.vertCenter {
  vertical-align: middle;
  text-align: center; }

td.right.vertCenter {
  vertical-align: middle;
  text-align: right; }

td.left.vertBottom {
  vertical-align: bottom;
  text-align: left; }

td.center.vertBottom {
  vertical-align: bottom;
  text-align: center; }

td.right.vertBottom {
  vertical-align: bottom;
  text-align: right; }

tr.vertTop {
  vertical-align: top; }

tr.vertCenter {
  vertical-align: middle; }

tr.vertBottom {
  vertical-align: bottom; }

th.left {
  text-align: left; }

th.center {
  text-align: center; }

th.right {
  text-align: right; }

code {
  white-space: pre; }

ul.auto-rev-history {
  overflow-x: hidden;
  width: 98%; }
  ul.auto-rev-history li {
    display: flex;
    width: 100%;
    align-items: flex-start;
    word-break: break-all; }
    ul.auto-rev-history li:after {
      content: '.';
      color: transparent;
      display: flex;
      flex-grow: 2;
      border-bottom: 2px dotted rgba(0, 0, 0, 0.34);
      position: relative;
      padding-right: .5em;
      margin-top: -6px;
      margin-right: .5em; }
  ul.auto-rev-history span.right {
    order: 99;
    word-break: normal; }

.hide {
  visibility: hidden; }