/* 
    Document   : style.css
    Created on : 25.02.2014, 08:03:39
    Author     : schlichtinger
    Description:
        Purpose of the stylesheet follows.
*/
div.bigfont_colored {
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    color: #ffffff;
    /*text-shadow: -1px 0 #535453, 0 1px #535453, 1px 0 #535453, 0 -1px #535453;*/
    text-shadow: 0.1em 0.1em 0.1em #535453;
    line-height: 1em;
    margin-bottom: 0px;
    margin-top: 0px;
    margin: 0px;
    padding: 0px;
    padding-left: 5px;
    font: normal normal normal 14px/1.4em helvetica-w01-roman,helvetica-w02-roman,helvetica-lt-w10-roman,sans-serif;
}

div.editions_bg1 {
    /*background-color: #D4923C;*/
    background-color: rgb(28,64,108, 0.3);
    /*background-color: #e3e3e3;*/
    border: 0px solid #000000;
    border-radius: 5px;
}

tr.space {
    line-height: 5px;
}

div.editions_bg2 {
    /*background-color: #FDAF4D;*/
    background-color: #FFFFFF;
    border: 0px solid #000000;
    border-radius: 5px;
}

.gameChange {
    height: 65px;
}

.gameChange:hover {
    /*background: #C6A7BB;*/
    background: rgb(247,178,82, 0.5);
    border-radius: 5px;
    border-color: #000000;
    border-width: 0px;
    border-style: solid;
    height: 65px;
}

.gameChange:active {
    /*background: #C6A7BB;*/
    background: rgb(247,178,82, 0.5);
}

.gameChangeActive {
    /*background: #C6A7BB;*/
    background: rgb(247,178,82, 0.7);
    border-radius: 5px;
}

div.headline {
    width: 95%;
    /*background-color: #efcda0;*/
    background-color: #1C406C;
    border: 0px solid #000000;
    border-radius: 5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
}

body { 
    font-size: 16px;
    letter-spacing: 0.7px;
    /*font-family: arial, 'Lucida Grande', sans-serif;*/
    /*font-family: Verdana, Geneva, sans-serif; */
    font-family: Tahoma, Verdana, Geneva, sans-serif;
    /*background-image: url("http://wir-kaufen-deine-karten.test/magic/images/games/magic_klein.png");*/
}

imgBoxDefault {
    visibility: hidden; 
    position: relative; 
    z-index: 10; 
    border: 0px black solid; 
    position: absolute; 
    margin-left: 800px; 
    margin-bottom: 300px;
}

pre { 
    font-size: 12px;
}

h1 { 
    font-size: 22px;
    color: rgba(196, 143, 67, 0.8);
    /*font-family: arial, 'Lucida Grande', sans-serif;*/
    font-family: Verdana, Geneva, sans-serif;
    /*font-family: 'Oswald', serif;*/
    /*font-weight: bold;*/
    /*font-weight: lighter;*/
    line-height: 120%;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 15px;
    text-transform: none;
    letter-spacing: -0.04em;
}

h2 { 
    font-size: 18px;
    /*color: rgba(196, 143, 67, 0.8);*/
    /*font-family: arial, 'Lucida Grande', sans-serif;*/
    font-family: Verdana, Geneva, sans-serif; 
    text-align: center;
    padding-bottom: 15px;
    padding-top: 15px;
    text-transform: none;
    letter-spacing: -0.04em;
}

h3 { 
    font-size: 16px;
    color: rgba(196, 143, 67, 0.8);
    /*font-family: arial, 'Lucida Grande', sans-serif;*/
    font-family: Verdana, Geneva, sans-serif; 
    line-height: 100%;
    
    padding-bottom: 5px;
    padding-top: 5px;
    text-transform: none;
    letter-spacing: -0.04em;
}

ul {
    margin-left: 40px; padding-left: 0;
}

li {
    /*line-height: 100%;*/
}

.image_float {
    padding-right: 10px;
    padding-bottom: 10px;
}

