@font-face {
	font-family: 'bebas_neueregular';
	src: url('fonts/bebasneue-regular-webfont.woff2') format('woff2'),
			 url('fonts/bebasneue-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'qusabo';
	src: url('fonts/qusabo.woff2') format('woff2'),
			 url('fonts/qusabo.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'Font Awesome 5 Free hex';
	font-style: normal;
	font-weight: 900;
	src: url("../combo/fontawesomefree/webfonts/fa-solid-900.eot");
	src: url("../combo/fontawesomefree/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../combo/fontawesomefree/webfonts/fa-solid-900.woff2") format("woff2"), url("../combo/fontawesomefree/webfonts/fa-solid-900.woff") format("woff"), url("../combo/fontawesomefree/webfonts/fa-solid-900.ttf") format("truetype"), url("../combo/fontawesomefree/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

@font-face {
	font-family: 'Font Awesome 5 Free hex r';
	font-style: normal;
	font-weight: 400;
	src: url("../combo/fontawesomefree/webfonts/fa-regular-400.eot");
	src: url("../combo/fontawesomefree/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../combo/fontawesomefree/webfonts/fa-regular-400.woff2") format("woff2"), url("../combo/fontawesomefree/webfonts/fa-regular-400.woff") format("woff"), url("../combo/fontawesomefree/webfonts/fa-regular-400.ttf") format("truetype"), url("../combo/fontawesomefree/webfonts/fa-regular-400.svg#fontawesome") format("svg");
}

* {
	-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-size: 1.3em;
	/*background-color: #000000;*/
	background-color: #FFFFFF;
	/*background-image: url(bg.png);*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;

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

@media all -webkit-device-pixel-ratio {
	font-size: 12px;
}

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

.overflow-hidden {
	overflow: hidden;
}

.display-none {
	display: none;
}

.transparent {
	opacity: 0;
}

.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;
}

.table {
	display: table;
}
.table-row {
	display: table-row;
}
.table-cell {
	display: table-cell;
}

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

#loading {
	position: absolute;
	z-index: 1500;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background: rgba(100,100,100,0.65);*/
	background: rgba(1,128,175,0.65);

	font-size: 1.0rem;
}
#loading .loader,
#loading .loader:after {
	border-radius: 50%;
	width: 3rem;
	height: 3rem;
}
#loading .loader {
	margin: 60px auto;
	font-size: 0.5em;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(255, 255, 255, 0.2);
	border-right: 1.1em solid rgba(255, 255, 255, 0.2);
	border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
	border-left: 1.1em solid #ffffff;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;

	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;

	/*width: 6em;*/
	/*height: 6em;*/
}
@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.balloon-tap {
	position: absolute;
	z-index: 1199;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.0);

	cursor: pointer;
}
/*
.balloon-tap.transparent {
	background: rgba(0,0,0,0) !important;
}
*/
.balloon-tap .table {
	display: table;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
.balloon-tap .table .table-cell {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	color: #02544e;
}
.balloon-tap .table .table-cell i {
	vertical-align: middle;
}
.balloon-tap .table .table-cell span {
	font-family: 'qusabo';
	color: #02544e;;
	font-size: 1.6rem;
	vertical-align: middle;
	margin-left: 0.9rem;
	font-weight: bold;
}

.balloon-drive {
	opacity: 0.25 !important;
}

#head {
	position: absolute;
	z-index: 110;
	top: 0;
	left: 0;
	width: 100%;
	height: 3.0rem;
	padding: 0 1.2rem;
	background-image: url(head-slice.png);
	/*background: rgba(255,255,255,1.0);*/
}
#head #timer {
	position: absolute;
	z-index: 111;
	top: 0;
	left: 0;
	height: 3.0rem;
}
#head #timer p {
	margin: 0;
	padding: 0 0.4rem 0 1.2rem;
	vertical-align: middle;
}
#head #timer p span{
	line-height: 3.0rem;
	font-family: 'qusabo';
	color: #092926;
	font-size: 1.0rem;
}
#head #timer p.pre, #head #timer p.pre span {
	color: #03544e;
}
#head #timer p.ok, #head #timer p.ok span {
	color: #FFF;
}
#head #timer p.end, #head #timer p.end span {
	color: #FB7D00;
}
#head #timer p i{
	line-height: 3.0rem;

	font-size: 1.0rem;
}
#head #timer p.countdown span {
	color: #03544e;
}
#head #timer p.countdown i {
	color: #03544e;
}
#head #timer p.countdown.warning span, #head #timer p.countdown.warning i {
	color: #C1272D;
}
#head #account {
	position: absolute;
	z-index: 111;
	top: 0;
	right: 0;
	height: 3.0rem;
}
#head #account p {
	margin: 0;
	padding: 0.1rem 1.2rem 0 0.4rem;
	vertical-align: middle;
	cursor: pointer;
}
#head #account p span {
	line-height: 3.0rem;
	font-family: 'qusabo';
	color: #FFF;
	font-size: 1.0rem;
}
#head #account p i {
	line-height: 3.0rem;
	color: #FFF;
	font-size: 1.0rem;
}
#head #account p i.fa-user {
	color: #FFF;
}
#head .table {
	width: 100%;
	height: 100%;
}
#head .table .table-row .table-cell {
	width: 100%;
	height: 100%;
	padding: 0 3.6rem;
	text-align: center;
	font-family: 'qusabo';
	color: #fff;
	font-size: 1.6rem;
}

#display {

}
#display .box {
	position: relative;
	display: inline-block;
	min-width: 3rem;
	height: 3rem;
	margin-right: 0.4rem;
	vertical-align: middle;
	text-align: left;

	/*background-image: url(head_display_bg.png);*/
	background-size: contain;
	background-position: top left;
	background-repeat: no-repeat;
}
#display .box p {
	margin: 0;
	padding: 0;
}
#display .box p.label {
	padding-top: 0.5rem;
	color: #fff;
	font-size: 0.7rem;
	text-transform: uppercase;
}
#display .box p.value {
	font-size: 1rem;
}
#display .box.display-none {
	display: none !important;
}
#display .hex {
	position: relative;
	display: inline-block;
	width: 3rem;
	height: 3rem;
	vertical-align: middle;
}
#display .hex .bg {
	position: absolute;
	z-index: 1;
	top: 1%;
	left: 1%;
	width: 98%;
	height: 98%;
	/*background-color: #d8e7e5;*/
	/*border: 1px solid #FFFFFF;*/
}
#display .hex .fill {
	position: absolute;
	z-index: 5;
	bottom: 1%;
	left: 1%;
	width: 98%;
	height: 0;
	/*background-color: #d8e7e5;*/
	/*border: 1px solid #FFFFFF;*/

	transition: height 0.6s ease-out;
}
#display .hex.healt .fill {
	/*height: 40%;*/
	/*background-color: #8CCF9E;*/
}
#display .hex.risk .fill {
	/*height: 50%;*/
	/*background-color: #EF7579;*/
}
#display .hex .md {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(hex2.svg);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
}
#display .hex .fg {
	position: absolute;
	z-index: 20;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 3rem;
	font-size: 1.2rem;
}
#display .hex.display-none {
	display: none !important;
}

#tool {
	position: absolute;
	z-index: 110;
	top: 3rem;
	left: 0;
	width: 100%;
	height: 2.0rem;
	background: #000;
	background-image: url(logo.png);
	background-position: right 1.2rem center;
	background-size: auto 1.15rem;
	background-repeat: no-repeat;
}
#tool .crumble {
	display: inline-block;
	height: 2.0rem;
}
#tool .crumble.display-none {
	display: none !important;
}
#tool .crumble span {
	display: inline-block;
	margin-left: 1.2rem;
	font-family: 'qusabo';
	color: #FFFFFF;
	font-size: 0.9rem;
	line-height: 2.0rem;

	text-transform: uppercase;
}
#tool .bar {
	position: absolute;
	top: 0;
	right: 0;
	height: 2.0rem;
	margin-right: 8rem;
}
#tool .bar div {
	display: inline-block;
}
#tool .bar div.display-none {
	display: none;
}
#tool .bar button.btn {
	display: inline-block;
	/*width: 3em;*/
	height: 2em;
	background: #000;
	border: 0;
	font-family: 'qusabo';
	color: #FFFFFF;
	font-size: 1rem;
	cursor: pointer;

	margin-right: 0.16rem;
}
#tool .bar button.btn.disabled {
	opacity: 0.65;
}
#tool .bar button.btn.balloon-drive[data-action='help'] {
	opacity: 0 !important;
}
#tool .bar button.btn[data-action='help'] {
	width: 2em;
	background: none;
	border: 1px solid #092926;
	border: 0;
	border-radius: 50%;
}
#tool .bar button.btn[data-action='help'] i.fa-question {
	font-size: 0.8rem;
}
#tool .bar button.btn i.green {
	color: #009245;
}
#tool .bar button.btn i.yellow {
	color: #04877f
}
#tool .bar button.btn.display-none {
	display: none;
}

#bottom {
	position: absolute;
	z-index: 900;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4rem;
	padding: 0;
	border: 0;
	/*background: transparent;*/
	background-color: #000;
	/*background-image: url(panel_bg.png);
	background-position: center center;
	background-size: auto 100%;
	background-repeat: no-repeat;*/

	font-size: 1rem;
}
#bottom .table {
	width: 100%;
	height: 100%;
}
#bottom .table .table-row .table-cell {
	width: 100%;
	height: 100%;
	padding: 0 25%;
	text-align: center;
	font-family: 'qusabo';
	color: #FFF;
	font-size: 1.1rem;
}
#bottom .table .table-row .table-cell button.btn {
	display: inline-block;
	/*width: 3em;*/
	height: 3rem;
	margin-top: 0.0em;
	margin-top: 0.0em;
	margin-right: 0.0rem;
	margin-left: 0.0rem;
	padding: 0;
	border: 0px;
/*border-color: transparent;
	border-radius: 16%;
	color: #F3920A;
	color: rgba(1,128,175,1);*/
	color: #FFF;
	/*background: rgba(255,255,255,0);
	background: rgba(243,146,10,0.30);
	text-shadow: 1px 1px 1px #FFFFFF;*/
	background: transparent;
	vertical-align: middle;

	font-family: 'qusabo';
	font-size: 1.0rem;
	/*line-height: 4rem;*/

	cursor: pointer;
}
#bottom .table .table-row .table-cell button.btn.display-none {
	display: none;
}
#bottom .table .table-row .table-cell button.btn i {
	font-size: 1.1rem;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
#bottom .table .table-row .table-cell button.btn span {
	font-size: 1.1rem;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
#bottom .table .table-row .table-cell button.btn i:before {
	margin: 0;
	padding: 0;
}
#menu {
	position: absolute;
	z-index: 111;
	left: 0;
	top: 0;
	/*width: 100%;*/
	width: 25%;
	height: 4.0rem;
	text-align: left;
	/*background-color: rgba(255,255,255,0.4);*/

	line-height: 4.0rem;
	vertical-align: middle;
}
#menu button.btn {
	display: inline-block;
	/*width: 3em;*/
	height: 3em;
	margin-top: 0.3em;
	margin-top: 0.0em;
	margin-right: 0rem;
	margin-left: 1.2rem;
	padding: 0;
	border: 0px #808080 solid;/**/
	/*border-color: transparent;*/
	border-radius: 16%;
	/*font-size: 1em;*/
	color: #F3920A;
	color: rgba(1,128,175,1);
	color: #FFFFFF;
	background: rgba(255,255,255,0);
	background: rgba(243,146,10,0.30);
	background: transparent;
	text-shadow: 1px 1px 1px #00877F;
	vertical-align: middle;

	font-family: 'qusabo';
	cursor: pointer;
}
#menu button.btn.display-none {
	display: none;
}
#menu button.btn i {
	font-size: 1.2rem;
	margin: 0;
	padding: 0;
	padding-right: 0.4rem;
	vertical-align: middle;
}
#menu button.btn span {
	font-size: 1.0rem;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
