html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

/* 100% excluding header and menu bar */
.full-height-container {
    min-height: calc(100vh - 200px);
}

.menubar-area .toolbar-inner .nav-link, .menubar-area .toolbar-inner .menu-toggler {
    font-size: 1em;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.fs-48 {
    font-size:2em;
}

.fs-1em {
    font-size: 1em;
}

.fs-4em {
    font-size: 4em;
}

.notification-container {
    position: relative;
    margin-right: 5px; /* Adjust margin as needed for spacing between the notification bubble and the shopping cart icon */
}

.notification-bubble {
    background-color: red;
    color: white;
    border-radius: 50%;
    padding: 3px 10px;
    font-size: 14px;
    position: absolute;
    top: -12px;
    left: 4em;
    display:none;
}

.active {
    color:red;
}

.img-logo{
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.bottom-content{
    padding-bottom:20px;
}

.error-page{
    padding-left:1em;
    padding-right:1em;
}

.item-price{
    padding:0.5em;
    padding-left:1.5em;
    padding-right:1.5em;
}

.max-height-140{
    max-height:140px;
}

.max-width-140 {
    max-width: 140px;
}

.max-height-50 {
    max-height: 50px;
}

.max-width-50 {
    max-width: 50px;
}

.max-height-30 {
    max-height:30px;
}

.max-height-100 {
    max-height: 100px;
}

.max-width-100 {
    max-width: 100px;
}
.max-height-25 {
    max-height: 25px;
}

.btn-outline-primary {
    border: 1px solid;
}

.border-bottom-4 {
    padding-bottom:10px;
    border-bottom:2px solid grey;
}

.border-bottom-1 {
    padding-bottom: 10px;
    border-bottom: 1px solid #b7b7b7;
}

.bottom-banner {
    background: #03b8a617;
    border: 1px solid #03B8A6;
    left: 0;
    bottom: 10vh;
    color: black;
    padding: 15px;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
}

.fs-075{
    font-size:0.75em;
}

.donut-chart-container {
    position: relative;
    display: inline-block;
}

.donut-chart-percentage {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px; /* Adjust font size as needed */
}

.btn-custom-grey {
    background: #a0a0a0a8;
    color: white;
}

/* Breaks dark mode in theme? */

/*
.container {
    background: white;
}
.page-content {
    background:white;
}
    */

.select2-container .select2-selection {
    border-radius: 1rem;
    border: 1px solid #ddd;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 1.3em;
}


.select2-results__options {
    font-size: 1.3em;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 350px !important;
}

.form-switch .form-check-input {
    width: 3.7375rem;
    height: 2.44375rem;
    margin-right: 11px;
}

.brandallies-bg {
    position: fixed;
    bottom: -65%;
    left: -108%;
    width: 200%;
    height: 200%;
    background: url('/img/brandallies-square-white.svg') center center no-repeat;
    background-size: contain;
    opacity: 0.1;
    z-index: -1;
    background-size: 100%;
}

.banner-footer {
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 999;
    position: fixed;    
}

.btn-rounded {
    border-radius: 2.75rem !important;
}


/*
.border-tesco {
    border-bottom: 3px solid #00539F!important;
}

.border-majestic {
    border-bottom: 3px solid #8D9837 !important;
}

.border-tiktok {
    border-bottom: 3px solid #FF3B5C !important;
}

.border-tesco_ireland {
    border-bottom: 3px solid #00539F !important;
}

.border-morrisons {
    border-bottom: 3px solid #FFC20E!important;
}

.border-asda {
    border-bottom: 3px solid #68A51C!important;
}

.border-sainsbury {
    border-bottom: 3px solid #ec8a00!important;
}

.border-waitrose {
    border-bottom: 3px solid #7bb135!important;
}

.border-ocado {
    border-bottom: 3px solid #4d216d!important;
}

.border-iceland {
    border-bottom: 3px solid #CC092F !important;
}

.border-boots {
    border-bottom: 3px solid #1E1C59 !important;
}

.border-amazon {
    border-bottom: 3px solid #FF9900 !important;
}

.border-holland_and_barrett {
    border-bottom: 3px solid #00574A !important;
}

.border-master_of_malt {
    border-bottom: 3px solid #16323c !important;
}

.border-brand_allies {
    border-bottom: 3px solid #523B95 !important;
}

.border-trustpilot {
    border-bottom: 3px solid #00B67A !important;
}


.bg-tesco {
    background:#00539F;
}

.bg-majestic {
    background: #8D9837;
}

.bg-tiktok {
    background: #FF3B5C;
    color: #ffffff;
}

.bg-tesco_ireland {
    background: #00539F;
}

.bg-morrisons {
    background:#FFC20E;
}

.bg-asda {
    background:#68A51C;
}

.bg-sainsbury {
    background:#ec8a00;
}

.bg-waitrose {
    background:#7bb135;
}

.bg-ocado {
    background:#4d216d;
}

.bg-iceland {
    background: #CC092F;
}

.bg-boots {
    background: #1E1C59;
}

.bg-amazon {
    background: #FF9900;
}

.bg-holland_and_barrett {
    background: #00574A;
}

.bg-master_of_malt {
    border-bottom: 3px solid #16323c !important;
}

.bg-brand_allies {
    background: #523B95;
}

.bg-trustpilot {
    background: #00B67A;
}
    */
.menubar-area {
    background: #573899;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.menubar-area .toolbar-inner .nav-link{
    color:white;
}

.btn-lemon {
    background: #f2c45f80;
    border: 1px solid #F2C463;
}
.inv-turq {
    background: #03b8a687;
    border: 1px solid #03B8A6;
}

.input-group .search-icon {
    position: absolute;
    right: 10px;
    cursor: pointer;
    top:5px;
}

.search-icon i {
    font-size: 16px;
    color: #aaa;
}


/*
.filterselected.btn-tesco {
    border: 1px solid #00539F;
    background: #00539f7a;
}

.filterselected.btn-majestic {
    border: 1px solid #00539F;
    background: #8D9837;
}

.filterselected.btn-tiktok {
    border: 1px solid #000000;
    background: #FF3B5C;
    color: #ffffff;
}


.filterselected.btn-tesco_ireland {
    border: 1px solid #00539F;
    background: #00539f7a;
}

.filterselected.btn-morrisons {
    border: 1px solid #FFC20E;
    background: #ffc20e40;
}

.filterselected.btn-asda {
    border: 1px solid #68A51C;
    background: #68a51c82;
}

.filterselected.btn-sainsbury {
    border: 1px solid #ec8a00;
    background: #ec8a006b;
}

.filterselected.btn-waitrose {
    border: 1px solid #7bb135;
    background: #7bb1356e;
}

.filterselected.btn-holland_and_barrett {
    border: 1px solid #00574A;
    background: #00574A6e;
    color: white;
}

.filterselected.btn-master_of_malt {
    border: 1px solid #16323c;
    background: #16323c;
    color: white;
}

.filterselected.btn-boots {
    border: 1px solid #1E1C59;
    background: #1E1C5933;
}

.filterselected.btn-amazon {
    border: 1px solid #7bb135;
    background: #FF99006e;
}

.filterselected.btn-ocado {
    border: 1px solid #4d216d;
    background: #4d216d66;
}

.filterselected.btn-iceland {
    border: 1px solid #CC092F;
    background: #CC092F33;
}
    */


.rounded-more {
    border-radius: 2.75rem !important;
}

.toast-container {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1050;
}

.selfieupload {
    background-color: #b7b7b7;
    width: 100%;
    min-height: 250px;
}

.text-right {
    text-align: right;
}

.text-lemon {
    color: #F2C463;
}

.text-mango {
    color: #F57D03;
}

.border-lightgrey {
    border-color:#a2a2a9;
}

.bg-grey {
    background-color: #909797;
    border-color: #909797;
    color:black;
}

.chat-bar {
    position: fixed;
    bottom: 60px;
    height: 100px;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 15px;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 998;
    box-shadow: 0 12px 26px 0 rgba(0, 0, 0, 0.3);
}

.cursor-pointer {
    cursor: pointer;
}

.filterbox {
    overflow: hidden
}