/* ------+++------------+++------------+++------------+++------ */
/* local.css */
/* ------+++------------+++------------+++------------+++------ */

/*
	.trid_blue  {background: #0054A6;}
	.trid_green {background: #00AB4E;}
	.trid_lblue {background: #E6F2FF;}
*/

.text_trid_blue   { color: #0054A6; font-size: 1.0em; }
.text_trid_lblue  { color: #E6F2FF; font-size: 1.0em; }
.text_trid_green  { color: #00AB4E; font-size: 1.0em; }
.font-weight-bold { font-weight: bold; }

body {
  position: relative;
  margin: 0;
  border: 0;
  text-align: left;
  font-size: 100%;
  /* https://fonts.google.com/specimen/Open+Sans */
  font-family: 'Open Sans', sans-serif;
  color: black;
  /* background: #E6F2FF; */
  background: #E6F2FF;
  /* min-height: 100vh; */
  height: 100%;
}

p { font-size: 1em; }

a { text-decoration: none !important; }
a:link		{ color: #0054A6; }
a:visited	{ color: #0054A6; }
a:hover		{ color: #0054A6; }
a:active		{ color: #0054A6; }

img { border: none; }

.background_blue {
	background: #EEEEFF;
}

.background_orange {
	background: #E6F2FF;
}

.background_white {
	background: white;
}

.text_center {
	text-align: center;
}

.blue_button {
	background: white;
	padding: 0 !important;
	min-width: 72px;
	text-align: center;
	color: #0054A6;
	border: solid 2px #0054A6;
	border-radius: 4px;
	display: inline-block;
	cursor: pointer;
	padding: 2px 4px;
	margin: 2px 4px;
}
.displayActive {
	background: #EEEEFF;
}

.object_input {
	min-width: 12px;
	text-align: left;
	vertical-align: middle;
	font-family: 'PT Mono', 'Lucida Console', monospace;
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
	height: 20px;
	color: black;
	background: white;
	border: solid 1px black;
	border-radius: 2px;
	display: inline-block;
	padding: 0 4px;
	margin: 4px 4px;
}

.object_view {
	min-width: 12px;
	text-align: left;
	vertical-align: middle;
	font-family: 'PT Mono', 'Lucida Console', monospace;
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
	height: 20px;
	color: black;
	background: #EEEEEE;
	border: solid 1px black;
	border-radius: 2px;
	display: inline-block;
	cursor: pointer;
	padding: 0 4px;
	margin: 4px 4px;
}

.object_button {
	min-width: 12px;
	text-align: center;
	vertical-align: middle;
	font-family: 'PT Mono', 'Lucida Console', monospace;
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
	height: 20px;
	color: black;
	background: #EEEEEE;
	border: solid 1px black;
	border-radius: 2px;
	display: inline-block;
	cursor: pointer;
	padding: 0 4px;
	margin: 4px 4px;
}

.action_button {
	width: 74px;
	text-align: left;
	vertical-align: middle;
	font-family: 'PT Mono', 'Lucida Console', monospace;
	/* font-family: 'Open Sans', sans-serif; */
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
	height: 20px;
	color: #0054A6;
	background: #EEEEFF;
	border: solid 1px black;
	border-radius: 2px;
	display: inline-block;
	cursor: pointer;
	padding: 0 4px;
	margin: 4px 4px;
}

.small_button {
	text-align: left;
	vertical-align: middle;
	font-family: 'PT Mono', 'Lucida Console', monospace;
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
	height: 20px;
	color: #0054A6;
	background: #EEEEFF;
	border: solid 1px black;
	border-radius: 2px;
	display: inline-block;
	cursor: pointer;
	padding: 0 4px;
	margin: 4px 4px;
}

#foot_message {
	color: #0054A6;
}

#div_foot_message, #div_foot_copyright {
	margin: 0 6px;
	Xborder: 1px solid red;
}
/* ------+++------------+++------------+++------------+++------ */

/*
body_panel
-	top_panel
-	-	header_panel
-	-	-	header_row
-	mid_panel
-	-	mid_row
-	-	-	left_panel
-	-	-	right_panel
-	bottom_panel
*/

div #body_panel, #top_panel, #mid_panel, #bottom_panel {
	margin: 0;
	padding: 0;
}
#top_panel, #bottom_panel {
	outline: 6px solid #E6F2FF;
	z-index: 2;
}
/* ------+++------------+++------------+++------------+++------ */
div #header_row, #mid_row {
	margin: 0;
	padding: 0;
}
div #header_panel, #left_panel, #right_panel {
	margin: 0;
	padding: 0;
}
div #mid_row {
	/* display: table; */
	height: 86vh;
	/* height: 300px; */
}
div #left_panel, #right_panel {
	padding: 6px !important;
	/* float: left;
	min-width: 120px; */
	/* overflow-x: scroll; */
	overflow-y: scroll;
	/* white-space: nowrap; */
	/* width: 1%; */
}
div #right_panel {
	/* width: 100%; */
}

