.main-button {
	height: 45px;
	border-radius: 27px;
	border-color: transparent;
}

.btn-roll-effect {
	position: relative;
	overflow: hidden;
}

.btn-roll-effect:after {
	-ms-flex-align: center;
	align-items: center;
	content: attr(data-text);
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-ms-flex-pack: center;
	justify-content: center;
	left: 0;
	position: absolute;
	top: 0;
	transform: translateY(100%);
	transition: transform .7s cubic-bezier(.19,1,.22,1);
	width: 100%;
}

.btn-roll-effect span {
	cursor: pointer;
	display: block;
	transition: transform .7s cubic-bezier(.19,1,.22,1);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.btn-roll-effect:hover:after {
	transform: translateY(0);
}

.btn-roll-effect:hover span {
	transform: translateY(-200%);
}

.btn-roll-effect-left {
	position: relative;
	overflow: hidden;
}

.btn-roll-effect-left:after {
	-ms-flex-align: left;
	align-items: center;
	content: attr(data-text);
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-ms-flex-pack: left;
	justify-content: left;
	left: 0;
	position: absolute;
	top: 0;
	transform: translateY(100%);
	transition: transform .7s cubic-bezier(.19,1,.22,1);
	width: 100%;
	padding-left: 24px;
}

.btn-roll-effect-left span {
	cursor: pointer;
	display: block;
	transition: transform .7s cubic-bezier(.19,1,.22,1);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.btn-roll-effect-left:hover:after {
	transform: translateY(0);
}

.btn-roll-effect-left:hover span {
	transform: translateY(-200%);
}

.main-button-green {
	background-color: #DBE6DC;
	font-family: 'F37Ginger-Regular';
	color: #005648;
	font-size: 18px;
	padding-right: 24px;
	padding-left: 24px;
}
.main-button-orange {
	background-color: #FF886B;
	color: #FFFAEC;
	font-size: 18px;
	padding-right: 24px;
	padding-left: 24px;
	font-family: 'F37Ginger-Regular';
}
.main-button-dark-green {
	background-color: #10B193;
	font-family: 'F37Ginger-Regular';
	color: #FCFBF9;
	font-size: 18px;
	padding-right: 24px;
	padding-left: 24px;
}
.main-button-white {
	background-color: #F9F6F1;
	border-width: 1px;
	border-color: #005648 !important;
	font-family: 'F37Ginger-Regular';
	color: #005648;
	font-size: 18px;
	padding-right: 24px;
	padding-left: 24px;
}
.main-button-orange-mobileV2 {
	background-color: #FF886B;
	color: #FFFAEC;
	font-size: 18px;
	padding-right: 20px;
	padding-left: 20px;
	font-family: 'F37Ginger-Regular';
}
.main-button-transparent {
	background-color: transparent;
	border-color: transparent;
}
.main-dropdown-orange {
	width: 100%;
	background-color: #FF886B;
	color: #FFFAEC;
	font-size: 18px;
	padding-right: 24px;
	padding-left: 24px;
	font-family: 'F37Ginger-Regular';
}
.main-button-onboarding-backwards {
	width: 100%;
	background-color: transparent;
	color: #FFFAEC;
	font-size: 20px;
	font-family: 'F37Ginger-Regular';
}
.main-button-onboarding-forwards {
	width: 100%;
	background-color: #FF886B;
	color: #FFFAEC;
	font-size: 20px;
	font-family: 'F37Ginger-Regular';
}
.main-button-onboarding-forwards-mobile{
	background-color: #FF886B;
	color: #FFFAEC;
	font-family: 'F37Ginger-Regular';
	font-size: 18px;
	min-height: 45px;
	padding-bottom: calc(0.8rem + env(safe-area-inset-bottom));
    padding-top: 0.8rem;
	border-color: transparent;
	width: 100%;
}
.main-button-onboarding-forwards-mobile-facebook{
	background-color: #FF886B;
	color: #FFFAEC;
	font-family: 'F37Ginger-Regular';
	font-size: 18px;
	min-height: 60px;
	padding-bottom: calc(0.8rem + env(safe-area-inset-bottom));
    padding-top: 0.8rem;
	border-color: transparent;
	width: 100%;
}
.main-button-disabled {
	color: #717171;
	background-color: #E2DACC;
	border-color: transparent;
}

.main-button-disabled > span {
	color: #717171 !important;
}

.main-dropdown-onboarding-navigation {
	width: 100%;
	background-color: #10B193;
	color: #FFFAEC;
	font-size: 18px;
	font-family: 'F37Ginger-Regular';
	/*padding-right: 20px;*/
	padding-right: 24px;
	padding-left: 6px;
	/*padding-left: 24px;*/
}
.main-dropdown-account-meal-weight {
	background-color: #FFFFFF;
	color: #10B193;
	font-size: 18px;
	font-family: 'F37Ginger-Regular';
	padding-right: 24px;
	padding-left: 24px;
	border-style: solid;
	border-color: #DBD2C2;
	border-width: 1px;
}
.main-dropdown-onboarding-question {
	width: 100%;
	background-color: #FFFFFF;
	color: #10B193;
	font-size: 18px;
	font-family: 'F37Ginger-Regular';
	padding-right: 24px;
	padding-left: 24px;
	border-style: solid;
	border-color: #DBD2C2;
	border-width: 1px;
}
.main-dropdown-account-delivery-state {
	width: 100%;
	background-color: #FFFFFF;
	color: #10B193;
	font-size: 18px;
	font-family: 'F37Ginger-Regular';
	padding-right: 17px;
	padding-left: 17px;
	border-style: solid;
	border-color: #DBD2C2;
	border-width: 1px;
}
.main-dropdown-account-pupper {
	width: 100%;
	background-color: #10B193;
	color: #FFFAEC;
	font-size: 18px;
	font-family: 'F37Ginger-Regular';
	padding-right: 24px;
}
.main-dropdown-list-navigation {
	max-height: 400px;
	overflow-y: scroll;
	border-radius: 27px;
	border-style: solid;
	border-color: #DBD2C2;
	border-width: 1px;
	width: 100%;
	margin-left: 0%;
}
.main-dropdown-list {
	max-height: 200px;
	overflow-y: scroll;
	border-radius: 27px;
	border-style: solid;
	border-color: #DBD2C2;
	border-width: 1px;
	width: 100%;
	margin-left: 0%;
}
.main-dropdown-item {
	font-family: 'F37Ginger-Regular';
	width: 100%;
	font-size: 18px;
	background-color: #FDFCFB;
	color: #005648;
	border-color: transparent;
	padding-right: 24px;
	padding-left: 24px;
	border-radius: 0px;
}
.main-dropdown-item-recipes {
	font-family: 'F37Ginger-Regular';
	width: 100%;
	font-size: 18px;
	background-color: #FDFCFB;
	color: #005648;
	border-color: transparent;
	padding-right: 14px;
	padding-left: 14px;
	border-radius: 0px;
}
.main-dropdown-item-override {
	/*background-color: #10B193!important;*/
	background-color: #10B193;
	/*color: #FFFAEC!important;*/
	color: #FFFAEC;
}
.main-dropdown-item:hover {
	background-color: #10B193;
	color: #FFFAEC;
}
.main-dropdown-item-recipes:hover {
	background-color: #10B193;
	color: #FFFAEC;	
}
.dropdown-item-disabled {
	color: #DBD2C2;
	/*background-color: #FDFCFB;*/
}
.dropdown-item-disabled:hover {
	color: #DBD2C2;
	background-color: #FDFCFB;
}

.main-dropdown-item-top-border {
	border-top-style: solid;
	border-top-color: #DBD2C2;
	border-top-width: 1px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
}
.main-dropdown-item-bottom-border {
	border-bottom-style: solid;
	border-bottom-color: #DBD2C2;
	border-bottom-width: 1px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}
.main-tab-button-left {
	width: 48%;
	margin: -1%;
	border-bottom-left-radius: 27pt;
	border-top-left-radius: 27pt;
	border-color: transparent;
	font-family: 'F37Ginger-Light';
	font-size: 18px;
	height: 45px;
	/*font-size: 20px;*/
	/*height: 63px;*/
}
.main-tab-button-full-width {
	width: 100%;
	border-color: transparent;
	font-family: 'F37Ginger-Light';
	font-size: 18px;
	height: 45px;
}
.main-tab-button-right {
	width: 48%;
	margin: -1%;
	border-bottom-right-radius: 27pt;
	border-top-right-radius: 27pt;
	border-color: transparent;
	font-family: 'F37Ginger-Light';
	font-size: 18px;
	height: 45px;
	/*font-size: 20px;*/
	/*height: 63px;*/
}
.main-tab3-button {
	width: 33%;
	height: 45px;
	margin: -1%;
	border-color: transparent;
	font-family: 'F37Ginger-Regular';
	font-size: 18px;
}
.main-tab3-button-mobile {
	width: 33%;
	height: 45px;
	margin: -1%;
	border-color: transparent;
	font-family: 'F37Ginger-Regular';
	font-size: 14px;
}
.main-tab3-button-mobile-v2 {
	width: 33%;
	height: 45px;
	margin: -1%;
	border-color: transparent;
	font-family: 'F37Ginger-Regular';
	font-size: 12px;
}
.main-tab3-button-left {
	border-bottom-left-radius: 27px;
	border-top-left-radius: 27px;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
}
.main-tab3-button-middle {
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
}
.main-tab3-button-right {
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 27px;
	border-top-right-radius: 27px;
}
.tab-button-selected {
	background-color: #FF886B;
	color: #FFFAEC;
}
.tab-button-unselected {
	background-color: #FFFAEC;
	color: #FF886B;	
}
.onboarding-switch-button {
	font-family: 'F37Ginger-Regular';
	font-size: 18px;
	background-color: #FFFFFF;
	width: 90px;
	height: 45px;
	border-radius: 27px;
	border-style: solid;
	border-color: #DBD2C2;
	border-width: 1px;
	padding-left: 7px;
	padding-right: 7px;
}
.bubble-button {
	height: 45px;
	border-radius: 27px;
	font-family: 'F37Ginger-Regular';
	font-size: 18px;
	padding-left: 24px;
	padding-right: 24px;
	margin-bottom: 23px;
	margin-right: 27px;
	/*margin-bottom: 20px;
	margin-right: 20px;*/
}
.bubble-button-plan-page-desktop {
	height: 45px;
	border-radius: 27px;
	font-family: 'F37Ginger-Regular';
	font-size: 18px;
	padding-left: 24px;
	padding-right: 24px;
	/*margin-bottom: 32px;*/
}
.bubble-button-plan-page-mobile {
	height: 45px;
	border-radius: 27px;
	font-family: 'F37Ginger-Regular';
	font-size: 18px;
	padding-left: 24px;
	padding-right: 24px;
	/* margin-bottom: 23px; */
	/* margin-right: 27px; */
	/*margin-bottom: 20px;
	margin-right: 20px;*/
}
.bubble-button-mobile {
	height: 45px;
	border-radius: 27px;
	font-family: 'F37Ginger-Regular';
	font-size: 18px;
	padding-left: 24px;
	padding-right: 24px;
	margin-top: 43px;
	margin-right: 9px;	
	margin-left: 9px;	
	/*margin-right: 27px;	*/
	/*margin-left: 27px;	*/
}
.bubble-button-unselected {
	background-color: transparent;
	color: #DBD2C2;	
	border-style: solid;
	border-color: #DBD2C2;
}
.bubble-button-unselected-white {
	background-color: white;
	color: #DBD2C2;
	border-style: solid;
	border-color: #DBD2C2;
}
.bubble-button-selected {
	background-color: #10B193;
	color: #FFFAEC;
	border-color: transparent;	
}
.bubble-button-selected-white {
	background-color: #10B193;
	color: white;
	border-color: transparent;
}
.bubble-button-horizontal {
	display: inline-block;
	float: none;
}
.onboarding-adjacent-postcode-button {
	width: 79px;
	background-color: #FF886B;
	color: #FFFAEC;
	border-top-right-radius: 27px;
	border-bottom-right-radius: 27px;
	border-color: transparent;
}
.onboarding-adjacent-postcode-button-disabled {
	color: #717171;
	background-color: #E2DACC;
}
/*Max-widths for buttons & dropdowns*/
.our-food-select-recipe-button {
	max-width: 290px;
}
.onboarding-forward-button {
	max-width: 267px;
}
.onboarding-navigation-button {
	max-width: 312px;
}
@media (min-width: 375px){
	.main-dropdown-account-delivery-state {
		width: 100%;
		background-color: #FFFFFF;
		color: #10B193;
		font-size: 18px;
		font-family: 'F37Ginger-Regular';
		padding-right: 24px;
		padding-left: 24px;
		border-style: solid;
		border-color: #DBD2C2;
		border-width: 1px;
	}

    .main-button-orange.supps-button {
        padding-left: 16px;
        padding-right: 16px;
    }
}
@media (min-width: 425px){
	
}
/*Tablet*/
@media (min-width: 768px){
    .main-button-orange.supps-button {
        padding-left: 24px;
        padding-right: 24px;
    }
}
/*Laptop*/
@media (min-width: 1024px){

}
@media (min-width: 1440px){
	
}