@charset "utf-8";

html {
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: "Roboto", "Helvetica", "Arial", "sans-serif";
    margin: 0 auto;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
    color: #333333;
}

* {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        box-sizing: border-box;
}

a {
    background-repeat: no-repeat;
    background-position: center center;
    outline: none;
}

a,
tr,
td,
div {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

div {
    -webkit-overflow-scrolling: touch;
}

input,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
}

h1,
h3,
h4 {
    color: #0055a2;
}

h1,
h2,
h3 {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

h1 {
    font-size: 32px;

}

h2 {
    color: #000000;
    font-size: 24px;

}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 16px;
    color: #808080;
}

p {
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 1.5em;
}

ul {
    padding-left: 1em;
}

li {
    margin-top: 4px;
    margin-bottom: 4px;
}

li,
tr,
td {
    font-size: 15px;
    line-height: 1.5em;
}

sup,
sub {
    vertical-align: baseline;
    position: relative;
    top: -0.25em;
    font-size: 0.75em;
}

sub {
    top: 0.25em;
}

table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
}

th,
td {
    padding: 8px;
    border: 1px solid #cccccc;
}

.nowrap {
    white-space: nowrap;
}

/* ----------------------------------------------- */

#MenuHeader h1::before {
    content: "Contents";
}

:lang(es) #MenuHeader h1::before {
    content: "Contenido";
}

#NoteHeader h1::before {
    content: "Notes";
}

:lang(es) #NoteHeader h1::before {
    content: "Notas";
}

/* ----------------------------------------------- */

.Swipe {

    position: absolute;
    float: left;
    width: 100%;

    -webkit-transition: opacity 250ms ease-out;
    -moz-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out;

}

#int.Swipe {
    width: 100%;
}

.Swipe.In {
    z-index: 11;
}

.Swipe.Out {
    z-index: 10;
    opacity: 0;
}

/* ----------------------------------------------- */

div.chapter.level2>h2.headline:before,
div.chapter.level3>h3.headline:before {
    display: block;
    position: relative;
    float: left;
    width: 100% !important;
    height: 1px;
    top: -12px;

    content: " ";
    font-size: 0px;
    display: block;

    box-sizing: border-box;
    border-top: 1px solid rgba(255, 255, 255, 0.666);
    border-bottom: 1px solid rgba(255, 255, 255, 0.666);

    height: 3px;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}

div.chapter.level3>h3.headline:before {
    background: -moz-linear-gradient(left, rgba(0, 85, 162, 0) 0%, rgba(0, 85, 162, 0.1) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 85, 162, 0) 0%, rgba(0, 85, 162, 0.1) 100%);
    background: linear-gradient(to right, rgba(0, 85, 162, 0) 0%, rgba(0, 85, 162, 0.1) 100%);
}

/* ----------------------------------------------- */

#AboutPage {
    display: none;
    position: fixed;
    float: left;
    top: 0px;
    left: 0px;

    z-index: 10000;

    width: 100%;
    height: 100%;

    background-color: #FFFFFF;

    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;

    overflow-y: auto;
}

#AboutPage.show {
    -moz-opacity: 1.0;
    opacity: 1.0;
    -moz-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
}

#AboutPage.hide {
    -moz-opacity: 0;
    opacity: 0;
    -moz-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
}

#AboutClose {
    display: none;

    position: fixed;
    float: right;

    z-index: 10001;

    top: 0px;
    right: 0px;
    margin: 0px;

    width: 24px;
    height: 24px;

    border: 2px solid #FFFFFF;
    background-color: #333333;

    background-image: url(images/x-white-small.png);
    background-size: 12px auto;
    background-repeat: no-repeat;
    background-position: center center;

    cursor: pointer;
}

#AboutPage .RtLogo {
    width: 600px;
    height: 300px;
    margin: 100px auto 40px auto;

    background-image: url(images/nav/2.0/rt_logo_block.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}

#AboutPage .RtContact .group {
    margin-top: 40px;
    margin-bottom: 40px;
    clear: both;
}

#AboutPage .RtContact p {
    text-align: center;
}

#AboutPage .RtContact a {
    text-decoration: none !important;
    outline: none !important;
}

#AboutPage .RtContact .physical p {
    font-size: 18px;
    font-weight: bold;
    color: #7a7a7a;

    margin-top: 2px;
    margin-bottom: 2px;
}

#AboutPage .RtContact .phone a {
    color: #e74325;
    font-weight: bold;
    font-size: 36px;
}

#AboutPage .RtContact .digital p {
    font-size: 16px;
    font-weight: normal;
    color: #a7a7a7;

    margin-top: 8px;
    margin-bottom: 8px;
}

#AboutPage .RtContact .digital a {
    display: inline-block;
    margin-top: 3px;
    margin-left: 10px;
    color: #1c3a54 !important;
    font-size: 21px;
    font-weight: 500;
}

#AboutPage p.website::before { content: "website:"; }
#AboutPage p.store::before   { content: "store:";   }
#AboutPage p.email::before   { content: "email:";   }

:lang(es) #AboutPage p.website::before { content: "sitio web:"; }
:lang(es) #AboutPage p.store::before   { content: "tienda:";    }
:lang(es) #AboutPage p.email::before   { content: "correo:";    }

/* ----------------------------------------------- */

#Search {

    position: relative;
    float: left;

    margin-top: 40px;

    width: 680px;
    height: 40px;

    margin-left: calc(50% - 340px - 96px);

    border-radius: 20px;

    resize: none;
    padding: 10px 40px 10px 40px;
    font-size: 20px;

    border: 1px solid #c0c0c0;
    outline: none;

    box-shadow: 0px 0px 6px #d0d0d0 inset;

}

#SearchReset {
    display: none;
    position: relative;
    float: left;

    width: 30px;
    height: 30px;

    border-radius: 15px;
    background-color: #c0c0c0;

    margin: 46px 0px 0px -36px;

    background-image: url(images/x-white-small.png);
    background-size: 12px auto;
    background-repeat: no-repeat;
    background-position: center center;
}

#SearchItems {
    width: 100%;
    height: calc(100% - 64px - 24px);
    padding: 4px 0px 16px 0px;
    overflow-y: scroll;

    padding-top: 12px;
    padding-bottom: 12px;
}

#SearchItems.NoResults {
    background-image: url(images/search-gray-large.png);
    background-size: 384px auto;
    background-repeat: no-repeat;
    background-position: center center;
}

a.SearchItem {
    display: block;
    max-width: 960px;
    text-decoration: none;
    cursor: pointer;

    border-bottom: 1px solid #eeeeee;

    padding: 18px 0px 18px 0px;
    margin: 0px auto 0px auto;
}

a.SearchItem:last-child {
    border-bottom: none;
}

a.SearchItem:hover {
    background-color: #ffffff;
}

a.SearchItem span.line1,
a.SearchItem span.line2 {
    padding-left: 20px;
    padding-right: 20px;
}

a.SearchItem span.line1 {

    display: block;
    font-size: 18px;
    line-height: 1.3em;
    font-weight: bold;
    color: #0055a2;
    margin-bottom: 6px;
}

