body {
            display: flex;
            min-height: 100vh;
            flex-direction: column;
            padding: 0;
            margin: 0;
            overflow: hidden;
        }
        
        @media only screen and (max-width: 599px){
            body{
                overflow: scroll !important; 
            }
        }

        main {
            flex: 1 0 auto;
        }

        .no-margin{
            margin: 0;
        }
        .card{
            margin: 0;
            height:100vh;
            border-radius: 0;
        }
        .card-action{
            text-align: center;
           /* position: absolute!important;*/
            bottom: 0;
            width: 100%;
        }

            /* label color */
        .input-field label {
            color: #222;
        }
        /* label focus color */
        .input-field input[type=text]:focus + label, .input-field input[type=email]:focus + label, .input-field input[type=password]:focus + label {
            color: #42a5f5;
        }
        /* label underline focus color */
        .input-field input[type=text]:focus,.input-field input[type=email]:focus, .input-field input[type=password]:focus  {
            border-bottom: 1px solid #42a5f5;
            box-shadow: 0 1px 0 0 #42a5f5;
        }
        /* valid color */
        .input-field input[type=text].valid, .input-field input[type=email].valid,.input-field input[type=password].valid {
            border-bottom: 1px solid #42a5f5;
            box-shadow: none;
        }
        /* invalid color */
        .input-field input[type=text].invalid, .input-field input[type=email].invalid, .input-field input[type=password].invalid {
            border-bottom: 1px solid #e53935;
            box-shadow: 0 1px 0 0 #e53935;
        }
        /* icon prefix focus color */
        .input-field .prefix.active {
            color: #42a5f5;
        }
        @media (min-width: 992px) {
            #form{
                position: absolute;
                right: 0;
            }
        }