pip-tabs {
  md-toolbar.pip-nav {
    min-height: 0;
    height: 0;
    -webkit-transition: height .35s ease;
    -moz-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease;
    md-tabs {
      md-tabs-wrapper {
        height: 0;
        min-height: 0;
        -webkit-transition: height .35s ease;
        -moz-transition: height .35s ease;
        -o-transition: height .35s ease;
        transition: height .35s ease;
        background-color: transparent !important;
      }
    }

    &.pip-shadow {
      box-shadow: $box-shadow;
    }
    &.pip-visible {
      min-height: 48px;
      md-tabs-wrapper {
        height: 48px;
        min-height: 48px;
      }
    }
  }
// md-tabs.md-default-theme md-tabs-wrapper, md-tabs md-tabs-wrapper {
    
  md-tabs.disabled {
    md-tab-item {
      pointer-events: none;
      -ms-touch-action: pan-y;
      touch-action: pan-y;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-user-drag: none;
      opacity: 0.5;
      cursor: default;
      color: rgba(0, 0, 0, 0.26) !important;
      .pip-tabs-badge {
        opacity: $opacity-secondary;
      }
    }
  }

  .pip-tabs-content {
    overflow: hidden !important;
    //background-color: rgb(63, 81, 181);
    .pip-divider {
      border-top-color: rgba(255, 255, 255, 0.12);
    }
    //height: 48px;
    md-select {
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 16px;
      margin-right: 16px;
      height: 48px;
      md-select-value {
        color: rgba(255, 255, 255, 0.870588) !important;
        border-bottom: 0px !important;
        padding: 0px !important;
        span {
          max-width: 100%;
        }
        .md-select-icon {
          margin-right: -2px !important;
          font-size: 14px;
        }
      }
      &[disabled] {
        md-select-value {
          margin-bottom: 0px !important;
          background: none !important;
          opacity: $opacity-secondary;
        }
      }
    }
  }
}

.pip-full-width-dropdown md-select-menu .pip-tabs-content md-option .md-text {
  padding-right: 25px !important;
}

md-tabs md-tab-item, .pip-tabs-content md-option, md-select md-select-value, .pip-full-width-dropdown md-option {
  .md-text {
    position: relative;
    height: 40px;
    line-height: 40px;
    padding-right: 25px;
  }
  .pip-tabs-badge {
    position: absolute;
    right: 0px;
    top: 12px;
    font-size: 10px !important;
    min-width: 20px !important;
    height: 20px !important;
    border-radius: 10px;
    line-height: 20px;
    vertical-align: middle;
    text-align: center;
    color: $color-content;
    background-color: $color-error;
  }
}

.pip-full-width-dropdown .pip-tab-option {
   .md-text {
      width: 100%;
      .pip-tabs-badge {
          position: absolute;
          top: 10px;
      }  
   }
}

md-select md-select-value {
  .md-text {
    .pip-tabs-badge {
      top: -4px !important;
      right: -3px;
    }
  }
}

@media (min-width: $layout-breakpoint-sm) and (max-width: $layout-breakpoint-md) {
  // Style to hide elements on smaller screens
  md-toolbar.pip-nav {
    box-shadow: $box-shadow;
  }
}
