@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url("/~TDDD78/include/fonts/Roboto/Roboto-Bold.ttf");
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url("/~TDDD78/include/fonts/Roboto/Roboto-Italic.ttf");
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: url("/~TDDD78/include/fonts/Roboto/Roboto-BoldItalic.ttf");
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url("/~TDDD78/include/fonts/Roboto/Roboto-Regular.ttf");
}

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 700;
    src: url("/~TDDD78/include/fonts/Roboto_Slab/RobotoSlab-Bold.ttf");
}

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    src: url("/~TDDD78/include/fonts/Roboto_Slab/RobotoSlab-Regular.ttf");
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url("/~TDDD78/include/fonts/OpenSans/OpenSans-Regular.ttf");
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url("/~TDDD78/include/fonts/OpenSans/OpenSans-Italic.ttf");
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url("/~TDDD78/include/fonts/OpenSans/OpenSans-Bold.ttf");
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: url("/~TDDD78/include/fonts/OpenSans/OpenSans-BoldItalic.ttf");
}


BODY {
    font-family: 'Open Sans', Roboto, 'Source Sans Pro', MyFont;
/ / font-size: 110 %; /* Compensate for font being smaller than default */
/ / font-family: "Open Sans", Georgia, Times New Roman, tahoma, verdana, sans-serif;
    font-weight: 400;
}

H1, H2, H3 {
    font-family: 'Roboto Slab';
}

TT, PRE, CODE, KBD, PRE.sh_sourceCode {
    font-family: "Fira Mono", Lucida Sans Typewriter, "Ubuntu Mono", AndaleMono, monospace;
}


.navbar-fixed-left {
    width: 240px;
    position: fixed;
    border-radius: 0;
    height: 100%;
}

.navbar-fixed-left .navbar-nav > li {
    float: none; /* Cancel default li float: left */
    width: 239px;
}

.navbar-fixed-left + .container {
    padding-left: 270px;
}

/* On using dropdown menu (To right shift popuped) */
.navbar-fixed-left .navbar-nav > li > .dropdown-menu {
    margin-top: -50px;
    margin-left: 240px;
}

.container {
    width: auto;
}

.container P {
    max-width: 50em;
}

.container IMG {
    margin-left: 2em;
}

.container PRE {
    width: 60em;
    margin-top: 1ex;
    margin-bottom: 2ex;

}

.container .twodivs PRE {
    width: auto;
}

.navbar-nav > li > a {
    padding-top: 0;
    padding-bottom: 0;
}

H3 {
    background: rgb(220, 220, 210);
    padding: 1ex;
    font-weight: bold;
    margin-right: 1ex;
}

H4 {
    font-weight: bold;
}

CODE, TT, KBD {
    color: black;
}


DIV.noticebox {
    padding: 5pt;
    background: rgb(221, 250, 221);
    border-left: 3px solid rgb(106, 222, 106);
    margin-bottom: 1ex;
    max-width: 50em;
}

DIV.infobox {
    padding: 5pt;
    background: rgb(250, 221, 221);
    border-left: 3px solid rgb(222, 106, 106);
    margin-bottom: 1ex;
    max-width: 50em;
}

DIV.warnbox {
    padding: 5pt;
    background: rgb(250, 221, 221);
    border-left: 3px solid rgb(222, 106, 106);
    margin-bottom: 1ex;
    max-width: 50em;
}