a.SearchItem span.line2 {

    display: block;
    font-size: 12px;
    line-height: 1.4em;
    font-weight: normal;
    color: #505050;
}

a.SearchItem span.line2 strong {
    color: #333333;
    font-weight: bold;
}

/* ----------------------------------------------- */

.fancybox-is-open .fancybox-bg {
    background-color: #ffffff;
    opacity: 1;
}

img.fancybox-image {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    height: auto;
}

/* ----------------------------------------------- */

td.checked {
    background-image: url(images/circle-filled.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 10px auto;
    color: transparent;
}

/* ----------------------------------------------- */

.statusbar {
    display: block;
    position: fixed;
    width: 100%;
    height: 240px;
    top: -240px;
    left: 0px;
    background-color: #ffffff;
    z-index: 1000;
}

.header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 128px;
    border-bottom: 1px solid #c0c0c0;
    background: #E7E7E9;
    z-index: 1001;
    min-width: 320px;
}


.header h1 {
    display: block;
    position: absolute;
    left: 16%;
    text-align: center;
    color: #000000;
    font-size: 32px;
    font-weight: normal;

    width: 66%;

    margin-top: 42px;
    margin-bottom: 0px;
    float: left;
    padding: 0;
}

.header a {
    display: block;
    float: right;
    width: 64px;
    height: 64px;
    margin: 32px;
    cursor: pointer;
}

.header a.rt {
    display: block;
    float: left;
    width: 476px;
}

.footer {
    position: fixed;
    right: 0px;
    bottom: 32px;
    width: 110px;
    height: 61px;
    background-color: rgba(225, 225, 227, 0.85);
    border: 2px solid #ffffff;
    border-right: none;
    z-index: 999;
    border-radius: 30.5px 0 0 30.5px;
}

.footer a.back,
.footer a.next {
    display: block;
    width: 41px;
    height: 41px;
    border-radius: 24.5px;

    border: 1px solid #c9c9c9;
    float: left;
    margin-top: 9px;
    margin-left: 9px;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 25% auto;
    cursor: pointer;
}

#PageCounter {
    display: block;
    position: fixed;
    float: right;
    bottom: 0px;
    right: 0px;
    margin-top: 12px;
    width: 112px;
    text-align: center;
    font-size: 11px;
    color: #808080;
    text-shadow: 0px 0px 3px #ffffff;
    padding: 3px 0px 3px 48px;

    z-index: 998;

    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1.00) 50%, rgba(255, 255, 255, 1.00) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1.00) 50%, rgba(255, 255, 255, 1.00) 100%);

}

.footer a.back.off,
.footer a.next.off {
    cursor: default;
    background-color: #f0f0f0;
    box-shadow: 0px 0px 16px 16px #ffffff inset;
    opacity: 0.5;
}

.footer a.back {
    background-image: url('images/nav/2.0/nav_arr_l.png');
    background-position: 45% center;
}

.footer a.next {
    background-image: url('images/nav/2.0/nav_arr_r.png');
    background-position: 55% center;
    margin-left: 5px;
}

.footer a.info {
    float: right;
    width: 111px;
    height: 96px;
    background-repeat: no-repeat;
    background-position: center center;
}

.header a.dummy,
.footer a.dummy {
    background-image: none !important;
    cursor: default;
}

.header a.arr_l {
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px;
}

.header a.arr_r {
    float: right;
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px;
}

.header a.rt {
    background-image: url('images/nav/2.0/nav_rt_2.png');
    background-size: auto 64px;
}

.header a.install {
    background-image: url('images/nav/install.svg');
    background-size: 100% auto;
}

.header a.toc {
    background-image: url('images/nav/2.0/nav_toc.png');
    background-size: auto 57px;
}

.header a.search {
    background-image: url('images/nav/2.0/nav_search.png');
    background-size: auto 53px;
}

.header a.arr_l {
    background-image: url('images/nav/2.0/nav_arr_l.png');
    background-size: auto 60px;
}

.header a.arr_r {
    background-image: url('images/nav/2.0/nav_arr_r.png');
    background-size: auto 60px;
}

.footer a.info {
    background-image: url('images/nav/2.0/nav_info.png');
    background-size: auto 96px;
}

.headline a.bookmark {
    background-image: url('images/nav/1.0/nav_bookmark.png');
    background-size: auto 30px;
    background-position: right top;
}

.headline a.annotation {
    background-image: url('images/nav/1.0/nav_annotation.png');
    background-size: auto 29px;
    background-position: right 4px;
}

.headline a.bookmark,
.headline a.annotation {
    width: 32px;
    height: 32px;
    float: right;
    opacity: 0.25;
    margin-top: -3px;
    margin-left: 10px;
}

.headline a.annotation {
    margin-left: 20px;
}

@media (-webkit-min-device-pixel-ratio: 1.25) {
    .headline a.bookmark {
        background-image: url('images/nav/1.0/nav_bookmark@2x.png');
    }

    .headline a.annotation {
        background-image: url('images/nav/1.0/nav_annotation@2x.png');
    }
}

@media (-webkit-min-device-pixel-ratio: 2.25) {
    .headline a.bookmark {
        background-image: url('images/nav/1.0/nav_bookmark@3x.png');
    }

    .headline a.annotation {
        background-image: url('images/nav/1.0/nav_annotation@3x.png');
    }
}

/* ----------------------------------------------- */

div.chapter {
    padding-top: 20px;
    padding-bottom: 20px;
}

div.chapter.level1 {
    padding: 20px 20px 120px 20px;
    display: none;
    max-width: 100vw;
}

.hilite {
    background-color: #fffbea;
    box-shadow: -10px 0px 30px 0px #fffbea;
}

.blur {
    -webkit-filter: blur(8px) grayscale(0.5);
    filter: blur(8px) grayscale(0.5);
}

.page {
    position: fixed;
    display: none;
    z-index: 10000;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    background-repeat: repeat;
    background-size: 320px auto;
    margin-top: 128px;
    background-color: #f7f7f7;
}

#MenuItems {
    overflow-y: scroll;
    height: calc(100% - 228px);
    padding: 20px 80px 80px 80px;
}

#MenuItems a {
    display: block;

    margin: 15px auto 0px auto;
    cursor: pointer;
    max-width: 960px;
    min-height: 30px;
    clear: both;
}

#MenuItems a span.text,
#MenuItems a span.bookmark,
#MenuItems a span.annotation {

    display: block;
    background-repeat: no-repeat;
    background-position: center center;
}

#MenuItems a.level1 span.text {

    font-size: 24px;
    font-weight: bold;
    padding-top: 1px;
    color: #0055a2;
}

#MenuItems a.level2 span.text {

    font-size: 18px;
    font-weight: bold;
    padding-left: 120px;
    padding-top: 4px;
    color: #505050;
}

#MenuItems a.level3 span.text {

    font-size: 16px;
    padding-left: 140px;
    padding-top: 6px;
    color: #666666;
}

#MenuItems a span.bookmark,
#MenuItems a span.annotation {
    float: left;
    height: 30px;
    width: 36px;
    opacity: 0.1;
}

