.drv-fa {
	font-family: FontAwesome;
}

* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	outline: none;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*
*:focus {
	outline: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
*/
html, body {
	height: 100%;
}

body {
	overflow: hidden;
	margin: 0;
	padding: 0;
	/*font-family: Arial, Helvetica, sans-serif;*/

	font-family: 'Barlow';
	font-size: 1.3em;
}
body {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,999999+100 */
	background: #ffffff; /* Old browsers */
	/*background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #999999 100%); /* FF3.6-15 */
	/*background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 50%,#999999 100%); /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom, #ffffff 0%,#ffffff 50%,#999999 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
}

#home div.content span.mdrea img {
	max-width: 70%;
}

#home div.content span.mdrea #img2 {
	/*max-width: 50%;*/
	max-width: 4.8em;
}

@media screen and (max-device-height: 842px) {
	body {
		font-size: 1.1em;
	}

	#home div.content span.mdrea img {
		max-width: 100%;
	}

	#home div.content span.mdrea #img2 {
		max-width: 80%;
	}
}
@media
(-webkit-min-device-pixel-ratio: 2)   and (max-device-height: 800px),
(min--moz-device-pixel-ratio: 2)      and (max-device-height: 800px),
(min-device-pixel-ratio: 2)           and (max-device-height: 800px),
(min-resolution: 2dppx)               and (max-device-height: 800px),
(min-resolution: 192dpi)              and (max-device-height: 800px)
{
	body {
		/*font-size: 0.3em;*/
	}
}

pre {
	padding-right: 0.5em;
	padding-left: 0.5em;
	white-space: normal !important;
}

select, select:focus, select:hover, option, option:focus, option:hover, option:checked {
	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.display-none {
	display: none;
}

.float-left {
	float: left;
}
.float-right {
	float: right;
}
.float-clear {
	clear: both;
}

.align-left {
	text-align: left !important;
}
.align-center {
	text-align: center !important;
}
.align-right {
	text-align: right !important;
}

.valign-top {
	vertical-align: top;
}
.valign-middle {
	vertical-align: middle;
}
.valign-bottom {
	vertical-align: bottom;
}

.hig-red {
	color: #CA0000;
}

.copyr {
	margin-top: 0;
	padding-top: 0;
	color: #662D91;
}

a.vendor, a.vendor p {
	color: #662D91;
	text-decoration: none;
}

.btn-text, button.btn-text, a.btn-text, a.btn-text:link, a.btn-text:active, a.btn-text:visited, a.btn-text:hover {
	/*display: block;*/
	color: #FFFFFF;
	font-size: 1.0em;
	font-weight: bold;
	padding: 0.4em 0.4em;
	background-color: #ED1E79;
	text-decoration: none;
	-webkit-border-radius: 0.3em;
	border-radius: 0.3em;
}
.btn-text.pressed {
	opacity: 0.5;
}
.btn-text.small, a.btn-text.small {
	font-size: 0.8em;
}
a.btn-text.warning, a.btn-text:link.warning, a.btn-text:active.warning, a.btn-text:visited.warning, a.btn-text:hover.warning {
	background-color: #B71160;
	font-size: 0.84em;
}

button.btn-text {
	margin: 0 0.2em;
	padding: 0.3em 0.5em;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Barlow';
	font-size: 1.0em;
	border: 0;
	cursor: pointer;
}
button.btn-text.small {
	font-size: 0.8em;
}

div.splash {
	position: absolute;
	z-index: 1010;
	top: 0;
	left: 0;
	display: table;
	width: 100%;
	height: 100%;
	text-align: center;
	background: #FFFFFF;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: default;

	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
div.splash-loading {
	z-index: 100010;
	background: #FFF;
}
.splash div.content {
	display: table-cell;
	vertical-align: middle;
	/*background: rgba(255,255,255,0.65);*/
}
.splash div.content p {
	/*color: #666666;*/
	color: #ED1E79;
	font-size: 2.4em;
	text-shadow: 2px 2px 2px #FFFFFF;
	margin: 0;
	padding: 0;
}
.splash div.content p .fa{
	text-shadow: none;
}

#menu-overlay {
	overflow: hidden;
	position: fixed;
	z-index: 120;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	cursor: pointer;
}
#menu {
	/*overflow: hidden;*/
	position: fixed;
	z-index: 121;
	top: 0;
	left: -100%;
	width: 80%;
	height: 100%;
}
#menu.opened {
	transition: 1s;
	left: 0;
}
#menu button.close {
	display: none;
	position: absolute;
	z-index: 100;
	top: 0;
	right: -1.2em;
	padding: 0.1em 0.13em;
	font-size: 3em;
	/*color: #ED1E79;*/
	/*color: #D3141B;*/
	color: #FFF;
	border: 0;
	/*border: 1px solid #FFFFFF;*/
	/*border-radius: 50%;*/
	/*box-shadow: 0.1em -0.1em 0.2em #969696;*/
	/*background: #0D75BB;*/
	/*background: #FFFFFF;*/
	background: none;
	cursor: pointer;
}
#menu.opened button.close {
	display: block;
}
#menu div.navigation {
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.9);
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-x: hidden;
	-webkit-overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
