body {
	font-size: 14px;
}

.color-primary {
	color: #3e6250;
}

.customBtn {
	background-color: #3e6250;
	color: white;
	border-radius: 50px;
	border: none;
	padding: 3px 20px;
	margin: 0px 15px;
}

.customInput {
	border-radius: 50px;
	text-align: center;
	margin-left: 20px;
	margin-right: 20px;
}

.customList {
	margin-left: 24px !important;
	margin-top: 16px !important;
}

.noSpacing {
	padding: 0;
	margin: 0;
}

.item {
	padding: 12px 0px;
	-webkit-padding-before: 9px;
	-webkit-padding-after: 9px;
}

.remove {
	margin-left: 30px;
}


@media screen and (min-width: 600px) {
 .customBtn {
    width: 120px;
		margin: 20px auto;
		margin-left: auto;
		margin-right: auto;
  }

  .customList {
		margin-left: 0px !important;
		margin-top: 0px !important;
		padding-left: 0px !important;
	}

	.customInput {
		margin-left: 20px;
		margin-right: 5px;
	}
}

@media screen and (max-width: 500px) {
	.customBtn {
    width: 120px;
		margin-top: 20px;
		margin-bottom: 20px;
  }

  .customList {
		margin-left: 0px !important;
		margin-top: 0px !important;
		padding-left: 0px !important;
	}

	.customInput {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}

	#clearLog {
		margin-left: 15px;
	}

	#listIcon {
		display: none;

	}
}