/*New Starting CSS START*/
html {
	height: 100%;
}

body {
    margin: auto;
    padding: 0px;
    background-color: #25cad2;
    border: 0px;
    max-width: 650px;
    height: 100%;
}
#content {
	background-color: #ffffff;
	width: 100%;
	/* Code for dynamic height START */
	height: 100%;
	display: flex;
	flex-direction: column;
	/* Code for dynamic height END */
}
#main {
	padding: 4px 6px;
	clear: both;
	/* Code for dynamic height START */
	height: 100%;
	flex: 1;
	/* Code for dynamic height END */
	overflow: auto;
}
/*New Starting CSS END*/
#viewer {height: 100%;}
form {margin:0px;padding:0px;}
ul {margin-bottom:0;padding:0px;margin-left:20px;}
#banner {
    height: 69px;
    background-color: white;
}
#banner .bannerlogo {
    float: left;
    position: relative;
    clear: both;
    margin-left: 15px;
}
.bannerlogo img {
    height: 65px;
    padding-top: 2px;
}
#banner .bannertext
{font:normal bold 12pt Montserrat;color:#000000;text-align:center;padding-top:25px;}
#sbanner
{height:69px;background-color:#9caace;}
#sbanner .bannerlogo
{float:left;position:relative;clear:both;}
#sbanner .bannertext
{font:normal bold 12pt Montserrat;color:#000000;text-align:center;padding-top:25px;}
#vwbanner
{height:69px;background-color:#9caace;}
#vwbanner .bannerlogo
{float:left;position:relative;clear:both;}
#vwbanner .bannertext
{font:normal bold 12pt Montserrat;color:#000000;text-align:center;padding-top:25px;}
#menu {
    height: 22px;
    background-color: #fc7e2f !important;
    clear: both;
	padding-top:5px;
	padding-bottom:5px;
}
#menu #menul {float:left;margin-top:2px;}
#menul a, #menul span
{font:normal bold 12pt Montserrat;color:#ffffff;text-align:left;text-decoration:none;margin-left:4px;}
#menul .sel {
    font: normal bold 12pt Montserrat;
    color: white;
    text-align: left;
    text-decoration: none;
    margin-right: 4px;
}
#menul img {vertical-align:text-bottom !important;}
#menu #menur {float:right;margin-top:2px;}
#menur a, #menur span
{font:normal bold 12pt Montserrat;color:#ffffff;text-align:right;text-decoration:none;margin-right:4px;}
#menur .sel {
    font: normal bold 12pt Montserrat;
    color: white;
    text-align: right;
    text-decoration: none;
    margin-right: 4px;
}
#menur img {vertical-align:text-bottom !important;}

.floatmenu
{position:absolute;top:0px;border:0px;border-bottom-width:0;font:normal bold 12pt Montserrat;z-index:100;background-color:#000000;width:200px;line-height:18px;visibility:hidden;}
.floatmenu a
{width:auto;display:block;font:normal bold 12pt Montserrat;color:#ffffff;text-decoration:none;text-indent:3px;border-bottom:1px solid #ffffff;padding:1px 0px;}
* html .floatmenu a{width:100%;}
.floatmenu a:hover {background-color:#00034a;color:#f79218;}

#lcontent {
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    float: left;
    overflow: auto;
	overflow-x: hidden;
}
#rcontent {
    width: 457px;
    height: 100%;
    margin-left: 2px;
    background-color: #ffffff;
    overflow: auto;
    display: none;
}
#rcontent .iframe
{width:100%;height:100%;border:0px}
html>body #rcontent {width:457px;}
#helpfulnessvote
{background-color:#9caace !important;font:normal normal 8pt Montserrat;color:#000000;text-align:center;clear:both;}
#helpfulnessvote a
{margin-left:4px;}
#helpfulnessvote input, #helpfulnessvote span
{vertical-align:middle;}
#helpfulnessvote img
{vertical-align:text-bottom !important;}
#helpfulnessvote a:active {color:#840000;}
#helpfulnessvote a:visited {color:#840000;}
#helpfulnessvote a:hover {color:#840000;}

#inplaceroute
{background-color:#ffffff;font:normal normal 12pt Montserrat;color:#000000;overflow:auto;border:0px;clear:both;}
#inplaceroute .iframe
{width:100%;height:100%;border:0px}
#inplacecontent
{background-color:#ffffff;font:normal normal 12pt Montserrat;color:#000000;overflow:auto;border:0px;clear:both;}
#inplacecontent .iframe
{width:100%;height:100%;border:0px}
#resultpane
{height:50%;background-color:#ffffff;font:normal normal 12pt Montserrat;color:#000000;overflow:auto;border:0px;margin:1px;}
#resultpane .iframe
{width:100%;height:100%;border:0px}
#resultpane .solution
{color:#000000;font:normal bold 12pt Montserrat;background-color:#e7e8ed !important;vertical-align:top;}
#routepane
{height:50%;background-color:#ffffff;font:normal normal 12pt Montserrat;color:#000000;overflow:auto;border:0px;margin:1px;}
#routepane .iframe
{width:100%;height:100%;border:0px}
#routepane .solution
{color:#000000;font:normal bold 12pt Montserrat;background-color:#e7e8ed !important;vertical-align:top;}
#vwcontent
{background-color:#ffffff !important;font:normal normal 12pt Montserrat;color:#000000;padding:4px;border:0px;clear:both;}
#vwcontent .article
{color:#000000;font:normal normal 12pt Montserrat;background-color:#e7e8ed;vertical-align:top;}
#vwcontent a:link {color:#0000ff;}
#vwcontent a:active {color:#0000ff;}
#vwcontent a:visited {color:#00034a;}
#vwcontent a:hover {color:#840000;}

#advanced
{background-color:#e7e8ed !important;}
#advanced td
{color:#003399;font:normal normal 12pt Montserrat;vertical-align:top;}
#advanced select, #advanced .input
{color:#000000;font:normal normal 12pt Montserrat;width:320px;vertical-align:middle;}
#advanced .field
{color:#000000;font:normal normal 12pt Montserrat;width:220px;vertical-align:middle;}
#advanced input, #advanced img
{vertical-align:middle;}
#preferences
{background-color:#ffffff !important;}
#preferences td
{color:#000000;font:normal normal 12pt Montserrat;vertical-align:top;}
#preferences select
{color:#000000;font:normal normal 12pt Montserrat;width:220px;vertical-align:middle;}
#preferences input, #preferences img
{vertical-align:middle;}
#search
{background-color:#ffffff !important;font:normal normal 12pt Montserrat;color:#000000;overflow:auto;border:0px;}
#search .hosttext
{color:#003399;font:normal normal 12pt Montserrat;background-color:#e7e8ed !important;vertical-align:top;}
#search .article
{color:#000000;font:normal normal 12pt Montserrat;background-color:#e7e8ed !important;vertical-align:top;}
#search img, #search input
{vertical-align:middle;}
#search a:link {color:#0000ff;}
#search a:active {color:#0000ff;}
#search a:visited {color:#00034a;}
#search a:hover {color:#840000;}

/*Speech Bubble Code START*/
#dialog .hosttext:nth-child(2)::after,
#dialog .hosttexthistory:nth-child(2)::after,
#dialog .continuation:nth-child(2)::after,
#dialog .solution:nth-child(2)::after,
#dialog .solutionhistory:nth-child(2)::after
{
	/* This block controls the arrow itself for host, continuation, and solution text */
	border-color: transparent #e7e8ed transparent transparent; /* Color code position determines arrow direction */
	border-style: solid;
	border-width: 10px; /* Adjust for size */
	border-bottom: 0px; /* Remove for fat arrow */
	content: "";
	height: 0;
	width: 0;
	left: -20px; /* Adjust for position */
	top: 18px; /* Adjust for position */
	position: absolute;
}
#dialog .hosttext:nth-child(2)::before,
#dialog .hosttexthistory:nth-child(2)::before,
#dialog .continuation:nth-child(2)::before,
#dialog .solution:nth-child(2)::before,
#dialog .solutionhistory:nth-child(2)::before
{
	/* This block controls the arrow border for host, continuation, and solution text */
	border-color: transparent #e7e8ed transparent transparent; /* Color code position determines arrow direction */
	border-style: solid;
	border-width: 11px; /* Adjust for size */
	border-bottom: 0px; /* Remove for fat arrow */
	content: "";
	height: 0;
	width: 0;
	left: -23px; /* Adjust for position */
	top: 18px; /* Adjust for position */
	position: absolute;
}
#dialog .hosttext:nth-child(2),
#dialog .hosttexthistory:nth-child(2),
#dialog .continuation:nth-child(2),
#dialog .solution:nth-child(2),
#dialog .solutionhistory:nth-child(2)
{
	/* This block handles the text container for host, continuation, and solution text */
	float: left; /* If this is changed, adjust arrow positions accordingly */
	padding: 10px;
	border: 1px solid #e7e8ed;
	border-radius: 10px;
	position: relative;
	max-width: 70%;
}
}
#dialog .usertext:nth-child(2)::after,
#dialog .usertexthistory:nth-child(2)::after
{
	/* This block controls the arrow itself for user text */
	border-color: transparent transparent transparent #046B99; /* Color code position determines arrow direction */
	border-style: solid;
	border-width: 10px; /* Adjust for size */
	border-bottom: 0px; /* Remove for fat arrow */
	content: "";
	height: 0;
	width: 0; 
	right: -20px; /* Adjust for position */
	top: 18px; /* Adjust for position */
	position: absolute;
}
#dialog .usertext:nth-child(2)::before,
#dialog .usertexthistory:nth-child(2)::before
{
	/* This block controls the arrow border for user text */
	border-color: transparent transparent transparent #046B99; /* Color code position determines arrow direction */
	border-style: solid;
	border-width: 11px; /* Adjust for size */
	border-bottom: 0px; /* Remove for fat arrow */
	content: "";
	height: 0;
	width: 0;
	right: -23px; /* Adjust for position */
	top: 18px; /* Adjust for position */
	position: absolute;
}
#dialog .usertext:nth-child(2),
#dialog .usertexthistory:nth-child(2)
{
	/* This block handles the text container for user text */
	float: right; /* If this is changed, adjust arrow positions accordingly */
	padding: 10px;
	border: 1px solid #046B99;
	border-radius: 10px;
	position: relative;
	max-width: 70%;
}
/*Speech Bubble Code END*/

#dialog {
    background-color: #ffffff;
    font: normal normal 12pt Montserrat;
    color: #000000;
    overflow: auto;
    overflow-x: hidden;
}
#dialog .hostname {
    color: black;
    font: normal normal 12pt Montserrat;
    background-color: #e7e8ed !important;
    text-align: center;
    border-radius: 30px;
    position: relative;
    top: 15px;
    float: left;
    padding: 10px;
    margin-right: 15px;
	display: none;
}
#dialog .hosttext {
    color: black;
    font: normal normal 12pt Montserrat;
    background-color: #e7e8ed !important;
    vertical-align: top;
}
#dialog .hosttexthistory {
    color: black;
    font: normal normal 12pt Montserrat;
    background-color: #e7e8ed !important;
    vertical-align: top;
}
#dialog .continuation {
    color: black;
    font: normal normal 12pt Montserrat;
    background-color: #e7e8ed !important;
    vertical-align: top;
}
#dialog .username {
    color: white;
    font: normal normal 12pt Montserrat;
    background-color: #046B99 !important;
    text-align: center;
    border-radius: 30px;
    position: relative;
    top: 15px;
    float: right;
    padding: 10px;
    margin-left: 15px;
	display: none;
}
#dialog .usertext {
    color: white;
    font: normal normal 12pt Montserrat;
    background-color: #046B99 !important;
}
#dialog .usertexthistory {
    color: white;
    font: normal normal 12pt Montserrat;
    background-color: #046B99 !important;
}
#dialog .hostrelinfo {
    color: black;
    font: normal normal 12pt Montserrat;
    background-color: #e7e8ed !important;
    vertical-align: top;
}
#dialog .solution {
    color: black;
    font: normal normal 12pt Montserrat;
    background-color: #e7e8ed !important;
    vertical-align: top;
}
#dialog .solutionhistory {
    color: black;
    font: normal normal 12pt Montserrat;
    background-color: #e7e8ed !important;
    vertical-align: top;
}
#dialog .solutionhistory #epaymints {
    display:none !important;
}
#dialog .solutionhistory #paymentMsg {
    display:block !important;
}
#dialog .solutionhistory .hideInHistory {
    display:none !important;
}
#dialog .solution button {
	font-size: 12pt;
}
#dialog .none {
    color: black;
    font: normal normal 12pt Montserrat;
    background-color: #e7e8ed !important;
    vertical-align: top;
}
#dialog a#cbsubmit {
	margin-top:10px;	
}
#dialog .cblabel {
    margin-top: 6px;
    margin-bottom: 4px;
    display: inline-block;
}
#dialog input[type="radio"] {
    vertical-align: top;
    margin-right: 8px;
    margin-top: 4px;
}
#dialog .field
{color:#000000;font:normal normal 12pt Montserrat;width:220px;vertical-align:middle;}
#dialog img, #dialog input
{vertical-align:middle;}
/*
#dialog a:link {color: #3333FF;text-decoration:none;}
#dialog a:active {color: #3333FF;text-decoration:none;}
#dialog a:visited {color: #3333FF;text-decoration:none;}
#dialog a:hover {color: #3333FF;text-decoration:underline;}
*/

#dialog .highlight {background-color:#FFFF00 !important;}
.inputfieldUserName {
    display: none;
}
#inputfield {
    background-color: #323A45 !important;
}
#inputfield td {
    color: #003399;
    font: normal normal 12pt Montserrat;
    padding: 15px;
	width: 100%;
}
/*Code for inputfield dynamic width START*/
#inputfield td:nth-child(2) {
    width: 100%;
}
#inputfield .field {
    color: #000000;
    font: normal normal 12pt Montserrat;
    vertical-align: middle;
    width: 100%;
    height: 25px;
    text-indent: 5px;
}
/*Code for inputfield dynamic width END*/
#inputfield input, #inputfield img
{vertical-align:middle;}
#copyright
{background-color:#000000 !important;font:normal normal 8pt Montserrat;color:#ffffff;text-align:left;clear:both;}
#copyright span
{margin-left:4px;}
#poweredby {
    background-color: #201f51 !important;
    font: normal normal 8pt Montserrat;
    color: white;
    text-align: right;
    clear: both;
}
#poweredby span
{margin-left:4px;}
#poweredby a:link {color:#5cc2e7;text-decoration:none;}
#poweredby a:active {color:#5cc2e7;text-decoration:none;}
#poweredby a:visited {color:#5cc2e7;text-decoration:none;}
#poweredby a:hover {color:#5cc2e7;text-decoration:underline;}

#log
{background-color:#ffffff;font:normal normal 12pt Montserrat;color:#000000;}
#log .hostname
{color:#003399;font:normal normal 12pt Montserrat;background-color:#e7e8ed !important;vertical-align:top;}
#log .hosttexthistory
{color:#840000;font:normal normal 12pt Montserrat;background-color:#e7e8ed !important;vertical-align:top;}
#log .username
{color:#000000;font:normal normal 12pt Montserrat;background-color:#d5d5d4 !important;}
#log .usertexthistory
{color:#840000;font:normal normal 12pt Montserrat;background-color:#d5d5d4 !important;}
#log .hostrelinfo
{color:#003399;font:normal bold 12pt Montserrat;background-color:#e7e8ed !important;vertical-align:top;}
#log .solutionhistory
{color:#840000;font:normal normal 12pt Montserrat;background-color:#e7e8ed !important;vertical-align:top;}
#log a:link {color:#0000ff;}
#log a:active {color:#0000ff;}
#log a:visited {color:#00034a;}
#log a:hover {color:#840000;}

#floatdiv{position:absolute;color:#000000;background-color:#ffffff;font-family:Montserrat;font-size:8px;width:700px;height:520px;top:92px;display:none;z-index:9048;border:1px solid #808080;overflow:visible;}
#floatdiv iframe{width:100%;height:500px;border:0px;overflow:visible;padding-top:4px;clear:both;}
img {border:0}
.dialogTable {
	border: 0px;
	margin: 0px;
	width: 100%;
	border-collapse: separate;
	border-spacing: 15px 25px;
}
.dialogTable td {
    border: 1px;
    border-style: solid;
    border-color: #ffffff;
}
.stdTable {border:0px;margin:0px;width:100%; border-collapse:collapse}
.stdTable td {border:0px; border-style:none; padding: 4px;}
.stdTableZeroBorder {border:0px;padding:0px;margin:0px;border-collapse:collapse;}
.stdTableZeroBorder td {border:0px;border-style:none;}

#waiting {display: none;}

/* Additional CSS START */
.hosttext a,
.hosttexthistory a,
.solution .nhButton {
    display: inline-block;
    background-color: #201d52;
    border: none;
    color: #fff;
    cursor: pointer;
    font-style: normal;
    font-weight: 700;
    font-size: 11pt;
    padding: 10px 15px;
    text-transform: uppercase;
    text-align: center;
    width: auto;
    vertical-align: bottom;
    line-height: 1.1;
    text-decoration: none;
}

.hosttext a:hover,
.hosttexthistory a:hover,
.solution .nhButton:hover {
    background-color: #25cad2;
	color: #fff;   
}

.hosttext ul,
.hosttexthistory ul {
    list-style-type: none;
    margin-left: 0px;
    margin-block-start: 10px;
}

.hosttext li:not(:last-child),
.hosttexthistory li:not(:last-child) {
    margin-bottom: 10px;
}

.dialogTable tr {
    opacity: 0;
	pointer-events: none;
}
/* Additional CSS END */

@media (max-width: 285px)
{
	#dialog .hosttext:nth-child(2) {
		max-width: 50%;
	}
	#dialog .hosttexthistory:nth-child(2) {
		max-width: 50%;
	}
	#dialog .continuation:nth-child(2) {
		max-width: 50%;
	}
	#dialog .usertext:nth-child(2) {
		max-width: 50%;
	}
	#dialog .usertexthistory:nth-child(2) {
		max-width: 50%;
	}
	#dialog .hostrelinfo:nth-child(2) {
		max-width: 50%;
	}
	#dialog .solution:nth-child(2) {
		max-width: 50%;
	}
	#dialog .solutionhistory:nth-child(2) {
		max-width: 50%;
	}
}

@media (max-width: 350px)
{
	.bannerlogo img {
		height: 18vw;
	}
}