#menu div.navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu div.navigation ul li {
	width: 100%;
	margin: 0;
	list-style: none;
	font-size: 1.14em;
	cursor: default;
	border-bottom: 1px #DBDBDB solid;
}
#menu div.navigation ul li a
, #menu div.navigation ul li a:link
, #menu div.navigation ul li a:active
, #menu div.navigation ul li a:visited
, #menu div.navigation ul li a:hover
{
	display: block;
	width: 100%;
	padding: 0.8em 1.0em;
	/*color: #000000;*/
	color: #D3141B;
	font-weight: bold;
	text-decoration: none;
}
#menu div.navigation ul li a.disabled
, #menu div.navigation ul li a:link.disabled
, #menu div.navigation ul li a:active.disabled
, #menu div.navigation ul li a:visited.disabled
, #menu div.navigation ul li a:hover.disabled
{
	color: #999999;
	cursor: default;
}
#menu div.navigation ul li.brand {
  list-style: none;
	height: 4em;
	padding: 0;
	border-bottom: 0;
	background-color: #ed1e79;
	background-image: url(tamapatient_logo_left.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
#menu div.navigation ul li.hig {
	color: #FFFFFF;
	background-color: #b71160;
	border-bottom: 1px solid #fff;
}
#menu div.navigation ul li.hig a
, #menu div.navigation ul.hig li a:link
, #menu div.navigation ul.hig li a:active
, #menu div.navigation ul.hig li a:visited
, #menu div.navigation ul.hig li a:hover
{
	font-weight: normal;
	color: #FFFFFF;
}

#header {
	position: fixed;
	/*display: table;*/
	z-index: 110;
	top: 0;
	left: 0;
	width: 100%;
	/*height: 60px;*/
	/*height: 10%;*/
	/*max-height: 60px;*/
	/*background: rgba(255,255,255,0.65);*/
	background: #ED1E79;
	color: #FFFFFF;
	text-align: center;
	cursor: default;

	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
#header div.content{
	/*display: table-cell;*/
	vertical-align: middle;
	color: #FFFFFF;
	text-align: center;
}
#header .title {
	/*width: 100%;*/
	display: table;
	max-width: 60%;
	height: 3.8em;
	margin: 0 auto;
	/*line-height: 3.8em;*/
	/*text-transform: uppercase;*/
}
#header .title span {
	/*width: 100%;*/
	font-size: 1.18em;
	display: table-cell;
	vertical-align: middle;
}
#header div.content div.bars-panel {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
}
#header div.content div.gear-panel {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
}
#header div.content div.audio-panel {
	/*display: none;*/
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	min-width: 4.2em;
}
#header div.content a,
#header div.content a:link,
#header div.content a:active,
#header div.content a:visited,
#header div.content a:hover
{
	display: inline-block;
	margin: 0.15em 0;
	padding: 0 0.3em;
	font-size: 2.6em;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;

	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#header div.content div.bars-panel a:nth-of-type(1) {
	margin-left: 0.3em;
}
#header div.content div.settings-panel a {

}
#header div.content div.main-panel a:nth-last-child(1) {
	margin-right: 0.3em;
}
#header div.content a.pressed:hover {
	color: #5FD0E9;
}
#header div.content a.disabled {
	color: #5FD0E9;
	cursor: default;
}

