@charset "UTF-8";

/*  BOX STYLE
================================================== */
/*  WRAPPER
---------------*/
.sim-form{
	max-width: 720px;
	margin: 0 auto;
}
div.simulation-box-wrap {
	border: 1px solid #cfcfcf;
	background: #fff;
	margin: 20px 0;
}
/*  CONTENT
---------------*/
div.simulation-box-content {
	margin: 0;
	padding: 0;
	/* added */
	/*overflow: hidden;
	height: 0;*/
}
/*div.simulation-box-content.active{
	height: 100%;
}*/
/*  INNER
---------------*/
div.simulation-box-inner {
	padding: 10px;
}
.simulation-box-mental div.simulation-box-inner {
	background:#cbecef; /* mental */
}
.simulation-box-workplace div.simulation-box-inner {
	background:#f7e5d5; /* workplace */
}
.simulation-box-content .mod-media-lyt-lqd .media{
	padding-right: 20px;
}
/*  RESULT
---------------*/
div.simulation-box-result {
	padding: 10px;
}
.simulation-box-mental div.simulation-box-result {
	background: #4cb1be; /* mental */
}
.simulation-box-workplace div.simulation-box-result {
	background: #d4904c; /* workplace */
}

/*  HEADDING
================================================== */
.simulation-box-mental h3,
.simulation-box-workplace h3 {
	padding-left: 20px;
	padding-right: 20px;
}
.simulation-hdg4-01 {
	font-size: 20px;
	line-height: 125%;
}
.simulation-hdg4-01 p > span {
	font-size: 14px;
}
.simulation-box-mental .simulation-hdg4-01 {
	color: #1c4a50; /* mental */
}
.simulation-box-mental .simulation-hdg4-01 p > span {
	color: #4cb1be; /* mental */
}
.simulation-box-workplace .simulation-hdg4-01 {
	color: #583614; /* workplace */
}
.simulation-box-workplace .simulation-hdg4-01 p > span {
	color: #d4904c; /* workplace */
}

