@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek,greek-ext,vietnamese);

* {
    box-sizing: border-box;
}

img {
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;

    /* you must choose if you're going to use width:100% or max-width:100%, not both */
    /* stretch to the parent space, but do not stretch beyond image's natural width */
    max-width: 100%;
    /* stretch to full width of the parent, even beyond the natural width */
    /* width: 100%; */
    /* responsive */
    height: auto;
}

/* My Colors https://coolors.co/f70000-616f6f-ebe583-004499-3f220f */
:root {
    --color1: darkgreen;
    /*--color2: #AFE1AF;*/
    --color2: #CCE0CC;
    --color3: #616F6F;
    --color4: #DDDDDD;
    --color5: #E0CCCC;
}

html {
    font: normal 13px/1.4 "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow-y: scroll;
    color: #000;
}

html,
body {
    height: 100%;
    min-height: 100%;
    font-size: 100%;
}

body {
    margin: 0;
}

a {
    color: darkred;
    /* var(--color1); */
    background-color: transparent;
    text-decoration: none;
    cursor: pointer;
}

a:active,
a:hover {
    color: var(--color1);
    text-decoration: underline;
    outline: 0;
}


td.rowFlat,
th.rowFlat {
    padding: 1px 5px 1px 5px;
    margin: 0px;
}

td.rowFlatWide,
th.rowFlatWide {
    padding: 1px 15px 1px 15px;
    margin: 0px;
}

td.rowHighlightedGreen {
    background: rgba(51, 170, 51, .2);
}