#MenuItems a.level1 span.text,
#MenuItems.BookmarksOnly a.on span.text {
    padding-left: 100px;
}

#MenuItems a span.bookmark {
    background-image: url('images/nav/1.0/nav_bookmark.png');
    background-size: auto 24px;
}

#MenuItems a span.annotation {
    background-image: url('images/nav/1.0/nav_annotation.png');
    background-size: auto 22px;
    background-position: center 6px;
}

#MenuItems a span.on,
.headline a.on {
    opacity: 1.0;
}

#MenuItems a span.on.bookmark,
.headline a.on.bookmark {
    background-image: url('images/nav/1.0/nav_bookmark_h.png');
}

#MenuItems a span.on.annotation,
.headline a.on.annotation {
    background-image: url('images/nav/1.0/nav_annotation_h.png');
}


#MenuHeaderBookmarks {
    background-image: url(images/nav/2.0/nav_bookmark_h_black@2x.png);
    background-size: auto 80%;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.25;
    cursor: pointer;
    margin-left:20px;
}

#MenuHeaderBookmarks.on {
    opacity: 1.0;
}

#MenuItems.BookmarksOnly a:not(.on) {

    overflow: hidden;
    padding: 0px;
    margin: 0px;
    min-height: 0px;
    height: 0px;
    opacity: 0;

    /*
        -webkit-transition: margin 125ms ease-in-out 250ms, padding 125ms ease-in-out 250ms, min-height 125ms ease-in-out 250ms, height 125ms ease-in-out 250ms, opacity 250ms ease-out 0ms;
        -moz-transition:    margin 125ms ease-in-out 250ms, padding 125ms ease-in-out 250ms, min-height 125ms ease-in-out 250ms, height 125ms ease-in-out 250ms, opacity 250ms ease-out 0ms;
        transition:         margin 125ms ease-in-out 250ms, padding 125ms ease-in-out 250ms, min-height 125ms ease-in-out 250ms, height 125ms ease-in-out 250ms, opacity 250ms ease-out 0ms;
        */
}

#MenuItems.BookmarksOnly a.on {
    display: block;
}

@media (-webkit-min-device-pixel-ratio: 1.25) {
    #MenuItems a span.bookmark {
        background-image: url('images/nav/1.0/nav_bookmark@2x.png');
    }

    #MenuItems a span.annotation {
        background-image: url('images/nav/1.0/nav_annotation@2x.png');
    }

    #MenuItems a span.on.bookmark {
        background-image: url('images/nav/1.0/nav_bookmark_h@2x.png');
    }

    #MenuItems a span.on.annotation {
        background-image: url('images/nav/1.0/nav_annotation_h@2x.png');
    }
}

@media (-webkit-min-device-pixel-ratio: 2.25) {
    #MenuItems a span.annotation {
        background-image: url('images/nav/1.0/nav_bookmark@3x.png');
    }
    #MenuItems a span.annotation {
        background-image: url('images/nav/1.0/nav_annotation@3x.png');
    }
    #MenuItems a span.on.bookmark {
        background-image: url('images/nav/1.0/nav_bookmark_h@3x.png');
    }
    #MenuItems a span.on.annotation {
        background-image: url('images/nav/1.0/nav_annotation_h@3x.png');
    }
}


#NotePage {
    background-color: #f7f7f7;
} 

#NoteMain {
    max-width: 960px;
    margin: 0px auto 0px auto;
    height: calc(100% - 240px);
    padding: 0px 16px 0px 16px;
}

#NoteMain h1 {
    color: #0055a2;
    font-size: 24px;
    margin: 40px;
    text-align: center;
}

#Note {
    resize: none;
    width: 100%;
    height: 75%;
    padding: 24px;
    font-size: 16px;

    border: 1px solid #c0c0c0;
    overflow: auto;
    resize: vertical;
    outline: none;

    border-radius: 5px;
    box-shadow: 0px 0px 6px #d0d0d0 inset;
}

/* ----------------------------------------------- */

.cover {
    width: 100%;
    height: auto;
    margin: 0px auto;
    margin-top: 40px;
}

.cover>.title {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: calc(100% - 20px) auto;
}

.cover>.title>img {
    width: calc(100% - 80px);
    height: auto;
    margin: 0 40px;
}

.cover>.photo>img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: 40px;
}

.cover h1 {
    font-family: "Roboto Condensed";
    font-weight: 900;
    font-size: 72px;
    text-align:center;
    margin: 0;
    line-height: 1.0em;
    color: #e74325;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

.cover h2 {
    font-family: "Roboto Condensed";
    font-size: 28px;
    font-style: italic;
    color: #808080;
    text-align: center;
    margin: 20px;
}

@media screen and (max-width:860px) {
    .cover h1 { font-size: 63px; }
}

@media screen and (max-width:720px) {
    .cover h1 { font-size: 54px; }
    .cover h2 { font-size: 24px; }
}

@media screen and (max-width:640px) {
    .cover h1 { font-size: 46px; }
    .cover h2 { font-size: 20px; }
}

@media screen and (max-width:540px) {
    .cover h1 { font-size: 36px; }
    .cover h2 { font-size: 18px; }
}

@media screen and (max-width:480px) {
    .cover h1 { font-size: 32px; }
    .cover h2 {
        font-size: 16px;
        line-height: 1.4em;
    }

    .cover {
        margin-top: 20px;
    }
}

@media screen and (max-width:400px) {
    .cover h1 { font-size: 28px; }
}

@media screen and (max-width:330px) {
    .cover h1 { font-size: 24px; }
}

/* ----------------------------------------------- */

#int {
    padding-left: 0px;
    padding-right: 0px;
}

#int_body {
    padding-left: 20px;
    padding-right: 20px;
}

/* ----------------------------------------------- */

img.Illustration,
img.Logo {
    max-width: 90%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 60px;
}

img.Illustration.Equation {
    max-width: 75%;
}

div.figure.table {
    max-width: 100%;
    overflow-x: auto;

    margin-top: 20px;
    margin-bottom: 40px;

    -webkit-overflow-scrolling: touch;
}

