@charset "UTF-8";
/* CSS Document */

:root {
    --color-black: #000000;
    --color-white: #FFFFFF;
    --color-gray: #d4d5d7;
    --color-dark-gray: #808080;
    --color-hr: #AAAAAA;
    --color-primary: #0099FF;
    --color-primary-active: #0083DA;
    --color-cover-active: #89D0FF;
	--color-yellow: #FFCC00;
	--color-green: #009640;
	--color-red: #E30613;

}

* {
  box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: Roboto;
    font-size: 1.0em;
    width: 100vw;
    height: 94vh;
}

body.main-title:active {
}

div.navigation-index {
    display: none;
}

div.pagebreak {
	page-break-before: always;
}

div.main-fixed-width { /*div super-contenitore a dimensione fissa */
    width: 800px;
    margin: auto;
    padding: 0;
}

div.main-container {
    position: relative;
    margin: 88px 48px;
    /*background-color: lightgray;*/
}

div.cover {
    min-height: 93%;
}

div.main-title.footer {
    position: absolute;
    width: 100%;
}

div.breadcrumb {
	display:none;
}

div.main-title.footer h3 {
    padding: 0;
    margin: 0;
    font-weight: 400;
}

div.main-container sup {    
    font-size: 0.35em;
    vertical-align: 1.3em;

}

div.main-container.notes {
    font-family: Roboto, sans;
    width: 50vw;
    height: 94vh; 
}

div.call-out {
    margin: 50px 0;
    position: relative;
    /*background-color: yellow; /*Background per test */
}

span.arrow {
    padding: 0 5px;
}

h1.main-content {
    font-size: 3.6em;
    margin-bottom: 80px;
}

h1.main-content::before {
    display: block; 
    content: " "; 
    margin-top: -88px; 
    height: 88px; 
    visibility: hidden; 
    pointer-events: none;
}

h2.without-space {
    margin-bottom: 0;
}

h1.main-title {
    position: absolute;
    font-size: 3.8em;
    top: 54%;
    padding: 0;
    margin: 0;
}

h1.main-title-cover {
    font-size: 3.6em;
	margin-top: 300px;
    margin-bottom: 80px;

}

h1.main-title-cover:before {
    display: block; 
    content: " "; 
    margin-top: -88px; 
    height: 88px; 
    visibility: hidden; 
    pointer-events: none;

}


h2.main-content {
    font-size: 3.6em;
    margin-bottom: 80px;
}

h2.main-content::before {
    display: block; 
    content: " "; 
    margin-top: -88px; 
    height: 88px; 
    visibility: hidden; 
    pointer-events: none;
}

h2.without-space {
    margin-bottom: 0;
}

h2.main-title {
    position: absolute;
    font-size: 3.8em;
    top: 54%;
    padding: 0;
    margin: 0;
}

h3.main-content {
    font-size: 2.5em;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 20px;
}

h3.color-primary {
    font-size: 2.5em;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 20px;
    color: var(--color-primary);
}

h3.main-title {
    position: absolute;
    top: 63%;
    font-size: 1.6em;
    font-weight: normal;
    padding: 0;
    margin: 0;
	align:center;
}
h3.main-title-cover {
	font-size: 2.5em;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 20px;
}

h4.main-content {
    font-size: 1.4em;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 20px;
}

h5.main-content {
    margin: 0 0 15px 0;
}


p.main-content {
    font-size: 1.5em;
}

p.main-content a {
    color: var(--color-primary);
}

p.main-content a:active {
    color: var(--color-primary-active);
}

p.warning-note {
    background-color: var(--color-gray);
    padding: 15;
    font-size: 0.92em;
}

p.warning-note::before {
    content: url("../imgs/warning.svg");
    float: left;
    transform: scale(1.4);
    margin: 10px 20px 0px 20px;
}
p.worning-filters {
    background-color: var(--color-gray);
    padding: 15px;
    font-size: 0.92em;
}

p.worning-filters::before {
    content: url("../imgs/T_sort.svg");
    float: left;
    transform: scale(1.4);
    margin: 3px 10px 10px 10px;
}
p.last-page-note {
    font-size: 1.2em;
    text-align: center;
    margin-top: 150px;
}




ol.main-content {
    color: var(--color-black);
    list-style-position: inside;
    padding: 0;
}

ol.main-content li {
    margin: 0.7em 0;
    font-size: 1.4em;
}

ol.main-content a {
    position: absolute;
    left: 2.0em;
    color: var(--color-primary);
}

ol.main-content a:active {
    color: var(--color-primary-active);
}

