.css-recipe-item #amount {
	width:70px;
	text-align:center;
}
.css-recipe-item #css-recipe-amount .control-label{
	margin-right:20px;
	font-size: 45px;
  font-weight: normal;
}

.css-recipe-item .recipe-print-button button .fa {
	  font-weight: normal !important;
}

.css-recipe-item .recipe-print-button button {
	color:#88ab33;
	border:1px solid #88ab33;
	padding:3px 30px;
	font-size: 30px;
	background-color:#fff;
}

.css-recipe-item .recipe-print-button button:hover {
	background-color:#698427!important;
	border:1px solid #fff;
	color:#fff;
}

.css-recipe-item .recipe-print-button  {
	padding:30px 0;
}

.css-recipe-item .calculate {
	margin-left:15px;
}
.css-recipe-item .input-group {
	width:2%;
}

.css-recipe-item #css-recipe-amount {
	margin:0 0;
	padding:20px 0;
}



.css-recipe-item  .nowrap {
	white-space:nowrap;
}
.css-recipe-item  .text-bold {
	font-weight:bold;
}
.css-recipe-item  .css-container-submit {
	margin:30px 0 0;
	text-align:center;
}


.css-recipe-item .css-recipe-table td {
	padding-right:30px;
	padding-bottom:5px;
	vertical-align:top;
}

.css-recipe-item .print-amount {
	display:none;
}
.css-recipe-item .css-recipe-table {
	width:auto
}

.css-components {
	background-color:#f4efe9;
}

.css-recipe-component-title {
	font-site:16px;
	font-weight:bold;
}

.css_recipe-modal .alert-danger {
	margin:0;
}
.css_recipe-modal .modal-xl {
	width:90%;
}

.css-recipe-loader {
	background-image:url(../img/loader.gif);
	background-repeat:no-repeat;
	background-position:center center;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff;
	opacity:0.5;
}



.css-recipe-dropdown-box .css-recipe-label {
	font-weight:bold;
	padding: 0  0 5px 5px;
}
.css-recipe-dropdown-box .dropdown-menu li a {
	padding:5px 10px 5px 0;
	display:block;
	width:100%;
	white-space:normal;
	color:#575350;
}
.css-recipe-dropdown-box .dropdown-menu li {
	border-top:1px solid #eae2d7;
	padding-left:0;
}

.css-recipe-dropdown-box .dropdown-menu {
	width:100%;
	margin-top:-30px;
	border:1px solid #698427 !important;
	padding:0 35px 0 10px
}

.css-recipe-dropdown-box {
	background-color:#f4efe9 !important;
	padding:10px;
	margin-top:20px;
	z-index:100;
	position:relative;
}

.css-recipe-button  .icon-content svg{
	transition: all 0.5s ease;
}

.open .css-recipe-button  .icon-content svg{
	transform: rotate(-180deg);
}

.css-recipe-button {
	font-size:16px;	
	font-weight:normal;
	text-transform:none;
}

.css-recipe-button  .icon-content {
	padding:5px 6px;
	position:absolute;
	top:0;
	bottom:0;
	right:0px;
	width:30px;
	background-color:#698427;
	color:#fff;
	z-index:1050;
}




.css-recipe-button {
	border:1px solid #698427 !important;
	background-color:#fff !important;
	padding:3px 30px 3px 10px;
	position:relative;
	width:100%;
	text-align:left;
	color:#575350 !important;
	
}

.css-recipe-flex-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    }

.css-recipe-flex-item:nth-child(1) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.css-recipe-flex-item-image {
	margin-right:10px;
}    
    
.css-recipe-flex-item:nth-child(2) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: center;
    }


.css-recipe-item #css-recipe-accesorie .control-label {
	margin-right: 20px;
	font-size: 45px;
	font-weight: 400;
}

.css-accesorie-table {
	margin-left:1.5rem;
}
.css-accesorie-table td {
	vertical-align:middle !important;
}


@media (max-width: 1030px) {
	.productdetails-gallery {
	  height: auto;
	  position: -webkit-relative;
	 	position: relative; 
	 	top: 0;
	}
}

@media(max-width:650px) {
	.css-recipe-item #css-recipe-amount .control-label{
		font-size:24px;
	}
	#css-recipe-accesorie .control-label {
		margin-left: 0rem !important;
		font-size:24px !important;
	}
}

@media(max-width:500px) {
	.css-recipe-item .css-recipe-table td {
		padding-right:10px;
	}
}
@media(max-width:768px) {
	.css-recipe-item .recipe-print-button button {
		width:100%;
	}
	.css-accesorie-table {
		margin-left:0.5rem;
	}

	.css-accesorie-table td {
		vertical-align:top !important
	}

}

.css-mobile-recipe-list >.col {
	padding:0;
	margin-bottom:10px;
}

.css-mobile-recipe-list {
	margin-top:-20px;
	margin-bottom:15px;
}
	.css-recipe-item .css-recipe-table td.last {
		padding-right:0px;
	}

#css-recipe-accesorie .control-label {
	margin-left: 1rem;
}