div.figure.table>table {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* ----------------------------------------------- */

th.Empty,
td.Empty {
    border-width: 0px;
    background-color: transparent !important;
}

thead>tr:first-child>th:last-child.Empty {
    border-width: 1px;
    border-top-width: 0px;
    border-right-color: transparent;
}

table.Centered th,
table.Centered tr {
    text-align: center;
}

table.AlternateRows tbody tr:nth-child(even) td {
    background-color: #f0f2f8;
}

table.AlternateRows tbody tr:nth-child(odd) td {
    background-color: #ffffff;
}

table thead tr th {
    background-color: #dddddd;
}

table.HeaderCol tr td:first-child {
    background-color: #eeeeee;
    text-align: left;
}

table.HeaderCol tr td:first-child {
    width: 25%;
}

table.HeaderCol.HeaderRow tr td:first-child {
    width: auto;
}

h4 {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 40px;
}

table.AlternateRows thead tr:nth-child(even) th {
    background-color: #eeeeee;
}

table.AlternateRows.HeaderCol tbody tr:nth-child(odd) td:first-child {
    background-color: #f2f2f2;
}

table.AlternateRows.HeaderCol tbody tr:nth-child(even) td:first-child {
    background-color: #dee1ea;
}

table.Bullets {
    width: auto !important;
}

table.Bullets tr>td:not(:first-child),
table.Bullets tr>th:not(:first-child) {
    width: 32px;
}

table.Bullets tr>td:not(:first-child) {
    text-align: center;
}


table.AngledHeaderRow {
    width: calc(100% - 64px);
}

table.AngledHeaderRow thead tr th {
    background-color: transparent !important;
}

table.AngledHeaderRow thead th {
    border: 0px !important;
    height: 140px;
    white-space: nowrap;
    text-align: left;
}

table.AngledHeaderRow thead th>div {
    /*transform: translate(25px, 56px) rotate(315deg);*/
    transform: translate(22px, 48px) rotate(315deg);
    width: 30px;
}

table.AngledHeaderRow thead th>div>span {
    display: inline-block;
    width: 170px;
    border-bottom: 1px solid #cccccc;
    padding: 5px 10px;
}

div.figure.table>table.AlternateRows.DoubleRows>tbody>tr:nth-child(4n+1)>td,
div.figure.table>table.AlternateRows.DoubleRows>tbody>tr:nth-child(4n+2)>td,
div.figure.table>table.AlternateRows.DoubleRows>tbody>tr:nth-child(4n+1)>td,
div.figure.table>table.AlternateRows.DoubleRows>tbody>tr:nth-child(4n+2)>td {
    background-color: #ffffff;
}

div.figure.table>table.AlternateRows.DoubleRows>tbody>tr:nth-child(4n+3)>td,
div.figure.table>table.AlternateRows.DoubleRows>tbody>tr:nth-child(4n+4)>td {
    background-color: #f0f2f8;
}

div.figure.table>table.AlternateRows.DoubleRows>tbody tr:nth-child(2n+1) td {
    border-bottom: 1px solid #eeeeee;
}

div.figure.table>table.AlternateRows.DoubleRows>tbody tr:nth-child(2n+2) td {
    border-top: 1px solid #eeeeee;
}

#figure_pap_htr_table1>table>tbody tr td:nth-child(-n+2) {
    text-align: center;
}

#figure_pap_fil_table2>table>tbody tr:nth-child(odd) td:first-child {
    font-weight: bold;
}

#figure_pap_fil_table2>table>tbody tr:nth-child(even) td:first-child {
    text-align: right;
}

#figure_pap_fil_table2>table>tbody tr:nth-child(even) td:first-child::before {
    content: '▸ ';
}

#figure_pap_fil_table2>table>thead>tr:first-child>th,
#figure_pap_fil_table2>table>tbody>tr>td {
    white-space: nowrap;
}

#figure_des_run_table1>table>tbody>tr>td {
    min-width: 52px;
}

table.CollapseColsToRows td,
#figure_des_stl_table2 td,
#figure_des_nfm_table1 td {
    vertical-align: top;
}

#figure_des_stl_table2>table>tbody tr td:nth-child(-n+3) {
    text-align: center;
}

#figure_des_nfm_table1>table>tbody tr td:nth-child(-n+3) {
    text-align: center;
}

#figure_cal_chi_table1>table td img {
    display: block;
    height: 45px;
    width: auto;
    margin: 4px;
    margin-left: auto;
    margin-right: auto;
}

#figure_uni_tem_table2 tr>td:first-child {
    white-space: nowrap;
}

thead>tr.VerticalHeaderRow>th {
    height: 170px;
}

thead>tr.VerticalHeaderRow>th>span {
    writing-mode: vertical-rl;
    text-orientation: sideways;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

div.figure.table>table>tbody>tr {
    cursor: default;
}

div.figure.table>table>tbody>tr.rowSelected >td {
    background-color: #fffbea !important;
}

div.figure.table>table>tbody>tr.rowUnselected>td {
    opacity: 0.50;
}


span.MathSymbol {
    font-family: "Cambria", "Times New Roman", "Times", serif;
    font-style: italic;
    font-weight: bold;
}

a.contactLink {
    text-decoration: none;
    color: #0055a2;
    font-weight: 500;
}

span.contactLabel {
    display: inline-block;
    width: 5em;
}

.contactPhone {
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}

#Main {
    padding-top: 128px;
}

#Main {
    margin-left: auto;
    margin-right: auto;
}

/* ------------------------------------------- */
/*                MOBILE STYLES                */
/* ------------------------------------------- */

@media screen and (min-width:1280px) {
    #Main .chapter {
        padding-left: calc(50% - 640px);
        padding-right: calc(50% - 640px);
    }
}

@media screen and (min-width:1080px) {

    @media (-webkit-min-device-pixel-ratio: 1.25) {

        .header a.rt {
            background-image: url('images/nav/2.0/nav_rt_2@2x.png');
        }

        .header a.toc {
            background-image: url('images/nav/2.0/nav_toc@2x.png');
        }

        .header a.search {
            background-image: url('images/nav/2.0/nav_search@2x.png');
        }

        .header a.arr_l {
            background-image: url('images/nav/2.0/arr_l@2x.png');
        }

        .header a.arr_r {
            background-image: url('images/nav/2.0/arr_r@2x.png');
        }

        .footer a.info {
            background-image: url('images/nav/2.0/nav_info@2x.png');
        }

    }

    @media (-webkit-min-device-pixel-ratio: 2.25) {

        .header a.rt {
            background-image: url('images/nav/2.0/nav_rt_2@3x.png');
        }

        .header a.toc {
            background-image: url('images/nav/2.0/nav_toc@3x.png');
        }

        .header a.search {
            background-image: url('images/nav/2.0/nav_search@3x.png');
        }

        .header a.arr_l {
            background-image: url('images/nav/2.0/arr_l@3x.png');
        }

        .header a.arr_r {
            background-image: url('images/nav/2.0/arr_r@3x.png');
        }

        .footer a.info {
            background-image: url('images/nav/2.0/nav_info@3x.png');
        }

    }

}

@media screen and (max-width:1079px) {
    #Main {
        padding-top: 96px;
    }

    .cover {
        margin-top: 20px;
    }
}

