/*
  * Tabs
  */

  .tab-container {

    padding: 2rem;

    width: calc(100% - 4rem);
    height: calc(100% - 4rem);

    position:relative;

    border:1px solid var(--col-primary-blue);
    background:rgba(0, 81, 148, 0.2);
  }

  .tabs-list {
    position:absolute;top:-1.3rem;left:2rem;

    background:transparent;
  }

  .tabs-content {

  }


  /*
  * Product item
  */

  .items-product-list {
    display:flex;
  }

  .item-product {
    margin:1rem;
    display:flex;
    flex-direction: column;

  }

  .ip-title {
    display:flex;
  }


  .ipt-icon{
    margin:0.2rem 0.8rem 0.2rem 0.2rem;
    width:2rem;height:2rem;

    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;

    background:var(--col-primary-blue);
  }

  .ipt-text {
    display:flex; flex-direction: column;
  }

  .iptt-title {
    font-size:1.2rem;
    line-height:1.3rem;
    font-weight: 500;
    color:rgba(255,255,255,1);
  }

  .iptt-subtitle {
    font-size:1.1rem;
    line-height:1.3rem;
    font-weight: 300;
    color:rgba(255,255,255,0.8);
  }


  .ip-actions {
    display:flex;
  }

  .ipa {
    margin:0.5rem;
    width:3rem;height:3rem;

    display:flex;align-items: center;justify-content: center;
  }

  .ipa-item {
    width:90%;height:90%;

    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;

    border:3px solid var(--col-primary-green);

    background:var(--col-primary-blue);
  }

  .ipa-item a {
    width:100%;height:100%;
    display:flex;
    align-items: center;justify-content: center;

    color:rgba(255,255,255,1);
    text-decoration: none;

    opacity:0.75;
    cursor:pointer;
  }

  .ipa-item a:hover {
    opacity:1;
  }

  .ipa-item a img {
    width:80%; height:80%;
    display:block;

    opacity:0.75;
  }

  .ipa-item a:hover img {
    opacity:1;
  }

  .line-items-horizontal-picker__icon-inner img {
    width:100%;
    height:auto;
  }

  @media screen and (max-width:1023px){
    .tab-container {
      padding:0.3rem;
      margin-top:2.5rem;

      width:calc(100% - 6rem)!important;
      min-height:700px;
    }

    .tabs-list {
      position:static;
      justify-content: center;
    }

    .items-product-list {
      flex-wrap:wrap;
    }
  }

  @media screen and (max-width:520px){
    .tab-container {
      padding:0.3rem;
      margin:auto;
      min-width:250px;
    }

    
  }