<?php include "header.php" ?>
<style type="text/css">
   /*.input-group {
    width: 455px;
    height: 45px;
    margin-left: 183px;
}
input {
    height: 45px;
}*/
.input-group, input {
    height: 42px;
    width: 350px;
    border-radius: 0px 5px 5px 0px;
    border: 1px solid #696a6b;
    -webkit-box-shadow: -1px 3px 18px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: -1px 3px 18px 0px rgba(0, 0, 0, 0.35);
  box-shadow: -1px 3px 18px 0px rgba(0, 0, 0, 0.35);
}
form#form{
   width: 100%;
   height: 100%;
}
.form-group.row {
   margin-top: 40px;
}
input[type="submit"] {
      width:240px;
      height:35px;
      display:block;
      font-family:Arial, "Helvetica", sans-serif;
      font-size:16px;
      font-weight:bold;
      color:#fff;
      text-decoration:none;
      text-transform:uppercase;
      text-align:center;
      text-shadow:1px 1px 0px #37a69b;
      padding-top:6px;
      margin: 19px 0 300px 29px;
      position:relative;
      cursor:pointer;
      border: none;  
      background-color: #37a69b;
      background-image: linear-gradient(top,#3db0a6,#3111);
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius:5px;
      box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #497a78, 0px 10px 5px #999;
      margin-top: 55px;
    }
        input[type="submit"]:active {
      top:3px;
      box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #31524d, 0px 5px 3px #999;
    }
    input{
      color:#009edf;
    }
     label span{
      font-size: 17px;
      color: black;
    }
</style>
<center>
<form id="form" > 
   <div class="form-group row">
      <div class="col-md-2"></div>
      <label for="name" class="col-md-2" ><span>Station Name:</span></label>
      <div class="input-group col-md-4">
         <div class="input-group-addon"><i class="far fa-smile" aria-hidden="true"></i>            </div>
         <input type="text" id="name" placeholder="Enter Station Name"/>
         </div>
      </div>
   
   <div class="form-group row">
       <div class="col-md-2"></div>
      <label for="email" class="col-md-2"><span>Address:</span></label>
      <div class="input-group col-md-4">
         <div class="input-group-addon"><i class="fas fa-address-card" aria-hidden="true">            </i></div>
         <input type="email" id="email" placeholder="Enter Your Address"/>
         </div>
      </div>
   </div>
   
   <div class="form-group row">
       <div class="col-md-2"></div>
      <label for="username" class="col-md-2"><span>Station Phones:</span></label> 
      <div class="input-group col-md-4">
         <div class="input-group-addon"><i class="fas fa-phone" aria-hidden="true"></i>            </div>
         <input type="text" id="username" placeholder="Enter Station Phone"/>
         </div>
      </div>
   </div>
   
   <div class="form-group row">
       <div class="col-md-2"></div>
      <label for="password" class="col-md-2"><span>Station Code:</span></label>
      <div class="input-group col-md-4">
         <div class="input-group-addon"><i class="fas fa-barcode" aria-hidden="true"></i>            </div>
         <input type="text" id="password" placeholder="Enter Station Code"/>
         </div>
      </div>
   </div>
   
   <div class="form-group row">
       <div class="col-md-2"></div>
      <label for="password-confirm" class="col-md-2"><span>Money Divider:</span></label>
      <div class="input-group col-md-4">
         <div class="input-group-addon"><i class="fas fa-dollar-sign" aria-hidden="true"></i>            </div>
         <input type="text" id="password-confirm" placeholder="Money Divider"/>
         </div>
      </div>
   </div>
   <div class="form-group row">
       <div class="col-md-2"></div>
      <label for="password-confirm" class="col-md-2"><span>Volume Divider:</span></label>
      <div class="input-group col-md-4">
         <div class="input-group-addon"><i class="fas fa-arrow-up" aria-hidden="true"></i>            </div>
         <input type="text" id="password-confirm" placeholder="Volume Divider"/>
         </div>
      </div>
   </div>
   <center><input type="submit" class="btn btn-default" value="Save"></center> 
</form>
</center>