ol.address {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ol.address li {
    margin: 0;
    font-size: 1.4em;
}

ol.call-out {
    counter-reset: item;
    list-style: none;
    padding: 0;
    padding-left: 50px;
}

ol.start-from-six {
    counter-reset: item 5;
}
ol.start-from-five {
    counter-reset: item 4;
}

ol.call-out li {
    position: relative;
    list-style: none;
    margin: 0.7em 0;
    padding-left: 0;
    font-size: 1.5em;
}

ol.call-out li:before { 
    position: absolute;
    left: -50px;
    content: counter(item) ""; 
    counter-increment: item;
    font-weight: 600;
}

ol.call-out a {
    color: var(--color-primary);
    font-weight: 600;
}

ol.call-out a:active {
    color: var(--color-primary-active);
}

ol.nero a {
    position: relative;
    left: 2.0em;
    color: var(--color-black);
}

ul.main-content {
    color: var(--color-black);
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.main-content li::before {
    content:"•";
    font-size: 1.0em;
    margin-right: 20px;
}

ul.main-content li {
    margin: 0.7em 0;
    font-size: 1.4em;
    list-style-position: inside;
}

ul.main-content a {
    color: var(--color-primary);
}

ul.main-content a:active {
    color: var(--color-primary-active);
}

ul.inner-list {
	color: var(--color-black);
    margin-left: 30px;
    padding: 0;
    list-style: none;
	font-size: 0.7em;

}
ul.inner-list li::before {
    content:"•";
	font-size: 1.2em;
    margin-left: 20px;
	margin-top: 2px;
	counter-increment: none;

}

ul.call-out {
    list-style: none;
    padding: 0;
    padding-left: 50px;
}



ul.call-out li {
    position: relative;
    list-style: none;
    margin: 0.7em 0;
    padding-left: 0;
    font-size: 1.5em;
}

ul.call-out li:before { 
    content:"•";
    position: absolute;
    left: -50px;
    font-weight: 600;
    counter-increment: none;

}

ul.call-out a {
    color: var(--color-primary);
    font-weight: 600;
}

ul.call-out a:active {
    color: var(--color-primary-active);
}



table.graphic-elements {
    border-collapse: collapse;
    margin-bottom: 120px;
}

table.graphic-elements td {
    height: 6.2em;
    font-size: 1.3em;
}

table.graphic-elements th:first-child {
    width: 25%;
}

table.graphic-elements th {
    text-align: left;
	font-weight: 500;
	font-size: 1.6em;
    padding-bottom: 10px;
}

table.graphic-elements tr {
  	border-bottom: 1px solid var(--color-black);
}


table.certification {
    border-collapse: collapse;
    margin-bottom: 60px;
}

table.certification td {
    height: 6.2em;
    font-size: 1.3em;
}

table.certification th:first-child {
    width: 25%;
}

table.certification th {
    text-align: left;
	font-weight: 500;
	font-size: 1.6em;
    padding-bottom: 10px;
}

table.certification tr {
  	border-bottom: 0px solid var(--color-black);
}


table.list {
    border-collapse: collapse;
    margin-bottom: 60px;
}

table.list td {
    height: 0.5 em;
    font-size: 1.3em;
}

table.list th:first-child {
    width: 25%;
}

table.list th {
    text-align: left;
	font-weight: 500;
	font-size: 1.6em;
    padding-bottom: 10px;
}

table.list tr {
  	border-bottom: 1px none var(--color-black);
}

table.icons td {
    font-size: 1.4em;
    vertical-align: middle;
    padding: 5px 20px 5px 0;
}

table.icons a {
    color: var(--color-primary);
}
	
img.symbols {
    width: 3.0em;
}

img.warning-symbols {
    width: 6.0em;
    float: left;
    margin: 15px 30px 20px 0;
}

img.logo {
    display: block;
    width: 220px;
}

img.raee {
	width: 6.0em;
    float: left;
    margin: 15px 30px 20px 0;
}

img.picture {
    display: block;
    width: 470px;
    margin: auto;
}

img.anchor {
    width: 1.6em;
	margin: 0;
    margin-left: 0.4em;
    vertical-align: middle;
}

img.anchor-hamburger-menu {
    margin-top: -3px;
}

img.anchor-delete-menu {
    margin-top: -5px;
}

img.anchor-settings-menu {
    margin-top: -5px;
}

img.anchor-microphone {
    margin-top: -5px;
}

span.bottle-icons {
    position: relative; 
    display: inline-block;
    width: 44px;
}

img.bottle-icons {
    position: absolute;
    width: 36px;
    top: -43px;
}

img.picture-frame {
    width: 30.0em;
	margin: 30px 0;
}
img.app-icon {
    width: 6.0em;
    float: right;
	margin: -210px 0;

}

hr.divider {
	margin-top: 50px;
	margin-bottom: 20px;
    border-top: 1px solid var(--color-hr);
}

hr.inner-divider {
    margin: 50px 0;
    border-top: 1px solid var(--color-hr);
}


span.p-bold {
    font-weight: 600;
}

span.small-caps {
    font-variant: small-caps;
}
span.gray {
    color: var(--color-gray);
}
span.yellow {
    color: var(--color-yellow);
}
span.red {
    color: var(--color-red);
}
span.green {
    color: var(--color-green);
}

span.icon-triangle-gray {
    color: var(--color-dark-gray);
    padding: 0 5px;
    
}

svg.call-out {
    width: 500px;
    height: 36px;
}

svg.left {
    position: absolute;
    left: 0;
}

svg.right {
    position: absolute;
    right: 0;
}

svg.call-out circle {
    fill: var(--color-black);
    cx: 18px;
    cy: 18px;
    r: 18px;
}

svg.right circle {
    cx: 482px;
}

svg.call-out text {
    fill: var(--color-white);
    font-size: 22px;
    font-family: Roboto;
    font-weight: 500;
    text-anchor: middle;
    alignment-baseline: middle;
    transform: translate(18px,20px);
}

svg.right text {
    transform: translate(482px,20px);
}

svg.call-out rect {
    width: 400px; /*Dimensione di default; vedere dimensione effettica con id. */
    height: 4px;
    fill: var(--color-black);    
    transform: translate(18px,16px);
    stroke: var(--color-primary);
    stroke-width: 2px;
}

svg.right rect {
    transform: translate(82px,16px);
}

svg.call-out a:active circle {
    fill: var(--color-primary-active);
}

svg.call-out polygon {
    fill: var(--color-black);
    stroke: var(--color-primary);
    stroke-width: 2;
}

svg#co-1-home-page-nav {
    top: 152px;
}

svg#co-1-home-page-nav rect {
    width: 118px;
}

