table.table {
    border-collapse: collapse;
}
table.table td, table.table th {
    padding: 4px 8px;
}

table.table.table-bordered th, table.table.table-bordered td {
    border: 1px solid #9c9999;
}

.sm-only {
    display: none;
}

.key-group > * {
    display: inline-block;
}

h1, h2, h3, h4, h5 {
    font-weight: 400 !important;
}

.text-theme {
    color: #158eac;
}

.text-white {
    color: #FFFFFF !important;
}
.text-white {
    color: #FFFFFF !important;
}

.text-bold {
    font-weight: bold;
}

.right {
    float: right !important;
}

.toolbar > *, .toolbar a {
    vertical-align: middle;
}

.ani-jump {
    animation: jump 0.35s 1;
}

@keyframes jump {
    0% {
        margin-top: inherit;
    }
    25% {
        margin-top: -10px;
    }
    50% {
        margin-top: 2px;
    }
    75% {
        margin-top: -5px;
    }
    100% {
        margin-top: inherit;
    }
}

@keyframes pulse {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.1, 1.1);
    }

    100% {
        transform: scale(1, 1);
    }
}

.ani-pulse {
    animation: pulse 1s linear infinite;
}

.header {
    overflow: hidden;
    background-color: #429AAF;
    padding: 0px 10px;
    position:fixed;
    width: 100%;
    top: 0;
    left:0;
    z-index:20;
    height:55px;
}

.header .container {
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}

.header .container>* {
    color: #FFFFFF;
}

.header a.nav-branch {
    display: flex;
}

.header .company-name {
    font-size: 14pt;
    vertical-align: text-bottom ;
    display: inline-block;
    padding-left:5px;
    height: 52px;
}

.header .logo {
    height: 53px;
    max-width: 100px;
    padding-top: 5px;
    margin-top: -4px;
}

.header a {
    float: left;
    color: #FFFFFF;
    text-align: center;
    padding: 2px 10px 3px 0;
    text-decoration: none;
    line-height: 50px;
    font-size: 1.15em;
}

.header a i {
    line-height:43px;
    padding-bottom: 5px;
}

.header a:hover, .header a:hover .material-icons {
    color: rgba(190, 31, 57, 1) !important;
}

.header a span>i {
    margin-right: 3px;
}

.header span {
    vertical-align: bottom;
}

.header a.active {
    background-color: dodgerblue;
    color: white;
}

.header-right {
    float: right;
}

.header-right div {
    display: initial;
}

.d-none {
    display: none !important;
}
.visible{
    visibility:visible !important;
}

.hidden {
    visibility:hidden !important;
}

.as-button {
    cursor: pointer;
    vertical-align: top;
    text-align: left;
    padding: 10px;
    box-shadow: 0px 0px 5px 0px #bdb8b8;
    border-radius: 6px;
    margin: 10px 0;
    background-color: #ffffff;
}

.as-button:not(.disabled):hover {
    background-color: #efefef;
}

.as-button:not(.disabled):active, .as-button:not(.disabled):focus {
    background-color: #158eac;
    color: #FFFFFF;
}

.as-button:not(.disabled):active .panel_link:hover {
    color: #FFFFFF;
}

.as-button:not(.disabled):active *:not(.site-key), .as-button:not(.disabled):focus *:not(.site-key) {
    color: #FFFFFF;
}

.as-button.disabled h1, .as-button.disabled h2, .as-button.disabled h3 {
    color: rgba(17,17,17,0.35);
}

:not(.divCourses) > .as-button:first-child {
    margin-top: 0;
}

.as-button:last-child {
    margin-bottom: 0;
}

.info {
    font-size: 0.9em;
}

.text-info-n {
    color: #717171;
    font-size: 0.95em;
}

.italic {
    font-style:italic;
}

.f-s-normal {
    font-style: normal !important;
}

h1 .right, h2 .right, h3 .right, h4 .right{
    position: relative;
}

.material-icons:focus{
    border:none;
}

.text-small {
    font-size: 0.85em;
}

.text-right {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}

.left {
    float: left !important;
}

.d-flex {
    display: flex;
}

.d-flex.centre {
    align-items: center;
}

.centre {
  align-items: center;
}

