.rowSummary{
    .container-boxBlock{
        height: 100%;
        .boxBlock{
            height: 100%;
            .boxBlock-header{
                background-color: var(--suite-primary-S360) !important;
                justify-content: center;
                .boxBlock-title{
                    color: var(--color-light-S360) !important;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    height: 15px;
                    font-size: var(--font-size-normal-S360);
                }
            }
            .titleSummary{
                height: 14px;
                text-align: center;
                font-weight: bold;
                background-color: #BFBFBF;
                font-size: var(--font-size-normal-S360);
            }
            .boxBlock-body{
                padding: 0 !important;
                margin: 0;
                height: 65%;

            @media only screen and (max-width: 500px){
                height: 84%;
            }

                >*{
                   font-size: var(--font-size-normal-S360);
                }

                .summary-table-box{
                    height: 100%;
                    display: grid;
                    grid-template-columns: 217px 217px auto;

                    @media only screen and (max-width: 500px){
                        grid-template-columns: 1fr;
                        grid-template-rows: 1fr 1fr 1fr;
                        #table-box-tiempo, #table-box-temperatura, #table-box-valores{
                            height: 80px;
                        }
                    }

                    .body__table{
                        border-spacing: 0px !important;
                        border-collapse: collapse !important;

                        td, th{
                            border: 1px solid var(--color-border-S360);
                        }

                        >*{
                            text-align: center;
                        }

                        .tiempoOP, .tiempoSalida, .tempCorte, .tempUpm{
                            color: var(--color-light-S360);
                            background-color: var(--background-subTitle-secundary-S360);
                            font-weight: bold;
                            min-width: 130px;
                            width: 140px;
                            max-width: 150px;
                            border-top: 1px solid;
                        }

                        .subvalor{
                            color: var(--color-light-S360);
                            background-color: var(--suite-primary-S360);
                        }

                        th{
                            height: 20px;
                        }
                    }
                    #table-box-tiempo{
                        thead{
                            font-size: var(--font-size-normal-S360);
                            background-color: var(--background-header-table);

                            th{
                                color: var(--color-text-S360);
                            }
                        }
                        tbody{
                            tr{
                                >:first-child{
                                    color: var(--color-light-S360);
                                    background-color: var(--background-subTitle-secundary-S360);
                                }
                                >:nth-child(2){
                                    color: var(--color-text-S360);
                                }
                            }
                        }
                    }

                    #table-box-temperatura{

                        thead{
                            font-size: var(--font-size-normal-S360);
                            background-color: var(--background-header-table);

                            th{
                                color: var(--color-text-S360);
                            }
                        }

                        tbody{
                            tr{
                                >:first-child{
                                    color: var(--color-light-S360);
                                    background-color: var(--background-subTitle-secundary-S360);
                                }
                                >:nth-child(2){
                                    color: var(--color-text-S360);
                                }
                            }
                        }
                    }

                    #table-box-valores{
                        thead{
                            font-size: var(--font-size-normal-S360);
                            background-color: var(--background-header-table);

                            th{
                                color: var(--color-text-S360);
                            }
                        }

                        tbody{
                            th{
                                color: var(--color-light-S360);
                                font-size: var(--font-size-normal-S360);
                                font-weight: var(--font-weight-small-S360);
                                background-color: var(--suite-primary-S360);
                                min-width: 70px;
                                text-overflow: ellipsis;
                            }
                            td{
                                color: var(--color-text-S360);
                            }
                        }
                    }
                }
            }
        }
    }
}