/*-- modal --*/
.ai_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;
}

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

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

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

.ai_modal-wrapper .ai_modal-window {
	box-sizing: border-box;
	display: inline-block;
	z-index: 20;
	position: relative;
	height: 90%;
	min-height: 700px;
	max-height: 800px;
	width: 60%;
	min-width: 700px;
	max-width: 900px;
	padding: 30px 15px 5px;
	border-radius: 15px;
	background: #fff;
	box-shadow: 0 0 30px rgba(0, 0, 0, .6);
	vertical-align: middle;	
	/* resize: both; */
	overflow: hidden;
}

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

.ai_modal-window h4 {
	position:sticky;
	top: 0;
	background:#cc0000;
	color:#fff;
	border-bottom:2px solid #448ACA;
	font-size:24px;
	padding:10px;
	}

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

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

.ai_modal-window h5 {
	border-bottom:2px solid #cc0000;
	font-size:1.2em;
	}

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

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

.ai_modal-wrapper .ai_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:20px;float:right;}
.ai_modal-img img {width:256px;height:256px;}
.ai_modal-img span {font-size:12px;}

.ai_modal-inner {padding:20px;}

.ai_modal-txt {margin-bottom:20px;clear:both;}

.ai_modal-closebtn {display:inline-block;padding:5px;border:1px solid #ccc;}

.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%;vertical-align:top;}

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

.ai_col a {text-decoration:none !important;}
.ai_col a:hover {opacity:0.7;}
.ai_col a:visited {color:#fff !important;}

.btn_ai_recipe {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_ai_use {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_disabled {
	display:inline-block;
	width:100%;
	padding:10px;
	background:rgb(243, 197, 189);
	border-radius:5px;
	font-weight:bold;
	color:#fff !important;
	font-size:14px;
	line-height:1.2em;
}

a.btn_uses_disabled {
	display:inline-block;
	width:100%;
	padding:10px;
	background:#7EC8E3;
	border-radius:5px;
	font-weight:bold;
	color:#fff !important;
	font-size:14px;
	line-height:1.2em;
}

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

.btn_ai:not([disabled]),.ai_modal-close,.ai_modal-closebtn{
	cursor: pointer;
}

.ai_feature_foruse_wrapper {
	padding:20px;background:#fee9ce;
}
ul.genre {width:100%;
	background:#E1F0FF;
	padding:5px 0;
	}

.genre li {
	display:inline-block;
	width:47%;
	padding:3px 10px;
	margin:1px 1%;
	text-align:center;
	font-size:1.3em;
	border-bottom:1px solid #008ECC;
	border-right:1px solid #008ECC;
	}

.genre li a,
.genre li a:visited {
	display:block;
	color:#00c !important;
	}

.genre li:hover {
	background:#fff;
	}
details.disabled summary {
	pointer-events: none; /* prevents click events */
	user-select: none; /* prevents text selection */  
}