#footer {
	position: fixed;
	display: table;
	z-index: 110;
	bottom: 0;
	left: 0;
	width: 100%;
	/*height: 60px;*/
	/*height: 10%;*/
	/*max-height: 80px;*/
	/*background: rgba(255,255,255,0.65);*/
	background: #662480;
	color: #FFFFFF;
	text-align: center;
	cursor: default;

	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

#footer div.content{
	width: 100%;
	color: #FFFFFF;
	text-align: center;
}
#footer div.content a,
#footer div.content a:link,
#footer div.content a:active,
#footer div.content a:visited,
#footer div.content a:hover
{
	display: inline-block;
	margin: 0.15em 0;
	padding: 0 0.3em;
	font-size: 2.6em;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;

	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#footer div.content div.counter-panel a:nth-of-type(1) {
	margin-left: 0.3em;
}
#footer div.content div.main-panel a {
	border-left: 1px solid #8E5FA1;
}
#footer div.content div.main-panel a:nth-last-child(1) {
	margin-right: 0.3em;
}
#footer div.content a.pressed:hover {
	color: #8E5FA1;
}
#footer div.content a.disabled {
	color: #8E5FA1;
	cursor: default;
}
#footer div.content a.flash {
	-webkit-animation: anim-effect-flash 1.2s ease-out forwards;
	animation: anim-effect-flash 1.2s ease-out forwards;
}

div.wrapper {
	overflow: hidden;
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	/*background: #FFFFFF;*/
	/*background: #662480;*/
	/*background: #3E154D;*/
	background: #8E5FA1;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: default;

	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
div.wrapper.home {
	background: transparent;
}

#home {
	overflow: hidden;
	width: 100%;
	height: 100%;
}
#home div.header {
	position: relative;
	width: 100%;
	height: 30%;
	/*max-height: 220px;*/
	background-image: url(header_background.png);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
#home div.header .home-logout {
	position: absolute;
	z-index: 11;
	top: 0;
	left: 0;
	text-align: left;
}
#home div.header .home-logout button {
	display: inline-block;
	margin: 0.15em 0;
	padding: 0.1em 0.3em;
	margin-left: 0.3em;
	font-size: 2.6em;
	color: #ED1E79;
	text-decoration: none;
	cursor: pointer;

	background-color: transparent;
	border-color: transparent;
	border-width: 0;
	cursor: pointer;

	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#home div.header div.d-logo {
	position: absolute;
	z-index: 10;
	left: 50%;
	bottom: -7.8%;
	width: 100%;
	height: 100%;
	margin-left: -50%;
	/*margin-bottom: -4.2%;*/
	background-image: url(home_tamapatient_doctor.png);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
/*
#home div.header div.l-logo {
	position: absolute;
	z-index: 10;
	left: 50%;
	bottom: -7.7%;
	width: 50%;
	height: 100%;
	margin-left: -7.7%;
	background-image: url(tamapatient_logo_right.png);
	background-position: center left;
	background-size: contain;
	background-repeat: no-repeat;
}
*/
#home div.content {
	/*display: table;*/
	width: 100%;
	height: 70%;
	text-align: center;

	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-x: hidden;
	-webkit-overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
#home div.content h2 {
	font-size: 1.2em;
	/*color: #662482;*/
	/*color: #ED1E79;*/
	color: #999999;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}
/*#home div.content p.mdrea {
	padding-right: 0.8em;
	padding-left: 0.8em;
}*/

#home div.content h2.rever {
	font-size: 1.2em;
	color: #FFFFFF;
	background-color: #ED1E79;
}
#home div.content div.item {
	display: inline-block;
	cursor: pointer;
}

#home div.content div.slider {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-x: scroll;
	-webkit-overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}

#home div.content div.m-area {
	white-space: nowrap;
	position: relative;
	width: 100%;
	height: 5.0em;
	padding: 0 2.4em;
	text-align: left;

	margin-bottom: 2em;
}
#home div.content div.m-area div.btn {
	position: absolute;
	top: 0;
	height: 4.8em;
	line-height: 4.8em;
	color: #c0c0c0;
}
#home div.content div.m-area div.btn span {
	padding: 0 0.3em;
	font-size: 2.4em;
}
#home div.content div.m-area div.b-prev {
	left: 0;
}
#home div.content div.m-area div.b-next {
	right: 0;
}
#home div.content div.m-area div.item {
	position: relative;
	width: 4.8em;
	height: 4.8em;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
