@charset "UTF-8";

/*
@font-face {
  font-family:'FontAwesome';
  src:url('fonts/fontawesome-webfont.eot?v=4.6.3');
  src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),
      url('fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),
      url('fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),
      url('fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),
      url('fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight:normal;
  font-style:normal;
}
*/

:root {
	--tooltip-shadow-width: 3px;
	--tooltip-background-color: #110000;

	--tooltip-background-color-blue: rgb(74, 48, 65);
	--tooltip-background-color-green: #006600;
	--tooltip-background-color-red: #660000;

	--tooltip-shadow-color-inner: rgba(255,255,255,0.25);
}
@media (prefers-color-scheme: dark) {
	:root {
		--tooltip-shadow-width: 3px;
		--tooltip-background-color: #110000;

		--tooltip-background-color-blue: rgb(74, 48, 65);
		--tooltip-background-color-green: #005500;
		--tooltip-background-color-red: #660000;
		--tooltip-shadow-color-inner: rgba(255,255,255,0.25);

	}
}


body, html {

	width: 100%;
	height: 100%;

	margin: 0;
	padding: 0;
	border: 0;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	font-size:13px;
}

body {
	margin: 0;
	padding: 0;
	padding-top: 0px;
	font-family: "Lato", sans-serif;
	font-weight: normal;

	transition: background-color .5s;
	background-color: #9FCA7B;
	color: #4FA674;
	color: #224620;
	background-color: rgb(238, 242, 243);
	background-image: radial-gradient(farthest-corner at 50% 50%, white, rgb(238, 242, 243));
	background-attachment: fixed;
	background-position: center;

	overflow-x: hidden;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{ display:block; }
audio,canvas,progress,video{ display:inline-block;vertical-align:baseline; }
audio:not([controls]){ display:none;height:0; }
[hidden],template{ display:none; }
a{ background-color:transparent; }
a:active,a:hover{ outline:0; }
sub,sup{ font-size:75%;line-height:0;position:relative;vertical-align:baseline; }
sup{ top:-.5em; }
sub{ bottom:-.25em; }
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
pre{ overflow:auto; }
code,kbd,pre,samp{ font-family:monospace,monospace;font-size:1em; }


table, tr, td, div, p, ul, ol, li {
	color: inherit;
	font: inherit;
	font-size: inherit;
	font-weight: inherit;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}
td {
	border: 0;
	padding: 3px;
}

.subject_nav {
	font-size:1rem;
	color: #000;
}

p.outer {
	margin-left: 1em;
	margin-right: 1em;
}




/*
 * DICTIONARY / VOCABULARY
 */
.thai_header {
	font-family: 'Leelawadee UI',Leelawadee, Helvetica, Arial Unicode MS,Code2000,sans-serif;
	font-size: 2rem;
}
.thai_header_sans {
	font-family: 'Prompt', DBHelvethaicaMonXBd, Tahoma, Helvetica, Arial Unicode MS,Code2000,sans-serif;
	font-size: 2rem;
}
.fonek {
	font-size: 1em;
	font-family: Verdana, 'Leelawadee UI',Leelawadee, Helvetica, Arial Unicode MS,Code2000,sans-serif;
}

@media (min-width: 0px) {
	.thai_header {  font-size: 1.2rem; }
	.thai_header_sans {  font-size: 1.2rem; }
}
@media (min-width: 200px) {
	.thai_header {  font-size: 1.4rem; }
	.thai_header_sans {  font-size: 1.4rem; }
}
@media (min-width: 400px) {
	.thai_header {  font-size: 1.6rem; }
	.thai_header_sans {  font-size: 1.6rem; }
}
@media (min-width: 600px) {
	.thai_header {  font-size: 1.8rem; }
	.thai_header_sans {  font-size: 1.8rem; }
}

@media (min-width: 800px) {
	.thai_header {  font-size: 2rem; }
	.thai_header_sans {  font-size: 2rem; }
}








img.lang_flag_url {
	width: 2em;
	height: 2em;
}


/*
 * LINK THUMB LIKE USED ON WELCOME PAGE
 */
img.link_thumb {
	width: 80px;
	height: 80px;
	border: none;
}
@media (min-width: 0px) {
	img.link_thumb { width: 20px; height: 20px; }
}
@media (min-width: 60px) {
	img.link_thumb { width: 40px; height: 40px; }
}
@media (min-width: 80px) {
	img.link_thumb { width: 60px; height: 60px; }
}
@media (min-width: 100px) {
	img.link_thumb { width: 80px; height: 80px; }
}




/*
 *
 * SEE ALSO
 *
 */



.form_panel {
	vertical-align: top; 
	padding:0;
	margin:0;
	border-radius: 4px;
}
.see_also_panel {
	vertical-align: top;
	padding:0;
	margin:0;
	border-radius: 4px;
}

.see_also_table {
	border:0;
	border-collapse:collapse;
	border-spacing:0;
	border-radius: 4px;
}



.see_also_label {
	text-align:right;
	white-space: nowrap;
	font-size:0.7rem;
	font-weight: normal;
	text-decoration:none;
	position:relative;
	transition: all .5s;
	border-radius: 4px;
}
.see_also_separator {
	padding:0;
	margin:0;
	border:0;
	position:relative;
	opacity:1;
	transition: all .5s;
	border-radius: 4px;
}



.see_also_overline {
	padding:0;
	margin:0;
	border:0;
	border-bottom:solid 1px #cccccc;
	font-size:4px;
	width: 10px;
}
.see_also_underline {
	padding:0;
	margin:0;
	border:0;
	border-top:solid 1px rgba(222,222,222,0);
	font-size:4px;
	width: 10px;
}
.see_also_bracket {
	padding:0;
	margin:0;
	border:0;
	border: solid 1px #cccccc;
	border-right:none;
	border-radius: 4px;
	width:10px;
	position: relative;
	opacity:1;
	transition: all .5s;
}

.see_also_box {
	padding-left:0;
	margin:0;
	border:0;
}
ul.see_also {
	margin:0;
	margin-left:2em;
	padding:0;
	list-style-type: circle;
	transition: all .5s;
}

@media (min-width: 0px) {
	ul.see_also { margin-left:1.4em; margin-top:1.5rem; }
	.see_also_label { font-size:0.9rem; font-weight:bold; text-decoration:underline; position: absolute; }
	.see_also_separator { position:absolute; opacity:0; }
	.see_also_overline { width:3px; }
	.see_also_underline { width:3px; }
	.see_also_bracket { position:absolute; opacity:0; width:3px; }
}


@media (min-width: 425px) {
	ul.see_also { margin-left:1.6em;  margin-top:0; }
	.see_also_label { white-space: auto; font-size:0.6rem; font-weight: normal; text-decoration:none; position:relative; }
	.see_also_separator { position:relative; opacity:1; }
	.see_also_overline { width:5px; }
	.see_also_underline { width:5px; }
	.see_also_bracket {  position: relative; opacity:1; width:6px; }
}
@media (min-width: 600px) {
	ul.see_also { margin-left:1.75em;  margin-top:0; }
	.see_also_label { white-space: auto; font-size:0.7rem; font-weight: normal; text-decoration:none; position:relative; }
	.see_also_separator { position:relative; opacity:1; }
	.see_also_overline { width:7px; }
	.see_also_underline { width:7px; }
	.see_also_bracket {  position: relative; opacity:1; width:6px; }
}

@media (min-width: 800px) {
	ul.see_also { margin-left:2em; margin-top:0;}
	.see_also_label { white-space: auto; font-size:0.7rem; font-weight: normal; text-decoration:none; position:relative; }
	.see_also_separator { position:relative; opacity:1; }
	.see_also_overline { width:10px; }
	.see_also_underline { width:10px; }
	.see_also_bracket {  position: relative; opacity:1; width:10px; }
}






#nav_notification_bubble, #nav_shopping_cart_bubble {
	position:absolute;
	left:1.4em;
	top:-0.35em;
	display:inline-flex;
	align-items: center;
	justify-content: center;

	font-size:0.7em;
	height:0.9em;
	min-width:0.9em;
	padding:0.4em;
	padding-top:0.25em;
	padding-bottom:0.25em;
	font-family: "Helvetica Neue", Helvetica, Arial, 文泉驛正黑, "WenQuanYi Zen Hei", "Hiragino Sans GB", "儷黑 Pro", "LiHei Pro", "Heiti TC", 微軟正黑體, "Microsoft JhengHei UI", "Microsoft JhengHei", sans-serif;
	border: solid white 1px;
	color: white;

	border-radius:0.7em;
	background-color: #fa4616;

	transition: opacity 0.5s;

}
#nav_shopping_cart_bubble {
	border: solid white 1px;
	background-color: rgb(113, 176, 0);
}




#notification_drop_down_sub_menu {
	left: -63px;
	width: 300px;
}
#notification_drop_down_empty_container_div {
	min-height:50px;
	margin-top: -1em;
	margin-bottom: 0;
	text-align: center;
	font-size: 0.7em;
	padding: 5px;
	white-space: normal;
	word-wrap: normal;
	cursor: default;
	width: 300px;

}

#notification_drop_down_top_title_box {
	margin-top: -.5em;
	padding-bottom: 0.5em;
	padding-left: 0.4em;
	text-align: left;
	font-size: 0.7em;
	cursor: default;	
}

#notification_drop_down_bottom_view_all_link_box {
	padding-top: 0.25em;
	text-align: center;
	font-size: 0.7em;
	cursor: default;
}

#notification_output_container_div {
	min-height:50px;
	max-height:350px;
	max-height: max(200px, min(65vh, 350px));

	overflow-y: auto;
	overflow-x: hidden;

	scrollbar-width: thin;

	font-size: 0.7em;
	margin: 0;

	display: flex;
	flex-direction: column;
	gap: 2px;
}
#notification_output_container_div::-webkit-scrollbar {
	width: 8px;
}
/*
div::-webkit-scrollbar-track {
  background: #f1f1f1;
}

div::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 10px;
}

div::-webkit-scrollbar-thumb:hover {
  background: #555;
}
*/

