* {
	letter-spacing: 0px;
    font-family: 'Asap';
	color:rgb(32,0,32);
}

strong, b, b u, strong u, .mainbut {
    font-family: 'AsapBold';
}

i {
    font-family: 'AsapItalic';
}

strong i, b i, strong u i, b u i, u strong i, u b i {
    font-family: 'AsapBoldItalic';
}

.italicBold {
    font-family: 'AsapBoldItalic'!important;
}

*:focus {
	outline: none;
}


#form {
	display:block;
	background-color: white;
	padding: 8pt 15pt;
	border: solid 1px black;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	text-align: center;
	margin:0;
	margin-bottom: 0px;
	min-height:100vh;
	padding-top:13vh;
}

#begrip, #reads, #watch {
	padding-top:1vh;
}

#maintabs {
  position: fixed!important;
  top: 1vh!important;
  width: 98.6vw!important;
  z-index: 1000;
}

#begripdocuments p {
	margin-bottom: 0;

}


.trans-10 {	transition: transform 0s; transform: scale(0.1); }
.trans-20 {	transition: transform 0s; transform: scale(0.2); }
.trans-25 {	transition: transform 0s; transform: scale(0.25); }
.trans-30 {	transition: transform 0s; transform: scale(0.3); }
.trans-40 {	transition: transform 0s; transform: scale(0.4); }
.trans-50 {	transition: transform 0s; transform: scale(0.5); }
.trans-60 {	transition: transform 0s; transform: scale(0.6); }
.trans-70 {	transition: transform 0s; transform: scale(0.7); }
.trans-75 {	transition: transform 0s; transform: scale(0.75); }
.trans-80 {	transition: transform 0s; transform: scale(0.8); }
.trans-90 {	transition: transform 0s; transform: scale(0.9); }


.introlist {
	columns:2;
	font-size:10pt;
}

.itemright {
	list-style: circle url(icon/32/U1F449-32.png);
}

.itemleft {
	list-style: circle url(icon/32/U1F448-32.png);
}






.input, input[type="text"], select, textarea {
	background-color: rgb(240,240,246);
	border-color: rgb(154,154,154);
	border-width: 0px;
	border-style: none;
	color: rgb(0,0,0) !important;
	font-size: 9pt !important;
	font-weight: normal !important;
	font-style: normal !important;
	line-height: 1;
	padding: 4px 8px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width:auto;
	box-sizing: border-box;
	-webkit-appearance: textfield;
	-webkit-rtl-ordering: logical;
	cursor: text;
	resize: none;
}

input[type=button]:hover {
	background-color: rgb(242,242,242);
}

input[type=button][disabled]:hover {
	background-color: rgb(242,0,0);
}

input[type=button] {
	background-color: rgb(255,255,255);
	border-color: rgb(117,117,120);
	border-width: 1px;
	border-style: solid;
	color:rgb(64,0,64);
	font-size: 11pt;
	font-weight: normal;
	font-style: normal;
	line-height: 125%;
  	padding: 8px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
  	border-radius: 3px;
	cursor: pointer;
	transition: 0.2s ease;
}

p, span, pre, label {
	color:rgb(32,0,32);
}


table {
	width: 100%;
}

tr:first-child td {
	padding-left:0px;
	width: 50%;
}

.tab tr:first-child td {
	width: 50%;
}


tr th { text-align: right; width:50%; }
.form tr td { text-align: left; }


a { text-decoration: none; }
a:link { color: #000; }
a:visited { color: #000; }
a:hover { color: #000; }
a:active { color: #000; }

.overflow-x-none {  overflow-x: none!important; }
.overflow-y-none {  overflow-y: none!important; }
.overflow-x-hidden {  overflow-x: hidden!important; }
.overflow-y-hidden {  overflow-y: hidden!important; }
.overflow-x-auto {  overflow-x: auto!important; }
.overflow-y-auto {  overflow-y: auto!important; }
.overflow-x {  overflow-x: auto!important; overflow-y: hidden!important; }
.overflow-y {  overflow-x: hidden!important; overflow-y: auto!important; }
.overflow-nox {  overflow-x: hidden!important; overflow-y: hidden!important; }
.overflow-noy {  overflow-x: hidden!important; overflow-y: hidden!important; }