html,body{
      height: 100%;
      color:#ffffff;
    }

  input{
    -webkit-appearance: none;
  }
  body{
    padding-top:10%;
    background: rgba(0,0,0,0.7);/*#58585a;rgba(0,0,0,0.5);*/
  }
  /**
   * ================================
   * logo
   * ================================
   */
  

  .headerLogo img{
    position: relative;
    float: left;
    max-width: 490px;
    max-height: 100%;
  }

  .headerTitle{

  }
  .headerLogo {
    position: relative;
    text-align: center;
    margin: 0 0 45px 0;
  }
  .headerLogo a{ 
    display: inline-block;
    /*background-image: url('../img/adscanner/logo_bigger.png');*/
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 490px;
    height: 63px;
  }

  .headerTitle{
    position: relative;
    text-shadow: 2px 2px 2px #000;
    height:60px;
    padding:1.1rem 0 0 1rem;
  }
    .headerTitle span{
      display: block;
      font-size: 2.2rem;
   }

   /**
   * ================================
   * login
   * ================================
   */  
  #login{
    position: relative;
    overflow: hidden;
    background:rgba(0,0,0,0.1);
    border-radius: 10px;

    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
     -moz-box-shadow  : 5px 5px 5px rgba(0,0,0,0.3);
          box-shadow  : 5px 5px 5px rgba(0,0,0,0.3);  
  }

    #login .loginTitle{
        text-align: center;
      }

    #login form
    {
        position: relative;
        text-align: center;
        width: 300px;
        margin: 0 auto;
    }
 
        #login form > div
        {
            position: relative;
            overflow: hidden;
            margin-bottom: 5px;
        }
 
        #login form input
        , #login form textarea
        {
            width: 100%;
            border: 2px solid #000000;
            background: #ffffff;
            position: relative;
            top: 0;
            left: 0;
            z-index: 1;
            padding: 8px 12px;
            border-radius: 4px;
        }
 
            #login form input:focus
            , #login form textarea:focus
            {
               
                border-color: #000000;
            }
 
                #login form input:focus + label
                , #login form textarea:focus + label
                {
                    background: #000000;
                    color:#ffffff;
                    font-size: 12px;
                    padding: 2px 5px;
                    z-index: 2;
                    text-transform: uppercase;
                    letter-spacing: 4px;
                    border-radius:  4px 4px 0px 0px;
                }
 
        #login form label
        {
            transition: background 0.2s, color 0.2s, top 0.2s, bottom 0.2s, right 0.2s, left 0.2s;
            position: absolute;
            color: #444444;
            padding: 7px 6px;
        }
 
        #login form input
        , #login form textarea
        {
            padding: 12px 12px 12px 12px;
        }
 
        #login form label
        {
            top: 0;
            bottom: 0;
            left: 0;
            width: 100%;
        }
 
        #login form input:focus
        , #login form textarea:focus
        {
            padding: 4px 6px 20px 6px;
        }
 
            #login form input:focus + label
            , #login form textarea:focus + label
            {
                top: 100%;
                margin-top: -15px;
            }

/** 
 *  LOGIN BUTTON
 */
*:focus {
    outline: 0;
}
button {
  transition:all 0.5s ease-in-out;
}
button:hover,
button:active {
    outline: 0;
}

/* 3D Button */

button.depth {

    width: 150px;
    height: 60px;
    color: #ffffff;

    font: bold 24px/50px sans-serif;
    border: none;
    border-radius: 50px;
    padding: 0;
    
    background: #444;
    
    box-shadow: inset 0 0 2px 2px hsla(0,0%,0%,.2),
                inset 0 0 2px 4px hsla(0,0%,0%,.2),
                inset 0 0 2px 6px hsla(0,0%,0%,.2),
                inset 0 0 1px 8px hsla(0,0%,0%,.5),
                inset 0 -4px 2px 4px hsla(0,0%,0%,.5),
                inset 0 1px 1px 8px hsla(0,0%,100%,.25),
                inset 0 -20px 20px hsla(0,0%,0%,.2),
                0 -4px 8px 4px hsla(0,0%,0%,.5),
                0 1px 2px 8px hsla(0,0%,100%,.25),
                0 -1px 2px 8px hsla(0,0%,0%,.5);
    cursor: pointer;
    text-shadow: 0 1px 1px hsla(0,0%,100%,.25),
                 0 -1px 1px hsla(0,0%,0%,.75);
                 z-index: 1000;

}

button.depth:disabled{
    color: #303030;
}
.loginButton{
  height:100px;
  padding: 15px;
}
button.depth:hover:enabled,
button.depth:focus:enabled {
    color: rgb(0,255,0);
    text-shadow: 0 0 20px hsla(240,75%,75%,.5),
                 0 1px 1px hsla(0,0%,100%,.25),
                 0 -1px 1px hsla(0,0%,0%,.75);
}
button.depth:active:enabled {
    box-shadow: inset 0 0 2px 2px hsla(0,0%,0%,.2),
                inset 0 0 2px 4px hsla(0,0%,0%,.2),
                inset 0 0 2px 6px hsla(0,0%,0%,.2),
                inset 0 0 1px 7px hsla(0,0%,0%,.5),
                inset 0 5px 15px 7px hsla(0,0%,0%,.15),
                inset 0 -4px 2px 3px hsla(0,0%,0%,.5),
                inset 0 1px 1px 7px hsla(0,0%,100%,.25),
                inset 0 -30px 30px hsla(0,0%,0%,.1),
                inset 0 30px 30px hsla(0,0%,0%,.2),
                0 -4px 8px 4px hsla(0,0%,0%,.5),
               
                0 1px 2px 8px hsla(0,0%,100%,.25),
                0 -1px 2px 8px hsla(0,0%,0%,.5);
                color: rgb(255,0,0);
                border:none;
}


.customRow{
  width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: 720px;
}