.modal-wrapper {
	z-index: 999;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 40px 10px;
	text-align: center;
	font-size:14px;
	display: none;
}

/* .modal-wrapper:not(:target) {
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s, visibility .3s;
}

.modal-wrapper:target {
	opacity: 1;
	visibility: visible;
	transition: opacity .4s, visibility .4s;
} */

.modal-wrapper::after {
	display: inline-block;
	height: 100%;
	margin-left: -.05em;
	vertical-align: middle;
	content: "";
}

.modal-wrapper .modal-window {
	box-sizing: border-box;
	display: inline-block;
	z-index: 20;
	position: relative;
	min-width: 60%;
	max-width: 70%;
	padding: 30px 15px 30px;
	border-radius: 2px;
	background: #fff;
	box-shadow: 0 0 30px rgba(0, 0, 0, .6);
	vertical-align: middle;
}

.modal-wrapper .modal-window .modal-content {
	max-height: 80vh;
	overflow-y: auto;	
	text-align: left;
}

.modal-window h4 {
	background:#009908;
	color:#fff;
	border-bottom:2px solid #448ACA;
	font-size:1.5em;
	padding:10px;
	}

.modal-itemname {
	font-size:18px;
	font-weight:bold;
	background:#f2f2f2;
	padding:5px;
	}

.modal-comment {
	padding:20px;
	background:#f2f2f2;
	}

.modal-window h5 {
	border-bottom:2px solid #448ACA;
	font-size:1.2em;
	}

.modal-window iframe {
	display:flex;
	width: 100% !important;
	height: 100%;
	display: block;
	border:none;
	overflow-x:hidden;
	}

.modal-overlay {
	z-index: 10;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .8);
}

.modal-wrapper .modal-close {
	z-index: 20;
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
	color: #95979c !important;
	font-size: 20px;
	font-weight: 700;
	line-height: 35px;
	text-align: center;
	text-decoration: none;
	text-indent: 0;
}

.ai_modal-img {padding:0 20px 20px;float:right;}
.ai_modal-img img {width:256px;height:256px;}
.ai_modal-img span {font-size:12px;}

.ai_col {display:table;width:100%;}

.ai_col * {box-sizing:border-box;}

.ai_col_half {display:table-cell;padding:5px;text-align:center;width:50%;}

.ai_col_inner {padding:5px 0;text-align:center;}
.ai_col_inner_wide {padding:5px 30px;text-align:center;}

a.disabled:hover{
	text-decoration: none;
}

.result-content {
	overflow-y:scroll; 
	overflow-x:hidden; 
	height:400px;
}

.btn_disabled {
	background-color: #f77c00;
	border-bottom: 2px solid #d26a00;
	border-radius: 5px;
	box-shadow: 0 2px 1px #d9d9d9;
	color: red !important;
	text-shadow: -1px -1px 1px #dd6200, 0 1px 1px #f88c20;
}

.btn_recipe{
	/* background:#cc6200;
	border-radius:5px;
	font-weight:bold;
	color:#fff;
	font-size:1.2em;
	line-height:1.2em; */
	display:inline-block;width:100%;padding:10px;background:#cc6200;border-radius:5px;font-weight:bold;color:#fff !important;font-size:14px;line-height:1.2em;
	border: none;
}

.btn_uses{
	/* background:#008ecc;
	border-radius:5px;
	font-weight:bold;
	color:#fff;
	font-size:1.2em;
	line-height:1.2em; */
	display:inline-block;width:100%;padding:10px;background:#008ecc;border-radius:5px;font-weight:bold;color:#fff !important;font-size:14px;line-height:1.2em;
	border: none;
}

.btn_max:not([disabled]) {
	cursor: pointer;
}