#inputHolder {
            width: 300px;
            margin: auto
        }
        @media (min-width:599px){
             #content  {
            text-align: left !important
            }         
        }    
        input:not([value=""]):not(:focus):invalid {
            color: red;     text-align: center;
        }        
        input {
            position: relative;
            z-index: 1;
            display: block;
            height: 28px;
            padding-top: 10px;   
            font-size: 13px
        }
        
        input:focus {
            color: #000;
        }
  
        label{
            position: absolute;
            transition: all 0.3s ease-in-out;
            z-index: 2000;
            margin-left: -131px;
            font-style: normal;
            margin-top: -55px;
            font-size: 13px;
          
  -webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; 
            
            color: #999;
        }       
        
   
        input:focus+ label,
        input:active+ label,input:valid+ label{
            color: #999;
            font-size: 10px;
            transform: translateY(-2em);
            margin-left: -136px;
            margin-top: -24px;
            line-height: 1px;
        }          
.whatsThis{  
    font-size: 9px;
    font-weight: bold;
    background: #056fc1;
    color: white;
    padding: 0px 5px;
    border-radius: 8px;
    vertical-align: 4px;
}