.noyb-package {
    /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.8); */
    border: 1px solid white;
}

.noyb-package:hover {
    /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.8); */
    border: 1px solid grey;
    border-radius: 0.2em;
}

span.icon {
    display: inline-block;
    width: 96px;
    height: 96px;
    background-size: cover;
}

.icon-other {
    background-image: url(../svg/other.svg);
}

.icon-50 {
    background-image: url(../svg/50.svg);
}

.icon-100 {
    background-image: url(../svg/100.svg);
}

.icon-500 {
    background-image: url(../svg/500.svg);
}

.icon:hover,
.icon:focus {
    filter: drop-shadow(2px 2px 5px rgb(0 0 0 / 0.5)) brightness(120%);
    /* filter: drop-shadow(2px 2px 5px rgb(0 0 0 / 0.5)); */
    /* filter: invert(20%) saturate(200%) brightness(110%) contrast(97%); */
    /* filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%); */
}

.icon-highlight {
    filter: drop-shadow(2px 2px 5px rgb(0 0 0 / 0.5)) brightness(120%);
    /* filter: invert(100%); */
    /* filter: invert(20%) saturate(200%) brightness(150%) contrast(97%); */
}

.perks {
    border: 0px solid #9C0A7D;
    border-radius: 0.5em;
    /* box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); */
}

.perks-basic {
    display: none;
    /* background-image: linear-gradient(to top right, #FFFFFF, #9C0A7D 40%); */
}

.perks-details {
    display: none;
}

.perks-silver {
    display: none;
}

.perks-silver article {
    background-image: linear-gradient(210deg, #CACBCE 15%, #FFFFFF 15%);
}

.perks-gold {
    display: none;
}

.perks-gold article {
    background-image: linear-gradient(210deg, #AD974F 15%, #FFFFFF 15%);
}

.perks-purple {
    display: none;
}

.perks-purple article {
    background-image: linear-gradient(210deg, #9C0A7D 15%, #FFFFFF 15%);
}

span.close {
    display: none;
}

input[type="number"] {
    width: 7em;
    display: inline;
}

#support-notice {
    display: none;
}

#saferpay-notice {
    display: none;
}

.message {
    background: #d6d0e0;
    padding: 0.5em;
}

/* Transaction status colours for table rows: */
.tr--contacted {
    background: #FFA500;
}

.tr--exported {
    background: #90EE90;
}

.tr--failed {
    background: #DC143C;
}

.tr--manually-processed {
    background: #40E0D0;
}

.tr--membership-holiday {
    background: #D3D3D3;
}

.tr--pending {
    background: #FFFF00;
}

.tr--success {
    background: #90EE90;
}

table.qrcode {
    width: auto;
}

.strikethrough {
    text-decoration: line-through;
}

.toolbox {
    border: 1px solid #d6d0e0;
    border-radius: 1.5em;
}

.auditrecord {
    border: 1px solid #ccc;
}

.auditrecord-info {
    background-color: #eee;
    word-wrap: break-word;
}

.accept-label {
    display: inline;
}