@import url('https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css');

/*new css here start*/
.table-td-common td{
    font: normal normal 18px/20px var(--font_med);
    letter-spacing: 0;
    color: #313638;
    opacity: 1;
    /* height: 50px; */
    text-align: center;
}

.tab2-table-main{
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    height: 415px;
    overflow-y: scroll;
    box-shadow: 0px 13px 19px 0px #00000024;
    background: #F9F9F9;
    position: relative;
    z-index: 1;
}

.tab2-table-main .body-shaddow{
    /* box-shadow: 0px 13px 19px 0px #00000024; */
}

.fold-table tr{
    height: 50px;
}

.tab4-wrapper.table-wrapper-new{
    width: 90%;
    margin: 0 auto;
}

.tab4-table-main{
    box-shadow: 0px 13px 19px 0px #00000024;
    position: relative;
}

.tab4-wrapper.table-wrapper-new .fold-table tr{
    height: 75px;
}

.fold-table thead{
    position: sticky;
    width: 100%;
    top: 0;
    z-index: 99;
}



/*new css end here*/


.table-wrapper-new table {
  position: relative;
  width: 100%;
}
.table-wrapper-new table th {
    padding: 15px 20px;
    font: normal normal 18px/20px var(--font_med);
    letter-spacing: 0;
    color: #fff;
    opacity: 1;
    background: #76ba43;
    text-align: center;
}

table.fold-table {
  background: white;
  color: #555;
}
table.fold-table > tbody > tr.view {
  font-family: 'Droid Serif', serif;
  transition: all 0.3s ease;
}
table.fold-table > tbody > tr.view td, table.fold-table > tbody > tr.view th {
  cursor: pointer;
}
table.fold-table > tbody > tr.view td:first-child, table.fold-table > tbody > tr.view th:first-child {
  position: relative;
}
table.fold-table > tbody > tr.view td:first-child:before, table.fold-table > tbody > tr.view th:first-child:before {
  position: absolute;
  top: 50%;
  right: 100px;
  width: 9px;
  height: 16px;
  margin-top: -8px;
  font: 16px fontawesome;
  content: "\f0d7";
  transition: all 0.3s ease;
  color: #76ba43;
}
table.fold-table > tbody > tr.view:nth-child(4n-1) {
  /* background: #eee; */
}
table.fold-table > tbody > tr.view:hover {
  /* background: #ddd; */
}
table.fold-table > tbody > tr.view.open {
  /* background: tomato;
  color: white; */
}
table.fold-table > tbody > tr.view.open td:first-child:before, table.fold-table > tbody > tr.view.open th:first-child:before {
  transform: rotate(-180deg);
  color: #76ba43;
}

tr.fold.table-td-common.open {
    height: 50px;
}
table.fold-table > tbody > tr.fold.table-td-common {
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: all .5s ease;
}
table.fold-table > tbody > tr.fold.table-td-common.open {
  display: table-row;
  visibility: visible;
  opacity: 1;
  transition: all .5s ease;
}

.fold-content h3 {
  margin-top: 0;
}
.fold-content > table {
  background: white;
  color: #555;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
}
.fold-content > table > tbody > tr {
  font-family: 'Droid Serif', serif;
  cursor: pointer;
}
.fold-content > table > tbody > tr:nth-child(even) {
  background: #eee;
}
.fold-content > table > tbody > tr:hover {
  background: #ddd;
}
.visible-small {
  display: none;
}
.visible-big {
  display: block;
}
@media (max-width: 700px) {
 
  .calculator_result_section table.small-friendly > thead {
    display: none;
  }
  .calculator_result_section table.small-friendly > tbody > tr > td, table.small-friendly > tbody > tr > th {
    position: relative;
    padding: 0;
    padding-left: 50%;
    display: block;
    vertical-align: top;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
  table.small-friendly > tbody > tr > td:before, table.small-friendly > tbody > tr > th:before {
    position: absolute;
    top: 0;
    left: 0.5em;
    max-width: 50%;
    content: attr(data-th) ": ";
    display: block;
    font-weight: bold;
  }
  table.small-friendly > tbody > tr > td:first-child, table.small-friendly > tbody > tr > th:first-child {
    margin-top: 1em;
  }
  table.small-friendly > tbody > tr > td:last-child, table.small-friendly > tbody > tr > th:last-child {
    margin-bottom: 1em;
    border: 0;
  }
  .visible-small {
    display: block;
  }
  .visible-big {
    display: none;
  }
}


@media (max-width: 1566px){
    .table-td-common td{
        font: normal normal 13px/17px var(--font_med);
        height: 42px;
    }
    
    table.fold-table>tbody>tr.view td:first-child:before,
    table.fold-table>tbody>tr.view th:first-child:before{
        right: 65px;
    }
}

@media (max-width: 1280px){
    table.fold-table>tbody>tr.view td:first-child:before,
    table.fold-table>tbody>tr.view th:first-child:before{
        right: 45px;
    }
    
    .calculator_result_section .tabs-container nav ul{
        gap:50px !important;
    } 
}

@media (max-width: 991px){
    .tab2-table-main{
        width: 100%;
        margin: 0 auto;
        /* overflow: hidden; */
    }

    .table-wrapper-new table.fold-table{
        overflow-x: scroll;
        position: relative;
        display: inline-block;
    }
    
    .calculator_result_section .tabs-container nav ul {
        gap: 0 !important;
    }
    
    table.fold-table>tbody>tr.view td:first-child:before, table.fold-table>tbody>tr.view th:first-child:before {
        right: 30px;
    }
}