#notification_output_container_div > div {
	max-width: 300px;
	min-height:50px;
	display: flex;
	align-items: flex-start;
	padding: 5px;
	border-radius: 2px;
}
#notification_output_container_div > div.notif_read {
	margin-left: 3px;
}
#notification_output_container_div > div.notif_unread {
	border-left: solid 3px #fa4616;
}
#notification_output_container_div > div.notif_read, #notification_output_container_div > div.notif_unread {
	box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.25);
}
#notification_output_container_div > div.notif_read:hover, #notification_output_container_div > div.notif_unread:hover {
	background: rgb(255,255,255,0.05);
}
/*
.user_photo {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	margin-left:auto;
	margin-right:auto;
	background-image: url("../img/user_profile_silhouette_default.svg");
	background-size: cover;
	overflow:hidden;
	box-shadow: inset 0 0 2px rgba(128,128,128,0.5);
}
*/

#notification_output_container_div > div > .notif_image {
	flex-shrink: 0;
	margin-right: 0.5em;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}

#notification_output_container_div > div > .notif_message {
	flex: 1;
	overflow: hidden;
}

#notification_output_container_div > div > .notif_message p {
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.notification_source_container {
	width: 100%;
	margin: 0;
	padding: 0.25em;
}

.notification_image {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}




#shopping_cart_drop_down_sub_menu {
	left: -55px;
	width: 300px;
}



#page_sidenav {
	position: fixed;
	z-index: 1018;
	width: 0;
	top: 0;
	left: 0;
	bottom: 0;

	color: rgb(0, 0, 0);
	/*
	background-color: rgb(147, 184, 116);
	background-color: rgb(173, 201, 150);
	background-color: rgb(236, 235, 232);
	background-color: rgb(240, 245, 236);
	background-color: rgba(236, 235, 232, 0.75);
	background-color: rgb(227, 240, 216);
	*/
	font-size: inherit;


	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;

	background-color: rgb(228, 232, 233);
	box-shadow: 0 3px 6px rgba(0,0,0,0.5), 0 5px 6px rgba(0,0,0,0.5);
}

#logo {
	position: absolute;
	z-index: 1057;
	/*  background-image: url('../img/elephant.svg'); *//* DEFINED IN PAGE HEADER */
	background-repeat: no-repeat;
	left: 11px;
	top: 14px;
	width: 105px;
	height: 72px;
	transition: all .5s;
}

#page_top_nav_outer {
	position: absolute;
	z-index: 1056;
	top: 14px;
	left: 124px;
	right: 0px;
	width: calc(100vw - 125px);
	transition: all .5s;
	font-size:1.3rem;
}

@media (max-width: 440px) {
	#logo {
		left: 5px;
		top: 14px;
		width: 70px;
		height: 48px;
	}
	#page_top_nav_outer {
		left: 79px;
		top: 14px;
		width: calc(100vw - 80px);
		font-size:1rem;
	}
}
@media (max-width: 360px) {
	#logo {
		left: 4px;
		top: 15px;
		width: 59px;
		height: 40px;
	}
	#page_top_nav_outer {
		left: 70px;
		top: 14px;
		width: calc(100vw - 60px);
		font-size:0.9rem;
	}
}

@media (max-width: 310px) {
	#logo {
		left: 3px;
		top: 14px;
		width: 39px;
		height: 28px;
	}
	#page_top_nav_outer {
		left: 62px;
		top: 7px;
		width: calc(100vw - 40px);
		font-size:0.86rem;
	}
}