#menu button.btn i:before {
	margin: 0;
	padding: 0;
}

#next {
	position: absolute;
	z-index: 111;
	right: 0;
	top: 0;
	/*width: 100%;*/
	width: 25%;
	height: 4.0rem;
	text-align: right;
	/*background-color: rgba(255,255,255,0.4);*/

	line-height: 4.0rem;
	vertical-align: middle;
}
#next button.btn {
	position: relative;
	display: inline-block;
	/*width: 3em;*/
	height: 3em;
	margin-top: 0.3em;
	margin-top: 0.0em;
	margin-right: 1.2rem;
	margin-left: 0rem;
	/*padding: 0 0.9rem;*/
	/*padding-left: 0;*/
	/*color: #F3920A;
	color: rgba(1,128,175,1);*/
	color: #FFFFFF;
	/*background: rgba(255,255,255,0);
	background: rgba(243,146,10,0.30);*/
	background: #04877F;
	/*text-shadow: 1px 1px 1px #00877F;*/
	vertical-align: middle;

	font-family: 'qusabo';
	cursor: pointer;

	border: 1px #04877F solid;
	/*border-left: 0;*/
	border-radius: 0 1.4rem 1.4rem 0;
	border-radius: 1.4rem;
}
#next button.btn.display-none {
	display: none !important;
}
#next button.btn span {
	font-size: 1.2rem;
	margin: 0;
	padding: 0;
	/*padding: 0 0.9rem;*/
	/*padding: 0 0.9rem;*/
	/*padding-left: 0.4em;*/
	vertical-align: middle;
}
#next button.btn i {
	font-size: 1.2rem;
	margin: 0;
	padding: 0;
	/*padding: 0 0.9rem;*/
	/*padding-left: 0.4em;*/
	vertical-align: middle;
}
#next button:not(.disabled).btn i:nth-of-type(1) {
	color: #FFF;
}
#next button.btn i.left {
	padding: 0 0 0 0.9rem;
}
#next button.btn i.right {
	padding: 0 0.9rem 0 0;
}
#next button.btn i.green{
	color: #FFF;
}
#next button.btn i.red{
	color: #FFF;
}
#next button.btn span {
	font-size: 1.0rem;
	margin: 0;
	padding: 0 0.4em 0 0.4em;
	vertical-align: middle;
}
#next button.btn i:before {
	margin: 0;
	padding: 0;
}
#next button.btn.disabled {
	opacity: 0.65;
	border-color: #C0C0C0;
	cursor: default;
}
#next button.btn.disabled span {
	color: #C0C0C0;
}

#ham-bg {
	position: absolute;
	z-index: 919;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.75);

	cursor: pointer;
}
#ham {
	position: absolute;
	z-index: 920;
	top: 0;
	/*left: -100%;*/
	right: 100%;
	padding: 0 0.6em 0.6em 0;
	width: 100%;
	min-height: 100%;
	background: rgba(255,255,255,0.75);
	background: transparent;

	font-size: 1rem;

	cursor: pointer;
}
#ham.show {
	right: 0;
}
#ham button {
	display: block;
	width: 100%;
	/*margin: 0.25rem;*/
	margin: 0;
	/*padding: 0;*/
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	border: 0px #00877F solid;
	border-top-width: 1px;
	/*border-color: transparent;*/
	/*border-radius: 20%;*/

	font-family: 'qusabo';
	font-size: 1.4em;
	/*color: #F3920A;*/
	color: #FFFFFF;
	background: rgba(255,255,255,0);
	background: rgba(20,128,175,0.75);
	/*text-shadow: 1px 1px 1px #808080;*/
	text-align: left;
	text-align: right;

	cursor: pointer;
}
#ham button.rev {
	border-top-width: 0;
	color: #00877F;
	background: transparent;
}
#ham .point {
	position: absolute;
	height: 100%;
	background: #03544e;
	color: #FFFFFF;
	/*font-family: 'qusabo';
	color: #FFFFFF;
	font-size: 0.8rem;
	line-height: 2rem;
	padding: 0 0.4rem;
	vertical-align: middle;*/
}
#ham .point .head {
	/*position: absolute;*/
	background: #03544e;
	color: #FFFFFF;
	/*font-family: 'qusabo';
	color: #FFFFFF;
	font-size: 0.8rem;
	line-height: 2rem;
	padding: 0 0.4rem;
	vertical-align: middle;*/
}
#ham .point p {
	color: #FFFFFF;
	font-family: 'qusabo';
	color: #FFFFFF;
	font-size: 0.8rem;
	line-height: 2rem;
	padding: 0 0.4rem 0 1.2rem;
	vertical-align: middle;

	/*min-width: 100%;*/
}
#ham .point p.small {
	font-size: 0.6rem;
}
#ham .point:after {
	position: absolute;
	top: -4rem;
	right: -9rem;
	width: 4rem;
	font-size: 0px; line-height: 0%; width: 0px;
	content: '';
	height: 4rem;
	border-right: 9rem solid transparent;
	border-bottom: 5rem solid #03544e;
}

#video-poop {
	position: absolute;
	z-index: 1499;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	background: rgba(0,0,0,0.85);
}
#video-poop .contain {
	display: block;
	position: absolute;
	z-index: 1;
	top: 1.6rem;
	right: 0;
	bottom: 1.6rem;
	left: 0;
	/*
	margin-top: 1.2rem;
	margin-right: 0;
	margin-bottom: 1.2rem;
	margin-left: 0;
	*/
}
#video-poop .contain video {
	width: 100%;
	height: 100%;
}
#video-poop .close {
	z-index: 2;
	display: block;
	position: absolute;
	top: 0;
	right: 0.3rem;
	width: 1.6rem;
	height: 1.6rem;
}
#video-poop .close button {
	display: block;
	width: 1.6rem;
	height: 1.6rem;
	border: 0;
	background-color: transparent;
	cursor: pointer;
}
#video-poop .close button i {
	font-size: 1.6rem;
	color: #FFFFFF;
}

#wrapper {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	overflow: auto;
	width: 100%;
	height: 100%;
	text-align: center;

	background-color: rgba(255,255,255,0.4);
}

#wrapper .home {
	position: relative;
	width: 100%;
	height: calc(100% - 4rem);
	max-width: 990px;
	margin: 0 auto;
	padding: 5.4rem 1.2rem 0 1.2rem;
	text-align: left;

	/*
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	*/
}
#wrapper .home .left {
	/*position: absolute;*/
	/*padding: inherit;*/
	/*padding-right: 0.6rem;
	top: 0;
	left: 0;*/
	/*width: 50%;*/
	display:none;
}
#wrapper .home .left .table-cell {
	vertical-align: top;
}
#wrapper .home .left .table-cell:nth-of-type(1) {
	padding-top: 1.1rem;
	padding-right: 1.6rem;
}
#wrapper .home .left .table-cell:nth-of-type(1) p {
	margin-top: 0;
	padding-top: 0;
	padding-left: 0;
}
#wrapper .home .left h2 {
	font-size: 0.88rem;
}
#wrapper .home .left h2:nth-of-type(1) {
	margin-top: 1.1rem;
	padding-top: 0;
}
#wrapper .home .left p {
	font-weight: bold;
}
#wrapper .home .left p i {
	font-weight: normal;
}
#wrapper .home .right {
	/*position: absolute;*/
	/*padding: inherit;*/
	/*padding-left: 0.6rem;
	top: 0;
	right: 0;*/
	/*width: 50%;*/
	    height: 100%;
}
#wrapper .home .right h2:nth-of-type(1) {
	margin-top: 0.68rem;
	padding-top: 0;
}
#wrapper .home h2 {
	font-family: 'qusabo';
	/*color: #03544e;*/
	color: #00877F;
	font-size: 1.2rem;
	margin-bottom: 0;
	padding-bottom: 0.1rem;
}
#wrapper .home p {
	color: #333333;
	font-size: 1.0rem;
	margin-top: 0;
	padding-top: 0.1rem;
}
#wrapper .home button.btn-box {
	display: inline-block;
	width: 7rem;
	height: 7rem;
	margin: 0.25rem;
	padding: 0;
	border: 0px #808080 solid;
	/*border-color: transparent;*/
	/*border-radius: 20%;*/
	/*font-size: 1em;*/
	/*color: #F3920A;*/
	color: #FFFFFF;
	background: rgba(255,255,255,0);
	background: rgba(20,128,175,0.75);
	/*text-shadow: 1px 1px 1px #808080;*/

	cursor: pointer;
}
#wrapper .home button.btn-box.x2 {
	width: 14.50rem;
}
@media only screen and (orientation : landscape) {
	#wrapper .home button.btn-box.x2 {
		width: 7rem;
	}
}
#wrapper .home button.btn-box i {
	font-size: 2.4em;
	margin: 0;
	padding: 0;
}
#wrapper .home button.btn-box i:before {
	margin: 0;
	padding: 0;
}
#wrapper .home button.btn-box p {
	margin: 0;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	text-align: center;
	font-family: 'qusabo';
	color: #FFFFFF;
	font-size: 1.2rem;
}

#wrapper .template {
	width: 100%;
	margin: 0 auto;
	padding: 5.4rem 1.2rem 6.2rem 1.2rem;
	text-align: left;
}
#wrapper .template.info {
	max-width: 990px;
}
#wrapper .template .table {
	font-size: 1.0rem;
	display: table;
	width: 100%;
}
#wrapper .template .table .table-row {
	display: table-row;
	width: 100%;
}
#wrapper .template .table .table-cell {
	display: table-cell;
	padding: 0.6rem;
}

#wrapper .template .he-preamble {
	margin-bottom: 1.0rem;
	padding-top: 0.2rem;
	font-size: 1.0rem;
	border: 1px solid #03544e;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	background: rgba(255,255,255,0.65);

	/*background-image: url(head_display_bg.png);
	background-size: contain;
	background-position: top left;
	background-repeat: no-repeat;*/

	text-shadow: 1px 1px #FFFFFF;
}
#wrapper .template.info .he-preamble {
	border: 0;
	padding-bottom: 2rem;
	text-shadow: 0;
	background: transparent;
}
#wrapper .template .he-preamble.display-none {
	display: none !important;
}
#wrapper .template .he-preamble h2 {
	font-size: 1.2rem;
	color: #00877F;
}
#wrapper .template .he-preamble p, #wrapper .template .he-preamble ul, #wrapper .template .he-preamble ul li {
	font-size: 1.096rem;
	/*color: #092926;*/
	color: #333333;
}
#wrapper .template .he-preamble p {
	padding-right: 0.6rem;
	padding-left: 0.6rem;
}

#wrapper .template.mch-feed .table {
	border-collapse: collapse;
	margin-bottom: 7rem;
}
#wrapper .template.mch-feed .table .table-row {
	background-color: #d8e7e5;
	border-bottom: 0.2rem solid #FFFFFF;
}
#wrapper .template.mch-feed .table .table-row:nth-of-type(even) {
	background-color: #9bc1be;
}
#wrapper .template.mch-feed .table .table-row.th {
	color: #FFFFFF;
	background-color: #092926;
}
#wrapper .template.mch-feed .table .table-cell:nth-of-type(1) {
	width: 50%;
}
#wrapper .template.mch-feed .table .table-cell:nth-of-type(1).checked {
	/*background-color: #04877f*/
}
#wrapper .template.mch-feed .table .table-cell:nth-of-type(2) {
	width: 50%;
	/*font-weight: bold;*/
}
#wrapper .template.mch-feed .table .table-cell:nth-of-type(2).display-none {
	display: none;
}
#wrapper .template.mch-feed .table .table-cell:nth-of-type(2) p {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 7px;
}
#wrapper .template.mch-feed .table .table-cell:nth-of-type(2) a[data-extra] {
	display: inline-block;
	padding: 0.6rem 0.6rem;
	/*background-color: #092926;*/
	background-color: #03544e;
	border: 0;
	border-radius: 0.6rem;
}
#wrapper .template.mch-feed .table .table-cell:nth-of-type(2) a[data-extra] i.fa {
	color: #FFFFFF;
	font-size: 1.5rem;
	line-height: 1.5rem;
}
#wrapper .template.mch-feed .table .table-cell:nth-of-type(2) button[data-extra] {
	width: 3rem;
	height: 3rem;
	margin: 0.3rem 0.3rem 0.3rem 0.0rem;
	padding: 0;
	border: 0;
	text-align: center;
	vertical-align: middle;
	background-color: #092926;
	/*border: 2px solid #FFFFFF;*/
	border: 2px solid #03544e;
	border-radius: 0.4rem;

	cursor: pointer;
}
#wrapper .template.mch-feed .table .table-cell:nth-of-type(2) button[data-extra] img {
	max-width: 3rem;
	max-height: 3rem;
	padding: 0;
}
#wrapper .template.mch-feed .table .table-cell:nth-of-type(2) button[data-extra].img {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

