.form-group { width: 98%; height: 150px; margin: 1%; }
.form-row { width: 98%; margin: 1%; height: inherit; background-color: #3723ae; }
.form-control { width: 98%; height: 91%; margin: 1%}
/*.form-control textarea { width: 98%; height: inherit; margin: 1%}*/
input { margin: 1%; padding-top: 20px}
.form-label { float:left; width: 98%; height: 5%; margin: 1%; padding:3px 0 3px 0;}
.form-label { color: #ffff80; }
.form-input { float:left; margin: 1%; padding:3px 0 3px 0;}
.form-text { float:left; width: 98%; height: 98%; margin: 1%; padding:3px 0 3px 0;}

textarea, .form-input { background-color: #3f3fb5; color: #acb9fe; border-style: solid; border-left-color:#0f0550;border-top-color: #0f0550; border-right-color: #3723ae; border-bottom-color:#3723ae;}
textarea:focus, .form-input:focus { background-color: #000080;border-color:#553afd;outline:none}
.form-number { background-color: #253973; color: #acb9fe; width: 50px; margin: 1%}

@media only screen and (min-width: 1024px) {
  .form-group { width: 58%; margin: 1%; }
  .form-label { width: 18%; height: 100%}
  .form-control { width: 78%; height: 100%}
}