@import "../Shared/Styles/card.less";
@import "../Shared/Styles/clickable.less";

#add-series-screen {
  .existing-series {

    .card();
    margin : 30px 0px;

    .unmapped-folder-path {
      padding: 20px;
      margin-left : 0px;
      font-weight : 100;
      font-size   : 25px;
      text-align  : center;
    }

    .new-series-loadmore {
      font-size      : 30px;
      font-weight    : 300;
      padding-top    : 10px;
      padding-bottom : 10px;
    }
  }

  .new-series {
    .search-item {
      .card();
      margin : 40px 0px;
    }
  }

  .add-series-search {
    margin-top    : 20px;
    margin-bottom : 20px;
  }

  .search-item {

    padding-bottom : 20px;

    .series-title {
      .label {
        margin-left: 15px;
        vertical-align: middle;
      }
    }

    .new-series-overview {
      overflow : hidden;
      height   : 103px;

      .overview-internal {
        overflow : hidden;
        height   : 80px;
      }
    }

    .new-series-poster {
      min-width  : 138px;
      min-height : 203px;
      max-width  : 138px;
      max-height : 203px;
      margin     : 10px;
    }

    a {
      color : #343434;
    }

    a:hover {
      text-decoration : none;
    }

    select {
      font-size : 16px;
    }

    .add-series {
      margin-left : 20px;
    }

    .checkbox {
          margin-top : 0px;
        }

    .starting-season {
      width: 140px;

      &.starting-season-label {
        display: inline-block;
      }
    }

    i {
      &:before {
        color: #ffffff;
      }
    }
  }

  .loading-folders {
    margin : 30px 0px;
    text-align: center;
  }
}

li.add-new {
  .clickable;

  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: rgb(51, 51, 51);
  white-space: nowrap;
}

li.add-new:hover {
  text-decoration: none;
  color: rgb(255, 255, 255);
  background-color: rgb(0, 129, 194);
}

.root-folders-modal {
  overflow: visible;

  .root-folders-list {
    overflow: auto;
    max-height: 300px;
  }

  .validation-errors {
    display: none;
  }
}