#page_main {
	transition: all .5s;
	transition: margin-left .5s;
	padding: 0;
	margin: 0;
	margin-top: 170px;
	margin-bottom: 120px;
	min-height: calc(100vh - 340px);
	font-size: inherit;
	max-width: calc(100% - (100% - 100vw));
	/*  overflow-x: hidden;*/
	overflow-y: visible;
}
@media (min-width: 0px) {   #page_main { font-size:0.5em;}}
@media (min-width: 170px) { #page_main { font-size:0.6em;}}
@media (min-width: 200px) { #page_main { font-size:0.7em;}}
@media (min-width: 240px) { #page_main { font-size:0.8em;}}
@media (min-width: 310px) { #page_main { font-size:0.85em;}}
@media (min-width: 360px) { #page_main { font-size:0.875em;}}
@media (min-width: 400px) { #page_main { font-size:0.9em;}}



/*
 *
 * PAGE TITLE
 *
 */
.pagetitle {
	color: rgb(34, 70, 32);
	font-family: 'Trebuchet MS', 'Leelawadee UI', Leelawadee, Helvetica, Arial Unicode MS, Code2000, sans-serif;
	font-size: 2em;
	font-weight: 500;
	text-shadow: 1px 1px 5px rgba(34, 70, 32,0.3);
	padding: 0.5em;
	padding-top: 0.5em;
	transition: all .5s;
}
.pagetitle_outer {
	color: #224620;
}
.pagesubtitle {
	color: rgb(34, 70, 32);
	font-family: 'Trebuchet MS', 'Leelawadee UI', Leelawadee, Helvetica, Arial Unicode MS, Code2000, sans-serif;
	font-size: 1.3em;
	font-weight: 500;
	text-shadow: 1px 1px 5px rgba(34, 70, 32,0.3);
	padding: 0.5em;
	padding-top: 0.5em;
	transition: all .5s;
}



.page_section {
	padding: 0.5em;
}




fieldset {
	margin:0;
	padding:.35em 0 .75em;
	border:0;
	font-size: inherit;
}
legend {
	display: block;
	width: 100%;
	padding: 0.3em 0;
	margin-bottom: 0.3em;
	color: #333;
	border-bottom:1px solid #e5e5e5;
	font-size: 1.5rem;
	font-weight: 600;


	color: rgb(34, 70, 32);
	color: rgb(69, 80, 69);

	font-family: 'Trebuchet MS', 'Leelawadee UI',Leelawadee, Helvetica, Arial Unicode MS,Code2000,sans-serif;
	font-size: 2em;
	font-weight: 500;
	text-shadow: 1px 1px 5px rgba(34, 70, 32,0.3);
	padding: 0.5em;
	padding-top: 0.5em;
	transition: all .5s;
}



@media (min-width: 0px) {   .pagetitle { font-size:1.5em;} .pagesubtitle { font-size:1.0em;}  legend{ font-size:1.2em;}}
@media (min-width: 170px) { .pagetitle { font-size:1.6em;} .pagesubtitle { font-size:1.05em;} legend{ font-size:1.3em;}}
@media (min-width: 200px) { .pagetitle { font-size:1.7em;} .pagesubtitle { font-size:1.1em;}  legend{ font-size:1.4em;}}
@media (min-width: 240px) { .pagetitle { font-size:1.8em;} .pagesubtitle { font-size:1.15em;} legend{ font-size:1.5em;}}
@media (min-width: 310px) { .pagetitle { font-size:1.9em;} .pagesubtitle { font-size:1.2em;}  legend{ font-size:1.6em;}}
@media (min-width: 360px) { .pagetitle { font-size:2em;}   .pagesubtitle { font-size:1.3em;}  legend{ font-size:1.7em;}}



.head_talking {
	text-decoration: none;
	display: inline-block;
	background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg x='0' y='0' viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath fill='%23FFA000' d='M102.22,71.72c0.39,0.64,1.07,1.01,1.76,1.01c0.29,0,0.58-0.06,0.86-0.2l16.15-7.72 c0.53-0.26,0.94-0.74,1.12-1.32c0.18-0.61,0.1-1.27-0.22-1.81l-2.84-4.73c-0.33-0.54-0.86-0.91-1.47-0.99 c-0.59-0.09-1.2,0.1-1.65,0.51l-13.43,12.24c-0.77,0.7-0.93,1.9-0.39,2.8L102.22,71.72zM121.78,93.21l-16.96-8.11c-0.75-0.36-1.64-0.08-2.08,0.64l-0.54,0.9 c-0.43,0.71-0.3,1.62,0.3,2.18l14.11,12.85h0c0.3,0.27,0.69,0.42,1.08,0.42c0.08,0,0.15,0,0.23-0.02 c0.48-0.07,0.91-0.35,1.17-0.78l3.39-5.65c0.25-0.42,0.32-0.93,0.17-1.4C122.52,93.79,122.2,93.41,121.78,93.21zM123.94,75.28c-0.01-0.63-0.29-1.22-0.77-1.61c-0.45-0.37-1.03-0.51-1.59-0.4l-17.85,3.58 c-0.93,0.19-1.73,1.04-1.73,2.03v0.34c0,1.07,0.93,1.98,1.95,2.06l17.85,1.45c0.05,0,0.13,0.01,0.18,0.01 c0.48,0,0.98-0.19,1.34-0.53c0.43-0.4,0.68-0.97,0.67-1.57L123.94,75.28z'/%3E%3Cpath style='opacity:0.2;fill:%23424242' d='M104.28,87.06l16.33,7.81l-3.01,5l-13.59-12.38L104.28,87.06 M104.14,84.95 c-0.55,0-1.09,0.29-1.39,0.79l-0.54,0.9c-0.43,0.71-0.3,1.62,0.3,2.18l14.11,12.85h0c0.3,0.27,0.69,0.42,1.08,0.42 c0.08,0,0.15,0,0.23-0.02c0.48-0.07,0.91-0.35,1.17-0.78l3.39-5.65c0.25-0.42,0.32-0.93,0.17-1.4 c-0.14-0.46-0.46-0.83-0.88-1.04l-16.96-8.11C104.6,85,104.37,84.95,104.14,84.95L104.14,84.95zM117.28,57.93c0.01,0,0.03,0.02,0.04,0.05l2.85,4.73c0.03,0.06,0.04,0.13,0.02,0.2 c-0.02,0.05-0.05,0.09-0.06,0.09l-16.14,7.72c0,0-0.03,0-0.05-0.04l-0.13-0.21c-0.05-0.08-0.03-0.23,0.03-0.28L117.28,57.93 M117.27,55.93c-0.5,0-0.98,0.19-1.36,0.54l-13.43,12.24c-0.77,0.7-0.93,1.9-0.39,2.8l0.13,0.21 c0.39,0.64,1.07,1.01,1.76,1.01c0.29,0,0.58-0.06,0.86-0.2l16.15-7.72c0.53-0.26,0.94-0.74,1.12-1.32 c0.18-0.61,0.1-1.27-0.22-1.81l-2.84-4.73c-0.33-0.54-0.86-0.91-1.47-0.99C117.47,55.94,117.37,55.93,117.27,55.93 L117.27,55.93zM121.93,75.24c0.01,0.01,0.01,0.03,0.01,0.05l0.04,5.51c0,0.01-0.02,0.2-0.06,0.2 c-0.01,0-0.04,0-0.06,0c-0.02,0-0.03,0-0.03,0l-17.58-1.53c0-0.04-0.25-0.21-0.25-0.25v-0.34c0-0.07,0.25-0.13,0.25-0.19 L121.93,75.24 M121.96,73.23c-0.13,0-0.25,0.01-0.38,0.04l-18.35,3.58c-0.93,0.19-1.23,1.04-1.23,2.03v0.34 c0,1.07,0.43,1.98,1.45,2.06l18.1,1.45c0.05,0,0.26,0.01,0.31,0.01c0.48,0,1.04-0.19,1.4-0.53c0.43-0.4,0.71-0.97,0.7-1.57 l-0.03-5.36c-0.01-0.63-0.28-1.22-0.76-1.61C122.82,73.38,122.4,73.23,121.96,73.23L121.96,73.23z'/%3E%3ClinearGradient id='LG' gradientTransform='matrix(0.9883 0.1522 -0.1522 0.9883 10.4089 -7.2953)' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='8' y2='128'%3E%3Cstop offset='0.15' style='stop-color:%231E88E5'/%3E%3Cstop offset='0.89' style='stop-color:%231565C0'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23LG)' d='M98.36,82.66c-0.7-1.01-2.92-0.24-8.17-0.06c-2.44,0.08-3.68-1.77-3.68-1.77 s2.68-1.04,8-3.17c2.5-1,4.11-2.01,4.5-4.17c0.14-0.76-0.08-1.45-0.28-1.89c-0.33-0.97-0.74-1.19-0.88-1.9 c-0.16-0.78-0.03-1.62,0.59-2.22c0.93-0.91,3.04-1.6,3.41-4.82c0.67-5.83-10.33-6.5-9.07-15.79c0.07-0.49,0.05-0.12,1.03-6.49 c0.11-0.68,0.19-1.24,0.25-1.62c0,0,0.03-0.7-0.09-1.42c-0.79-4.78-5.85-13.43-5.85-13.43c-2.37-4.04-2.53-4.37-2.68-4.61 c-0.03-0.05-0.05-0.08-0.06-0.09c0,0,0,0,0,0c0,0-0.06-0.07-0.16-0.19c1.09-0.88,2.38-2.24,2.33-3.5 c-0.06-1.45-2.22-2.74-3.5-3.32C80.21,10.49,40.57-7,19.49,15.74C8.91,27.13,7.39,37.66,6.67,42.33 c-5.54,35.98,26.28,51.32,29.37,64.03c0.28,1.17,0.5,3.61,0.5,5.71c0,9.77-1.16,15.93-1.16,15.93l38.66,0.26 c0,0-0.69-20.85,1.24-22.34c1.23-0.95,11.99-1.73,13.1-1.88c1.82-0.25,5.2-1.25,6.6-2.76c5.22-5.64-0.3-9.56,1.52-12.46 c0.12-0.19,0.64-0.75,1.17-1.67c0.24-0.41,0.45-0.78,0.63-1.29C98.43,85.47,99.14,83.79,98.36,82.66z'/%3E%3Cpath style='opacity:0.2;fill:%23424242' d='M49.12,7.17c15.66,0,30.8,6.48,33.67,7.78c0.6,0.27,1.12,0.59,1.46,0.85 c-0.2,0.24-0.5,0.54-0.94,0.89c-0.63,0.51-1.03,1.25-1.11,2.06c-0.08,0.81,0.18,1.61,0.71,2.23c0.03,0.05,0.07,0.12,0.13,0.23 c0.27,0.47,0.88,1.52,2.45,4.22c1.33,2.27,4.91,8.93,5.48,12.41c0.04,0.24,0.05,0.52,0.06,0.69l-0.21,1.4 c-0.7,4.51-0.89,5.63-0.96,6.05c-0.04,0.23-0.05,0.31-0.08,0.49c-0.94,6.89,3.42,10.36,6.31,12.66 c1.98,1.58,2.84,2.36,2.75,3.19c-0.14,1.19-0.57,1.51-1.43,2.13c-0.34,0.25-0.73,0.53-1.09,0.88 c-1.29,1.26-1.81,3.07-1.43,4.96c0.18,0.88,0.53,1.46,0.76,1.84c0.12,0.2,0.17,0.28,0.23,0.44c0.03,0.08,0.06,0.15,0.09,0.23 c0.04,0.1,0.06,0.16,0.06,0.19c-0.08,0.42-0.23,0.91-2.66,1.88c-5.24,2.1-7.94,3.14-7.97,3.15c-0.85,0.33-1.5,1.03-1.78,1.9 c-0.27,0.87-0.14,1.82,0.37,2.57c0.21,0.32,2.19,3.1,6.01,3.1c0.09,0,0.18,0,0.27,0c1.9-0.07,3.39-0.2,4.59-0.31 c0.14-0.01,0.29-0.03,0.42-0.04c-0.06,0.11-0.13,0.24-0.22,0.4c-0.27,0.47-0.54,0.82-0.74,1.07c-0.13,0.17-0.25,0.32-0.37,0.51 c-1.43,2.27-0.72,4.6-0.2,6.3c0.66,2.18,1.07,3.5-0.98,5.71c-0.62,0.67-3.01,1.58-4.81,1.83c-0.16,0.02-0.86,0.09-1.53,0.15 c-9.74,0.9-11.81,1.42-12.99,2.33c-1.38,1.06-2.38,2.7-2.52,14.07c-0.04,2.85-0.01,5.61,0.03,7.63l-32.14-0.22 c0.33-2.86,0.7-7.32,0.7-12.96c0-1.94-0.18-4.77-0.58-6.41c-1.17-4.8-5.4-9.48-10.3-14.89C18.59,79.66,6.08,65.85,9.63,42.79 l0.02-0.15c0.71-4.63,2.19-14.26,12.03-24.87C28.21,10.74,37.45,7.17,49.12,7.17 M49.12,4.17c-10.56,0-21.48,2.78-29.64,11.57 C8.91,27.13,7.39,37.66,6.67,42.33c-5.54,35.98,26.28,51.32,29.37,64.03c0.28,1.17,0.5,3.61,0.5,5.71 c0,9.77-1.16,15.93-1.16,15.93l38.66,0.26c0,0-0.69-20.85,1.24-22.34c1.23-0.95,11.99-1.73,13.1-1.88 c1.82-0.25,5.2-1.25,6.6-2.76c5.22-5.64-0.3-9.56,1.52-12.46c0.12-0.19,0.64-0.75,1.17-1.67c0.24-0.41,0.45-0.78,0.63-1.29 c0.13-0.38,0.84-2.06,0.06-3.2c-0.27-0.38-0.75-0.51-1.54-0.51c-1.29,0-3.38,0.34-6.64,0.45c-0.05,0-0.11,0-0.16,0 c-2.33,0-3.52-1.77-3.52-1.77s2.68-1.04,8-3.17c2.5-1,4.11-2.01,4.5-4.17c0.14-0.76-0.08-1.45-0.28-1.89 c-0.33-0.97-0.74-1.19-0.88-1.9c-0.16-0.78-0.03-1.62,0.59-2.22c0.93-0.91,3.04-1.6,3.41-4.82c0.67-5.83-10.33-6.5-9.07-15.79 c0.07-0.49,0.05-0.12,1.03-6.49c0.11-0.68,0.19-1.24,0.25-1.62c0,0,0.03-0.7-0.09-1.42c-0.79-4.78-5.85-13.43-5.85-13.43 c-2.37-4.04-2.53-4.37-2.68-4.61c-0.03-0.05-0.05-0.08-0.06-0.09c0,0,0,0,0,0c0,0-0.06-0.07-0.16-0.19 c1.09-0.88,2.38-2.24,2.33-3.5c-0.06-1.45-2.22-2.74-3.5-3.32C81.69,11.16,65.87,4.17,49.12,4.17L49.12,4.17z' /%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	width: 1.7em;
	height: 1em;
}

.head_talking:hover {
	background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg x='0' y='0' viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath fill='%23FFA000' d='M102.22,71.72c0.39,0.64,1.07,1.01,1.76,1.01c0.29,0,0.58-0.06,0.86-0.2l16.15-7.72 c0.53-0.26,0.94-0.74,1.12-1.32c0.18-0.61,0.1-1.27-0.22-1.81l-2.84-4.73c-0.33-0.54-0.86-0.91-1.47-0.99 c-0.59-0.09-1.2,0.1-1.65,0.51l-13.43,12.24c-0.77,0.7-0.93,1.9-0.39,2.8L102.22,71.72zM121.78,93.21l-16.96-8.11c-0.75-0.36-1.64-0.08-2.08,0.64l-0.54,0.9 c-0.43,0.71-0.3,1.62,0.3,2.18l14.11,12.85h0c0.3,0.27,0.69,0.42,1.08,0.42c0.08,0,0.15,0,0.23-0.02 c0.48-0.07,0.91-0.35,1.17-0.78l3.39-5.65c0.25-0.42,0.32-0.93,0.17-1.4C122.52,93.79,122.2,93.41,121.78,93.21zM123.94,75.28c-0.01-0.63-0.29-1.22-0.77-1.61c-0.45-0.37-1.03-0.51-1.59-0.4l-17.85,3.58 c-0.93,0.19-1.73,1.04-1.73,2.03v0.34c0,1.07,0.93,1.98,1.95,2.06l17.85,1.45c0.05,0,0.13,0.01,0.18,0.01 c0.48,0,0.98-0.19,1.34-0.53c0.43-0.4,0.68-0.97,0.67-1.57L123.94,75.28z'/%3E%3Cpath style='opacity:0.2;fill:%23424242' d='M104.28,87.06l16.33,7.81l-3.01,5l-13.59-12.38L104.28,87.06 M104.14,84.95 c-0.55,0-1.09,0.29-1.39,0.79l-0.54,0.9c-0.43,0.71-0.3,1.62,0.3,2.18l14.11,12.85h0c0.3,0.27,0.69,0.42,1.08,0.42 c0.08,0,0.15,0,0.23-0.02c0.48-0.07,0.91-0.35,1.17-0.78l3.39-5.65c0.25-0.42,0.32-0.93,0.17-1.4 c-0.14-0.46-0.46-0.83-0.88-1.04l-16.96-8.11C104.6,85,104.37,84.95,104.14,84.95L104.14,84.95zM117.28,57.93c0.01,0,0.03,0.02,0.04,0.05l2.85,4.73c0.03,0.06,0.04,0.13,0.02,0.2 c-0.02,0.05-0.05,0.09-0.06,0.09l-16.14,7.72c0,0-0.03,0-0.05-0.04l-0.13-0.21c-0.05-0.08-0.03-0.23,0.03-0.28L117.28,57.93 M117.27,55.93c-0.5,0-0.98,0.19-1.36,0.54l-13.43,12.24c-0.77,0.7-0.93,1.9-0.39,2.8l0.13,0.21 c0.39,0.64,1.07,1.01,1.76,1.01c0.29,0,0.58-0.06,0.86-0.2l16.15-7.72c0.53-0.26,0.94-0.74,1.12-1.32 c0.18-0.61,0.1-1.27-0.22-1.81l-2.84-4.73c-0.33-0.54-0.86-0.91-1.47-0.99C117.47,55.94,117.37,55.93,117.27,55.93 L117.27,55.93zM121.93,75.24c0.01,0.01,0.01,0.03,0.01,0.05l0.04,5.51c0,0.01-0.02,0.2-0.06,0.2 c-0.01,0-0.04,0-0.06,0c-0.02,0-0.03,0-0.03,0l-17.58-1.53c0-0.04-0.25-0.21-0.25-0.25v-0.34c0-0.07,0.25-0.13,0.25-0.19 L121.93,75.24 M121.96,73.23c-0.13,0-0.25,0.01-0.38,0.04l-18.35,3.58c-0.93,0.19-1.23,1.04-1.23,2.03v0.34 c0,1.07,0.43,1.98,1.45,2.06l18.1,1.45c0.05,0,0.26,0.01,0.31,0.01c0.48,0,1.04-0.19,1.4-0.53c0.43-0.4,0.71-0.97,0.7-1.57 l-0.03-5.36c-0.01-0.63-0.28-1.22-0.76-1.61C122.82,73.38,122.4,73.23,121.96,73.23L121.96,73.23z'/%3E%3ClinearGradient id='LG' gradientTransform='matrix(0.9883 0.1522 -0.1522 0.9883 10.4089 -7.2953)' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='8' y2='128'%3E%3Cstop offset='0.15' style='stop-color:%23f05f24'/%3E%3Cstop offset='0.89' style='stop-color:%23e03f14'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23LG)' d='M98.36,82.66c-0.7-1.01-2.92-0.24-8.17-0.06c-2.44,0.08-3.68-1.77-3.68-1.77 s2.68-1.04,8-3.17c2.5-1,4.11-2.01,4.5-4.17c0.14-0.76-0.08-1.45-0.28-1.89c-0.33-0.97-0.74-1.19-0.88-1.9 c-0.16-0.78-0.03-1.62,0.59-2.22c0.93-0.91,3.04-1.6,3.41-4.82c0.67-5.83-10.33-6.5-9.07-15.79c0.07-0.49,0.05-0.12,1.03-6.49 c0.11-0.68,0.19-1.24,0.25-1.62c0,0,0.03-0.7-0.09-1.42c-0.79-4.78-5.85-13.43-5.85-13.43c-2.37-4.04-2.53-4.37-2.68-4.61 c-0.03-0.05-0.05-0.08-0.06-0.09c0,0,0,0,0,0c0,0-0.06-0.07-0.16-0.19c1.09-0.88,2.38-2.24,2.33-3.5 c-0.06-1.45-2.22-2.74-3.5-3.32C80.21,10.49,40.57-7,19.49,15.74C8.91,27.13,7.39,37.66,6.67,42.33 c-5.54,35.98,26.28,51.32,29.37,64.03c0.28,1.17,0.5,3.61,0.5,5.71c0,9.77-1.16,15.93-1.16,15.93l38.66,0.26 c0,0-0.69-20.85,1.24-22.34c1.23-0.95,11.99-1.73,13.1-1.88c1.82-0.25,5.2-1.25,6.6-2.76c5.22-5.64-0.3-9.56,1.52-12.46 c0.12-0.19,0.64-0.75,1.17-1.67c0.24-0.41,0.45-0.78,0.63-1.29C98.43,85.47,99.14,83.79,98.36,82.66z'/%3E%3Cpath style='opacity:0.2;fill:%23424242' d='M49.12,7.17c15.66,0,30.8,6.48,33.67,7.78c0.6,0.27,1.12,0.59,1.46,0.85 c-0.2,0.24-0.5,0.54-0.94,0.89c-0.63,0.51-1.03,1.25-1.11,2.06c-0.08,0.81,0.18,1.61,0.71,2.23c0.03,0.05,0.07,0.12,0.13,0.23 c0.27,0.47,0.88,1.52,2.45,4.22c1.33,2.27,4.91,8.93,5.48,12.41c0.04,0.24,0.05,0.52,0.06,0.69l-0.21,1.4 c-0.7,4.51-0.89,5.63-0.96,6.05c-0.04,0.23-0.05,0.31-0.08,0.49c-0.94,6.89,3.42,10.36,6.31,12.66 c1.98,1.58,2.84,2.36,2.75,3.19c-0.14,1.19-0.57,1.51-1.43,2.13c-0.34,0.25-0.73,0.53-1.09,0.88 c-1.29,1.26-1.81,3.07-1.43,4.96c0.18,0.88,0.53,1.46,0.76,1.84c0.12,0.2,0.17,0.28,0.23,0.44c0.03,0.08,0.06,0.15,0.09,0.23 c0.04,0.1,0.06,0.16,0.06,0.19c-0.08,0.42-0.23,0.91-2.66,1.88c-5.24,2.1-7.94,3.14-7.97,3.15c-0.85,0.33-1.5,1.03-1.78,1.9 c-0.27,0.87-0.14,1.82,0.37,2.57c0.21,0.32,2.19,3.1,6.01,3.1c0.09,0,0.18,0,0.27,0c1.9-0.07,3.39-0.2,4.59-0.31 c0.14-0.01,0.29-0.03,0.42-0.04c-0.06,0.11-0.13,0.24-0.22,0.4c-0.27,0.47-0.54,0.82-0.74,1.07c-0.13,0.17-0.25,0.32-0.37,0.51 c-1.43,2.27-0.72,4.6-0.2,6.3c0.66,2.18,1.07,3.5-0.98,5.71c-0.62,0.67-3.01,1.58-4.81,1.83c-0.16,0.02-0.86,0.09-1.53,0.15 c-9.74,0.9-11.81,1.42-12.99,2.33c-1.38,1.06-2.38,2.7-2.52,14.07c-0.04,2.85-0.01,5.61,0.03,7.63l-32.14-0.22 c0.33-2.86,0.7-7.32,0.7-12.96c0-1.94-0.18-4.77-0.58-6.41c-1.17-4.8-5.4-9.48-10.3-14.89C18.59,79.66,6.08,65.85,9.63,42.79 l0.02-0.15c0.71-4.63,2.19-14.26,12.03-24.87C28.21,10.74,37.45,7.17,49.12,7.17 M49.12,4.17c-10.56,0-21.48,2.78-29.64,11.57 C8.91,27.13,7.39,37.66,6.67,42.33c-5.54,35.98,26.28,51.32,29.37,64.03c0.28,1.17,0.5,3.61,0.5,5.71 c0,9.77-1.16,15.93-1.16,15.93l38.66,0.26c0,0-0.69-20.85,1.24-22.34c1.23-0.95,11.99-1.73,13.1-1.88 c1.82-0.25,5.2-1.25,6.6-2.76c5.22-5.64-0.3-9.56,1.52-12.46c0.12-0.19,0.64-0.75,1.17-1.67c0.24-0.41,0.45-0.78,0.63-1.29 c0.13-0.38,0.84-2.06,0.06-3.2c-0.27-0.38-0.75-0.51-1.54-0.51c-1.29,0-3.38,0.34-6.64,0.45c-0.05,0-0.11,0-0.16,0 c-2.33,0-3.52-1.77-3.52-1.77s2.68-1.04,8-3.17c2.5-1,4.11-2.01,4.5-4.17c0.14-0.76-0.08-1.45-0.28-1.89 c-0.33-0.97-0.74-1.19-0.88-1.9c-0.16-0.78-0.03-1.62,0.59-2.22c0.93-0.91,3.04-1.6,3.41-4.82c0.67-5.83-10.33-6.5-9.07-15.79 c0.07-0.49,0.05-0.12,1.03-6.49c0.11-0.68,0.19-1.24,0.25-1.62c0,0,0.03-0.7-0.09-1.42c-0.79-4.78-5.85-13.43-5.85-13.43 c-2.37-4.04-2.53-4.37-2.68-4.61c-0.03-0.05-0.05-0.08-0.06-0.09c0,0,0,0,0,0c0,0-0.06-0.07-0.16-0.19 c1.09-0.88,2.38-2.24,2.33-3.5c-0.06-1.45-2.22-2.74-3.5-3.32C81.69,11.16,65.87,4.17,49.12,4.17L49.12,4.17z' /%3E%3C/g%3E%3C/svg%3E");
}

a.search_dictionary_icon {
	text-decoration: none;
	display: inline-block;
	background-image: url('../img/icon_search.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	width: 1.7em;
	height: 1em;
}
a.search_dictionary_icon:hover {
	background-image: url('../img/icon_search_hilite.svg');
}

a.enlist_word_icon {
	text-decoration: none;
	display: inline-block;
	background-image: url('../img/icon_add_to_list.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	width: 1.7em;
	height: 1em;
}
a.enlist_word_icon:hover {
	background-image: url('../img/icon_add_to_list_hilite.svg');
}

table.page_callout_center {
	border-spacing: 0;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	border: 0;
}
td.page_callout_center {
	padding: 0;
	border: 0;
}

table.page_callout_box {
	border-spacing: 0;
	border-collapse: collapse;
	padding: 0;
	margin: 1em;
	border: 0;
}
td.page_callout_box {
	padding: 0;
	border: 0;
}
div.page_callout_box {
	padding: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius:8px;
	margin: auto;

	background-color: white;
	backdrop-filter: blur(10px);

	-ms-box-shadow:0 2px 10px rgba(0,0,0,.2);
	-o-box-shadow:0 2px 10px rgba(0,0,0,.2);
	box-shadow:0 2px 10px rgba(0,0,0,.2);
	-webkit-box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.2);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10,MakeShadow=true,ShadowOpacity=0.20);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=10,MakeShadow=true,ShadowOpacity=0.20)";
	zoom: 1;

	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}



.thumbnail_box {
	padding: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius:8px;
	margin: 1em;

	display: inline-block;

	-ms-box-shadow:0 2px 10px rgba(0,0,0,.2);
	-o-box-shadow:0 2px 10px rgba(0,0,0,.2);
	box-shadow:0 2px 10px rgba(0,0,0,.2);
	-webkit-box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.2);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10,MakeShadow=true,ShadowOpacity=0.20);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=10,MakeShadow=true,ShadowOpacity=0.20)";
	zoom: 1;

	background-color: white;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}





.output_div {

	border: solid .1px gray;
	width: 100%;
	background:rgba(255,255,255,0.75);

	padding:0.3em;

	display:inline-block;
	margin: 1px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	zoom: 1;

	border-radius:4px;
	vertical-align:middle;

	font-size: 1rem;
}




@media (max-width: 200px) {
	.thumbnail_box {
		display: block;
		clear:both;
		margin-left: 0;
		margin-right: 0;
		border-radius:0px;
		padding-left: 5px; 
		padding-right: 5px;
		width: calc(100vw - (100vw - 100%) - 10px); /* subtract padding */
	}
}
@media (max-width: 425px) {
	#page_main{
		padding-left:0;
		padding-right:0;
		margin-right:0;
	}
	.sortablelist_wrapper {
		margin-left:0;
		margin-right:0;
		border:0;
		min-width: calc(100% - (100% - 100vw));
		min-width: calc(100vw - (100vw - 100%));
	}
	table.page_callout_box {
		margin-left:0;
		margin-right:0;
		border: 0;
		min-width: calc(100% - (100% - 100vw));
		min-width: calc(100vw - (100vw - 100%));
	}
	td.page_callout_box {
		border: 0;
		min-width: calc(100vw - (100vw - 100%));
		margin-left:0;
		margin-right:0;
		padding-left:0;
		padding-right:0;
	}
	div.page_callout_box {
		display: block;
		clear:both;
		margin-left: 0;
		margin-right: 0;
		border-radius:0px;
		padding-left: 5px; 
		padding-right: 5px;
		width: calc(100vw - (100vw - 100%) - 10px); /* subtract padding */

	}
	.page_callout_center {
		margin-left:0;
		margin-right:0;
		border: 0;
		min-width: calc(100% - (100% - 100vw));
		min-width: calc(100vw - (100vw - 100%));
	}
	.folding_table_container_div {
		margin-left:0;
		margin-right:0;
		border-left:0;
		border-right:0;
		min-width:calc(100vw - (100vw - 100%));
	}
}










