@import "../../../styles/varibale.scss";

.container {
    position: static;
    right: 0vw;
    margin-right: 34.63px;
    width: 75vw;
    margin-top: 34px;
    margin-left: 36px;
    height: 100%;
    :global(.ant-table-thead > tr > th){
      padding: 8px 5px;
      font-size: 12px;
      &:nth-child(2){
        width: 30px !important;
        max-width: 30px !important;
        word-wrap: break-word;
        word-break: break-all;
      }
    }
    :global(.ant-table-tbody > tr > td ){
      padding: 8px 5px;
      font-size: 14px;
      font-weight: 500;
      word-wrap: break-word;
      word-break: break-word;
    }
   
    h1 {
  
        font-size: 26px;
        font-weight: 600;
        line-height: 22px;
        letter-spacing: 0px;
        margin-bottom: 50px;
        color: #5a5a5a;
      }
  }
  .subTableAlign{
    margin-left: 2rem;
  }
  .tablePlus{
    padding: 0.5rem;
    // background: #f00;
  }
  .tablePlus span svg path:first-child, .tablePlus span svg path:last-child {
    fill:$primaryColor
  }
  .tablePlus tbody span svg{
    height: 1.25rem;
    width: 1.25rem;
  }
  .tablePlus span svg path:nth-child(2){
    fill: white;
  }
  @media (max-width: 768px) {
    .container {
      margin: 9rem 0;
      padding: 0 1rem;
      padding-bottom: 5rem;
      width: 100%;
    }
    .tableRow {
        display: none;
    }
    .subTableAlign{
        margin-left: 0;
      }
    .label{
        font-size: 12px;
        font-weight: 600;
    }
    .tableRow1 {
        flex-direction: column;
        display: flex;
        box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.08);
          border-radius:10px;
          margin-top: 1rem;
          padding: 1rem 0.5rem;
          width: 100%;
      }
}