#wrapper .template.info-result .table {
	border-collapse: collapse;
	margin-bottom: 1rem;
}
#wrapper .template.info-result .table .table-row {
	background-color: #d8e7e5;
	border-bottom: 0.2rem solid #FFFFFF;
}
#wrapper .template.info-result .table .table-row.display-none {
	display: none;
}
#wrapper .template.info-result .table .table-row:nth-of-type(even) {
	background-color: #9bc1be;
}
#wrapper .template.info-result .table .table-row.th {
	color: #FFFFFF;
	background-color: #092926;
}
#wrapper .template.info-result .table .table-cell:nth-of-type(1) {
	width: 50%;
}
#wrapper .template.info-result .table .table-cell:nth-of-type(1).checked {
	background-color: #04877f
}
#wrapper .template.info-result .table .table-cell:nth-of-type(1) label {
	padding-left: 0 !important;
	cursor: default !important;
}
#wrapper .template.info-result .table .table-cell:nth-of-type(2) {
	width: 50%;
	/*font-weight: bold;*/
}
#wrapper .template.info-result .table .table-cell:nth-of-type(2).display-none {
	display: none;
}
#wrapper .template.info-result .table .table-cell:nth-of-type(2) p {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 7px;
}
#wrapper .template.info-result .table .table-cell:nth-of-type(2) a[data-extra] {
	display: inline-block;
	padding: 0.6rem 0.6rem;
	/*background-color: #092926;*/
	background-color: #03544e;
	border: 0;
	border-radius: 0.6rem;
}
#wrapper .template.info-result .table .table-cell:nth-of-type(2) a[data-extra] i.fa {
	color: #FFFFFF;
	font-size: 1.5rem;
	line-height: 1.5rem;
}
#wrapper .template.info-result .table .table-cell:nth-of-type(2) button[data-extra] {
	width: 3rem;
	height: 3rem;
	margin: 0.3rem 0.3rem 0.3rem 0.0rem;
	padding: 0;
	border: 0;
	text-align: center;
	vertical-align: middle;
	background-color: #092926;
	/*border: 2px solid #FFFFFF;*/
	border: 2px solid #03544e;
	border-radius: 0.4rem;

	cursor: pointer;
}
#wrapper .template.info-result .table .table-cell:nth-of-type(2) button[data-extra] img {
	max-width: 3rem;
	max-height: 3rem;
	padding: 0;
}
#wrapper .template.info-result .table .table-cell:nth-of-type(2) button[data-extra].img {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

#wrapper .template.esob {
	position: relative;
	margin: 0;
	padding: 0;

	text-align: center;
}

#wrapper .template.esob .hspot {
	position: absolute;
	z-index: 10;
	width: 52px;
	height: 52px;

	background-image: url(hotspot_bg2.svg);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;

	cursor: pointer;

	opacity: 0.6;
}
#wrapper .template.esob .hspot.transparent {
	opacity: 0;
}
#wrapper .template.esob .screen-extras {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 33%;
	padding: 1.2rem;

	text-align: right;
}
#wrapper .template.esob .screen-extras .colu {
	position: relative;
	display: inline-block;
	padding: 0;

	vertical-align: top;
}
#wrapper .template.esob .screen-extras .colu.n2 {
	padding-top: 1.8rem;
}
#wrapper .template.esob .screen-extras .colu .espot {
	/*position: absolute;
	z-index: 10;
	top: 1.2rem;
	left: 1.2rem;*/
	position: relative;
	/*display: inline-block;*/
	width: 3.2rem;
	height: 3.2rem;
	margin: 0 0 0.4rem 0;

	background-image: url(hotspot_bg2.svg);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;

	cursor: pointer;

	opacity: 1;
}
#wrapper .template.esob .screen-extras .colu .espot.zown {
	margin-top: 1.8rem;
}
#wrapper .template.esob .screen-extras .colu .espot .ico {
	position: absolute;
	z-index: 11;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	background-image: url(esob/bmi.svg);

	opacity: 1;
}

#wrapper .node-inside {
	width: 100%;
	margin: 0 auto;
	padding: 5.4rem 1.2rem 6.2rem 1.2rem;
	text-align: left;
}

#wrapper .result {
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
	padding: 5.4rem 1.2rem 6.2rem 1.2rem;
	text-align: center;
}
#wrapper .result h2 {
	font-family: 'qusabo';
	/*color: #03544e;*/
	color: #00877F;
	font-size: 1.2rem;
	margin-bottom: 0;
	padding-bottom: 0.1rem;
}
#wrapper .result p {
	color: #333333;
	font-size: 1.0rem;
	margin-top: 0;
	padding-top: 0.1rem;
}
#wrapper .result button.btn-box {
	display: inline-block;
	width: 7rem;
	height: 7rem;
	margin: 0.25rem;
	padding: 0;
	border: 0px #808080 solid;
	/*border-color: transparent;*/
	/*border-radius: 20%;*/
	/*font-size: 1em;*/
	/*color: #F3920A;*/
	color: #FFFFFF;
	background: rgba(255,255,255,0);
	background: rgba(20,128,175,0.75);
	/*text-shadow: 1px 1px 1px #808080;*/

	cursor: pointer;
}
#wrapper .result button.btn-box.x2 {
	width: 14.50rem;
}
@media only screen and (orientation : landscape) {
	#wrapper .result button.btn-box.x2 {
		width: 7rem;
	}
}
#wrapper .result button.btn-box i {
	font-size: 2.4em;
	margin: 0;
	padding: 0;
}
#wrapper .result button.btn-box i:before {
	margin: 0;
	padding: 0;
}
#wrapper .result button.btn-box p {
	margin: 0;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	text-align: center;
	font-family: 'qusabo';
	color: #FFFFFF;
	font-size: 1.2rem;
}

#wrapper .closed {
	width: 100%;
	/*max-width: 990px;*/
	margin: 0 auto;
	padding: 5.4rem 1.2rem 6.2rem 1.2rem;
	text-align: center;
}
#wrapper .closed h2 {
	font-family: 'qusabo';
	/*color: #03544e;*/
	color: #00877F;
	font-size: 1.2rem;
	margin-bottom: 0;
	padding-bottom: 0.1rem;
}
#wrapper .closed p {
	color: #333333;
	font-size: 1.0rem;
	margin-top: 0;
	padding-top: 0.1rem;
}
#wrapper .closed button.btn-box {
	display: inline-block;
	width: 7rem;
	height: 7rem;
	margin: 0.25rem;
	padding: 0;
	border: 0px #808080 solid;
	/*border-color: transparent;*/
	/*border-radius: 20%;*/
	/*font-size: 1em;*/
	/*color: #F3920A;*/
	color: #FFFFFF;
	background: rgba(255,255,255,0);
	background: rgba(20,128,175,0.75);
	/*text-shadow: 1px 1px 1px #808080;*/

	cursor: pointer;
}
#wrapper .closed button.btn-box.x2 {
	width: 14.50rem;
}

#wrapper .closed .table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 1rem;
}
#wrapper .closed .table .table-row {
	background-color: #d8e7e5;
	border-bottom: 0.2rem solid #FFFFFF;

	text-align: left;
}
#wrapper .closed .table .table-row:nth-of-type(even) {
	background-color: #9bc1be;
}
#wrapper .closed .table .table-row.th {
	color: #FFFFFF;
	/*background-color: #092926;*/
	background-color: #03544e;

	text-align: left;
}
#wrapper .closed .table .table-row.th .table-cell {
	font-size: 0.9rem;
	/*line-height: 1.1rem;*/
	text-transform: uppercase;
	font-weight: bold;
	padding: 0.6rem;
}
#wrapper .closed .table .table-cell label.control {
	cursor: default !important;
}
#wrapper .closed .table .table-cell:nth-of-type(1) {
	width: 50%;
}
#wrapper .closed .table .table-cell:nth-of-type(1).checked {
	background-color: #04877f
}
#wrapper .closed .table .table-cell:nth-of-type(2) {
	width: 50%;
	/*font-weight: bold;*/
}
#wrapper .closed .table .table-cell:nth-of-type(2).display-none {
	display: none;
}
#wrapper .closed .table .table-cell:nth-of-type(2) p {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 7px;
}
#wrapper .closed .table .table-cell:nth-of-type(2) a[data-extra] {
	display: inline-block;
	padding: 0.6rem 0.6rem;
	/*background-color: #092926;*/
	background-color: #03544e;
	border: 0;
	border-radius: 0.6rem;
}
#wrapper .closed .table .table-cell:nth-of-type(2) a[data-extra] i.fa {
	color: #FFFFFF;
	font-size: 1.5rem;
	line-height: 1.5rem;
}
#wrapper .closed .table .table-cell:nth-of-type(2) button[data-extra] {
	width: 3rem;
	height: 3rem;
	margin: 0.3rem 0.3rem 0.3rem 0.0rem;
	padding: 0;
	border: 0;
	text-align: center;
	vertical-align: middle;
	background-color: #092926;
	/*border: 2px solid #FFFFFF;*/
	border: 2px solid #03544e;
	border-radius: 0.4rem;

	cursor: pointer;
}
#wrapper .closed .table .table-cell:nth-of-type(2) button[data-extra] {
	max-width: 3rem;
	max-height: 3rem;
	padding: 0;
}
#wrapper .closed .table .table-cell:nth-of-type(2) button[data-extra] img, #wrapper .closed .table .table-cell:nth-of-type(2) button[data-extra].img {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

@media only screen and (orientation : landscape) {
	#wrapper .closed button.btn-box.x2 {
		width: 7rem;
	}
}
#wrapper .closed button.btn-box i {
	font-size: 2.4em;
	margin: 0;
	padding: 0;
}
#wrapper .closed button.btn-box i:before {
	margin: 0;
	padding: 0;
}
#wrapper .closed button.btn-box p {
	margin: 0;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	text-align: center;
	font-family: 'qusabo';
	color: #FFFFFF;
	font-size: 1.2rem;
}

#map {
	position: absolute;
	z-index: 900;
	bottom: 4rem;
	left: 0;
	height: 2rem;
}
#map .pos {
	position: relative;
	height: 2rem;
	background: #C1272D;
	color: #FFFFFF;
	/*font-family: 'qusabo';
	color: #FFFFFF;
	font-size: 0.8rem;
	line-height: 2rem;
	padding: 0 0.4rem;
	vertical-align: middle;*/
}
#map .pos span {
	color: #FFFFFF;
	font-family: 'qusabo';
	color: #FFFFFF;
	font-size: 0.8rem;
	line-height: 2rem;
	padding: 0 0.4rem 0 1.2rem;
	vertical-align: middle;

	text-transform: uppercase;
}
#map .pos i.fa {
	margin: 0;
	padding: 0;
	font-size: 0.9rem;
	vertical-align: middle;
	line-height: 2rem;
}
#map .pos:after {
	position: absolute;
	/*top: -2rem;
	right: -2rem;
	width: 2rem;*/
	font-size: 0px; line-height: 0%; width: 0px;
	content: '';
	height: 2rem;
	border-right: 1rem solid #C1272D;
	/*border-bottom: 2rem solid #C1272D;*/
	border-radius: 0 1rem 1rem 0;
}

