@import '../../styles/form.css';

#basket {
  width: 90%; 
  margin: 5px auto; 
  font-size: 90%;
  background-color: white;
}
#basket th {
  background-color: #89CA80; 
  color: black; 
  padding: 2px 5px;
  border: 0px solid black;
}
#basket th.sum { border-top: 1px solid black; }
#basket th.price { width: 50px; }
#basket th.tunnr { width: 60px; }

#basket th.quantity, #basket td.quantity { width: 120px; }

#basket td { padding: 1px; }
#basket td.borderleft { border-left: 1px solid silver; }
#basket td.bordertop { border-top: 1px solid silver; }
#basket td.borderright { border-right: 1px solid silver; }

#basket td.description {
  font-size: 81%; 
  width: 41%;
}
#basket td.price { text-align: right; }
#basket td.bottom { border-bottom: 1px solid black; }

#basket td.sum, #basket th.sum{ 
  width: 80px; 
  border-left: 1px solid black;
  border-right: 1px solid black;
}

#basket td.remove { text-align: center; }
/*#center #basket td.remove form { margin: 0 auto; }*/
#basket tr.total td {
  background-color: white; 
  font-weight: bold; 
  border-top: 1px solid black;
}
#basket tr.sub td.description {padding-left: 30px;}
#basket td.padding { padding-left: 32px;}

#basket input.quantity { width: 35px; text-align: right;}

#empty { font-size: 150%; border: 2px solid black; margin: 100px; padding: 20px 10px; text-align: center; }
.links { text-align: center; }
.links a { padding: 2px 5px; }

/*-------------- Til navigeringslisten --------------*/
div.paymentNavigation {
  clear: both;
  margin: 5px 0;
  padding: 3px 0 5px 0;
  border-top: 1px solid #3C7B34;
  border-bottom: 1px solid #3C7B34;
}
div.paymentNavigation a {
  color: white;
}
ul.payment {
  list-style: none;
  margin: 0 0 0 20px;
  padding: 0 0 24px 0;
  clear: both;
}
ul.payment li {
  float: left;
  height: 16px;
  background-color: #89CA80;
  margin: 2px 2px 0 2px;
  padding: 2px 10px;
  font-weight: bold;
  border: 1px solid black;
}
ul.payment li.passed {
  background-color: #3C7B34;
}
#center ul.payment li a, #center ul.payment li span {
  color: black;
  font-weight: bold;
  font-size: 90%;
}
#center ul.payment li.passed a {
  color: white;
}