body
{
    padding: 10px;
    font-size: 15px;
	background-color:#EEEEEE;
}

.form-control::-webkit-input-placeholder {color: #b7906c;opacity:1;font-weight:100}
.form-control::-moz-placeholder {color: #b7906c;opacity:1;font-weight:100}
.form-control:-ms-input-placeholder {color: #b7906c;opacity:1;font-weight:100}
.form-control::-ms-input-placeholder {color: #b7906c;opacity:1;font-weight:100}
.form-control::placeholder {color: #b7906c;opacity:1;font-weight:100}
::placeholder {color: #b7906c;opacity:1;font-weight:100}

a{cursor:pointer !important;}
.c { text-align: center !important; }
.r { text-align: right !important; }
.l { text-align: left !important; }
table.vt td,table.vt th{ vertical-align: top !important;}
.vm { vertical-align: middle !important; }
.sm { font-size: 0.8em; }
.smallish {
	font-size: 0.94em;
	font-weight: 400;
}
.smallish button{font-size:12px;padding:2px 5px;}
.smallish input{font-size:12px;padding:2px 5px;}
.tiny{font-size:0.6em;opacity:0.6; }
.spacedout{margin-right:10px;}
.data_json
{
	font-family: monospace;
	font-size: 0.7em;
	width: 40%;
}

p{    margin-bottom: 0.3rem;}
.nowrap { white-space: nowrap; }
.curs { cursor: pointer; }
.orng { color: Orange; }
.silver { color: Silver; }
.grey { color: Grey; }
.pink { color: #f8d7da; }
.width-auto { width: auto; }
.vtop { vertical-align: top !important; }
.vmid { vertical-align: middle !important; }
.top10 { margin-top: 10px; }
.top20 { margin-top: 20px; }
.faded { opacity: 0.3; }
section { clear: both; }

section.divided
{
	border-top: 5px solid #e9ecef;
	padding-top: 10px;
}
section.helpfile
{
	padding-top: 30px;
}
section.helpfile p
{
	padding: 0 30px;
	margin: 30px 0;
}

div.box{margin:10px 0px;padding:10px;border:1px solid silver;background-color:White;border-radius:6px;}
div.topspace{margin-top:60px;}

section#indexlinks { }
section#indexlinks hr { margin: 4px 0; }
section#indexlinks h4 { margin-top: 1vh; }
tbody#currentdata th,
tbody#currentdata td,
tbody#updates th { cursor: pointer; }
table#changethese td { padding-left: 20px; }

img#spinner
{
	display: none;
	position: fixed;
	top: 40%;
	left: 50%;
	width: 100px;
	margin-left: -50px;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* IE 5-7 */
	filter: alpha(opacity=50);
	/* Netscape */
	-moz-opacity: 0.5;
	/* Safari 1.x */
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

table.snapshot_data
{
	width: auto;
	float: left;
	margin: 20px;
}

table.snapshot_data th,
table.snapshot_data td { padding: 0px 10px 0px 5px; }

div.pager
{
	width: 100%;
	margin: 0;
	background-color: #EEE;
	text-align: center;
}

div.pager a
{
	color: #007bff !important;
	font-weight: bold;
	cursor: pointer;
	padding: 2px 5px;
}

div.pager a:hover
{
	background-color: #007bff;
	color: #FFFFFF !important;
}

.color-link{color:#007bff !important;}
.color-info{color:#17a2b8;}
table.table-tiny { font-size: 0.8em; }
table.table-tiny.bordered { border-bottom:1px solid gray; border-right:1px solid silver; }
table.table-tiny.bordered td{ padding:0 4px; border-top:1px solid #EEEEEE; border-left:1px solid silver; }
table.table-tiny.bordered th{ padding:0 4px; border-top:1px solid gray; border-left:1px solid silver; }
td.info { background-color: #E1F3F6; }
td.success { background-color: #DEF1E3; }
td.danger { background-color: #FAE5E7; }
td.warning { background-color: rgba(255, 237, 168, 0.51); }
td.payload { background-color: rgba(255, 237, 168, 0.51); font-family:monospace;}
td.tag_comments { max-width: 200px; }
.topspace { margin-top: 10px; }

input.highlighted-input
{
	font-weight: bold;
	font-size: 18px;
	padding: 0 10px;
	color: DarkOrange;
}

#enable_dash2_button { display: none; }

a.toggle_configs
{
	cursor: pointer;
	color: #007bff !important;
}

table.ctog { display: none; }

th.methodtype
{
	font-size: 20px;
	text-align: right;
	color: DarkOrange;
}

th.methodtype i.fas
{
	font-size: 26px;
	padding-top: 4px;
}

.alert-light.infoborder
{
	color: #7AA2A8;
	border-color: #bee5eb;
}


/*
this is a general-purpose stylesheet, and will affect every screen
if you want specific behaviour on specific screens,
add the css to that html file only
*/

/*
.table-responsive{
	height:400px;
	overflow:scroll;
  }

thead tr:nth-child(1) th{
	position: sticky;
	outline: 1px solid black;
	margin-bottom: -1px;
	border: none;
	top: 0;
	z-index: 10;
}
thead td{
	position: sticky;
	outline: 1px solid black;
	margin-bottom: -1px;
	top: 0;
	z-index: 10;
}
*/

div.step
{
	font-size: 1.2em;
	background-color: #ffeeba;
	border-radius: 5px;
	padding:0 10px;
	margin-bottom:5px;
}
div.q-options{
    border:1px solid silver;
    margin:10px;
    padding:10px;
    border-radius:10px;
}
.help{cursor: help;}

dl#glossary{ margin-left:40px;}
dl#glossary dt{margin-top:20px;font-size:1.3em;color:#ba5d00}
dl#glossary dd{ padding-left:40px;}



i.fbs-success{position:relative;top:8px; color:#28a745;margin-left:14px;}
i.fbs-warning{position:relative;top:8px; color:#ffc107;margin-left:14px;}
i.fbs-danger{position:relative;top:8px; color:#dc3545;margin-left:14px;}

section.helpfile h3{color:#ba5d00;border-bottom:1px dotted #ba5d00;}

section.helpfile dl{padding:10px 30px;}
section.helpfile dl dt{font-weight:bold;color:#ba5d00;font-size:1.2em;}
section.helpfile dl dt b{color:Black;}
section.helpfile dl dd{padding-left:20px;margin:6px 0 0 0;}
section.helpfile dl dd.dated{color:#888888;font-style:italic;font-size:0.8em; }

.wh{background-color:rgba(255,255,255,0.8);}
.lc-Sold{background-color: rgba(89, 203, 82, 0.3);}
.lc-Deactivated{background-color: rgba(88, 195, 203, 0.3);}
.lc-Activated{background-color: rgba(203, 134, 57, 0.3);}
.lc-Quarantined{background-color: rgba(203, 60, 73, 0.3);}