@media screen and (min-width:768px) and (max-width:1079px) {

    #AboutPage .RtLogo {
        width: 540px;
        height: 270px;
    }

    #AboutPage div.group.icons {
        width: 540px;
    }

    #AboutPage div.icon {
        margin-bottom: 96px;
    }

    .header {
        height: 96px;
    }

    .header h1 {
        font-size: 24px;
        margin-top: 32px;
    }

    .header a {
        width: 48px;
        height: 48px;
        margin: 24px;
    }

    .header a.rt {
        width: 357px;
        background-size: auto 48px;
    }

    .footer {
        bottom: 24px;
    }

    .footer a.info {
        width: 83px;
        height: 72px;
    }

    .header a.rt {
        background-image: url('images/nav/1.5/nav_rt_2.png');
        background-size: auto 48px;
    }

    .header a.toc {
        background-image: url('images/nav/1.5/nav_toc.png');
        background-size: auto 43px;
    }

    .header a.search {
        background-image: url('images/nav/1.5/nav_search.png');
        background-size: auto 39px;
    }

    .header a.arr_l {
        background-image: url('images/nav/1.5/nav_arr_l.png');
        background-size: auto 45px;
    }

    .header a.arr_r {
        background-image: url('images/nav/1.5/nav_arr_r.png');
        background-size: auto 45px;
    }

    .footer a.info {
        background-image: url('images/nav/1.5/nav_info.png');
        background-size: auto 72px;
    }

    @media (-webkit-min-device-pixel-ratio: 1.25) {


        .header a.rt {
            background-image: url('images/nav/1.5/nav_rt_2@2x.png');
        }

        .header a.toc {
            background-image: url('images/nav/1.5/nav_toc@2x.png');
        }

        .header a.search {
            background-image: url('images/nav/1.5/nav_search@2x.png');
        }

        .header a.arr_l {
            background-image: url('images/nav/1.5/nav_arr_l@2x.png');
        }

        .header a.arr_r {
            background-image: url('images/nav/1.5/nav_arr_r@2x.png');
        }

        .footer a.info {
            background-image: url('images/nav/1.5/nav_info@2x.png');
        }

    }

    @media (-webkit-min-device-pixel-ratio: 2.25) {

        .header a.rt {
            background-image: url('images/nav/1.5/nav_rt_2@3x.png');
        }

        .header a.toc {
            background-image: url('images/nav/1.5/nav_toc@3x.png');
        }

        .header a.search {
            background-image: url('images/nav/1.5/nav_search@3x.png');
        }

        .header a.arr_l {
            background-image: url('images/nav/1.5/nav_arr_l@3x.png');
        }

        .header a.arr_r {
            background-image: url('images/nav/1.5/nav_arr_r@3x.png');
        }

        .footer a.info {
            background-image: url('images/nav/1.5/nav_info@3x.png');
        }

    }

    .page {
        margin-top: 96px;
    }

    #MenuItems {
        padding-left: 40px;
        padding-right: 40px;

        height: calc(100% - 192px);
    }

    #Search {

        width: calc(100% - 128px);
        border-radius: 18px;

        margin-left: 0px;
        margin-top: 28px;
        padding: 10px 40px 10px 22px;

        font-size: 18px;

        outline: none;
        box-shadow: 0px 0px 6px #d0d0d0 inset;

    }

    #SearchReset {

        width: 26px;
        height: 26px;

        border-radius: 13px;
        margin: 35px 0px 0px -35px;

    }

    #SearchItems.NoResults {
        background-size: 384px auto;
    }
}

@media screen and (max-width:767px) {

    #Main {
        padding-top: 64px;
    }

    #AboutPage .RtLogo {
        margin-top: 60px;
        width: 360px;
        height: 180px;
    }

    #AboutPage div.group.icons {
        width: 360px;
    }

    #AboutPage div.icon {
        margin-bottom: 64px;
    }

    .header {
        height: 64px;
    }

    .header h1 {
        font-size: 24px;
        margin-top: 18px;
    }

    .header a {
        width: 32px;
        height: 32px;
        margin: 16px;
    }

    .header a.rt {
        width: 238px;
        background-size: auto 32px;
    }

    .footer {
        bottom: 16px;
    }

    .footer a.info {
        width: 55px;
        height: 48px;
    }

    .header a.rt {
        background-image: url('images/nav/1.0/nav_rt_2.png');
        background-size: auto 32px;
    }

    .header a.toc {
        background-image: url('images/nav/1.0/nav_toc.png');
        background-size: auto 29px;
    }

    .header a.search {
        background-image: url('images/nav/1.0/nav_search.png');
        background-size: auto 27px;
    }

    .header a.arr_l {
        background-image: url('images/nav/1.0/nav_arr_l.png');
        background-size: auto 30px;
    }

    .header a.arr_r {
        background-image: url('images/nav/1.0/nav_arr_r.png');
        background-size: auto 30px;
    }

    .footer a.info {
        background-image: url('images/nav/1.0/nav_info.png');
        background-size: auto 48px;
    }

    @media (-webkit-min-device-pixel-ratio: 1.25) {


        .header a.rt {
            background-image: url('images/nav/1.0/nav_rt_2@2x.png');
        }

        .header a.toc {
            background-image: url('images/nav/1.0/nav_toc@2x.png');
        }

        .header a.search {
            background-image: url('images/nav/1.0/nav_search@2x.png');
        }

        .header a.arr_l {
            background-image: url('images/nav/1.0/nav_arr_l@2x.png');
        }

        .header a.arr_r {
            background-image: url('images/nav/1.0/nav_arr_r@2x.png');
        }

        .footer a.info {
            background-image: url('images/nav/1.0/nav_info@2x.png');
        }
    }

    @media (-webkit-min-device-pixel-ratio: 2.25) {

        .header a.rt {
            background-image: url('images/nav/1.0/nav_rt_2@3x.png');
        }

        .header a.toc {
            background-image: url('images/nav/1.0/nav_toc@3x.png');
        }

        .header a.search {
            background-image: url('images/nav/1.0/nav_search@3x.png');
        }

        .header a.arr_l {
            background-image: url('images/nav/1.5/nav_arr_l@2x.png');
        }

        .header a.arr_r {
            background-image: url('images/nav/1.5/nav_arr_r@2x.png');
        }

        .footer a.info {
            background-image: url('images/nav/1.0/nav_info@3x.png');
        }

    }

    .page {
        margin-top: 64px;
    }

    #MenuItems {
        padding-left: 20px;
        padding-right: 20px;
        height: calc(100% - 60px);
    }

    #MenuItems a.level1 span.text {
        font-size: 22px;
        padding-top: 2px;
    }

    #MenuItems a.level2 span.text {
        padding-left: 100px;
    }

    #MenuItems a.level3 span.text {
        padding-left: 110px;
    }

    #MenuItems a.level1 span.text,
    #MenuItems.BookmarksOnly a.on span.text {
        padding-left: 86px;
    }

    #Search {

        width: calc(100% - 90px);
        border-radius: 16px;

        padding: 8px 36px 8px 18px;

        font-size: 16px;

        outline: none;
        box-shadow: 0px 0px 6px #d0d0d0 inset;

        margin-top: 12px;
        margin-left: 0px;

    }

    #SearchReset {

        width: 22px;
        height: 22px;

        border-radius: 12px;
        margin: 22px 0px 0px -28px;

    }

    #SearchItems.NoResults {
        background-size: 240px auto;
    }

}

