.tableComp{padding-bottom:80px}
.tableComp .tableWrap{border:1px solid #ccc;border-left:0;border-radius:4px;box-shadow:0 10px 40px 0 rgba(0,0,0,0.1);background-color:#fff;overflow-x:auto;padding-right:1px}
.tableComp .tableWrap table{width:100%}
.tableComp .tableWrap table tr:first-child{border-top:0}
.tableComp .tableWrap table tr{border-top:1px solid #ccc}
.tableComp .tableWrap table th,.tableComp .tableWrap table td{vertical-align:middle}
.tableComp .tableWrap table th{background-color:#f6f6f6;font-family:"robotomedium";font-size:1.6rem;font-weight:normal;line-height:28px;color:#20252b;padding:15px 10px;border-left:1px solid #ccc}
.tableComp .tableWrap table td{background-color:#fff;padding:10px;font-family:"robotoregular";font-size:1.4rem;line-height:20px;color:#20252b;border-left:1px solid #ccc}
.tableComp .tableWrap table th{border-bottom:1px solid #ccc}
.tableComp .tableWrap table td .tootipWithText{display:inline-block;vertical-align:middle;padding-right:10px}
.tableComp .tableWrap table td.pinkBg{background:#fff9f8;padding:27px 0}
.tableComp .tableWrap table td.bgGrayArea{background:#f6f6f6}
.tableComp .tableWrap table td.bgGrayArea:first-child{background:#f6f6f6}
.tableComp .tableWrap table td .greenTickIcon{width:30px;height:30px}
.tableComp .tableTabsWrap{display:none;overflow-x:auto}
.tableComp .tableTabs{white-space:nowrap}
.tableComp .tableTabs li{border:2px solid #c5281c;border-radius:5px;cursor:pointer;display:inline-block;font-family:"robotomedium";font-size:1.6rem;margin:0 6px 20px;padding:14px 40px;transition:all .5s ease}
.tableComp .tableTabs li.active{border:0;padding:14px 32px;-webkit-box-shadow:0 8px 20px 0 rgb(0 0 0 / 10%);-moz-box-shadow:0 8px 20px 0 rgba(0,0,0,0.1);box-shadow:0 8px 20px 0 rgb(0 0 0 / 10%)}
@media(max-width:1023px){.tableComp .tableTabsWrap{display:block}
.tableComp .tableWrap thead{display:none}
.tableComp .tableWrap table td.selected{background-color:#ffdfd9}
}
@media(max-width:800px){.tableComp .tableWrap{overflow-x:auto}
}