var css = '.tot.table {     display: table;     width: 100%;     margin-bottom: 15px;     border-top: 1px solid #ccc;     border-left: 1px solid #ccc; }  .tot.table .thead {     display: table-header-group;     vertical-align: middle;     border-color: inherit; }  .tot.table .tr {     display: table-row;     vertical-align: inherit; }  .tot.table .thead .td {     font-weight: bold; }  .tot.table .td, .tot.table .th {     display: table-cell;     border-bottom: 1px solid #ccc;     border-right: 1px solid #ccc;     text-align: left;     vertical-align: inherit;     padding: 10px; }  @element div.tot.table and (max-width: 767px) {      :self .tr {         border-bottom: 0px solid #ccc;         display: flex !important;         flex-flow: column;         border-right: 1px solid #ccc;     }      :self .td {         padding: 10px;         flex: none;         display: block;         border-right: 0 solid #ccc !important;         border-bottom: 1px solid #ccc;     }      :self > .thead .td.tot_tariff,     :self > .thead .td.tot_template{         display: none;     }      :self .thead .td.tot_category::before {         content:attr(data-label);         float: left;         display: block;         width: 100%;     }      :self .td::before {         content:attr(data-label);         float: left;         display: block;         width: 100%;     }      :self .td.tot_ticket {         font-weight: bold;         float: left;     } }  .tot.table .tot_subtitle {     font-weight: normal;     font-size: 11px; }  ul.tot_footnotes {     list-style-type: none;     margin-left: 7px;     margin-top: -9px;     margin-bottom: 15px; }  ul.tot_footnotes li.tot_footnote {     font-size: 11px; }  ul.tot_footnotes li.tot_footnote .tot_footnote_key {     font-weight: bold; }';

document.write('<style type="text/css">' + css + '</style>');