@viewport {
	width:device-width;
	initial-scale:1;
}

body,html {
	width: 600px;
	max-width: 90%;
	margin: 0 auto;
	font-family: 'ibm-plex-sans', 'Helvetica Neue', Arial, sans-serif;
}


body > *:not(script) {
	display: block;
}

#copyToken {
	float: right;
}

.token-display {
	box-sizing: border-box;
	word-wrap: break-word;
	width: 100%;
	background: #eee;
	border: none;
	padding: 5px;
	resize: none;
	font-family: 'ibm-plex-mono', 'Menlo', 'DejaVuSansMono', 'Bitstream Vera Sans Mono', Courier;
}

.code-details {
	box-sizing: border-box;
	word-wrap: break-word;
	width: 100%;
	background: #eee;
	border: none;
	padding: 5px;
	resize: none;
	font-family: 'ibm-plex-mono', 'Menlo', 'DejaVuSansMono', 'Bitstream Vera Sans Mono', Courier;
	font-size: 0.75em;
}

.error {
	display: none;
	color: rgba(222,43,38,1.0);
	margin-bottom: 10px;
}

#loginerror{
	font-size: 1.5rem;
}

pre {
	white-space: pre-wrap;
	font-family: 'ibm-plex-mono', 'Menlo', 'DejaVuSansMono', 'Bitstream Vera Sans Mono', Courier;
	margin-top: 0;
}

label {
	font-weight: 600;
	margin-top: 2rem;
	margin-bottom: 0.8rem;
}

button {
	cursor: pointer;
}

button:disabled {
	cursor: not-allowed;
}

button#continue, button#logout {
	margin-top: 2rem;
	width: 10rem;
	height: 2.875rem;
	text-align: left;
	padding-left: 1rem;
	background-color: #0F62FD;
	font-size: 16px;
	color: white;
}

button#continue:hover, button#logout:hover {
	background-color: #002D9C;
}

button#continue:disabled, button#logout:disabled {
	cursor: not-allowed;
	border-color: #C6C6C6;
	background-color: #C6C6C6;
	box-shadow: none;
	color: #8d8d8d;
}

input[type="text"] {
	font-size: 16px;
	line-height: 16px;
	width: 100%;
	height: 50px;
	border: none;
	/* padding: 15px 0; */
	margin-bottom: 0;
	text-indent: 16px;
	background: #eeeeee;
	color: #666666;
}

ul#accounts li {
	font-weight: 600;
	margin: 1.5em 0;
}

ul {
	list-style: none;
	padding-left: 0;
}

ul li {
	margin-bottom: 1rem;
}

/*  Keep Malicious apps which fatten scrollbars to make you UI look like junk from hozing up your demo. */
::-webkit-scrollbar {
    width: 0.5em;
    height: 2em
}

/* Coded up from IBM Design Sketch tear sheets. */

.td.cellLowRisk {
	color: #EFC100;
}
.td.cellMediumRisk {
	color: #FF7832;
}
.td.cellHighRisk {
	color: #ED0000;
}
.td.cellCriticalRisk {
	color: #990000;
}

.td.cellDefaultRisk {
	color: #FFFFFF;
}

.blueButton {
	/* Rectangle 2204 Copy 13: */
	background: #3d70b2;
	/* search: */
	font-weight: 600;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 20px;
  border-style: solid;
  border-color:#3d70b2;
}
.blueButton:hover {
  background:#5596e6;
  border-color:#5596e6;
}

.blueButton:active {
  background:#5596e6;
  border-color:#5596e6;
}

.secondaryButton {
	/* Rectangle 2204 Copy 13: */
	background: none;
	/* search: */
	font-weight: 600;
	font-size: 14px;
	color: #3d70b2;
	line-height: 20px;
  border-style: solid;
  border-color:#3d70b2;
}
.secondaryButton:hover {
  background:#3d70b2;
  color:#ffffff;
}

.secondaryButton:active {
  background:#3d70b2;
}

.greenButton {
	/* Rectangle 2204 Copy 13: */
	background: rgba(64,119,66,1.0);
	/* search: */
	font-weight: 600;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 20px;
  border-style: solid;
  border-color:rgba(64,255,66,1.0);
}

.greenButton:hover {
  background:#00FF00;
  border-color:rgba(64,119,66,1.0);
}

.greenButton:active {
  background:#005500;
  border-color:rgba(64,119,66,1.0);
}

.goldButton {
	/* Rectangle 2204 Copy 13: */
	background: rgba(222,173,38,1.0);
	/* search: */
	font-weight: 600;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 20px;
  border-style: solid;
  border-color: #FFFFC9;
}
.goldButton:hover {
  background:#FFFFC9;
  color:black;
  border-color: rgba(222,173,38,1.0);
}
.goldButton:active {
  background:#FFA941;
  color:black;
  border-color: rgba(222,43,38,1.0);
}

.login-label {
	font-size: 20px;
}

.aDropDown {
	/* bg: */
	border: 1px solid #C7C7C7;
	color: #121212;
/* Electronics: */
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	border: 2px outset buttonface;
	box-sizing: border-box;
	text-align: left;
	align-items: flex-start;
	padding: 0.5rem;
}

.testSelect {
	/* bg: */
background: #FFFFFF;
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.20);
/* hover: */
background: #F4F4F4;
/* color clip: */
background: #008abf;
/* All Business Units: */
font-size: 14px;
color: #121212;
line-height: 40px;
/* Oval 128: */
background: rgba(255,255,0,0.60);
/* Path 5 Copy: */
background: #FFFFFF;
border: 1px solid #000000;
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.50);
/* Rectangle 10: */
background: #000000;
/* Rectangle 10 Copy: */
background: #000000;
/* Rectangle 10 Copy 2: */
background: #000000;
}

.testSelect2 {
	/* bg: */
background: #FFFFFF;
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.20);
/* hover: */
background: #F4F4F4;
/* Oval 128: */
background: rgba(255,255,0,0.60);
/* Path 5 Copy: */
background: #FFFFFF;
border: 1px solid #000000;
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.50);
/* Rectangle 10: */
background: #000000;
/* Rectangle 10 Copy: */
background: #000000;
/* Rectangle 10 Copy 2: */
background: #000000;
/* color clip: */
background: #008abf;
/* Yesterday: */
font-size: 14px;
color: #121212;
line-height: 32px;
}

.blueButtonOnWhiteBG {
	/* Rectangle 33: */
	background-color: #008abf;
	/* Submit: */
	font-weight: 600;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 20px;
}

.page_header {
  line-height: 48px;
  border: none; /* #;1px solid #959595; */
  height: 64px;
  /* Product header BG: */
  background-color: #323232;
/* IBM Product Name: */
  font-size: 16px;
  color: #FFFFFF;
  /* IBM hover: */
}

.page_footer {
	/* footer bar: */
	background-color: #008abf;
}

.page_header_overline {
	/* IBM hover: */
	background-color: #008abf;
	height: 8px;
	width: 100%;
}

/* Check box */
.checkbox {
/* Rectangle 16: */
background-color: #008abf;
/* Path: */
background-color: #FFFFFF;
}

.hidden {
	display: none;
}