.view-commerce-cart-form .table-responsive table {
    display: grid;
    grid-auto-flow: column; 
    grid-auto-columns: 1fr; 
    grid-auto-rows: 1fr; 
    grid-template-columns: 1fr; 
    grid-template-rows: auto auto; 
    gap: 0 0; 
    justify-content: stretch; 
    align-content: stretch; 
    justify-items: stretch; 
    align-items: stretch; 
    width: 100%; 
    height: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: var(--shoping-cart-main-color);
    border-radius: 0.56rem;
    background-color: var(--shoping-cart-table-bg);
  }
  .view-commerce-cart-form .table-responsive table > thead {
  /*   background: red; */
    display: block;
    border-width: 0;
    background-color: transparent;
  }
  .view-commerce-cart-form .table-responsive table > thead > tr {
    display: grid;
    grid-auto-flow: column; 
    grid-auto-columns: 1fr; 
    grid-auto-rows: 1fr; 
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 
    grid-template-rows: 1fr; 
    gap: 0 0; 
    justify-content: stretch; 
    align-content: stretch; 
    justify-items: stretch; 
    align-items: stretch; 
    width: 100%; 
    height: 100%;
    padding: 0;
    border-width: 0;
    background-color: transparent;
  }
  .view-commerce-cart-form .table-responsive table > thead > tr > th {
    display: flex;
    justify-content: center; 
    align-content: center; 
    justify-items: center; 
    align-items: center; 
    border-width: 0;
    border-left-width: 1px;
    border-style: solid;
    border-color: var(--shoping-cart-main-color);
    border-radius: 0;
    background-color: transparent;
    color: var(--shoping-cart-text-color);
  }
  .view-commerce-cart-form .table-responsive table > tbody {
    display: flex;
    flex-direction: column;
    justify-content: stretch; 
    align-content: stretch; 
    justify-items: stretch; 
    align-items: stretch; 
  /*   background: green; */
    width: 100%; 
    height: 100%;
    background-color: transparent;
  }
  .view-commerce-cart-form .table-responsive table > tbody > tr {
    display: grid;
    grid-auto-flow: column; 
    grid-auto-columns: 1fr; 
    grid-auto-rows: 1fr; 
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 
    grid-template-rows: 1fr; 
    gap: 0 0; 
    justify-content: stretch; 
    align-content: stretch; 
    justify-items: stretch; 
    align-items: stretch; 
    width: 100%; 
    height: 100%;
    padding: 0;
    border-width: 0;
    border-top-width: 1px;
    border-style: solid;
    border-color: var(--shoping-cart-main-color);
    border-radius: 0;
    background-color: transparent;
  }
  .view-commerce-cart-form .table-responsive table > tbody > tr > td {
    display: flex;
    justify-content: center; 
    align-content: center; 
    justify-items: center; 
    align-items: center; 
    border-width: 0;
    border-left-width: 1px;
    border-style: solid;
    border-color: var(--shoping-cart-main-color);
    border-radius: 0;
    background-color: transparent;
    color: var(--shoping-cart-text-color);
  }
  .view-commerce-cart-form .table-responsive table tr .form-type-number {
    margin: 0 !important;
  }


  .view-commerce-cart-form form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr auto;
    grid-auto-columns: 1fr 1fr;
    grid-auto-rows: 1fr 1fr;
    grid-template-areas: "list-item list-item"
      "summary actions";
    gap: 16px 16px;
    grid-auto-flow: column;
    justify-content: stretch;
    align-content: stretch;
    justify-items: stretch;
    align-items: stretch;
    width: 100%;
    height: 100%;
  }
  .view-commerce-cart-form form > .table-responsive {
    grid-area: list-item;
    height: min-content;
    width: 100%;
  }
  .view-commerce-cart-form form > .table-responsive > table {
    margin: 0;
  }
  .view-commerce-cart-form form > *[data-drupal-selector="order-total-summary"] {
    grid-area: summary;
    align-self: center;
    justify-self: center;
  }
  .view-commerce-cart-form form > .form-actions {
    grid-area: actions;
    align-self: center;
    justify-self: center;
    margin: 0 !important;
  }
  /* .view-commerce-cart-form form > .form-actions input.button {
    background-color: var(--shoping-cart-main-color);
    color: var(--tul-institute-color-background);
  }
  
  .view-commerce-cart-form form > .form-actions input.form-control:focus {
    border-color: var(--shoping-cart-main-color) !important;
    box-shadow: 0 0 0 0 var(--shoping-cart-main-color) !important;
  } */