/*required for optus cust by bill*/
[data-switchContainers]{
	/* display:flex; */
	/* flex-direction: column-reverse; */
}

[data-switchContainers] [data-namespace="_ts_hsimScen_mainContainer"]{
	/* float: none !important;	 */
}


[data-media_scenario].quest-answer-content [id^=_scen_mainContainer] {
 	display:none; !important;
}

[data-media_scenario].quest-answer-content [id^=_animsContainer] {
	float:none !important;
 	width: 100% !important;
}




/*----  check public folder: src/ro/nexource/html/simulator/public  --- */
/*BEGIN UAD-729*/
.scen-data-table > tbody > tr > td:nth-child(1),
.ts-scen-data-table > tbody > tr > td:nth-child(1){ 
	width: 35px !important;
	max-width: 35px !important;
	min-width: 35px !important;
	box-sizing: border-box !important;;
	/* text-align: center !important;; */ /* commented out because issue: SAM-450  */
	
}

.ts-scen-data-table > tbody > tr > td:nth-child(2),
.scen-data-table > tbody > tr > td:nth-child(2) {
	/* outline: 1px solid blue; */
	width: 100% !important;
	box-sizing: border-box;
	text-align:left !important; 
}

.ts-scen-data-table > tbody > tr > td:nth-child(1),
.scen-data-table > tbody > tr > td:nth-child(1),
.ts-scen-data-table > tbody > tr > td:nth-child(2),
.scen-data-table > tbody > tr > td:nth-child(2) {
	padding: 0 !important;
	vertical-align: middle !important;
	padding: 9px !important;	
}

.ts-scen-data-table > tbody > tr > td .scen-data--simpleContent,
.scen-data-table > tbody > tr > td .scen-data--simpleContent
{
	text-align:left !important;;
}

.ts-scen-data-table > tbody > tr > td > br + br,
.scen-data-table > tbody > tr > td > br + br
{

	
}


.ts-scen-data-table > tbody > tr > td .scen-data--simpleContent br + br,
.scen-data-table > tbody > tr > td .scen-data--simpleContent br + br
{
	
}

/*END UAD-729 */





.videoContent_mobile-hideAnims{
	/*used to hide animsContainer in mobile view when video&3dmodel scenarios are loaded */
	display:none;	
}

.videoTemplate_Container{
	width: 100%;
}
.videoTemplate_Content{
	width: 100%;
}
.videoTemplate_Content .videoPlayer{
	width: 100%;
}
.videoTemplate_Content .videoPlayer_Container{
	width: 100%;
}

.model-mainContainer,
.model-container{
	width:100%;
	height: 100%;
	
	max-height:100%;
	max-width:100%;
}







.slide__transition-active{
	transition: margin 0.2s linear;
}

/*--atom 94--*/
.a2b_container{
	display:inline-block;
	text-align: right;
}

.a2b_msg{
	display:inline-block;
	height: auto;
	width: auto;
	vertical-align: middle;
}
.a2b_icon{
	display:inline-block;
	vertical-align: middle;
}


.search_close{
	text-align: right;	
}

/*----*/





.hiddenAltBgContainer #hiddenImg{
	max-width: inherit !important;
}

/* fix for all guides button being floated*/
.scen-tool-bar::after{
	clear:both;
	display: table;
	content:" "; 	
} 


.sendButton {
  display: block;
  font-size: 16pt;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

@-moz-document url-prefix() {
	.trans_bg {
  		background-image: url(/html_simulator/html_simulator/images/syellow.png);
	}
}

.rotated1 {
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-o-transform-origin:0% 0%;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.rotated2 { 
	-webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg); 
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
}

.phone-button {
	font-size: 1px;
	cursor: default;
	/*z-index: 9;*/
}

.phone-button-nav {
	cursor: default;
	z-index: 99999999999;	
}

.menu-table {
	text-align: center;
	margin: 0 auto;
	width: 100%;	
}

.bg-table {
	margin: 0 auto;
	width: 100%;	
}

.midsoftkey {
	margin-right: 2px;
	margin-left: 2px;
}
.leftsoftkey {
	margin-right: 2px;
}
.rightsoftkey {
	margin-left: 2px;
}

.progress-bar {
	/*background-color: white;
	background: url(images/spinner.gif) no-repeat;
	padding-left: 20px;*/
}

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

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

.text-bold {
	font-weight: bold;
}

.text-italic {
	font-style: italic;
}

#viewport {
	text-align: center;
	/*margin: 0 auto;*/
}


#hsimPhone .checkbox, .radio {
	background: url(/html_simulator/html_simulator/images/radio.gif) no-repeat;
}
#hsimPhone .radio {
	background: url(/html_simulator/html_simulator/images/radio.gif) no-repeat;
}
#hsimPhone .select {
	background: url(select.gif) no-repeat;
}
.unselect {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   user-select: none;
}

.resultsPanel {
	border: 1px solid black;
	overflow: auto;
}

.resultPanel {
	border-bottom: 1px solid #c4c4c4;
	padding: 2px;
	cursor: default;
}

.resultPanelText{
	FONT-FAMILY: "Arial";
	FONT-SIZE: 12px;
	word-break: break-word; 
}

.toolbarPanel {
	opacity: 0.80;
	filter: alpha(opacity = 80);
	background-color: gray;
	border-collapse: collapse;
}

textarea {
	outline: none;
	-webkit-appearance: none;
	/*border: 1px solid gray;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255,255,255)), to(rgb(255,255,255)));*/
}

.searchTextBox {
	border: 1px solid #808080;
	color: #808080;
	border-radius: 6px;
	padding: 7px 8px 7px 8px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 16px;
	background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' class='bi bi-search' viewBox='0 0 16 16'><path style='opacity:0.5' d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'></path></svg>") no-repeat 98% center;
}

.smallText {
	FONT-FAMILY: "Arial";
	FONT-SIZE: 12px;
	cursor: pointer;
}

.trans_bg {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/html_simulator/html_simulator/images/syellow.png');
}

input,select,textarea,div{
    outline:none;
}

.scen_body{
	width: 100%;
}

.scen_content{
	padding: 10px;
	border-right: 1px solid RGB(225,225,225);
	border-left: 1px solid RGB(225,225,225);
}

.scen_header_text{
	font-size: 15px;
}

.scen_header_open{
	color: white;
	background-color: RGB(0,150,219);
	font-family: "Arial";
	width: 100%;
	cursor: pointer;
}

.scen_close_list{
	border-bottom: 1px solid RGB(225,225,225);
}

.scen_header_closed{
	color: RGB(91,91,91);
	background-color: white;
	font-family: "Arial";
	font-size: 15px;
	width: 100%;
	cursor: pointer;
	border-top: 1px solid RGB(225,225,225);
	border-left: 1px solid RGB(225,225,225);
	border-right: 1px solid RGB(225,225,225);
}

.scen_up{
	background-image: url(images/up.png);
	width: 22px;
	height: 23px;
}

.scen_down{
	background-image: url(images/down.png);
	width: 22px;
	height: 23px;
}

.scen_search_content{
	border: 1px solid RGB(225,225,225);
	overflow:auto;
}
.scenarios{
	font-family: "Arial";
	font-size: 12px;
}

.scen_name_header{
	font-family: "Arial";
	font-size: 12px;
	margin-top:5px;
	margin-bottom:5px;	
}

.scen_title { 
	font-family: "Arial";
	font-size: 12px;
	cursor:pointer;
}


.scen_header_text{
	font-family: "Arial";
	font-size: 13px;
	font-weight:bold;
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

.hsim-search-panel {
	max-width: 300px;
}