@media screen and (max-width:600px) {

    table.CollapseColsToRows thead {
        display: none;
    }

    table.CollapseColsToRows td {

        display: block;
        width: auto !important;
    }

    table.CollapseColsToRows td:before {
        display: block;
        font-weight: bold;
        margin-bottom: 4px;
    }

    table.CollapseColsToRows td:first-child {
        background-color: #f2f2f2 !important;
    }

    table.CollapseColsToRows td:nth-child(n + 2) {
        border: 0px;
        background-color: transparent !important;
    }

    table.CollapseColsToRows td:last-child {
        margin-bottom: 24px;
    }

    div.figure.table>table.CollapseColsToRows>tbody>tr.rowSelected>td {
        border: 0px !important;
    }

    div.figure.table>table.CollapseColsToRows>tbody>tr.rowUnselected>td {
        opacity: 1 !important;
    }

    div.figure.table>table.CollapseColsToRows>tbody>tr.rowSelected>td:first-child {
        border: 1px solid #cccccc !important;
    }


    div.figure.table>table.CollapseColsToRows.MinAvgMax tr>td:before {
        text-align: left;
        width: 50% !important;
    }

    div.figure.table>table.CollapseColsToRows.MinAvgMax tr>td:nth-child(2):before {
        content: "minimum";
    }

    div.figure.table>table.CollapseColsToRows.MinAvgMax tr>td:nth-child(4):before {
        content: "average";
    }

    div.figure.table>table.CollapseColsToRows.MinAvgMax tr>td:nth-last-child(2):before {
        content: "maximum";
    }

    div.figure.table>table.CollapseColsToRows.MinAvgMax tr>td:nth-child(even):after {
        content: " in";
    }

    div.figure.table>table.CollapseColsToRows.MinAvgMax tr>td:nth-child(odd):not(:first-child):after {
        content: " mm";
    }

    div.figure.table>table.CollapseColsToRows.MinAvgMax tr>td:before,
    div.figure.table>table.CollapseColsToRows.MinAvgMax tr>td:not(:first-child) {
        box-sizing: border-box;
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0px;
        float: left;
    }

    div.figure.table>table.CollapseColsToRows.MinAvgMax tr>td:not(:first-child) {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid #eeeeee !important;
    }

    div.figure.table>table.CollapseColsToRows.MinAvgMax tr>td:nth-child(even) {
        border-left: 1px solid #eeeeee !important;
    }

    div.figure.table>table.CollapseColsToRows.MinAvgMax tr>td:nth-child(odd):not(:first-child) {
        border-right: 1px solid #eeeeee !important;
    }

    div.figure.table>table.CollapseColsToRows.MinAvgMax tr>td:last-child {
        margin-bottom: 32px;
    }

    div.figure.table>table.CollapseColsToRows.MinAvgMax tr>td:nth-child(2),
    div.figure.table>table.CollapseColsToRows.MinAvgMax tr>td:nth-child(4),
    div.figure.table>table.CollapseColsToRows.MinAvgMax tr>td:nth-child(6) {
        width: 67% !important;
    }

    div.figure.table>table.CollapseColsToRows.MinAvgMax tr>td:nth-child(3),
    div.figure.table>table.CollapseColsToRows.MinAvgMax tr>td:nth-child(5),
    div.figure.table>table.CollapseColsToRows.MinAvgMax tr>td:nth-child(7) {
        width: 33% !important;
    }

    #figure_cal_chi_table1>table td {
        border: 0px;
        text-align: center;
    }

    #figure_cal_chi_table1>table td {
        background-color: transparent !important;
    }

    #figure_cal_chi_table1>table td:nth-child(3n+3) {
        padding-bottom: 40px;
        border-bottom: 1px solid #eeeeee;
        margin-bottom: 20px;
    }

    #figure_cal_chi_table1>table td:nth-child(3n+3)::before {
        content: "(";
    }

    #figure_cal_chi_table1>table td:nth-child(3n+3)::after {
        content: ")";
    }

    #figure_des_sur_table1 td {
        text-align: left !important;
    }

    #figure_des_sur_table1 td:nth-child(2):before {
        content: "Finishing Method:";
    }

    #figure_des_sur_table1 td:nth-child(3):before {
        content: "Visual Description:";
    }

    #figure_des_sur_table1 td:nth-child(4):before {
        content: "Roughness R.A.:";
    }

    #figure_des_stl_table2 td {
        text-align: left !important;
    }

    #figure_des_stl_table2 td:nth-child(2):before {
        content: "Hardness (Rockwell C):";
    }

    #figure_des_stl_table2 td:nth-child(3):before {
        content: "Thermal Conductivity (BTU/hr/ft°F):";
    }

    #figure_des_stl_table2 td:nth-child(4):before {
        content: "Description: ";
    }

    #figure_des_nfm_table1 td {
        text-align: left !important;
    }

    #figure_des_nfm_table1 td:nth-child(2):before {
        content: "Hardness (Brinnel):";
    }

    #figure_des_nfm_table1 td:nth-child(3):before {
        content: "Thermal Conductivity (BTU/hr/ft°F):";
    }

    #figure_des_nfm_table1 td:nth-child(4):before {
        content: "Description: ";
    }

    div.chapter.level2>h2.headline:before,
    div.chapter.level3>h3.headline:before {
        height: 2px;
        border-top: none;
    }

}

@media screen and (max-width:580px) {
    .header a + a {
        margin: 16px 8px;
    }

    .header a.toc {
        margin-right: 16px;
    }
}

@media screen and (max-width:459px) {

    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 20px;
    }

    h3 {
        font-size: 18px;
    }

    h4 {
        font-size: 16px;
    }

    #AboutPage .RtLogo {
        width: 300px;
        height: 150px;
    }

    #AboutPage div.group.icons {
        width: 300px;
    }

    #AboutPage div.icon {
        margin-bottom: 54px;
    }

    #AboutPage div.icon a {
        width: 88px;
        height: 88px;

        border-radius: 48px;
    }

    #AboutPage div.icon a:after {
        margin-top: 110px;
    }

    #AboutPage .RtContact .group {
        margin-top: 32px;
        margin-bottom: 32px;
    }

    #AboutPage .RtContact .phone a {

        font-size: 32px;
    }

    #AboutPage .RtContact .digital a {

        margin-top: 2px;
        margin-left: 5px;

        font-size: 18px;
    }

    #AboutPage .RtContact .physical p {

        font-size: 16px;

    }

    #AboutPage .RtContact .digital p {

        font-size: 14px;

        margin-top: 6px;
        margin-bottom: 6px;

    }

    .header a.rt {
        width: 133px;
        background-size: auto 32px;
        background-image: url('images/nav/1.0/nav_rt_1.png');
    }

    @media (-webkit-min-device-pixel-ratio: 1.25) {
        .header a.rt {
            background-image: url('images/nav/1.0/nav_rt_1@2x.png');
        }
    }

    @media (-webkit-min-device-pixel-ratio: 2.25) {
        .header a.rt {
            background-image: url('images/nav/1.0/nav_rt_1@3x.png');
        }
    }

    #MenuItems a.level1 span.text {

        font-size: 18px;
        padding-top: 3px;
    }

    #MenuItems a.level2 span.text {

        font-size: 16px;
        padding-top: 5px;

    }

    #MenuItems a.level3 span.text {

        font-size: 14px;
        padding-top: 7px;
    }

    #MenuHeaderBookmarks {
        margin-left: 14px;
    }

    .headline a.bookmark {
        background-image: url('images/nav/1.5/nav_bookmark.png');
        background-size: 24px auto;
        background-position: right top;
    }

    .headline a.annotation {
        background-image: url('images/nav/1.5/nav_annotation.png');
        background-size: 19px auto;
        background-position: right 4px;
    }

    .headline a.on.bookmark {
        background-image: url('images/nav/1.5/nav_bookmark_h.png');
        background-size: 24px auto;
        background-position: right top;
    }

    .headline a.on.annotation {
        background-image: url('images/nav/1.5/nav_annotation_h.png');
        background-size: 19px auto;
        background-position: right 4px;
    }


    @media (-webkit-min-device-pixel-ratio: 2.01) {

        .headline a.bookmark {
            background-image: url('images/nav/2.0/nav_bookmark.png') !important;
        }

        .headline a.annotation {
            background-image: url('images/nav/2.0/nav_annotation.png') !important;
        }

        .headline a.on.bookmark {
            background-image: url('images/nav/2.0/nav_bookmark_h.png') !important;
        }

        .headline a.on.annotation {
            background-image: url('images/nav/2.0/nav_annotation_h.png') !important;
        }

    }

    #NoteMain h1 {
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #Note {
        padding: 18px;
    }

    #MenuItems {
        padding-left: 12px;
        padding-right: 16px;
    }

    img.Illustration {
        max-width: 100% !important;
    }

    #SearchItems.NoResults {
        background-size: 180px auto;
    }
}