#home div.content div.m-area div[data-href='my'] {
	/*width: 4.2em;*/
	/*height: 4.2em;*/
	/*margin-right: 0.4em;*/
}
#home div.content div.m-area div.item.display-none {
	display: none;
}
#home div.content div.m-area div.item span {
	margin: 0;
	padding: 0;
	font-size: 4.8em;
	line-height: 1em;
	/*color: #662482;*/
	color: #ED1E79;
	background-color: #FFFFFF;
	border-radius: 0.1em;
}
#home div.content div.m-area div[data-href='my'].item span {
	/*font-size: 4.2em;*/
	color: #ED1E79;
}
#home div.content div.m-area div.item.disabled span {
	color: #C0C0C0;
}
#home div.content div.m-area div.item.current span {
	color: #20ABAA;
}

#home div.content div.m-case {
	white-space: nowrap;
	position: relative;
	overflow-x: auto;
	overflow-y: hidden;
	width: 100%;
	height: 5.0em;
	/*height: 6.3em;*/
	padding: 0 2.4em;
	margin-bottom: 0.8em;
	text-align: left;
}
#home div.content div.m-case div.slider {
	height: 100%;
}
#home div.content div.m-case div.btn {
	position: absolute;
	top: 0;
	height: 4.8em;
	line-height: 4.8em;
	color: #B5E6D6;
}
#home div.content div.m-case div.btn span {
	padding: 0 0.3em;
	font-size: 2.4em;
}

#home div.content div.m-case div.b-prev {
	left: 0;
}
#home div.content div.m-case div.b-next {
	right: 0;
}
#home div.content div.m-case div.item {
	position: relative;
	width: 4.8em;
	height: 100%;
	margin: 0 0.1em;
	text-align: center;
	/*background-color: #E8F7F1;*/
	background-position: top center;
	background-size: contain;
	background-repeat: no-repeat;
}
#home div.content div.m-case div.item.display-none {
	display: none;
}
#home div.content div.m-case div.item div.info {
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 0.9em;
	color: #FFFFFF;
	background-color: #ED1E79;

	-webkit-border-radius: 0.3em;
	border-radius: 0.3em;
}
#home div.content div.item.pressed {
	opacity: 0.5;
}
#home div.content div.item.disabled {
	position: relative;
	/*opacity: 0.5;*/
	cursor: default;
	text-align: right;
}

#home div.content div.item.disabled span.fa {
	/*opacity: 1;*/
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 1.6em;
	padding: 0.14em;
	color: #662482;
	background-color: #FFFFFF;
	border-radius: 0.18em;
	cursor: pointer;
}

#home div.content div.item.disabled button.fa {
	/*opacity: 1;*/
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 1.6em;
	padding: 0.14em;
	color: #662482;
	background-color: #FFFFFF;
	border: 0;
	border-radius: 0.18em;
	cursor: pointer;
}

#htmlin {
	overflow: hidden;
	width: 100%;
	height: 100%;
	padding: 1.2em;

	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-x: hidden;
	-webkit-overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
#htmlin div.content {
	text-align: left;
}
#htmlin div.content h2 {
	color: #FF0000;
	font-size: 1.16em;
	padding-bottom: 0;
	margin-bottom: 0;
}
#htmlin div.content p {
	text-align: left;
	font-size: 1.05em;
	padding-top: 0.1em;
	margin-top: 0;
}

#htmlwriter {
	overflow: hidden;
	width: 100%;
	height: 100%;
	padding: 1.2em;

	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-x: hidden;
	-webkit-overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
#htmlwriter div.content {
	text-align: left;
}
#htmlwriter div.content h2 {
	color: #FF0000;
	font-size: 1.16em;
	padding-bottom: 0;
	margin-bottom: 0;
}
#htmlwriter div.content p {
	text-align: left;
	font-size: 1.05em;
	padding-top: 0.1em;
	margin-top: 0;
}

#screen {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.balloon-js {
	cursor: default;

	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