img {
	border-style: none;
	border-width: 0px;
	margin: 0%;
	padding: 0px;
}




.formField {
	text-align: right;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
.formValue {
	text-align: left;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

#top_of_page_icon {

	display: inline-block;

	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;


	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;

	background-color: white;

	-webkit-mask: url("data:image/svg+xml,%3Csvg style='width: 1em; height: 1em; vertical-align: middle; fill: currentColor; overflow: hidden;' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M524.736 475.744l-181.216 181.248a51.264 51.264 0 1 1-72.512-72.512l217.472-217.472a51.264 51.264 0 0 1 72.512 0l217.472 217.472a51.264 51.264 0 1 1-72.48 72.512l-181.248-181.248z' fill='%23333333' /%3E%3C/svg%3E");

	margin-top:0.25em;
	margin-bottom:-0.25em;
	overflow:visible;

}
#top_of_page_button {
	position: fixed;
	z-index: 1100; /* above footer and logo but below modal and search boxes*/
	bottom: 20px;
	opacity: 0;
	pointer-events: none;

	transition: opacity .3s;

	left: 50%;
	transform: translateX(-50%);
	border-radius: 50%;
	cursor: pointer;

	border: solid 1px white;
	background-color: rgb(51, 102, 204);
	width: 4em;
	height: 4em;

	text-align:center;

	color: white;
	fill: white;
}
#top_of_page_button:hover {
	
}

