.splash {
	width: 650px;
	height: 370px;
	margin: 30px auto 0;
	box-shadow: 0 1px 1px rgba(255, 255, 255, .2);
	border-radius: 4px;
	background-color: #000;
	position: relative;
}

.splash__inner {
	top: 3px;
	left: 3px;
	right: 3px;
	bottom: 3px;
	overflow: hidden;
	position: absolute;
}

.splash__blind {
	width: 100%;
	height: 100%;
	cursor: pointer;
	position: absolute;
	border-radius: 4px;
	background-image: url('splash__blind.png');
}

.splash__logo {
	top: 50%;
	left: 50%;
	width: 284px;
	height: 201px;
	margin: -120px 0 0 -142px;
	position: absolute;
	background: url('splash__logo.png') no-repeat;
}

.splash__click-here {
	right: 60px;
	bottom: 40px;
	width: 66px;
	height: 25px;
	position: absolute;
	background: url('click-here.png') no-repeat;
	cursor: pointer;
}

.btn {
	cursor: pointer;
	display: inline-block;
	*zoom: 1;
	*display: inline;
	position: relative;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	border-radius: 4px;
	vertical-align: middle;
}

.btn-success {

}

.btn-success.btn-small[aria-disabled], .btn-primary[disabled],
	.btn-warning[disabled] {
	opacity: .7;
}

.btn-warning {
	color: #333;
	border: 1px solid rgba(0, 0, 0, .2);
	padding: 8px 20px;
	background-color: #bd362f;
	background: -moz-linear-gradient(top, #ee5f5b 0%, #bd362f);
	background: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b),
		to(#bd362f));
	box-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}

.btn-small {
	padding: 5px 10px;
	font-size: 16px;
}

.btn input {
	top: -10px;
	right: -40px;
	z-index: 2;
	position: absolute;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity = 0);
	font-size: 50px;
	cursor: pointer;
}

.btn-txt {
	position: relative;
}

.btn .progress {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .5;
	position: absolute;
}

.progress .bar {
	width: 0;
	top: 0;
	left: 0;
	bottom: 0;
	position: absolute;
	background-color: #f60;
}

.progress-small {
	height: 5px;
	padding: 1px;
	box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3);
	border-radius: 10px;
	background-color: rgba(0, 0, 0, .5);
}

.progress-small .bar {
	width: 0;
	height: 100%;
	position: static;
	border-radius: 10px;
	background-color: orange;
}

.webcam, .userpic {
	width: 200px;
	height: 200px;
	border: 2px solid #aaa;
	display: inline-block;
	position: relative;
	background: url('../img/noimage.jpg') no-repeat;
	background-size: cover;
}

.webcam .btn, .userpic .btn {
	margin-top: 150px;
}

.webcam__preview, .userpic__preview {
	position: absolute;
}

.webcam {
	background-size: auto;
	background-image: url('uploader/webcam.png');
	background-position: center 10px;
}

.b-upload {
	white-space: nowrap;
}

.b-upload__name, .b-upload__size {
	display: inline-block;
	position: relative;
	overflow: hidden;
	max-width: 150px;
	vertical-align: middle;
}

.b-upload__size {
	color: #666;
	font-size: 12px;
}

.b-upload .js-files:after {
	clear: both;
	content: '';
	display: block;
}

.b-upload__dnd {
	padding: 30px;
	border-radius: 5px;
	margin-bottom: 10px;
	background-color: rgba(0, 0, 0, .1);
}

.b-upload__dnd_hover {
	color: #fff;
	background-color: orange;
}

.b-upload__hint {
	padding: 5px 8px;
	font-size: 12px;
	white-space: normal;
	border-radius: 3px;
	background-color: rgba(0, 0, 0, .08);
}

.btn {
	cursor: pointer;
	*zoom: 1;
	*display: inline;
	display: inline-block;
	position: relative;
	overflow: hidden;
	font-family: Arial;
	border-radius: 4px;
	vertical-align: middle;
}

