body {
    font-family: Arial;
    font-size:15px
}
h1 {
    color: #1c1d21; font-size:24px; font-weight:600
}
table {
    width: 100%;
    border-collapse: collapse;
}
table, th, td {
    border: 1px solid #e9eaeb;
}

#table {
    display: table;
    width: 100%;
    background: #fff;
    margin: 0;
    box-sizing: border-box;
    text-align:left
}

.caption {
    display: block;
    width: 100%;
    background: #64e0ef;
    height: 55px;
    padding-left: 10px;
    color: #fff;
    font-size: 20px;
    line-height: 55px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    box-sizing: border-box;
}


.header-row {
    background: #e40421;
    color: #fff;
    font-weight:600
}

/*.row {
    display: table-row;
}*/

.cell {
    display: table-cell;
    padding: 20px;
    border-bottom: 1px solid #e9eaeb;
    text-align: left;
}

.primary {
    text-align: left;
    min-width:200px;
    font-weight:600
}
.red_title{
color:#e40421; font-size:24px; font-weight:600
}
.black_title{
color:#000; font-size:20px; font-weight:600
}
.pt_30{
padding-top:30px
}
.ul_number{
list-style:decimal
}
.ul_number li{
padding-bottom:5px
}
.table__box_cont{ width:100%; margin:0 auto}
.table__box{ padding:50px; background:#e5e5e5; color:#000; width:250px; margin:0 auto; text-align:center; font-size:18px; font-weight:600
}
.table_cont{ width:100%; overflow:hidden}
.table__box .ul_number{ font-size:16px; font-weight:200; list-style:none; padding:0}
.floatleft{ float:left; width:40%}
.floatright{ float:right; width:40%}
input[type="radio"],
input[type="checkbox"] {
    display: none;
}
.cell ul{ padding-left:25px}

@media only screen and (max-width: 760px) {
.max_width{ max-width:80%; margin:0 auto}
.table__box .ul_number{ font-size:14px}
.table__box{ padding:20px 10px}
.floatleft{ width:49%}
.floatright{ width:49%}
    .float-right {
        float: none !important;
        text-align:right;
        padding-bottom:15px
    }
    span.float-right {
        float: right !important;
        padding: 0
    }
    .titleinput > .celltext {
        display: none;
    }
    .titleinput.accordion-expanded > .celltext {
        display: block !important
    }
    h1 {
        color: #1c1d21;
        font-size: 20px;
        font-weight: 600
    }
    .cell ul li {
        padding: 5px 0
    }

    #table {
        display: block;
    }

    .caption {
        position: fixed;
        top: 0;
        text-align: center;
        height: 44px;
        line-height: 44px;
        z-index: 5;
        border-bottom: 2px solid #999;
    }

    .row {
        position: relative;
        display: block;
        border-bottom: 1px solid #ccc;
    }

    .header-row {
        display: none;
    }
    .cell.primary {
        color: #fff;
        background: #e40421;
        font-weight:200
    }
    .cell {
        display: block;
        border: none;
        position: relative;
        text-align: left;
        background: #e9eaeb;
        color: #1c1d21;
        font-size:16px;
        line-height:20px
    }

    .primary:after {
        content: "";
        display: block;
        position: absolute;
        right: 20px;
        top: 18px;
        z-index: 2;
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid #fff;
    }

    .cell:nth-of-type(n+2) {
        display: none;
    }


    input[type="radio"],
    input[type="checkbox"] {
        display: block;
        position: absolute;
        z-index: 1;
        width: 99%;
        height: 100%;
        opacity: 0;
    }

        input[type="radio"]:checked,
        input[type="checkbox"]:checked {
            /*z-index: -1;*/
        }

            input[type="radio"]:checked ~ .cell,
            input[type="checkbox"]:checked ~ .cell {
                /*display: block;
                border-bottom: 1px solid #eee;*/
            }

                input[type="radio"]:checked ~ .cell:nth-of-type(n+2),
                input[type="checkbox"]:checked ~ .cell:nth-of-type(n+2) {
                    background: #fff;
                }

                    input[type="radio"]:checked ~ .cell:nth-of-type(n+2):before,
                    input[type="checkbox"]:checked ~ .cell:nth-of-type(n+2):before {
                        content: attr(data-label);
                        display: inline-block;
                        width: 100%;
                        background: #e9eaeb;
                        border-radius: 0;
                        margin-right: 10px;
                        font-size: 14px;
                        font-weight:600;
                        padding-left:10px;
                        line-height: 40px;
                        text-align: left;
                        color: #1c1d21;
                        margin-bottom:15px;
                    }

            input[type="radio"]:checked ~ .primary,
            input[type="checkbox"]:checked ~ .primary {
                background: #e40421
            }

                .accordion-expanded > .primary:after {
                    position: absolute;
                    right: 18px;
                    top: 22px;
                    border-right: 10px solid transparent;
                    border-left: 10px solid transparent;
                    border-top: 10px solid #fff;
                    z-index: 2;
                }
}

.table_covid{
 width:100%; padding:0; margin:0
}
.table_covid th, .table_covid td{ border:1px solid #ccc}
.table_covid tr th{
 background:#e31f2e; color:#fff; font-weight:800;
 padding:10px
}
.table_covid tbody tr{background:#eee; }
.table_covid tbody tr:nth-child(2n+1){background:#fff; }
.table_covid tr td{
 color:#222; font-weight:400;
 padding:10px
}