/*=========================
     Overall container 
  =========================*/
  .container-1080 { 
    margin: 0 auto; 
    background-color: #c0d0d7; 
    padding-top: 20px;
    padding-left: 8px;
    padding-right: 8px;
  }

  hr.economic-index-line {
    border-top: 2px solid #7296a5;
	  border-bottom: 1px solid #c0d0d7;
    margin: 14px 8px 14px 8px;
  }


  /*=========================
      Top row selection 
  =========================*/
 .econ-filter-top-css-grid {
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 8px 8px; 
  grid-template-areas: 
    "Economic-Index Blank-space All-Data-Series"; 
 }
 .Economic-Index { grid-area: Economic-Index; }
 .Blank-space { grid-area: Blank-space; }
 .All-Data-Series { grid-area: All-Data-Series; } 


 @media screen and (max-width: 850px) { .econ-filter-top-css-grid { grid-template-columns: 2fr 0fr 2fr; }}

 /* Economic index and Select All */
 .economic-index-cb,
 .select-all-cb {
   display: flex;
   flex-flow: row nowrap;
   justify-content: flex-start;
   align-content: center;
   align-items: center;
   position: relative;
   background-color: #eff3f5;
   border: 1px solid #7296a5;
   border-radius: 2px;
   height: 60px;
   padding-right: 5px;
  }

  .economic-index-cb::before,
  .select-all-cb::before {
    content: '';
    width: 25px;
    height: 60px; 
    position: absolute;
    z-index: 4;
  }


  .economic-index-cb::before { background-color: #2492ff; }
  .select-all-cb::before {
    background-image: url(../svg/all-data-colors.svg);
    background-repeat: none;
    background-size: cover;
  }

  .economic-index-cb label,
  .select-all-cb label {
    padding-left: 75px;
    font-size: 1rem;
    cursor: pointer;
  }

  @media screen and (max-width: 1366px) { 
   .economic-index-cb label, .select-all-cb label { font-size: 0.9rem; }
  }

  .economic-index-cb input,
  .select-all-cb input {
    height: 33px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 33px;
  }

  .economic-index-cb input + label::before,
  .select-all-cb input + label::before {
    border: 1px solid #4f6e7c;
    content: "";
    height: 33px;
    left: 33px;
    position: absolute;
    width: 33px;
    top:0;
    margin-top: 12.5px;
    border-radius: 2px;
    background-color: #fff;
  }

  .economic-index-cb input + label::after,
  .select-all-cb input + label::after {
    content: "";
    border: 4px solid #050817;
    border-left: 0;
    border-top: 0;
    height: 23px;
    left: 45px;
    opacity: 0;
    position: absolute;
    top: 15px;
    transform: rotate(45deg);
    transition: opacity 0.2s ease-in-out;
    width: 7px;
  }
  .economic-index-cb input:checked + label::after, .select-all-cb input:checked + label::after { opacity: 1; }

  /*=========================
     Bottom row selection 
  =========================*/
  /* CSS Grid */
  .econ-filter-css-grid {  
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    gap: 8px 8px;
    grid-auto-flow: row;
    grid-template-areas:
      "Business-Applications Trade-Imports New-Homes-Sold"
      "Trade-Exports Manufacturing-Inventories Retail-And-Food-Services-Sales"
      "Residential-Construction-Permits Manufacturing-New-Orders Retail-Inventories"
      "Residential-Construction-Units-Completed Durable-Goods Construction-Spending"
      "Residential-Construction-Units-Started New-Homes-For-Sale Wholesale-Inventories";
  }

  /* Left column */
  .Business-Applications { grid-area: Business-Applications; }
  .Trade-Exports { grid-area: Trade-Exports; }
  .Residential-Construction-Permits { grid-area: Residential-Construction-Permits; }
  .Residential-Construction-Units-Completed { grid-area: Residential-Construction-Units-Completed; }
  .Residential-Construction-Units-Started { grid-area: Residential-Construction-Units-Started; }

  /* Center column */
  .Trade-Imports { grid-area: Trade-Imports; }
  .Manufacturing-Inventories { grid-area: Manufacturing-Inventories; }
  .Manufacturing-New-Orders { grid-area: Manufacturing-New-Orders; }
  .Durable-Goods { grid-area: Durable-Goods; }
  .New-Homes-For-Sale { grid-area: New-Homes-For-Sale; }

  /* Right column */
  .New-Homes-Sold { grid-area: New-Homes-Sold; }
  .Retail-And-Food-Services-Sales { grid-area: Retail-And-Food-Services-Sales; }
  .Retail-Inventories { grid-area: Retail-Inventories; }
  .Construction-Spending { grid-area: Construction-Spending; }
  .Wholesale-Inventories { grid-area: Wholesale-Inventories; }


  /* CSS Grid: 779 pixel media query */
  @media screen and (max-width: 850px) { 
    .econ-filter-css-grid {  
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      margin-bottom: 10px;
      grid-template-areas:
      "Business-Applications Durable-Goods"
      "Trade-Exports New-Homes-For-Sale"
      "Residential-Construction-Permits New-Homes-Sold"
      "Residential-Construction-Units-Completed Retail-And-Food-Services-Sales"
      "Residential-Construction-Units-Started Retail-Inventories"
      "Trade-Imports Construction-Spending"
      "Manufacturing-Inventories Wholesale-Inventories"
      "Manufacturing-New-Orders  .";
    }
  }


  /* CSS Grid: 595 pixel media query */
  @media screen and (max-width: 595px) { 
   .econ-filter-css-grid {  
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas:
    "Business-Applications"
    "Trade-Exports"
    "Residential-Construction-Permits"
    "Residential-Construction-Units-Completed"
    "Residential-Construction-Units-Started"
    "Trade-Imports"
    "Manufacturing-Inventories"
    "Manufacturing-New-Orders"
    "Durable-Goods"
    "New-Homes-For-Sale"
    "New-Homes-Sold"
    "Retail-And-Food-Services-Sales"
    "Retail-Inventories"
    "Construction-Spending"
    "Wholesale-Inventories";
   }
  }

  /* Checkbox buttons begin here */
  .business-applications-cb, 
  .construction-spending-cb, 
  .durable-goods-cb, 
  .trade-exports-cb, 
  .trade-imports-cb, 
  .manufacturing-inventories-cb, 
  .manufacturing-new-orders-cb, 
  .new-homes-for-sale-cb, 
  .new-homes-sold-cb, 
  .residential-construction-permits-cb, 
  .residential-construction-units-completed-cb,
  .residential-construction-units-started-cb, 
  .retail-and-food-services-sales-cb, 
  .retail-inventories-cb, 
  .wholesale-inventories-cb {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    position: relative;
    background-color: #eff3f5;
    border: 1px solid #7296a5;
    border-radius: 2px;
    height: 60px;
    padding-right: 5px;
  }


  .business-applications-cb::before, 
  .construction-spending-cb::before, 
  .durable-goods-cb::before,
  .trade-exports-cb::before, 
  .trade-imports-cb::before, 
  .manufacturing-inventories-cb::before, 
  .manufacturing-new-orders-cb::before,
  .new-homes-for-sale-cb::before, 
  .new-homes-sold-cb::before, 
  .residential-construction-permits-cb::before, 
  .residential-construction-units-completed-cb::before,
  .residential-construction-units-started-cb::before, 
  .retail-and-food-services-sales-cb::before, 
  .retail-inventories-cb::before, 
  .wholesale-inventories-cb::before {
    content: '';
    width: 20px;
    height: 60px; 
    padding-right: 5px;
    position: absolute;
    z-index: 4;
  }

  .business-applications-cb::before { background-color: #215a8e; }
  .trade-exports-cb::before { background-color: #852885; } 
  .residential-construction-permits-cb::before { background-color: #bf350c; }
  .residential-construction-units-completed-cb::before { background-color: #e62719; }
  .residential-construction-units-started-cb::before { background-color: #ff5622; }

  .trade-imports-cb::before { background-color: #6c479b; }
  .manufacturing-inventories-cb::before { background-color: #8797a7; }
  .manufacturing-new-orders-cb::before { background-color: #4f6e7c; }
  .durable-goods-cb::before { background-color: #076c79; }
  .new-homes-for-sale-cb::before { background-color: #f17505; }

  .new-homes-sold-cb::before { background-color: #fca528; }
  .retail-and-food-services-sales-cb::before { background-color: #0095a8; }
  .retail-inventories-cb::before { background-color: #1919b4; }
  .construction-spending-cb::before { background-color: #ffce2e; }
  .wholesale-inventories-cb::before { background-color: #6c7be1; }


  .business-applications-cb label, 
  .construction-spending-cb label, 
  .durable-goods-cb label,
  .trade-exports-cb label, 
  .trade-imports-cb label, 
  .manufacturing-inventories-cb label, 
  .manufacturing-new-orders-cb label,
  .new-homes-for-sale-cb label, 
  .new-homes-sold-cb label, 
  .residential-construction-permits-cb label, 
  .residential-construction-units-completed-cb label, 
  .residential-construction-units-started-cb label, 
  .retail-and-food-services-sales-cb label, 
  .retail-inventories-cb label, 
  .wholesale-inventories-cb label {
    padding-left: 75px;
    font-size: 1rem;
    cursor: pointer;
  }

  @media screen and (max-width: 1366px) { 
  .economic-index-cb label,
  .select-all-cb label,
  .business-applications-cb label, 
  .construction-spending-cb label, 
  .durable-goods-cb label,
  .trade-exports-cb label, 
  .trade-imports-cb label, 
  .manufacturing-inventories-cb label, 
  .manufacturing-new-orders-cb label,
  .new-homes-for-sale-cb label, 
  .new-homes-sold-cb label, 
  .residential-construction-permits-cb label, 
  .residential-construction-units-completed-cb label, 
  .residential-construction-units-started-cb label, 
  .retail-and-food-services-sales-cb label, 
  .retail-inventories-cb label, 
  .wholesale-inventories-cb label { font-size: 0.9rem; }
  }

  .business-applications-cb input, 
  .construction-spending-cb input, 
  .durable-goods-cb input,
  .trade-exports-cb input, 
  .trade-imports-cb input, 
  .manufacturing-inventories-cb input, 
  .manufacturing-new-orders-cb input,
  .new-homes-for-sale-cb input, 
  .new-homes-sold-cb input, 
  .residential-construction-permits-cb input, 
  .residential-construction-units-completed-cb input,
  .residential-construction-units-started-cb input, 
  .retail-and-food-services-sales-cb input, 
  .retail-inventories-cb input, 
  .wholesale-inventories-cb input {
    height: 33px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 33px;
  }

  .business-applications-cb input + label::before,
  .construction-spending-cb input + label::before,
  .durable-goods-cb input + label::before,
  .trade-exports-cb input + label::before,
  .trade-imports-cb input + label::before,
  .manufacturing-inventories-cb input + label::before,
  .manufacturing-new-orders-cb input + label::before,
  .new-homes-for-sale-cb input + label::before,
  .new-homes-sold-cb input + label::before,
  .residential-construction-permits-cb input + label::before,
  .residential-construction-units-completed-cb input + label::before,
  .residential-construction-units-started-cb input + label::before,
  .retail-and-food-services-sales-cb input + label::before,
  .retail-inventories-cb input + label::before,
  .wholesale-inventories-cb input + label::before {
    border: 1px solid #4f6e7c;
    content: "";
    height: 33px;
    left: 33px;
    position: absolute;
    width: 33px;
    top:0;
    margin-top: 12.5px;
    border-radius: 2px;
    background-color: #fff;
  }

  .business-applications-cb input + label::after,
  .construction-spending-cb input + label::after,
  .durable-goods-cb input + label::after,
  .trade-exports-cb input + label::after,
  .trade-imports-cb input + label::after,
  .manufacturing-inventories-cb input + label::after,
  .manufacturing-new-orders-cb input + label::after,
  .new-homes-for-sale-cb input + label::after,
  .new-homes-sold-cb input + label::after,
  .residential-construction-permits-cb input + label::after,
  .residential-construction-units-completed-cb input + label::after,
  .residential-construction-units-started-cb input + label::after,
  .retail-and-food-services-sales-cb input + label::after,
  .retail-inventories-cb input + label::after,
  .wholesale-inventories-cb input + label::after {
    content: "";
    border: 4px solid #050817;
    border-left: 0;
    border-top: 0;
    height: 23px;
    left: 45px;
    opacity: 0;
    position: absolute;
    top: 15px;
    transform: rotate(45deg);
    transition: opacity 0.2s ease-in-out;
    width: 7px;
  }
    
  .business-applications-cb input:checked + label::after,
  .construction-spending-cb input:checked + label::after,
  .durable-goods-cb input:checked + label::after,
  .trade-exports-cb input:checked + label::after,
  .trade-imports-cb input:checked + label::after,
  .manufacturing-inventories-cb input:checked + label::after,
  .manufacturing-new-orders-cb input:checked + label::after,
  .new-homes-for-sale-cb input:checked + label::after,
  .new-homes-sold-cb input:checked + label::after,
  .residential-construction-permits-cb input:checked + label::after,
  .residential-construction-units-completed-cb input:checked + label::after,
  .residential-construction-units-started-cb input:checked + label::after,
  .retail-and-food-services-sales-cb input:checked + label::after,
  .retail-inventories-cb input:checked + label::after,
  .wholesale-inventories-cb input:checked + label::after { 
    opacity: 1; 
  }