svg#co-2-home-page-nav {
    top: 190px;
}

svg#co-2-home-page-nav rect {
    width: 250px;
}

svg#co-3-home-page-nav {
    top: 270px;
}

svg#co-3-home-page-nav rect {
    width: 120px;
}

svg#co-4-home-page-nav {
    top: 400px;
}

svg#co-4-home-page-nav rect {
    width: 180px;
    transform: translate(302px,16px);
}

svg#co-5-home-page-nav {
    top: 374px;
}

svg#co-5-home-page-nav rect {
    width: 118px;
}

svg#co-6-home-page-nav {
    top: 100px;
}

svg#co-6-home-page-nav rect {
    width: 250px;
}

svg#co-7-home-page-nav {
    top: 207px;
}

svg#co-7-home-page-nav rect {
    width: 152px;
    transform: translate(374px,16px);
}

svg#co-8-home-page-nav {
    top: 600px;
}

svg#co-8-home-page-nav rect {
    width: 115px;
}

svg#co-9-home-page-nav {
    top: 30px;
}

svg#co-9-home-page-nav rect {
    width: 115px;
}

svg#co-10-home-page-nav {
    top: 516px;
}

svg#co-10-home-page-nav rect {
    width: 220px;
    transform: translate(242px,16px);
}
svg#co-11-home-page-nav {
    top: 706px;
}

svg#co-11-home-page-nav rect {
    width: 220px;
    transform: translate(242px,16px);
}

svg#co-1-oven-list {
    top: 140px;
}

svg#co-1-oven-list rect {
    width: 120px;
}

svg#co-2-oven-list {
    top: 270px;
}

svg#co-2-oven-list rect {
    width: 120px;
}

svg#co-3-oven-list {
    top: 345px;
}

svg#co-3-oven-list rect {
    width: 210px;
    transform: translate(360px,20px);
}

svg#co-4-oven-list {
    top: 140px;
}

svg#co-4-oven-list rect {
    width: 210px;
    transform: translate(360px,16px);
}

svg#co-1-cooking-set-nav {
    top: 35px;
}

svg#co-1-cooking-set-nav rect {
    width: 95px;
}

svg#co-2-cooking-set-nav {
    top: 430px;
}

svg#co-2-cooking-set-nav rect {
    width: 140px;
}

svg#co-3-cooking-set-nav {
    top: 595px;
}

svg#co-3-cooking-set-nav rect {
    width: 150px;
}

svg#co-4-cooking-set-nav {
    top: 30px;
}

svg#co-4-cooking-set-nav rect {
    width: 180px;
    transform: translate(370px,16px);
}

svg#co-5-cooking-set-nav {
    top: 110px;
}

svg#co-5-cooking-set-nav rect {
    width: 320px;
    transform: translate(230px,16px);
}

svg#co-6-cooking-set-nav {
    top: 250px;
}

svg#co-6-cooking-set-nav rect {
    width: 330px;
    transform: translate(250px,16px);
}

svg#co-7-cooking-set-nav {
    top: 298px;
}

svg#co-7-cooking-set-nav rect {
    width: 403px;
    transform: translate(200px,16px);
}

svg#co-8-cooking-set-nav {
    top: 428px;
}

svg#co-8-cooking-set-nav rect {
    width: 260px;
    transform: translate(340px,16px);
}
svg#co-1-multi-time-nav {
    top: 310px;
}

svg#co-1-multi-time-nav rect {
    width: 125px;
}

svg#co-2-multi-time-nav {
    top: 210px;
}

svg#co-2-multi-time-nav rect {
    width: 125px;
}
svg#co-3-multi-time-nav {
    top: 100px;
}

svg#co-3-multi-time-nav rect {
    width: 125px;
}

svg#co-4-multi-time-nav {
    top: 305px;
}

svg#co-4-multi-time-nav rect {
    width: 195px;
    transform: translate(367px,16px);
}
svg#co-5-multi-time-nav {
    top: 100px;
}

svg#co-5-multi-time-nav rect {
    width: 195px;
    transform: translate(367px,16px);
}

svg#co-6-multi-time-nav {
    top: 700px;
}

svg#co-6-multi-time-nav rect {
    width: 325px;
    transform: translate(337px,16px);
}
svg#co-7-multi-time-nav {
    top: 495px;
}

svg#co-7-multi-time-nav rect.first-line {
    width: 310px;
    transform: translate(162px,6px);
}

svg#co-7-multi-time-nav rect.second-line {
    width: 113px;
    transform: translate(368px,27px);
}

svg#co-1-multi-speed-nav {
    top: 130px;
}

svg#co-1-multi-speed-nav rect {
    width: 130px;
}
svg#co-2-multi-speed-nav {
    top: 135px;
}

svg#co-2-multi-speed-nav rect {
    width: 285px;
	transform: translate(307px,16px);
}
svg#co-3-multi-speed-nav {
    top: 435px;
}

svg#co-3-multi-speed-nav rect {
    width: 170px;
}
svg#co-4-multi-speed-nav {
    top: 328px;
}