#panel {
	position: absolute;
	z-index: 900;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4rem;
	padding: 0;
	background: transparent;
	background-color: #03544e;
	/*background-image: url(panel_bg.png);
	background-position: center center;
	background-size: auto 100%;
	background-repeat: no-repeat;*/

	font-size: 1rem;
}
#panel .panel-l {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50%;
	height: 100%;
	text-align: left;
	margin: 0;
	padding: 0;

	background-color: transparent;
	background-image: url(logo.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}
#panel .panel-r {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50%;
	height: 100%;
	text-align: right;
	margin: 0;
	padding: 0;
}
#panel button.btn {
	display: inline-block;
	width: 3.6em;
	height: 3.6em;
	margin-top: 0.2em;
	margin-right: 0rem;
	margin-left: 0rem;
	padding: 0;
	border: 0px #808080 solid;/**/
	/*border-color: transparent;*/
	border-radius: 16%;
	/*font-size: 1em;*/
	color: #F3920A;
	color: #FFFFFF;
	color: rgba(1,128,175,1);
	background: rgba(255,255,255,0);
	background: rgba(243,146,10,0.30);
	background: transparent;
	/*text-shadow: 1px 1px 1px #808080;*/

	cursor: pointer;
}
#panel button.btn i {
	font-size: 2.6em;
	margin: 0;
	padding: 0;
}
#panel button.btn i:before {
	margin: 0;
	padding: 0;
}
#panel .panel-l button.btn {
	margin-right: 0;
	margin-left: 0.2em;
}
#panel .panel-r button.btn {
	margin-right: 0.4em;
	margin-left: 0;
}
#panel .panel-r button.btn:nth-last-child(1) {
	margin-right: 0.8em;
}

#home-wrapper {
	position: absolute;
	z-index: 1100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background-color: #092926;*/
	background-color: #FFFFFF;
}
#home-wrapper {
	top: -100%;
}
#home-wrapper.show {
	top: 0;
}
#home-wrapper .head-wrapper {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 5rem;
	margin: 0;
	padding: 0;
	background-color: #0c0c0c;
  background-image: url(head-slice.png);
  background-repeat-y: repeat;
  background-repeat-x: no-repeat;
  background-position: center;
}
#home-wrapper .head-wrapper .head {
	position: absolute;
	top: 0;
	left: 0;
	width: 70%;
	height: 5rem;
	margin: 0;
	padding: 0.4rem 1.2rem;
	/*background-color: #03544e;
	background-color: #9bc1be;*/
	font-family: 'qusabo';
	color: #FFFFFF;
	font-size: 1.0rem;
}
#home-wrapper .head-wrapper .head:after {
	position: absolute;
	top: -5rem;
	right: -8rem;
	width: 8rem;
	font-size: 0px; line-height: 0%; width: 0px;
	content: '';
	height: 5rem;
	/*border-right: 8rem solid transparent;
	border-bottom: 5rem solid #9bc1be;*/
}
#home-wrapper .head-wrapper .head h3 {
	margin: 0;
	padding: 0;
	padding: 0.3em 0 0 0;
	font-size: 1.1em;
}
#home-wrapper .head-wrapper .head p {
	margin: 0;
	padding: 0.18em 0 0 0;
	font-size: 0.9em;
}
#home-wrapper .head-wrapper .logo {
	position: absolute;
	top: 0;
	right: 0;
	width: 30%;
	height: 2.5rem;
	background-image: url(logo_r2.png);
	background-position: right 1.2rem center;
	background-size: auto 1.0rem;
	background-repeat: no-repeat;
}
#home-wrapper .close {
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	width: 30%;
	height: 2.5rem;
	margin: 2.5rem 0 0 0;
	padding: 0 0 0 2.1rem;
	/*background-color: #C1272D;
	background-color: #9bc1be;*/
	font-family: 'qusabo';
	color: #FFFFFF;
	font-size: 1.0rem;
	font-size: 0;
	text-align: right;
}
#home-wrapper .close > div {
	/*background-color: #C1272D;*/
	width: 100%;
	height: 100%;
	padding: 0 1.2rem 0 0;
}
#home-wrapper .close:before {
	position: absolute;
	bottom: -2.5rem;
	left: 2.1rem;
	width: 5%;
	font-size: 0px;
	line-height: 0%;
	width: 0px;
	content: '';
	height: 2.5rem;
	/*border-top: 2.5rem solid #C1272D;
	border-left: 3.9rem solid transparent;
	background-color: #9bc1be;*/
	text-align: right;
}
#home-wrapper .close > div button.btn {
	display: inline-block;
	height: 2.5rem;
	margin: 0;
	padding: 0;
	border: 0;
	color: #FFFFFF;
	background: transparent;
	vertical-align: middle;

	font-family: 'qusabo';
	line-height: 2.5rem;
	cursor: pointer;
}
#home-wrapper .close > div button.btn.display-none {
	display: none;
}
#home-wrapper .close > div button.btn i {
	font-size: 1.3rem;
	margin: 0;
	padding: 0;
	padding-left: 0.4rem;
	vertical-align: middle;
	line-height: 2.5rem;
}
#home-wrapper .close > div button.btn span {
	font-size: 0.96rem;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	line-height: 2.5rem;
}
#home-wrapper .close > div button.btn i:before {
	margin: 0;
	padding: 0;
}
#home-wrapper .foot {
	position: absolute;
	z-index: 10;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3rem;
	padding: 0 1.2rem 0 1.2rem;
	font-family: 'qusabo';
	font-size: 1.0rem;
	color: #FFFFFF;
	background-color: #222F3E;
	cursor: pointer;
}
#home-wrapper .foot p {
	margin: 0;
	padding: 0;
	line-height: 3rem;
	/*font-size: 1.1em;*/
	color: rgba(255,255,255,0.65);
}
#home-wrapper .foot p span {
	/*font-size: 1.1em;*/
	color: #FFFFFF;
}
#home-wrapper .content {
	overflow: auto;
	width: 100%;
	height: 100%;
	padding: 5rem 1.2rem 4rem 1.2rem;
	background: linear-gradient(#fff, #cdcdcd);
	/*background-image: url(bg_alt.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;*/
}
#home-wrapper .content > div {
	position: relative;
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
	padding: 1.2rem 0;
	text-align: left;
	padding-bottom: 2rem;
}
#home-wrapper .content > div .left {
	/*position: absolute;
	top: 0;
	left: 0;*/
	/*width: 49%;*/
	/*padding-bottom: 3rem;*/
}
#home-wrapper .content > div .left .table-cell {
	vertical-align: top;
}
#home-wrapper .content > div .left .table-cell:nth-of-type(1) {
	padding-top: 1.1rem;
	padding-right: 1.6rem;
}
#home-wrapper .content > div .left .table-cell:nth-of-type(1) p {
	margin-top: 0;
	padding-top: 0;
	padding-left: 0;
}
#home-wrapper .content > div .right {
	/*position: absolute;
	top: 0;
	right: 0;*/
	/*width: 49%;*/
	/*padding-bottom: 3rem;*/
}
#home-wrapper .content > div h2 {
	font-family: 'qusabo';
	/*color: #03544e;*/
	color: #00877F;
	font-size: 1.1rem;
	margin-bottom: 0;
	padding-bottom: 0.1rem;
}
#home-wrapper .content > div p {
	color: #333333;
	font-size: 1.0rem;
	margin-top: 0;
	padding-top: 0.1rem;
}
#home-wrapper .content > div hr {
	/*color: #FFFFFF;*/
	border: 0;
	border-top: 1px solid #005A8A;
	margin-bottom: 1.0rem;
}
#home-wrapper .content > div .left h2 {
	font-size: 0.88rem;
}
#home-wrapper .content > div .left h2:nth-of-type(1) {
	margin-top: 1.1rem;
	padding-top: 0;
}
#home-wrapper .content > div .right h2:nth-of-type(1) {
	margin-top: 0.68rem;
	padding-top: 0;
}
#home-wrapper .content > div .left p {
	font-weight: bold;
}
#home-wrapper .content > div .left p i {
	font-weight: normal;
}

#notes-wrapper {
	position: absolute;
	z-index: 1100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background-color: #092926;*/
	background-color: #FFFFFF;
}
#notes-wrapper {
	top: -100%;
}
#notes-wrapper.show {
	top: 0;
}
#notes-wrapper .head-wrapper {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 5rem;
	margin: 0;
	padding: 0;
	background-color: #0c0c0c;
	background-image: url(head-slice.png);
	background-repeat-y: repeat;
	background-repeat-x: no-repeat;
	background-position: center;
}
#notes-wrapper .head-wrapper .head {
	position: absolute;
	top: 0;
	left: 0;
	width: 70%;
	height: 5rem;
	margin: 0;
	padding: 0.4rem 1.2rem;
	/*background-color: #03544e;
	background-color: #222F3E;*/
	font-family: 'qusabo';
	color: #FFFFFF;
	font-size: 1.0rem;
}
#notes-wrapper .head-wrapper .head:after {
	position: absolute;
	top: -5rem;
	right: -8rem;
	width: 8rem;
	font-size: 0px; line-height: 0%; width: 0px;
	content: '';
	height: 5rem;
	/*border-right: 8rem solid transparent;
	border-bottom: 5rem solid #222F3E;*/
}
#notes-wrapper .head-wrapper .head h3 {
	margin: 0;
	padding: 0;
	padding: 0.3em 0 0 0;
	font-size: 1.1em;
}
#notes-wrapper .head-wrapper .head p {
	margin: 0;
	padding: 0.18em 0 0 0;
	font-size: 0.9em;
}
#notes-wrapper .head-wrapper .logo {
	position: absolute;
	top: 0;
	right: 0;
	width: 30%;
	height: 2.5rem;
	background-image: url(logo_r2.png);
	background-position: right 1.2rem center;
	background-size: auto 1.0rem;
	background-repeat: no-repeat;
}
#notes-wrapper .close {
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	width: 30%;
	height: 2.5rem;
	margin: 2.5rem 0 0 0;
	padding: 0 0 0 2.1rem;
	/*background-color: #C1272D;
	background-color: #222F3E;*/
	font-family: 'qusabo';
	color: #FFFFFF;
	font-size: 1.0rem;
	font-size: 0;
	text-align: right;
}
#notes-wrapper .close > div {
	/*background-color: #C1272D;*/
	width: 100%;
	height: 100%;
	padding: 0 1.2rem 0 0;
}
#notes-wrapper .close:before {
	position: absolute;
	bottom: -2.5rem;
	left: 2.1rem;
	width: 5%;
	font-size: 0px;
	line-height: 0%;
	width: 0px;
	content: '';
	height: 2.5rem;
	/*border-top: 2.5rem solid #C1272D;
	border-left: 3.9rem solid transparent;
	background-color: #222F3E;*/
	text-align: right;
}
#notes-wrapper .close > div button.btn {
	display: inline-block;
	height: 2.5rem;
	margin: 0;
	padding: 0;
	border: 0;
	color: #FFFFFF;
	background: transparent;
	vertical-align: middle;

	font-family: 'qusabo';
	line-height: 2.5rem;
	cursor: pointer;
}
#notes-wrapper .close > div button.btn.display-none {
	display: none;
}
#notes-wrapper .close > div button.btn i {
	font-size: 1.3rem;
	margin: 0;
	padding: 0;
	padding-left: 0.4rem;
	vertical-align: middle;
	line-height: 2.5rem;
}
#notes-wrapper .close > div button.btn span {
	font-size: 0.96rem;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	line-height: 2.5rem;
}
#notes-wrapper .close > div button.btn i:before {
	margin: 0;
	padding: 0;
}
#notes-wrapper .foot {
	position: absolute;
	z-index: 10;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3rem;
	padding: 0 1.2rem 0 1.2rem;
	font-family: 'qusabo';
	font-size: 1.0rem;
	color: #FFFFFF;
	background-color: #222F3E;
	cursor: pointer;
}
#notes-wrapper .foot p {
	margin: 0;
	padding: 0;
	line-height: 3rem;
	/*font-size: 1.1em;*/
	color: rgba(255,255,255,0.65);
}
#notes-wrapper .foot p span {
	/*font-size: 1.1em;*/
	color: #FFFFFF;
}
#notes-wrapper .content {
	overflow: auto;
	width: 100%;
	height: 100%;
	/*padding: 5rem 1.2rem 0.9rem 1.2rem;*/
	padding: 5rem 1.2rem 4rem 1.2rem;
	background: linear-gradient(#fff, #cdcdcd);
	/*background-image: url(bg_alt.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;*/
}
#notes-wrapper .content > div {
	position: relative;
	width: 100%;
	max-width: 990px;
	height: 100%;
	margin: 0 auto;
	padding: 1.2rem 0;
	text-align: left;
	/*padding-bottom: 2rem;*/
}
#notes-wrapper .content > div textarea {
	width: 100%;
	height: 100%;
}
#notes-wrapper .content > div h2 {
	font-family: 'qusabo';
	/*color: #03544e;*/
	color: #00877F;
	font-size: 1.1rem;
	margin-bottom: 0;
	padding-bottom: 0.1rem;
}
#notes-wrapper .content > div p {
	color: #333333;
	font-size: 1.0rem;
	margin-top: 0;
	padding-top: 0.1rem;
}
#notes-wrapper .content > div hr {
	/*color: #FFFFFF;*/
	border: 0;
	border-top: 1px solid #005A8A;
	margin-bottom: 1.0rem;
}
#notes-wrapper .content > div .left h2 {
	font-size: 0.88rem;
}
#notes-wrapper .content > div .left h2:nth-of-type(1) {
	margin-top: 1.1rem;
	padding-top: 0;
}
#notes-wrapper .content > div .right h2:nth-of-type(1) {
	margin-top: 0.68rem;
	padding-top: 0;
}