.headline { 
    font-size: 14px;
    font-weight: bold;
    /*font-family: arial, 'Lucida Grande', sans-serif;*/
    font-family: Verdana, Geneva, sans-serif; 
    text-align: left;
    /*padding-bottom: 15px;
    padding-top: 15px;*/
    
}



div.bg_green {
    /*background: rgba(0, 151, 19, 0.15);*/
    background-color: rgb(0 151 19 / 38%);
}

div.amountHint {
    border: 0px solid;
    margin: auto;
    /*margin-top: 20px;*/
    /*margin-left: -50px;*/
    text-align: right;
    /*position: absolute;*/
    font-weight: bold;
    color: #d33e3e;
    font-style: italic;
    font-size: 12px;
}

div.serialNumberDetails {
    font-style: italic;
    font-size: 12px;
    text-align: center;
    margin-left: 0px;
}

div.footer_links {
    border: 0px solid;
    margin: auto;
    margin-top: 20px;
    text-align: center;
}

div.footer_provenexpert {
    border: 0px solid;
    margin: auto;
    margin-top: 20px;
    text-align: center;
}

div.footer_provenexpert_siegel {
    border: 0px solid;
    margin: auto;
    margin-top: 20px;
    text-align: center;
}

div.footer_dhl_logo {
    border: 0px solid;
    margin: auto;
    margin-top: 20px;
    text-align: center;
}

div.footer_game_logo {
    border: 0px solid;
    margin: auto;
    margin-top: 20px;
    text-align: center;
}

.searchfield {
    position:relative;
    width:350px;
    height:20px;
    z-index: 5;
    border-style: none;
    border-width: 2px;
    border-color: #FF0000;
    
}

.searchfield_serialnumber {
    position:relative;
    width:350px;
    height:20px;
    z-index: 1;
    border-style: none;
    border-width: 2px;
    border-color: #FF0000;
    
}

.editionComment {
    position:absolute;
    margin-left: 350px;
    margin-top: 10px;
    font-weight: bold;
    color: red;
    /*text-align: left;*/
}

tr.small {
    line-height: 30%;
}

font.error {
    color: #d33e3e;
    font-weight: bold;
}

td.checkoutForm {
    font-weight: bold;
}

font.shoppingCartStatusPrice {
    font-size: 12px;
    font-weight: bold;
    font: normal normal normal 14px/1.4em helvetica-w01-roman,helvetica-w02-roman,helvetica-lt-w10-roman,sans-serif;
}

.overlay_results_container{
    position:absolute;
    width:350px;
    /*height:100%;*/
    border-radius: 5px;
    border-color: #cecece;
    border-width: 1px;
    border-style: solid;
    background-color: #f6f6f6;
    font-size: 14px;
    font-weight: normal;
    display: none;
    
    /*top:0px;*/
    /*top:25px;*/
    z-index: 10;
    /*left:310px;*/
    left:0px;
}
.overlay_results_container div {
    position:relative;
    display:inline-block;
    top:50%;
    margin:-50% 5px 0 0;
    
    
}
.overlay_results {
    position:relative;
    width:250px;
    /*height:100%;*/
    border-color: #000000;
    border-style: solid;
    border-width: 3px;
    background-color: #FF0000;
    font-size: 14px;
    display: inline-block;
    
    /*top: 500px;*/
    /*left:310px;*/
}
.overlay_results div {
    position:relative;
    display:inline-block;
    top:50%;
    margin:-50% 5px 0 0;
}
/*.searchfield:hover .overlay {
    display:block;
    background-color:black;
    opacity:0.75;
}*/

.result
{
    background-color: #cecece;
    /*position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 70px 140px 175px 140px;
    padding : 30px;
    width: 700px;
    height: 400px;
    background-color: orange;
    //visibility: hidden;
    border: 1px solid black;
    z-index: 1;*/
}

/*#bg_mask {
  position: relative;
  top: 0;
  right: 0;  bottom: 0;
  left: 0;
  margin: auto;
  margin-top: 0px;
  width: 200px;
  height: 200px;
  background : url("img_dot_white.jpg") center;
  z-index: 0;
  //visibility: hidden;
} */