svg#co-4-multi-speed-nav rect {
    width: 170px;
}
svg#co-5-multi-speed-nav {
    top: 635px;
}

svg#co-5-multi-speed-nav rect {
    width: 170px;
}

svg#co-6-multi-speed-nav {
    top: 700px;
}

svg#co-6-multi-speed-nav rect {
    width: 365px;
	transform: translate(357px,16px);
}

svg#co-7-multi-speed-nav {
    height: 90px;
    width: 400px;
    top: 404px;
}

svg#co-7-multi-speed-nav circle {
    cy: 45px;
    cx: 382px;
}

svg#co-7-multi-speed-nav text {
    transform: translate(382px,47px);
}

svg#co-1-set-account {
    top: 390px;
}

svg#co-1-set-account rect {
    width: 80px;
}

svg#co-2-set-account {
    top: 389px;
}

svg#co-2-set-account rect {
    width: 210px;
    transform: translate(400px,16px);
}

svg#co-3-set-account {
    top: 450px;
}

svg#co-3-set-account rect {
    width: 80px;
}

svg#co-4-set-account {
    top: 513px;
}

svg#co-4-set-account rect {
    width: 150px;
    transform: translate(400px,16px);
}

svg#co-5-set-account {
    top: 575px;
}

svg#co-5-set-account rect {
    width: 80px;
    }
    
svg#co-6-set-account2 {
    top: 255px;
}

svg#co-6-set-account2 rect {
    width: 120px;
}

svg#co-7-set-account2 {
    top: 365px;
}

svg#co-7-set-account2 rect {
    width: 255px;
    transform: translate(365px,16px);}

svg#co-8-set-account2 {
    top: 488px;
}

svg#co-8-set-account2 rect {
    width: 120px;
}

svg#co-9-set-account2 {
    top: 570px;
}

svg#co-9-set-account2 rect {
    width: 105px;
}

svg#co-1-cooking-report-nav {
    top: 35px;
}

svg#co-1-cooking-report-nav rect {
    width: 95px;
}

svg#co-2-cooking-report-nav {
    top: 290px;
}

svg#co-2-cooking-report-nav rect {
    width: 95px;
}

svg#co-3-cooking-report-nav {
    top: 475px;
}

svg#co-3-cooking-report-nav rect {
    width: 120px;
}
svg#co-4-cooking-report-nav {
    top: 698px;
}

svg#co-4-cooking-report-nav rect {
    width: 160px;
}

svg#co-5-cooking-report-nav {
    top: 700px;
}

svg#co-5-cooking-report-nav rect {
    width: 240px;
}
svg#co-1-after-cooking-nav {
    top: 25px;
}

svg#co-1-after-cooking-nav rect {
    width: 95px;
}
svg#co-2-after-cooking-nav {
    top: 25px;
}

svg#co-2-after-cooking-nav rect {
    width: 365px;
	transform: translate(377px,16px);
}
svg#co-3-after-cooking-nav {
    top: 280px;
}

svg#co-3-after-cooking-nav rect {
    width: 380px;
	transform: translate(362px,16px);
}
svg#co-4-after-cooking-nav {
    top: 325px;
}

svg#co-4-after-cooking-nav rect {
    width: 380px;
	transform: translate(362px,16px);
}

svg#co-1-control-panel {
    top: 570px;
}

svg#co-1-control-panel rect {
    width: 140px;
}

svg#co-2-control-panel {
    height: 70px;
    top: 600px;
}

svg#co-2-control-panel circle {
    cy: 45px;
}

svg#co-2-control-panel text {
    transform: translate(18px,47px);
}

svg#co-3-control-panel {
    top: 710px;
}

svg#co-3-control-panel rect {
    width: 250px;
}

svg#co-4-control-panel {
    top: 568px;
}

svg#co-4-control-panel rect {
    width: 400px;
	transform: translate(342px,16px);
}

svg#co-5-control-panel {
    height: 70px;
    width: 400px;
    top: 600px;
}

svg#co-5-control-panel circle {
    cy: 45px;
    cx: 382px;
}

svg#co-5-control-panel text {
    transform: translate(382px,47px);
}

svg#co-on-off-control-panel {
    top: 840px;
}

svg#co-on-off-control-panel rect {
    width: 75px;
    transform: translate(335px,16px);
}

svg#co-on-off-control-panel text {
    fill: var(--color-black);
    transform: translate(455px,20px);
}


svg#co-1-washing-landing-page {
    top: 30px;
}

svg#co-1-washing-landing-page rect {
    width: 95px;
}

svg#co-2-washing-landing-page {
    top: 300px;
}

svg#co-2-washing-landing-page rect {
    width: 280px;
}

svg#co-3-washing-landing-page {
    top: 380px;
}

svg#co-3-washing-landing-page rect {
    width: 180px;
}

svg#co-4-washing-landing-page {
    top: 487px;
    height: 260px;
}

svg#co-4-washing-landing-page circle {
    cy: 130px;
}

svg#co-4-washing-landing-page text {
    transform: translate(18px,132px);
}

svg#co-5-washing-landing-page {
    top: 475px;
    height: 80px;
}

svg#co-5-washing-landing-page rect {
    width: 415px;
    transform: translate(165px,16px);
}

svg#co-6-washing-landing-page {
    top: 535px;
}