.d-flex .material-icons {
    font-size: 1.5em;
}

.d-flex-left {
    flex: 1;
}

.d-flex-right {
    flex: 0 0 30%;
    text-align: right;
}

.d-flex-50 {
    flex: 0 0 50%;
}

.d-flex-50-right {
    flex: 0 0 50%;
    text-align: right !important;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.m-0 {
    margin: 0px !important
}

.m-5 {
    margin: 5px !important
}

.m-10 {
    margin: 10px !important
}

.m-15 {
    margin: 15px !important
}

.m-20 {
    margin: 20px !important
}

.m-t-b-auto {
    margin-top: auto;
    margin-bottom: auto;
}

.m-t-0 {
    margin-top: 0px !important
}

.m-t-5 {
    margin-top: 5px !important
}

.m-t-10 {
    margin-top: 10px !important
}

.m-t-15 {
    margin-top: 15px !important
}

.m-t-20 {
    margin-top: 20px !important
}

.m-r-0 {
    margin-right: 0px !important
}

.m-r-5 {
    margin-right: 5px !important
}

.m-r-10 {
    margin-right: 10px !important
}

.m-r-15 {
    margin-right: 15px !important
}

.m-r-20 {
    margin-right: 20px !important
}

.m-b-0 {
    margin-bottom: 0px !important
}

.m-b-5 {
    margin-bottom: 5px !important
}

.m-b-10 {
    margin-bottom: 10px !important
}

.m-b-15 {
    margin-bottom: 15px !important
}

.m-b-20 {
    margin-bottom: 20px !important
}

.m-l-0 {
    margin-left: 0px !important
}

.m-l-5 {
    margin-left: 5px !important
}

.m-l-10 {
    margin-left: 10px !important
}

.m-l-15 {
    margin-left: 15px !important
}

.m-l-20 {
    margin-left: 20px !important
}

.m-l-80 {
    margin-left: 80px !important;
}

.p-0 {
    padding: 0px !important
}

.p-5 {
    padding: 5px !important
}

.p-10 {
    padding: 10px !important
}

.p-15 {
    padding: 15px !important
}

.p-20 {
    padding: 20px !important
}

.p-t-0 {
    padding-top: 0px !important
}

.p-t-5 {
    padding-top: 5px !important
}

.p-t-10 {
    padding-top: 10px !important
}

.p-t-15 {
    padding-top: 15px !important
}

.p-t-20 {
    padding-top: 20px !important
}

.p-r-0 {
    padding-right: 0px !important
}

.p-r-5 {
    padding-right: 5px !important
}

.p-r-10 {
    padding-right: 10px !important
}

.p-r-15 {
    padding-right: 15px !important
}

.p-r-20 {
    padding-right: 20px !important
}

.p-b-0 {
    padding-bottom: 0px !important
}

.p-b-5 {
    padding-bottom: 5px !important
}

.p-b-10 {
    padding-bottom: 10px !important
}

.p-b-15 {
    padding-bottom: 15px !important
}

.p-b-20 {
    padding-bottom: 20px !important
}

.p-l-0 {
    padding-left: 0px !important
}

.p-l-5 {
    padding-left: 5px !important
}

.p-l-10 {
    padding-left: 10px !important
}

.p-l-15 {
    padding-left: 15px !important
}

.p-l-20 {
    padding-left: 20px !important
}
.image-list {
    display: inline-block;
}

.image-list .small {
    max-width: 24px
}

.image-list .small.sm-only, .image-list .material-icons.sm-only {
    display: none;
}

#content_text {
    padding-bottom: 60px !important;
}

.collection_info_button {
    padding: 0 7.5px;
    margin-top: 0px !important;
    white-space: normal;
}

.sticky_footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 1);
    padding: 10px 20px;
    box-shadow: 0px 0 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    margin-left: -20px;
}

.remove.button, .add.button {
    min-width: 50px;
    font-size: 1.5em;
    padding: 0;
    width: 50px !important;
}

tr.expand {
    display: inherit;
}
.expand {
    display: block;
}

.collapse {
    display: none;
}

.info_text {
    color: rgba(0, 0, 0, 0.7);
}

select[disabled] {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: none;
}

