@font-face {
	font-family:'mainfont';
	src:url('fonts/M.Video-Bold.eot');
	src:url('fonts/M.Video-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/M.Video-Bold.woff2') format('woff2'),
		url('fonts/M.Video-Bold.woff') format('woff'),
		url('fonts/M.Video-Bold.ttf') format('truetype'),
		url('fonts/M.Video-Bold.svg#M.Video-Bold') format('svg');
	font-weight:bold;
	font-style:normal;
}
@font-face {
	font-family:'mainfont';
	src:url('fonts/M.Video-Regular.eot');
	src:url('fonts/M.Video-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/M.Video-Regular.woff2') format('woff2'),
		url('fonts/M.Video-Regular.woff') format('woff'),
		url('fonts/M.Video-Regular.ttf') format('truetype'),
		url('fonts/M.Video-Regular.svg#M.Video-Regular') format('svg');
	font-weight:normal;
	font-style:normal;
}

html,body {
	background-color:#FFFFFF;
    font-family:'mainfont';
    font-size:0px;
    color:#000000;
    margin:0px;
    padding:0px;
}
body {
	height:100%;
	-webkit-font-smoothing:subpixel-antialiased !important;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;	
}

div#bg {
	position:fixed;
	z-index:100;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0;
}

a {
	color:rgba(0,90,123,1);
	text-decoration:none;
	cursor:pointer !important;
}
a:hover {
	color:#ff4f12 !important;
}

div.block {
	color:#000000;
	font-size:16pt;
	background-color:rgba(0,90,123,0.25);
	margin:5px;
	padding:5px;
	padding-left:40px;
	padding-right:40px;
}

div.selected {
	background-color:rgba(0,90,123,0.15);
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

div.complete {
	background-color:rgba(16,138,0,0.25);
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

div.title {
	opacity:0.7;
	font-size:0.7em;
}

div.chapter {
	position:absolute;
	left:15px;
	margin-top:-1px;
	font-size:13pt;
	font-weight:bold;
	color:rgba(255,255,255,0.6);
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
div.next {
	position:absolute;
	right:15px;
	margin-top:10px;
	font-size:0pt;
	font-weight:bold;
	color:rgba(0,90,123,1);
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	cursor:pointer;
}

div.next svg {
	width:0px;
	height:0px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

div.next svg path {
	fill:rgba(0,90,123,1);
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	cursor:pointer;
}

div.next:hover svg path {
	fill:#ff4f12;
}

div.selected div.chapter {
	font-size:28pt;
}

div.selected div.next svg {
	width:25px;
	height:25px;
}

div.progressbar {
	position:relative;
	font-size:0pt;
	background-color:rgba(0,90,123,0.15);
	margin:5px;
	margin-top:-5px;
	margin-bottom:5px;
	padding:0px;
	height:4px;
}
div.dark {
	background-color:rgba(0,90,123,0.25);
}

div.progress {
	background-color:rgba(0,90,123,1);
	background-size:auto 4px;
	background-image:url('/img/search_progress.png');
	background-repeat:repeat-x;
	background-position:bottom left;
	animation: progressAnimate 150ms linear infinite;
}

@keyframes progressAnimate {
	from {
		background-position:0px;
	}
	to {
		background-position:7px;
	}
}


select {
	border:none;
	border-bottom:1px solid rgba(0,90,123,1);
	background:transparent;
	-webkit-appearance:none; 
	-moz-appearance:none;
	-ms-appearance: none;
	appearance:none;
	background: url('/img/select-arrow.svg') no-repeat right center;
	padding-right:20px;
}
select::-ms-expand { 
	display:none;
}

input {
	width:calc(100% - 80px);
	border:1px solid rgba(0,90,123,1);
	background:transparent;
	-webkit-appearance:none; 
	-moz-appearance:none;
	-ms-appearance: none;
	appearance:none;
	border-radius:0px;
}
input[type=button] {
	width:auto;
	border:1px solid rgba(0,90,123,1);
	background-color:rgba(0,90,123,1);
	color:#ffffff;
	border-radius:0px;
}

div.xls {
	font-size:0px;
	width:calc(100% - 10px);
	max-height:300px;
	min-height:30px;
	overflow:auto;
	border:1px solid rgba(0,90,123,1);
	padding:1.5px;
}

div.xls div.line {
	white-space:nowrap;
}

div.xls div.line div {
	font-size:11pt;
	display:inline-block;
	#width:180px;
	min-width:25px;
	max-width:250px;
	height:22px;
	box-sizing:border-box;
	background-color:#ffffff;
	margin:1.5px;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	text-overflow:ellipsis;
	overflow-x:hidden;
}

div.xls div.line div.head {
	background-color:rgba(255,255,255,0.7);
	font-weight:bold;
	text-align:center;
}

div.xls div.line div.mark1 {
	background-color:rgba(232,255,233,1);
}
div.xls div.line div.mark2 {
	background-color:rgba(245,255,222,1);
}






div#out div.section {
	height:18px;
	white-space:nowrap;
	overflow:hidden;
	font-size:0.75em;
	margin-bottom:10px;
	cursor:pointer;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

div#out div.section b {
	margin-left:15px;
}

div#out div.delim {
	display:inline-block;
	height:2px;
	width:30px;
	position:relative;
	top:-3px;
	background-color:rgba(0,90,123,1);
}

div#out div.arrow {
	display:inline-block;
	font-size:0.8em;
	margin-left:7px;
	margin-right:7px;
}
div#out div.arrow:before {
	content:"▼";
}
div#out div.arrowup:before {
	content:"▲";
}

div#out div.outblock {
	display:none;
	margin-bottom:20px;
	padding-left:20px;
}

div#out table {
	max-width:100%;
	font-weight:normal;
	font-size:12pt;
	margin:0px;
	padding:0px;
	border-collapse:separate;
	border-spacing:3px;
}

div#out table td {
	font-size:12pt;
	padding:2px;
	background-color:#FFFFFF;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	text-overflow:ellipsis;
	overflow-x:hidden;
}

div#out table tr.title td {
	font-weight:;
	font-size:1.1em;
	background-color:transparent !important;
}

div#out table tr.head td,div#out table td.head {
	min-width:40px;
	font-weight:bold;
	background-color:rgba(255,255,255,0.7);
	font-weight:bold;
	text-align:center;
}

div#out table td.null {
	background-color:transparent !important;
	min-width:10px !important;
}
div#out table td.num {
	text-align:right;
}

div#out table tr:not(.head):hover td {
	background-color:rgba(232,255,233,1);
}