svg#co-6-washing-landing-page rect {
    width: 395px;
	transform: translate(367px,16px);
}

svg#co-7-washing-landing-page {
    top: 30px;
}

svg#co-7-washing-landing-page rect {
    width: 395px;
	transform: translate(307px,16px);
}

svg#co-1-cleaning-in-progress {
    top: 30px;
}

svg#co-1-cleaning-in-progress rect {
    width: 95px;
}

svg#co-2-cleaning-in-progress {
    top: 550px;
}

svg#co-2-cleaning-in-progress rect {
    width: 130px;
}

svg#co-3-cleaning-in-progress {
    top: 270px;
}

svg#co-3-cleaning-in-progress rect {
    width: 490px;
    transform: translate(260px,16px);
}

svg#co-4-cleaning-in-progress {
    top: 322px;
}

svg#co-4-cleaning-in-progress rect {
    width: 350px;
    transform: translate(198px,16px);
}
svg#co-1-wash-summary {
    top: 35px;
}

svg#co-1-wash-summary rect {
    width: 95px;
}

svg#co-2-wash-summary  {
    top: 270px;
}

svg#co-2-wash-summary  rect {
    width: 120px;
}

svg#co-3-wash-summary  {
    top: 450px;
}

svg#co-3-wash-summary rect {
    width: 120px;
}

svg#co-4-wash-summary {
    top: 640px;
}

svg#co-4-wash-summary rect {
    width: 120px;
}

svg#co-5-wash-summary {
    top: 280px;
}

svg#co-5-wash-summary rect {
    width: 400px;
    transform: translate(345px,16px);
}

svg#co-6-wash-summary {
    top: 325px;
}

svg#co-6-wash-summary rect {
    width: 400px;
    transform: translate(345px,16px);
}

svg#co-1-landing-page {
    top: 30px;
}

svg#co-1-landing-page rect {
    width: 180px;
}

svg#co-2-landing-page {
    top: 90px;
}

svg#co-2-landing-page rect {
    width: 240px;
}

svg#co-3-landing-page {
    top: 168px;
}

svg#co-3-landing-page rect {
    width: 235px;
}

svg#co-4-landing-page {
    top: 245px;
}

svg#co-4-landing-page rect {
    width: 235px;
}

svg#co-5-landing-page {
    top: 395px;
}

svg#co-5-landing-page rect {
    width: 350px;
}
svg#co-6-landing-page {
    top: 475px;
}

svg#co-6-landing-page rect {
    width: 200px;
}

svg#co-7-landing-page {
    top: 25px;
}

svg#co-7-landing-page rect {
    width: 360px;
    transform: translate(270px,20px);
}
svg#co-8-landing-page {
    top: 85px;
}

svg#co-8-landing-page rect {
    width: 580px;
    transform: translate(90px,20px);
}

svg#co-9-landing-page {
    top: 165px;
}

svg#co-9-landing-page rect {
    width: 510px;
    transform: translate(140px,20px);
}

svg#co-10-landing-page {
    top: 420px;
}

svg#co-10-landing-page rect {
    width: 460px;
    transform: translate(280px,20px);
}
svg#co-1-preset-cooking {
    top: 87px;
}

svg#co-1-preset-cooking rect {
    width: 240px;
}

svg#co-2-preset-cooking {
    top: 237px;
}

svg#co-2-preset-cooking rect {
    width: 242px;
}

svg#co-3-preset-cooking {
    top: 375px;
}

svg#co-3-preset-cooking rect {
    width: 350px;
}

svg#co-4-preset-cooking {
    top: 505px;
}

svg#co-4-preset-cooking rect {
    width: 350px;
}

svg#co-5-preset-cooking {
    top: 633px;
}

svg#co-5-preset-cooking rect {
    width: 350px;
}

svg#co-6-preset-cooking {
    top: 25px;
}

svg#co-6-preset-cooking rect {
    width: 460px;
    transform: translate(280px,20px);
}
svg#co-7-preset-cooking {
    top: 90px;
}

svg#co-7-preset-cooking rect {
    width: 500px;
    transform: translate(240px,20px);
}
svg#co-8-preset-cooking {
    top: 157px;
}

svg#co-8-preset-cooking rect {
    width: 600px;
    transform: translate(140px,20px);
}
svg#co-9-preset-cooking {
    top: 400px;
}

svg#co-9-preset-cooking rect {
    width: 440px;
    transform: translate(290px,20px);
}

svg#co-1-cooking-cycle {
    top: 32px;
}

svg#co-1-cooking-cycle rect {
    width: 185px;
}

svg#co-2-cooking-cycle {
    top: 430px;
}

svg#co-2-cooking-cycle rect {
    width: 230px;
}

svg#co-3-cooking-cycle {
    top: 595px;
}

svg#co-3-cooking-cycle rect {
    width: 320px;
}

svg#co-4-cooking-cycle {
    top: 28px;
}

svg#co-4-cooking-cycle rect {
    width: 430px;
    transform: translate(280px,20px);
}

svg#co-5-cooking-cycle {
    top: 110px;
}

svg#co-5-cooking-cycle rect {
    width: 410px;
    transform: translate(150px,20px);
}

svg#co-6-cooking-cycle {
    top: 240px;
}

svg#co-6-cooking-cycle rect {
    width: 390px;
    transform: translate(170px,20px);
}

svg#co-7-cooking-cycle {
    top: 294px;
}