.input-box input[type=radio], .input-box input[type=radio] + label,
.input-box input[type=checkbox], .input-box input[type=checkbox] + label {
    padding: 0.9rem 0.9rem 0.9rem 2.8rem;
    display: block;
}

.input-box select + label {
    padding: 0 0 0 5px;
}

.input-box select {
    margin-left: 5px;
}

*, *:before, *:after {
    box-sizing: inherit;
}

.input-box {
    width: 100%;
    border-radius: 3px;
    text-align: left;
}

.input-box input[type=radio], .input-box input[type=checkbox] {
    display: none;
}

.input-box .active-label, .input-box :not(select) + label:focus, .input-box :not(select) + label:hover {
    background-color: #7b7b7b !important;
    color: white;
}

.input-box .active-label > *, .input-box :not(select) + label:focus > *, .input-box :not(select) + label:hover > * {
    color: white !important;
}

.input-box .active-label:before, .input-box label:focus::before, .input-box label:hover::before {
    border-color: #943c51;
}

.input-box input[type=radio] + label, .input-box input[type=checkbox] + label {
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    display: block;
    padding: 0.9rem 0.9rem 0.9rem 2.8rem;
    position: relative;
    border: 1px solid #cecece;
    background: white;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.15s ease;
    border-radius: 6px;
}

select + label{
    display: initial;
}

.input-box label:first-of-type {
    border: 0;
}

.input-box input[type=radio] + label:before, .input-box input[type=checkbox] + label:before {
    content: "";
    position: absolute;
    left: 0.9rem;
    top: 0.9rem;
    width: 16px;
    height: 16px;
    border: 0.2rem solid #ccc;
}

.input-box input[type=radio] + label:before {
    border-radius: 50%;
}

.input-box input:checked + label:before {
    border-color: white;
    border: none;
    background: #943c51;
}

.input-box input:checked + label {
    background-color: #EFEFEF
}

.input-box input:disabled + label {
    background: #efefef;
    color: rgba(0, 0, 0, .5);
    cursor: not-allowed;
}

.input-box select:disabled + label {
    color: rgba(0, 0, 0, .5);
    cursor: not-allowed;
}

.input-box input:disabled + label:hover {
    border-color: rgba(0, 0, 0, .1);
}

.input-box input:disabled + label:before {
    border-color: #cecece;
    background: #cecece;
}

.input-box label > span.right {
    float: right;
}

.input-box select + label > span {
    padding: 0.7rem 0.5rem;
}

.input-box select + label > span.moreinfo {
    padding-right: 0;
    margin-right:3px !important;
}

.slidecontainer {
    width: 100%;
    margin-top: 15px;
    display: block;
}

.splitwrapper[disabled="disabled"] > * {
    pointer-events: none;
    opacity: 0.6;
}

input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 8px;
    background: #d3d3d3;
    outline: none;
    border: 1px solid grey;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    border-radius: 4px;
    margin: 10px 0 10px 0;
}

input[type="range"]:hover {
    opacity: 1;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: black;
    cursor: pointer;
    border-radius: 50%;
}

input[type="range"]::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: black;
    cursor: pointer;
    border-radius: 50%;
}

input.code {
    width: 150px;
    font-size: 18px;
    text-align: center;
    padding: 6px;
    padding-bottom: 7px;
}

.splitpaybutton {
    padding: 5px;
    min-width: 40px;
    display: inline-block;
    font-weight: bold;
}

.splitpaynumber {
    padding: 5px;
    min-width: 65px;
    display: inline-block;
    text-align: center;    
}

.multi-payment-card {
    margin: 10px;
    padding: 15px;
    border-radius: 5px !important;
    border: 1px solid #333333 !important;
    color: #333333 !important;
    text-align: left;
    min-width: 200px;
    margin-left: 0px;
}

.multi-payment-card[checked="checked"] {
    background: rgb(148 60 81);
    color: #fff !important;
}

.multi-payment-card:hover {    
    color: #fff !important;
}

.multi-payment-card > span {
    line-height: 20px;
}

.multi-payment-card[disabled="disabled"] {
    pointer-events: none;
    opacity: 0.6;
}