div.editions_container { 
    border:0px solid #FDAF4D; 
    width:300px; 
    height: 160px; 
    overflow-y: scroll;
}

div.centered {
    position: relative; 
    top: 50%; 
    transform: translateY(-50%);
}

div.users_container { 
    border:0px solid #FDAF4D; 
    padding: 10px;
    width:600px; 
    height: 500px; 
    overflow-y: scroll;
    text-align: left;
}

div.sellers_container { 
    border:0px solid #FDAF4D; 
    width:300px; 
    height: 160px; 
    overflow-y: scroll;
}

div.menu {
    border: 0px;
    border-style: solid;
    width: 1200px;
    margin: 0px auto;
}

div.cartStatus {
    border: 0px;
    border-style: solid;
    /*width: 1200px;*/
    height: 30px;
    /*color: #393939;*/
    margin-top: 13px;
    color: #fff;
    text-shadow: 0.1em 0.2em 0.3em #000000;
    font: normal normal normal 14px/1.4em helvetica-w01-roman,helvetica-w02-roman,helvetica-lt-w10-roman,sans-serif;
    
    
    
    display: flex;
    flex-direction: row;
    /*flex-flow: column wrap;*/
    align-items: center;
    justify-content: right;
}

table { 
    font-size: 14px;
    /*font-family: arial, 'Lucida Grande', sans-serif;*/
    margin: 5px;
    /*border-radius: 20px;
    border: 5px solid #000000;
    padding: 5px;*/
}

input.inputText {
    /*border-radius: 5px;
    border-color: #000000;
    border-width: 1px;
    background-color: #fcfcfc;
    font-size: 14px;
    font-family: Verdana, Geneva, sans-serif;*/
    
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    appearance: none;
    outline-width: 0;
    height: 30px;
    
    padding: 5px 5px 5px 5px;
    display: block;
    
    border: none;
    font-family: Verdana, Geneva, sans-serif; 
    font-size: 14px;
    background-color: #fcfcfc;
    border: 1px solid #cecece;
    border-radius: 5px;
}

input.inputBulkCount {
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    appearance: none;
    outline-width: 0;
    width: 80px;
    height: 20px;
    
    padding: 5px 5px 5px 5px;
    display: block;
    
    border: none;
    font-family: Verdana, Geneva, sans-serif; 
    font-size: 12px;
    background-color: #fcfcfc;
    border: 1px solid #cecece;
    border-radius: 5px;
}

input.inputText_small {
    /*border-radius: 5px;
    border-color: #000000;
    border-width: 1px;
    background-color: #fcfcfc;
    font-size: 14px;
    font-family: Verdana, Geneva, sans-serif;*/
    
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    appearance: none;
    outline-width: 0;
    width: 120px;
    height: 22px;
    
    padding: 5px 5px 5px 5px;
    display: block;
    
    border: none;
    font-family: Verdana, Geneva, sans-serif; 
    font-size: 12px;
    background-color: #fcfcfc;
    border: 1px solid #cecece;
    border-radius: 5px;
}

input.searchField {
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    appearance: none;
    outline-width: 0;
    height: 30px;
    
    padding: 5px 5px 5px 5px;
    display: block;
    
    border: none;
    font-family: Verdana, Geneva, sans-serif; 
    font-size: 14px;
    background-color: #fcfcfc;
    border: 1px solid #cecece;
    border-radius: 5px;
}

img.navigationImage {
    /*border: 1px solid;*/
    margin-bottom: 100px;
    cursor: pointer;
}

input.disabled {
    background-color: #ececec;
    cursor: not-allowed;
}

textarea.inputText {
    /*border-radius: 5px;
    border-color: #000000;
    border-width: 1px;
    background-color: #fcfcfc;
    width: 300px;
    height: 100px;
    font-size: 14px;
    font-family: Verdana, Geneva, sans-serif; */
    
    width: 300px;
    height: 100px;
    
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    appearance: none;
    outline-width: 0;
    
    padding: 5px 5px 5px 5px;
    display: block;
    
    border: none;
    font-family: Verdana, Geneva, sans-serif; 
    font-size: 14px;
    background-color: #fcfcfc;
    border: 1px solid #cecece;
    border-radius: 5px;
}

