.page {
    background-color: #E9E9E9;
    margin: 0 0 0 0;
    font-family: 'Open Sans', sans-serif;
}

.headerimage-container {
    margin: 0 0 0 0;
    max-height: auto;
}

.container-transparent {
    background-color: white;
    opacity: 0.8;
    height: 60px;
    margin-top: -60px;
}

.container-content {
    align-content: center;
    width: 30%;
}

.topmenu-container {
    width: 205px;
    margin-top: 12px;
}

.topmenu-padding1 {
    padding-right: 5px;
}

.topmenu-padding2 {
    padding-right: 5px;
    padding-right: 10px;
    padding-top: 5px;
}

.spacer1 {
    height: 1px;
}

.spacer2 {
    height: 2px;
}

.spacer5 {
    height: 5px;
}

.spacer10 {
    height: 10px;
}

.spacer20 {
    height: 20px;
}

.spacer30 {
    height: 30px;
}

.spacer50 {
    height: 50px;
}

.font-white {
    color: white !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

.font-white-bold {
    color: white;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

a.greylink:link {
    color: #666666;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

a.greylink:active {
    color: #666666;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

a.greylink:visited {
    color: #666666;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

a.greylink:hover {
    color: #409E33;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

a.whitelink:link {
    color: white;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
}

a.whitelink:active {
    color: white;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
}

a.whitelink:visited {
    color: white;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
}

a.whitelink:hover {
    color: #0000BF;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
}

a.greenlink:link {
    color: #409E33;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
}

a.greenlink:active {
    color: #409E33;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
}

a.greenlink:visited {
    color: #409E33;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
}

a.greenlink:hover {
    color: #0000BF;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
}

a.greenlink2:link {
    color: #409E33;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
}

a.greenlink2:active {
    color: #409E33;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
}

a.greenlink2:visited {
    color: #409E33;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
}

a.greenlink2:hover {
    color: #0000BF;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
}

a.bluelink:link {
    color: #0000BF;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
}

a.bluelink:active {
    color: #0000BF;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
}

a.bluelink:visited {
    color: #0000BF;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
}

a.bluelink:hover {
    color: #409E33;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
}

a.bluelink2:link {
    color: #0000BF;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

a.bluelink2:active {
    color: #0000BF;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

a.bluelink2:visited {
    color: #0000BF;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

a.bluelink2:hover {
    color: #409E33;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

a.redlink:link {
    color: red;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
}

a.redlink:active {
    color: red;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
}

a.redlink:visited {
    color: red;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
}

a.redlink:hover {
    color: red;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
}

.font-grey {
    color: #666666;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

.font-grey2 {
    color: #666666;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

.font-grey3 {
    color: #666666;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
}
.font-grey-bold {
    color: #666666;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

.font-green {
    color: #409E33;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
}

.font-green2 {
    color: #409E33;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

.font-green3 {
    color: #409E33;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
}

.font-green4 {
}

.font-green5 {
    color: #409E33;
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;
}

.font-green6 {
    color: #409E33;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

.font-red {
    color: red;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}

.font-red2 {
    color: red;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
}

.font-red3 {
    color: red;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

.font-blue {
    color: #0000BF;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
}

.font-blue2 {
    color: #0000BF;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

.font-blue3 {
    color: #0000BF;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

.font-blue4 {
    color: #0000BF;
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;
}

.font-blue5 {
    /*color: #0000BF;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;*/
}

.font-blue6 {
    /*color: #0000BF;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;*/
}

.font-white-header {
    color: white;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
}

.divpadding-common {
    margin-right: 10px;
    padding-top: 15px;
}

.divpadding2-common {
    padding: 10px;
}

.divpadding3-common {
    padding-top: 1px;
}

.divpadding4-common {
    padding-right: 10px;
}

.divpadding6-common {
    margin-top: -7px;
}

.divpadding7-common {
    padding: 5px;
}

.divpadding8-common {
    padding-top: 10px;
}

.divpadding10-common {
    margin-top: -3px;
    width: 50px;
    padding: 3px;
}

.divpadding10-common2 {
    width: 50px;
    padding: 3px;
}

.divpadding14-common {
    padding-top: 2px;
}

.divpadding15-common {
    padding-top: 45%;
}

.divpadding16-common {
    padding-left: 8%;
}

.divpadding17-common {
    padding-left: 5px;
    padding-top: 2px;
}

.divpadding-mainmenu {
    margin-top: -10px;
    padding-right: 10px;
}

.divpadding-leftmenu1 {
    margin-top: -5px;
    padding-right: 10px;
    padding-left: 10px;
}

.divpadding-leftmenu2 {
    margin-top: -3px;
}

.divpadding-leftmenu3 {
    margin-top: -5px;
    padding-right: 10px;
}

.divpadding-leftmenu4 {
    margin-top: -3px;
}

.divpadding-breadcrumbs1 {
    padding-top: 12px;
    padding-right: 10px;
    padding-left: 17px;
}

.divpadding-breadcrumbs2 {
    padding-top: 15px;
}

.quantity-align {
    width: 100px;
}

.quantity-align2 {
    width: 140px;
}

.font-footer {
    color: #575757;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

.footer {
    background-color: white;
    height: 100px;
    margin: 0 0 0 0;
    width: 100%;
}

.footer-no-background {
    height: 75px;
    margin: 0 0 0 0;
    width: 100%;
}

.bg-grey {
    background-color: #CCCCCC;
}

.RadButton.RadButton_Default.rbLinkButton.button-green {
    background-image: none !important;
}

.button-green {
    width: 90%;
    height: 20px;
    border-radius: 10px;
    background-color: #419E33;
    /*box-shadow:   0px 2px 5px 1px #575757;*/
}

.button-green2 {
    background-color: #419E33 !important;
    border: 2px solid #419E33 !important;
    border-color: #419E33 !important;
    font-weight: 700 !important;
    padding: 5px;
    border-radius: 5px;
    color: white !important;
}

.button-green-small {
    width: 40%;
    border-radius: 5px;
    background-color: #419E33 !important;
    /*box-shadow:   0px 2px 2px 0px #575757;*/
}

.radbutton-green-small {
    width: 40% !important;
    min-width:10px !important; 
    font-weight: 700 !important;
    color: white !important;
    border-radius: 5px;
    background-color: #419E33 !important;
    padding: 5px !important;
    height:22px;
    margin-top:-3px;
    font-size:14px !important;
}
.radbutton-green-login {
    width:80%;
    font-weight: 700;
    color: white !important;
    border-radius: 5px!important;
    background-color: #419E33 !important;
    padding: 5px !important;
    font-size:14px !important;
}
.radbutton-green {
    min-width: 10px !important;
    font-weight: 700 !important;
    color: white !important;
    border-radius: 5px;
    background-color: #419E33 !important;
    margin-top: -3px;
    font-size: 14px !important;
}
.button-red-small {
    width: 40%;
    border-radius: 5px;
    background-color: red;
    /*box-shadow:   0px 2px 2px 0px #575757;*/
}

.button-white-small {
    width: 40%;
    border-radius: 5px;
    background-color: white;
    /*box-shadow:   0px 2px 2px 0px #575757;*/
    border: 1px solid #419E33;
}

.button-white-small2 {
    width: 25%;
    border-radius: 5px;
    background-color: white;
    /*box-shadow:   0px 2px 2px 0px #575757;*/
    border: 1px solid #419E33;
}

.button-red {
    background-color: red !important;
    border: 2px solid red !important;
    border-color: red !important;
    font-weight: 700 !important;
    padding: 5px;
    border-radius: 5px;
    color: white !important;
}

.button-blue-small {
    width: 40%;
    border-radius: 5px;
    background-color: #0000BF;
    box-shadow: 0px 2px 2px 0px #575757;
}

.container-padding {
    padding-top: 25%;
}

.container-padding2 {
    padding-top: 10%;
}

.container-padding-left {
    padding-top: 20px;
    width: 95%;
}

.container-padding-right {
    padding-top: 20px;
    width: 95%;
}

/*
.logo-outlet {
	float: left;
}
*/

.align-left {
    float: left;
}

.align-right {
    float: right;
}

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

.shadowline {
    background-color: #388A2D;
    height: 1px;
    box-shadow: 1px 1px 3px 0.5px #45A837;
}

/* white with synbiotix grey shadow */
.tab-unselected2 {
    background-color: white;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    border: 1px solid white;
    /*box-shadow:   1px 1px 1px 1px grey;*/
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 5px 5px 0 0;
}

/* synbiotix blue gradient */
.tab-selected2 {
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    /*border: 1px solid #53B744;*/
    border-collapse: collapse;
    /*box-shadow:  1px 1px 1px 1px grey;*/
    background-image: linear-gradient(blue,#0000BF);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.basket-items {
    color: white;
    font-size: 10px;
}

/* CSS Button */
.button-basket-checkout {
    border: 1px solid white;
    color: white;
    background-color: #419E33;
    font-weight: 500;
    font-size: 15px;
    height: 32px;
    min-width: 180px;
    padding-left: 45px;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*box-shadow:   0px 2px 2px 0px #575757;*/
}

.icon-basket-checkout {
    background-image: url("Images/icon-shoppingbasket-checkout.png");
    background-position: center left;
    background-repeat: no-repeat;
    height: 32px;
}
/* CSS Button */


.button-green-small2 {
    width: 40%;
    border-radius: 5px;
    background-color: #419E33;
    border-width: 0px;
    /*box-shadow:   0px 2px 2px 0px #575757;*/
}

.button-green-small3 {
    border-width: 0px !important;
    justify-content: center;
    align-items: center;
    background-color: #419E33 !important;
    border-radius: 5px;
    font-weight: 700;
}

.button-red-small2 {
    width: 40%;
    border-radius: 5px;
    background-color: red;
    border-width: 0px;
    /*box-shadow:   0px 2px 2px 0px #575757;*/
}

.button-red-small3 {
    border-width: 0px !important;
    justify-content: center;
    align-items: center;
    background-color: red !important;
    font-weight: 700;
    border-radius: 5px;
}

.button-pay {
    background-color: #419E33 !important;
    border: 2px solid #419E33 !important;
    border-color: #419E33 !important;
    font-weight: 700  !important;;
    padding: 5px;
    border-radius: 5px;
    color: white !important;
    width: 110px;
    font-size:15px !important;
}

.checkout-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.RadBootstrap-green {
    background-color: green !important;
    border: 2px solid green !important;
    border-color: green !important;
    font-weight: 700;
    border-radius: 5px;
    color: white !important;
    font-size: 14px;
    padding: 5px !important;
}

.RadBootstrap-red {
    background-color: red !important;
    border: 2px solid red !important;
    border-color: red !important;
    font-weight: 700;
    border-radius: 5px;
    color: white !important;
    font-size: 14px;
    padding: 5px !important;
}
.allergens-table-container {
      border-radius: 10px;
}
/* Buttons */
/* excel */
.icon-excel-white {
    background-image: url('Images/excel-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}
.button-white {
    border: 1px solid #C4C4C4;
    color: #333333;
    background-color: white;
    font-weight: 700;
    font-size: 15px;
    height: 38px;
    min-width: 100px;
    padding-left: 5px;
    padding-right: 45px;
    cursor: pointer;
}

.button-white-small3 {
    border: 1px solid #C4C4C4;
    color: #333333;
    background-color: white;
    font-weight: 700;
    font-size: 14px;
    height: 28px;
    min-width: 100px;
    padding-right: 45px;
    cursor: pointer;
}

/* pdf */
.icon-pdf-white {
    background-image: url('Images/pdf-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}