.image-skin-wrapper{
	/*margin-top: -350px;
	margin-left: 200px;*/
}
.character-editor{
	width: 100%;
	height: 56.25vw;
	position: absolute;
	display: none;
}
.character-editor-loader-wrapper{
	width: 100%;
	height: 56.25vw;
	position: absolute;
}
.character-editor-credits-wrapper{
	width: 100%;
	height: 56.25vw;
	position: absolute;
	z-index: 0;
}
.image-skin{
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 1;
}

.menu-submit-skin{
	display: none;
}

.character-editor-menu-bg{
	background-image: url(/assets/img/character-editor/Background/editor_header_full.png);
}
.character-editor-foot-shadow{
	background-image: url(/assets/img/character-editor/Background/editor_header_full_foot_shadow.png);
}
.character-editor-button{
	width: 9.89%;
	height: 17.59%;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 250;
	background-image: url(/assets/img/character-editor/Buttons/Circular/Medium/Button_Circular_Medium_Background.png);
	cursor: pointer;
}
.character-editor-button-small{
	width: 7.29%;
	height: 12.96%;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 250;
	background-image: url(/assets/img/character-editor/Buttons/Circular/Medium/Button_Circular_Medium_Background.png);
	cursor: pointer;
}
.button-circular-icon-big{
	width: 50%;
	height: 50%;
	
	top: 26.3%;
    left: 25%;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 260;
	background-image: url(/assets/img/character-editor/Buttons/Icons/Sex_Female.png);
}
.character-editor-demo{
	background-image: url(/assets/img/character-editor/Background/demo_button.png);
	opacity: 0.3;
	z-index: 2;
}
.character-editor-background{
	background-image: url(/assets/img/character-editor/Background/editor_background_animated_480.gif?v=1);
	z-index: 0;
}
.character-editor-credits-background{
	background-image: url(/assets/img/character-editor/Background/editor_header_full_end.png);
	z-index: 1000;
	opacity: 0;
	transition: all 0.7s;
}
.character-editor-error-background{
	background-image: url(/assets/img/character-editor/Background/editor_header_full_error.png);
	z-index: 1000;
	opacity: 0;
	transition: all 0.7s;
}
.character-editor-loader{
	width: 44.27%;
	height: 36.85%;
	
	top: 31.66%;
    left: 27.87%;
	background-image: url(/assets/img/character-editor/Background/editor_background_logo_animated.gif);
	z-index: 1000;
}
.character-editor-loader-bg{
	background-image: url(/assets/img/character-editor/Background/editor_background_loading_blur.jpg);
	z-index: 900;
}
.button-skin-number{
	left: 16.09%;
    top: 48.25%;
	
	width: 3.43%;
	height: 6.10%;
	background-image: url(/assets/img/character-editor/Buttons/Square/Character_Stats_MinusBtn.png);
}
.button-skin-number-plus{
	left: 29.32%;
	background-image: url(/assets/img/character-editor/Buttons/Square/Character_Stats_PlusBtn.png);
}
.button-skin-number-display{
	left: 20.94%;
    top: 46.96%;
	
	width: 7.40%;
	height: 7.96%;
	cursor: default;
	background-image: url(/assets/img/character-editor/Buttons/Square/Character_Stats_Box.png);
	
	text-align: center;
    padding-top: 1.7vw;
    font-size: 1.1vw;
	color: #8b3019;
	font-weight: bold;
}

.editor-input-demo{
	left: 11.29%;
    top: 10.79%;
	
    width: 26.46%;
    height: 44.63%;
	background-image: url(/assets/img/character-editor/Buttons/Rectangular/editor_input_full_placement.png);
	z-index: 260;
}

.editor-skin-text{
	left: 13.59%;
    top: 69.09%;
    position: absolute;
    font-family: Lato;
    z-index: 270;
    font-size: 1.5vw;
    width: 21.6%;
    color: #5b5252;
    text-shadow: 0px 0px 5px #000;
	text-align: center;
	cursor: default;
}
.editor-input{
	left: 11.29%;
    top: 16.79%;
	
    width: 26%;
    height: 16.63%;
	background-image: url(/assets/img/character-editor/Buttons/Rectangular/editor_input_background.png);
	z-index: 260;
}
.editor-input input{
	background: transparent;
	border: 0;
	padding: 1.3vw;
	margin: 0;
	
	top: 28%;
    left: 10.1%;
    width: 79.8%;
	
    font-size: 1.1vw;
	color: #8b3019;
	font-weight: bold;
	
	position: absolute;
	outline: none;
}
.editor-input-focus{
	left: 11.39%;
    top: 16.99%;
	
    width: 25.86%;
    height: 17.13%;
	opacity: 0;
	background-image: transparent;
	z-index: 250;
}
.editor-input-focus-active{
	background-image: url(/assets/img/character-editor/Buttons/Rectangular/editor_input_select.png);
	transition: all .5s;
	opacity: 1;
}
.editor-input-error{
	left: 11.39%;
    top: 16.99%;
	
    width: 25.86%;
    height: 17.13%;
	opacity: 0;
	background-image: transparent;
	z-index: 250;
	background-image: url(/assets/img/character-editor/Buttons/Rectangular/editor_input_select_error.png);
	transition: all .5s;
}
.form-error{
	position: absolute;
    left: 8%;
    top: 77%;
    width: 83.7%;
    text-align: center;
    color: red;
    font-size: 1vw;
    text-shadow: 0px 0px 5px #000;
    font-family: Lato;
	opacity: 0;
	transition: all .5s;
}