.blue_box {
	margin: 6px !important;
	padding: 0 !important;
	background: white !important;
	border: 2px solid #0054A6 !important;
	border-radius: 0 !important;
}

/* ------+++------------+++------------+++------------+++------ */

.hidden {
	display: none;
}

.linkless a { text-decoration: none !important; }
.linkless a:link { color: #000000; }
.linkless a:visited { color: #000000; }
.linkless a:hover { color: #000000; }
.linkless a:active { color: #000000; }

ul.header_style {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

input, textarea, button {
	margin: 6px;
}

input[type=edit], textarea {
	font-family: 'PT Mono', 'Lucida Console', monospace;
	font-size: 0.9em;
	font-weight: normal;
	font-style: normal;
}


a[target="_blank"]:after {
	content: " \25F3";
}

.dimmable {
	visibility: hidden;
	-webkit-transition: visibility 2s ease-in-out; /* Safari */
	transition: visibility 2s ease-in-out;
}

.display-inline-block {
	display: inline-block;
}

.topic_text {
  font-size: 1.2em;
  /* font-weight: bold; */
color: #0054A6;
}
.blue_large_text {
  font-size: 1.1em;
  color: #0054A6;
}
.blue_text {
  color: #0054A6;
}

.left_menu li {
  display: inline;
  padding: 4px;
  /* margin: 14px; */
  margin-top: 14px;
  background: #EEEEFF;
  border: 1px solid #0054A6; }

div.white_text {
  color: white;
  background: white; }

div.floatleft {
	float: left;
}
div.floatright {
	float: right;
}

.align_left {
  text-align: left;
  margin-left: 1em; }

.align_right {
  text-align: right;
  margin-right: 1em; }

.width_max {
  width: 100%; }

.red_border {
  border: 1px solid red;
}

.red_text {
  color: red; }

.red_text_bold {
  color: red;
  font-weight: bold;
}

.blue_rect {
	display: inline-block;
	fill: #EEEEFF;
	stroke: #0054A6;
	stroke-width: 1;
	/* opacity: 0.3; */
}

.large_text {
  font-size: 1.5em; }

input[type=radio] {
  display: none;
}

input[type=radio]:checked + label {
	background: #EEEEFF;
}

label + input[type=radio] + label {
	margin-left: 4px;
}
/*
input[type=radio]:checked + label::before {
  content: "\2612  ";
}
input[type=radio] + label::before {
	content: "\2610  ";
}
 */
.blue_background {
  background: #EEEEFF;
}

.nowrap {
	white-space: nowrap;
}

/* ------+++------------+++------------+++------------+++------ */

img.img_inline {
	margin: 4px;
}

.ethnocentric {
	font-family: 'ethnocentricbook', 'Open Sans', sans-serif;
	font-size: 2.0em;
	color: #0054A6;
}

.monospace {
	/* https://fonts.google.com/specimen/PT+Mono */
	/* font-family: 'Lucida Console', 'PT Mono', monospace; */
	font-family: 'PT Mono', 'Lucida Console', monospace;
	font-size: 0.9em;
	font-weight: normal;
	font-style: normal;
}

/* ------+++------------+++------------+++------------+++------ */

@font-face {
	font-family: 'ethnocentricbook';
	src: url('../fonts/ethnocentric_bk.eot');
	src: url('../fonts/ethnocentric_bk.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ethnocentric_bk.woff2') format('woff2'),
		url('../fonts/ethnocentric_bk.woff') format('woff'),
		url('../fonts/ethnocentric_bk.ttf') format('truetype'),
		url('../fonts/ethnocentric_bk.svg#ethnocentricbook') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ------+++------------+++------------+++------------+++------ */

.ng-invalid.ng-dirty {

	border-color: #FA787E;
}

.ng-valid.ng-dirty {

	border-color: #78FA89;
}

/* ------+++------------+++------------+++------------+++------ */