#registration{
    color: #000;
    height: 100%;
    display: none;
}

#registration input, #teamNameDiv{
    height: 25px;
}

#registration input[type=submit]{
    height: 44px;
}



#registration input[type=number]::-webkit-inner-spin-button,
#registration input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.registrationTeam{
    cursor: pointer;
    width: 100%;
}

div.registrationTeam img{
    margin: 0 auto;
    display: block;
    width: 80%;
}

/* form style */

.form-style{
    width: 260px;
    text-align: left;
    margin: 1vw;
}
.form-style input[type=submit],
.form-style input[type=button],
.form-style input[type=text],
.form-style input[type=email],
.form-style input[type=number],
.form-style input[type=date],
.form-style input[type=file],
.form-style textarea,
.form-style label,
#registration #teamName
{
    color: #000;
    background-color:rgba(0, 0, 0, 0.0);

}
.form-style label {
    display:block;
    margin-bottom: 10px;
    width: 100%;
    font-weight: 400;
}
.form-style label > span{
    display: inline-block;
    float: left;
}
.form-style input[type=text],
.form-style input[type=email],
.form-style input[type=number],
.form-style input[type=date],
label,
#registration #teamName
{
    border: none;
    border-bottom: 1px dashed #83A4C5;
    outline: none;
    padding: 0px 0px 0px 0px;
}

.form-style textarea{
    font-style: italic;
    padding: 0px 0px 0px 0px;
    background: transparent;
    outline: none;
    border: none;
    border-bottom: 1px dashed #83A4C5;
    width: 275px;
    overflow: hidden;
    resize:none;
    height:20px;
}

.form-style textarea:focus,
.form-style input[type=text]:focus,
.form-style input[type=email]:focus,
.form-style input[type=email] :focus
{
    border-bottom: 1px dashed #D9FFA9;
}

.form-style input[type=submit],
.form-style input[type=button]{
    background: #576E86;
    border: none;
    padding: 8px 10px 8px 10px;
    border-radius: 5px;
    color: #A8BACE;
}
.form-style input[type=submit]:hover,
.form-style input[type=button]:hover{
    background: #394D61;
}

.form-style input[type=file]{
    display: none;
}
.form-style label > input[type=text],
.form-style label > input[type=email],
.form-style label > input[type=number],
.form-style label > input[type=date]
.form-style label > input{
    border: none;
}

.form-style > input{

    clear: both;
    display: block;
    width: 100%;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #000;
    font-size: 15px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #000;
    font-size: 15px;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #000;
    font-size: 15px;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000;
    font-size: 15px;
}

.slider , .slider label{
    color: #000;
    background-color:rgba(0, 0, 0, 1);
}


/* registration button*/
.push_button {
width:220px;
height:40px;
text-align:center;
color:#000;
text-decoration:none;
line-height:43px;
display: block;
margin: 1vw auto;
}
.push_button:before {
    background:#f0f0f0;
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#D0D0D0), to(#f0f0f0));

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
/*
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .5) inset, 0 1px 0 #FFF;
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, .5) inset, 0 1px 0 #FFF;
    box-shadow:0 1px 2px rgba(0, 0, 0, .5) inset, 0 1px 0 #FFF;*/

    position: absolute;
    content: "";
    left: -6px; right: -6px;
    top: -6px; bottom: -10px;
    z-index: -1;
}

.push_button:active {
    -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset;
    top:5px;
}
.push_button:active:before{
    top: -11px;
    bottom: -5px;
    content: "";
}



.blue {
    text-shadow:-1px -1px 0 #2C7982;
    background: #3EACBA;
    border:1px solid #379AA4;
    background-image:-webkit-linear-gradient(top, #48C6D4, #3EACBA);
    background-image:-moz-linear-gradient(top, #48C6D4, #3EACBA);
    background-image:-ms-linear-gradient(top, #48C6D4, #3EACBA);
    background-image:-o-linear-gradient(top, #48C6D4, #3EACBA);
    background-image:linear-gradient(top, #48C6D4, #3EACBA);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5);
    -moz-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5);
    box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5);
}

.blue:hover {
    background: #48C6D4;
    background-image: -webkit-linear-gradient(top, #3EACBA, #48C6D4);
    background-image: -moz-linear-gradient(top, #3EACBA, #48C6D4);
    background-image: -ms-linear-gradient(top, #3EACBA, #48C6D4);
}

#teamName{
    text-align: center;
    margin: 0 auto;
    display: block;
    font-weight: 900;
 }

div.hide, #teamName.hide, hide{
    display: none;
}

/* Checkbox style */
.checkbox input[type=checkbox]{
    display: block;
}

#applicantID_C{
    display: none;
}

.shadow, input[type=radio]:checked ~ label{
    -moz-box-shadow:    inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow:         inset 0 0 10px #000000;
}

#registration img{
    width: 100%;
}


input[type=radio]:checked ~ label{
}

input[type=radio]{
    display: none;
}

.registrationTeam{
    border: none;
}