#choices-wrapper {
	position: absolute;
	z-index: 1100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background-color: #092926;*/

}
#choices-wrapper {
	top: -100%;
}
#choices-wrapper.show {
	top: 0;
}
#choices-wrapper .head-wrapper {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 5rem;
	margin: 0;
	padding: 0;
	background-color: #0c0c0c;
  background-image: url(head-slice.png);
  background-repeat-y: repeat;
  background-repeat-x: no-repeat;
  background-position: center;
}
#choices-wrapper .head-wrapper .head {
	position: absolute;
	top: 0;
	left: 0;
	width: 70%;
	height: 5rem;
	margin: 0;
	padding: 0.4rem 1.2rem;
	/*background-color: #03544e;
	background-color: #9bc1be;*/
	font-family: 'qusabo';
	color: #FFFFFF;
	font-size: 1.0rem;
}
#choices-wrapper .head-wrapper .head:after {
	position: absolute;
	top: -5rem;
	right: -8rem;
	width: 8rem;
	font-size: 0px; line-height: 0%; width: 0px;
	content: '';
	height: 5rem;
	/*border-right: 8rem solid transparent;
	border-bottom: 5rem solid #9bc1be;*/
}
#choices-wrapper .head-wrapper .head h3 {
	margin: 0;
	padding: 0;
	padding: 0.3em 0 0 0;
	font-size: 1.1em;
}
#choices-wrapper .head-wrapper .head p {
	margin: 0;
	padding: 0.18em 0 0 0;
	font-size: 0.9em;
}
#choices-wrapper .head-wrapper .logo {
	position: absolute;
	top: 0;
	right: 0;
	width: 30%;
	height: 2.5rem;
	background-image: url(logo_r2.png);
	background-position: right 1.2rem center;
	background-size: auto 1.0rem;
	background-repeat: no-repeat;
}
#choices-wrapper .close {
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	width: 30%;
	height: 2.5rem;
	margin: 2.5rem 0 0 0;
	padding: 0 0 0 2.1rem;
	/*background-color: #C1272D;
	background-color: #9bc1be;*/
	font-family: 'qusabo';
	color: #FFFFFF;
	font-size: 1.0rem;
	font-size: 0;
	text-align: right;
}
#choices-wrapper .close > div {
	/*background-color: #C1272D;*/
	width: 100%;
	height: 100%;
	padding: 0 1.2rem 0 0;
}
#choices-wrapper .close:before {
	position: absolute;
	bottom: -2.5rem;
	left: 2.1rem;
	width: 5%;
	font-size: 0px;
	line-height: 0%;
	width: 0px;
	content: '';
	height: 2.5rem;
	/*border-top: 2.5rem solid #C1272D;
	border-left: 3.9rem solid transparent;
	background-color: #9bc1be;*/
	text-align: right;
}
#choices-wrapper .close > div button.btn {
	display: inline-block;
	height: 2.5rem;
	margin: 0;
	padding: 0;
	border: 0;
	color: #FFFFFF;
	background: transparent;
	vertical-align: middle;

	font-family: 'qusabo';
	line-height: 2.5rem;
	cursor: pointer;
}
#choices-wrapper .close > div button.btn.display-none {
	display: none;
}
#choices-wrapper .close > div button.btn i {
	font-size: 1.3rem;
	margin: 0;
	padding: 0;
	padding-left: 0.4rem;
	vertical-align: middle;
	line-height: 2.5rem;
}
#choices-wrapper .close > div button.btn span {
	font-size: 0.96rem;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	line-height: 2.5rem;
}
#choices-wrapper .close > div button.btn i:before {
	margin: 0;
	padding: 0;
}
#choices-wrapper .foot {
	position: absolute;
	z-index: 10;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3rem;
	padding: 0 1.2rem 0 1.2rem;
	font-family: 'qusabo';
	font-size: 1.0rem;
	color: #FFFFFF;
	background-color: #222F3E;
	cursor: pointer;
}
#choices-wrapper .foot p {
	margin: 0;
	padding: 0;
	line-height: 3rem;
	/*font-size: 1.1em;*/
	color: rgba(255,255,255,0.65);
}
#choices-wrapper .foot p span {
	/*font-size: 1.1em;*/
	color: #FFFFFF;
}
#choices-wrapper .content {
	overflow: auto;
	width: 100%;
	height: 100%;
	padding: 5rem 1.2rem 4rem 1.2rem;
	background: linear-gradient(#fff, #cdcdcd);
	/*background-image: url(bg_alt.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;*/
}
#choices-wrapper .content > div {
	width: 100%;
	/*max-width: 990px;*/
	margin: 0 auto;
	padding: 1.2rem 0;
	text-align: left;
	padding-bottom: 2rem;
}
#choices-wrapper .content > div div.v-spacer {
	margin-bottom: 3rem;
}
#choices-wrapper .content > div h2 {
	font-family: 'qusabo';
	/*color: #03544e;*/
	color: #00877F;
	font-size: 1.1rem;
	margin-bottom: 0;
	padding-bottom: 0.1rem;
}
#choices-wrapper .content > div p {
	color: #333333;
	font-size: 1.0rem;
	margin-top: 0;
	padding-top: 0.1rem;
}
#choices-wrapper .content > div hr {
	/*color: #FFFFFF;*/
	border: 0;
	border-top: 1px solid #005A8A;
	margin-bottom: 1.0rem;
}

#choices-wrapper .content > div .table {
	border-collapse: collapse;
	margin-bottom: 1rem;
	width: 100%;
}
#choices-wrapper .content > div .table .table-row {
	background-color: #d8e7e5;
	border-bottom: 0.2rem solid #FFFFFF;

	text-align: left;
}
#choices-wrapper .content > div .table .table-row:nth-of-type(even) {
	background-color: #9bc1be;
}
#choices-wrapper .content > div .table .table-row.th {
	color: #FFFFFF;
	/*background-color: #092926;*/
	background-color: #03544e;

	text-align: left;
}
#choices-wrapper .content > div .table .table-row.th .table-cell {
	font-size: 0.9rem;
	/*line-height: 1.1rem;*/
	text-transform: uppercase;
	font-weight: bold;
	padding: 0.6rem;
}
#choices-wrapper .content > div .table .table-cell label.control {
	cursor: default !important;
}
#choices-wrapper .content > div .table .table-cell:nth-of-type(1) {
	width: 50%;
}
#choices-wrapper .content > div .table .table-cell:nth-of-type(1).checked {
	background-color: #04877f
}
#choices-wrapper .content > div .table .table-cell:nth-of-type(2) {
	width: 50%;
	/*font-weight: bold;*/
}
#choices-wrapper .content > div .table .table-cell:nth-of-type(2).display-none {
	display: none;
}
#choices-wrapper .content > div .table .table-cell:nth-of-type(2) p {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 7px;
}
#choices-wrapper .content > div .table .table-cell:nth-of-type(2) {
	padding: 0.4rem 0.9rem;
	/*font-family: 'qusabo';*/
	font-size: 1.1rem;
}
#choices-wrapper .content > div .table .table-cell:nth-of-type(2) a[data-extra] {
	display: inline-block;
	padding: 0.6rem 0.6rem;
	/*background-color: #092926;*/
	background-color: #03544e;
	border: 0;
	border-radius: 0.6rem;
}
#choices-wrapper .content > div .table .table-cell:nth-of-type(2) a[data-extra] i.fa {
	color: #FFFFFF;
	font-size: 1.5rem;
	line-height: 1.5rem;
}
#choices-wrapper .content > div .table .table-cell:nth-of-type(2) button[data-extra] {
	width: 3rem;
	height: 3rem;
	margin: 0.3rem 0.3rem 0.3rem 0.0rem;
	padding: 0;
	border: 0;
	text-align: center;
	vertical-align: middle;
	background-color: #092926;
	/*border: 2px solid #FFFFFF;*/
	border: 2px solid #03544e;
	border-radius: 0.4rem;

	cursor: pointer;
}
#choices-wrapper .content > div .table .table-cell:nth-of-type(2) button[data-extra] {
	max-width: 3rem;
	max-height: 3rem;
	padding: 0;
}
#choices-wrapper .content > div .table .table-cell:nth-of-type(2) button[data-extra] img, #choices-wrapper .content > div .table .table-cell:nth-of-type(2) button[data-extra].img {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

