#viewport {
	height: auto !important;
}

#viewport {
	background: none;
}

#viewport > #website-header {
	height: 62px;
	background: none !important;
}

#viewport > #website-header > #header-streak {
	background: #fff !important;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-logo > span {
	color: #133b6b;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-items > .streak-item#item-players {
	top: 15px;
	position: relative;
	background-color: #2c394a;
}

#viewport > #website-header > #header-streak > #streak-inner > #streak-items > .streak-item#item-players > span {
    color: #fff;
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
}

#viewport > #website-canvas {
	min-height: 100%;
	padding-top: 62px;
	background: url('../images/covers/palooza14_background_left_1.png') bottom left no-repeat,
				url('../images/covers/palooza14_background_right.png') bottom right no-repeat,
				#19a8d1 linear-gradient(#19a8d1, #99d3f1) bottom;
}

/* hween theme */
/*
#viewport > #website-canvas {
    background: url('../images/covers/hween15_background_left.png') bottom left no-repeat,
                url('../images/covers/hween15_background_right.png') bottom right no-repeat,
              #1b0c33 linear-gradient(#1b0c33, #2a2934) bottom;
}
*/

/* xmas theme */
/*
#viewport > #website-canvas {
	background: url(../images/covers/xmas17_background_gradient.png) bottom right no-repeat, #aeeffd;
}
*/

#viewport > #website-canvas > #canvas-inner {
    overflow-y: hidden;
    border: 0 transparent;
    padding: 20px;
	
	background: transparent;
}


#viewport > #website-canvas > #canvas-inner > #canvas-heading {
	margin-top: 40px;
	text-align: center;

	position: relative;
	z-index: 1;
}

#viewport > #website-canvas > #canvas-inner > #canvas-heading > span {
	color: #fff;
	font-size: 32px;
	font-weight: 600;
	line-height: 1em;

	min-width: 600px;
	padding: 8px 12px;

	display: inline-block;
	background: rgba(0,0,0,.7);
}

#viewport > #website-canvas > #canvas-inner > #canvas-signup {
	z-index: 1;
	padding: 20px 20px;
	width: 600px;
	margin: 0 auto;
	margin-top: 40px;
	position: relative;
	background: #ffffff;
	border: 1px solid #e1e8ed;
	border-radius: 0;
	box-shadow: 0 0 2px 4px rgba(0,0,0,.2);
}

#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > .signup-label {
	width: 100%;
	display: block;
	position: relative;
	margin-bottom: 10px;
}
#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > .signup-label > span {
	display: block;
	font-size: 12px;
	font-weight: 500;
	padding-bottom: 4px;
}

#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > .signup-label.justify {
	text-align: justify;
}

#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > .signup-label.justify::after {
	height: 0;
	width: 100%;
	content: '';
	display: inline-block;
}

#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > .signup-label > .signup-input,
#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > .signup-label > .signup-select {
	width: 100%;
	outline: none;
	font-size: 13px;
	padding: 8px 12px;
	line-height: 22px;
	border-radius: 1px;
	display: inline-block;
	border: 1px solid #e1e8ed;
	transition: border .4s ease-in-out;
}

#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > .signup-label > .signup-input.error,
#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > .signup-label > .signup-select.error {
	padding-right: 23px;
	box-shadow: inset 0 0 8px 0 rgba(255, 0, 0, 0.15);
	border-color: rgba(255, 135, 135, 0.85) !important;
}

#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > .signup-label > .signup-input.error {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAMAAABlXnzoAAAAMFBMVEUAAAD////MMzPMMzPMMzPMMzPMMzPMMzPMMzPMMzPMMzPMMzPMMzPMMzPMMzPMMzMoeyX1AAAAD3RSTlMAAAcIiouNkpOUlZiZmpyU3B80AAAATklEQVR4AVXMMRbDIBDE0Enw2hACuv9tDcOjQN1vpM/R4JemUSWZQJYewGxAXEA3lXE/LSqmbm1ek7H54MpiBe4A/qYvKoCZ6Bo10uTRC2G1A/GLYyiBAAAAAElFTkSuQmCC) no-repeat 97% center;
	background-position: calc(100% - 8px) center;
}


#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > .signup-label > .signup-input:hover,
#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > .signup-label > .signup-select:hover {
	border-color: #babcbe; /*8f8f8f*/
}

#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > .signup-label > .signup-input:focus,
#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > .signup-label > .signup-select:focus {
	border-color: #55acee;
}

#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > .signup-label > span:hover + .signup-input,
#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > .signup-label > span:hover + .signup-select {
	border-color: #8f8f8f;
}

#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > .signup-label > .signup-select > option:first-child {
	display: none;
}

#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > #name-label  {
	max-height: 61px;
}

#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > #name-label > .signup-input  {
	width: 47.5%;
}

#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > #gender-label {
	margin-bottom: 25px;
}

#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > #birthdate-label {
	max-height: 59px;
}

#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > #birthdate-label > #birthdate-day-select  {
	width: 20%;
}

#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > #birthdate-label > #birthdate-year-select  {
	width: 25%;
}

#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > #birthdate-label > #birthdate-month-select  {
	width: 45%;
}

#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > #disclaimer-label {
	margin-top: 10px;
	background: #f5f8fa;
	border: 1px solid #e1e8ed;
	padding: 8px 8px;
}

#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > #disclaimer-label > p {
	color: #292f33;
	font-size: 12px;
	font-weight: 400;
	text-align: justify;
}

#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > #disclaimer-label > p > span {
	color: #133b6b;
    margin: 0 3px;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    font-family: 'Pacifico', cursive;
}

#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > #recaptcha-label {
	text-align: center;
}

#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > #recaptcha-label > .g-recaptcha {
	display: inline-block;
}

#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > #signup-button {

	width: 100%;
	outline: 0;
	margin-top: 10px;
	padding: 12px 24px;
	background: #55acee;
	
	border-radius: 0;

	border: 1px solid #8eda55/*#3b88c3*/;
	background-color: #00813e/*#55acee*/;
	transition: background .2s linear;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.15);
	background-image: linear-gradient(transparent,rgba(0,0,0,0.05));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#0C000000)";


	box-shadow: 0 3px 0 1px rgba(0,0,0,.3);

    /* font-size: 32px; */

    text-transform: uppercase;
}

#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > #signup-button:hover {
	border-color: #b9f373;
	background-color: #00ab54;
	background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.15));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#26000000)";
}

#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > #signup-button:active {
	background-color: #006743;
    border-color: #5abb37;
	
	box-shadow: 0 1px 0 1px rgba(0,0,0,.3);
    -webkit-transform: translate(0,2px);
    transform: translate(0,2px);
}

#viewport > #website-canvas > #canvas-inner > #canvas-signup > #signup-form > #signup-button > span {
	color: white;
}