h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address,a,img{
	margin: 0;
	padding: 0;
}
img{
	border: none;
}
a img{
	border: none;
}
p{
	margin:0px auto 6px auto;
}
a{
	text-decoration: none !important;
	-webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
    box-sizing: border-box; 
	outline: none !important;
	color: #222d33;
}
a:hover{
	text-decoration: none;
	outline: none;	
	color: #222d33;
}
table{
	border: 0px 0px;
	border-style: none none none none;
	text-align: left;
	vertical-align: top;
	width: 100%;	
}
td, tr{
	padding: 0 4px;
	margin: 0;
	border-style: none none none none;
	text-align: left;
	vertical-align: top;
	valign: top;
}
input {outline:none;}
div, input, textarea{
	display: block;
	position:relative;
	-webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
    box-sizing: border-box; 
}
textarea:hover, 
input[type=text]:hover, 
textarea:active, 
input[type=text]:active, 
textarea:focus, 
input[type=text]:focus,
button:focus,
button:active,
button:hover
{
    outline:0px !important;
    -webkit-appearance:none;
}
*:focus {
    outline: none;
}

textarea:hover, 
input[type=text]:hover, 
textarea:active, 
input[type=text]:active, 
textarea:focus, 
input[type=text]:focus,
button:focus,
button:active,
button:hover,
textarea, 
input[type=text]
{
	-ms-user-select: auto;
	-moz-user-select: auto;
	-webkit-user-select: auto;
	-o-user-select: auto;
	user-select: auto;
}

/* ------------------------------------------------------------------- */

.cleaner{
	display: block;
	clear: both;
	height:1px !important;
	width:100% !important;
	border: 0px !important;
	padding: 0px !important;
	margin: 0px;
}

.cleaner_40{
	display: block;
	clear: both;
	height:40px !important;
	width:100% !important;
	border: 0px !important;
	padding: 0px !important;
	margin: 0px;
}

/* --------------------------------------------------------- */

body, html{
	display				: block;
	position			: relative;
		
	font-size			: 14px;
	font-family			: 'Open Sans', Arial, sans-serif;
	font-weight			: 300;
	text-align			: left;
		
	background			: #1e1431;
	color				: #b09bd7;
    line-height			: 1.6;
	letter-spacing		:-0.3px;
		
	width				: 100%;
	height				: 100vh;
		
	overflow			: hidden;
}

/*-------------------------------------------------------------------*/

#main{
	display				: block;
	position			: absolute;
	
	left				: 50%;
	top					: 50%;
	
	-ms-transform		: translate(-50%, -50%);
	-webkit-transform	: translate(-50%, -50%);
	-moz-transform		: translate(-50%, -50%);
	transform			: translate(-50%, -50%);
	
	-webkit-user-select	: none
	-ms-user-select		: none;
	user-select			: none;
	
	text-align			: center;
	
	width				: 100%;
    max-width			: 720px;
}

#main .container{
	display				: none;
	margin-top			: 30px;	
}

.logo img{
	display				: block;
	width				: 200px;
	height				: auto;
	margin				: 0px auto;
	margin-bottom		: 10px;
}

.btn {
	display				: block;
	
	margin				: 0px auto;
	margin-bottom		: 10px;
	
	box-shadow			: inset 0px 1px 0px 0px #f9eca0;
	background			: linear-gradient(to bottom, #f0c911 5%, #f2ab1e 100%);
	
	background-color	: #f0c911;
	
	border-radius		: 6px;
	border				: 1px solid #e65f44;	
	
	cursor				: pointer;
	
	color				: #c92200;
	
	font-family			: Arial;
	font-size			: 15px;
	font-weight			: bold;
	
	padding				: 6px 24px;
	
	text-decoration		: none;
	text-shadow			: 0px 1px 0px #ded17c;
}
.btn:hover {
	background			: linear-gradient(to bottom, #f2ab1e 5%, #f0c911 100%);
	background-color	: #f2ab1e;
}
.btn:active {
	position			: relative;
	top					: 1px;
}

.btn.mini {
	background: #422d69;
    text-shadow: none;
    font-weight: normal;
    color: #557cd0;
    border: none;
    box-shadow: none;
}

textarea{
	width				: 100%;
	overflow-x			: auto;
	overflow-y			: auto;
	
	background			: #160d26;
	border				: #160d26;
	
	color				: #b09bd7;
}
textarea.mini{
	overflow			: hidden;
}

/*-------------------------------------------------------------------*/

#dropFiles{
	display				: none;
	position			: absolute;
	left				: 0px;
	top					: 0px;
	right				: 0px;
	bottom				: 0px;
	background			: rgba(50, 35, 80, 0.97);
}
body.dropLight #dropFiles{
	display				: block;
}
#dropFiles>div{
	display				: block;
	position			: absolute;
	left				: 20px;
	top					: 20px;
	right				: 20px;
	bottom				: 20px;
	border				: 2px dotted #f5f5f5;
}
#dropFiles span{
	display				: block;
    position			: absolute;
	
    left				: 50%;
    top					: 50%;

	width				: 100%;
    text-align			: center;
	color				: #f5f5f5;

	-ms-transform		: translate(-50%, -50%);
	-webkit-transform	: translate(-50%, -50%);
	-moz-transform		: translate(-50%, -50%);
	transform			: translate(-50%, -50%);	
}

/*-------------------------------------------------------------------*/

.select {
	position			: relative;
	display				: block;
	margin				: 15px auto;
    width				: 350px;
}
.select select {
	display				: inline-block;
	
	width				: 100%;
	
	cursor				: pointer;
	
	font-family			: 'Open Sans', Arial, sans-serif;
	font-size			: 12px;
	
	padding				: 10px 10px;
	
	outline				: 0;
	border				: 0px solid #30204e;
	border-radius		: 4px;
	background			: #30204e;
	
	color				: #ffffff;
	
	appearance			: none;
	-webkit-appearance	: none;
	-moz-appearance		: none;
}
.select select::-ms-expand {
	display				: none;
}
.select select:hover,
.select select:focus {
	color				: #ffffff;
	background			: #402d64;
}
.select select:disabled {
	opacity				: 0.5;
	pointer-events		: none;
}
.select_arrow {
 	position			: absolute;
 	top					: 12px;
 	right				: 15px;
 	width				: 0px;
 	height				: 0px;
 	border				: solid #6f55a0;
 	border-width		: 0 3px 3px 0;
 	display				: inline-block;
 	padding				: 3px;
 	transform			: rotate(45deg);
 	-webkit-transform	: rotate(45deg);
}
.select select:hover ~ .select_arrow,
.select select:focus ~ .select_arrow {
	border-color		: #ffffff;
}
.select select:disabled ~ .select_arrow {
	border-top-color	: #ffffff;
}

/*-------------------------------------------------------------------*/

#uiGlobalProgress{
	display				: block;
	position			: absolute;
	left				: 0px;
	right				: 0px;
	top					: -10px;
	height				: 10px;	
}
#uiGlobalProgress.active{
	top					: 0px;
}
#uiGlobalProgress>div{
	display				: block;
	position			: absolute;
	left				: 0px;
	width				: 0%;
	top					: 0px;
	bottom				: 0px;
	background			: #f0c313;
	transition			: width 0.1s ease;
	-webkit-transition	: width 0.1s ease;
	-moz-transition		: width 0.1s ease;
	-o-transition		: width 0.1s ease;		
}