textarea {
	font-size: 1rem;

	border: 1px solid #ccc;
	border-radius:6px;

	padding:.5em .6em;
	display:inline-block;
	margin: 1px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	zoom: 1;

	letter-spacing: normal;
	word-spacing: normal;
	text-rendering: auto;

}
textarea:focus {
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
}


input, button, select, a.button {
	padding:.5em .6em;
	display:inline-block;
	margin: 1px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: inset 0 1px 3px #ddd;
	zoom: 1;

	border: 1px solid #ccc;
	border-radius:4px;
	vertical-align:middle;

	font-size: 1rem;
	letter-spacing: normal;
	word-spacing: normal;
	text-rendering: auto;
}


input:focus, button:focus, select:focus, a.button:focus {
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
}

input[type='radio'] {
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

button, select, a.button {
	font-size: 1rem;
	height: 2rem;
	letter-spacing:normal;
	word-spacing:normal;
	text-rendering:auto;
	zoom:1;
}

select[multiple] {
	height: auto;
}

select {
	padding: 0;
	padding-left: 0.5em;
	padding-top: 0.1em;
}
.unused_select {
	-webkit-appearance:none !important;
	-moz-appearance:none !important;
	background:url("img/arrow.png") 98% 50% !important;
	background-size:20px 20px !important;
	background-repeat:no-repeat !important;
	background-color:#ffffff !important;
	white-space:normal;
}

input:not([type='image']) + input:not([type='checkbox']) + input:not([type='radio']) {
	height: 2rem;
}

input[type='text'], input[type='password'], input[type='submit'], input[type='reset'], input[type='button'], input[type='color'], input[type='date'], input[type='datetime'], input[type='datetime-local'], input[type='email'], input[type='month'], input[type='number'], input[type='range'], input[type='search'], input[type='tel'], input[type='time'], input[type='url'], input[type='week'] {
	height: 2rem;
}
button, input[type=button], input[type=reset], input[type=submit], a.button {

	-webkit-appearance: button;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;

	-webkit-border-image: none;

	user-select: none;
	writing-mode: horizontal-tb;

	zoom:1;

	position: relative;
	display:inline-block;

	cursor: pointer;
	line-height: normal;
	line-height: 0;
	white-space: nowrap;
	vertical-align: middle;
	vertical-align: top;

	letter-spacing: normal;
	word-spacing: 0px;


	text-align: center;
	text-decoration:none;

	text-decoration-color: rgb(255, 255, 255);
	text-decoration-line: none;
	text-decoration-style: solid;
	text-indent: 0px;
	text-rendering: auto;
	text-shadow: none;
	text-transform: none;


	font-stretch: 100%;
	font-family:inherit;
	font-size:100%;
	font-weight: 600;

	padding:.5em 1em;
	border:1px solid #999;
	border:transparent;

	color:#fff;
	background-color: rgb(173, 201, 150);
	background-color: rgb(147, 184, 116);
	background-color: rgb(51, 102, 204);


	align-items: flex-start;
	box-sizing: border-box;
	border-image-outset: 0px;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	direction: ltr;
	font-variant-caps: normal;
	font-variant-east-asian: normal;
	font-variant-ligatures: normal;
	font-variant-numeric: normal;

	transition-delay: 0s, 0s, 0s, 0s;
	transition-duration: 0.2s, 0.2s, 0.2s, 0.2s;
	transition-property: background-color, color, border-color, box-shadow;
	transition-timing-function: ease, ease, ease, ease;

}




button:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus, a.button:focus,
button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, a.button:hover {
	background-color: rgb(147, 184, 116);
	background-color: rgb(74, 48, 65);
	background-color: #e03f14;
	filter:alpha(opacity=90);
	background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
	background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
}
button:active, input[type=button]:active, input[type=reset]:active, input[type=submit]:active, a.button:active {
	box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;border-color:#000;
}
button:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus, a.button:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}


input[type='image'] {
	height: auto;
}
input[type='checkbox'] {
	height: auto;
	vertical-align: middle;
	display: table-cell;
	position: relative;
	width: 1.5em;
	height: 1.5em;
	max-width: none;
	margin: 0.3em;
	-webkit-transition:background-color 100ms,border-color 100ms,box-shadow 100ms;
	-moz-transition:background-color 100ms,border-color 100ms,box-shadow 100ms;
	transition:background-color 100ms,border-color 100ms,box-shadow 100ms
}



::-webkit-input-placeholder {
   color: #999;
}

:-moz-placeholder { /* Firefox 18- */
   color: #999;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #999;
}

:-ms-input-placeholder {
   color: #999;
}













/*
 * DICTIONARY (USED ONLY IN ROOT DOMAIN FROM DICTIONARY*.PHP
 */

.offscreen_inputs {
	display:absolute;
	width:50%;
	height:1px;
	visibility:hidden;
	overflow:hidden;
}

.defsep {
	color:rgba(0,0,0,0);
	overflow:hidden;
	width: 0px;
}
.defsep:after {
	content: "\\";
	opacity: 1;
	color: rgb(0,172,193);
}

#dict_search_form_div {
	width: 100%;
	width: calc(100% - (100% - 100vw) - 3em);
	max-width: 750px;
	margin: 0.5em;
}

.search_text_input {
	background-image: url('../img/icon_search.svg');
	background-position: left;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	padding-left: 25px !important;
	width: 100%;
	min-width: 70px;
}

.search_domain_input {
	background-image: url('../img/icon_domain.svg');
	background-position: left;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	padding-left: 25px !important;
}

#search_for_type {
	background-image: url('../img/icon_gear.svg');
	background-position: left;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	padding-left: 25px !important;
}


@media only screen and (max-width: 768px) and (orientation: portrait) {
	/* CSS rules for smart phones = screens with max width of 768px and portrait orientation */
}


.sortablelist_wrapper {
	display: inline-block;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
}




/*
 * Style for sortable list inline search box
 * z-index should be above headers, footers, and side info
 */
#sortable_list_search_box_outer {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transition: opacity .3s;
	z-index: 1250;
	cursor: move;
}





div.more_menu_title {
	display: inline-block;
	transition: all .5s cubic-bezier(0,.72,.21,1);
}


div.more_menu_content {

	position: absolute;
	z-index: 2; /* feedback icons use z-index: 1 for background effect */

	visibility: hidden;
	opacity: 0;
	height: 0;


	-webkit-transform: translateY(-25px) scaleX(0);
	-khtml-transform: translateY(-25px) scaleX(0);
	-ms-transform: translateY(-25px) scaleX(0);
	transform: translateY(-25px) scaleX(0);

	transition: all .5s cubic-bezier(0,.72,.21,1);

}

