/* CSS Document */
* {
	border: 0px none;
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}
table {
	border-collapse: collapse;
}
td, th {
	padding: 5px;
	line-height: 1.4em;
}
table.widepad td, table.widepad th {
	padding: 5px 30px 5px 5px;
}

body, html {
	height: 100%;
}
html {
	overflow-y: scroll; 
}
body {
	position: relative;
    font-family: 'Noto Sans', sans-serif;
	background-color: #ffffff;
}

#wait {
	display: none;
	position: fixed;
	top: 40%;
	left: 50%;
	margin-left: -32px;
	width: 64px;
	height: 64px;
    background-image: url('/img/wait.gif');
	background-repeat: no-repeat;
}
a {
	color: #014681;
	text-decoration: none;
	outline: 0;
}
a:hover {
	border-bottom: 1px dashed #014681;
}
.fw {
	width: 100%;
}
.c {
	text-align: center;
}
.r {
	text-align: right;
}
.fr {
	float: right;
}
.nw {
	white-space: nowrap;
}
.l {
	text-align: left;
}
.nd, .nd:hover {
	text-decoration: none;
	border: none;
}
.pad15 {
	padding: 15px;
}
.pc10 {
	width: 10%;
}
.pc15 {
	width: 15%;
}
.textarea {
	border: 1px solid #ccc;
	padding: 5px;
	font-family: 'Noto Sans', sans-serif;
	width: 100%;
	resize: vertical;
	margin-bottom: 10px;
}

h1, h2, h3 {
	margin-bottom: 3px;
}

.deleterow {
  background: #fff;
  transition: background-color 0.3s ease;
}

.deletedrow {
  background: #faa;
}


.whitetext {
	color: #fff;
}
.greytext {
	color: #aaa;
}
.ambertext {
	color: #ffb80e !important;
}
.redtext {
	color: #c00 !important;
}
.greentext {
	color: #090 !important;
}
.purpletext {
	color: #6d467d !important;
}


tr.ambertint {
	background-color: #ffe9bb !important;
	border-top: 1px solid #ffae00 !important;
	border-bottom: 1px solid #ffae00 !important;
}
tr.redtint {
	background-color: #ffd3d3 !important;
	border-top: 1px solid #ff0000  !important;
	border-bottom: 1px solid #ff0000  !important;
}
tr.greentint {
	background-color: #e5ffe4 !important;
	border-top: 1px solid #090  !important;
	border-bottom: 1px solid #090  !important;
}
.small {
	font-size: 12px;
	margin-bottom: 0px;
	line-height: 1.3em;
}


.input-label {
	width: 180px;
}

.user_stat {
	font-size: 26px;
	line-height: 1em;
	color: #014681;
}
.user_stat_big {
	font-size: 42px;
}
.stat_name {
	font-size: 14px;
	line-height: 1.1em;
	margin: 3px 0px 8px 0px;
}

#topbar {
	background-color: #fbfbfb;
	color: #333;
	box-shadow: 0px 1px 3px #CCC;
	position: fixed;
	width: 100%;
	height: 43px;
	z-index: 9999;
}
#topbar #logo {
	display: inline-block;
	width: 220px;
	height: 31px;
	background-size: contain;
    background-image: url('/img/logo_t.png');
	background-repeat: no-repeat;
	margin: 7px 8px 0px 8px;
}
#mainmenu {
	position: absolute;
	top: 0px;
	left: 240px;
}
.menuitem {
	display: inline-block;
	color: #333;
	text-decoration: none;
	height: 45px;
	padding: 12px;
	font-size: 14px;
}
.menuitem:hover {
	border-bottom: 5px #ccc solid; 
}
#page_orgs a#orgs, #page_admin a#admin, #page_stats a#stats  {
	border-bottom: 5px #014681 solid; 
}

#topbuttonmenu {
	display: none;
}
#page_admin #topbuttonmenu {
	display: block;
}

#topbuttonmenu {
	position: absolute;
	top: 0px;
	right: 5px;
}

#content {
	padding: 45px 0px 0px 0px;
}

.chartcanvas {
	display: block;
	height: 100%;
	width: 100%;
}

#chart_touches_wrapper {
	margin: 10px;
	min-height: 300px;
}


/*controls*/
.btn {
	padding: 5px 8px;
	margin: 5px 0px;
	background-color: #014681;
	border-radius: 3px;
	color: #ffffff;
	font-family: 'Noto Sans', sans-serif;
	font-size: 14px;
	cursor: pointer;
}
.btn:hover {
	border-bottom: none;
}
.btn-grey {
	background-color: #ccc;
}
.btn-red {
	background-color: #a80000;
}
.btn-small {
	padding: 3px 8px;
}
.btn-large {
	padding: 8px 12px;
	font-size: 18px;;
}
.btn-wide {
	width: 100%;
}

.user_btn {

}

.user_edit_wrapper, .user_org_edit_wrapper  {
	position: relative;
	float: left;
	width: 580px;
	margin: 10px 30px 10px 0px;
}

/*organisations*/
.org_block {
	width: 100%;
	position: relative;
	background-color: #ffffff;
	color: #333;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	padding: 10px 15px;
	margin: 8px 0px 1px 0px;
	min-height: 80px;
}
.org_block .user_btn {
	width: 100px;
}
.org_filter {
	margin: 8px 0px -10px 15px;
}

.tab_users {
}
.org_user_list {
	display: none;
	background-color: #ffffff;
	color: #333;
	border-bottom: 1px solid #eeeeee;
	padding: 0px 0px 10px 0px;
	margin: -3px 0px 0px 0px;
}
.tab_users th {
	padding: 5px 15px;
	cursor: pointer;
	border-bottom: 2px dotted #C2D4DE;
}
.table_sort_header {
	font-size: 12px;
	color: #666;
	margin-left: 15px;
}
.table_sort_header td {
	padding-left: 15px;
}
.table_sort_header span {
	cursor: pointer;
}
.table_sort_header span:hover {
	text-decoration: underline;
}


.user_row {
	background-color: #ffffff;
	color: #333;
	border-bottom: 2px solid #C2D4DE;
	margin: 2px 0px;
	vertical-align: top;
}
.tab_users .user_row td {
	padding: 10px 15px;
}
.tab_lean .user_row td {
	padding: 5px 15px;
}
.user_row:hover {
	1background-color: #eeeeee !important;
}
.tab_users tr.sysadmin {
	1border-left: 6px solid #d4384b;
}
.tab_users tr.admin {
	1border-left: 6px solid #6b93d5;
}
.tab_users tr.manager {
	1border-left: 6px solid #cce1ff;
}

/*controls*/
label {
	display: inline-block;
	width: 100px;
}
.input-large, .input-short {
	font-family: 'Noto Sans', sans-serif;
	font-size: 16px;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 3px 5px;
	margin-bottom: 5px;
	width: 400px;
	max-width: 400px;
}
.input-short {
	width: 100px;
}


#overlay {
	display: none;
	position: fixed;
	z-index: 9999;
	width: 990px;
	margin: 0 auto;
	top: 25%;
	left:0;
    right:0;
	background-color: rgba(255,255,255,0.9);
	box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
	padding: 20px;
}

/*controls*/
form#user_invite {
	margin-top: 5px;
}


@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {

}

/*  Media Queries  */
@media (max-width: 1150px) {
	.hide-l {
		display: none;
	}
}
@media (max-width: 700px) {
	.hide-m {
		display: none;
	}
}

@media (max-width: 480px) {
	.hide-s {
		display: none;
	}
}