svg#co-7-cooking-cycle rect {
    width: 360px;
    transform: translate(110px,20px);
}

svg#co-8-cooking-cycle {
    top: 425px;
}

svg#co-8-cooking-cycle rect {
    width: 215px;
    transform: translate(255px,20px);
}

svg#co-1-cooking-summary {
    top: 30px;
}

svg#co-1-cooking-summary rect {
    width: 185px;
}
svg#co-2-cooking-summary {
    top: 295px;
}

svg#co-2-cooking-summary rect {
    width: 185px;
}

svg#co-3-cooking-summary {
    top: 472px;
}

svg#co-3-cooking-summary rect {
    width: 210px;
}
svg#co-1-after-cooking-actions {
    top: 40px;
}

svg#co-1-after-cooking-actions {
    width: 200px;
}
svg#co-2-after-cooking-actions {
    top: 25px;
}

svg#co-2-after-cooking-actions rect {
    width: 180px;
    transform: translate(290px,20px);
}
svg#co-3-after-cooking-actions {
    top: 277px;
}

svg#co-3-after-cooking-actions rect {
    width: 180px;
    transform: translate(290px,20px);
}
svg#co-4-after-cooking-actions {
    top: 322px;
}

svg#co-4-after-cooking-actions rect {
    width: 180px;
    transform: translate(290px,20px);
}
svg#co-5-after-cooking-actions {
    top: 700px;
}

svg#co-5-after-cooking-actions {
    width: 260px;
}
svg#co-1-landing-page-cooking-set {
    top: 30px;
}

svg#co-1-landing-page-cooking-set rect {
    width: 90px;
}

svg#co-2-landing-page-cooking-set {
    top: 90px;
}

svg#co-2-landing-page-cooking-set rect {
    width: 150px;
}

svg#co-3-landing-page-cooking-set {
    top: 168px;
}

svg#co-3-landing-page-cooking-set rect {
    width: 145px;
}

svg#co-4-landing-page-cooking-set {
    top: 245px;
}

svg#co-4-landing-page-cooking-set rect {
    width: 145px;
}

svg#co-5-landing-page-cooking-set {
    top: 395px;
}

svg#co-5-landing-page-cooking-set rect {
    width: 270px;
}
svg#co-6-landing-page-cooking-set {
    top: 475px;
}

svg#co-6-landing-page-cooking-set rect {
    width: 110px;
}

svg#co-7-landing-page-cooking-set {
    top: 25px;
}

svg#co-7-landing-page-cooking-set rect {
    width: 290px;
    transform: translate(375px,20px);
}
svg#co-8-landing-page-cooking-set {
    top: 85px;
}

svg#co-8-landing-page-cooking-set rect {
    width: 480px;
    transform: translate(190px,20px);
}

svg#co-9-landing-page-cooking-set {
    top: 165px;
}

svg#co-9-landing-page-cooking-set rect {
    width: 615px;
    transform: translate(235px,20px);
}

svg#co-10-landing-page-cooking-set {
    top: 420px;
}

svg#co-10-landing-page-cooking-set rect {
    width: 365px;
    transform: translate(375px,20px);
}
svg#co-1-preset-cooking {
    top: 87px;
}

svg#co-1-preset-cooking rect {
    width: 150px;
}

svg#co-2-preset-cooking {
    top: 237px;
}

svg#co-2-preset-cooking rect {
    width: 150px;
}

svg#co-3-preset-cooking {
    top: 375px;
}

svg#co-3-preset-cooking rect {
    width: 270px;
}

svg#co-4-preset-cooking {
    top: 505px;
}

svg#co-4-preset-cooking rect {
    width: 270px;
}

svg#co-5-preset-cooking {
    top: 633px;
}

svg#co-5-preset-cooking rect {
    width: 270px;
}

svg#co-6-preset-cooking {
    top: 25px;
}

svg#co-6-preset-cooking rect {
    width: 365px;
    transform: translate(375px,20px);
}
svg#co-7-preset-cooking {
    top: 90px;
}

svg#co-7-preset-cooking rect {
    width: 420px;
    transform: translate(320px,20px);
}
svg#co-8-preset-cooking {
    top: 157px;
}

svg#co-8-preset-cooking rect {
    width: 510px;
    transform: translate(230px,20px);
}
svg#co-9-preset-cooking {
    top: 400px;
}

svg#co-9-preset-cooking rect {
    width: 380px;
    transform: translate(380px,20px);
}

svg#co-1-cooking-cycle-cooking-set {
    top: 32px;
}

svg#co-1-cooking-cycle-cooking-set rect {
    width: 95px;
}

svg#co-2-cooking-cycle-cooking-set {
    top: 430px;
}

svg#co-2-cooking-cycle-cooking-set rect {
    width: 140px;
}

svg#co-3-cooking-cycle-cooking-set {
    top: 595px;
}

svg#co-3-cooking-cycle-cooking-set rect {
    width: 230px;
}

svg#co-4-cooking-cycle-cooking-set {
    top: 28px;
}

svg#co-4-cooking-cycle-cooking-set rect {
    width: 340px;
    transform: translate(370px,20px);
}

svg#co-5-cooking-cycle-cooking-set {
    top: 110px;
}

svg#co-5-cooking-cycle-cooking-set rect {
    width: 310px;
    transform: translate(240px,20px);
}

svg#co-6-cooking-cycle-cooking-set {
    top: 240px;
}