@media screen and (max-width:360px) {

    h1 {
        font-size: 20px;
    }

    h2 {
        font-size: 18px;
    }

    h3 {
        font-size: 16px;
    }

    h4 {
        font-size: 15px;
    }

    #AboutPage .RtLogo {
        width: 270px;
        height: 135px;

        margin-top: 48px;
        margin-bottom: 24px;
    }

    #AboutPage div.group.icons {
        width: 270px;
    }

    #AboutPage div.icon {
        margin-bottom: 48px;
    }

    #AboutPage div.icon a:after {
        margin-top: 110px;
    }

    #AboutPage .RtContact .group {
        margin-top: 24px;
        margin-bottom: 24px;
    }

    #AboutPage .RtContact .digital a {

        margin-top: 3px;
        margin-left: 4px;

        font-size: 16px;
    }

    #AboutPage .RtContact .physical p {

        font-size: 16px;

    }

    #MenuItems a.level1 span.text {
        font-size: 16px;
        padding-top: 7px;
    }

    #MenuItems a.level2 span.text {
        font-size: 14px;
        padding-top: 7px;
        padding-left: 80px;
    }

    #MenuItems a.level3 span.text {
        font-size: 14px;
        padding-top: 7px;
        padding-left: 90px;
    }

    #MenuItems a.level1 span.text,
    #MenuItems.BookmarksOnly a.on span.text {
        padding-left: 70px;
    }

    #MenuItems a span.bookmark,
    #MenuItems a span.annotation {
        width: 28px;
    }

    #MenuItems a span.bookmark {
        background-size: auto 18px;
    }

    #MenuItems a span.annotation {
        background-size: auto 16px;
        background-position: center 9px;
    }

    #Note {
        padding: 16px;
    }

    #MenuItems {
        padding-left: 5px;
        padding-right: 10px;
    }

    img.Illustration {
        max-width: 100% !important;
    }

    #SearchItems.NoResults {
        background-size: 160px auto;
    }

    #MenuHeaderBookmarks {
        margin-left: 2px;
    }
}

@media screen and (max-width:340px) {
    .header a + a {
        margin: 16px 4px;
    }

    .header a.toc {
        margin-right: 12px;
    }
}

@media screen and (max-width:320px) {

    #AboutPage .RtLogo {
        width: 240px;
        height: 120px;
        margin-top: 32px;
        margin-bottom: 48px;
    }

    #AboutPage div.group.icons {
        width: 240px;
    }

    #AboutPage div.icon {
        margin-bottom: 48px;
    }

    #AboutPage div.icon a {
        border: 3px solid #808080;
        width: 58px;
        height: 58px;

        border-radius: 32px;
    }

    #AboutPage div.icon a:after {
        margin-top: 74px;
    }

    #MenuItems a.level2 span.text {
        padding-left: 70px;
    }

    #MenuItems a.level3 span.text {
        padding-left: 80px;
    }

    #MenuItems a.level1 span.text,
    #MenuItems.BookmarksOnly a.on span.text {
        padding-left: 60px;
    }

    #MenuItems a span.bookmark,
    #MenuItems a span.annotation {
        width: 24px;
    }

    #SearchItems.NoResults {
        background-size: 120px auto;
    }
}

.figure_def_tbl_table table>thead>tr>th {
    min-width: 72px;
}

.figure_def_tbl_table table>tbody>tr>td {
    height: 24px;
}

.figure_def_tbl_table table>tbody>tr>td,
.figure_def_tbl_legend span {

    background-size: auto 12px;
    background-repeat: no-repeat;
    background-position: center center;
}

.figure_def_tbl_table table>tbody>tr>td:first-child {
    white-space: nowrap;
}

.figure_def_tbl_table table>thead>tr:first-child>th {
    background-color: transparent;
    border-top: 0px;
    color: #808080;
}

.figure_def_tbl_table table>tbody>tr>th {
    text-align: left;
    background-color: #aaaaaa;
    color: #f3f3f3;
}

.figure_def_tbl_table .LO,
.figure_def_tbl_legend span.LO {
    background-image: url(images/arrow-low.png);
}

.figure_def_tbl_table .HI,
.figure_def_tbl_legend span.HI {
    background-image: url(images/arrow-high.png);
}

.figure_def_tbl_table .LH,
.figure_def_tbl_legend span.LH {
    background-image: url(images/arrow-low-high.png);
}

.figure_def_tbl_table .OO,
.figure_def_tbl_legend span.OO {
    background-image: url(images/circle-filled.png);
    background-size: auto 8px;
}

.figure_def_tbl_table .XX,
.figure_def_tbl_legend span.XX {
    background-image: url(images/x-black-rounded.png);
}

.figure_def_tbl_table .LOB {
    background-image: url(images/arrow-low-blue.png);
}

.figure_def_tbl_table .HIB {
    background-image: url(images/arrow-high-blue.png);
}

.figure_def_tbl_table .LHB1 {
    background-image: url(images/arrow-low-high-blue1.png);
}

.figure_def_tbl_table .LHB2 {
    background-image: url(images/arrow-low-high-blue2.png);
}

.figure_def_tbl_table .INC {
    background-image: url(images/asterisk-orange.png);
}

.figure_def_tbl_table td i,
.figure_def_tbl_legend span.inconsistent {
    background-image: url(images/asterisk-orange.png);
    background-size: 12px auto;
    background-repeat: no-repeat;
    background-position: center top;
    float: right;
    position: relative;
    top: -10px;
    right: -5px;
    z-index: 10;
    display: block;
    width: 12px;
    height: 12px;
}

.figure_def_tbl_legend span.OO,
.figure_def_tbl_legend span.XX,
.figure_def_tbl_legend span.LO,
.figure_def_tbl_legend span.LH,
.figure_def_tbl_legend span.HI,
.figure_def_tbl_legend span.inconsistent {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 1em;
    top: 0.125em;
}

