body {
  width: 100%; 
  height: 100%;
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #FFFFFF;
  font-size: 13px;
  line-height: 15px;
}


  .row {
      position: relative;
  }

  .bottom-align-text {
    position: absolute;
    bottom: 0;
    right: 0;
  }

  input:focus ~ .floating-label,
input:not(:focus):valid ~ .floating-label{
  top: 8px;
  bottom: 10px;
  left: 20px;
  font-size: 11px;
  opacity: 1;
}

.inputText {
  font-size: 14px;
  width: 200px;
  height: 35px;
}

.floating-label {
  position: absolute;
  pointer-events: none;
  left: 20px;
  top: 18px;
  transition: 0.2s ease all;
}

.floating-label {
  position: absolute;
  pointer-events: none;
  left: 20px;
  top: 18px;
  transition: 0.2s ease all;
}

.input-field {
	font-size: 24px
}

.boxed {
    
    padding: 0.5rem 2rem;
    overflow: hidden;
    border: 1px solid black ;
    height: 200px;
    font-size: 1.4em;
}
.subboxed {
    
    padding: 0.5rem 2rem;
    overflow: hidden;
    border: 1px solid;
    border-color: #007bff;
    height: 100px;
    font-size: 1.4em;
    text-align: center;
    color: #007bff;
    background-color: #ecf3fe;
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}