svg#co-6-cooking-cycle-cooking-set rect {
    width: 320px;
    transform: translate(260px,20px);
}

svg#co-7-cooking-cycle-cooking-set {
    top: 294px;
}

svg#co-7-cooking-cycle-cooking-set rect {
    width: 270px;
    transform: translate(200px,20px);
}

svg#co-8-cooking-cycle-cooking-set {
    top: 425px;
}

svg#co-8-cooking-cycle-cooking-set rect {
    width: 120px;
    transform: translate(345px,20px);
}

svg#co-1-cooking-summary {
    top: 30px;
}

svg#co-1-cooking-summary rect {
    width: 90px;
}
svg#co-2-cooking-summary {
    top: 295px;
}

svg#co-2-cooking-summary rect {
    width: 90px;
}

svg#co-3-cooking-summary {
    top: 472px;
}

svg#co-3-cooking-summary rect {
    width: 130px;
}
svg#co-1-after-cooking-actions {
    top: 40px;
}

svg#co-1-after-cooking-actions {
    width: 110px;
}
svg#co-2-after-cooking-actions {
    top: 25px;
}

svg#co-2-after-cooking-actions rect {
    width: 95px;
    transform: translate(375px,20px);
}
svg#co-3-after-cooking-actions {
    top: 277px;
}

svg#co-3-after-cooking-actions rect {
    width: 100px;
    transform: translate(370px,20px);
}
svg#co-4-after-cooking-actions {
    top: 322px;
}

svg#co-4-after-cooking-actions rect {
    width: 100px;
    transform: translate(370px,20px);
}
svg#co-5-after-cooking-actions {
    top: 700px;
}

svg#co-5-after-cooking-actions {
    width: 180px;
}

svg#co-1-setting-climate-set {
    top: 30px;
}

svg#co-1-setting-climate-set rect {
    width: 110px;
}
svg#co-7-setting-climate-set {
    top: 250px;
}

svg#co-7-setting-climate-set rect {
    width: 150px;
}
svg#co-2-setting-climate-set {
    top: 350px;
}

svg#co-2-setting-climate-set rect {
    width: 170px;
}
svg#co-3-setting-climate-set {
    top: 480px;
}

svg#co-3-setting-climate-set rect {
    width: 170px;
}

svg#co-4-setting-climate-set {
    top: 608px;
}

svg#co-4-setting-climate-set rect {
    width: 170px;
}


svg#co-5-setting-climate-set {
    top: 60px;
    height: 100px;

}

svg#co-5-setting-climate-set rect {
    width: 300px;
    transform: translate(180px,20px);

}


svg#co-5-setting-climate-set circle {
    cy: 30px;
}

svg#co-5-setting-climate-set text {
    transform: translate(482px,32px);
    color: red;
}

svg#co-6-setting-climate-set {
    top: 245px;
}

svg#co-6-setting-climate-set rect {
    width: 150px;
    transform: translate(330px,20px);
}

svg#co-1-setting-cooking-cycle {
    top: 310px;
}

svg#co-1-setting-cooking-cycle rect {
    width: 130px;
}
svg#co-2-setting-cooking-cycle {
    top: 210px;
}

svg#co-2-setting-cooking-cycle rect {
    width: 130px;
}
svg#co-3-setting-cooking-cycle {
    top: 105px;
}

svg#co-3-setting-cooking-cycle rect {
    width: 130px;
}
svg#co-4-setting-cooking-cycle {
    top: 300px;
}

svg#co-4-setting-cooking-cycle rect {
    width: 110px;
    transform: translate(370px,20px);
}
svg#co-5-setting-cooking-cycle {
    top: 95px;
}

svg#co-5-setting-cooking-cycle rect {
    width: 110px;
    transform: translate(370px,20px);
}
svg#co-6-setting-cooking-cycle {
    top: 695px;
}

svg#co-6-setting-cooking-cycle rect {
    width: 140px;
    transform: translate(340px,20px);
}
svg#co-7-setting-cooking-cycle {
    top: 600px;
}

svg#co-7-setting-cooking-cycle rect.first-line {
    width: 305px;
    transform: translate(172px,6px);
}

svg#co-7-setting-cooking-cycle rect.second-line {
    width: 110px;
    transform: translate(368px,27px);
}
svg#co-1-cooking-report-multit {
    top: 35px;
}

svg#co-1-cooking-report-multit rect {
    width: 95px;
}
svg#co-2-cooking-report-multit {
    top: 120px;
}

svg#co-2-cooking-report-multit rect {
    width: 95px;
}
svg#co-3-cooking-report-multit {
    top: 290px;
}

svg#co-3-cooking-report-multit rect {
    width: 120px;
}
svg#co-1-data-drivern-cooking {
    top: 120px;
}

svg#co-1-data-drivern-cooking rect {
    width: 98px;
}
svg#co-2-data-drivern-cooking {
    top: 160px;
    height: 260px;
}

svg#co-2-data-drivern-cooking circle {
    cy: 130px;
}

svg#co-2-data-drivern-cooking text {
    transform: translate(18px,132px);
}
svg#co-3-data-drivern-cooking {
    top: 425px;
}

svg#co-3-data-drivern-cooking rect {
    width: 98px;
}
svg#co-4-data-drivern-cooking {
    top: 475px;
}

svg#co-4-data-drivern-cooking rect {
    width: 98px;
}

svg#co-5-data-drivern-cooking {
    top: 15px;
    height: 400px;
}

