@font-face {
	font-family: "SkyRegularText";
	src: url('fonts/sky-regular.woff2') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "SkyMediumText";
	src: url('fonts/sky_medium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

._hsimScen_style_xml_root .hsimContainerWrapper {
	clear: left;
	float: left;
	width: 100%;
	overflow: hidden;
	/*background: #f4f4f4;*/
}

._hsimScen_style_xml_root .simScenContainer {
	float: left;
	width: 100%;
	position: relative;
	right: 50%;
	background: transparent;
	/*border-right: 1px solid rgb(220,220,220);*/
}

._hsimScen_style_xml_root .contentSimulator {
	float: left;
	width: 50%;
	position: relative;
	left: 50%;
	overflow: hidden;
}

._hsimScen_style_xml_root .scen-main-container {
	float: left;
	width: 50%;
	position: relative;
	left: 50%;
	overflow: hidden;
}

._hsimScen_style_xml_root ._scen_list {
	border-radius: 4px;
	border-color: #CFCFCF;
	border-style: solid;
	border-width: 1px;
}

._hsimScen_style_xml_root .scen-data-container {
	border-width: 1px;
	border-radius: 4px;
	border-style: solid;
	border-color: #C0C0C0;
}

.scen-data {
	/*position: relative;*/
}

.scen-show-all {
	color: #4A4A4A !important;
	position: absolute;
	top: 0;
	right: 0;
	border: none !important;
	border-radius: 0px !important;
}

	.scen-show-all:hover {
		background-color: transparent !important;
	}

	.scen-show-all:focus, .scen-show-all:active {
		background-color: transparent !important;
	}

.scen-tool-bar {
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 5px 20px 160px 20px;
}

.scen-data {
	margin-right: 20px;
	margin-bottom: 0px;
	padding-top: 50px;
	padding-bottom: 0px;
	padding-right: 30px;
	padding-left: 30px;
	font-family: "SkyRegularText", Arial, Helvetica, sans-serif;
	font-size: 16px;
}


._reference_container {
	position: absolute;
	bottom: 0;
	left: 0;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	font-size: 20px;
	max-width: 360px;
}

._ref_note {
	font-size: 14px;
}

@media only all and (max-width:800px) {
	._hsimScen_style_xml_root .contentSimulator #_hsimContainer_hsimScen_ns_0_0 {
		display: none;
	}

	._hsimScen_style_xml_root .scen-main-container, .contentSimulator {
		width: 100% !important;
	}

	._hsimScen_style_xml_root .hsimContainerWrapper {
		background-color: transparent;
	}
	/*._hsimScen_style_xml_root .contentSimulator { background-color: #f4f4f4; }*/
	._hsimScen_style_xml_root .simScenContainer {
		border-right: 0;
	}
	/* ._hsimScen_style_xml_root .hsim-version-container { border-bottom: 1px solid #dcdcdc; } */
	.scen-list-mainContainer {
		display: block !important;
	}

	td.skipscen-first-step {
		display: none;
	}

	.scen-data-container, .contentSimulator {
		position: fixed;
		background-color: #fff;
		top: 100%;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10000;
		overflow-y: auto;
		transition: top 1.5s;
		-webkit-transform: translateZ(0);
		transform: translate3d(0,0,0);
		-webkit-transform: translate3d(0,0,0);
	}

	#_scen_list_mainContainer_hsimScen_ns_0_0 {
		display: block !important;
	}

	#_scen_data_mainContainer_hsimScen_ns_0_0 {
		display: block !important;
	}

	.scen-data-container.scen-show,
	.contentSimulator.scen-show {
		top: 0;
	}

		.scen-data-container.scen-show::after {
			content: "mobile";
			opacity: 0;
			font-size: 0;
		}


	html.scen-opened, html.scen-opened body {
		overflow-y: hidden !important;
		overflow: hidden !important;
		/* position: relative; */
		/* height: 100%; */
	}

	.scen-first-step {
		display: none;
	}

	.scen-tool-bar {
		position: relative;
		bottom: 0;
		z-index: -1000;
		/*/height: 91px;*/
		background-color: transparent;
		text-align: right;
		padding: 5px 20px 20px 20px;
	}

		.scen-tool-bar .c-btn--primary {
			/*position: absolute;
    	bottom: 20px;
    	left:20px;*/
			visibility: hidden;
			display: inline-block;
		}

	button#_scen_prev_hsimScen_ns_1_0_0 {
	}

	/*.scen-tool-bar .c-btn--primary:last-child {
	position: absolute;
	left: 140px;
    }*/

	.scen-tool-bar .c-btn--secondary.scen-button-right {
		position: absolute;
		bottom: 20px;
		right: 20px;
	}

	.scen-tool-bar .c-btn--primary.scen-button-push {
		position: absolute;
		left: 140px;
	}

	.scen-show-all {
		float: left;
		position: fixed;
	}

	.scen-data, .hsim-3dmodel {
		margin: 60px 0px 0px 0px;
		top: 60px;
		left: 0;
		right: 0;
		bottom: 0px;
		padding-top: 0px;
	}

	.scen-data {
		overflow-x: hidden;
		overflow-y: auto;
	}

	.scen-data-table {
		margin-bottom: 0;
	}


	div[id*='_txtScen'].hsim-video.hsim-hide {
		margin: 0px !important;
		padding-top: 0px;
		display: block;
	}

	.scenario-data-content {
		width: 100%;
	}




	._reference_container {
		position: relative;
		bottom: 0;
		left: 0;
		padding: 0px;
		font-size: 18px;
		margin-top: 30px;
		margin-bottom: 15px;
	}
}

}