#route-wrapper {
	position: absolute;
	z-index: 1100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #FFF;
}
#route-wrapper {
	top: -100%;
}
#route-wrapper.show {
	top: 0;
}
#route-wrapper .head-wrapper {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 5rem;
	margin: 0;
	padding: 0;
	background-color: #0c0c0c;
	background-image: url(head-slice.png);
	background-repeat-y: repeat;
	background-repeat-x: no-repeat;
	background-position: center;
}
#route-wrapper .head-wrapper .head {
	position: absolute;
	top: 0;
	left: 0;
	width: 70%;
	height: 5rem;
	margin: 0;
	padding: 0.4rem 1.2rem;
	/*background-color: #03544e;*/
	font-family: 'qusabo';
	color: #FFFFFF;
	font-size: 1.0rem;
}
#route-wrapper .head-wrapper .head:after {
	position: absolute;
	top: -5rem;
	right: -8rem;
	width: 8rem;
	font-size: 0px; line-height: 0%; width: 0px;
	content: '';
	height: 5rem;
	/*border-right: 8rem solid transparent;
	border-bottom: 5rem solid #03544e;*/
}
#route-wrapper .head-wrapper .head h3 {
	margin: 0;
	padding: 0;
	padding: 0.3em 0 0 0;
	font-size: 1.1em;
}
#route-wrapper .head-wrapper .head p {
	margin: 0;
	padding: 0.18em 0 0 0;
	font-size: 0.9em;
}
#route-wrapper .head-wrapper .logo {
	position: absolute;
	top: 0;
	right: 0;
	width: 30%;
	height: 2.5rem;
	background-image: url(logo_r2.png);
	background-position: right 1.2rem center;
	background-size: auto 1.0rem;
	background-repeat: no-repeat;
}
#route-wrapper .close {
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	width: 30%;
	height: 2.5rem;
	margin: 2.5rem 0 0 0;
	padding: 0 0 0 2.1rem;
	/*background-color: #C1272D;
	background-color: #03544e;*/
	font-family: 'qusabo';
	color: #FFFFFF;
	font-size: 1.0rem;
	font-size: 0;
	text-align: right;
}
#route-wrapper .close > div {
	/*background-color: #C1272D;*/
	width: 100%;
	height: 100%;
	padding: 0 1.2rem 0 0;
}
#route-wrapper .close:before {
	position: absolute;
	bottom: -2.5rem;
	left: 2.1rem;
	width: 5%;
	font-size: 0px;
	line-height: 0%;
	width: 0px;
	content: '';
	height: 2.5rem;
	/*border-top: 2.5rem solid #C1272D;
	border-left: 3.9rem solid transparent;
	background-color: #03544e;*/
	text-align: right;
}
#route-wrapper .close > div button.btn {
	display: inline-block;
	height: 2.5rem;
	margin: 0;
	padding: 0;
	border: 0;
	color: #FFFFFF;
	background: transparent;
	vertical-align: middle;

	font-family: 'qusabo';
	line-height: 2.5rem;
	cursor: pointer;
}
#route-wrapper .close > div button.btn.display-none {
	display: none;
}
#route-wrapper .close > div button.btn i {
	font-size: 1.3rem;
	margin: 0;
	padding: 0;
	padding-left: 0.4rem;
	vertical-align: middle;
	line-height: 2.5rem;
}
#route-wrapper .close > div button.btn span {
	font-size: 0.96rem;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	line-height: 2.5rem;
}
#route-wrapper .close > div button.btn i:before {
	margin: 0;
	padding: 0;
}
#route-wrapper .foot {
	position: absolute;
	z-index: 10;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3rem;
	padding: 0 1.2rem 0 1.2rem;
	font-family: 'qusabo';
	font-size: 1.0rem;
	color: #FFFFFF;
	background-color: #03544e;
	cursor: pointer;
}
#route-wrapper .foot p {
	margin: 0;
	padding: 0;
	line-height: 3rem;
	/*font-size: 1.1em;*/
	color: rgba(255,255,255,0.65);
}
#route-wrapper .foot p span {
	/*font-size: 1.1em;*/
	color: #FFFFFF;
}
#route-wrapper .content {
	overflow: auto;
	width: 100%;
	height: 100%;
	padding: 5rem 1.2rem 4rem 1.2rem;
	background: linear-gradient(#fff, #cdcdcd);
}
#route-wrapper .content > div {
	padding: 1.2rem 0;
	text-align: left;
}
#route-wrapper .content > div hr {
	/*color: #FFFFFF;*/
	border: 0;
	border-top: 1px solid #005A8A;
	margin-bottom: 1.0rem;
}
#route-wrapper .content > div .hr {
	position: relative;
	display: block;
	height: 0.6rem;
	border: 0 solid #005B8C;
	border: 0 solid #FFFFFF;
	border-width: 0 0 1px 0;
	margin-top: 0.2rem;
	margin-bottom: 1.3rem;

	/*opacity: 0.35;*/
}
#route-wrapper .content > div .hr:before {
	content: '';
	font-size: 0px;
	line-height: 0%;

	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 0px;
	line-height: 0%;
	width: 0px;
	content: '';
	height: 0.6rem;
	border-bottom: 0.6rem solid #FFFFFF;
	border-left: 1.2rem solid transparent;
	background-color: transparent;
	text-align: right;
}
#route-wrapper .content > div .hr:after {
	content: '';
	font-size: 0px;
	line-height: 0%;

	position: absolute;
	bottom: -1.2rem;
	left: 0;
	font-size: 0px;
	line-height: 0%;
	width: 0px;
	content: '';
	height: 0.6rem;
	border-top: 0.6rem solid #FFFFFF;
	border-right: 1.2rem solid transparent;
	background-color: transparent;
	text-align: right;
}
#route-wrapper .content > div div.box {
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
#route-wrapper .content > div div.box.display-none {
	display: none !important;
}
/*#route-wrapper .content > div div.box:nth-last-child(1) {
	margin-bottom: 3rem;
}*/
#route-wrapper .content > div div.v-spacer {
	margin-bottom: 3rem;
}
button.btn.route {
	position: relative;
	display: block;
	width: 98%;
	min-height: 3em;
	margin: 0 auto 0.3rem auto;
	margin-left: 0rem;
	color: #FFFFFF;
	background: #000;
	/*text-shadow: 1px 1px 1px #00877F;*/
	vertical-align: middle;

	font-family: 'qusabo';
	cursor: pointer;
	text-align: left;

	border: 1px #000 solid;
	/*border-left: 0;*/
	border-radius: 0 1.4rem 1.4rem 0;
	border-radius: 1.4rem;
}
button.btn.route.display-none {
	display: none !important;
}
button.btn.route.visitable {
	background: #03544e;
}
button.btn.route.visitable-not {
	color: rgba(154,154,154,1);
	border: 1px rgba(154,154,154,1) solid;
	background: #fff;
	/*border-color: rgba(0,0,0,0.5);*/
}
button.btn.route.current {
	border: 1px #04877f solid;
	color: #092926;
	background: #04877f
}
button.btn.route.sub, button.btn.route.sub.current, button.btn.route.sub.visitable {
	background: transparent;
	border: 0;
	border-radius: 0;
	color: #000;
}
button.btn.route.sub.visitable-not {
	color: rgba(146,146,146,1);
}
button.btn.route.sub.current {
	color: #04877f
}
button.btn.route.pater {
	cursor: default;
}
button.btn.route i {
	position: absolute;
	top: 0.6rem;
	left: 0.4rem;
	font-size: 1.2rem;
	margin: 0;
	padding: 0;
	/*padding: 0 0.9rem;*/
	/*padding-left: 0.4em;*/
	vertical-align: middle;
}
button.btn.route.visitable i.check {
	/*display: none;*/
}
button.btn.route.confirmed i.circle {
	/*display: none;*/
}
button.btn.route i {
	padding: 0 0 0 0rem;
}
button.btn.route:before {
	font-family: 'Font Awesome 5 Free hex';
	font-size: 1.2rem;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	/*color: #FF8000;*/
	margin: 0;
	padding: 0.6rem 0 0 0.6rem;
}
button.btn.route.circle:before {
	font-family: 'Font Awesome 5 Free hex r';
	/*content: '\f111';*/
}
button.btn.route.circle.confirmed:before {
	font-family: 'Font Awesome 5 Free hex';
	content: '\f058';
}
button.btn.route.circle.pater:before {
	content: '';
}
button.btn.route.pater i {
	display: none !important;
}
button.btn.route span {
	display: block;
	font-size: 1.0rem;
	margin: 0;
	padding: 0.6rem 0.9em 0.6rem 1.7em;
	vertical-align: middle;
}
button.btn.route i:before {
	margin: 0;
	padding: 0;
}
button.btn.route.disabled {
	opacity: 0.65;
	border-color: #C0C0C0;
	cursor: default;
}
button.btn.route.disabled span {
	color: #C0C0C0;
}

