/* Typographical improvements, for more information see http://blog.thibaultjanbeyer.com/portfolio/quick-guide-to-web-typography/ */
body {
    font: 12px Helvetica, Arial, sans-serif;
    line-height: 1.5;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga" 1, "kern" 1, "swsh" 1;
    text-rendering: optimizeLegibility;
}

/************
 * Headings *
 * & Text   *
 ************/

 h1, h2, h3, h4 {
    letter-spacing: -0.015rem;
    padding: 0;
    margin: 0;
}

h3, h4 { letter-spacing: -0.01rem; }

.flat h1 {
    font-size: 3rem;
    font-weight: bolder;
}

.flat h2 {
    font-size: 1.5rem;
}

.flat h3 {
    font-size: 1.25rem;
    font-weight: bold;
}

.flat h4 {
    font-size: 1.15rem;
    font-weight: normal;
}

.flat .tiny,
.flat .tiny--sub {
    font-size: 0.8rem;
    letter-spacing: 0.01rem;
}

.flat .tiny--sub {
    margin-top: -5px;
}

.flat .nowrap {
    white-space: nowrap;
}

.flat .dcdTextEllipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.flat .dcdCutText {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 260px;
}

.flat .dcdLabelField {
    overflow: auto;
    max-height: 50px;
    max-width: 255px;
    white-space: nowrap;
    padding: 4px;
    border: 1px solid #EAEAEA;
    border-radius: 3px;
    box-sizing: border-box;
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.flat .dcdMonoText {
    font-family: monospace;
    font-size: 1.2rem;
}

.flat .dcdMonoWidget {
    font-family: monospace;
}

.flat .dcdClickableText:hover,
.flat .dcdClickableText:focus,
.flat .dcdClickableText:target {
    cursor: pointer;
    text-decoration: underline;
    text-decoration-style: dotted;
}