.editor-input-error-username{
	top: 21%;
}
.editor-input-error-email{
	top: 35%;
}
.editor-input-error-password{
	top: 50%;
}
.editor-input-focus-username{
	top: 21%;
}
.editor-input-focus-email{
	top: 35%;
}
.editor-input-focus-password{
	top: 50%;
}
.editor-input-username{
	top: 21%;
}
.editor-input-email{
	top: 35%;
}
.editor-input-password{
	top: 50%;
}
.editor-input-captcha{
	top: 58%;
	background: transparent;
}
.editor-input-captcha .form-error{
	top: 50%;
}

.g-recaptcha{
	border: none;
    background-color: transparent;
}


.button-skin-class{
	font-family: Propaganda;
	text-align: center;
    padding-top: 2.1vw;
    font-size: 2.4vw;
	color: #dec7aa;
	text-shadow: 0.2vw 0.2vw 0px #682113;
	
	left: 14.09%;
    top: 33.79%;
	
	width: 20.88%;
	height: 12.96%;
	background-image: url(/assets/img/character-editor/Buttons/Rectangular/Button_Rectangular_Red.png);
}
.button-submit-skin{
	font-family: Propaganda;
	text-align: center;
	padding-top: 0.6vw;
    font-size: 1.5vw;
	color: #dec7aa;
	text-shadow: 0.2vw 0.2vw 0px #682113;
	
	left: 14.09%;
    top: 78.79%;
	
	width: 20.88%;
	height: 12.96%;
	background-image: url(/assets/img/character-editor/Buttons/Rectangular/Button_Rectangular_Red.png);
}
.button-submit-skin[btn-disabled=true]{
	opacity: 0.3;
	cursor: default;
}
.button-join-alpha{
	font-family: Propaganda;
	text-align: center;
    padding-top: 2.4vw;
    font-size: 1.9vw;
	color: #dec7aa;
	text-shadow: 0.2vw 0.2vw 0px #682113;
	
	left: 70.65%;
    top: 0.4%;
	
	width: 29.32%;
	height: 13.15%;
	background-image: url(/assets/img/character-editor/Buttons/Rectangular/Button_Rectangular_Red_join_the_alpha.png);/*Button_Rectangular_Red_join_the_alpha*/
}
.button-join-alpha[btn-disabled=true]{
	opacity: 0.3;
	cursor: default;
}

.cw-icon-male{
	background-image: url(/assets/img/character-editor/Buttons/Icons/Sex_Female.png);
}
.cw-icon-male{
	background-image: url(/assets/img/character-editor/Buttons/Icons/Sex_Male.png);
}
.cw-icon-hair{
	background-image: url(/assets/img/character-editor/Buttons/Icons/custom_hair.png);
}
.cw-icon-beard{
	background-image: url(/assets/img/character-editor/Buttons/Icons/custom_beard.png);
}
.cw-icon-hat{
	background-image: url(/assets/img/character-editor/Buttons/Icons/custom_hat.png);
}
.cw-icon-back{
	background-image: url(/assets/img/character-editor/Buttons/Icons/custom_back.png);
}
.cw-icon-hand{
	background-image: url(/assets/img/character-editor/Buttons/Icons/Hammer.png);
}
.cw-icon-rotate-left{
	background-image: url(/assets/img/character-editor/Buttons/Icons/Arrow_Left.png);
}
.cw-icon-rotate-right{
	background-image: url(/assets/img/character-editor/Buttons/Icons/Arrow_Right.png);
}
.cw-icon-race{
	background-image: url(/assets/img/character-editor/Buttons/Icons/Race_Human.png);
}
.cw-icon-check{
	background-image: url(/assets/img/character-editor/Buttons/Icons/Accept.png);
}
.cw-icon-random{
	background-image: url(/assets/img/character-editor/Buttons/Icons/Random_Dice.png);
}



.button-skin-race{
	left: 13.80%;
    top: 20.5%;
	cursor: default;
	opacity: 0.3;
}
.button-skin-gender{
	left: 20.89%;
    top: 20.5%;
}
.button-skin-color{
	left: 27.97%;
    top: 20.5%;
}

.button-item-hair{
	left: 13.80%;
    top: 56.81%;
}
.button-item-beard{
	left: 20.89%;
    top: 56.81%;
}
.button-item-hair-color{
	left: 27.97%;
    top: 56.81%;
}

.button-item-hat{
	left: 13.80%;
    top: 68.98%;
}
.button-item-back{
	left: 20.89%;
    top: 68.98%;
}
.button-item-hand{
	left: 27.97%;
    top: 68.98%;
}

.button-item-hat-color{
	left: 13.80%;
    top: 80.98%;
}
.button-item-back-color{
	left: 20.89%;
    top: 80.98%;
}
.button-item-hand-color{
	left: 27.97%;
    top: 80.98%;
}

.button-random{
	left: 92.57%;
    top: 90.38%;
    height: 9.06%;
}

.button-join-alpha-check{
	left: 33.07%;
    top: 90.38%;
	height: 9.06%;
	background-image: url(/assets/img/character-editor/Buttons/Circular/Medium/Button_Circular_Medium_Background.png?v=1);
}
.button-join-alpha-check[btn-disabled=true]{
	opacity: 0.3;
	cursor: default;
}

.button-rotate-left{
	left: 46.41%;
    top: 60.28%;
}
.button-rotate-right{
	left: 81.35%;
    top: 60.28%;
}

::-webkit-input-placeholder { /* Chrome */
  color: #8b3019;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #8b3019;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #8b3019;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #8b3019;
  opacity: 1;
}

@-webkit-keyframes autofill {
    to {
        color: #8b3019;
        background: transparent;
    }
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
	/*-webkit-text-fill-color: #8b3019 !important;
    transition: background-color 5000s ease-in-out 0s;*/
}

.desaturate:hover{
	filter: grayscale(100%);
	transition: all .2s;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}