@charset "UTF-8"; html { font-family: Verdana; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } a { background-color: transparent } a:active, a:hover { outline: 0 } h1 { font-size: 2em; margin: 0.67em 0 } img { border: 0 } table { border-collapse: collapse; border-spacing: 0 } td, th { padding: 0 } .table-header { padding-bottom: 0.1em; padding-top: 0.1em } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } html, body { height: 100% } html { box-sizing: border-box } *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit } html, body { font-size: 100% } body { background: #fff; color: #222; cursor: auto; font-family: Verdana; font-style: normal; font-weight: normal; letter-spacing: -.02em; line-height: 1.5; margin: 0; padding: 0; position: relative } @media (min-width:1601px) and (max-width:1920px) { body { letter-spacing: normal; } } a:hover { cursor: pointer } img { max-width: 100%; height: auto } img { -ms-interpolation-mode: bicubic } .left { float: left !important } .right { float: right !important } .clearfix:before, .clearfix:after { content: " "; display: table } .clearfix:after { clear: both } .invisible { visibility: hidden } img { display: inline-block; vertical-align: middle } .row { margin: 0 auto; max-width: 112.5rem; width: 100% } .row:before, .row:after { content: " "; display: table } .row:after { clear: both } .row .row { margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; width: auto } .row .row:before, .row .row:after { content: " "; display: table } .row .row:after { clear: both } .column, .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left } [class*="column"] + [class*="column"]:last-child { float: right } @media { .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left } .small-4 { width: 33.33333% } .small-6 { width: 50% } .small-8 { width: 66.66667% } .small-10 { width: 83.33333% } .small-offset-1 { margin-left: 8.33333% !important } .row.no-col-spacing { margin-right: 0; margin-left: 0 } .row.no-col-spacing .columns { padding-left: 0; padding-right: 0 } } @media (min-width:769px) { .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left } .row.no-col-spacing { margin-right: 0; margin-left: 0 } .row.no-col-spacing .columns { padding-left: 0; padding-right: 0 } } @media (min-width:993px) { .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left } .row.no-col-spacing { margin-right: 0; margin-left: 0 } .row.no-col-spacing .columns { padding-left: 0; padding-right: 0 } } @media (min-width:1201px) { .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left } .row.no-col-spacing { margin-right: 0; margin-left: 0 } .row.no-col-spacing .columns { padding-left: 0; padding-right: 0 } } @media (min-width:1601px) { .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left } .row.no-col-spacing { margin-right: 0; margin-left: 0 } .row.no-col-spacing .columns { padding-left: 0; padding-right: 0 } } table { width: 100%; margin-bottom: 1.5em; background: #FFFFFF } table tbody, table thead { border: solid 2px #7f7f7f } table tbody.plain { line-height: 1.25; border: 0 } table tbody.plain td, table tbody.plain th, table thead.plain td, table thead.plain th { border: 0; padding-top: 0; padding-bottom: 0 } table tbody.condensed { line-height: 1.25 } table tbody.condensed td, table tbody.condensed th { padding-top: 0; padding-bottom: 0 } table tbody.semiCondensed { line-height: 1.4 } table tbody.semiCondensed td, table tbody.semiCondensed th { padding-top: 0; padding-bottom: 0 } table tbody th, table tbody td, table thead th, table thead td { border: solid 1px #7f7f7f } table tr th, table tr td { color: #222222; padding: 0.1em } @media (min-width:1601px) and (max-width:1920px) { table tr th, table tr td { padding: 0.35em; } } table tr th { text-align: left; font-size: 1em } table tr:nth-of-type(even) { background: #FFFFFF } table.nowrap tr th, table.nowrap tr td { white-space: nowrap } table.no-border tbody, table.no-border td { border: 0 } table img { width: 100%; max-width: 100%; height: auto } .text-center { text-align: center !important } div, h1, h2, th, td { margin: 0; padding: 0 } a { color: #008CBA; line-height: inherit; text-decoration: none } a:hover, a:focus { color: #0078a0 } a img { border: none } h1, h2 { color: #6f6f6f; font-family: Verdana; font-style: normal; font-weight: bold; line-height: 1.4; margin-bottom: 0.5rem; margin-top: 0.2rem; text-rendering: optimizeLegibility; padding: 0 0.35em } h1 { font-size: 1.4em; border-bottom: 1px solid } h2 { font-size: 1.15em } .wrapper { padding: 2em 0 0 0; overflow: hidden; } .content { font-size: 6px } .auxiliary-table-header, .auxiliary-parameter-name { display: none; } /* Table ========================================================================== */ [class^='main-table'] tbody td, [class^='main-table'] thead td { text-align: center; } [class^='main-table'] tbody th { font-weight: normal; } .empty-cell { color: #c9c9c9 !important; } .invisible-cell { border: none; background-color: white; } .without-borders-cell { border: none; } .invisible-row { display: none; } .table-header, .auxiliary-table-header, .overall-grade { font-weight: bold !important; } .table-header, .auxiliary-table-header { color: #535353 !important; } .parameter-name, .auxiliary-parameter-name { color: #535353 !important; } .centered-header, .center { text-align: center; } .left { text-align: left; } .small { font-size: 0.9em; } .table-offsets { text-align: center; } .table-offsets tbody th { font-weight: normal; } .united-cell { margin-top: 0.4em; } /* Grades ========================================================================== */ .excellent-grade { color: #2fa800 !important; } .very-good-grade { color: #d89700 !important; } .good-grade { color: #da5c00 !important; } .fair-grade { color: #ff3a18 !important; } .poor-grade { color: red !important; } @media (min-width:769px) { .content { font-size: 7px; } } @media (min-width:1201px) { .content { font-size: 9px; } } @media (min-width:1601px) { .content { font-size: 12px; } } .paramPics__legend img { width: 2em; max-width: 35px; margin-right: .5em } .paramPics__legend { margin-bottom: 0.5em; } .flex-row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; max-height: 100%; flex-wrap: wrap; justify-content: center; } .flex-col, .flex-col-single { position: relative; width: 33.333%; padding: 0 1vw; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; margin-bottom: 2em; } .flex-col-single { width: 50%; } .flex-col:not(:first-child) { border-left: 1px dashed #999999 } .lightbox { cursor: pointer } a[name] { color: #222222; cursor: text } /*! fancyBox 3.0.0 Beta 1 fancyapps.com | fancyapps.com/fancybox/#license */ .uppercase { text-transform: uppercase } .fs-sm { font-size: 0.9em } .fs-md { font-size: 1.5em } .nm { margin: 0 } .nmb { margin-bottom: 0 } .nbt { border-top-color: #FFFFFF } .nbb { border-bottom-color: #FFFFFF } .mb-md { margin-bottom: 1.5em } .mb-lg { margin-bottom: 2em } .mb-sm { margin-bottom: 0.35em } .mb-tiny { margin-bottom: 0.1em } .mt-tiny { margin-top: 0.1em } .mt-sm { margin-top: 0.2em } .mr-sm { margin-right: 0.35em } .ml-sm { margin-left: 0.35em } .bg-red { background-color: #ffacac } .bg-green { background-color: #ccffcc } .bg-yellow { background-color: #ffff99 } .bg-blue { background-color: #99ccff } .flex { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex } .vspace-between { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between } @media (min-width:1925px) { .main-table-cushion tr th, .main-table-cushion tr td { padding: 0.25em; } .main-table-cushion { font-size: 0.9em; } } @media (min-width:1790px) and (max-width:1925px) { .main-table-cushion tr th, .main-table-cushion tr td { padding: 0.2em; } .main-table-cushion { font-size: 0.88em; } h2 { font-size: 1.1em; } } @media (min-width:1601px) and (max-width:1790px) { .main-table-cushion tr th, .main-table-cushion tr td { padding: 0.2em; } .main-table-cushion { font-size: 0.83em; } h2 { font-size: 1em; } } @media (min-width:1601px) and (max-width:1650px) { .main-table-cushion { font-size: 0.8em; } } @media (min-width:1601px) and (max-width:1650px) { .main-table-cushion { font-size: 0.8em; } } @media (min-width:1201px) and (max-width:1350px) { .main-table-cushion { font-size: 0.88em; } } @media (min-width:950px) and (max-width:1060px) { .main-table-cushion { font-size: 0.90em; } } @media (min-width:900px) and (max-width:950px) { .main-table-cushion { font-size: 0.87em; } } @media only screen and (max-width: 900px) { .content { font-size: 12px; } .flex-col:not(:first-child) { border-left: none; } .flex-col, .flex-col-single { width: 100%; padding: 0 4vw; } .auxiliary-table-header, .auxiliary-parameter-name { display: table-cell; } table.nowrap tr td { white-space: normal; } } @media only screen and (max-width: 420px) { .content { font-size: 9px; } .main-table-cushion { font-size: 8px; } .main-table-cushion th { font-size: 7px; } .flex-col, .flex-col-single { padding: 0 2vw; } } @media only screen and (max-width: 360px) { .content { font-size: 8px; } .main-table-brilliant, .main-table-trapezoid { font-size: 7px; } .main-table-cushion { font-size: 6px; } } @media print { @page { margin: 0; } .flex-row { margin-left: 1vw; margin-right: 1vw; } .flex-col, .flex-col-single { margin-bottom: 0; } table tbody, table thead { border: solid 1px #000000 } table tbody th, table tbody td, table thead th, table thead td { border: solid 1px #000000 } table tr th, table tr td { color: #000000; } h1, h2 { color: #000000; } } @media print { .empty-cell { color: black !important; } .table-header, .auxiliary-table-header { color: black !important; } .parameter-name, .auxiliary-parameter-name { color: black !important; } }