#screen div.panel-question {
	position: absolute;
	width: 100%;
	bottom: 5em;
	left: 0;
	text-align: center;
	background: transparent;
}
#screen div.panel-question label.board {
	position: relative;
	display: inline-block;
	max-width: 98%;
	margin: 0 auto;
	padding: 0.7em;
	color: #ED1E79;
	/*border: 1px solid #999999;*/
	border-radius: 0.7em;
	/*background: transparent;*/
	background: #FFFFFF;
	cursor: pointer;
}
#screen div.panel-question label.board span.drv-fa {
	position: absolute;
	font-size: 2em;
	top: -50%;
	right: 0;
	margin-top: 1em;
	padding: 0.3em;
	background: #FFFFFF;
	border-radius: 0.7em;
}
#screen div.panel-question label.board select {
	max-width: 100%;
	/*margin: 0;*/
	font-size: 1.2em;
	color: #ED1E79;
	border: 0;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
}
#screen div.panel-question label.board select.activated {
	color: #000000;
}
#screen div.panel-question label.board select option {
	color: #000000;
	background-color: #FFFFFF;
}
#screen div.panel-question label.board select option:first-child {
	/*font-weight: bold;*/
	font-style: italic;
	color: #ED1E79;
}
#screen div.panel-question label.board select option[value=continue] {
	/*font-weight: bold;*/
	font-style: italic;
	color: #ED1E79;
}

#screen .hotspot {
	position: absolute;
	border: 0;
	background-color: transparent;
	/*border: 1px solid #000000;*/
	/*background-color: rgba(255,255,255,0.6);*/
	cursor: pointer;
}

#screen .ending {
	position: absolute;
	bottom: 2em;
	left: 0;
	width: 100%;
	text-align: center;
}
#screen .ending .panell {
	width: 94%;
	margin: auto;
	/*background: rgba(255,255,255,0.8);*/
	background: transparent;
	border-radius: 0.4em;
}
#screen .ending .panell h3 {
	padding-top: 1.0em;
}
#screen .ending .panell p {
	padding-top: 0.8em;
	padding-bottom: 1.2em;
}
#pbar {
	width: 70%;
	margin: 0 auto;
	height: 1.4em;
	margin-bottom: 1.6em;
}

#overlay-info h2 {
	font-size: 1.3em;
}

#overlay-notification h2 {
	font-size: 1.3em;
}

