body,
body.jqueryui {
	font: 90%/1.45em "Helvetica Neue", HelveticaNeue, Arial, Helvetica, sans-serif;
	margin: 1em;
	padding: 0;
	color: #333;
	background-color: #fff;
}

body h1,
body.jqueryui h1 {
	font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Raleway', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: 100;
	letter-spacing: 1px;
	font-size: 3em;
	line-height: 0.9em;
	height:1em;
}

h1 span {
	font-size: 0.5em;
	line-height: 1em;
}

h1 a, #top{
	text-decoration: none;
	color:inherit;
}

h1 a:hover {
	text-decoration: underline;
	color:#249;
}

td.title u, b.remove {
	cursor:pointer;
}

table.abstract_childrow {
	padding-left:50px;
	max-width:70em;
}

div.abstract {
	padding: 0 25px;
	text-align:justify;
}

img.doi {
	height: 1.8em;
}
.DTE_Field_Name_history\.pat_id {
	display:none;
}

/*.dataTables_wrapper button.buttons-create {
  position: absolute;
  padding: 0;
  font-size: 0.8em;
}*/
#pat_wrapper.dataTables_wrapper > div > button.buttons-create,	#ref_wrapper.dataTables_wrapper > div > button.buttons-create {
  position: relative;
  padding: 0.5em 1em;
  font-size: 0.88em;
}

th {
    text-align: left;
}

table.subtable {
    max-width: 90%;
		opacity: 0.7;
}

.button {
    padding: 3px 5%;
}

.childrow .button {
    opacity:0.6;
		background-color: "beige";
}

span.toggle_abstract {
  display:inline-block;
	float:right;
	cursor: pointer;
}

.patient small {
	display:inline-block;
	float:right;
	cursor:context-menu;
	text-decoration: underline;
}

#pat .childrow {
	background-color: beige;
}

table.dataTable.no-footer {
	border: none !important;
}

.tax001 {
	color:red;
}
.tax010 {
	color:blue;
}
.tax100 {
	color:#ba6;
}
.tax011 {
	color:purple;
}
.tax101 {
	color:orange;
}
.tax110 {
	color:green;
}
.tax111 {
	color:grey;
}

span.statusdot {
  width: 16px;
  height: 16px;
  display: inline-block;
  border-radius: 10px;
	padding:2px;
}
span.included {
  background-color: green;
}
span.excluded {
  background-color: red;
	border-radius:10px;
	padding:2px;
}
span.notsure {
  background-color: yellow;
}
span.todo {
  background-color: grey;
}
span.done {
  background-color: blue;
}

div#welcome {
  line-height:2em;
	margin: 3em 0;
}
.column {
	display: inline-block;
	max-width: 30em;
	vertical-align:top;
	padding: 0em 1em;
}
.question{
	font-weight: bold;
}
/* **************** *
 * User login stuff *
 * **************** */
div#account {
	padding:10px;
	position:absolute;
	top:0;
	right:0;
}
a#login{
	cursor: pointer;
	color: #999;
	font-size: 20px;
	line-height: 22px;
}

a#login:hover{
	color: #338caf;
}

a#logout {
	background-color: #fefefe;
	border-radius: 4px;
	padding: 5px;
	box-shadow: 0px 1px 4px rgba(100, 100, 20, 0.4);
}
a#logout:hover {
	background-color: #fefefe;
	border-radius: 4px;
	padding: 5px;
	box-shadow: 0px 1px 4px rgba(10, 10, 200, 0.4);
}
#orcid-id-logo{
	padding: 2px;
	vertical-align:middle;
}
/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
 visibility: hidden;
 max-width: 360px;
 margin-left: -180px; /* Divide value of width by 2 */
 color: #fff;
 text-align: left;
 border-radius: 12px;
 padding: 16px;
 position: fixed;
 z-index: 1;
 right: 30px;
 top: 3em;
}

#snackbar.show {
 visibility: visible;
 /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
 However, delay the fade out process for 5.5 seconds */
 animation: fadein 0.5s, fadeout 0.5s 5.5s;
}
#snackbar.info {
	background-color: #79b;
}
#snackbar.error {
	background-color: red;
}
#snackbar.hello {
	background-color: #92C493;
}

/* Animations to fade the snackbar in and out */
@keyframes fadein {
 from {right: 30px; opacity: 0;}
 to {right: 30px; opacity: 1;}
}

@keyframes fadeout {
 from {right: 30px; opacity: 1;}
 to {right: 0; opacity: 0;}
}


#body div.DTE_Field {
	padding: 5px 20px;
}
#body div.DTE_Field > div.DTE_Field_Input {
	overflow:hidden;
}