tr:nth-child(odd) {background-color: rgb(235, 234, 234);}
tr:nth-child(even) {background-color: white;}

body {
	margin: 20px;
}

p {
	color: green;
}

.order{
	color: green;
}

.customer-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	background-color: #4CAF50; /* Green */
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
}

.invoices {

	margin: 20px;
	font-family: Nunito;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 16px;

}

.line-item {
 background-color: brown;
}


body {
    margin: 0;
    /* background-color: cornsilk; */
  }


.two-menus {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	padding: 0px;
	height: 972px;
    /* background-color: crimson; */

	/* position: absolute;
	width: 500px;
	height: 842px;
	left: calc(50% - 500px / 2 + 0.5px); */
	top: 0px;
}

.two-feedback-cards {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 0px;
	height: 972px;
    /* background-color: crimson; */

	/* position: absolute;
	width: 500px;
	height: 842px;
	left: calc(50% - 500px / 2 + 0.5px); */
	top: 0px;
}

.a-feedback-card {

	/* resize:both; */
	/* overflow:auto; /* something other than visible */

	position: relative;
	width: 644px;
	height: 375px;
	left: calc(50% - 644px/2);
	top: 0px;

	/* Inside Auto Layout */
	flex: none;
	/* order: 1; */
	align-self: stretch;
	flex-grow: 0;
	margin: 0px 0px;
}

  .a-menu {

	  /* resize:both; */
	  /* overflow:auto; /* something other than visible */

	  position: relative;
	  width: 300px;
	  height: 972px;
	  left: 0px;
	  top: 0px;

	  /* Inside Auto Layout */
	  flex: none;
	  /* order: 1; */
	  align-self: stretch;
	  flex-grow: 0;
	  margin: 0px 0px;
  }

  .logo {
	  position: relative;
	  width: 105px;
	  height: 93px;
	  left: calc(50% - 105px/2 + 0.5px);
	  top: 18px;
	  /* background-color: chartreuse; */
  }

  .logo-feedback {
	position: absolute;
	width: 105px;
	height: 93px;
	left: calc(100% - 120px);
	top: 20px;
	zoom: 0.85;
}

  .green-box {
	  position: absolute;
	  width: 270px;
	  left: calc(50% - 270px/2);
	  top: 118px;
	  bottom: 0px;

	  border: 2px solid #4B6322;
	  box-sizing: border-box;

      overflow: hidden;

	  /* resize: vertical;
	  overflow: auto; */

  }



  .green-box-feedback {
	position: absolute;
	width: 644px;
	left: 0px;
	top: 0px;
	bottom: 0px;

	border: 2px solid #4B6322;
	box-sizing: border-box;

	overflow: hidden;
	display: flex;
	/* resize: vertical;
	overflow: auto; */

}