.more_menu_title:hover .more_menu_content {

	opacity: 1;
	visibility: visible;
	height: auto;

	-webkit-transform: translateY(0) scaleX(1);
	-khtml-transform: translateY(0) scaleX(1);
	-ms-transform: translateY(0) scaleX(1);
	transform: translateY(0) scaleX(1);

}

.more_menu_title .triple_dot {
	transform: rotate(0deg);
	width:1.2em;
	height:1.2em;
	transition: all .75s cubic-bezier(0,.72,.21,1);
}

.more_menu_title:hover .triple_dot {
	transform: rotate(-90deg);
}

.more_menu_list_container {
	visability: hidden;
	opacity: 0;
	height: 0;

	transition: all .5s cubic-bezier(0,.72,.21,1);

	background-color: #4a3041;
	border-radius: 2px;

	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.5), 0 5px 6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.5), 0 5px 6px rgba(0,0,0,0.5);
	box-shadow: 0 3px 6px rgba(0,0,0,0.5), 0 5px 6px rgba(0,0,0,0.5);

	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10,MakeShadow=true,ShadowOpacity=0.20);
	-ms-filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10,MakeShadow=true,ShadowOpacity=0.20);
	margin: 10px;
	margin-top:0;
}

.more_menu_title:hover .more_menu_list_container {
	visibility: visible;
	opacity: 1;
	height: auto;
}
.more_menu_title:hover .more_menu_content:before {
	opacity:1;
}

.more_menu_content:before {
	display: block;
	opacity: 0;
	position: relative;
	content: '';
	width: 0;
	height: 0;
	left: 1.5em;
	border-top: none;
	border-bottom: 1.1em solid #4a3041;
	border-left: .8em solid transparent;
	border-right: .8em solid transparent;
	border-top:0;
	margin-top:-.0.1em;

	transition: all .5s cubic-bezier(0,.72,.21,1);

}



ul.more_menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	border: none;
	overflow: hidden;
	background-color: #4a3041;
	border-radius: 2px;
	transition: all .5s cubic-bezier(0,.72,.21,1);
}


.more_menu li {
	width: 100%;
	border-radius: 2px;
	transition: all .5s cubic-bezier(0,.72,.21,1);
}


.more_menu li:last-child {
	border-bottom: none;
}

.more_menu li a {
	display: block;
	width: 100%;
	background-color: #4a3041;
	color: white;
	text-decoration: none;
	text-align: left;
	padding: 0.5em;
	border-radius: 2px;
	transition: all .5s cubic-bezier(0,.72,.21,1);
}

.more_menu li a:hover {
	display: block;
	width: 100%;
	color: #fa4616;
}




/* Icon for add word to list */
.dictionary_add_translation_to_list_icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: middle;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='-9 -9 82 82'%20width='20'%20height='20'%20fill='none'%20stroke='currentColor'%20stroke-width='1'%20stroke-linecap='round'%20stroke-linejoin='round'%20style='overflow:visible;width:1em;height:1em;margin-right:0.25em'%20aria-hidden='true'%3E%3Cg%20transform='translate(8,%208),matrix(3.4285714285714284,0,0,3.4285714285714284,0,0)'%3E%3Crect%20x='0.5'%20y='0.5'%20width='10.5'%20height='10.5'%20rx='1'%3E%3C/rect%3E%3Cpath%20d='M13.5,3.5v9a1,1,0,0,1-1,1h-9'%3E%3C/path%3E%3Cline%20x1='5.75'%20y1='3'%20x2='5.75'%20y2='8.5'%3E%3C/line%3E%3Cline%20x1='3'%20y1='5.75'%20x2='8.5'%20y2='5.75'%3E%3C/line%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
	background-size: contain;
	margin-right:0.25em;
	overflow:visible;
}

/* Icon for view translation details */
.dictionary_view_translation_details_icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: middle;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M512 512a128 128 0 1 1 0-256 128 128 0 0 1 0 256z m0-85a42.666667 42.666667 0 1 0 0-85.333334 42.666667 42.666667 0 0 0 0 85.333334z m341.333333 85.333333a341.333333 341.333333 0 1 0-682.666666 0c0 131.925333 72.874667 246.186667 189.354666 302.976a42.666667 42.666667 0 0 1-37.376 76.714667C177.066667 820.736 85.333333 676.864 85.333333 512 85.333333 276.352 276.352 85.333333 512 85.333333s426.666667 191.018667 426.666667 426.666667-191.018667 426.666667-426.666667 426.666667a42.666667 42.666667 0 0 1-42.666667-42.666667v-298.709333a42.666667 42.666667 0 1 1 85.333334 0v253.44A341.376 341.376 0 0 0 853.333333 512z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
	background-size: contain;
	margin-right:0.25em;
	overflow:visible;
}

.info_icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: middle;
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,%3Csvg%20style%3D%22width%3A1em%3Bheight%3A1em%3Bvertical-align%3Amiddle%3Bfill%3AcurrentColor%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M512%20179.2a332.8%20332.8%200%201%201%200%20665.6%20332.8%20332.8%200%200%201%200-665.6z%20m0%2051.2a281.6%20281.6%200%201%200%200%20563.2%20281.6%20281.6%200%200%200%200-563.2z%22%20%2F%3E%3Cpath%20d%3D%22M512.768%20339.968a38.7072%2038.7072%200%201%201%200%2077.3632%2038.7072%2038.7072%200%200%201%200-77.3632zM546.4576%20678.6048h-27.2384c-14.2848%200-29.0304-12.3904-29.0304-23.7056V498.0224h-9.728a25.8048%2025.8048%200%201%201%200-51.6096s31.488-0.1024%2032.3072%200c13.1072%200.9728%2022.5792%206.656%2022.5792%2017.3568v163.2768h11.1104a25.8048%2025.8048%200%201%201%200%2051.5584z%22%20%2F%3E%3C%2Fsvg%3E') no-repeat center center;
	background-size: contain;
	margin-right:0.25em;
	overflow:visible;
}


/*
 * Dictionary user feedback styles
 */
.dictionary_feedback {
	margin:0;
	display: flex;
	flex-wrap: wrap;
	color: inherit;
	fill: currentColor;
	padding:0.25em;
	align-items: center;
	overflow: visible;
	min-width: 10em;
}

.dictionary_feedback > div:nth-child(3) { margin-left: 1.25em } /* confusing button */
.dictionary_feedback > div:nth-child(5) { margin-left: 1.25em } /* dislike button */
.dictionary_feedback > div:nth-child(7) { margin-left: 1.25em } /* comment button */

.dictionary_feedback > div:nth-child(8) { margin-right: 1.25em } /* comment counter */

.dictionary_feedback > div:nth-child(9) { margin-right: 1.25em } /* bookmark button */
.dictionary_feedback > div:nth-child(10) { margin-right: 1.25em } /* favorite button */
.dictionary_feedback > div:nth-child(11) { margin-right: 1.25em } /* feedback button */



.feedback_icon {}
.feedback_icon_clicked {}

.feedback_icon .feedback_icon_outline {
	stroke: none;
	fill: currentColor;
}
.feedback_icon .feedback_icon_background {
	stroke: none;
	fill: none;
}

.feedback_icon_clicked .feedback_icon_outline {
	stroke: none;
	fill: currentColor;
}
.feedback_icon_clicked .feedback_icon_background {
	fill: #fa4616;
	stroke: #fa4616;
}


