@font-face{
	font-family:'EditorIcons';
	src:url('/restapi/icons.woff2') format('woff2'),
	url('/restapi/icons.woff') format('woff');
	font-weight:normal;
	font-style:normal;
}
.container-recipes {

		div.box {
			display:none;

			.name {
				font-weight: bold;
				width: 100%;
				display: block;
                margin-bottom: 4px;
			}
			.ingredients {
				font-size: 10px;
				display: block;
                margin-bottom: 2px;
			}
			.portions {
				font-size: 10px;
				display: block;
                margin-bottom: 2px;
			}
			.time {
				font-size: 10px;
				display: block;
                margin-bottom: 2px;
			}
			.calories {
                font-size: 10px;
                float: left;
				margin-right: 6px;
			}
			.protein {
                font-size: 10px;
                float: left;
				margin-right: 6px;
			}
			.fat {
                font-size: 10px;
                float: left;
				margin-right: 6px;
			}
			.carbohydrate {
                font-size: 10px;
                float: left;
				margin-right: 6px;
			}
		}
		.descr,
		.ingredientsbox {
			display: none;
		}

}
#modal {
	  display: none;
	  position: fixed;
	  z-index: 2;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  overflow: auto;
	  background-color: rgba(0, 0, 0, 0.4);


	#modal-content {
		position: absolute;
		top: 5%;
		left: 50%;
		margin-left: -15%;
		width: 35%;
		background: #fff;
		padding: 25px;
		border-radius: 25px;




		div.box {
			display:block;

			span {
				width: 50%;
                font-size: 10pt;
    			display: inline-block;
				margin: 3px 0px;
			}
			.title {
				width: 100%;
				display: inline-block;
				text-align: center;
				font-size: 16pt;
				font-weight: bold;
				margin: 15px 0px;
			}
			.name {
				width: 100%;
				display: inline-block;
				text-align: center;
				font-size: 18pt;
				font-weight: bold;
				margin: 15px 0px;
			}
			.descr {
				.descr-content {
					font-style: italic;
					margin: 15px 0px;
				}
			}
			.search::before {
				content: "";
				color: rgb(52, 180, 62);
				font-weight: 400;
				margin: 0px 5px;
				font-family: EditorIcons;
			    display: inline-block;
			}

		}

.moto-container_content_60193ed71 {
box-shadow: none;
}
.link-showmodal {
display:none;
}


	}
}