:root {
    --main-color: #363698;
    --itemstable-margin-top: 80px;
    --subcats-padding-top: 50px;
    --allcats-padding-top: 10px;
}
.itemstable {
    margin-top: var(--itemstable-margin-top);
}
.subcats {
    padding-top: var(--subcats-padding-top);
    z-index: 999;
}
.allcats {
    padding-top: var(--allcats-padding-top);
    z-index: 1000;
}
#footerdiv > table td, .terms, .addremoveitems td  {
    line-height:1 !important;
}
#odetailsstatus, #odetailsaddr, #odetailstotal, #odetailsptype, #odetailssc, .settingsicon {
    line-height:1rem;
}
.itemscount{
    background: var(--main-color);
    color: white;
}
#restaurantaddtocart {
    color: var(--main-color);
}
p, h1 {
  line-height: 1.1 !important; /* fix itemnamep height, 2 times this */
}
.ordersdiv > table > tbody > tr:nth-child(2) > td {
    line-height:1.2rem;
}
.slideheader {
    line-height:55px;
}
#newaddresssearchloop, #newaddressmarker, .termslink, .mandatory, .additemicon, #settingsdivhomepage > h1, .caldatetime, .hideifmincharge, #bdtotaltxt, #itemssearchloop, #showfullprofile h1 {
    color: var(--main-color) !important;
}
.bdremainingtds {
    border-bottom-color: var(--main-color) !important;
}
#calheader, #basketprice, .homepageheader, #bartomincharge, .btn-valid, .progressperc, #homepageheadertbl {
    background-color: var(--main-color) !important;
}

.homepageheader, .btn-valid {
    color: #ffffff;
}
.dot-3, #basketeta {
    background: var(--main-color);
    color:white;
}
#splashscreen {
    background:#8ab6d1;
    height:100%;
}
.telinput {
    border-bottom: 1px solid var(--main-color);
}

#loadingdotsdiv {
    height:30px;
    position: absolute; 
    left: 50%; 
    top: 50%; 
    transform: translate(-50%, -50%);
}
.dot {
   width: 10px;
   height: 10px;
   background: var(--main-color);
   display: block;
   border-radius: 5px;
   position: relative;
}
.dot-1 {
   background: var(--main-color);
   animation: stretch 1s infinite;
}
.dot-2 {
    background: var(--main-color);
    animation: stretch 1s infinite;
    animation-delay: 0.1s;
}
.dot-3 {
    animation: stretch 1s infinite;
    animation-delay: 0.2s;
}
.dot-4 {
    background: var(--main-color);
    animation: stretch 1s infinite;
    animation-delay: 0.3s;
}
.dot-5 {
    background: var(--main-color);
    animation: stretch 1s infinite;
    animation-delay: 0.4s;
}
@keyframes stretch {
   0%   {height: 10px;}
   20%  {height: 26px;}
}
.otpinput {
    border-bottom: 1px solid var(--main-color);
}
#popupheader {
    background-color: var(--main-color);
}
.selectedaddrbtn {
    background: var(--main-color);
    color: #ffffff;
}
.addrbtn {
    border: 2px solid var(--main-color);
}
.addrbtn > table { 
    color: #676767;
}
.addrbtn > table tr:first-child > td { 
    font-weight: bold;
}
.addrbtn > table tr:first-child td:first-child { 
    color: var(--main-color);
}
.dropdownmenuparent {
    background: white;    
}
.dropdownmenu {
    color:var(--main-color);
}
.subcatselected {
    border-bottom: 2px solid var(--main-color);
    padding: 5px 15px;
}
.catselected {
    color: white;
    background: var(--main-color);
    padding: 5px 15px;
    border-radius: 15px;
}
.themeh1 {
    color: var(--main-color);
    text-align:left;
}
.grayh2 {
    color: #a9a9a9;
    text-align:left;
}

.beforeradio, .beforecheckbox {
    border: 1px solid var(--main-color);
}
.radioselected, .checkboxselected {
    background: var(--main-color);
}
.mandatorymissed {
    border-color: var(--main-color) !important;
}

.btn-secondary {
    border-width: 2px !important;
    border-color: var(--main-color) !important;
    border-style: solid;
    color: var(--main-color) !important;
    background-color: white !important;
}
.ordersdiv i {
   color: var(--main-color);
}
.ordersdiv td {
   padding-bottom:10px;
}
.ordersdiv > table > tbody > tr:first-child > td, 
.ordersdiv > table > tbody > tr:nth-child(3) > td  {
   color: #a9a9a9;
   font-weight:500;
}
.ordersdiv > table > tbody > tr:nth-child(2) > td {
   font-weight:500;
   padding-bottom:0;
}
.ordersdiv > table > tbody > tr:nth-child(4) > td  {
   color: var(--main-color);
   font-weight:700;
}
.statuscircle {
  border: 2px dashed #377a35;
}
.statuscircleselected {
  border: 2px solid #377a35 !important;
}
.beingcollected, .ontheway, .delivered {
  border-bottom: 2px dashed #377a35;
}
.statusselected {
    border-bottom: 2px solid #377a35 !important;
}
.statuscircle > i {
    color: #D2D2AC;
}
#odetailsonb {
    color: var(--main-color);
}
#odetails i {
    color: #377a35;
}
.fa-motorcycle {
    color: #D2D2AC !important;
}
#odetailsdate, #odetailstime {
    color: #a9a9a9;
    font-weight:500;    
}
#odetailsstatus {
    text-transform: uppercase;
    font-style: italic;
    color: #377a35;
    font-weight:700;
    padding-top:10px;
}
#odetailsaddr {
    color: #a9a9a9;
    font-weight:700; 
    padding-bottom:10px;
    font-style: italic;
}
#odetailstotal {
    color: var(--main-color);
    font-weight:700; 
    font-style: italic;
    padding-top:10px;
}
#odetailsptype {
  color: #a9a9a9;
  text-transform: uppercase;
}
#odetailssc {
  color: #a9a9a9;
}
.odetailscontactus {
    color: white !important; 
    background: #377a35;
    padding: 10px;
    border-radius: 50%;
    position: absolute;
}
#orderitemsheader {
    color: var(--main-color);
}
#orderitemslist > table > tbody > tr > td:nth-child(2) {
  color:#a9a9a9;
  font-weight:700;
}
#orderitemslist > table > tbody > tr > td:nth-child(n+3) {
  font-weight:700;
}
.notifsdivunread {
  background: var(--main-color);
  color:white;
}
.whitebg {
  background: #FFFFFF !important;
}
.coloredhr {
  border-top: 4px solid var(--main-color);
}
#orderratingstars > i {
  color: var(--main-color);
}
.cal__date--today {
    color: var(--main-color);
}
.cal__date--selected {
    background-color: var(--main-color) !important;
    color: #fff;
}
.linkstable td {
    padding: 5px 10px;
}
.settingsicon {
    color: var(--main-color);
    background: white;
    padding: 8px 8px 6px;
    border-radius: 50%;
    margin-right: 10px;
    margin-left: 10px;
    display: inline-block;
}
.btn-nonvalid {
    color:black !important;
}
.replacementtbl {
    margin-bottom: 10px;
}

.replacementtbl td:first-child{
    padding-right: 10px;
    color: #AAB001;
}
.replacementtbl h1{
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    color: var(--main-color);
}
.onboardingdotselected {
    background-color:var(--main-color) !important;
}