@media only all and (max-width: 1199px) {
	.scen-tool-bar {
		text-align: left !important;
	}

	.scen-button-right {
		margin: 10px 0px 0px 0px !important;
		float: left !important;
		width: 225px;
	}
}

/*.scen-group-panel:first-child {
	border-top: 0px solid transparent;
}*/

.scen-group-panel {
	border-bottom: 1px solid rgb(220,220,220) !important;
	/*border-top: 1px solid rgb(220,220,220);*/
}

.scen-group-heading {
	padding: 16px;
	cursor: pointer;
	font-family: "SkyRegularText", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
}

	.scen-group-heading.collapsed {
		text-decoration: none;
	}

	.scen-group-heading:hover {
		text-decoration: underline !important;
	}

	.scen-group-heading a:after {
		float: right;
		content: url("chevron-down.svg");
		transform: rotate(180deg);
	}

	.scen-group-heading.collapsed a:after {
		content: url("chevron-down.svg");
		transform: rotate(0deg);
	}

.scen-group-content {
	cursor: pointer;
}

	.scen-group-content.collapsed {
		display: none !important;
	}

.scen-title-list {
	color: #4A4A4A;
	padding: 8px 24px;
	font-family: "SkyRegularText", Arial, Helvetica, sans-serif;
	font-size: 16px;
}

	.scen-title-list:hover {
		background-color: #f5f5f5;
	}



.scen-data-header {
	margin-bottom: 10px;
	font-size: 20px;
}

.scen-data-table {
	cursor: pointer;
	position: relative;
	table-layout: fixed;
	height: 100%;
}

	.scen-data-table td {
		font-family: "SkyRegularText", Arial, Helvetica, sans-serif;
		border: 0 !important;
	}

.CSR3_scenarios {
	padding: 8px 15px 8px 0px;
	border: 0 !important;
	/* width: 25px; */
	line-height: 1.36364;
}

.ThreeCSR3_scenarios_links {
	padding: 8px 0;
	position: relative;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	line-height: 1.36364;
}

.scen-sel-row {
	color: #000FF5 !important;
}

tr.scen-sel-row td:first-child {
	font-weight: bold;
}

.ThreeCSR3_scenarios_links a:focus,
.ThreeCSR3_scenarios_links a:hover {
	color: #0D&BC8 !important;
}

.scen-last-step {
	display: none;
}


.scen-button, .scen-button-inv {
	-ms-user-select: none;
	user-select: none;
	font-family: SkyMediumText,Helvetica,Arial,Sans-Serif;
	font-weight: 400;
	margin: 0 auto;
	display: inline-block;
	padding: .5em 1em;
	border-radius: 4px;
	font-size: 18px;
	margin-right: 10px;
}

.scen-button {
	border: 2px solid #000FF5;
	background-color: #ffffff;
	color: #000FF5;
}

.scen-button-inv {
	border: 2px solid #000FF5;
	background-color: #000FF5;
	color: #ffffff;
}

.scen-button:hover {
	background-color: #000FF5;
	color: #ffffff;
}

.scen-button-inv:hover {
	background-color: #ffffff;
	color: #000FF5;
}

.scen-button.disabled, .scen-button-inv.disabled {
	touch-action: none !important;
	background-color: #c7c8ca !important;
	border-color: #c7c8ca !important;
	color: #ffffff !important;
	cursor: default;
}

	.scen-button.disabled:hover, .scen-button-inv.disabled:hover {
		touch-action: none !important;
		background-color: #c7c8ca !important;
		border-color: #c7c8ca !important;
		color: #ffffff !important;
		cursor: default;
	}

.scen-button-right {
	float: right;
	margin-right: 0px;
}

.scen-button-left {
	margin-right: 15px !important;
	margin-left: 0px;
}

.hsim-disabled {
	background: linear-gradient(rgba(181, 181, 181, 1), rgba(189, 189, 189, 1), rgba(180, 180, 180, 1)) !important;
	border-color: transparent !important;
	;
	color: rgba(74, 74, 74, 1) !important;
	;
	cursor: not-allowed !important;
}

	.hsim-disabled:focus,
	.hsim-disabled:focus-within,
	.hsim-disabled:focus-visible {
		outline: none;
	}

#toggleDiv table.CSR3_scenarios {
	width: 100% !important;
}

#selectEmail {
	color: #4A4A4A;
	margin-top: 5px;
	width: 100%;
}

