﻿

/*table th,
table td {
    text-align: right;
}

table.layout {
    width: 100%;
    border-collapse: collapse;
}

table.display {
    margin: 1em 0;
}

    table.display th,
    table.display td.solaYasla {
        border: 1px solid #ddd;
        padding: .5em 1em;
    }

    table.display th {
        background: #D5E0CC;
    }

    table.display td {
        background: #fff;
    }

table.responsive-table {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}*/

@media (max-width: 40em) {
    table.responsive-table {
        box-shadow: none;
    }

        table.responsive-table thead {
            display: none;
        }

    table.display th,
    table.display td {
        padding: .5em;
    }

    table.responsive-table td.solaYasla:nth-child(2):before {
        content: 'TP';
    }

    table.responsive-table td.solaYasla:nth-child(3):before {
        content: 'YP';
    }

    table.responsive-table td.solaYasla:nth-child(4):before {
        content: 'TOPLAM';
    }

    table.responsive-table td:nth-child(1),
    table.responsive-table td:nth-child(2) {
        text-align: center;
    }

        table.responsive-table td:nth-child(1):before,
        table.responsive-table td:nth-child(2):before,
        table.responsive-table td:nth-child(3):before,
        table.responsive-table td:nth-child(4):before {
            position: absolute;
            left: .5em;
            font-weight: bold;
        }

    table.responsive-table tr,
    table.responsive-table td {
        display: block;
    }

    table.responsive-table tr {
        position: relative;
        margin-bottom: 1em;
        box-shadow: 0 1px 10px /*rgba(0, 0, 0, 0.2)*/;
    }

    table.responsive-table td {
        border-top: none;
    }

    table.responsive-table tr td.solaYasla {
        text-align: center !important;
    }

    table.responsive-table tr td.colspan {
        display:none;
    }
    table.responsive-table tr td.hicdegeriolmayankalem {
        color:cadetblue;
        font-weight:bold;
    }

}


