html, body {
	margin:0;
	padding:0em;
	height:100%;
	background: #fff;
}

#app, #root, #rhizo, #rhizo #routed, #rhizo #routed .single-node {
	height:100%
}

html {
	background-size:cover;
}

@font-face {
	font-family: "Open Sans";
	font-style: normal;
	/*font-weight: 400;*/
	src: local("Open Sans"), local("OpenSans"), url("https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff") format("woff");
}

/* latin-ext */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v8/CPRt--GVMETgA6YEaoGitxTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v8/I-OtoJZa3TeyH6D9oli3ifesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37ZiYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37Zo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v13/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v13/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
	font-family: "Open Sans";
}

/*
span.U {
	text-decoration: underline;
	border:1px solid green;
	padding:1px; margin:1px;
	display:inline-block;
}

span.B {
	font-weight: bold;
	border:1px solid red;
	padding:1px; margin:1px;
	display:inline-block;
}

span.x {
	border:1px solid gray;
	padding:1px; margin:1px;
	display:inline-block;
}
*/

.main {
	z-index:100;
	position: relative;
}

.big-screen {
	border:1px solid #888;
	padding: 24px;
	background-color:#fff;
}

.content-area {
	margin-left:240px;
	height:100%;
}

.clickable {
	cursor:pointer;
}

.clickable.red:hover {
	color:#f00;
}

.clickable:hover {
	color:#02a;
}

.clickable.tag:hover {
	color:#a20;
}

.forbidden:hover {
	cursor:not-allowed;
}

.inline-button,  {
	padding:1px;
	margin:0 4px;
	display:inline-block;
	border:1px solid #eee;
	border-radius: 4px;
	cursor:pointer;
}

.inline-button:hover {
	background-color:#444;
	color:white;
}

.micro-button {
	display:inline-block;
	padding:0 1px;
	margin: 0 2px;
	border:1px solid #eef;
	background-color:#fff;
	color:#00a;
	cursor:pointer;
}

.micro-button:hover {
	padding:0 1px;
	margin: 0 2px;
	border:1px solid #000;
	color:#00a;
}

.scrollable-list {
	overflow-y: scroll;
}

div.center-dialog {
	border: 2px solid #888;
	padding: 2em;
	position:absolute;
	top:50%;
	left:50%;
	height:50%;
	width: 20em;
	height: 12em;
	margin-left:-10em;
	margin-top:-6em;
}

.link-to-user {
	padding: 1px 3px 0 3px;
	border-bottom:1px solid #ccc;
}

.link-to-user:hover {
	padding: 0px 2px;
	background-color:#eee;
	border:1px solid #ccc;
}

.inactive .link-to-user, .inactive .link-to-user:hover {
	padding: 1px 3px 0 3px !important;
	background-color: rgba(1,0,0,0) !important;
	border: none;
}

.link-to-user .fa {
	text-shadow:0 0 1px #000;
}

.link-to-group {
	padding: 1px 3px 0 3px;
	/*background-color:#f8f8f8;*/
	border-bottom:1px solid #ccc;
}

.link-to-group .link-to-user {
	padding: 1px 2px;
	background:none;
	border: none;
}

.link-to-group:hover {
	padding: 0px 2px;
	background-color:#eee;
	border:1px solid #ccc;
}



.table {
	display: table;
}

.tr {
	display: table-row;
}

.td {
	display: table-cell;
	margin-right:1px;
	padding: 0 .2em;
	border:1px solid #b97822;
}


.dialog-select input {
	width:100%;
}

.dialog-select .item-list {
	height:8em;
	overflow-y:scroll;
}

button.light {

}

span.box-em {
	border: 1px solid #ccc;
	background-color:#eee;
	color:#000;
}

span.box-em.padded {
	padding: 1px;
}

span.box-em.spaced {
	margin: 2px;
}

.fa-rotate-45 { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.fa-rotate-315 { -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate(315deg); }
.light {color:#aaa}


.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.warning {
	color:red;
}

.dialog {
	position:relative;
	height:100%;
	border: 1px solid #00000000;
}

.dialog .autocomplete-menu {
	z-index:100;
}

.dialog h1 {
	margin: -8px 0 12px 0;
	font-size: 18px;
}

.dialog h1 .fa { margin-right:6px }

.dialog > div {
	width:100%;
}

.dialog > div > input {
	width:100%;
	font-size: 16px;
	padding: 2px 0;
}

.dialog .explanation {
	padding: 0;
	font-size: 12px;
	margin: 8px 0px 4px 0;
	color: #898;
	height: 28px;
}

.dialog .explanation.incomplete { color:#f88 }
/*.dialog .explanation.webpage { color:#889 }*/

.dialog .explanation .fa {
    position: absolute;
    margin: 0;
    font-size: 16px;
		z-index:1;
}


.dialog .explanation span {
	display: inline-block;
  margin-left: 18px;
}

.dialog .dialog-buttons {
	position:absolute;
	bottom:0;
	text-align:right;
}

.dialog .dialog-buttons button {
	margin-left:6px;
}

.dialog .group-select {
	border: 1px solid #ccc;
	margin: 12px 0 0px 0;
	padding: 4px 0;
}

.dialog .group-select .group-label {
	font-size: 12px;
	position: relative;
	top: -9px;
	padding: 0 2px;
	background-color: #fff;
	float: left;
	line-height: 10px;
}

.dialog .group-select .group-selection {
	clear:both;
	overflow-x:hidden;
	overflow-y:auto;
	height:52px;
}