#overlay-cases {

}
#overlay-cases div.bg div.m-case {
	/*white-space: nowrap;*/
	position: relative;
	/*overflow-x: auto;*/
	/*overflow-y: hidden;*/
	width: 100%;
	height: 5.0em;
	/*height: 6.3em;*/
	padding: 0 0;
	margin-bottom: 0;
	text-align: left;
}
#overlay-cases div.bg div.m-case .table {
	display: table;
	width: 100%;
}
#overlay-cases div.bg div.m-case .table .row {
	display: table-row;
}
#overlay-cases div.bg div.m-case .table .row.display-none {
	display: none;
}
#overlay-cases div.bg div.m-case .table .row:nth-of-type(even) {
	background-color: #F7F7F7;
}
#overlay-cases div.bg div.m-case .table .row .cell {
	display: table-cell;
	padding: 0 0.4em 0 0;
	vertical-align: top;
}
#overlay-cases div.bg div.m-case .table .row .cell:nth-of-type(1) {
	width: 5%;
}
#overlay-cases div.bg div.m-case .table .row .cell:nth-of-type(2) {
	width: 95%;
}
#overlay-cases div.bg div.m-case .table .row .cell:nth-of-type(2) p {
	font-size: 0.9em;
}
#overlay-cases div.bg div.m-case .table .row .cell:nth-of-type(2) .fa-circle-o {
	color: #DBDBDB;
}
#overlay-cases div.bg div.m-case .table .row .cell:nth-of-type(2) p:nth-of-type(1) .fa {
	min-width: 1.3em;
	padding-right: 0.18em;
	/*border-radius: 0.1em;*/
	border-right: 1px solid #999999;
	text-align: center;
}
#overlay-cases div.bg div.m-case .table .row .cell:nth-of-type(2) p:nth-of-type(1) .fa-download {
	color: #DBDBDB;
	border-color: #DBDBDB;
}
#overlay-cases div.bg div.m-case .table .row .cell:nth-of-type(2) p:nth-of-type(1) .fa-upload {
	color: #44AF38;
	border-color: #44AF38;
}
#overlay-cases div.bg div.m-case .table .row .cell:nth-of-type(2) p:nth-of-type(1) .fa-eye {
	color: #44AF38;
	border-color: #44AF38;
}
#overlay-cases div.bg div.m-case .table .row .cell:nth-of-type(2) p:nth-of-type(1) .fa-thermometer-empty {
	color: #AA0000;
	border-color: #AA0000;
}
#overlay-cases div.bg div.m-case .table .row .cell:nth-of-type(2) p:nth-of-type(1) .fa-thermometer-quarter {
	color: #CE5131;
	border-color: #CE5131;
}
#overlay-cases div.bg div.m-case .table .row .cell:nth-of-type(2) p:nth-of-type(1) .fa-thermometer-half {
	color: #FF8040;
	border-color: #FF8040;
}
#overlay-cases div.bg div.m-case .table .row .cell:nth-of-type(2) p:nth-of-type(1) .fa-thermometer-three-quarters {
	color: #E4E15A;
	border-color: #E4E15A;
}
#overlay-cases div.bg div.m-case .table .row .cell:nth-of-type(2) p:nth-of-type(1) .fa-thermometer-three-full {
	color: #008000;
	border-color: #008000;
}
#overlay-cases div.bg div.m-case .table .row .cell:nth-of-type(2) p:nth-of-type(1) {
	margin-top: 0.45em;
	padding-top: 0;
	font-weight: bold;
}
#overlay-cases div.bg div.m-case .table .row .cell:nth-of-type(2) p.ecmflag {
	display: inline-block;
	margin: 0.22em 0 0 0;
	padding: 0.13em 0.4em;
	font-size: 0.76em;
	color: #FFFFFF;
	font-weight: bold;
	background: #FF0000;
	border-radius: 0.3em;
	
	-webkit-transform: rotate(-16deg);
	transform: rotate(-16deg);
}
#overlay-cases div.bg div.m-case .table .row .cell:nth-of-type(2) p.evi {
	margin-top: 0.45em;
	color: #999999;
	border-top: 1px solid #BFBFBF;
	/*font-style: italic;*/
	font-style: normal;
}
#overlay-cases div.bg div.m-case .table .row .cell:nth-of-type(2) p.evi b {
	color: #666666;
}
#overlay-cases div.bg div.m-case .table .row .cell:nth-of-type(2) p.evi b.rec {
	font-style: normal;
}
#overlay-cases div.bg div.m-case .table .row .cell:nth-of-type(2) p.small {
	font-size: 0.70em;
}
#overlay-cases div.bg div.m-case div.item {
	position: relative;
	width: 4.8em;
	height: 4.8em;
	margin: 0.45em 0.2em;
	text-align: center;
	/*background-color: #E8F7F1;*/
	background-position: top center;
	background-size: contain;
	background-repeat: no-repeat;
}
#overlay-cases div.bg div.m-case div.item.display-none {
	display: none;
}
#overlay-cases div.bg div.m-case div.item div.info {
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 0.9em;
	color: #FFFFFF;
	background-color: #ED1E79;

	-webkit-border-radius: 0.3em;
	border-radius: 0.3em;
}
#overlay-cases div.bg div.m-case div.item.pressed {
	opacity: 0.5;
}
#overlay-cases div.bg div.m-case div.item.disabled {
	position: relative;
	/*opacity: 0.5;*/
	cursor: default;
	text-align: right;
}

#overlay-cases div.bg div.m-case div.item.disabled span.fa {
	/*opacity: 1;*/
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 1.6em;
	padding: 0.14em;
	color: #662482;
	background-color: #FFFFFF;
	border-radius: 0.18em;
	cursor: pointer;
}