.btn_browse {
	border: 1px solid rgba(0, 0, 0, .2);
	padding: 8px 20px;
	background-color: #FFDC73;
	background: -moz-linear-gradient(top, #FFE599 0%, #FFDC73);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFE599),
		to(#FFDC73));
	box-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}

.btn_browse_small {
	padding: 5px 10px;
	font-size: 16px;
}

.btn_browse_small[aria-disabled] {
	opacity: .5;
}

.btn_choose {
	color: #fff;
	border: 2px solid rgba(255, 255, 255, .4);
	padding: 5px 10px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	background-color: rgba(0, 0, 0, .4);
	*background-color: #aaa;
}

.btn__inp {
	top: -10px;
	right: -10px;
	cursor: pointer;
	filter: alpha(opacity = 0);
	opacity: 0;
	font-size: 50px;
	position: absolute;
}

.btn__progress {
	top: 0;
	left: 0;
	height: 100%;
	opacity: .5;
	position: absolute;
	background-color: #f60;
}

.fileprogress {
	padding: 1px;
	height: 5px;
	box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3);
	border-radius: 10px;
	background-color: rgba(0, 0, 0, .5);
}

.fileprogress__bar {
	width: 0;
	height: 100%;
	border-radius: 10px;
	background-color: orange;
}

.userpic {
	width: 200px;
	height: 200px;
	border: 2px solid rgba(0, 0, 0, .3);
	display: inline-block;
	position: relative;
}

.userpic .btn {
	margin-top: 150px;
}

.userpic__preview {
	position: absolute;
}

.b-upload {
	white-space: nowrap;
}

.b-upload__name, .b-upload__size {
	display: inline-block;
	position: relative;
	overflow: hidden;
	max-width: 150px;
	vertical-align: middle;
}

.b-upload__size {
	color: #666;
	font-size: 12px;
}

.b-upload .js-files:after {
	clear: both;
	content: '';
	display: block;
}

.b-upload__dnd {
	padding: 30px;
	border-radius: 5px;
	margin-bottom: 10px;
	background-color: rgba(0, 0, 0, .1);
}

.b-upload__dnd_hover {
	color: #fff;
	background-color: orange;
}

.themodal-overlay {
	position: fixed;
	bottom: 0;
	left: 0;
	top: 0;
	right: 0;
	z-index: 100000;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.5);
}

.lock {
	overflow: hidden;
}

.popup {
	margin: 25px;
	float: left;
	display: inline-block;
	box-shadow: 0 0 5px #000;
	background-color: #fff;
}

.popup__body {
	margin: 10px 10px 5px;
}

/**
 * XCode style (c) Angel Garcia <angelgarcia.mail@gmail.com>
 */
pre code {
	display: block;
	padding: 0.5em;
	color: black;
}

pre .comment, pre .template_comment, pre .javadoc, pre .comment * {
	color: rgb(0, 106, 0);
}

pre .keyword, pre .literal, pre .nginx .title {
	color: rgb(170, 13, 145);
}

pre .method, pre .list .title, pre .tag .title, pre .setting .value, pre .winutils,
	pre .tex .command, pre .http .title, pre .request, pre .status {
	color: #008;
}

pre .envvar, pre .tex .special {
	color: #660;
}

pre .string {
	color: rgb(196, 26, 22);
}

pre .tag .value, pre .cdata, pre .filter .argument, pre .attr_selector,
	pre .apache .cbracket, pre .date, pre .regexp {
	color: #080;
}

pre .sub .identifier, pre .pi, pre .tag, pre .tag .keyword, pre .decorator,
	pre .ini .title, pre .shebang, pre .prompt, pre .hexcolor, pre .rules .value,
	pre .css .value .number, pre .symbol, pre .symbol .string, pre .number,
	pre .css .function, pre .clojure .title, pre .clojure .built_in {
	color: rgb(28, 0, 207);
}

pre .class .title, pre .haskell .type, pre .smalltalk .class, pre .javadoctag,
	pre .yardoctag, pre .phpdoc, pre .typename, pre .tag .attribute, pre .doctype,
	pre .class .id, pre .built_in, pre .setting, pre .params, pre .clojure .attribute
	{
	color: rgb(92, 38, 153);
}

pre .variable {
	color: rgb(63, 110, 116);
}

pre .css .tag, pre .rules .property, pre .pseudo, pre .subst {
	color: #000;
}

pre .css .class, pre .css .id {
	color: #9B703F;
}

pre .value .important {
	color: #ff7700;
	font-weight: bold;
}

pre .rules .keyword {
	color: #C5AF75;
}

pre .annotation, pre .apache .sqbracket, pre .nginx .built_in {
	color: #9B859D;
}

pre .preprocessor, pre .preprocessor * {
	color: rgb(100, 56, 32);
}

pre .tex .formula {
	background-color: #EEE;
	font-style: italic;
}

pre .diff .header, pre .chunk {
	color: #808080;
	font-weight: bold;
}

pre .diff .change {
	background-color: #BCCFF9;
}

pre .addition {
	background-color: #BAEEBA;
}

pre .deletion {
	background-color: #FFC8BD;
}

pre .comment .yardoctag {
	font-weight: bold;
}

pre .method .id {
	color: #000;
}