/* Upvote */
.feedback_like {
	position: relative;
	z-index: 1;
	cursor: pointer;
	width:3em;
	height:3em;
	border-radius: 50%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: inherit;
}
.feedback_like::before {
	position: absolute;
	z-index: -1;
	content: "";
	opacity: 0;
	width:0em;
	height:0em;
	border-radius: 50%;

	background: #4a3041;
	background-size: 0% 0%;
	background-position: center;

	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.feedback_like .feedback_icon .feedback_icon_outline {
	fill: currentColor;
	stroke: none;
}
.feedback_like .feedback_icon .feedback_icon_background {
	fill: none;
	stroke: none;
}
.feedback_like:hover {
	cursor: pointer;
	pointer-events: auto;
}
.feedback_like:hover::before {
	opacity: 1;
	width:3em;
	height:3em;
	background: #4a3041;
	background-size: 100% 100%;
}

.feedback_like:hover .feedback_icon .feedback_icon_outline {
	fill: white;
	stroke: none;
}
.feedback_like:hover .feedback_icon .feedback_icon_background {
	fill: none;
	stroke: none;
}

.feedback_like .feedback_icon_clicked .feedback_icon_outline {
	fill: rgb(0,128,0);
	stroke: none;
}
.feedback_like .feedback_icon_clicked .feedback_icon_background {
	fill: rgb(76, 175, 80);
	stroke: rgb(76, 175, 80);
}
.feedback_like:hover .feedback_icon_clicked .feedback_icon_outline {
	fill: white;
	stroke: none;
}
.feedback_like:hover .feedback_icon_clicked .feedback_icon_background {
	fill: rgb(76, 175, 80);
	stroke: rgb(76, 175, 80);
}

/* Downvote */
.feedback_dislike {
	position: relative;
	z-index: 1;
	cursor: pointer;
	width:3em;
	height:3em;
	border-radius: 50%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: inherit;
}

.feedback_dislike::before {
	position: absolute;
	z-index: -1;
	content: "";
	opacity: 0;
	width:0em;
	height:0em;
	border-radius: 50%;
	background: #4a3041;
	background-size: 0% 0%;
	background-position: center;

	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.feedback_dislike .feedback_icon .feedback_icon_outline {
	fill: currentColor;
	stroke: none;
}
.feedback_dislike .feedback_icon .feedback_icon_background {
	fill: none;
	stroke: none;
}
.feedback_dislike:hover {
	cursor: pointer;
	pointer-events: auto;
}
.feedback_dislike:hover::before {
	opacity: 1;
	width:3em;
	height:3em;
	background: #4a3041;
	background-size: 100% 100%;
}
.feedback_dislike:hover .feedback_icon .feedback_icon_outline {
	fill: white;
	stroke: none;
}
.feedback_dislike:hover .feedback_icon .feedback_icon_background {
	fill: none;
	stroke: none;
}

.feedback_dislike .feedback_icon_clicked .feedback_icon_outline {
	fill: rgb(128,0,0);
	stroke: none;
}
.feedback_dislike .feedback_icon_clicked .feedback_icon_background {
	fill: rgb(231, 76, 60);
	stroke: rgb(231, 76, 60);
}
.feedback_dislike:hover .feedback_icon_clicked .feedback_icon_outline {
	fill: white;
	stroke: none;
}
.feedback_dislike:hover .feedback_icon_clicked .feedback_icon_background {
	fill: rgb(231, 76, 60);
	stroke: rgb(231, 76, 60);
}



/* Confusing */
.feedback_confused {
	position: relative;
	z-index: 1;
	cursor: pointer;
	width:3em;
	height:3em;
	border-radius: 50%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: inherit;
}

.feedback_confused::before {
	position: absolute;
	z-index: -1;
	content: "";
	opacity: 0;
	width:0em;
	height:0em;
	border-radius: 50%;

	background: #4a3041;
	background-size: 0% 0%;
	background-position: center;

	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.feedback_confused .feedback_icon .feedback_icon_outline {
	fill: currentColor;
	stroke: none;
}
.feedback_confused .feedback_icon .feedback_icon_background {
	fill: none;
	stroke: none;
}
.feedback_confused:hover {
	cursor: pointer;
	pointer-events: auto;
}
.feedback_confused:hover::before {
	opacity: 1;
	width:3em;
	height:3em;
	background: #4a3041;
	background-size: 100% 100%;
}
.feedback_confused:hover .feedback_icon .feedback_icon_outline {
	fill: white;
	stroke: none;
}
.feedback_confused:hover .feedback_icon .feedback_icon_background {
	fill: none;
	stroke: none;
}

.feedback_confused .feedback_icon_clicked .feedback_icon_outline {
	fill: rgb(188,128,0);
	stroke: none;
}
.feedback_confused .feedback_icon_clicked .feedback_icon_background {
	fill: rgb(231, 166, 60);
	stroke: rgb(231, 166, 60);
}
.feedback_confused:hover .feedback_icon_clicked .feedback_icon_outline {
	fill: white;
	stroke: none;
}
.feedback_confused:hover .feedback_icon_clicked .feedback_icon_background {
	fill: rgb(231, 166, 60);
	stroke: rgb(231, 166, 60);
}



/* Favorite */
.feedback_favorite {
	position: relative;
	z-index: 1;
	cursor: pointer;
	width:3em;
	height:3em;
	border-radius: 50%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: inherit;
}

.feedback_favorite::before {
	position: absolute;
	z-index: -1;
	content: "";
	opacity: 0;
	width:0em;
	height:0em;
	border-radius: 50%;

	background: #4a3041;
	background-size: 0% 0%;
	background-position: center;

	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.feedback_favorite .feedback_icon .feedback_icon_outline {
	fill: currentColor;
	stroke: none;
}
.feedback_favorite .feedback_icon .feedback_icon_background {
	fill: none;
	stroke: none;
}
.feedback_favorite:hover {
	cursor: pointer;
	pointer-events: auto;
}
.feedback_favorite:hover::before {
	opacity: 1;
	width:3em;
	height:3em;
	background: #4a3041;
	background-size: 100% 100%;
}
.feedback_favorite:hover .feedback_icon .feedback_icon_outline {
	fill: white;
	stroke: none;
}
.feedback_favorite:hover .feedback_icon .feedback_icon_background {
	fill: none;
	stroke: none;
}

.feedback_favorite .feedback_icon_clicked .feedback_icon_outline {
	fill: rgb(128,128,0);
	stroke: none;
}
.feedback_favorite .feedback_icon_clicked .feedback_icon_background {
	fill: rgb(244, 244, 60);
	stroke: rgb(244, 244, 60);
}
.feedback_favorite:hover .feedback_icon_clicked .feedback_icon_outline {
	fill: white;
	stroke: none;
}
.feedback_favorite:hover .feedback_icon_clicked .feedback_icon_background {
	fill: rgb(244, 244, 60);
	stroke: rgb(244, 244, 60);
}




/* Bookmark */
.feedback_bookmark {
	position: relative;
	z-index: 1;
	cursor: pointer;
	width:3em;
	height:3em;
	border-radius: 50%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: inherit;
}

.feedback_bookmark::before {
	position: absolute;
	z-index: -1;
	content: "";
	opacity: 0;
	width:0em;
	height:0em;
	border-radius: 50%;

	background: #4a3041;
	background-size: 0% 0%;
	background-position: center;

	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.feedback_bookmark .feedback_icon .feedback_icon_outline {
	fill: currentColor;
	stroke: none;
}
.feedback_bookmark .feedback_icon .feedback_icon_background {
	fill: none;
	stroke: none;
}
.feedback_bookmark:hover {
	cursor: pointer;
	pointer-events: auto;
}
.feedback_bookmark:hover::before {
	opacity: 1;
	width:3em;
	height:3em;
	background: #4a3041;
	background-size: 100% 100%;
}
.feedback_bookmark:hover .feedback_icon .feedback_icon_outline {
	fill: white;
	stroke: none;
}
.feedback_bookmark:hover .feedback_icon .feedback_icon_background {
	fill: none;
	stroke: none;
}

.feedback_bookmark .feedback_icon_clicked .feedback_icon_outline {
	fill: rgb(0,0,128);
	stroke: none;
}
.feedback_bookmark .feedback_icon_clicked .feedback_icon_background {
	fill: rgb(70, 130, 230);
	stroke: rgb(70, 130, 230);
}
.feedback_bookmark:hover .feedback_icon_clicked .feedback_icon_outline {
	fill: white;
	stroke: none;
}
.feedback_bookmark:hover .feedback_icon_clicked .feedback_icon_background {
	fill: rgb(60, 150, 255);
}




/* Email feedback */
.feedback_email {
	position: relative;
	z-index: 1;
	cursor: pointer;
	width:3em;
	height:3em;
	border-radius: 50%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: inherit;
}
.feedback_email::before {
	position: absolute;
	z-index: -1;
	content: "";
	opacity: 0;
	width:0em;
	height:0em;
	border-radius: 50%;

	background: #4a3041;
	background-size: 0% 0%;
	background-position: center;

	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.feedback_email .feedback_icon .feedback_icon_outline {
	fill: currentColor;
	stroke: none;
}
.feedback_email .feedback_icon .feedback_icon_background {
	fill: none;
	stroke: none;
}
.feedback_email:hover {
	cursor: pointer;
	pointer-events: auto;
}
.feedback_email:hover::before {
	opacity: 1;
	width:3em;
	height:3em;
	background: #4a3041;
	background-size: 100% 100%;
}
.feedback_email:hover .feedback_icon .feedback_icon_outline {
	fill: white;
	stroke: none;
}
.feedback_email:hover .feedback_icon .feedback_icon_background {
	fill: none;
	stroke: none;
}












/* Comment */
.feedback_comment {
	position: relative;
	z-index: 1;
	cursor: pointer;
	width:3em;
	height:3em;
	border-radius: 50%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: inherit;
}
.feedback_comment::before {
	position: absolute;
	z-index: -1;
	content: "";
	opacity: 0;
	width:0em;
	height:0em;
	border-radius: 50%;

	background: #4a3041;
	background-size: 0% 0%;
	background-position: center;

	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.feedback_comment .feedback_icon .feedback_icon_outline {
	fill: currentColor;
	stroke: none;
}
.feedback_comment .feedback_icon .feedback_icon_background {
	fill: none;
	stroke: none;
}
.feedback_comment:hover {
	cursor: pointer;
	pointer-events: auto;
}
.feedback_comment:hover::before {
	opacity: 1;
	width:3em;
	height:3em;
	background: #4a3041;
	background-size: 100% 100%;
}
.feedback_comment:hover .feedback_icon .feedback_icon_outline {
	fill: white;
	stroke: none;
}
.feedback_comment:hover .feedback_icon .feedback_icon_background {
	fill: none;
	stroke: none;
}










/* Report (not yet implemented) */
.feedback_report {
	cursor: pointer;
	width:1.75em;
	height:1.75em;
	border-radius: 50%;
	text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.feedback_report:hover {
	cursor: pointer;
	background-color: rgba(64, 38, 55, 1);
	pointer-events: auto;
}























.dictionary_result_login_or_signup_box {
	overflow: hidden;
	opacity: 0;
	height: 0;
	transition: all .5s cubic-bezier(0,.72,.21,1);
	padding:0.25em;
	padding-left: 1em;
}



li.dictionary_result {
	position: relative;
	vertical-align: text-top;
	padding-left: 5px;
	margin-bottom:5px;
	border-bottom: dotted 1px #ccc;
}
td.dictionary_result {
	position: relative;
	vertical-align: top;
	padding-left: 5px;
	margin-bottom:5px;
	border-bottom: dotted 1px #ccc;
}
li.top_dictionary_result {
	position: relative;
	vertical-align: text-top;
	padding-left: 0;
	margin-bottom: 5px;
	border-bottom: dotted 1px rgb(51,102,204);
	border-left: solid 3px #fa4616;
}
td.top_dictionary_result {
	position: relative;
	vertical-align: top;
	padding-left: 0;
	margin-bottom: 5px;
	border-bottom: dotted 1px rgb(51,102,204);
	border-left: solid 3px #fa4616;
}
td.dictionary_bullet {
	text-align: right;
	vertical-align: top;
	padding: 24px;
}
td.top_dictionary_bullet {
	text-align: right;
	vertical-align: top;
	font-weight:bold;
	border-right: solid 1px white;
	padding: 24px;
}

ol.dictionary_result {
	vertical-align: text-top;
}
ul.dictionary_result {
	vertical-align: text-top;
}
table.dictionary_result {
	margin-top: 20px;
	margin-bottom: 20px;
	max-width: calc(100vw - (100vw - 100%));
}

.dictionary_result_inner {
	position: relative;
	vertical-align: top;
	width: 100%;
	padding: 0px;
	padding-left: 5px;
}

.dictionary_result_inner ul {
	vertical-align: text-top;
	margin:0;
}




@media (min-width: 0px) {
	td.dictionary_bullet, td.top_dictionary_bullet { padding: 8px; }
}
@media (min-width: 200px) {
	td.dictionary_bullet, td.top_dictionary_bullet { padding: 12px; }
}
@media (min-width: 400px) {
	td.dictionary_bullet, td.top_dictionary_bullet { padding: 16px; }
}
@media (min-width: 600px) {
	td.dictionary_bullet, td.top_dictionary_bullet { padding: 20px; }
}

@media (min-width: 800px) {
	td.dictionary_bullet, td.top_dictionary_bullet { padding: 24px; }
}









/*
 *
 * Modal Dialogue
 *
 */

 /* Modal dialogue background to block pointer events from the rest of the page */
#page_modal_dialogue_background {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;

	z-index: 2000;

	display:none;
	opacity:0;
	background-color:rgba(128,128,128,0.5);
	width:100vw;
	height:100vh;

	-webkit-transition: all .5s cubic-bezier(0,.72,.21,1);
	-moz-transition: all .5s cubic-bezier(0,.72,.21,1);
	-o-transition: all .5s cubic-bezier(0,.72,.21,1);
	transition: all .5s cubic-bezier(0,.72,.21,1);

	pointer-events:none;
}

/* The modal dialogue container div (hidden by default) */
#page_modal_dialogue_container {

	display: none;
	opacity: 0;
	width: 100%;

	-webkit-transition: all .5s cubic-bezier(0,.72,.21,1);
	-moz-transition: all .5s cubic-bezier(0,.72,.21,1);
	-o-transition: all .5s cubic-bezier(0,.72,.21,1);
	transition: all .5s cubic-bezier(0,.72,.21,1);
}

/* The content of the modal dialogue */
#page_modal_dialogue_content {
	text-align:center;
	width: 100%;
	-webkit-transition: all .5s cubic-bezier(0,.72,.21,1);
	-moz-transition: all .5s cubic-bezier(0,.72,.21,1);
	-o-transition: all .5s cubic-bezier(0,.72,.21,1);
	transition: all .5s cubic-bezier(0,.72,.21,1);
	color:inherit;
}

/* Contains an optional back button, a title, and a close button */
#page_modal_dialogue_title_bar {
	display: flex;
	flex-wrap: nowrap;

	align-items: center !important;
	vertical-align: middle;

	-webkit-transition: all .5s cubic-bezier(0,.72,.21,1);
	-moz-transition: all .5s cubic-bezier(0,.72,.21,1);
	-o-transition: all .5s cubic-bezier(0,.72,.21,1);
	transition: all .5s cubic-bezier(0,.72,.21,1);
}
#page_modal_dialogue_title_bar_label {
	width:100%;
	text-align:center;
}


#page_modal_dialogue_close_button {
	box-sizing: border-box;
	margin-left:0;
	margin-right:0;
	width:3em !important;
	height:3em !important;
	vertical-align:middle;
	border-radius:50%;
	flex-shrink: 0;
	transition: transform 0.3s ease;
}

#page_modal_dialogue_back_button {
	box-sizing: border-box;
	margin-left:0;
	margin-right:0;
	width:3em !important;
	height:3em !important;
	vertical-align:middle;
	border-radius:50%;
	flex-shrink: 0;
	transition: transform 0.3s ease;
}

#page_modal_dialogue_close_button::after {
	content:' ';
	position:relative;
	left:0.75em;
	top:0.75em;
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;

	background-color:currentColor;
	-webkit-mask:url('data:image/svg+xml,<svg style="vertical-align:middle;fill:currentColor" viewBox="-50 -50 1124 1124" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M512 421.490332 149.590238 59.08057C125.311473 34.801805 84.445226 34.458094 59.45166 59.45166 34.283863 84.619457 34.292235 124.801903 59.08057 149.590238L421.490332 512 59.080706 874.409626C34.801623 898.688709 34.45832 939.555 59.45166 964.54834 84.619683 989.716363 124.801677 989.707991 149.590374 964.919294L512 602.509668 874.409762 964.91943C898.688527 989.198195 939.554774 989.541906 964.54834 964.54834 989.716137 939.380543 989.707765 899.198097 964.91943 874.409762L602.509668 512 964.919294 149.590374C989.198377 125.311291 989.54168 84.445 964.54834 59.45166 939.380317 34.283637 899.198323 34.292009 874.409626 59.080706L512 421.490332Z"/></svg>') no-repeat center center;
	background-size:contain;
	background-repeat:no-repeat;
	overflow:hidden;
}