#overlay-cases div.bg div.m-case div.item.disabled button.fa {
	/*opacity: 1;*/
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 1.6em;
	padding: 0.14em;
	color: #662482;
	background-color: #FFFFFF;
	border: 0;
	border-radius: 0.18em;
	cursor: pointer;
}
#overlay-cases div.bg div.m-case div.item.disabled a {
	/*opacity: 1;*/
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 1.6em;
	padding: 0.14em;
	color: #ED1E79;
	background-color: #FFFFFF;
	border: 1px solid #ED1E79;
	border-radius: 0.18em;
	cursor: pointer;
}

#overlay-notes article {
	padding-bottom: 1.0em;
}
#overlay-notes article h3 {
	border-bottom: 1px solid #ED1E79;
}
#overlay-notes article p {
	font-size: 1.0em;
	padding-top: 0.2em;
	margin-top: 0;
	padding-bottom: 0.3em;
}
#overlay-notes article ul {
	list-style-position: inside;
	padding-left:0;
	padding-top: 0.5em;
	margin-top: 0;
	padding-bottom: 0.2em;
	margin-bottom: 0;

	list-style: none;
}
#overlay-notes article li {
	color: #000000;
	font-size: 1.0em;
	font-weight: bold;

	list-style: none;
}
#overlay-notes article li span.nnum {
	/*color: #ED1E79;*/
	color: #666666;
	font-size: 0.8;
}
#overlay-feedb h3 {
	padding-bottom: 0.5em;
}
#overlay-feedb label {
	cursor: pointer;
}
#overlay-feedb label.bold {
	font-weight: bold;
}
#overlay-feedb p:nth-of-type(even) {
	background-color: #F7F7F7;
}
#overlay-feedb p:nth-last-of-type(1) {
	background-color: transparent;
}
#overlay-feedb textarea.fillin {
	width: 100%;
	height: 12em;
}
#overlay-feedb .answer {
	display: inline-block;
	padding-top: 0.3em;
	font-size: 1.16em;
}

.vbox-overlay {
	z-index: 100100;
}

.vbox-close {
	position: fixed;
	overflow: visible;
	top: 0;
	right: 0;
	width: auto;
	height: auto;
	background: none;
	text-indent: initial;
	font-family: FontAwesome;
	font-size: 1.7em;
	margin: 0.3em 0.3em;
	padding: 0;
}
.vbox-close:before {
	content:"\f05c";
}

#countdown {
	position: absolute;
	top: 3.2em;
	right: 0.6em;
	/*color: #333333;*/
	color: #ED1E79;
	font-size: 1.4em;
	font-weight: bold;
	font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;;
	padding: 0.3em 0.5em;
	border: 1px solid #ED1E79;
	border-radius: 0.3em;
	background-color: rgba(255,255,255,0.7);
}

@-webkit-keyframes anim-effect-flash {
	0% {
		color: #FFFFFF;
	}
	10% {
		color: #FFFFFF;
	}
	20% {
		color: #B71160;
	}
	40% {
		color: #FFFFFF;
	}
	60% {
		color: #B71160;
	}
	70% {
		color: #FFFFFF;
	}
	80% {
		color: #B71160;
	}
	100% {
		color: #FFFFFF;
	}
}
@keyframes anim-effect-flash {
	0% {
		color: #FFFFFF;
	}
	10% {
		color: #FFFFFF;
	}
	20% {
		color: #B71160;
	}
	40% {
		color: #FFFFFF;
	}
	60% {
		color: #B71160;
	}
	70% {
		color: #FFFFFF;
	}
	80% {
		color: #B71160;
	}
	100% {
		color: #FFFFFF;
	}
}

@media screen and (max-device-width: 480px) {

}
/*@media screen and (max-device-width: 320px) and (orientation: portrait) {*/
@media screen and (max-device-width: 320px) {

}
/* 2 dpr */
/*(-webkit-min-device-pixel-ratio: 2)   and (max-device-width: 990px) and (orientation: portrait),*//* Webkit */
(-webkit-min-device-pixel-ratio: 2)   and (max-device-width: 990px),/* Webkit */
(min--moz-device-pixel-ratio: 2)      and (max-device-width: 990px),/* Older Firefox */
(min-device-pixel-ratio: 2)           and (max-device-width: 990px),/* Other Webkit-based */
(min-resolution: 2dppx)               and (max-device-width: 990px),/* The standard way */
(min-resolution: 192dpi)              and (max-device-width: 990px) /* dppx fallback */
{

}