/*   Register Formular   */

#signupform
{
    padding: 0;
}

#signupform label
{
    position: relative;

    display: inline-block;

    width: 96px;
    padding: 8px;

    color: #fff;
    background-color: #2c3e50;
}

#signupform input
{
    position: relative;

    display: inline-block;

    width: -webkit-calc(100% - 112px);

    width: -moz-calc(100% - 112px);

    width: calc(100% - 112px);
    margin-left: -4px;
    padding: 6px 6px 6px 40px;

    border-top: 1px solid rgba(255, 255, 255, .25);
    border-bottom: 1px solid #2c3e50;
    background-color: rgba(255, 255, 255, .25);
    background-position: left bottom;
    -moz-background-size: auto 100%;
      -o-background-size: auto 100%;
         background-size: auto 100%;
}

#signupform input[type='checkbox']
{
    display: inline-block;

    width: 24px;
    height: 24px;
    margin-bottom: 0;
    margin-left: 1px;
    padding: 0;

    cursor: pointer;

    border: 1px solid #2c3e50;
    background-color: rgba(255, 255, 255, .25);
}

.agbtxt
{
    margin-left: 6px;

    vertical-align: super;
}

#agbchk:checked
{
    background-color: rgba(255, 255, 255, .5);
    background-image: url('../img/hook.svg');
    background-position: 50%;
    -moz-background-size: 75%;
      -o-background-size: 75%;
         background-size: 75%;
}

button
{
    width: 100%;
    padding: 12px;

    -webkit-transition: .25s ease-in-out;

    -o-transition: .25s ease-in-out;

    -moz-transition: .25s ease-in-out;

    transition: .25s ease-in-out;
    -webkit-animation-name: glow;
       -moz-animation-name: glow;
         -o-animation-name: glow;
            animation-name: glow;
    -webkit-animation-duration: 1s;
       -moz-animation-duration: 1s;
         -o-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-delay: 0s;
       -moz-animation-delay: 0s;
         -o-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
         -o-animation-iteration-count: infinite;
            animation-iteration-count: infinite;

    color: #fff;
    border: 1px solid #9a9557;
    background-color: #9a9557;
}

button:hover
{
    cursor: pointer;

    color: #9a9557;
    border: 1px solid #9a9557;
    background-color: #fff;
}

#signupform section
{
    position: relative;

    margin-bottom: 24px;
}

.error
{
    font-size: .7em;

    position: absolute;
    right: 0;
    bottom: -1.25em;

    color: #ff9494;
}