// // table
// // { width: 100%;
// //   display: block;
// //     overflow-x: auto;
// //     white-space: nowrap;
// //   border-collapse: collapse;
// //   font-family: var(--hlx-font-type-content);
// //   i{
// //     cursor: pointer;
// //   }
// // }
// // th{
// //     text-align: left;
// // }
//  th

//   {
//     // width: 100%;
// //     min-width: 100px;
// //  text-overflow: ellipsis;
// //  overflow: hidden;
// //  white-space: nowrap;
// //     //  border-bottom: solid 1px $border-color;
// //      padding: 12px;
// }
// //  td
// //   {
// //      width: 1%;
// //      font-family: var(--hlx-font-type-content);
// // //     min-width: max-content;
// //     // text-overflow: ellipsis;
// //     // overflow: hidden;
// //     // white-space: nowrap;
// // //     //  border-bottom: solid 1px $border-color;
// //      padding: 12px;
// // }

// .table-img{

//     width: 100px;
//   height: 31.5px;
//   object-fit: contain;

// }

// .row-expand{
//     width:100%;
//     min-height:65px;
//     max-height: 260px;
//     display: none;
//     overflow:scroll;
//     border-bottom: 1px solid var(--hlx-border-color);
//     // overflow-x: scroll;
//     padding:0px;
//     // padding:8px;
//     // border:1px solid red;
//     flex-direction: column;
// }

// .expand{
//   width:100%;
//   min-height:60px;
//   max-height: 260px;
//   display: none;
//   // overflow:scroll
//   // overflow-x: scroll;
//   padding:0px;
//   // padding:8px;
//   // border:1px solid red;
//   flex-direction: column;
// }
// .group{
//   min-height: 148px;
//   height: 127px;
//   max-height: 400px;
//   width:100%;
//   padding:0px;
//   // padding:8px;
// }

// // .table-row-expand-container{
//   // border-bottom: 1px solid $border-color;
// // }

// .table-row-expand-icon{
//   width:50px;
//   .icon-arrow-down,.icon-arrow-right{
//     font-size: 18px;
//   }
// }

// .parent-row{
//   width:150px;
//   // min-width: 150px;
//   max-width: 150px;
//   overflow: hidden;
//   text-overflow: ellipsis;
//   span{
//     width:100%;
//     overflow: hidden;
//   text-overflow: ellipsis;
//   }
// }

// .parenttitle{
//   // min-width: 150px;
//   // width:150px;
//   // max-width: 150px;
//   overflow: hidden;
//   text-overflow: ellipsis;
//   margin-left: 5px;
//   padding-top: 19px;
// }
// .parenttitle1{
//   // min-width: 150px;
//   // width:150px;
//   // max-width: 150px;
//   overflow: hidden;
//   text-overflow: ellipsis;
//   margin-left: 5px;
//   padding-top: 19px;
// }

// .onehead{
//   min-width: 322.6666666666667px;
//   width:322.6666666666667px;
//   max-width: 322.6666666666667px;
// }

// .groupbysubtotal{
//   height: 27px;
//   width: 27px;
//   /* text-align: center; */
//   display: flex;
//   align-items: center;
//   border-radius: 17px;
//   // border: 1px solid ;
//   background-color: var(--hlx-color-primary-dark);
//   color: var(--hlx-color-white);
//   // border: 1px solid #fj5645;
//   // border: 1px solid red;
//   justify-content: center;
// }

// .child-title{
//   min-width: 260px;
//   max-width: 260px;
//     width:100%;
//     height:100%;
//     height:50px;
// }

// .table-wrapper-2{
//   width:100%;
// }

// .url-value{
//   color:var(--hlx-text-color-primary);
// }

// .sticky-col {
//   position: -webkit-sticky;
//   position: sticky;
//   background-color: white;
// }

// .first-col {
//   width: 100px;
//   min-width: 100px;
//   max-width: 100px;
//   left: 0px;
// }
// .wrapper {
//   position: relative;
//   overflow: auto;
//   border: 1px solid black;
//   white-space: nowrap;
// }
// .full-row-detail{
//   display: inline-flex;
//   align-items: center;
//   margin-bottom: 10px;
//   .full-row-modal-value{
//     margin-left: 10px;
//   }
//   .full-row-modal-key{
//     display: inline-flex;
//     align-items: center;
//     justify-content: space-between;
//     width: 200px;
//   }
// }

// //rowgroup

// .group-by{
//   width:20%;
//   margin-right: 10px;
// }

// .group-by-row-parent{
//   width:100%;
// }

// .group-by-row-child:first-child{
//   width:200px;
// }

// .group-by-row-child{
//   width:150px;
// }

// .row-group-border{
//   border-bottom: 1px solid var(--hlx-border-color);
// }

// .normalrow{
//   display:flex
// }

// .inlinedit{
//   width:100%;
//   height:100%;
//   display: none;
// }

// .showdata{
//   display: flex;
// }

// .edit{
//   display: none;
// }

// .datavalue{
//   display: flex;
// }

// .subfiltercontainer{
//   position: absolute;
//   top: 4px;
//   left: 15px;
//   height: 198px;
//   width: 143px;
//   background: white;
//   display: flex;
//   visibility: hidden;
//   flex-direction: column;
//   border:1px solid var(--hlx-border-color);
//   border-radius: 2px;
//   z-index: 4543445;
//   span{
//     width:100%;
//     height:100%;
//     p{
//       padding:5px;
//       margin:5px;
//       &:hover{
//         border-radius: 2px;
//         background:var(--hlx-color-primary);
//         color: var(--colors-white);
//       }
//     }
//     .straight-line{
//       border-top:1px solid var(--hlx-border-color);
//       // padding:5px;
//       margin:5px;
//     }
//   }
// }

// .hlx-multi-filter-count{
//   width: 40px;
//   padding: 6px;
//   display: flex;
//   margin-right: 3px;
//   justify-content: center;
//   align-items: center;
//   // position: absolute;
//   //   right: 39px;
// }
// .hlx-multi-filter-count-check{
//   width:100%;
//    background:var(--hlx-color-primary);
//    border-radius:20px;
//    text-align: center;
//    color:var(--colors-white);
//    padding: 6px;
//    font-size: 12px;
// }

// .show_custom_Filter{
//   display: none;
// }
// .action-sub-menu {
//   display: flex;
//   flex-direction: column;
//   background: white;
//   border: 1px solid var(--hlx-border-color);
//   height: 87px;
//   border-radius: 5px;
//   position: absolute;
//   right: 50px;
//   z-index: 100;
// }