nav > div {
	margin: 7px 0;
}
.chapter {
	padding: 0 0 0 1em;
	}
h1, h2 {
	text-align: center;
}
h1 {
	font-size: 22px;
	font-weight: 300;
}
label.rightanswer, label.wronganswer {
	width: 500px;
	text-align: left;
}
#filmsNav {
	z-index: 1;
}
label.rightanswer.ui-button.ui-state-active, label.rightanswer.ui-button.ui-state-active:hover  {
	border: 1px solid #003f00;
}
label.wronganswer.ui-button.ui-state-active, label.wronganswer.ui-button.ui-state-active:hover  {
	border: 1px solid #3f0000;
}

label.ui-button {
	display: block;
}
fieldset {
	margin: 10px 0;
	border: none;
}
fieldset > legend {
	font-weight: bolder;
}

nav > div {
	margin: 7px 0;
}
.chapter {
	padding: 0 0 0 1em;
}

#filmsNav {
	position: sticky;
	top:0;
	width: 15rem;
	margin-right: 3px;
}
.ui-accordion .ui-accordion-content {
	padding: 3px 3px 3px 3px;
}

.selectedClip {
	background: #012169;
	color: white !important;
}
.selectableClip {
	padding-left: 1rem;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #001a57;
}
#filmsNav .ui-state-active {
	color: white;
}

.indented {
	padding-left: 5rem;
}

.grid-container > div.grid-item {
	text-align: center;
}
.grid-container > div.grid-item > .letters {
	font-size: larger;
	font-weight: bolder ;
}
.grid-container > div.grid-item > .pronounce {
	font-weight: lighter;
	color: grey;
}

div.letters.red, h4.red
{
	color: #CC0000;
}
div.letters.green
{
	color: green;
}

.ukr-yellow {
	background-color: yellow;
}
.ukr-red {
	color: red;
}
.declenation-title {
	font-weight: bold;
}

div.declenations > .row:not(:first-child) >  :not(:first-child) {
	font-style: italic;
}

.payattention {
	color: #CC0000;
	font-weight: bold;
}

.payattention-example {
	font-weight: bold;
}

div#firstSection > h4 {
	padding-top: 1em;
	font-weight: bold;
	font-style: italic;
}

div#firstSection > h5 {
	padding-top: 1em;

	padding-bottom: 0.5em;
}
.preposition-examples-mint-headers {
	border: 2px black solid;
	text-align: center;
}
.preposition-examples-mint-headers td {
	border: 1px black solid;
}

.s24-border td, th {
	border: 1px black solid;
}
.background-mint {
	background: #99cc99;
}

.s24_bold_tables_in_lis li {
	padding-top: 1em;
}
.s24_bold_tables_in_lis table {
	width: 100%;
	font-weight: bold;

}
.s24_bold_tables_in_lis th {
	text-align: center;
}
.s24_bold_tables_in_lis td {
	width: 50%;
}
.outlined-block {
	border: thin black solid;
	padding: 0.5rem 1rem;
	margin: 1rem 0;
}
.s24-text-block-titles {
	margin-top: 1rem;
}
.ol_with_bold_lis li {
	font-weight: bold;
	margin-top: 0.8rem;
}