﻿body {
    background-color: #f6dfb3;
}

.PlaysTable {
    width: 680px;
    margin: 0 auto;
    text-align: left;
    border-collapse: collapse;
    margin-bottom: 20px;
    font-size: 18px;
}

    .PlaysTable a {
        display: block;
        width: 96%;
        height: 100%;
        padding: 10px 2%;
        text-decoration: none;
    }

.PlaysTable img {
    height:20px;
    width:auto;
}
    .PlaysTable td {
        border-bottom: 1px solid lightgrey;
        text-align: left !important;
        padding: 0;
        text-align: center;
    }


    .PlaysTable th {
        text-align: left !important;
        cursor: pointer;
        text-decoration: underline;
        border-bottom: solid 1px #820000;
        color: #820000;
    }

        .PlaysTable th:nth-child(1) {
            width: 250px;
            text-align: right;
            padding: 10px;
        }



    .PlaysTable td:nth-child(1) {
        width: 250px;
        text-align: right;
        border-right: 1px solid lightgrey;
    }

    .PlaysTable th:nth-child(2) {
        visibility: hidden;
        display: none;
    }

    .PlaysTable th:last-child {
        text-align:center !important;
        text-decoration:none !important;
    }

    .PlaysTable td:nth-child(2) {
        visibility: hidden;
        display: none;
    }

    .PlaysTable th:nth-child(4) {
        visibility: hidden;
        display: none;
    }


    .PlaysTable td:nth-child(4) {
        visibility: hidden;
        display: none;
    }
    .PlaysTable td:last-child {
        width: 280px !important;
        max-width: 280px !important;
        box-sizing:border-box;
        text-align:center !important;
    }
     
    .PlaysTable td:nth-child(3), .PlaysTable th:nth-child(3) {
        width: 50px;
        border-right: none;
        padding: 10px;
    }

    .PlaysTable td:nth-child(4) {
        width: 100px;
        border-right: 1px solid gray;
    }

    .PlaysTable tr:last-child td {
        border-bottom: none;
    }

    .PlaysTable tr:nth-child(even) {
        background-color: #f1cb83;
    }

/*responzivita*/
@media (max-width: 800px) {
    .PlaysTable {
        width: 100%;
        font-size: 1.3em;
        line-height: 1.6em;
    }
}