div.status {
    font-size: 11px;
    font-weight: normal;
}

div {
    /*font-size: 14px;*/
}

.edition_headline {
    font-weight: bold;
    /*text-shadow: 0.1em 0.1em 0.1em #535453;*/
    /*background-color: #AC749B;*/
}

.headline_big {
    font-weight: bold;
    font-size: 14px;
    /*background-color: #AC749B;*/
}

.edition_bg1 {
    background-color: #D4923C;
}

.edition_bg2 {
    background-color: #FDAF4D;
}

root { 
    display: block;
}

font.grey {
    color: #919191;
}

font.small {
    font-size: 9px;
}

font.buyprice {
    font-size: 40px;
    font-weight: bold;
    color: #444444;
}

div.resetButton {
    position: absolute;
    margin-left: 360px;
    margin-top: -13px;
}

img.resetButton {
    width: 15px;
    cursor: pointer;
}

div.priceAdjustmentStatus {
    width: 16px;
    height: 16px;
    border: 0px solid #000000;
    border-radius: 5px;
    display: inline;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

div.lastPriceAdjustment {
    border: 0px solid #000000;
    border-radius: 5px;
    display: inline;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

div.card_header {
    width: 95%;
    background-color: #F0AB4C;
    border: 0px solid #000000;
    border-radius: 5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}

div.editions_header {
    width: 90%;
    background-color: #f6f6f6;
    border: 0px solid #000000;
    border-radius: 5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

div.half {
    width: 700px;
}

div.half_2 {
    width: 1200px;
}

div.articles_header {
    width: 80%;
    background-color: #EFCDA0;
    border: 0px solid #000000;
    border-radius: 5px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

div.instock_header {
    width: 30%;
    background-color: #EFCDA0;
    border: 0px solid #000000;
    border-radius: 5px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

div.editions {
    width: 90%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

div.user_articles {
    width: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

div.pcCart {
    /*border: 1px solid black;*/
    width: 95%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

/*td.test {
    border: 0px solid #000000;
    border-radius: 5px;
}*/

div.articles {
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto
}



div.bigfont {
    font-size: 14px;
    line-height: 1em;
    margin-bottom: 0px;
    margin-top: 0px;
    margin: 0px;
    padding: 0px;
}



font.appname {
    font-size: 12px;
    font-weight: bold;
}

.button_colored {
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    /*color: #404040;*/
    color: #ffffff;
    /*background-color: #EFCDA0;*/
    background-color: rgba(196, 143, 67, 0.8);
    border: 1px solid #535453;
    text-shadow: 0.1em 0.1em 0.2em #535453;
    /*text-shadow: -1px 0 #535453, 0 1px #535453, 1px 0 #535453, 0 -1px #535453;*/
    border-radius: 10px;
    /*width: 10%;*/
    -webkit-transition-duration: 0.1s; /* Safari */
    transition-duration: 0.1s;
    box-shadow: 0 4px 16px 0 rgba(0,0,0,0.2), 0 2px 5px 0 rgba(0,0,0,0.19);
    cursor: pointer;
}

.button_colored:hover {
    background-color: #4CAF50; /* Green */
    color: white;
}

.button_colored:active {
  background-color: #3e8e41;
  box-shadow: 0 4px 16px 0 rgba(0,0,0,0.2), 0 2px 5px 0 rgba(0,0,0,0.19);
  transform: translateY(1px);
}

.button_colored_small {
    padding: 5px;
    font-size: 12px;
    /*font-weight: bold;*/
    height: 25px;
    /*color: #404040;*/
    color: #ffffff;
    /*background-color: #EFCDA0;*/
    background-color: rgba(196, 143, 67, 0.8);
    border: 1px solid #535453;
    text-shadow: 0.1em 0.1em 0.2em #535453;
    /*text-shadow: -1px 0 #535453, 0 1px #535453, 1px 0 #535453, 0 -1px #535453;*/
    border-radius: 10px;
    /*width: 10%;*/
    -webkit-transition-duration: 0.1s; /* Safari */
    transition-duration: 0.1s;
    box-shadow: 0 4px 16px 0 rgba(0,0,0,0.2), 0 2px 5px 0 rgba(0,0,0,0.19);
    cursor: pointer;
}

.button_colored_small:hover {
    background-color: #4CAF50; /* Green */
    color: white;
}

.button_colored_small:active {
  background-color: #3e8e41;
  box-shadow: 0 4px 16px 0 rgba(0,0,0,0.2), 0 2px 5px 0 rgba(0,0,0,0.19);
  transform: translateY(1px);
}

.remove {
    background-color: #990000;
}



.button_disabled {
    /*filter: grayscale(0.2);*/
    /*filter: saturate(0.5);
    filter: brightness(1.5);
    filter: contrast(0.5);*/
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    /*color: #404040;*/
    color: #ffffff;
    /*background-color: #EFCDA0;*/
    background-color: rgba(196, 143, 67, 0.8);
    border: 1px solid #535453;
    text-shadow: 0.1em 0.1em 0.2em #535453;
    /*text-shadow: -1px 0 #535453, 0 1px #535453, 1px 0 #535453, 0 -1px #535453;*/
    border-radius: 10px;
    /*width: 10%;*/
    -webkit-transition-duration: 0.1s; /* Safari */
    transition-duration: 0.1s;
    box-shadow: 0 4px 16px 0 rgba(0,0,0,0.2), 0 2px 5px 0 rgba(0,0,0,0.19);
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
    
}

.button_disabled_small {
    /*filter: grayscale(0.2);*/
    /*filter: saturate(0.5);
    filter: brightness(1.5);
    filter: contrast(0.5);*/
    padding: 5px;
    font-size: 12px;
    /*font-weight: bold;*/
    height: 25px;
    /*color: #404040;*/
    color: #ffffff;
    /*background-color: #EFCDA0;*/
    background-color: rgba(196, 143, 67, 0.8);
    border: 1px solid #535453;
    text-shadow: 0.1em 0.1em 0.2em #535453;
    /*text-shadow: -1px 0 #535453, 0 1px #535453, 1px 0 #535453, 0 -1px #535453;*/
    border-radius: 10px;
    /*width: 10%;*/
    -webkit-transition-duration: 0.1s; /* Safari */
    transition-duration: 0.1s;
    box-shadow: 0 4px 16px 0 rgba(0,0,0,0.2), 0 2px 5px 0 rgba(0,0,0,0.19);
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
    
}

.button_red {
    background-color: #990000;
}

img.button {
    cursor: pointer;
    -webkit-transition-duration: 0.1s; /* Safari */
    transition-duration: 0.0s;
    /*box-shadow: 0 4px 16px 0 rgba(0,0,0,0.2), 0 2px 5px 0 rgba(0,0,0,0.19);*/
}

img.button:hover {
    background-color: #ff9090; /* Green */
    color: white;
    border-radius: 3px;
}

/*select {
    background-color: #fcfcfc;
    border: 1px solid #cecece;
    border-radius: 0px;
    font-size: 14px;
    font-family: Verdana, Geneva, sans-serif; 
}*/

select{
    /*background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 100% 50%;*/
  
  
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    appearance: none;
    outline-width: 0;
    
    padding: 5px 5px 5px 5px;
    display: block;
    
    border: none;
    font-family: Verdana, Geneva, sans-serif; 
    font-size: 14px;
    background-color: #fcfcfc;
    border: 1px solid #cecece;
    border-radius: 5px;
    
}

/*select {

  background:
    linear-gradient(45deg, transparent 50%, #cecece 50%),
    linear-gradient(135deg, #cecece 50%, transparent 50%),
    linear-gradient(to right, #ececec, #ececec);
  background-position:
    calc(100% - 21px) calc(1em + 2px),
    calc(100% - 16px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;

  border: thin solid #cecece;
  font: 300 1em/100% "Verdana", Arial, sans-serif;
  line-height: 1.0em;
  padding: 0.5em 3.5em 0.5em 1em;


  border-radius: 0;
  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance:none;
  -moz-appearance:none;
}*/

option {
    background-color: #fcfcfc;
    border: 1px solid #535453;
    border-radius: 5px;
    font-size: 14px;
    font-family: Verdana, Geneva, sans-serif; 
}

div.users_container {
    width: 1000px;
    height: 300px;
    background-color: #F0AB4C;
    font-size: 11px;
    border: 1px solid #535453;
    border-radius: 5px;
}

.green {
    color: green;
}

.yellow {
    color: #A06423;
}

.red {
    color: red;
}

.std {
    color: black;
}

.edition_details_colored {
    font-size: 14px;
    
    /*text-shadow: 0.1em 0.1em 0.6em #535453;*/
}

.edition_details_colored_test {
    margin-top: 25px;
    width: 70%;
    height: 100%;
    display: flex;
    flex-direction: row;
    /*flex-flow: column wrap;*/
  align-items: center;
  justify-content: center;
  text-align: center;
  vertical-align: center;

    
    /*text-shadow: 0.1em 0.1em 0.6em #535453;*/
}

.edition_with_icon {
    text-align: left;
    width: 100%;
    height: 100%;
    display: flex;
    /*flex-flow: column wrap;*/
    /*text-shadow: 0.1em 0.1em 0.6em #535453;*/
}

td {
    
    color: #000000;
    line-height: 20px;
    font-family: Tahoma, Verdana, Geneva, sans-serif;
    /*font-size: 16px;
    letter-spacing: 0.5px;*/
    /*text-shadow: 0.1em 0.1em 0.6em #535453;*/
    font-size: 16px;
    /*letter-spacing: 0.5px;*/
}

.cartLink {
    display: contents;
}

select.wantslist {
    width: 90%;
}

a {
    color: #000000;
}

a.green {
    color: green;
}
a.yellow {
    color: #A06423;
}
a.red {
    color: red;
}

a.no-underline {
    text-decoration: none;
}

.hide {
    display: none;
}

.show {
    display: block;
}

span.deleteicon {
    position: relative;
    display: inline-flex;
    align-items: center;
}
span.deleteicon span {
    position: absolute;
    display: block;
    right: 3px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    color: #fff;
    background-color: #ccc;
    font: 13px monospace;
    text-align: center;
    line-height: 1em;
    cursor: pointer;
}
span.deleteicon input {
    padding-right: 18px;
    box-sizing: border-box;
    -moz-appearance: none;

    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    appearance: none;
    outline-width: 0;
    height: 30px;

    padding: 5px 5px 5px 5px;
    display: block;

    border: none;
    font-family: Verdana, Geneva, sans-serif; 
    font-size: 14px;
    background-color: #fcfcfc;
    border: 1px solid #cecece;
    border-radius: 5px;

}
            
.editionCommentHint {
    visibility: visible;
    /* position: relative; */
    text-align: left;
    /*z-index: 10;*/
    border: 1px solid #cecece;
    border-radius: 5px;
    background-color: #ececec;
    padding: 10px;
    position: absolute;
    /*margin-left: -300px;*/
    margin-left: -250px;
    margin-bottom: 150px;
    margin-top: -90px;
    font-weight: bold;
    color: #d33e3e;
    font-style: italic;
    width: 250px;
}

.warningText {
    border: 1px solid #cecece;
    border-radius: 5px;
    background-color: #ececec;
    padding: 10px;
    font-weight: bold;
    color: #d33e3e;
    font-style: italic;
    font-size: 12px;
}

.successText {
    border: 1px solid #cecece;
    border-radius: 5px;
    background-color: #ececec;
    padding: 10px;
    font-weight: bold;
    color: #0A7116;
    font-style: italic;
    font-size: 12px;
}
            
div.border-left-top {
  border-radius: 10px 0px 0px 0px;
  -moz-border-radius: 10px 0px 0px 0px;
}
div.border-right-top {
  border-radius: 0px 10px 0px 0px;
  -moz-border-radius: 0px 10px 0px 0px;
}
div.border-left-bottom {
  border-radius: 0px 0px 0px 10px;
  -moz-border-radius: 0px 0px 0px 10px;
}
div.border-right-bottom {
  border-radius: 0px 0px 10px 0px;
  -moz-border-radius: 0px 0px 10px 0px;
}

/*div.bulkTrStart {
    display: table-row;
    background-color: rgb(108 94 28 / 30%);
    border-radius: 10px 10px 0 0px;
    -moz-border-radius: 10px 0 0 10px;
}

div.bulkTrStart > div:first-child {
  border-radius: 10px 10px 0 0px;
  -moz-border-radius: 10px 0 0 10px;
}

div.bulkTrEnd {
  border-radius: 0 10px 0px 0; 
  -moz-border-radius: 0 10px 0px 0;
}*/

div.table {
    display: table;
    border-collapse: collapse;
    width: 100%;
    /*border: 1px solid;*/
}

div.bulkTr {
    display: table-row;
    background-color: rgb(173 173 173 / 30%);
    /*padding-top: 10px;*/
}

div.tr {
    display: table-row;
    /*padding-top: 10px;*/
}

div.tr > div:first-child {
  border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
}

div.tr > div:last-child {
  border-radius: 0 10px 10px 0; 
  -moz-border-radius: 0 10px 10px 0;
}

div.td {
    display: table-cell;
    border: 0px solid black;
    padding: 5px;
    font-size: 14px;
}

div.sumCart {
    text-align: right;
}

.bold {
    font-weight: bold;
}

.couponCode{
    border: 1px solid #cecece;
    border-radius: 5px;
    /*background-color: #ececec;*/
    background-color: rgb(0 151 19 / 38%);
    padding: 10px;
    font-weight: bold;
    /*color: #0A7116;*/
    /*font-style: italic;*/
    font-size: 12px;
}

div.tdBorderRadiusLeft {
    border-radius: 5px;
}

div.center {
    vertical-align: middle;
}

div.left {
    text-align: left;
}

div.iconText {
    display: flex;
    flex-direction: row;
    /*flex-flow: column wrap;*/
    align-items: center;
    justify-content: center;
    /*text-align: center;*/
    margin-top: 25px;
    height: 100%;
}

.iconText {
    display: flex;
    flex-direction: row;
    /*flex-flow: column wrap;*/
    align-items: center;
    justify-content: center;
    /*text-align: center;*/
    /*margin-top: 25px;*/
    height: 100%;
}

.mouseover {
    position: relative;
    color: #919191;
}
    
.mouseover:hover:after {
    position: absolute;
    /*content: attr(title);*/
    content: 'Bei gesetztem Häkchen wird der Ankaufspreis berechnet und die Karte sofort auf die Verkaufsliste gesetzt. Das Eingeben deiner Karten wird dadurch noch komfortabler. Selbstverständlich kannst du jederzeit die Karte wieder aus der Verkaufsliste entfernen.';
    display: inline-block;
    
    border: 1px solid #cecece;
    border-radius: 5px;
    background-color: #ececec;
    padding: 10px;
    font-weight: normal;
    color: #000000;
    font-style: italic;
    width: 300px;
    margin-left: -300px;
    margin-top: 20px;
}

.mouseoverCardCodeMTG {
    position: relative;
    color: #919191;
    z-index: 10;
}
    
.mouseoverCardCodeMTG:hover:after {
    position: absolute;
    /*content: attr(title);*/
    /*content: 'Der Kartencode setzt sich zusammen aus der Abkürzung des Editionsnamens der Karte sowie ihrer Sammlernummer innerhalb dieser Erweiterung.\A\A
            Die Abkürzung des Editionsnamens ist seit dem Hauptset „Magic 2015“ auf den Karten unterhalb der Sammlernummer aufgedruckt. Zum Beispiel ist der Kartencode von „Ajani Steadfast“ M15001, da die Edition „Magic 2015“ das Kürzel M15 verwendet und Ajani die Sammlernummer 1 hat.';*/
    content: 'Sammlernummer:\A
        Bei "Magic the Gathering" findet sich die Sammlernummer einer Karte üblicherweise am unteren Rand. Sie gibt die Position der Karte innerhalb ihrer Edition oder Erweiterung an.\A\A
        Kartencode:\A
        Der Kartencode von "Magic the Gathering"-Karten setzt sich aus der Abkürzung des Editionsnamens und der Sammlernummer der Karte in dieser Erweiterung zusammen. Seit dem Hauptset „Magic 2015“ ist diese Abkürzung unterhalb der Sammlernummer aufgedruckt. Zum Beispiel hat die Karte „Ajani Steadfast“ den Kartencode M15001: Das Kürzel der Edition „Magic 2015“ ist M15, und Ajani trägt die Sammlernummer 1.';
    white-space: pre-line;
    display: inline-block;
    font-size: 14px;
    border: 1px solid #cecece;
    border-radius: 5px;
    background-color: #ececec;
    padding: 10px;
    font-weight: normal;
    color: #000000;
    font-style: italic;
    width: 350px;
    margin-left: -300px;
    margin-top: 20px;
    text-align: left;
}

.mouseoverCardCodePKM {
    position: relative;
    color: #919191;
    z-index: 10;
}
    
.mouseoverCardCodePKM:hover:after {
    position: absolute;
    /*content: attr(title);*/
    /*content: 'Die Sammlernummer einer Karte ist links unter dem Namen des Illustrators zu finden. (z.B. 65/202)\A\A
              Die linke Zahl zeigt an, welche Nummer die Karte in ihrer jeweiligen Edition hat und die rechte Zahl gibt an, wie viele Karten die Edition insgesamt beinhaltet. Bei ganz alten Karten aus den ersten Editionen ist die Sammlernummer ganz rechts unten auf der Karte, neben dem Seltenheitssymbol zu finden.\A\A
              Der Kartencode setzt sich zusammen aus der Abkürzung für das Set, aus welchem die Karte stammt und die Sammlernummer, welche die Karte innerhalb dieser Edition hat. Bei neuen Erweiterungen und japanischen Karten steht dieses Kürzel neben der Sammlernummer auf der Karte, bei älteren Karten musst du das Kürzel auf dieser Seite suchen: https://jp.pokellector.com/sets\A\A
              Die Karte Squawkabilly ex findest du z.B. mit dem Kartencode PAL169, weil die Karte aus Paldea Evolved stammt (PAL) und darin die Nummer 169 hat.';*/
    content: 'Sammlernummer:\A
        Die Sammlernummer (z.B. "65/202") befindet sich links unter dem Illustrator-Namen. Die linke Zahl gibt die Kartenposition in der Edition an; die rechte die Gesamtanzahl der Karten. Bei alten Karten ist die Nummer rechts unten neben dem Seltenheitssymbol.\A\A
        Kartencode:\A
        Der Kartencode kombiniert die Set-Abkürzung mit der Sammlernummer. Bei neueren oder japanischen Karten ist das Kürzel neben der Sammlernummer zu finden. Bei älteren Karten ist das Kürzel auf dieser Seite nachzuschlagen: https://jp.pokellector.com/sets. Beispiel: "Squawkabilly ex" hat den Code "PAL169" aus "Paldea Evolved".';
    white-space: pre-line;
    display: inline-block;
    font-size: 14px;
    border: 1px solid #cecece;
    border-radius: 5px;
    background-color: #ececec;
    padding: 10px;
    font-weight: normal;
    color: #000000;
    font-style: italic;
    width: 300px;
    margin-left: -300px;
    margin-top: 20px;
    text-align: left;
}