/*  INPUT
================================================== */
/*  CHECKBOX
---------------*/
.simulation-box-wrap input[type="checkbox"] {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.simulation-hdg4-01 {
	margin: 0 auto;
	width: auto;
	padding: 10px;
}
.simulation-hdg4-01::after {
	display: block;
	content: '';
	clear: both;
}
.simulation-hdg4-01 label {
	position: relative;
	display: block;
	word-break: break-all;
	cursor: pointer;
}
.simulation-hdg4-01 label input[type="checkbox"] + p,
.simulation-hdg4-01 label input[type="radio"] + p {
	position: relative;
	padding: 0 0 0 30px;
}
.simulation-hdg4-01 label input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.simulation-hdg4-01 label p {
	display: inline-block;
	max-width: 90%;
}
.simulation-hdg4-01 label input[type="checkbox"] + p::before,
.simulation-hdg4-01 label input[type="checkbox"] + p::after {
	position: absolute;
	left: 0;
	display: inline-block;
	content: '';
	box-sizing: border-box;
}
.simulation-hdg4-01 label input[type="checkbox"] + p::before {
	z-index: 0;
	background-color: transparent;
	width: 22px;
	height: 22px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	top: 50%;
	margin-top: -11px;
}
.simulation-box-mental .simulation-hdg4-01 label input[type="checkbox"] + p::before {
	border: 2px #4cb1be solid; /* mental */
}
.simulation-box-workplace .simulation-hdg4-01 label input[type="checkbox"] + p::before {
	border: 2px #d4904c solid; /* workplace */
}
.simulation-hdg4-01 label input[type="checkbox"] + p::after {
	z-index: 1;
	margin: 5px 8px;
	width: 6px;
	height: 9px;
	top: 50%;
	margin-top: -6px;
}
.simulation-box-mental .simulation-hdg4-01 label input[type="checkbox"]:checked + p::before {
	background-color: #4cb1be; /* mental */
}
.simulation-box-workplace .simulation-hdg4-01 label input[type="checkbox"]:checked + p::before {
	background-color: #d4904c; /* workplace */
}
.simulation-hdg4-01 label input[type="checkbox"]:checked + p::after {
	border: 2px solid #fff;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*  TEXT
---------------*/
.simulation-box-wrap input[type="text"] {
	border: 0;
	margin: 0;
	padding: 5px 2%;
	font-size: 16px;
	color: #333;
	border: solid 1px #a2a9ae;
	width: 100%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.simulation-box-wrap input[type="text"]:focus {
	border: solid 1px #333;
}
.simulation-box-inner a{
	padding-left: 0;
	color: #0b3c8e;
}

/*  SELECT
================================================== */
.simulation-box-wrap select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	margin: 0;
	height: 30px;
	background: transparent;
	position: relative;
	z-index: 1;
	padding: 0 40px 0 10px;
	border: 1px solid #a2a9ae;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 14px;
	width: 100%;
}
.simulation-box-wrap select::-ms-expand {
	display: none;
}
.simulation-box-wrap .selectWrap{
	position: relative;
	display: inline-block;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 100%;
}
.simulation-box-wrap .selectWrap::before{
	content: '';
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	background: #a2a9ae;
	height: 100%;
	width: 30px;
	border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
}
.simulation-box-wrap .selectWrap::after{
	content: '';
	position: absolute;
	z-index: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	right: 9px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: #fff transparent transparent transparent;
}

/*  TABLE STYLE
================================================== */
div.simulation-box-wrap table,
div.simulation-box-wrap table tbody,
div.simulation-box-wrap table tr,
div.simulation-box-wrap table td {
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
}
table > thead > tr > th > *:first-child,
table > thead > tr > td > *:first-child,
table > tbody > tr > th > *:first-child,
table > tbody > tr > td > *:first-child {
	margin-top: 0;
}
table > thead > tr > th > *:last-child,
table > thead > tr > td > *:last-child,
table > tbody > tr > th > *:last-child,
table > tbody > tr > td > *:last-child {
	margin-bottom: 0;
}
div.simulation-box-wrap table{
	width: 100%;
}
/*  INNER
---------------*/
div.simulation-box-inner table td {
	padding: 5px 0;
}
div.simulation-box-inner table td h5 {
	display: inline-block;
	vertical-align: middle;
	font-weight: normal;
	font-size: 16px;
	margin: 0;
}
div.simulation-box-inner table td h5 > img {
	margin-right: 6px;
	line-height: 100%;
}
#workplace-01 div.simulation-box-inner table td h5 {
	font-weight: bold;
	color: #76491b;
}
div.simulation-box-inner .mod-list-02 ul.list {
	font-size: 11px;
	color: #666;
	margin-bottom: 0;
}
.simulation-box-inner table tr td:nth-child(2n),
.simulation-box-inner table tr td:nth-of-type(2n) {
	font-size: 16px;
	font-size: bold;
}
.sim-form .simulation-box-inner table tr td:nth-child(2n),
.sim-form .simulation-box-inner table tr td:nth-of-type(2n) {
	font-size: normal;
}

.simulation-box-mental .simulation-box-inner table tr td:nth-child(2n),
.simulation-box-mental .simulation-box-inner table tr td:nth-of-type(2n) {
	color: #1c4a50; /* mental */
}
.simulation-box-workplace .simulation-box-inner table tr td:nth-child(2n),
.simulation-box-workplace .simulation-box-inner table tr td:nth-of-type(2n) {
	color: #583614; /* workplace */
}
.simulation-box-inner table tr td:nth-child(2n) p,
.simulation-box-inner table tr td:nth-of-type(2n) p {
	font-size: 13px;
	font-weight: normal;
	color: #333;
}
/* checkbox */
label.checkbox-01 {
	cursor: pointer;
	position: relative;
	display: block;
	word-break: break-all;
}
label.checkbox-01::after {
	display: block;
	content: '';
	clear: both;
}
label.checkbox-01 input[type="checkbox"] + h5 {
	position: relative;
	padding: 0 0 0 30px;
}
label.checkbox-01 input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
label.checkbox-01 h5 {
	display: inline-block;
	max-width: 90%;
}
label.checkbox-01 input[type="checkbox"] + h5::before,
label.checkbox-01 input[type="checkbox"] + h5::after {
	position: absolute;
	left: 0;
	display: inline-block;
	content: '';
	box-sizing: border-box;
}
label.checkbox-01 input[type="checkbox"] + h5::before {
	z-index: 0;
	background-color: #fff;
	width: 20px;
	height: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	top: 50%;
	margin-top: -10px;
}
.simulation-box-workplace label.checkbox-01 input[type="checkbox"] + h5::before {
	border: 2px #d4904c solid; /* workplace */
}
label.checkbox-01 input[type="checkbox"] + h5::after {
	z-index: 1;
	margin: 4px 7px;
	width: 6px;
	height: 9px;
	top: 50%;
	margin-top: -6px;
}
.simulation-box-workplace label.checkbox-01 input[type="checkbox"]:checked + h5::before {
	background-color: #d4904c; /* workplace */
}
label.checkbox-01 input[type="checkbox"]:checked + h5::after {
	border: 2px solid #fff;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*  RESULT
---------------*/
div.simulation-box-result table col:first-child,
div.simulation-box-result table col:first-of-type {
	width: 75%;
}
div.simulation-box-result table col:nth-child(2),
div.simulation-box-result table col:nth-of-type(2) {
	width: 25%;
}
div.simulation-box-result table tr td:first-child,
div.simulation-box-result table tr td:first-of-type {
	padding-left: 50%;
}
div.simulation-box-result table tr.simulation-total {
	border-top: 2px solid #fff;
}
div.simulation-box-inner table tr.blank {
	opacity: 0.3;
}
div.simulation-box-result table td {
	padding: 0 0 5px;
	font-size: 18px;
}
div.simulation-box-result table td:nth-child(2),
div.simulation-box-result table td:nth-of-type(2) {
	font-weight: bold;
}
div.simulation-box-result table tr:last-child td,
div.simulation-box-result table tr:last-of-type td {
	padding-top: 5px;
	padding-bottom: 0;
}
/*div.simulation-box-result table tr:last-child td:nth-child(2),
div.simulation-box-result table tr:last-child td:nth-of-type(2),
div.simulation-box-result table tr:last-of-type td:nth-child(2),
div.simulation-box-result table tr:last-of-type td:nth-of-type(2)*/
div.simulation-box-result table tr td,
div.simulation-box-result table tr td {
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}
/*  GRAND TOTAL
---------------*/
table.simulation-grandtotal {
	margin: 0;
}
table.simulation-grandtotal tr {
	border: 3px solid #da434b;
}
table.simulation-grandtotal tr td {
	padding: 5px;
	font-weight: bold;
	font-size: 20px;
}
table.simulation-grandtotal tr td:first-child,
table.simulation-grandtotal tr td:first-of-type {
	background: #da434b;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}
table.simulation-grandtotal tr td:nth-child(2),
table.simulation-grandtotal tr td:nth-of-type(2) {
	color: #da434b;
}

/*  BUTTON
================================================== */
input[type="submit"],
input[type="reset"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="reset"]::focus {
	outline-offset: -2px;
}
input[type="submit"].simulation_submit,
input[type="reset"].simulation_reset {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	line-height: 125%;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}
input[type="submit"].simulation_submit {
	background: url(../images/simulation_btnRight.png) no-repeat scroll right 7px center #d4904c;
	padding: 12px 40px 10px 20px;
}
input[type="reset"].simulation_reset {
	background: url(../images/simulation_btnLeft.png) no-repeat scroll left 7px center #a2a9ae;
	padding: 12px 20px 10px 40px;
}

/*  Check to Non Active
================================================== */

.simulation-hdg4-01 label input[type="checkbox"]:disabled{
	/*opacity: 0.5;*/
}
.simulation-hdg4-01 label input[type="checkbox"]:disabled + p::before{
	/*opacity: 0.5;*/
}

/*  Check to Active
================================================== */
.simulation-hdg4-01.active{
	opacity: 1;
}

/*  Validate Area
================================================== */
.formError .formErrorContent{
    width: 94%;
    background: #ee0101;
    position: relative;
    color: #fff;
    min-width: 120px;
    text-align: center;
    font-size: 12px;
    box-shadow: 0px 0px 2px rgba(30,30,30,0.37);
    -moz-box-shadow: 0px 0px 2px rgba(30,30,30,0.37);
    -webkit-box-shadow: 0px 0px 2px rgba(30,30,30,0.37);
    -o-box-shadow: 0px 0px 2px rgba(30,30,30,0.37);;
    padding: 5px 10px 5px 10px;
		border: none;
}
.formError.inline .formErrorContent{
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
}

@media (max-width: 960px) {
.simulation-box-inner table col {
	width: auto;
}
.simulation-box-inner table td {
	display: block;
}

div.simulation-box-result table col:first-child,
div.simulation-box-result table col:first-of-type {
	width: 50%;
}
div.simulation-box-result table col:nth-child(2),
div.simulation-box-result table col:nth-of-type(2) {
	width: 50%;
}
div.simulation-box-result table tr td:first-child,
div.simulation-box-result table tr td:first-of-type {
	padding-left: 0;
}
}
@media (max-width: 640px) {
.simulation-hdg4-01 {
	font-size: 16px;
}
.simulation-hdg4-01 p > span {
	font-size: 12px;
}
input[type="submit"].simulation_submit,
input[type="reset"].simulation_reset {
	font-size: 16px;
}
}