/*
 * BCIT Course CSS
 * (c) 2019 Alexander Volkov
 */

@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic,700italic);
@import url("generated.css");

html {
	font-family:        "Roboto", sans-serif;
	color:              #333;
	font-size:          16pt;
	line-height:        1.4em;
	margin:             0rem 0.5rem 0.5rem 0.5rem;
}

/* code, pre, figure, img */
code, pre {
	font-family:        "Ubuntu Mono", monospace;
	font-size:          1.1rem;
	border:             1px solid #aaa;
}
code, pre, figure {
	background-color:   #f0f0f0;
	margin:             0;
}
code {
	padding-left:       0.2em;
	padding-right:      0.2em;
}
pre {
	tab-size:           3;
	-moz-tab-size:      3;
	-o-tab-size:        3;
	line-height:        1.1em;
	margin-top:         0.1em;
	padding:            0.2em;
	padding-left:       0.4em;
}
figure {
	display:            table;
	width:              1px; /* cannot be 0 for Chrome */
	text-align:         center;
	margin-top:         0.7em;
	margin-bottom:      0.7em;
	padding:            0.5em;
	page-break-inside:  avoid;
}
figcaption {
	font-size:          0.8em;
	line-height:        1.2em;
	text-align:         center;
	font-style:         italic;
}
.figcaption {
	font-size:          0.8em;
	line-height:        1.2em;
	font-style:         italic;
}
img {
	margin-left:        0.1em;
	margin-right:       0.1em;
	margin-top:         0.7em;
	margin-bottom:      0.7em;
	display: block;
	page-break-inside:  avoid;
}
img, figure, .tocDiv {
	border:             1px solid #777;
	box-shadow:         0.3em 0.3em 0.3em #777;
}
figure img {
	box-shadow:         none;
	margin-top:         0;
}

/* a, p, section */
a {
	text-decoration:    none;
}
a, .apadding {
	padding-left:       0.1em;
	padding-right:      0.1em;
}
p {
	text-indent:        2em;
}
section {
	margin-left:        1em;
}

/* header, footer */
header, footer {
	font-size:          0.8rem;
	line-height:        1.3em;
	color:              #777;
	font-style:         italic;
	font-weight:        bold;
	margin:             0;
	padding:            0;
}
footer {
	text-align:         center;
}

/* h */
h1, h2, p, table, tr, td {
	margin:             0;
	padding:            0;
}
h1, h2, h3, .week {
	color:              #555;
}
h1 {
	font-size:          1.6rem;
	line-height:        1.1em;
	padding-top:        0.3em;
/*	padding-bottom:     0.3em; */
}
h2 {
	font-size:          1.2rem;
	margin-top:         0.7em;
}
h1, h2 {
	text-shadow:        0.1em 0.1em 0.1em #ccc;
}
h3 {
	font-size:          1.1rem;
	margin:             0;
	margin-left:        1em;
	margin-top:         0.3em;
	margin-bottom:      0.2em;
}

/* ol, ul, li */
ul, ol {
	margin-left:        0.5em;
	margin-top:         0;
	margin-bottom:      0;
	padding-top:        0;
	padding-bottom:     0;
}
ol {
	list-style-type:    decimal; /* upper-alpha; */
}
ol.args {
	list-style-type:    none;
	margin-left:        0;
}
ol.args > li {
	counter-increment:  argcounter;
}
ol.args > li:before {
	content:            "Argument " counter(argcounter) ": ";
	font-style:         italic;
}
ol.args:first-child {
	counter-reset:      argcounter;
}

