.overview-prod-data-table th,
.overview-prod-data-table td {
    font-size:.9rem;
    letter-spacing:.015em;
}

.overview-prod-data-table th {
    font-weight:500;
}

.overview-prod-data-table td {
    font-weight:300;
}

.overview-prod-data-table.dark h2,
.overview-prod-data-table.dark td {
    color:#fff;
}

.overview-prod-data-table.dark th,
.overview-prod-data-table.dark td,
#psu-power-table-wrapper.dark #psu-power-table td,
#dc-cable-wrapper.dark #dc-cable-listing td {
    border-color:#a1a1a1;
}



/* ==============================
POWER TABLE
============================== */

#psu-power-table-wrapper #psu-power-table {
    padding:3vw 0;
}

#psu-power-table-wrapper #psu-power-table table {
    max-width:35%;
    position:relative;
}

#psu-power-table-wrapper #psu-power-table th {
    background-color:#e0e0e0;
    color:#222;
    padding:4px 8px;
    text-align:center;
    vertical-align: middle;
}

#psu-power-table-wrapper.dark #psu-power-table th {
    background-color:#1d1d1d;
    color:#fff;
}

#psu-power-table-wrapper #psu-power-table td {
    border:1px solid #ccc;
    padding:10px 15px;
    text-align:center;
    vertical-align: middle;
}

#psu-power-table-wrapper.dark #psu-power-table td {
    background-color:#0b0b0b;
}

#psu-power-table-wrapper #psu-power-table td p {
    font-size:1.2em;
}

#psu-power-table-wrapper #psu-power-table td img{
    margin:0 auto;
    max-width:90%;
}


/* ==============================
CABLE TABLE
============================== */

#dc-cable-wrapper #dc-cable-listing {
    padding:5vw 0;
}

#dc-cable-wrapper #dc-cable-listing table {
    max-width:100%;
    position:relative;
}

#dc-cable-wrapper #dc-cable-listing table th {
    text-align:center;
    vertical-align: middle;
}

#dc-cable-wrapper.dark #dc-cable-listing table th {
    background-color: #3f3f3f;
}

#dc-cable-wrapper #dc-cable-listing td {
    border:1px solid #ccc;
    font-size:.9em;
    padding-bottom:30px;
    text-align:center;
    vertical-align: middle;
}

#dc-cable-wrapper #dc-cable-listing td p {
    font-size:1.2em;
}

#dc-cable-wrapper #dc-cable-listing td img{
    margin:0 auto;
    max-width:80%;
}



@media only screen and (max-width: 768px) {
    .psu-data.panel-template table,
    .psu-data.panel-template thead,
    .psu-data.panel-template tbody,
    .psu-data.panel-template th,
    .psu-data.panel-template td,
    .psu-data.panel-template tr {
        display:block;
    }

    #dc-cable-wrapper #dc-cable-listing td p {
        font-size:unset;
        line-height:1.4;
    }

    .dark .psu-data.panel-template table {
        border-bottom:1px solid #a1a1a1;
    }

    .psu-data.panel-template tr:nth-of-type(odd) {
        background-color:#fff;
    }

    .psu-data.panel-template tr:nth-of-type(even) {
        background-color:#eee;
    }

    .dark .psu-data.panel-template tr:nth-of-type(odd) {
        background-color:#1d1d1d;
    }

    .dark .psu-data.panel-template tr:nth-of-type(even) {
        background-color:#0b0b0b;
    }

    .psu-data.panel-template thead tr {
        position:absolute;
        top:-9999px;
        left:-9999px;
    }

    #dc-cable-wrapper #dc-cable-listing td {
        font-size:.9rem;
    }

    .psu-data.panel-template td {
        position:relative;
        padding-left:50%;
        text-align:left;
    }

    /*.psu-data.panel-template tr:last-of-type td:last-of-type {
        border:1px solid #ccc;
    }*/

    .psu-data.panel-template td:before {
        left:15px;
        padding-right:10px;
        position:absolute;
        text-align:left;
        top:20px;
        white-space:nowrap;
        width:30%;
    }

    #dc-cable-wrapper #dc-cable-listing td {
        border-bottom-width:0;
    }

    /*#dc-cable-wrapper #dc-cable-listing tr td:last-of-type {
        border-bottom-width:1px;
    }*/

    #dc-cable-wrapper #dc-cable-listing td:nth-of-type(1):before {
        content:"QTY";
    }

    #dc-cable-wrapper #dc-cable-listing td:nth-of-type(2):before {
        content:"Cable";
    }

    #dc-cable-wrapper #dc-cable-listing td:nth-of-type(3):before {
        content:"Connectors per cable";
    }

    #dc-cable-wrapper #dc-cable-listing td:nth-of-type(4):before {
        content:"Total connectors";
    }

    #dc-cable-wrapper #dc-cable-listing td:nth-of-type(5):before {
        content:"Connector spacing";
    }

    #dc-cable-wrapper #dc-cable-listing td:nth-of-type(6):before {
        content:"Total length";
    }

    #dc-cable-wrapper #dc-cable-listing td:nth-of-type(7):before {
        content:"Cable Type";
    }

    #psu-power-table-wrapper #psu-power-table table {
        max-width:100%;
        width:100%;
    }
}