#page_modal_dialogue_back_button::after {
	content:' ';
	position:relative;
	left:0.75em;
	top:0.75em;
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;

	background-color:currentColor;
	-webkit-mask: url('data:image/svg+xml,<svg style="vertical-align:middle;fill:currentColor;overflow:visible" viewBox="70 -50 1124 1124" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M769.405 977.483c-27.074 27.568-71.045 27.568-98.121 0l-416.591-423.804c-27.173-27.568-27.173-72.231 0-99.899l416.492-423.804c13.537-13.734 31.324-20.652 49.109-20.652s35.572 6.917 49.109 20.652c27.173 27.568 27.173 72.331 0 99.899l-367.482 373.806 367.482 373.904c27.074 27.568 27.074 72.231 0 99.899z" /></svg>') no-repeat center center;
	background-size:contain;
	background-repeat:no-repeat;
	overflow:hidden;
}
#page_modal_dialogue_close_button:hover, #page_modal_dialogue_back_button:hover {
	cursor:pointer;
	background-color:rgba(128,128,128,0.5);
}











#modal_warning_message_banner {
	position:fixed;

	z-index:2005;

	top:100px;
	left: 0px;
	right: 0px;

	margin: 0;
	padding: 1em;



	display: flex;
	flex-wrap: nowrap;
	align-items: center !important;
	vertical-align: middle;


	background-color:rgb(188,1,23);
	color:white;
	pointer-events:none;

	-webkit-transition: all .5s cubic-bezier(0,.72,.21,1);
	-moz-transition: all .5s cubic-bezier(0,.72,.21,1);
	-o-transition: all .5s cubic-bezier(0,.72,.21,1);
	transition: all .5s cubic-bezier(0,.72,.21,1);



	opacity:0;
	height:0;


/*
	width:100vw;
	width: calc(100% - (100% - 100vw));
	width: calc(100vw - (100vw - 100%) - 2em); 
	width: calc(100vw - (100vw - 100%) - 2em);
*/

}
#modal_warning_message_bannar_icon {
	box-sizing: border-box;
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
	background-color: currentColor;
	-webkit-mask: url('data:image/svg+xml,<svg style="width:1em;height:1em;vertical-align:middle;fill:currentColor;overflow:hidden" x="0" y="0" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" version="1.1"><path d="M19.752 16 11.686 1.7A1.911 1.911 0 0 0 10 .727a1.91 1.91 0 0 0-1.686.978L.25 16a1.873 1.873 0 0 0 .02 1.9 1.92 1.92 0 0 0 1.665.943h16.132a1.917 1.917 0 0 0 1.665-.943 1.875 1.875 0 0 0 .02-1.9Zm-8.6-10.08-.28 6.847h-1.76l-.281-6.844 2.322-.003Zm-.01 9.682A1.317 1.317 0 0 1 10 16.27a1.298 1.298 0 0 1-1.316-1.316 1.3 1.3 0 0 1 1.309-1.316 1.313 1.313 0 0 1 1.152 1.967l-.002-.003Z"></path></svg>') no-repeat center center;
	background-size: contain;
	background-repeat: no-repeat;
	padding:0;
	overflow:hidden;
	margin-right:1em;
	flex-shrink: 0;
}
#modal_warning_message_banner_content {
	width: maximum-content;
	width: calc(100vw - 5em - 2.5em);
}
#modal_warning_message_banner_close_button {
	box-sizing: border-box;
	margin-left:1em;
	margin-right:1em;
	width:3em !important;
	height:3em !important;
	vertical-align:middle;
	border-radius:50%;
	flex-shrink: 0;
	transition: transform 0.3s ease;
}
#modal_warning_message_banner_close_button::after {
	content:' ';
	position:relative;
	left:0.75em;
	top:0.75em;
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;

	background-color:currentColor;
	-webkit-mask:url('data:image/svg+xml,<svg style="width:1em;height:1em;vertical-align:middle;fill:currentColor;overflow:hidden;" viewBox="-50 -50 1124 1124" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M512 421.490332 149.590238 59.08057C125.311473 34.801805 84.445226 34.458094 59.45166 59.45166 34.283863 84.619457 34.292235 124.801903 59.08057 149.590238L421.490332 512 59.080706 874.409626C34.801623 898.688709 34.45832 939.555 59.45166 964.54834 84.619683 989.716363 124.801677 989.707991 149.590374 964.919294L512 602.509668 874.409762 964.91943C898.688527 989.198195 939.554774 989.541906 964.54834 964.54834 989.716137 939.380543 989.707765 899.198097 964.91943 874.409762L602.509668 512 964.919294 149.590374C989.198377 125.311291 989.54168 84.445 964.54834 59.45166 939.380317 34.283637 899.198323 34.292009 874.409626 59.080706L512 421.490332Z"/></svg>') no-repeat center center;
	background-size:contain;
	background-repeat:no-repeat;
	overflow:hidden;
}
#modal_warning_message_banner_close_button:hover {
	cursor:pointer;
	background-color:rgb(235,0,31);
}


/*
 *
 *
 *
 * PAGE STUFF
 *
 *
 *
 */
table.page_main_outer {
	border: 0;
	border-spacing: 0;
	border-collapse: 0;
	margin: 0;
	padding: 0;
	transition: all .5s cubic-bezier(0,.72,.21,1);
}
td.page_main_outer {
	border: 0;
	margin: 0;
	padding: 0;
	margin: 0;
	position: relative;
	transition: all .5s cubic-bezier(0,.72,.21,1);
}
div.page_main_outer {
	border: 0;
	margin: 0;
	padding: 0;
	margin: 0;
	position: relative;
	transition: all .5s cubic-bezier(0,.72,.21,1);
}
@media (max-width: 400px) {
	div.page_main_outer {
	}
}




#page_footer {
	position: absolute;
	transition: all .5s;
	z-index: 1007;
	left:0;
	right: 0;

	border: 0;
	margin: 0;
	padding: 0;
	margin: 0;
	float: bottom;
	font-size: 1em;
}

@media (max-width: 425px) { #page_footer { font-size: 0.85em;} }
@media (max-width: 300px) { #page_footer { font-size: 0.75em;} }


.page_footer_div td {
	border: none;
	padding: 0px;
}



.rotate180 {
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}




/*
 *
 * BUTTONS
 *
 *
 */

.search_button {
}
.login_button {
}
.normal_button {
}



input.red_button, button.red_button {
	color:#fff;
	background-color: rgb(220, 51, 51);
}
button.red_button:hover, input.red_button:hover {
	background-color: rgb(250, 61, 61);
	filter:alpha(opacity=90);
	background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
	background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
}
button.red_button:active, input.red_button:active {
	box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;border-color:#000;
}