.personal-button.opened, .personal-button.opened:hover {
    background-color: white;
    color: black;
}

div.shop-item .sub-header {
  font-weight: bold;
}

div.clickable img, div.clickable span.action {
    cursor: pointer;
}

div.clickable span.action:hover {
    text-decoration: underline;
    color: #005dc6;
}

div.shop-item img.icon {
  vertical-align: middle;
  margin-right: 2px;
}

div.shop-item .price {
    margin-left: 4px;
}

div.shop-item div.discount {
  color: #5aaf8c;
  float: right;
  margin-right: -2px;
  margin-top: -10px;
  font-weight: bold;
   background-color: #3fb7ff;
   border-radius: 12px;
   height: 24px;
   width: 24px;
   line-height: 24px;
   font-size: 9px;
   text-align: center;
   color: white;
}

.personal-page {
  width: 908px;
  background-color: white;
  border-color: #83894d;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;/*
  background-color: #f4F4eE; */
  background-color: rgba(244,244,238,0.6);
  padding: 20px;
  font-size: 13px;
  overflow: hidden;
  margin-bottom: 20px;
}

.personal-page table {
  border-collapse: collapse;
  width: 700px;
}

.personal-page table th {
    background-color: #A7C942;
}

.personal-page table td {
    background-color: white;
    color: black;
}

.personal-page table tr.odd td {
  background-color: #EAF2D3;
  color: black;
}

.personal-page table th, .personal-page table td {
    border: 1px solid #98BF21;
    padding: 3px 7px 2px;
}

.personal-page table tr.total td {
  border-top: solid black 2px;
}

.personal-page table td div.id {
    font-size: 11px;
}

.personal-page table td div.info {
  font-style: italic;
  font-size: 10px;
}

.shop-item img, img.basket-floater {
  border: solid transparent 2px;
//  margin-top: -1px;
//  margin-left: -1px;
}

.shop-item img.clickable {
  border: solid #3bc609 2px;
  cursor: pointer;
}

.shop-item img.clickable:active {
  border: solid #4d90ec 2px;
}

.shop-item .info .option {
    color: blue;
    margin: 3px;
    font-size: 13px;
}

.shop-item .info img.icon {
    vertical-align: middle;
}

.personal-page .shop-item .sub-header {
  font-size: bold;
/*  display: none; */
}

.personal-page div.shop-item {
  float: left;
  margin: 5px;
}

.personal-page div.shop-item .header {
   width: 184px;
  background-image:url(../img/detail-header-bg.gif);
  background-repeat: no-repeat;
  height: 19px;
  line-height: 19px;
  color: white;
  padding: 0 10px 0 20px;
  font-weight: bold;
  font-size: 12px;
}

.personal-page div.shop-item .body {
  font-size: 11px;
   width: 192px;
   padding: 10px;
	border-color: #83894d;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-radius: 5px 5px 0 0;
        background-color: #e4e4be;
}

.personal-page div.shop-item .body .uuid {
     color: #727747;
    font-size: 9px;
    text-align: center;
    white-space: nowrap;

}

div.shop-item div.info {
   white-space: nowrap;
   background-color: white;
   padding: 4px;
   border-color: #83894d;
   border-width: 0 1px 1px 1px;
   border-style: solid;
   border-radius: 0 0 5px 5px;
   line-height: 19px;
}

.personal-page div.shop-item.cancelled {
  opacity: 0.4;
}


.bigbutton {
    float: right;
    background-image: url(../img/bigredbutton.png);
  background-repeat: no-repeat;
   height: 30px;
  width: 142px;
   text-align: center;
  font-size: 12px;
  line-height: 30px;
  padding: 0px;
  padding-right: 10px;
   font-weight: bold;
   cursor: pointer;
  color: white;
}

.bigbutton:hover {
  background-image: url(../img/bigredbutton-over.png);
}

.bigbutton:active {
  background-image: url(../img/bigredbutton-down.png);
}

.bigbutton.disabled {
  background-image: url(http://militieregisters.nl/img/biggreybutton.png);
  cursor: default;
  opacity: 0.5;
  color: #dddddd;
}

.bigbutton-container {
  overflow: hidden;
  height: 30px;
  margin-top: 12px;;
}

.ifgold {
    display: none !important;
}


.item-loading {
  width: 212px;
  height: 173px;
  border: solid #83894d 1px;
  background-color: rgba(228,228,228,0.6);
  border-radius: 5px;
  padding-top: 40px;
  text-align: center;
  color: white;
}

#checkoutbutton {
  margin-top: -6px;
}