@media (min-width: 600px){
	.mobileonly{
		display:none !important;
	}
}
@media (max-width: 599px) {
	.nomobile {
		display: none !important;
	}
	.alert {
		margin: 0;
	}
	#app-header {
		position: relative;
		width: 100%;
		position: sticky;
		top: -71px;
		transition: 0.3s ease-in-out all;
	}
    #app-header.reduced {
		transform: scale(1);
		width: 100%;
	}
	#app-header.visible{
		top:0px;
	}
	
	.header-logo-link {
		position: relative;
		height: 100%;
		width: 60px;
		left: 0px;
		top: 0px;
		display: inline-block;
	}
	.header {
		height: 72px;
		width: 100%;
		background: linear-gradient(to bottom, rgba(107,19,107,1) 1%,rgba(88,19,94,1) 53%,rgba(73,15,65,1) 100%);
		display: flex;
		align-items: center;
		border-bottom: 1px solid rgba(0, 0, 0, 0.5);
	}
	.header-menu-toggle {
		width: 44px;
		height: 100%;
		display: flex;
		outline: none;
	}
	.header-menu-toggle md-icon {
		color: white;
	}
	.header-cart {
		width: 44px;
		height: 100%;
		display: flex;
		text-decoration: none;
		/* border-left: 1px solid rgba(0, 0, 0, 0.3); */
		position: relative;
		align-items: center;
		justify-content: center;
	}
	
	.header-cart md-icon {
		color: white;
	}
	.header-search-button {
		width: 44px;
		height: 100%;
		display: flex;
		text-decoration: none;
		/* border-left: 1px solid rgba(0, 0, 0, 0.3); */
		/* background: linear-gradient(to bottom, rgba(107,19,107,1) 1%,rgba(88,19,94,1) 53%,rgba(73,15,65,1) 100%); */
		flex: none;
	}
	.header-search-button md-icon {
		color: white;
	}
	
	.header-account {
		height: 100%;
		margin: 0px 10px;
		display: flex;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.header-account-link {
		color: white;
		font-size: 12px;
		text-decoration: none;
		display: flex;
		align-items: center;
	}	
	.header-login-link {
		color: white;
		font-size: 12px;
		text-decoration: none;
	}	
	.header-logo {
		height: 100%;
		width: 60px;
		flex: 1;
	}
	.header-logo img {
		height: 100%;
		width: auto;
	}
	
	.nav-bar {
		white-space: nowrap;
		width: 100%;
		overflow: scroll;
		background: #4a0f43;
		height: 44px;
	}
	.nav-bar-link {
		color: white;
		padding: 10px;
		font-size: 12px;
		text-decoration: none;
		height: 100%;
		display: inline-block;
		box-sizing: border-box;
		display: inline-flex;
		align-items: center;
	}
	
	.searcher {
		display: flex;
		height: 44px;
		max-height: 0px;
		overflow: hidden;
		transition: 0.2s ease-in-out all;
	}
	.searcher.active {
		max-height: 44px;
	}
	.searcher input {
		width: 100%;
		background: #f3f3f3;
		border: 0px;
		border-right: 1px solid #ccc;
		padding: 0px 10px;
	}
	.searcher-search-button {
		background: purple;
		color: white;
		white-space: nowrap;
		padding: 10px;
		box-sizing: border-box;
		display: flex;
		align-items: center;
	}
	
	.searcher-action-button {
		width: 44px;
		height: 44px;
		display: flex;
		align-items: center;
		flex: none;
		color: white;
		background: linear-gradient(to bottom, rgba(107,19,107,1) 1%,rgba(88,19,94,1) 53%,rgba(73,15,65,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b136b', endColorstr='#490f41',GradientType=0 );
	}

	.searcher-action-button md-icon {
		color: white;
	}
	

	.product-card {
		width: 100%;
		margin: 0;
		box-shadow: none;
		margin-bottom: 20px;
	}
	.product-item {
		min-width: 100%;
	}
	.product-card-features {
		height: auto;
		padding-top: 100px;
	}
	.product-card-feature-1 {
		font-size: 18px;
	}
	.product-card-feature-2 {
		font-size: 16px;
	}
	.product-card-feature-3 {
		font-size: 14px;
	}
	.product-card-picture {
		width: 30%;
		flex: none;
		margin-right: 20px;
		height: auto;
	}
	.product-card-main {
		height: auto;
	}
	.product-card-headline {
		margin-top: 10px;
		height: auto;
		box-sizing: border-box;
		padding: 0px 20px;
	}
	.product-card-name {
		font-size: 20px;
	}
	.product-card-price {
		font-size: 24px;
	}
	.product-card-price-currency {
		font-size: 24px;
	}
	.product-card-vat {
		font-size: 14px;
	}
	.product-card-award {
		line-height: 24px;
	}
	.product-card-status {
		position: absolute;
		left: calc(30% + 20px);
		width: calc(70% - 50px);
		height: 88px;
		display: flex;
		overflow: hidden;
		flex-wrap: wrap;
		/* align-items: center; */
	}
	.product-card-status-line {
		width: auto;
		position: relative;
		top: initial;
		left: initial;
		margin: 4px;
		font-size: 14px;
		height: 20px;
	}
	.product-card-dashboard {
		max-height: 60px;
	}
	.product-card-toolbar {
		height: 60px;
	}
	.product-card-share {
		transform: translate(0px, 60px);
	}
	.product-card-unit-description {
		font-size: 14px;
		font-weight: 500;
	}
	.product-card-units-selector input {
		height: 32px;
		font-size: 24px;
		padding: 2px 10px;
	}
	.product-card-buy-option {
		font-size: 16px;
	}
	.product-card-buy-option input {
		margin: 0;
		margin-right: 4px;
		width: 18px;
		height: 18px;
		flex: none;
	}
	.product-card-buy {
		padding: 0px 20px;
	}
	.product-card-stock {
		font-size: 16px;
		flex: 1;
		text-align: right;
		margin-right: 10px;
	}
	.product-card-share {
		transform: translate(0px, 60px);
		position: absolute;
		width: 75%;
		height: 60px;
		top: 0px;
		display: flex;
		background: #fafafa;
		transition: 0.3s ease-in-out all;
		left: 0px;
		border-top: 1px solid #ccc;
		padding: 14px 8px 8px 8px;
		box-sizing: border-box;
		z-index: 1;
	}

	.cart-problems {
		float: left;
		width: 100%;
		padding: 10px;
		color: #da414d;
		font-size: 14px;
		font-weight: bold;
		box-sizing: border-box;
	}
	
	.nav-menu {
		position: fixed;
		top: 0px;
		z-index: 10;
		left: 0px;
		right: 0px;
		width: 100%;
		flex-direction: column;
		height: 100%;
		transform: translate(-44px, 0px);
		opacity: 0;
		transition: 0.3s ease-in-out all;
		pointer-events: none;
		overflow: auto;
	}
	.nav-menu.active {
		transform: translate(0px, 0px);
		opacity: 1;
		pointer-events: all;
	}
	
	.nav-menu-close-button {
		width: 44px;
		height: 72px;
		background: #4d1048;
		display: flex;
		border-right: 1px solid rgba(255, 255, 255, 0.15);
	}
	.nav-menu-close-button md-icon {
		color: white;
	}
	.nav-menu-toolbar {
		height: 72px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.15);
		background: rgba(0, 0, 0, 0.3);
	}
	
	.nav-menu-header {
		display: flex;
		background: #4d1048;
		align-items: center;
		justify-content: space-between;
		height: 44px;
		box-sizing: border-box;
		padding: 0px 10px;
	}
	.nav-menu-header-button {
		display: flex;
		align-items: center;
		text-decoration: none;
		/* padding: 10px; */
	}
	md-icon.nav-menu-header-button-icon {
		color: white;
		margin-right: 8px;
	}
	.nav-menu-header-button-text {
		color: white;
		text-transform: uppercase;
		font-weight: 300;
	}
	
	
	.nav-menu-body {
		flex: 1;
		width: 100%;
		background: rgba(121, 121, 121, 0.8);
		overflow: auto;
		display: flex;
		flex-direction: column;
	}
	.nav-menu-0 {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.nav-menu-item-0 {
	}
	.nav-menu-item-0-title {
		width: 100%;
		display: flex;
		align-items: center;
		background: rgba(107,19,107,1);
		text-decoration: none;
		color: white;
		background: linear-gradient(to bottom, rgba(107,19,107,1) 1%,rgba(88,19,94,1) 53%,rgba(73,15,65,1) 100%);
	}
	.nav-menu-item-0-text {
		flex: 1;
		color: white;
		padding: 0px 12px;
		height: 44px;
		display: flex;
		align-items: center;
		text-transform: uppercase;
		font-weight: 300;
	}
	.nav-menu-item-0-dropdown {
		width: 44px;
		height: 44px;
		display: flex;
	}
	.nav-menu-item-0-dropdown md-icon {
		color: white;
	}
	.nav-menu-item-0-content {
		max-height: 0px;
		overflow: hidden;
		transition: 0.5s ease-in-out all;
		display: flex;
	}
	.nav-menu-item-0.active .nav-menu-item-0-content {
		max-height: 1500px;
	}

	.nav-menu-agrupations {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		background: #eee;
		padding: 20px 0px;
	}

	.nav-menu-agrupation {
		width: 100%;
		padding: 4px 12px;
		box-sizing: border-box;
	}

	.nav-menu-agrupation-link {
		width: 100%;
		background: white;
		display: inline-flex;
		align-items: center;
		padding: 12px;
		box-sizing: border-box;
		border-radius: 4px;
		text-decoration: none;
	}

	.nav-menu-agrupation-name {
		font-weight: 500;
		color: purple;
		text-decoration: none;
	}

	md-icon.nav-menu-agrupation-icon {
		margin: 0px;
		margin-left: 10px;
		color: purple;
	}



	.nav-menu-1 {
		margin: 0;
		padding: 0;
		width: 50%;
		min-height: 100%;
		background: rgb(85, 18, 88);
		background: linear-gradient(to bottom, rgba(107,19,107,1) 1%,rgba(88,19,94,1) 53%,rgba(73,15,65,1) 100%);
	}
	.nav-menu-item-1 {display: flex;overflow: hidden;align-items: center;}
	.nav-menu-2 {width: 50%;background: #8b2483;margin: 0;padding: 0;}
	.nav-menu-item-1 .nav-menu-2 {
		display: none;
	}
	.nav-menu-item-1-text {
		display: flex;
		font-size: 14px;
		color: white;
		align-items: center;
		flex: 1;
		justify-content: space-between;
		height: 44px;
		text-transform: uppercase;
		padding: 0px 12px 0px 16px;
		font-weight: 300;
		text-decoration: none;
	}
	.nav-menu-item-1-dropdown {flex: none;width: 24px;height: 24px;display: none;}
	.nav-menu-item-1-dropdown md-icon {
		color: white;
	}
	.nav-menu-item-1.active {
		background: #8b2483;
	}
	.nav-menu-item-2 {
		list-style: none;
		font-size: 12px;
		color: white;
		font-weight: 100;
	}
	.nav-menu-item-2-title {
		width: 100%;
		display: flex;
		color: white;
		text-decoration: none;
	}
	.nav-menu-item-2-dropdown {
		display: flex;
		width: 44px;
	}
	.nav-menu-item-2-dropdown md-icon {
		color: white;
	}
	.nav-menu-item-2-text {
		padding: 10px;
		flex: 1;
		display: flex;
	}
	.nav-menu-item-2.active .nav-menu-3 {
		max-height: 600px;
	}

	.nav-menu-item-3 {
		width: 100%;
		display: flex;
	}
	.nav-menu-item-3-text {
		width: 100%;
		padding: 10px;
		color: purple;
		display: flex;
		font-size: 14px;
		align-items: start;
		justify-content: space-between;
		font-weight: 300;
		text-decoration: none;
		font-size: 12px;
		font-weight: 500;
	}
	.nav-menu-3 {
		margin: 0;
		padding: 0;
		list-style: none;
		background: white;
		transition: 0.3s ease-in-out all;
		max-height: 0px;
		overflow: hidden;
	}
	
	.nav-menu-footer {
		display: flex;
		flex-direction: column;
	}
		
	
	
	.account-menu {
		margin: 0px;
		padding: 0px;
		background: #333;
		padding: 10px;
		display: flex;
		flex-wrap: wrap;
		list-style: none;
	}
	.account-menu-item {
		width: 50%;
		display: flex;
		padding: 0px 8px;
		box-sizing: border-box;
	}
	.account-menu-item-title {
		width: 100%;
		display: inline-block;
		color: #ccc;
		text-decoration: none;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: 300;
		padding: 10px;
		border-bottom: 1px solid #444;
		display: flex;
		align-items: center;
	}
	
	.links-menu {
		margin: 0px;
		padding: 0px;
		background: black;
		padding: 10px;
		display: flex;
		flex-wrap: wrap;
		list-style: none;
	}
	.links-menu-item {
		width: 100%;
		display: flex;
		/* padding: 0px 8px; */
		box-sizing: border-box;
		align-items: center;
		height: 32px;
		overflow: hidden;
	}
	.links-menu-item-title {
		width: 100%;
		color: #ccc;
		font-size: 10px;
		text-transform: uppercase;
		font-weight: 500;
		padding: 10px;
		display: flex;
		align-items: center;
	}
	.links-menu-item-link {
		width: 100%;
		display: flex;
		overflow: hidden;
		align-items: center;
		text-decoration: none;
		color: #ccc;
		font-size: 12px;
		text-transform: uppercase;
	}

	.links-menu-item-icon {
		width: 24px;
		height: 24px;
		color:#ccc;
	}
	

	.breadcrumbs {
		padding: 20px 10px;
		text-transform: uppercase;
		top: 0px;
	}
	.breadcrumbs > * {
		font-size: 20px;
	}
	.breadcrumbs *{
		font-size: 14px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.list-item > *{
		font-size: 9px;
	}
	
	.page-filters {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px;
	}
	
	
	
	
	.payment-status {
		padding: 100px 20px;
		overflow: hidden;
	}

	.payment-status-data {
		width: 100%;
	}

	.payment-status-watermark {
		position: absolute;
		top: 0px;
		right: 0px;
		transform: translate(31.2%, -12.8%);
	}

	.login {
		display: flex;
		flex-direction: column;
	}
	.login-signUp {
		display: flex;
		flex-direction: column;
		margin: 0;
		box-shadow: none;
		box-sizing: border-box;
		padding: 0px;
		overflow: hidden;
		order: 1;
	}
	.login-signup-text {
		padding: 20px;
	}
	.login-signup-button {
		margin: 20px;
		width: calc(100% - 40px) !important;
	}
	.login-signIn {
		display: flex;
		flex-direction: column;
		margin: 0;
		padding: 0;
		box-shadow: none;
		order: 0;
	}	
	.login-signIn-content {
		padding: 20px;
		display: flex;
		flex-direction: column;
		width: 100%;
		box-sizing: border-box;
		align-items: center;
	}
	.login-forgotten-link {
		margin: 20px 0px;
	}
	.login-forgotten-link a {
		color: blue;
	}

	.bottom-menu {
		position: fixed;
		bottom: 0px;
		display: flex;
		width: 100%;
		height: 44px;
		background: purple;
		align-items: stretch;
		justify-content: stretch;
	}
	.bottom-menu > a {
		flex: 1;
	}
	.bottom-menu .md-button {
		padding: 4px 10px;
		margin: 0px;
		min-width: 0px;
		flex: 1;
		align-items: center;
		justify-content: center;
		display: flex;
	}
	.bottom-menu .md-button p.md-caption {
		margin: 0px;
		color: white;
		font-size: 11px;
		line-height: 1;
		text-transform: lowercase;
		white-space: initial;
		font-weight: 400;
		display: none;
	}
	.bottom-menu .md-button md-icon {
		font-size: 16px;
		min-height: 16px;
		min-width: 16px;
		height: 16px;
		width: 16px;
	}
		
	.pager{
		padding: 10px;
		position: sticky;
		top: 0px;
		z-index: 2;
		background: #eee;
		box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
		height: 44px;
		box-sizing: border-box;
	}
		
		
	.products-page {
		/*
		display: flex;
		flex-direction: column;
		*/
	}
	.products-page .pager {
		padding: 10px;
		position: sticky;
		top: 0px;
		z-index: 2;
		background: #eee;
		box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
		height: 44px;
		box-sizing: border-box;
	}
	.products-page-filter-menu {
		position: fixed;
		top: 0px;
		z-index: 10;
		right: 0px;
		width: 320px;
		display: flex;
		flex-direction: column;
		height: 100%;
		transform: translate(44px, 0px);
		opacity: 0;
		transition: 0.3s ease-in-out all;
		pointer-events: none;
		/* background: rgba(0, 0, 0, 0.7); */
		box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.3);
	}
	.products-page-filter-menu:before {content: "";background: rgba(0, 0, 0, 0.3);width: 2000px;height: 100%;position: fixed;z-index: 0;top: 0px;left: -1000px;right: 1000px;}
	.products-page-filter-menu.active {
		transform: translate(0px, 0px);
		opacity: 1;
		pointer-events: all;
	}
	.products-page-filter-menu-toolbar {
		height: 44px;
		position: relative;
		background: #4d1048;
	}
	.products-page-filter-menu-close-button {
		width: 44px;
		height: 44px;
		background: #4d1048;
		display: flex;
		border-left: 1px solid rgba(255, 255, 255, 0.05);
		float: right;
	}
	.products-page-filter-menu-close-button md-icon {
		color: white;
	}
	.products-page-filter-menu-body {
		background: white;
		padding: 20px;
		flex: 1;
		display: flex;
		flex-direction: column;
		background: #eee;
		position: relative;
	}
	.products-page-filter-menu select {
		margin: 10px;
		font-size: 16px;
		padding: 4px;
		height: 44px;
		font-weight: 500;
	}
	.products-page-filter-menu .filter-menu-totals {
		margin: 14px;
		text-align: center;
		color: purple;
		font-weight: 500;
	}
			
		
		
		
	.salesmans-page {
		display: flex;
		flex-direction: column;
	}
	.salesmans-filters {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px;
	}
	.salesmans-content {
		margin-top: 10px;
	}	
	.salesmans-item {
		width: 100%;
		display: flex;
		padding: 8px 10px;
		box-sizing: border-box;
	}
	.salesmans-item-name {
		flex: 1;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.salesmans-item-name > a {color: blue;}
	.salesmans-item-sales {
		width: 100px;
		flex: none;
		text-align: right;
		font-weight: 500;
		padding: 0px 10px;
	}
	.salesmans-item-progress {
		width: 50px;
		text-align: right;
		font-weight: 500;
	}
	.salesmans-item.salesmans-subtotal {
		background: lightblue;
		font-weight: bold;
	}
	.salesmans-item.salesmans-average {
		background: lightpink;
		font-weight: bold;
	}
	.salesmans-item.salesmans-total {
		background: khaki;
		font-weight: bold;
	}
	
	
	
	.invoices-page {
		display: flex;
		flex-direction: column;
	}
	.invoices-page .pager {
		padding: 10px;
		position: sticky;
		top: 0px;
		z-index: 2;
		background: #eee;
		box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
		height: 44px;
		box-sizing: border-box;
	}
	.invoices-page-filter-menu {
		position: fixed;
		top: 0px;
		z-index: 10;
		right: 0px;
		width: 320px;
		display: flex;
		flex-direction: column;
		height: 100%;
		transform: translate(44px, 0px);
		opacity: 0;
		transition: 0.3s ease-in-out all;
		pointer-events: none;
		/* background: rgba(0, 0, 0, 0.7); */
		box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.3);
	}
	.invoices-page-filter-menu:before {content: "";background: rgba(0, 0, 0, 0.3);width: 2000px;height: 100%;position: fixed;z-index: 0;top: 0px;left: -1000px;right: 1000px;}
	.invoices-page-filter-menu.active {
		transform: translate(0px, 0px);
		opacity: 1;
		pointer-events: all;
	}
	.invoices-page-filter-menu-toolbar {
		height: 44px;
		position: relative;
		background: #4d1048;
	}
	.invoices-page-filter-menu-close-button {
		width: 44px;
		height: 44px;
		background: #4d1048;
		display: flex;
		border-left: 1px solid rgba(255, 255, 255, 0.05);
		float: right;
	}
	.invoices-page-filter-menu-close-button md-icon {
		color: white;
	}
	.invoices-page-filter-menu-body {
		background: white;
		padding: 20px;
		flex: 1;
		display: flex;
		flex-direction: column;
		background: #eee;
		position: relative;
	}
	.invoices-page-filter-menu select {
		margin: 10px;
		font-size: 16px;
		padding: 4px;
		height: 44px;
		font-weight: 500;
	}
	.invoices-page-filter-menu .filter-menu-totals {
		margin: 14px;
		text-align: center;
		color: purple;
		font-weight: 500;
	}
	.invoices-page-filter-menu input {
		margin: 10px;
		font-size: 16px;
		padding: 4px;
		height: 44px;
		font-weight: 500;
		width: calc(100% - 20px);
		box-sizing: border-box;
	}
	.invoice-line-1 {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px;
	}

	.invoice-date {
		font-size: 12px;
		font-weight: bold;
	}
	.invoice-expiration-date {
		font-size: 12px;
		font-weight: bold;
	}
	.invoice-line-2 {
		display: flex;
		padding: 10px;
	}
	.invoice-number {
		font-size: 20px;
		color: black;
	}
	.invoice-company {
		text-transform: uppercase;
		text-align: right;
		flex: 1;
	}
	.invoice-client {
		padding: 0px 10px;
		text-align: right;
		font-size: 12px;
		color: #777;
	}
	.invoice-total {
		padding: 0px 10px;
		font-size: 28px;
		text-align: right;
		margin-top: 10px;
	}
	.invoice {
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
		padding-bottom: 12px;
	}
	.invoice-paid {
		color: green;
		text-align: right;
		padding: 0px 10px;
		font-size: 20px;
		margin-top: 4px;
	}
	.invoice-pending {
		color: #da4141;
		text-align: right;
		padding: 0px 10px;
		font-size: 20px;
		margin-top: 4px;
	}
	.invoice-paid > div {
		width: 100px;
		float: right;
		white-space: nowrap;
	}
	.invoice-pending > div {
		width: 100px;
		float: right;
	}
	.invoice-paid label {
		font-size: 12px;
		color: black;
		text-transform: uppercase;
		font-weight: bold;
	}
	.invoice-pending label {
		font-size: 12px;
		color: black;
		text-transform: uppercase;
		font-weight: bold;
	}	
	.invoice-pdf-link {
		margin-left: 12px;
	}
	.invoice-pdf-link md-icon {
		color: purple;
	}		

	
	.replenishment-item {
		display: flex;
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
		padding: 10px 0px;
	}
	.replenishment-item-description {
		flex: 1;
	}
	.replenishment-item-data {
		width: 100px;
		display: flex;
		flex-direction: column;
		padding-right: 10px;
	}
	.replenishment-line-1 {
		padding: 4px 10px;
		display: flex;
		align-items: center;
	}
	.green-badge {
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #2cca2c;
		margin: 4px 4px 4px 0px;
		flex: none;
	}
	.red-badge {
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #da4141;
		margin: 4px 4px 4px 0px;
		flex: none;
	}
	.orange-badge {
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #f1811a;
		margin: 4px 4px 4px 0px;
		flex: none;
	}
	.blue-badge {
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #b1ebeb;
		margin: 4px 4px 4px 0px;
		flex: none;
	}
	.replenishment-line-2 {
		display: flex;
		align-items: center;
	}
	.replenishment-item-name {
		color: blue;
		font-size: 14px;
		font-weight: 500;
		padding: 0px;
		text-decoration: none;
	}
	.replenishment-line-3 {
		display: flex;
	}
	.replenishment-item-code {
		font-size: 10px;
		font-weight: bold;
		padding: 0px 10px;
	}
	.replenishment-last-buy {
		font-size: 12px;
		padding: 0px 10px;
		color: #777;
		margin-top: 4px;
	}
	.replenishment-current-buy {
		font-size: 12px;
		padding: 0px 10px;
		color: #777;
		margin-top: 4px;
	}
	.replenishment-line-units {
		width: 100%;
		justify-content: space-between;
		display: flex;
		align-items: center;
		height: 24px;
	}
	.replenishment-item-data label {
		font-size: 10px;
		font-weight: bold;
		text-align: right;
		flex: 1;
		padding-right: 2px;
	}
	.replenishment-item-data input {
		width: 50px;
		margin-left: 4px;
		text-align: right;
	}
	.replenishment-line-boxes {
		width: 100%;
		justify-content: space-between;
		display: flex;
		align-items: center;
		margin-top: 2px;
		height: 24px;
	}
	.replenishment-list {
		overflow: hidden;
		width: 100%;
	}
	.replenishment-page {padding-bottom: 44px;overflow: auto;}
	.replenishment-footer {
		height: 44px;
		position: absolute;
		bottom: 0px;
		z-index: 1;
		display: flex;
		background: #ccc;
		width: 100%;
		box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.3);
	}
	.replenishment-footer .button {
		border-radius: 0;
		flex: 1;
		justify-content: center;
		background: purple;
		color: white;
		font-size: 14px;
		text-transform: uppercase;
		height: 100%;
		display: flex;
		align-items: center;
		padding: 0px 20px;
	}
	.replenishment-footer .legend {
		display: flex;
	}
	.replenishment-footer .legend label {
		width: 44px;
		height: 44px;
	}
	.replenishment-footer .legend label:nth-child(1) {
		background: #2cca2c;
		display: flex;
		align-items: center;
		color: white;
		font-size: 10px;
		text-transform: uppercase;
		justify-content: center;
		font-weight: bold;
		text-shadow: 1px 1px 1px black;
	}
	.replenishment-footer .legend label:nth-child(2) {
		background: #da4141;
		display: flex;
		align-items: center;
		color: white;
		font-size: 10px;
		text-transform: uppercase;
		justify-content: center;
		font-weight: bold;
		text-shadow: 1px 1px 1px black;
	}
	.replenishment-footer .legend label:nth-child(3) {
		background: #f1811a;
		display: flex;
		align-items: center;
		color: white;
		font-size: 10px;
		text-transform: uppercase;
		justify-content: center;
		font-weight: bold;
		text-shadow: 1px 1px 1px black;
	}
	.replenishment-footer .legend label:nth-child(4) {
		background: #b1ebeb;
		display: flex;
		align-items: center;
		color: aliceblue;
		font-size: 10px;
		text-transform: uppercase;
		justify-content: center;
		font-weight: bold;
		text-shadow: 1px 1px 1px black;
	}
	.replenishment-item-data input[type='checkbox'] {
		width: auto;
		height: auto;
	}
	.replenishment-line-depo {
		display: flex;
		align-items: center;
		margin-top: 10px;
	}
	.replenishment-item-data span {
		font-size: 12px;
		width: 100%;
		text-align: right;
		padding-right: 4px;
		font-weight: bold;
	}
	
	.replenishment-unit-selector {
		display: flex;
		align-items: center;
		overflow: hidden;
		align-self: baseline;
		border-radius: 4px;
		margin: 4px;
	}

	.replenishment-unit-selector input {
		flex: 1;
		width: 44px;
		height: 44px;
		border: none;
		text-align: center;
		font-size: 24px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		box-sizing: border-box;
	}

	.replenishment-remove-button {
		width: 44px;
		height: 44px;
		text-align: center;
		line-height: 44px;
		font-size: 32px;
		background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
		cursor: pointer;
		border: 1px solid #ccc;
		border-radius: 4px 0px 0px 4px;
		box-sizing: border-box;
	}

	.replenishment-add-button {
		width: 44px;
		height: 44px;
		text-align: center;
		line-height: 44px;
		font-size: 32px;
		background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
		cursor: pointer;
		border: 1px solid #ccc;
		border-radius: 0px 4px 4px 0px;
		box-sizing: border-box;
	}
	.replenishment-in-cart-indicator {
		width: 44px;
		display: flex;
		align-items: center;
		position: relative;
		height: 44px;
	}
	.replenishment-item:focus-within {
		background: rgba(128,0,128,0.07);
	}

	md-icon.replenishment-cart-icon {
		width: 44px;
		height: 44px;
		color: purple;
	}

	.replenishment-cart-badge {
		position: absolute;
		font-family: 'Alegreya';
		font-size: 32px;
		top: 0px;
		left: 18px;
		line-height: 0.6;
		font-weight: bold;
		color: purple;
	}
	
	
	.cart-page {
		display: flex;
		flex-direction: column;
	}
	.cart-page-main {
		flex: 1;
		display: flex;
		flex-direction: column;
		padding-bottom: 88px;
	}
	.cart-breakdown {
		display: flex;
		flex-direction: column;
	}
	.cart-line {
		padding: 10px;
		border-bottom: 1px solid #ccc;
		display: flex;
		flex-direction: column !important;
	}
	.order-line{
		padding: 10px;
		border-bottom: 1px solid #ccc;
		display: flex;
		flex-direction: column;
	}
	.cart-line-items {
		display: flex;
		flex: 1;
		flex-direction: column;
	}
	.cart-line-item {
		display: flex;
	}
	.cart-line-item:not(:first-child) {
		margin-top: 20px;
	}
	.cart-line-description {
		flex: 1;
		display: flex;
		flex-direction: column;
	}
	.cart-line-product-description {
		font-size: 16px;
		font-weight: 500;
	}
	.cart-line-vintage {
		display: flex;
		margin-top: 4px;
		font-size: 12px;
	}
	.cart-line-vintage label {
		font-weight: 700;
		margin-right: 2px;
	}
	.cart-line-ref {
		display: flex;
		margin-top: 4px;
		font-size: 12px;
	}
	.cart-line-ref label {
		font-weight: 700;
		margin-right: 2px;
	}
	.cart-line-units {
		width: 100%;
		justify-content: space-between;
		display: flex;
		align-items: center;
	}
	.cart-line-units input {
		width: 50px;
		margin-left: 4px;
		text-align: right;
	}
	.cart-line-price {
		width: 100%;
		justify-content: space-between;
		display: flex;
		align-items: center;
		margin-top: 2px;
	}
	.cart-line-price input {
		width: 50px;
		margin-left: 4px;
		text-align: right;
	}
	.cart-line-value {
		width: 50px;
		text-align: right;
		font-size: 12px;
		font-weight: bold;
	}
	.cart-line-discount {
		width: 100%;
		justify-content: space-between;
		display: flex;
		align-items: center;
		margin-top: 2px;
	}
	.cart-line-discount input {
		width: 50px;
		margin-left: 4px;
		text-align: right;
	}
	.cart-line-promo {
		width: 100%;
		justify-content: space-between;
		display: flex;
		align-items: center;
		margin-top: 2px;
	}
	.cart-line-promo input {
		width: 50px;
		margin-left: 4px;
		text-align: right;
	}
	.cart-line-data {
		width: 100px;
	}
	.cart-line-data label {
		font-size: 10px;
		font-weight: bold;
		text-align: right;
		flex: 1;
		padding-right: 2px;
	}
	.cart-line-final-price {
		display: flex;
		margin-top: 10px;
		align-items: center;
		/* flex-direction: column; */
	}
	.cart-line-unit-price {
		flex: 1;
		font-size: 12px;
	}
	.cart-line-total {
		font-size: 20px;
		color: purple;
		font-weight: 500;
	}
	.cart-line-unit-price .unit-price {
		font-weight: bold;
	}
	.cart-observations {
		padding: 0px 10px;
		border: 1px solid #ccc;
		border-left: 0px;
		border-right: 0px;
	}
	.cart-options-menu {
		position: fixed;
		top: 0px;
		z-index: 999;
		right: 0px;
		width: 320px;
		display: flex;
		flex-direction: column;
		height: 100%;
		transform: translate(44px, 0px);
		opacity: 0;
		transition: 0.3s ease-in-out all;
		pointer-events: none;
		/* background: rgba(0, 0, 0, 0.7); */
		box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.3);
	}
	.cart-options-menu:before {content: "";background: rgba(0, 0, 0, 0.3);width: 2000px;height: 100%;position: fixed;z-index: 0;top: 0px;left: -1000px;right: 1000px;}
	.cart-options-menu.active {
		transform: translate(0px, 0px);
		opacity: 1;
		pointer-events: all;
	}
	.cart-options-menu-toolbar {
		height: 44px;
		background: #4d1048;
		position: relative;
	}
	.cart-options-close-button {
		width: 44px;
		height: 44px;
		background: #4d1048;
		display: flex;
		border-left: 1px solid rgba(255, 255, 255, 0.05);
		float: right;
	}
	.cart-options-close-button md-icon {
		color: white;
	}
	.cart-options-body {
		background: white;
		padding: 20px;
		flex: 1;
		display: flex;
		flex-direction: column;
		background: #eee;
		position: relative;
		overflow: auto;
		padding-bottom: 88px;
	}		
	.cart-options-menu textarea {
		padding: 10px;
		box-sizing: border-box;
		resize: none;
		font-size: 14px;
		width: 100%;
		height: 80px;
	}	
	.cart-options {
		padding: 10px;
		background: #f7f7f7;
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.cart-options .custom-order-input {
		font-size: 14px;
		padding: 4px 10px;
		border: 1px solid #ccc;
		width: 150px;
		flex-shrink: 1;
	}
	.cart-options > md-checkbox {
		flex: none;
		margin: 0;
		font-size: 14px;
		padding-right: 10px;
	}
	
	.cart-totals-content {
		position: absolute;
		bottom: 0px;
		width: 100%;
	}
	.cart-totals {
		position: fixed;
		bottom: 0px;
		width: 100%;
		overflow: hidden;
		min-height: 44px;
		transition: 0.3s ease-in-out all;
		background: #eee;
		box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.3);
		z-index: 12;
	}
	.cart-totals-line {
		height: 44px;
		padding: 0px;
		display: flex;
		box-sizing: border-box;
		align-items: center;
		background: #eee;
		box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
	}
	.cart-totals-label {
		flex: 1;
		color: purple;
		margin-right: 10px;
		padding-left: 10px;
	}
	.cart-totals-data {
		color: purple;
		text-align: right;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding-right: 10px;
		flex: 1;
	}
	.cart-totals-main-line {
		padding: 10px;
		display: flex;
		align-items: center;
		height: 44px;
		box-sizing: border-box;
		font-size: 20px;
		width: 100%;
		padding: 0px;
	}
	.cart-page .toolbar {
		padding: 10px;
		position: sticky;
		top: 0px;
		z-index: 2;
		background: #eee;
		box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
		height: 44px;
		box-sizing: border-box;
	}
	.cart-page-empty.ng-scope {
		padding: 10px;
	}	
	
	.cart-buttons {
		width: 100%;
		display: flex;
		overflow: hidden;
		position: fixed;
		bottom: 44px;
		left: 0px;
		z-index: 12;
	}
	.cart-buttons .button {
		flex: 1;
		border-radius: 0px;
		overflow: hidden;
		white-space: initial;
		padding: 10px;
		height: 44px;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		text-transform: uppercase;
		align-items: center;
		font-size: 14px;
		text-align: center;
		position: relative;
	}
	.cart-buttons .button:last-child {
		margin-right: 0px;
	}
	
	.cart-continue-button {
		background: purple;
		color: white;
		font-size: 14px;
		text-transform: uppercase;
		height: 100%;
		display: flex;
		align-items: center;
		padding: 0px 20px;
		margin-right: 20PX;
	}
	.cart-totals-buttons {
		position: fixed;
		bottom: 0px;
		height: 44px;
		display: flex;
		left: 0px;
		width: 100%;
	}
	.cart-buy-button, .cart-empty-button {
		background: purple;
		flex: 1;
		padding: 0px 10px;
		color: white;
		text-transform: uppercase;
		align-items: center;
		font-size: 14px;
		text-align: center;
		line-height: 44px;
		position: relative;
	}
	.cart-empty-button{
		background: #da4141;
		flex: none;
		color: white;
		text-transform: uppercase;
		align-items: center;
		font-size: 14px;
		text-align: center;
		line-height: 44px;
		position: relative;
	}
	.cart-empty-button md-icon{
		color:white;
	}
	.cart-buy-button+.cart-buy-button {
		margin-left: 1px;
	}	
	.cart-discounts {
		padding: 10px;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
	}
	.cart-discounts > .button {
		margin: 4px 0px;
		font-size: 16px;
	}
	.cart-discounts > input {
		max-width: 50%;
	}	
	
	
	.comprar > main > section {
		width: 100%;
	}
	.comprar > main > section > header {
		display: flex;
		overflow: hidden;
		padding: 0px;
		align-items: center;
		height: 44px;
		justify-content: stretch;
	}
	.comprar > main > section > header a {
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 16px;
		display: flex;
		height: 44px;
		align-items: center;
		padding: 10px 0px 10px 10px;
		box-sizing: border-box;
		white-space: nowrap;
		flex: 1;
	}
	.comprar .envio, .comprar .facturacion {
		width: 100%;
		margin: 0px;
		padding: 10px;
	}
	.comprar > main > section li > a {
		box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	}
	.comprar > main > aside {
		width: 100%;
		margin-top: 20px;
	}
	.comprar .buy-footer {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.comprar .buy-footer a {
		text-align: center;
		margin: 0px;
	}
	
	.comprar .desglose {
		width: 100%;
		padding: 10px;
		margin: 0px;
	}
	.comprar .metodo_pago {
		width: 100%;
		padding: 10px;
		margin: 0;
	}
	.comprar .observaciones {
		margin: 0;
		padding: 10px;
		box-sizing: border-box;
	}
	.comprar .observaciones textarea {
		margin-top: 10px;
	}
	.comprar .page-content > main {
		padding: 0px;
	}
	.comprar > main {
		padding: 0px;
	}
	.comprar > main > section > header [icon] {
		display: flex;
		height: 44px;
		align-items: center;
		padding: 10px 10px 10px 0px;
		box-sizing: border-box;
	}
	.comprar > main > section > header a.bold {
		background: purple;
		color: white;
		font-weight: normal;
	}
	.comprar > main > section > header a.bold+[icon] {
		color: white;
		background: purple;
		fill: white;
	}
	
	.side-menu{
		width: 100px;
	}

	.mi-perfil .side-menu{
		left: 0px;
		width: 88px;
		top: 0px;
	}
	
	.confirmacion_pago-content {
		width: 90%;
		padding: 20px;
		border-radius: 0;
	}
	.confirmacion_pago-img {
		width: 44px;
		height: 44px;
	}
	.confirmacion_pago-img img {
		width: 100px;
		height: 100px;
		transform: translate(-28px, -28px);
	}
	.confirmacion_pago-text {
		font-size: 18px;
		margin-top: 20px;
	}
	.confirmacion_pago-buttons {
		margin-top: 20px;
	}
	.confirmacion_pago-text-2 {
		font-size: 12px;
		margin-top: 10px;
	}
	
	.orders-page {
		display: flex;
		flex-direction: column;
	}
	.order-list {
		margin: 8px;
	}
	.order-list-item {
		margin: 10px;
		box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3), -1px -1px 2px rgba(0, 0, 0, 0.1);
		padding: 10px;
		display: flex;
		flex-direction: column;
	}
	.order-date {
		font-weight: 500;
		font-size: 14px;
	}
	.order-code {
		color: blue;
		text-decoration: none;
		flex: 1;
	}
	.order-salesman-code {
		font-size: 12px;
		margin-right: 4px;
		font-weight: 500;
	}
	.order-client {
		margin-top: 8px;
		font-size: 12px;
		font-weight: 500;
		color: purple;
	}
	.order-observations {
		font-size: 10px;
	}
	.order-main {
		display: flex;
		margin-top: 4px;
	}
	.order-total {
		font-weight: bold;
	}
	.order-state {
		font-size: 12px;
		font-weight: 500;
		margin-top: 0px;
	}
	.order-orderer {
		display: flex;
		align-items: center;
		margin-top: 4px;
	}
	.order-user {
		font-size: 12px;
	}
	
	
	
	.router-page {
		display: flex;
		flex-direction: column;
	}
	.router-day-picker {
		display: flex;
		overflow: hidden;
		padding: 10px;
	}
	.router-day-picker input {
		height: 12px;
		flex: 1;
		background: white;
		border: none;
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.1);
		margin: 4px 4px 4px 0px;
		padding: 4px;
		font-size: 10px;
		border-radius: 2px;
	}
	.router-day {
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.1);
		margin: 4px;
		padding: 4px;
		font-size: 10px;
		border-radius: 2px;
		font-weight: 500;
		text-transform: uppercase;
	}
	.router-day.selected {
		background: purple;
		color: white;
	}
	.router-visits-main {
		list-style: none;
		max-height: 50vh;
		padding: 0px;
		margin: 10px;
		overflow: hidden;
		box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3), -1px -1px 2px rgba(0, 0, 0, 0.1);
		display: flex;
		overflow: hidden;
	}
	.router-visit:nth-child(2n) {
		background: #fdf0fd;
	}
	.router-visits-list {
		display: flex;
		overflow: hidden;
		width: 100%;
	}
	.router-pending-visits {
		width: 50%;
		overflow: auto;
	}
	.router-visits-main li.selected {
		width: 100%;
		display: flex;
	}
	.router-done-visits {
		width: 50%;
		overflow: auto;
	}
	.router-page .separator {
		height: 100%;
		background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
		width: 11px;
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
		position: relative;
		border-left: 1px solid #ccc;
	}
	.visit-clickable {
		width: 100%;
		display: flex;
		flex-direction: column;
		padding: 10px;
		box-sizing: border-box;
	}
	.visit-info {
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
	}
	.visit-code {
		font-size: 12px;
		font-weight: bold;
		flex: 1;
	}
	.visit-client {
		font-size: 11px;
		font-weight: 400;
		width: 100%;
		display: flex;
	}
	.visit-last-buy {
		font-size: 10px;
		font-weight: 500;
		color: purple;
	}
	.visit-city {
		font-size: 10px;
		font-weight: bold;
		margin-top: 4px;
	}
	.visit-main {
		display: flex;
		align-items: center;
		padding-bottom: 10px;
	}
	.visit-frequency {
		width: 20px;
		text-align: center;
		font-weight: bold;
		background: purple;
		flex: none;
		height: 20px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: white;
		margin-right: 2px;
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), -1px -1px 1px rgba(0, 0, 0, 0.1);
	}
	.visit-client-name {
		padding-right: 8px;
	}
	.visit-preferred-hour {
		padding: 10px;
		font-size: 10px;
		font-weight: bold;
		color: #333;
	}
	.visit-no-location-icon md-icon{
		font-size: 14px;
		min-width: 14px;
		min-height: 14px;
		color: black;
	}
	.visit-row.selected .visit-client-name {
		font-weight: bold;
	}
	.router-legends {
		display: block;
		margin-bottom: 20px;
		padding: 10px;
		display: flex;
	}
	.router-legend {
		margin-right: 10px;
		font-size: 10px;
		display: flex;
		align-items: center;
		color: #555;
		line-height: 1;
	}
	.router-legend:before {
		content: "";
		width: 16px;
		height: 16px;
		background: #f1811a;
		display: inline-block;
		margin-right: 6px;
		border-radius: 2px;
		flex: none;
	}
	.router-legend-orange:before {
		background: #f1811a;
	}
	.router-legend-gray:before {
		background: #ccc;
	}
	.router-legend-blue:before {
		background: #4F7CA5;
	}
	.router-notes {
	}
	.router-notes-headline {
		color: purple;
		border-bottom: 1px solid;
		padding: 0px 10px 8px 10px;
		font-size: 20px;
	}
	.router-notes-new {
		display: flex;
		padding: 10px 0px;
		align-items: center;
	}
	.router-notes-new textarea {
		font-size: 10px;
		flex: 1;
		padding: 4px;
		margin-right: 10px;
		height: 44px;
		box-sizing: border-box;
	}
	.router-notes-list {
		display: flex;
		flex-direction: column;
		padding: 10px;
	}
	.router-note {
		display: flex;
		box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3), -1px -1px 1px rgba(0, 0, 0, 0.1);
		margin: 4px;
		padding: 4px;
	}
	.note-date {
		font-size: 11px;
		font-weight: bold;
	}
	.note-user {
		font-size: 11px;
		font-weight: bold;
		color: purple;
		margin-left: 4px;
	}
	.note-text {
		font-size: 11px;
		margin-left: 4px;
		flex: 1;
	}
	.note-delete {
	}
	.router-link {
		margin: 10px 20px;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: 500;
	}	
	.visit-reason {
		font-weight: bold;
		font-size: 12px;
	}
	.visit-date {
		color: purple;
		padding: 0px 10px;
		font-size: 12px;
		font-weight: bold;
	}
	.router-page .mapa {
		margin: 0px 10px;
	}
	.visit-order {
		font-size: 10px;
		margin-right: 4px;
	}
			
	
	
	
	
	
	
	
	.main-product-format {
		flex: 1;
		text-align: right;
		padding-right: 10px;
		font-weight: 500;
	}
	.main-product-message {
		background: #eee;
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3), 0px -1px 1px rgba(0, 0, 0, 0.1);
		display: flex;
		flex-direction: column;
		font-size: 12px;
		padding: 10px;
		min-height: 44px;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
	}
	.main-product-vat {
		font-size: 10px;
		font-weight: bold;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		padding: 0px 12px;
		text-align: center;
	}
	.main-product-price-update {
		background: #382673;
		background: #eee;
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3), 0px -1px 1px rgba(0, 0, 0, 0.1);
		display: flex;
		flex-direction: column;
	}
	.main-product-price-update-headline {
		background: #382673;
		padding: 10px;
		height: 44px;
		box-sizing: border-box;
		border-bottom: 1px solid #ccc;
		font-weight: bold;
		text-transform: uppercase;
		color: white;
		display: flex;
		align-items: center;
		justify-content: start;
	}
	.main-product-price-update-headline md-icon {
		color: white;
		margin: 0;
	}
	.main-product-price-update-timeleft {
		padding: 10px 10px 0px 10px;
		font-weight: bold;
		text-transform: uppercase;
		color: #333;
	}
	.main-product-price-update-prices {
		display: flex;
		align-items: center;
		padding: 10px;
	}
	.main-product-price-update-old {
		color: #777;
		flex: 1;
		font-size: 28px;
		font-weight: bold;
		text-align: left;
		font-family: Alegreya;
	}
	.main-product-price-update-progress {
		position: relative;
		background: #d93f49;
		color: white;
		margin: 0px 18px 0px 6px;
		border-radius: 5px 1px 1px 5px;
		font-size: 28px;
		font-family: Alegreya;
		flex: 1;
		text-align: center;
		line-height: 35px;
		padding-bottom: 2px;
		height: 37px;
		box-sizing: border-box;
	}
	.main-product-price-update-new {
		flex: 1;
		font-size: 28px;
		font-weight: bold;
		text-align: right;
		font-family: Alegreya;
	}
	.main-product-price-update-progress:after {
		left: 100%;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(136, 183, 213, 0);
		border-left-color: #d93f49;
		border-width: 18px;
		margin-top: -18px;
		line-height: 0.7;
	}

	.bonos-footer{
		display: none !important;
	}

	.popup-bonos{
		max-width: 80% !important;
	}
}