.centered {
                            position: relative;
                            /*margin: 10px 0;
                            width: 275px;    */
                            width: 100%;
                            margin: 5px auto;
                        }
                
                        .lab {
                            width: 100%;
                        }
                
                        .inputcss3 {
                            color: rgba(44, 62, 80, .75);
                            */ border-width: 0;
                            z-index: 1;
                            position: relative;
                            transition: border-color .25s ease-in-out;
                            color: #000;
                            border: 1px solid #000;
                            background-color: transparent;
                            font: inherit;
                            line-height: 36px;
                            display: block;
                            width: 100%;
                            border-radius: 0;
                            height: 18px;
                            padding: 12px 14px;
                            border-radius: 5px;
                            font-size: 18px;
                            font-family: HelveticaNowText, sans-serif;
                        }
                
                        .inputcss {
                
                            z-index: 1;
                            position: relative;
                            display: block;
                            width: 100%;
                            border-radius: 5px;
                
                        }
                
                
                        .inputcss2 {
                
                            z-index: 1;
                            position: relative;
                            transition: border-color .25s ease-in-out;
                            display: block;
                
                        }
                
                
                        .centered span {
                            position: absolute;
                            z-index: 5;
                            background-color: #fff;
                            top: 9px;
                            left: 10px;
                            color: darkgrey;
                            padding: 0 5px;
                            font-size: small;
                            font-weight: normal;
                        }
                
                        .textfield:focus {
                            border: 1px solid #0d47a1;
                        }
                
                        input:focus~span,
                        input:not(:focus):valid~span {
                            top: -8px;
                            font-size: x-small;
                            color: grey;
                            font-weight: bold;
                        }
                
                
                      /*  input:not(:focus):invalid~span {
                            top: -8px;
                            font-size: x-small;
                            color: grey;
                            font-weight: bold;
                        } */
                        
                        .textfield,
                        span {
                            transition: ease-in-out 0.2s all;
                            -webkit-transition: ease-in-out 0.2s all;
                            -moz-transition: ease-in-out 0.2s all;
                            -o-transition: ease-in-out 0.2s all;
                        }