/* Графики и прайс по сути внешне одна и та же таблица, но с разным содержимым, поэтому стили одни и те же */

.price-table, .graphics-table{
    width:100%;
    box-sizing:border-box;
    border-collapse: collapse;
    font-size:15px;
    color:var(--dark-gray);
}

    .price-table-header, .graphics-table-header{
        background-color: var(--deep-gray);
        text-transform:uppercase;
    }

    .price-table .price-table-header td, .graphics-table .graphics-table-header td{
        color:#fff;
    }

    .price-table-subheader, .graphics-table-subheader{
        background: var(--orange);
        font-weight: 700;
        background-image: url("../img/down-arrow.svg");
        background-size:15px 15px;
        background-position: 9px center;
        background-repeat: no-repeat;
        border:0.5px solid #dbdbdb;       
    }

    .price-table-subheader:first-of-type, .graphics-table-subheader:first-of-type{border-top:none}

    .price-table-subheader:hover, .graphics-table-subheader:hover{cursor:pointer}

            tr.price-table-subheader  td:first-of-type, tr.graphics-table-subheader  td:first-of-type{
                    padding-left:33px;
                }


    .price-table-row, .graphics-table-row{
        border:0.5px solid #dbdbdb;
        /* box-sizing:border-box; */
        display:none;
    }


        .price-table td, .graphics-table td{
            padding-left:9px;
            padding-right:9px;
            padding-top:10px;
            padding-bottom:10px;
            color:var(--deep-gray);
            vertical-align: top;
        }

        /* Ширина столбцов для прайса */

        .price-table td.first-col-cell{
            width:50%;
        }

        .price-table td.second-col-cell{
            width:35%;
        }

        .price-table td.third-col-cell{
            width:15%;
        }

        /* Ширина столбцов для прайса */

        .graphics-table td.first-col-cell{
            width:50%;
        }

        .graphics td.second-col-cell{
            width:35%;
        }

        .graphics td.third-col-cell{
            width:15%;
        }



    .opened-header{
        background-image: url("../img/up-arrow.svg");
    }

    .opened-row{
        display:table-row;
    }

@media (max-width:510px){
    .price-table, .graphics-table{
        font-size:13px;
    }
}