@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;
    }
}