svg#co-5-data-drivern-cooking circle {
    cy: 160px;
}

svg#co-5-data-drivern-cooking text {
    transform: translate(18px,162px);
}
svg#co-6-data-drivern-cooking {
    top: 570px;
}

svg#co-6-data-drivern-cooking rect {
    width: 130px;
}

svg#co-1-detailed-consumption {
    top: 25px;
}

svg#co-1-detailed-consumption rect {
    width: 210px;
    transform: translate(370px,20px);
}
svg#co-2-detailed-consumption {
    top: 78px;
}

svg#co-2-detailed-consumption rect {
    width: 210px;
    transform: translate(370px,20px);
}

svg#co-3-detailed-consumption {
    top: 173px;
}

svg#co-3-detailed-consumption rect {
    width: 100px;
}

svg#co-4-detailed-consumption {
    top: 240px;
}

svg#co-4-detailed-consumption rect {
    width: 100px;
}

svg#co-5-detailed-consumption {
    top: 380px;
}

svg#co-5-detailed-consumption rect {
    width: 100px;
}

svg#co-6-detailed-consumption {
    top: 580px;
}

svg#co-6-detailed-consumption rect {
    width: 100px;
}

svg#co-1-setting-climate-set-mspeed {
    top: 322px;
}

svg#co-1-setting-climate-set-mspeed rect {
    width: 180px;
}

svg#co-2-setting-climate-set-mspeed {
    top: 426px;
}

svg#co-2-setting-climate-set-mspeed rect {
    width: 180px;
}
svg#co-3-setting-climate-set-mspeed {
    top: 532px;
}

svg#co-3-setting-climate-set-mspeed rect {
    width: 180px;
}

svg#co-4-setting-climate-set-mspeed {
    top: 635px;
}

svg#co-4-setting-climate-set-mspeed rect {
    width: 180px;
}
svg#co-5-setting-climate-set-mspeed {
    top: 245px;
}

svg#co-5-setting-climate-set-mspeed rect {
    width: 230px;
    transform: translate(350px,20px);
}

svg#co-1-cooking-cycle-progress-mspeed {
    top: 130px;
}

svg#co-1-cooking-cycle-progress-mspeed rect {
    width: 165px;
}
svg#co-2-cooking-cycle-progress-mspeed {
    top: 124px;
}

svg#co-2-cooking-cycle-progress-mspeed rect {
    width: 270px;
    transform: translate(310px,20px);
}

svg#co-3-cooking-cycle-progress-mspeed {
    top: 430px;
}

svg#co-3-cooking-cycle-progress-mspeed rect {
    width: 165px;
}

svg#co-4-cooking-cycle-progress-mspeed {
    top: 326px;
}

svg#co-4-cooking-cycle-progress-mspeed rect {
    width: 165px;
}

svg#co-5-cooking-cycle-progress-mspeed {
    top: 632px;
}

svg#co-5-cooking-cycle-progress-mspeed rect {
    width: 165px;
}
svg#co-6-cooking-cycle-progress-mspeed {
    top: 700px;
}

svg#co-6-cooking-cycle-progress-mspeed rect {
    width: 220px;
    transform: translate(360px,20px);
}
svg#co-1-cooking-sumary-mspeed {
    top: 35px;
}

svg#co-1-cooking-sumary-mspeed rect {
    width: 95px;
}

svg#co-2-cooking-sumary-mspeed {
    top: 130px;
}

svg#co-2-cooking-sumary-mspeed rect {
    width: 95px;
}

svg#co-3-cooking-sumary-mspeed {
    top: 300px;
}

svg#co-3-cooking-sumary-mspeed rect {
    width: 120px;
}


svg#cooking-trainig-1 {
    top: 150px;
}

svg#cooking-trainig-1 rect {
    width: 210px;
    transform: translate(360px,18px);
}
svg#cooking-trainig-4 {
    top: 690px;
}

svg#cooking-trainig-4 rect {
    width: 210px;
    transform: translate(360px,20px);
}

svg#cooking-trainig-2 {
    top: 460px;
}

svg#cooking-trainig-2 rect {
    width: 110px;
}

svg#cooking-trainig-3 {
    top: 620px;
}

svg#cooking-trainig-3 rect {
    width: 110px;
}


svg#cooking-MT-2 {
    top: 200px;
}

svg#cooking-MT-2 rect {
    width: 230px;
    transform: translate(360px,18px);
}
svg#cooking-MT-1 {
    top: 30px;
}

svg#cooking-MT-1 rect {
    width: 390px;
}
svg#cooking-trainig-1 {
    top: 150px;
}

svg#cooking-trainig-1 rect {
    width: 210px;
    transform: translate(360px,18px);
}
svg#cooking-trainig-4 {
    top: 690px;
}

svg#cooking-trainig-4 rect {
    width: 210px;
    transform: translate(360px,20px);
}

svg#cooking-trainig-2 {
    top: 460px;
}

svg#cooking-trainig-2 rect {
    width: 110px;
}

svg#cooking-trainig-3 {
    top: 620px;
}

svg#cooking-trainig-3 rect {
    width: 110px;
}


svg#cooking-MT-2 {
    top: 200px;
}

svg#cooking-MT-2 rect {
    width: 230px;
    transform: translate(360px,18px);
}
svg#cooking-MT-1 {
    top: 30px;
}

svg#cooking-MT-1 rect {
    width: 390px;
}