.unselectable {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.quantity {
    display: inline-block;
    height: 35px;
    text-align: center;
    line-height: 31px;
    color: rgba(0, 0, 0, 1);
    vertical-align: bottom;
    margin: 0px 10px;
    font-size: 1.2em;
}

.notification-alert {
    height: 10px;
    width: 10px;
    background-color: rgb(255, 70, 70);
    display: inline-block;
    border-radius: 50%;
    float: right;
    margin-top: 6px;
}
.number-counter-group {
    margin: 7px auto;
}
.number-counter-group .value-button {
    display: inline-block;
    border: 1px solid #DDDDDD;
    margin: 0px;
    width: 40px;
    height: 32px;
    text-align: center;
    vertical-align: middle;
    padding: 5px 0;
    background: #EEEEEE;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.number-counter-group .value-button:hover {
    cursor: pointer;
}

.number-counter-group .value-button.decrease {
    margin-right: -4px;
    border-radius: 8px 0 0 8px;
}

.number-counter-group .value-button.increase {
    margin-left: -4px;
    border-radius: 0 8px 8px 0;
}

.number-counter-group input {
    text-align: center;
    border:none;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    margin: 0px;
    width: 40px;
    height: 32px;
    padding-bottom: 3px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.bg-light {
    background-color: #f4f4f4 !important;
}
.bg-none {
    background-color: none !important;;
}


.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}


.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:focus, a.text-primary:hover {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus, a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus, a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus, a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus, a.text-warning:hover {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus, a.text-danger:hover {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus, a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus, a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0,0,0,.5) !important
}

.text-white-50 {
    color: rgba(255,255,255,.5) !important
}

.border-top-radius {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.card-collection {
    justify-content: space-evenly;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}

.card-container {
    width: 295px;
    background-color: #F9f9f9;
    border-radius: 5px;
    box-shadow: 2px 2px 6px 0px #807b7b;
    display: inline-block;
    margin: 7px;
}

.card-container .more-info .notice_section {
    padding: 0;
    padding-left: inherit;
}

.payment-card {
    padding: 15px;
    border-radius: inherit;
    border-bottom: 1px solid #c5c5c5;
}

.payment-card + .more-info {
    padding: 10px;
    border-radius: inherit;
}

.payment-card .card-chip {
    background: url("../images/ChipCard_40.png") no-repeat left;
    height: 40px;
    width: 40px;
    display: block;
}

.payment-card .card-number {
    font-family: monospace, sans-serif;
    font-size: 24px;
    margin: 7px 0 10px;
    text-align: center;
}
.payment-card .card-icon {
    width: 55px;
}
.multi-payment-card .card-icon {
    width: 50px;
    vertical-align: bottom;
}

.payment-card .name {
    margin-top: 10px;
}

.key {
    font-size: 1.5em;
    line-height: 15px;
    padding-right: 2.5px;
}

.sites-key {
    font-size: 1.6em !important;
    vertical-align: bottom;
}

.sites-key {
    font-size: 1.6em !important;
    vertical-align: bottom;
    float: right;
}

.key-text {
    display: inline;
}

.green {
    color: green;
}

.red {
    color: red;
}

.clickcollect_sitedetail {
    
}

.d-block {
    display: block !important;
}

.d-inline {
    display: inline-block !important;
}

.history {
    background-color: white;
}

.history:nth-child(odd) {
    background-color: #F7F7F7;
}

.group-collection {
    color: #151414;
}

.group-collection .group-inline {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    margin-top: 10px;
    height: 100px;
}

.group-collection .group-inline .section {
    padding: 3px;
    width: 72px;
    background-color: #e8e9ee;
    text-align: center;
    align-self: auto;
    position: relative;
    border-radius: 15px;
    border: 2px solid #FFFFFF;
    overflow: hidden;
}

.group-collection .group-inline .section.none {
    border: 2px solid #e8e9ee;
}

.group-collection .group-inline .none {
    background-color: #FFFFFF;
}

.group-collection .group-inline .low {
    background-color: #99cc00;
}

.group-collection .group-inline .medium {
    background-color: #ffcc00;
}

.group-collection .group-inline .high {
    background-color: #B60300; /*#e21b1b;*/
}

.group-collection .group-inline .section.high :not(.percentage) {
    color: #FFFFFF;
}

.group-collection .group-inline .section .title {
    margin-top: 5px;
}

.group-collection .group-inline .section .section-val {
    font-size: 1.2em;
}

.group-collection .group-inline .section .section-val.small {
    font-size: 0.9em;
}

.group-collection .group-inline .section > * {
    text-align: center;
}

.group-collection .group-inline .section:not(:first-child) {
    margin-left: -2px;
}

.group-collection .group-inline .section .percentage {
    background-color: #FFFFFF;
    padding: 3px;
    border-radius: 11px;
    position: absolute;
    bottom: 3px;
    left: 3px;
    right: 3px;
}

.group-collection .group-inline .section.none .percentage {
    background-color: #e8e9ee;
}
    
.group-collection .info {
    padding: 5px;
}

.icon-nutrition {
   height: 21px;
   margin-left: 5px;
}

.vertical-align-middle {
    vertical-align: middle;
}

@media screen and (max-width: 342px) {
    .key-group > * {
        display:block;
        width: 100% !important;
    }
}

@media screen and (max-width: 500px) {
    .custom-icon-container {
        display: block;
        margin-top: 3px;
    }

    .group-collection .group-inline .section{
        width: 66px;
    }
    .group-collection .group-inline .section .section-val {
        font-size: 1em;
    }
    .group-collection .group-inline .section .title {
        font-size: 0.95em;
    }
    .header a {
        display: block;
        text-align: left;
    }

    .header a.nav-branch .company-name {
        display: none;
    }

    .image_tile_container {
        height: 100px;
        flex-wrap: unset;
    }

    .image_tile_container > .image_tile {
        height: 100%;
        width: 100%;
        border-radius: 7px;
    }

    .sm-only {
        display: block !important;
    }

    .sm-only-text-centre > *{
        text-align: center;
    }

    .material-icons.sm-only {
        padding: 0;
        padding-right: 5px;
        font-size: 1.15em;
    }

    select + label .material-icons.sm-only {
        padding: 12px 0 15px;
    }

    .sm-only-x {
        display: none !important;
    }
    
    .modal .d-flex.full {
        display: block;
    }

    .modal .d-flex.full .d-flex-left:nth-child(n+2) {
        border-top: 1px solid #aaaaaa;
        margin-top: 15px;
        padding-top: 5px;
    }

    .image-list .material-icons.sm-only {
        display: none !important;
    }

    .image-list .small:nth-child(n+6) {
        display: none;
    }
   .image-list .material-icons.has-more:nth-child(n+7) {
        display: initial !important;
    }

    .sm-50 {
        width: 49%;
    }

    body {
        user-select: none; /* supported by Chrome and Opera */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none;
    }
}

@media screen and (max-width: 1000px) {
    .sticky_footer {
        width: 100% !important;
        left: 0;
        margin-left: inherit;
    }
}

@media screen and (min-width: 1000px) {
    .sticky_footer {
        width: 664px !important;
    }
}

.font9em {
    font-size: 0.9em;
}

.error_message {
    width: 100%;
    background-color: #f44336;
    color: white;
    margin-bottom: 15px;
    text-align: center;
    padding: 10px 10px;
}

@media screen and (min-width: 511px) {
    .mobile_break {
        display: none;
    }
}

/* Voucher Stamp Styling */
.d-flex-stamp {
    display: flex;
    flex-wrap: wrap;
}

.stamp_container {
    position: relative;
    width: 70px;
    height: 70px;
    margin: 7.5px;
    border: 1px dashed #c9c8c8;
}

.no_stamp {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #bbbbbb;
    border-radius: 50%;
    display: inline-block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.stamp {
    width: 65px;
    height: 65px;
    border-radius: 75%;
    transform: translate(2.5%, 1.5%);
}

.claim_label {
    width: 105px;
}

.cc-cp-foot > .cc-cp-foot-byline {
    visibility: hidden !important;
}

#open_cookie_preferences {
    position: fixed;
    cursor: pointer;
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    background-color: rgb(72, 72, 74);
    border-radius: 50px;
    z-index: 2147483646;
    bottom: 10px;
    left: 10px;
    color: #CCC;
}

.menu-item-img {
    height: 65px;
}

.cursor-pointer { cursor: pointer; }