/* CLASSES */
.noMargin {
	margin:             0;
}
.week {
	font-size:          0.9rem;
	width:              4.5em;
	text-align:         center;
	font-style:         italic;
	font-weight:        bold;
	padding-left:       0.2em;
	padding-right:      0.2em;
	border:             1px solid #777;
	box-shadow:         0.2em 0.2em 0.2em #777;
}
hr {
	color:              #eee;
	margin-top:         0.2em;
	margin-bottom:      0.2em;
	padding:            0;
}
/*
.hr {
	background:         #777;
	width:              100%;
	height:             1px;
	margin-top:         0.3em;
	margin-bottom:      0.3em;
}
*/
.tocDiv {
	font-size:          1.1rem;
	padding-top:        0.3em;
	padding-bottom:     0.5em;
}
.h2tocs {
	font-size:          0.9rem;
}
.toc { /* Main TOC */
	font-size:          1rem;
	margin:             0;
}
.index { /* index, figures, code, concepts */
	font-size:          0.9rem;
	line-height:        1.4em;
	margin-left:        3.9em;
	text-indent:        -2.5em;
}
.figcap {
	margin-left:        0em;
	text-indent:        -1.25em;
}
.idx { /* Indexed items span */
	background:         url('underline.gif') bottom repeat-x;
}
.tdNoMargin {
	vertical-align:     top;
	width:              360px;
	float:              left;
}
.imgFixedWidth {
	width:              350px;
}
.mainToc {
	font-size:          1.1rem;
	margin-left:        0.4em;
}
.tocCell {
	vertical-align:     top;
}
.code-sample, .code-small {
	font-size:          0.7em;
}
.code-sample {
	font-style:         italic;
}
.quote {
	width:              300px;
	background:         white;
	padding:            10px;
}
.tblcell {
	padding:            0.3em;
	vertical-align:     top;
	text-align:         center;
}

/* regular table */
.comptable {
	border-collapse:    separate;
	border-spacing:     5px;
}
.bordertable td, .regulartable td, .regulartable th {
	border:             1px solid #555;
}
.comptable, .comptable th, .comptable td, .regulartable, .regulartable th, .regulartable td {
	padding-left:       10px;
	padding-right:      10px;
	vertical-align:     top;
}
.comptable th, .regulartable th {
	background-color:   #555;
	color:              #fff;
	text-align:         center;
	border:             1px solid #fff;
}
.regulartable {
	border-collapse:    collapse;
	border-spacing:     0px;
}

#androidversions {
	width:              100%;
}
#androidversions tr td:nth-child(1), 
#androidversions tr td:nth-child(3), 
#androidversions tr td:nth-child(4) 
{
	text-align:         right;
}
#nativewebhybrid td {
	vertical-align:     top;
	border-bottom:      1px solid #555;
}

.red {
	color:              red;
}
.runningTitleTOC {
	text-align:         left;
}

/* LEVELS GO LAST */
.level1 {
	margin-left:        1.1em;
}
.level2 {
	margin-left:        2.2em;
}
.level3 {
	margin-left:        3.3em;
}
.level4 {
	margin-left:        4.4em;
}
.level5 {
	margin-left:        5.5em;
}
.level6 {
	margin-left:        6.6em;
}
.level7 {
	margin-left:        7.7em;
}
.level8 {
	margin-left:        8.8em;
}
.level9 {
	margin-left:        9.9em;
}
.level10 {
	margin-left:        11em;
}
.level11 {
	margin-left:        12.1em;
}
.level12 {
	margin-left:        13.2em;
}

/* FORM GENERATOR */

.fg-div, .fg-section {
	margin-bottom:      1em;
}

.credit {
	font-size:         .8em;
	font-style:        italic;
	line-height:       1.2em;
	margin:            .5em;
	padding-left:      1.5em;
}

.olparen1 > li:before {
	content: ") ";
	/*counter-increment: list;
	content: counter(list, lower-alpha) ") ";
	position: absolute;
	left: -1.4em;*/
}

.olparen {
	list-style: none;
	/*counter-reset: olparen-counter;*/
}
.olparen li {
	counter-increment: olparen-counter;
}
.olparen li:before {
	content: counter(olparen-counter) ") ";
	color: red;
	font-weight: bold;
}

[data-fund] {
	/*background-color: orange;*/
}