.figure_def_tbl_legend span.LH {
    width: 32px;
}

.figure_def_tbl_legend span.inconsistent {
    float: none;
    top: auto;
    right: auto;
}

/* ------------------------------------------------ */

div.cWidget {
    width: 280px;
    margin: auto;
}

div.cWidget>.Widget:first-child {
    margin-top: 48px;
    margin-bottom: 16px;
}

div.cWidget>.Widget:last-child {
    margin-bottom: 48px;
}

div.cWidget>.Widget>div,
div.cWidget>.Widget>a {
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

div.cWidget>.Widget:after {
    display: block;
    width: 0px;
    height: 0px;
    clear: both;
    content: " ";
}

div.cWidget>.Widget>.Button,
div.cWidget>.Widget>.Window {
    width: 42px;
    height: 42px;
    border: 1px solid #dddddd;
    border-radius: 5px;
}

div.cWidget>.Widget>.Button:first-child,
div.cWidget>.Widget>.Window {
    margin-right: 4px;
}

div.cWidget>.Widget>.Button {
    background-color: #808080;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 33.333% auto;


    color: #e0e0e0;
    text-align: center;

    cursor: pointer;

    font-weight: 900;
    font-size: 33px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-shadow: 0px 0px 10px #606060 inset;
}

div.cWidget>.Widget>.Button.Minus {
    background-image: url(images/widget-minus-white.png)
}

div.cWidget>.Widget>.Button.Plus {
    background-image: url(images/widget-plus-white.png)
}

div.cWidget>.Widget>.Window {
    width: calc(100% - 96px);
    display: table-row;
    grid-template-columns: auto min-content;
    background-color: #f7f9ff;
    box-shadow: 0px 0px 5px #cdd0d8 inset;
}

div.cWidget>.Widget>.Window>div {
    padding: 7px 6px 7px 6px;
    display: table-cell;
    font-family: Inconsolata, monospace;
    font-size: 24px;
    color: #333333;
}

div.cWidget>.Widget>.Window>div:first-child {
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
}

div.cWidget>.Widget>.Window>div br {
    display: none;
}

div.cWidget>.Widget>.Window>div * {
    white-space: nowrap;
}

div.cWidget>.Widget>.Window>div:first-child:focus {
    background-color: #FFFFFF;
    outline: none;
}

div.cWidget>.Widget>.Window>div:last-child {
    padding-left: 2px;
    padding-right: 10px;

    width: 1%;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media screen and (min-width:768px) {
    div.cWidget { margin-bottom: 96px; }
}

/* ------------------------------------ */
body:has(#wall) {
    #Main, #MenuHeader, #MenuItems,#SearchHeader, #SearchItems {
        filter: blur(4px);
        max-height: calc(100vh - 24px);
        overflow: hidden;
    }
}

#wall {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    z-index: 20000;
}

#wall .icon {
    width: 64px;
    height: 64px;
    border-radius: 10px;
    background-image: url(images/icon.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    float: right;
    margin-left: 15px;
    margin-bottom: 8px;
}

#wall > form {
    width: 340px;
    background-color: #f3f3f3;
    padding: 20px;
    border: 1px solid #808080;
    border-radius: 10px;
    margin: auto;
    margin-top: 20px;
}

#wall > form > p {
    font-size: 16px;
}

#wall > form > p:nth-child(2) {
    margin-top: 0;
    padding-top: 0;
}

#wall > form > p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

#wall .field {
    text-align: center;
    margin-bottom: 15px;
}

#wall .field > p::first-child {
    margin-top: 0;
}

#wall .field:last-child {
    margin-bottom: 0px;
}

#wall .field > div, #wall .field > input {
    height:  30px;
    width:  300px;
    font-size: 16px;
    text-align: center;
    margin: auto;
    margin-top:    5px;
    margin-bottom: 5px;
}

#wall .field::after {
    content: "";
    display: table;
    clear: both;
}

#wall .field > input {
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 5px;
    border: 1px solid #c0c0c0;
    text-align: left;
}

#wall .field > div.button {
    font-size: 16px;
    border-radius: 15px;
    text-align: center;
    padding-top: 5px;
    font-weight: 600;
    cursor: pointer;
    background-color: #03a6ff;
    color: white;
}

#wall div.button.continue::before { content: "Continue"; }
#wall div.button.login::before    { content: "Log In";   }
#wall div.button.register::before { content: "Register"; }

:lang(es) {
    #wall div.button.continue::before { content: "Continuar"; }
    #wall div.button.login::before    { content: "Entrar";    }
    #wall div.button.register::before { content: "Registrar"; } 
}

#wall input[name=passcode] {
    text-transform: uppercase;
    letter-spacing: 0.5em;
}

#wall input.invalid {
    border-color: #e74325 !important;
    border-width: 2px;
}

#wall ::placeholder {
    color: #c0c0c0;
}

#wall input[name=passcode]::placeholder {
    text-transform: lowercase;
    letter-spacing: normal;
}

#wall > .error {
    position: absolute;
    top: 0;
    z-index: 20000;
    width:  calc(100% - 20px);
    background-color: white;
    border: 2px solid #e74325;
    color: #e74325;
    border-radius: 10px;
    padding: 10px 20px 10px 20px;
    box-shadow: 0px 0px 40px white;
    margin-left: 10px;
    margin-top: 10px;
    font-size: 16px;
    line-height: 18px;
}

#wall > .error::before {
    content: "×";
    display: block;
    float: right;
    font-size: 24px;
    font-weight: 900;
    line-height: 18px;
    cursor: pointer;
}

@media screen and (max-width:400px) {
    #wall > form {
        width: 300px;
        padding: 10px;
    }

    #wall .field > div, #wall .field > input {
        width:  278px;
    }
}

@media screen and (max-width:330px) {
    #wall > form {
        width: 280px;
    }

    #wall .field > div, #wall .field > input {
        width:  258px;
    }

    .field p {
        font-size: 14px;
    }
}

@media (display-mode: standalone), (display-mode: minimal-ui) {
    a.install {
        display: none !important;
    }

    #PageCounter {
        padding-right: 25px;
    }
}

.bounceR {
	animation: bounceR 1.0s normal forwards;
}

.bounceL {
	animation: bounceL 1.0s normal forwards;
}

@keyframes bounceR {
    0%, 20%, 53%, 80%, 100% {
      transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      transform: translate3d(0,0,0);
    }
  
    40%, 43% {
      transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      transform: translate3d(-30px, 0, 0);
    }
  
    70% {
      transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      transform: translate3d(-15px, 0, 0);
    }
  
    90% {
      transform: translate3d(-4px,0,0);
    }
  }

  @keyframes bounceL {
    0%, 20%, 53%, 80%, 100% {
      transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      transform: translate3d(0,0,0);
    }
  
    40%, 43% {
      transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      transform: translate3d(30px, 0, 0);
    }
  
    70% {
      transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      transform: translate3d(15px, 0, 0);
    }
  
    90% {
      transform: translate3d(4px,0,0);
    }
  }