.tab-icon {
  margin-left: 25px;
  padding: 3px;
  height: auto;
}

.tab-tab-plus {
  padding: 3px;
  height: auto;
}

md-toolbar.movie-tabsbar {
  background-color: transparent;

  md-tabs > md-tabs-wrapper {
    background-color: transparent;

    > md-prev-button > md-icon {
      color: rgba(0, 0, 0, 0.54);
      fill: currentColor;
    }

    > md-next-button > md-icon {
      color: rgba(0, 0, 0, 0.54);
      fill: currentColor;
    }

    > md-tabs-canvas > md-pagination-wrapper > md-tab-item {
      max-width: none !important;

      > section > md-icon {
        color: inherit;
      }
    }
  }

  .add-movie-input {
    margin-bottom: 5px;
  }
}

md-tabs.movie-tabs md-tabs-wrapper {
  display: none !important;
}

//nth-last-child(2), because 1 doesn't work
.movie-tabs .md-tab:nth-last-child(2) {
  padding: 0px;

  section {
    padding: 12px 24px;
  }
}

.list-selection {
  z-index: 101;
}

.add-movie-panel {
  background: white;
  border-radius: 4px;
  box-shadow:
    0 7px 8px -4px rgba(0, 0, 0, 0.2),
    0 13px 19px 2px rgba(0, 0, 0, 0.14),
    0 5px 24px 4px rgba(0, 0, 0, 0.12);
  min-width: 250px;

  md-content {
    max-height: 500px;
  }

  .list {
    padding-left: 6px;
  }

  img {
    height: 60px;
  }

  .title {
    margin-left: 7px;
    margin-right: 15px;
    color: black;
    text-decoration: none;
  }
}
