orderform.css

body {
  a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: none !important;
}

  font:14px arial;
  text-align:center;
}
#headingContainer{
  background:#BEB0A3;
  padding:10px;
  border-bottom: 1px dashed #614023;
  height:100px;
}
#frame,#orderDetails {
  margin:25px auto;
  width:440px;
  background:#DCD4CE;
  border: 1px solid #423021;
  box-shadow: 2px 2px 10px #666;
}
#orderDetails{
  padding-bottom:10px;
}
#orderform,#orderConfirmation{
  padding:10px;
  box-sizing:border-box;

}

#left {
  float:left;
  width:110px;
  padding:5px;
}
.hideReset{
  display:none;
}

div.heading{
  font:1.8em arial;
  /*font-weight:bold;*/
  margin-bottom:5px;

  /*font-size: 2em;*/
  font-weight: 600;
  padding: 5px 15px;
  text-shadow: 1px 1px 0px #fff;
}

h1.heading{
  font:1.8em arial;
  margin-bottom:5px;
  font-weight: 600;
  padding: 5px 15px;
  text-shadow: 1px 1px 0px #fff;
}

div.subheading {
  font:15px arial;
  font-style:italic;
  margin-bottom:10px;
}

div.field {
  margin-bottom:5px;
  text-align:right;
}

input{
  padding:5px;
}
input[type="number"]{
  width:153px;

}
input[type="submit"], input[type="button"],input[type="reset"],a.btn-brown {
  border: 1px solid #423021;
  background-color: #896640;
  color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
  text-shadow: 1px 1px 0px #000;
  font-size: 0.9em;
  cursor: pointer;
  font-weight: bold;
  background-image: -webkit-linear-gradient(top, #896640 0%, #705536 100%);
  background-image: -moz-linear-gradient(top, #896640 0%, #705536 100%);
  background-image: -o-linear-gradient(top, #896640 0%, #705536 100%);
  background-image: -ms-linear-gradient(top, #896640 0%, #705536 100%);
  background-image: linear-gradient(to bottom, #896640 0%, #705536 100%);
  text-decoration:none;
}

a.btn-danger {
  border: 1px solid #dc3545;
  background-color: #dc3545;
  color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
  text-shadow: 1px 1px 0px #000;
  font-size: 0.9em;
  cursor: pointer;
  font-weight: bold;
  background-image: -webkit-linear-gradient(top, #dc3545 0%, #e9394a 100%);
  background-image: -moz-linear-gradient(top, #dc3545 0%, #e9394a 100%);
  background-image: -o-linear-gradient(top, #dc3545 0%, #e9394a 100%);
  background-image: -ms-linear-gradient(top, #dc3545 0%, #e9394a 100%);
  background-image: linear-gradient(to bottom, #dc3545 0%, #e9394a 100%);
  text-decoration:none;
}
a.btn-brown:hover {
 color: #fff;
 text-decoration:none;
}

.alert {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
}
.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  max-width:950px;
  margin:2px auto;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
  max-width:950px;
  margin:2px auto;
}
.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
  max-width:950px;
  margin:2px auto;
}
#cardContainer{
  width: 430px;
  height:100px;
  margin:10px auto;
  -webkit-transition: opacity .5s ease-in;
  -moz-transition: opacity .5s ease-in;
  -ms-transition: opacity .5s ease-in;
  -o-transition: opacity .5s ease-in;
  transition-delay: 0s, .5;
  opacity: 1;
}

.hide-me{
  -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
     opacity: 0;
}

table{
  border: 1px solid #705536;
border-collapse: collapse;
box-shadow: 1px 1px 10px #666;
margin:0 auto;
}
th{
  background-color: #614023;
color: #fff;
}

th, td {
    border: 1px solid #705536;
    padding: 10px 10px;
}
tbody tr td {
    background-color: #e5dad2;
}
tbody td:nth-child(1) {
    width: 120px;
}
tbody tr:nth-child(2n) td {
    background-color: #fff3e9;
}