.eco-toolbar-title
{
	margin-left: 0px;
}

@media (max-width: 640px) {
	.eco-toolbar-title
	{
		display:none;
	}
}


.mdc-dialog
{
	z-index: 9999;
}

.font-line-through
{
	text-decoration: line-through;
}

.font-white-textfield
{
	color:#FFFFFF;
	border-bottom: 1px solid rgba(255,255,255,.5);
}

.font-white-textfield:hover
{
	color:#FFFFFF;
	border-bottom: 1px solid rgba(255,255,255,1);
}

.textfield-4px-padding
{
	padding: 4px !important;
}

.white-text
{
	color:#FFFFFF;
}

.mdl-badge {
  position: relative;
  white-space: nowrap;
  margin-right: 24px; }
  .mdl-badge:not([data-badge]) {
    margin-right: auto; }
  .mdl-badge[data-badge]:after {
    content: attr(data-badge);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: -11px;
    right: -24px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 600;
    font-size: 12px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgb(255,64,129);
    color: rgb(255,255,255); }
    .mdc-button.mdl-badge[data-badge]:after {
      right: 10px;
    	top: 5px;
    	left: initial;
    	opacity: 1 !important; 
      }
  .mdl-badge.mdl-badge--no-background[data-badge]:after {
    color: rgb(255,64,129);
    background: rgba(255,255,255,0.2);
    box-shadow: 0 0 1px gray; }
  .mdl-badge.mdl-badge--overlap {
    margin-right: 10px; }
    .mdl-badge.mdl-badge--overlap:after {
      right: -10px;
      opacity: 1; }


:root {
    --mdc-theme-primary: #039be6;
    --mdc-theme-primary-light: #8ced4f;
    --mdc-theme-primary-dark: #004be6;
    --mdc-theme-secondary: #039be6;
    --mdc-theme-secondary-light: #8ced4f;
    --mdc-theme-secondary-dark: #479c10;
    --mdc-theme-background: #fff;
    --mdc-theme-text-primary-on-primary: white;
    --mdc-theme-text-secondary-on-primary: rgba(255, 255, 255, 0.7);
    --mdc-theme-text-hint-on-primary: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-disabled-on-primary: #039be6;
    --mdc-theme-text-icon-on-primary: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-primary-on-primary-light: white;
    --mdc-theme-text-secondary-on-primary-light: rgba(255, 255, 255, 0.7);
    --mdc-theme-text-hint-on-primary-light: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-disabled-on-primary-light: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-icon-on-primary-light: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-primary-on-primary-dark: white;
    --mdc-theme-text-secondary-on-primary-dark: rgba(255, 255, 255, 0.7);
    --mdc-theme-text-hint-on-primary-dark: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-disabled-on-primary-dark: rgba(255, 255, 0, 0.5);
    --mdc-theme-text-icon-on-primary-dark: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-primary-on-secondary: rgba(0, 0, 0, 0.87);
    --mdc-theme-text-secondary-on-secondary: rgba(0, 0, 0, 0.54);
    --mdc-theme-text-hint-on-secondary: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-disabled-on-secondary: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-icon-on-secondary: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-primary-on-secondary-light: rgba(0, 0, 0, 0.87);
    --mdc-theme-text-secondary-on-secondary-light: rgba(0, 0, 0, 0.54);
    --mdc-theme-text-hint-on-secondary-light: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-disabled-on-secondary-light: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-icon-on-secondary-light: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-primary-on-secondary-dark: white;
    --mdc-theme-text-secondary-on-secondary-dark: rgba(255, 255, 255, 0.7);
    --mdc-theme-text-hint-on-secondary-dark: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-disabled-on-secondary-dark: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-icon-on-secondary-dark: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87);
    --mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54);
    --mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87);
    --mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54);
    --mdc-theme-text-hint-on-light: #d50000;
    --mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-primary-on-dark: white;
    --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7);
    --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5);
    --mdc-layout-grid-gutter-desktop: 8px;
    --mdc-layout-grid-margin-desktop: 8px;
    --mdc-layout-grid-gutter-phone: 8px;
    --mdc-layout-grid-margin-phone: 8px;
}