.feedback-col-1 {

	/* background-color: #4CAF50; */

	width: 59%;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.feedback-line {

	width: 1px;
	height: 94%;
	margin: 20px; 
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	background-color: #4B6322;
}

.opmerkingen {
	border-color: #4B6322;
	border-width:1px;
	border-style: solid;
	height: 163px;
}

.feedback-col-2 {

	/* background-color: #4CAF50; */
	display: inline-flex;
	width: 39%;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}


  .feedback {
	  padding: 30px 20px;
	  font-family: Nunito;
	  font-style: normal;
	  font-weight: normal;
	  font-size: 12px;
	  line-height:18px;
  }


  .order {
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  padding: 65px 0px 0px;

	  position: absolute;
	  width: 230px;
	  height: 322px;
	  left: calc(50% - 230px/2);
	  top: 20px;
  }

  .item {
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  padding: 0px;

	  position: static;
	  /* width: 230px; */
	  /* left: calc(50% - 230px/2); */
	  top: 0%;
	  bottom: 0%;



	  /* Inside Auto Layout */
	  flex: none;
	  order: 0;
	  align-self: stretch;
	  flex-grow: 0;
	  margin-bottom: 2px;
  }

  .item:hover { 
	  background-color: #dbf5ae; 
  }

  .feedback-row{
	  margin-bottom: 7px;
  }

  .intro {
	  font-size: 14px;
  }

  .item-row {
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  padding: 0px;

	  position: static;
	  width: 230px;
	  height: auto;
	  left: 0px;
	  top: 0px;


	  /* Inside Auto Layout */
	  flex: none;
	  order: 0;
	  align-self: stretch;
	  flex-grow: 0;
      margin-bottom: 4px;
	  /* background-color: silver; */
  }

  .item-prep-row {
	  display: flex;
	  flex-direction: row;
	  align-items: flex-start;
	  padding: 1px 0px;

	  position: static;
	  /* width: 153px; */
	  height: 12px;
	  left: 23.5px;
	  top: 0px;


	  /* Inside Auto Layout */
	  flex: none;
	  order: 0;
	  flex-grow: 0;
	  margin: 0px;
  }

  .prep-type{
      font-weight: bold !important;
  }

  .item-prep-item {
	  /* Auto Layout */
	  display: flex;
	  flex-direction: row;
	  align-items: flex-start;
	  padding: 0px;

	  position: static;
	  width: auto;
	  left: 0px;
	  top: 0px;


	  /* Inside Auto Layout */
	  flex: none;
	  order: 0;
	  flex-grow: 0;
	  margin: 0px 1px;

	  font-family: Nunito;
	  font-style: normal;
	  font-weight: normal;
	  font-size: 12px;
	  line-height: 12px;
	  /* identical to box height, or 130% */
	  text-align: center;
	  letter-spacing: -0.03em;

	  color: #000000;
  }

  .order-name {
	font-family: Nunito;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 180%;
	/* identical to box height, or 18px */
	text-align: center;
    /* text-decoration: underline; */
	margin-right: 10px;
	color: rgb(128, 128, 128);

  }

  .order-name-feedback {
	font-family: Nunito;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 1.2;
	padding-right: 106px;
	/* identical to box height, or 18px */
	text-align: left;
    /* text-decoration: underline; */
	margin-left: 22px;
	margin-top: 22px;
	
	color: rgb(128, 128, 128);

  }

  .item-type {
	  font-family: Nunito;
	  font-style: normal;
	  font-weight: normal;
	  font-size: 12px;
	  line-height: 180%;
	  /* identical to box height, or 18px */
	  text-align: center;

	  color: #000000;
  }

  .item-name {
	  font-family: Nunito; 
	  font-style: normal;
	  font-weight: bold;
	  font-size: 16px;
	  line-height: 110%;
	  /* or 15px */
	  text-align: center;
	  letter-spacing: -0.02em;
      padding-bottom: 3px;
	  color: #000000;
  }

  .item-description {
	  font-family: Nunito;
	  font-style: normal;
	  font-weight: normal;
	  font-size: 13px;
	  line-height: 100%;
	  /* identical to box height, or 12px */
	  text-align: center;

	  color: #000000;
  }

  .item-serve {
	  /* P1 */
	  font-family: Nunito;
	  font-style: normal;
	  font-weight: normal;
	  font-size: 12px;
	  line-height: 100%;
	  /* identical to box height, or 12px */
	  text-align: center;

	  color: #000000;
  }

  .eet-smakelijk {
	  position: absolute;
	  /* width: 103px; */
	  height: 24px;
	  left: calc(50% - 103px/2 + 0.5px);
	  bottom: 16px;

	  /* H1 */
	  font-family: Nunito;
	  font-style: normal;
	  font-weight: bold;
	  font-size: 16px;
	  line-height: 150%;
	  /* identical to box height, or 24px */
	  text-align: center;

	  color: #000000;
  }

  .slider {
      margin-left: 86px;
  }

  .cutting-line{
	  width: 1px;
	  height: 10px;
	  background-color: #a8a8a8;
	  align-self: flex-end;
      margin: 0 36px;
  }

  .cutting-line-feedback{
	width: 10px;
	height: 1px;
	background-color: #a8a8a8;
	align-self: flex-end;
	margin: 36 0px;
}

  .divider {
    flex: none;
    width: 40px;
    height: 1px;
    background-color: rgb(104, 104, 104);
    margin-top: 8px;
    margin-bottom: 12px;
  }

  .divider:hover { 
	background-color: #dbf5ae; 
}

  .divider-blanco {
    flex: none;
    width: 40px;
    height: 1px;
    /* background-color: rgb(255, 0, 0);  */
    margin: 0px;
  }

  @media print {

	  .slider{
          /* opacity: 0; */
		  display: none;
	  }

	  .green-box {
		top: 80px;
	  }

  }