#attachs-wrapper {
	position: absolute;
	z-index: 1100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #092926;
	background-color: transparent;
}
#attachs-wrapper {
	top: -100%;
}
#attachs-wrapper.show {
	top: 0;
}
#attachs-wrapper .head-wrapper {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 5rem;
	margin: 0;
	padding: 0;
	/*background-color: #FFFFFF;
	background-color: #EFF4F7;*/
	background-color: #0c0c0c;
	background-image: url(head-slice.png);
	background-repeat-y: repeat;
	background-repeat-x: no-repeat;
	background-position: center;
}
#attachs-wrapper .head-wrapper .head {
	position: absolute;
	top: 0;
	left: 0;
	width: 70%;
	height: 5rem;
	margin: 0;
	padding: 0.4rem 1.2rem;
	/*background-color: #092926;
	background-color: #03544e;
	background-color: #9bc1be;*/
	font-family: 'qusabo';
	color: #FFFFFF;
	font-size: 1.0rem;
}
#attachs-wrapper .head-wrapper .head:after {
	position: absolute;
	top: -5rem;
	right: -8rem;
	width: 8rem;
	font-size: 0px; line-height: 0%; width: 0px;
	content: '';
	height: 5rem;
	/*border-right: 8rem solid transparent;
	border-bottom: 5rem solid #092926;
	border-bottom: 5rem solid #03544e;
	border-bottom: 5rem solid #9bc1be;*/
}
#attachs-wrapper .head-wrapper .head h3 {
	margin: 0;
	padding: 0;
	padding: 0.3em 0 0 0;
	font-size: 1.1em;
}
#attachs-wrapper .head-wrapper .head p {
	margin: 0;
	padding: 0.18em 0 0 0;
	font-size: 0.9em;
}
#attachs-wrapper .head-wrapper .logo {
	position: absolute;
	top: 0;
	right: 0;
	width: 30%;
	height: 2.5rem;
	background-image: url(logo_r2.png);
	background-position: right 1.2rem center;
	background-size: auto 1.0rem;
	background-repeat: no-repeat;
}
#attachs-wrapper .close {
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	width: 30%;
	height: 2.5rem;
	margin: 2.5rem 0 0 0;
	padding: 0 0 0 2.1rem;
	/*background-color: #C1272D;
	background-color: #092926;
	background-color: #03544e;
	background-color: #9bc1be;*/
	font-family: 'qusabo';
	color: #FFFFFF;
	font-size: 1.0rem;
	font-size: 0;
	text-align: right;
}
#attachs-wrapper .close > div {
	/*background-color: #C1272D;*/
	width: 100%;
	height: 100%;
	padding: 0 1.2rem 0 0;
}
#attachs-wrapper .close:before {
	position: absolute;
	bottom: -2.5rem;
	left: 2.1rem;
	width: 5%;
	font-size: 0px;
	line-height: 0%;
	width: 0px;
	content: '';
	height: 2.5rem;
	/*border-top: 2.5rem solid #C1272D;
	border-left: 3.9rem solid transparent;*/
	text-align: right;
	/*background-color: #092926;
	background-color: #03544e;
	background-color: #9bc1be;*/
}
	#attachs-wrapper .close > div button.btn {
	display: inline-block;
	height: 2.5rem;
	margin: 0;
	padding: 0;
	border: 0;
	color: #FFFFFF;
	background: transparent;
	vertical-align: middle;

	font-family: 'qusabo';
	line-height: 2.5rem;
	cursor: pointer;
}
#attachs-wrapper .close > div button.btn.display-none {
	display: none;
}
#attachs-wrapper .close > div button.btn i {
	font-size: 1.3rem;
	margin: 0;
	padding: 0;
	padding-left: 0.4rem;
	vertical-align: middle;
	line-height: 2.5rem;
}
#attachs-wrapper .close > div button.btn span {
	font-size: 0.96rem;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	line-height: 2.5rem;
}
#attachs-wrapper .close > div button.btn i:before {
	margin: 0;
	padding: 0;
}
#attachs-wrapper .foot {
	position: absolute;
	z-index: 10;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3rem;
	padding: 0 1.2rem 0 1.2rem;
	font-family: 'qusabo';
	font-size: 1.0rem;
	color: #FFFFFF;
	/*background-color: #092926;
	background-color: #03544e;*/
	background-color: #222F3E;
	cursor: pointer;
}
#attachs-wrapper .foot p {
	margin: 0;
	padding: 0;
	line-height: 3rem;
	/*font-size: 1.1em;*/
	color: rgba(255,255,255,0.65);
}
#attachs-wrapper .foot p span {
	/*font-size: 1.1em;*/
	color: #FFFFFF;
}
#attachs-wrapper .content {
	overflow: auto;
	width: 100%;
	height: 100%;
	padding: 5rem 1.2rem 4rem 1.2rem;
	background: linear-gradient(#fff, #cdcdcd);
}
#attachs-wrapper .content > div {
	padding: 1.2rem 0;
	text-align: left;
}
#attachs-wrapper .content > div hr {
	/*color: #FFFFFF;*/
	border: 0;
	border-top: 1px solid #005A8A;
	margin-bottom: 1.0rem;
}
#attachs-wrapper .content > div .hr {
	position: relative;
	display: block;
	height: 0.6rem;
	border: 0 solid #005B8C;
	border: 0 solid #FFFFFF;
	border: 0 solid #03544e;
	border: 0 solid #9bc1be;
	border-width: 0 0 1px 0;
	margin-top: 0.2rem;
	margin-bottom: 1.3rem;

	/*opacity: 0.35;*/
}
#attachs-wrapper .content > div .hr:before {
	content: '';
	font-size: 0px;
	line-height: 0%;

	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 0px;
	line-height: 0%;
	width: 0px;
	content: '';
	height: 0.6rem;
	border-bottom: 0.6rem solid #FFFFFF;
	border-bottom: 0.6rem solid #03544e;
	border-bottom: 0.6rem solid #9bc1be;
	border-left: 1.2rem solid transparent;
	background-color: transparent;
	text-align: right;
}
#attachs-wrapper .content > div .hr:after {
	content: '';
	font-size: 0px;
	line-height: 0%;

	position: absolute;
	bottom: -1.2rem;
	left: 0;
	font-size: 0px;
	line-height: 0%;
	width: 0px;
	content: '';
	height: 0.6rem;
	border-top: 0.6rem solid #FFFFFF;
	border-top: 0.6rem solid #03544e;
	border-top: 0.6rem solid #9bc1be;
	border-right: 1.2rem solid transparent;
	background-color: transparent;
	text-align: right;
}
#attachs-wrapper .content > div div.box {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-right: 0.6rem;
}
/*#attachs-wrapper .content > div div.box:nth-last-child(1) {
	margin-bottom: 3rem;
}*/
#attachs-wrapper .content > div div.v-spacer {
	margin-bottom: 3rem;
}
button.btn.attachs {
	position: relative;
	display: block;
	width: 98%;
	min-height: 3em;
	margin: 0 auto 0.3rem auto;
	margin-left: 0rem;
	color: #FFFFFF;
	color: #03544e;
	background: transparent;
	/*text-shadow: 1px 1px 1px #00877F;*/
	vertical-align: middle;

	font-family: 'qusabo';
	cursor: pointer;
	text-align: left;

	border: 1px #FFFFFF solid;
	border-color: #03544e;
	/*border-left: 0;*/
	border-radius: 0 1.4rem 1.4rem 0;
	border-radius: 1.4rem;
}
button.btn.attachs.display-none {
	display: none !important;
}
button.btn.attachs.visitable {
	background: #03544e;
}
button.btn.attachs.current {
	color: #092926;
	background: #04877f
}
button.btn.attachs i {
	position: absolute;
	top: 0.6rem;
	left: 0.4rem;
	font-size: 1.2rem;
	margin: 0;
	padding: 0;
	/*padding: 0 0.9rem;*/
	/*padding-left: 0.4em;*/
	vertical-align: middle;
}
button.btn.attachs i {
	padding: 0 0 0 0rem;
}
button.btn.attachs:before {
	font-family: 'Font Awesome 5 Free hex';
	font-size: 1.2rem;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	/*color: #FF8000;*/
	margin: 0;
	padding: 0.6rem 0 0 0.6rem;
}
button.btn.attachs.pdf:before {
	content: '\f1c1';
}
button.btn.attachs.html:before {
	content: '\f518';
}
button.btn.attachs.pater i {
	display: none !important;
}
button.btn.attachs span {
	display: block;
	font-size: 1.0rem;
	margin: 0;
	padding: 0.6rem 0.9em 0.6rem 1.7em;
	vertical-align: middle;
}
button.btn.attachs i:before {
	margin: 0;
	padding: 0;
}
button.btn.attachs.disabled {
	opacity: 0.65;
	border-color: #C0C0C0;
	cursor: default;
}
button.btn.attachs.disabled span {
	color: #C0C0C0;
}

/**/
button.btn.inl {
	/*position: relative;*/
	position: fixed;
	right: 0;
	bottom: 4.0rem;
	/*top: 5.3rem;*/
	/*display: inline-block;*/
	/*width: 3em;*/
	height: 3em;
	/*margin-top: 0.3em;*/
	/*margin-top: 0.0em;*/
	/*margin-right: 1.2rem;*/
	/*margin-right: 2.4rem;*/
	margin-right: 1.2rem;
	margin-left: 0rem;
	/*margin-bottom: 1.6rem;*/
	margin-bottom: 0.4rem;
	/*padding: 0 0.9rem;*/
	/*padding-left: 0;*/
	color: #F3920A;
	color: rgba(1,128,175,1);
	color: #FFFFFF;
	background: rgba(255,255,255,0);
	background: rgba(243,146,10,0.30);
	background: #092926;
	/*text-shadow: 1px 1px 1px #00877F;*/
	vertical-align: middle;

	font-family: 'qusabo';
	cursor: pointer;

	border: 1px #FFFFFF solid;
	/*border-left: 0;*/
	border-radius: 0 1.4rem 1.4rem 0;
	border-radius: 1.4rem;
}
button.btn.inl.not {
	position: relative;
	display: inline-block;
	right: auto;
	bottom: auto;
}
button.btn.inl.display-none {
	display: none !important;
}
button.btn.inl i {
	font-size: 1.2rem;
	margin: 0;
	padding: 0;
	/*padding: 0 0.9rem;*/
	/*padding-left: 0.4em;*/
	vertical-align: middle;
}
/*#next button:not(.disabled).btn i:nth-of-type(1) {
	color: #009245;
}*/
button.btn.inl i {
	padding: 0 0 0 0.9rem;
}
button.btn.inl i.green{
	color: #FFF;
}
button.btn.inl i.red{
	color: #C1272D;
}
button.btn.inl span {
	font-size: 1.0rem;
	margin: 0;
	padding: 0 0.9em 0 0.4em;
	vertical-align: middle;
}
button.btn.inl i:before {
	margin: 0;
	padding: 0;
}
button.btn.inl.disabled {
	opacity: 0.65;
	border-color: #C0C0C0;
	cursor: default;
}
button.btn.inl.disabled span {
	color: #C0C0C0;
}

