@charset "UTF-8";
@media screen and (max-width:400px) {
  @-ms-viewport{
    width: device-width;
  }
}

body, input, select, textarea {
  color: #292929;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13pt;
  font-weight: normal;
  line-height: 1.65em;
}

strong, b {
  font-weight: bold;
}

em, i {
  font-style: italic;
}

p {
  margin: 0 0 2em 0;
}

h1, h2, h3, h4, h5, h6 {
  color: #666;
  font-weight: bold;
  line-height: 1em;
  margin: 0 0 1em 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
  text-decoration: none;
}

h2 {
  font-size: 1.75em;
  line-height: 1.5em;
}

h3 {
  font-size: 1.35em;
  line-height: 1.5em;
}

h4 {
  font-size: 1.1em;
  line-height: 1.5em;
}

h5 {
  font-size: 0.9em;
  line-height: 1.5em;
}

h6 {
  font-size: 0.7em;
  line-height: 1.5em;
}

hr {
  border: 0;
  border-bottom: solid 1px rgba(144, 144, 144, 0.25);
  margin: 2em 0;
}

ol {
  list-style: decimal;
  margin: 0 0 2em 0;
  padding-left: 1.25em;
}

ol li {
  padding-left: 0.25em;
}

ul {
  list-style: disc;
  margin: 0 0 2em 0;
  padding-left: 1em;
}

ul li {
  padding-left: 0.5em;
}

table {
  margin: 0 0 2em 0;
  width: 100%;
}

table tbody tr {
  border: solid 1px rgba(144, 144, 144, 0.25);
  border-left: 0;
  border-right: 0;
}

table td {
  padding: 0.3em;
  vertical-align: middle;
}

table th {
  color: #666;
  font-size: 0.9em;
  font-weight: bold;
  padding: 0 0 0 0.5em;
  text-align: left;
}

table thead {
  border-bottom: solid 2px rgba(144, 144, 144, 0.25);
}

table tfoot {
  border-top: solid 2px rgba(144, 144, 144, 0.25);
}

div#main-wrapper {
	position: relative;
}

#heading {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	width: 100%;
	align-items: center;
	margin-bottom: 1em;
  position: relative;
}

h1 {
	margin: 0;
}

#heading p.timer {
	margin: 0;
	font-size: 0.8em;
}

div.heading-rhs {
  position: relative;
}

p.remaining-secs {
  position: absolute;
  top: 2.8em;
  right: 6em;
  margin-bottom: 0;
  font-size: 0.7em;
}

div#progressbar {
	display: inline-block;
	width: 65%;
	height: 1em;
	margin-right: 1em;
}

div.ui-progressbar-value {
	background-color: #b6e60b;
}

p.welcome {
	margin: 0em;
	font-size: 0.8em;
}

div#icons {
  display: grid;
}

p#account-list-icon {
  grid-row: 1;
  grid-column: 3;
}

p#logout-icon {
	display: inline-block;
	text-align: right;
	margin: 0;
}

p#logout-icon i {
	color: #6f306b;
	cursor: pointer;
  grid-row: 1;
  grid-column: 1;
}

p#upload-icon {
	font-size: 1.5em;
	margin: 0;
	color: #f57900;
  grid-row: 1;
  grid-column: 1;
  cursor: pointer;
}

p#user-list-icon {
	font-size: 1.5em;
	margin: 0;
	color: #ed00f5;
  grid-row: 1;
  grid-column: 2;
  cursor: pointer;
}

p#account-list-icon {
	font-size: 1.5em;
	margin: 0;
	color: #666;
  grid-row: 1;
  grid-column: 3;
  cursor: pointer;
}

table#main-table td:nth-child(2) {
	background-color: #ccc;
}

table#main-table.highlight td:nth-child(2) {
	background-color: pink;
}

table#main-table td.label {
	width: 20%;
	font-weight: bold;
	text-align: right;
}

table#main-table input, table#main-table textarea {
	font-family: courier, monospace;
	width: 95%;
}

.red {
  color: red;
}

.hide {
	display: none;
}

p#flash {
	background-color: rgb(82, 139, 200);
	color: white;
	font-weight: bold;
	position: absolute;
	left: 30%;
	right: 0;
  top: 3em;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	box-shadow: 5px 5px #8c8c8c;
  padding: 0.5em;
	z-index: 200;
}

p#flash.error {
	background-color: rgb(183, 52, 52);
}

body {
	margin: auto;
	padding: 12px;
}

span.reset {
	margin: 0 0.4em 0 0.4em;
	cursor: pointer;
}

button#lookup {
	background-color: #6eac2c;
	border: 1px solid #acdd4a;
	border-radius: 6px;
	color: #fff;
	padding: 6px;
	margin-top: 1.5em;
	cursor: pointer;
}

div#main-wrapper {
	width: 100%;
	margin: auto;
}

div#instructions {
	height: 3em;
	line-height: 1.4em;
	padding-bottom: 1.5em;
}

form#login-form input[type=Submit] {
	width: 6em;
  padding: 3px;
  background-color:rgb(82, 139, 200);
  font-weight: bold;
}

div#login-header span {
	text-align: right;
}

#user-list-dialog tr:first-child {
	background-color: pink;
}

#user-list-dialog .fa-trash-alt {
	margin-left: 1em;
	color: #c80000;
}

#user-list-dialog .fa-edit {
	color: #66f;
}

.ui-widget-overlay {
	opacity: 0.6;
}

.ui-helper-reset {
  font-size: 12px;
}

.ui-accordion .ui-accordion-header {
  font-size: 1.5em;
}

div#heading a.homelink:link {
  text-decoration: none;
  
}


table.account-table td, table.account-table th {
  border: black solid 1px;
  line-height: 1.2em;
  padding: 0.5em;
}

table#account-table th {
  background-color: rgb(177, 177, 241);
}

table.account-table tr:nth-child(even) {
	background-color: #e2e3f3;
}

@media (min-width: 600px) {
	div#main-wrapper {
		width: 600px;
	}
}