#toggleDiv table.CSR3_scenarios td p, #toggleDiv table.CSR3_scenarios td p:hover {
	color: #4A4A4A;
}

.hsim-tabs-container {
	width: 100% !important;
	/*border-bottom: 1px solid #dcdcdc;*/
	text-align: center;
}


.hsim-version-container {
	display: none;
}

.hsim-versions-table {
	width: 100%;
	margin-top: 10px;
	font-family: "SkyRegularText", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

	.hsim-versions-table td {
		/*padding: 5px;*/
		cursor: pointer;
	}

	.hsim-versions-table tr:nth-child(1) {
		padding: 6px;
		font-weight: bold;
		font-family: "SkyRegularText", Arial, Helvetica, sans-serif;
		font-size: 14px;
		background-color: #f5f5f5;
	}

	.hsim-versions-table tr:hover {
		background-color: #f5f5f5;
	}

.hsim-versions-table-header {
	font-family: "SkyRegularText", Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 5px;
	cursor: default;
}

.hsim-versions-table-text {
	font-family: "SkyRegularText", Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 5px;
	color: #4A4A4A;
}

.hsim-versions-table-text-selected {
	font-family: "SkyRegularText", Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #000FF5;
	padding: 5px;
	color: #ffffff;
}

.hsim-version-scenario {
	font-family: "SkyRegularText", Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-right: 10px;
}

.hsim-version-table-header {
	font-family: "SkyRegularText", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.hsim-version-content {
	padding: 20px;
	text-align: left;
}

	.hsim-version-content.collapsed {
		display: none !important;
	}

.hsim-version-tab {
	font-family: "SkyRegularText", Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding: 0 18px;
	cursor: pointer;
	display: inline;
	line-height: 50px;
}


.hsim_version_container_header {
	padding: 20px;
	cursor: pointer;
}

.hsim-version-content {
	padding: 5px;
}

/*.isvideo:after {
	font-family: skycons;
	display: inline-block;
	content: "\E036";
	margin-right: -15px;
	margin-left: 10px;
	line-height: 1;
	font-style: normal;
	font-weight: normal;
	vertical-align: middle;
}*/

.scen-title-list {
	display: inline-block;
	width: 100%;
}

.hsim-show {
	display: block;
}

.hsim-hide {
	display: none;
}

.hsim-3dmodel-iframe {
	/*width: 600px;*/
	width: 100%;
	height: 600px;
}

div#hsimPhone {
	margin: 0 auto;
}

.hsim-style-master-device {
	display: none;
	margin-bottom: 30px;
	font-family: SkyRegularText, Arial;
	font-size: 16px;
}

@media only all and (max-width:800px) {
	[data-namespace="_hsimScen_mainContainer"] .hsim-3dmodel-iframe {
		width: 100%;
		min-height: 620px;
		height: 100%;
	}

	._reference_container {
		line-height: 100%;
	}

	#refDiv {
	}
}


.hide-hsim-scenario-img {
	display: none;
}

.hide-hsim-scenario-img-container {
	/*float: right;
	margin-top: 0px;*/
	padding-left: 30px;
	/*padding-right: 50px;
	margin-right: -50%;*/
}

.scen-main-container {
	max-width: 99%;
}

.hide-hsim-scenario-img-container img {
	max-width: 620px;
}

.device-size-regular img {
	max-width: 620px;
}

.device-size-large img {
	max-width: 800px;
}


.hsim-simulator table,
.hsim-phone-cont table {
	width: 100% !important;
	margin-bottom: 0px;
}

.blink-red-highlight {
	margin-top: 0px !important;
	position: absolute;
	-webkit-animation: 2s linear infinite condemned_blink_effect;
	animation: pulsate infinite 1s;
	transition: .2s linear;
}

.blink-red-highlight-hsim {
	margin-top: 0px !important;
	position: absolute;
	-webkit-animation: 2s linear infinite condemned_blink_effect; /* for Safari 4.0 - 8.0 */
	animation: pulsate infinite 1s;
	transition: .2s linear;
}

@-webkit-keyframes pulsate {
	0% {
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}

	50% {
		-webkit-transform: scale(1.2,1.2);
		transform: scale(1.2,1.2);
	}

	100% {
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
}

@keyframes blinker {
	from {
		visibility: hidden;
	}

	50% {
		visibility: hidden;
	}

	to {
		visibility: visible;
	}
}

.hsim-spinner {
	margin-top: 50px;
	display: inline-block;
	width: 1em;
	height: 1em;
	font-size: 40px;
	color: #000FF5;
	border: 0.08em solid;
	border-color: transparent currentColor currentColor;
	vertical-align: middle;
	overflow: hidden;
	text-indent: 100%;
	border-radius: 100%;
	animation: spin 1s infinite linear;
	opacity: 1;
	visibility: visible;
	transition: opacity 1s ease,visibility 1s ease;
}

.hsim-spinner-cont {
	text-align: -webkit-center;
}

.hsim-phone-cont {
	display: flex;
	justify-content: center;
	align-items: center;
}