/*OVERLAY*/
.overlay {
	overflow: hidden;
	width: 80%;
	background-color: #FFFFFF;

	border: 2px solid #03544e;
	/*border-radius: 0 0 0 1.2rem;*/
}
.overlay.soft {
	max-height: 90%;
}
.overlay.hard {
	height: 90%;
}
.overlay .bg {
	overflow: auto;
	width: 100%;
	height: 100%;
	/*padding-bottom: 0.8rem;*/
}
.overlay .bg .content {
	position: relative;
	padding: 1.2rem;
}
.overlay.hard .bg .content {
	position: relative;
	padding: 2.5rem 1.2rem 1.8rem 1.2rem;
	width: 100%;
	height: 100%;
}
.overlay .bg .content .left {
	position: absolute;
	top: 0;
	left: 0;
	width: 40%;
	height: 100%;
	padding: 2.6rem 1.2rem 1.8rem 1.2rem;

	/*text-align: right;*/
}
.overlay .bg .content .right {
	position: absolute;
	top: 0;
	right: 0;
	width: 60%;
	height: 100%;
	padding: 1.8rem 0 1.2rem 1.2rem;
	/*background-color: #03544e;*/
}
.overlay .bg .content .right .list {
	overflow: auto;
	width: 100%;
	height: 100%;
	padding: 0;
	border: #d8e7e5 solid 2px;
	border-bottom: 0;
	/*border-left: 0;*/
	background-color: #d8e7e5;
}
.overlay .bg .content .right .list > p.msgnone {
	font-family: 'qusabo';
	font-size: 0.9rem;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0rem;
	padding: 0.6rem;
}
.overlay .bg .content .right .list > p.msgnone.hidden {
	display: none;
}
.overlay .bg .content .right .list .msg {
	position: relative;
	margin: 0.6rem auto 1.3rem 0.8rem;
	width: 80%;
	padding: 0.6rem 0.6rem 0.6rem 2.0rem;
	border-radius: 1.0rem;
}
.overlay .bg .content .right .list .msg i.quote {
	font-size: 1.1rem;
	color: #999999;
}
.overlay .bg .content .right .list .msg i.quote:before {
	font-family: 'Font Awesome 5 Free hex';
	font-size: 0.6rem;
	content: '\f10d';
	/*position: absolute;*/
	/*top: 0.8rem;*/
	/*left: 0.5rem;*/
	margin: 0;
	padding: 0 0.4rem 0 0;
}
.overlay .bg .content .right .list .msg i.quote:after {
	font-family: 'Font Awesome 5 Free hex';
	font-size: 0.6rem;
	content: '\f10e';
	/*position: absolute;*/
	/*top: 0.8rem;*/
	/*left: 0.5rem;*/
	margin: 0;
	padding:0 0 0 0.4rem;
}
.overlay .bg .content .right .list .msg.quote-temp i.fa {
	color: #FF8000 !important;
}
.overlay .bg .content .right .list .msg.hide-temp {
	display: none !important;
}
.overlay .bg .content .right .list.rev .msg[data-approved="0"] {
	background-color: #FFFFB9;
}
.overlay .bg .content .right .list.rev .msg .qtol {
	position: absolute;
	top: 0;
	left: -2.4rem;
	width: 1.6rem;
}
.overlay .bg .content .right .list.rev .msg .qtol button {
	width: 1.4rem;
	height: 1.4rem;
	margin-top: 0.6rem;
	background: transparent;
	border: 0;
	cursor: pointer;
}
.overlay .bg .content .right .list.rev .msg .qtol button:nth-of-type(2) {
	margin-top: 0.6rem;
}
.overlay .bg .content .right .list.rev .msg .qtol button i.fa {
	color: #03544e;
	font-size: 1.2rem;
}
.overlay .bg .content .right .list.rev .msg .qtol button:nth-of-type(2) i.fa {
	color: #FF0000;
}
.overlay .bg .content .right .list .msg:nth-last-of-type(1) {
	/*margin-bottom: 3.4rem !important;*/
}
.overlay .bg .content .right .list .msg:before {
	font-family: 'Font Awesome 5 Free hex';
	font-size: 1.0rem;
	content: '\f007';
	position: absolute;
	top: 0.8rem;
	left: 0.5rem;
	color: #FF8000;
	margin: 0;
	padding: 0;
}
.overlay .bg .content .right .list .msg:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 1.3rem;
	width: 0;
	border-top: 1.2rem solid #F7FAFD;
	border-right: 1.2rem solid transparent;
}
.overlay .bg .content .right .list.rev .msg[data-approved="0"]:after {
	border-top: 1.2rem solid #FFFFB9;
}
.overlay .bg .content .right .list.rev .msg:after {
	left: auto;
	right: 1.3rem;
	border-right: 0;
	border-left: 1.2rem solid transparent;
}
.overlay .bg .content .right .list .msg p {
	font-size: 1.2rem;
	color: #666666;
	margin-bottom: 0;
	padding-bottom: 0.5rem;
}
.overlay .bg .content .right .list .msg p.time {
	font-size: 0.7rem;
	color: #03544e;
	color: #999999;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	border-top: 1px solid #d8e7e5;
	border-top: 1px solid #999999;
}
.overlay .bg .content .right .list .msg.other {
	margin: 0.6rem auto 1.3rem 1.0rem;
	background-color: #F7FAFD;
}
.overlay .bg .content .right .list.rev .msg.other {
	margin: 0.6rem 1.0rem 1.3rem auto;
}
.overlay .bg .content .right .list .msg.other:before {
	content: '\f500';
	color: #9BD7FF;
}
.overlay .bg .content .right .list.rev .msg.other:before {
	content: '\f007';
	color: #9BD7FF;
}
.overlay .bg .content .right .list.rev .msg[data-approved="0"].other:before {
	content: '\f007';
	color: #9BD7FF;
}
.overlay .bg .content .right .list .msg.my {
	margin: 0.6rem auto 1.3rem 1.0rem;
	background-color: #F7FAFD;
}
.overlay .bg .content .right .list.rev .msg.my {
	margin: 0.6rem 1.0rem 1.3rem auto;
}
.overlay .bg .content .right .list .msg.my:before {
	color: #03544e;
}
.overlay .bg .content .right .list .msg.to-all {
	margin: 0.6rem 1.0rem 1.3rem auto;
	background-color: #EFF7FC;
}
.overlay .bg .content .right .list.rev .msg.to-all {
	margin: 0.6rem auto 1.3rem 1.0rem;
}
.overlay .bg .content .right .list .msg.to-all:before {
	content: '\f501';
}
.overlay .bg .content .right .list .msg.to-all:after {
	left: auto;
	right: 1.3rem;
	border-top: 1.2rem solid #EFF7FC;
	border-right: 0;
	border-left: 1.2rem solid transparent;
}
.overlay .bg .content .right .list.rev .msg.to-all:after {
	right: auto;
	left: 1.3rem;
	border-top: 1.2rem solid #EFF7FC;
	border-left: 0;
	border-right: 1.2rem solid transparent;
}
.overlay .bg .content .right .list .msg.to-me {
	margin: 0.6rem 1.0rem 1.3rem auto;
	background-color: #EFF7FC;
}
.overlay .bg .content .right .list.rev .msg.to-me {
	margin: 0.6rem auto 1.3rem 1.0rem;
}
.overlay .bg .content .right .list .msg.to-me:before {
	content: '\f501';
}
.overlay .bg .content .right .list .msg.to-me:after {
	left: auto;
	right: 1.3rem;
	border-top: 1.2rem solid #EFF7FC;
	border-right: 0;
	border-left: 1.2rem solid transparent;
}
.overlay .bg .content .right .list.rev .msg.to-me:after {
	right: auto;
	left: 1.3rem;
	border-top: 1.2rem solid #EFF7FC;
	border-left: 0;
	border-right: 1.2rem solid transparent;
}
.overlay .sensearight {
	position: relative;
	margin-top: 0.7rem;
	padding-top: 0.6rem;
	padding-bottom: 0.4rem;
	/*border-bottom: #00877F solid 2px;*/
}
/**/.overlay .sensearight:before {
	position: absolute;
	top: -1.2rem;
	right: 0rem;
	font-size: 0px;
	line-height: 0%;
	width: 0px;
	content: '';
	height: 0.6rem;
	border-bottom: 0.6rem solid #00877F;
	border-bottom: 0.6rem solid #d8e7e5;
	border-left: 1.2rem solid transparent;
	background-color: transparent;
	text-align: right;
}
/**/.overlay .sensearight:after {
	position: absolute;
	bottom: calc(-2px + -1.2rem);
	bottom: -1.2rem;
	right: 0rem;
	font-size: 0px;
	line-height: 0%;
	width: 0px;
	content: '';
	height: 0.6rem;
	border-top: 0.6rem solid #00877F;
	border-top: 0.6rem solid #d8e7e5;
	border-left: 1.2rem solid transparent;
	background-color: transparent;
	text-align: right;
}
.overlay h2.otitle {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	font-family: 'qusabo';
	color: #FFFFFF;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.3rem 2.4rem 0.3rem 1.2rem;
	background-color: #03544e;

	/*background-image: url(head_display_bg.png);
	background-size: cover;
	background-repeat: no-repeat;*/
}
.overlay .ofoot {
	position: absolute;
	z-index: 10;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1.2rem;
	background-color: #03544e;
	/*border-radius: 0 0 0 1.24rem;*/

	/**/
	/*background-image: url(panel_bg.png);
	background-size: cover;
	background-position: left center;
	background-repeat: no-repeat;*/

}
.overlay.soft .ofoot {
	opacity: 0.95;
}
.overlay p {
	color: #00877F;
	font-size: 1.0rem;
	margin-top: 0;
	padding-top: 0.1rem;
}
.overlay p.label {
	font-family: 'qusabo';
	font-size: 0.9rem;
	color: #00877F;
	font-weight: bold;
	margin-bottom: 0rem;
}
.overlay p:nth-of-type(1) {
	/*padding-top: 1.8rem;*/
}
.overlay form {
	position: relative;
	margin-top: 0.2rem;
	margin-bottom: 1.2rem;
	padding-top: 0.6rem;
}
.overlay label {
	font-family: 'qusabo';
	font-size: 0.9rem;
	color: #00877F;
	font-weight: bold;
}
.overlay textarea {
	resize: none;
	width: 100%;
	height: 6.8rem;
	margin: 0.3rem 0;
	padding: 0.6rem 0.6rem;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2rem;
	color: #333333;
	border: #00877F solid 2px;
	/*border-radius: 1.6rem;*/
}
.overlay button.close {
	position: absolute;
	z-index: 11;
	top: 0.1rem;
	right: 0.34rem;
	font-size: 1.8rem;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
	border: 0;
	background-color: transparent;
	cursor: pointer;
}

#overlay-login {
	width: 50%;

	/*background-image: url(logo.png);
	background-position: right 1.2rem center;
	background-size: auto 1.15rem;
	background-repeat: no-repeat;*/
}
#overlay-login_background {
	opacity: 1 !important;
	/*background-image: url(bg.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;*/

	cursor: default !important;
}
#overlay-login h2.otitle {
	text-align: right;
	padding-right: 1.2rem;
}
#overlay-login h2.otitle img {
	height: 1.2rem;
}
#overlay-login form {
	padding-top: 1.2rem;
}
#overlay-login input[data-field] {
	width: 100%;
	text-align: center;
	font-size: 1.3em;
}
#overlay-login button[data-action] {
	margin: 1.6em 0.0rem 0.3rem 0rem;
}
#overlay-login .select-wrap {
	padding-top: 1.8rem;
	width: 100%;
	height: 100%;
}
#overlay-login .select-wrap select {
	width: 100%;
	height: 100%;
	font-family: 'qusabo';
	font-size: 1.1rem;
}
#overlay-login .select-wrap select option[disabled]{
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}
#overlay-login .select-wrap select option:nth-of-type(1) {
	background-color: #FFFFFF !important;
	/*font-size: 2rem;*/
}
#overlay-exit-ask {
	width: 50%;

	background-image: url(logo.png);
	background-position: right 1.2rem center;
	background-size: auto 1.15rem;
	background-repeat: no-repeat;
}
#overlay-exit-ask_background {
	/*
	opacity: 1 !important;
	background-image: url(bg.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;

	cursor: pointer !important;
	*/
}
#overlay-exit-ask h2.otitle {
	text-align: left;
	padding-right: 1.2rem;
}
#overlay-exit-ask h2.otitle img {
	height: 1.2rem;
}
#overlay-exit-ask.overlay p {
	padding-top: 1.6rem !important;
}
#overlay-exit-ask button[data-action] {
	margin: 0.1em 0.0rem 1.3rem 0rem;
}

#overlay-quest {
	background-color: #03544e;
}
#overlay-quest h2.otitle {
	padding-right: 6.4rem !important;
}
#overlay-quest div.left form {
	margin-bottom: 0.3rem;
	padding-top: 1.2rem;
}
#overlay-quest div.left {
	position: absolute;
	height: auto;
	top: auto;
	bottom: 0;
	padding: 2.6rem 0 1.8rem 1.2rem;
}
#overlay-quest div.left p, #overlay-quest div.left label, #overlay-quest div.left button, #overlay-quest div.left button i {
	color: #FFFFFF !important;
}
#overlay-quest div.right {
	overflow: auto;
}
#overlay-quest div.right .list {
	overflow: visible;
	height: auto;
	min-height: 100%;
	padding-bottom: 3.8rem;
}
#overlay-quest .ologo {
	position: absolute;
	z-index: 110;
	top: 0.3rem;
	right: 0.3rem;
	width: 4.0rem;
	height: 0.8rem;
	background: transparent;
	background-image: url(logo.png);
	background-position: right center;
	background-size: contain;
	background-repeat: no-repeat;
}

/**/
button.btn.ovrl {
	position: relative;
	display: inline-block;
	height: 3em;
	margin: 0.6em 0.3rem 0.3rem 0rem;
	color: #F3920A;
	color: rgba(1,128,175,1);
	color: #FFFFFF;
	background: #092926;
	vertical-align: middle;

	font-family: 'qusabo';
	cursor: pointer;

	border: 0;
	border-radius: 1.4rem;
}
button.btn.ovrl.flat {
	overflow: visible !important;
	height: 2.0rem;
	margin-top: 0.3em;
	color: rgba(1,128,175,1);
	background: transparent;
	border: 0;
	border-radius: 0;
}
button.btn.ovrl.withcheck:before {
	font-family: 'Font Awesome 5 Free hex';
	font-size: 1rem;
	content: '\f00c';
	content: '\f058';
	position: absolute;
	top: -0.1rem;
	left: 0.3rem;
	color: #03544e;
	color: #009245;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}
button.btn.ovrl.display-none {
	display: none !important;
}
button.btn.ovrl i {
	font-size: 1.2rem;
	margin: 0;
	padding: 0;
	vertical-align: middle;

	color: #03544e;
}
button.btn.ovrl.white i {
	color: #FFFFFF;
}
button.btn.ovrl i {
	padding: 0 0 0 0.9rem;
}
button.btn.ovrl i.white {
	color: #FFFFFF;
}
button.btn.ovrl span {
	font-size: 1.0rem;
	margin: 0;
	padding: 0 0.9em 0 0.4em;
	vertical-align: middle;
}
button.btn.ovrl i:before {
	margin: 0;
	padding: 0;
}
button.btn.ovrl.disabled {
	opacity: 0.65;
	border-color: #C0C0C0;
	cursor: default;
}
button.btn.ovrl.disabled span {
	color: #C0C0C0;
}

/*RIPPLE*/
button.btn {
	position: relative;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
button.btn:not(.pater):active {
	transform: translateX(0.1rem);
	opacity: 0.5;
}
button.btn:not(.noripple):after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 5px;
	height: 5px;
	background: rgba(255, 255, 255, .5);
	opacity: 0;
	border-radius: 100%;
	transform: scale(1, 1) translate(-50%);
	transform-origin: 50% 50%;
}

@keyframes ripple {
	0% {
		transform: scale(0, 0);
		opacity: 1;
	}
	20% {
		transform: scale(25, 25);
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: scale(40, 40);
	}
}

button.btn:focus:not(:active)::after {
	animation: ripple 1s ease-out;
}

.control_indicator {
    border: 4px solid #000;
}

.control textarea {
    border: 2px solid #00877F;
}

div.template.mch-feed::before {
  position: fixed;
  content: "";
  height: 100%;
  width: 300px;
  background-image: url(doc.png);
  background-repeat: no-repeat;
  background-position-y: calc(100% - 50px);
  bottom: 0;
  left: 0;
	z-index: -1;

}

div.template.mch-feed form{
	width: calc(100% - 310px);
  float: right;
}