.transparent-header {
	background: url("img/transparent.jpg") center/cover;
}
#header-wrapper .mdl-layout__header, #header-wrapper .mdl-layout__drawer-button {
	color:white;
}
.drawer-separator {
	border-bottom: 1px solid rgba(0,0,0,0.12);
}
#header-wrapper .logged-in-details,
#upper-header .logged-in-details{
	width: 320px;
	/*display:none;*/
}

#header-wrapper .logged-in-details span,
#upper-header .logged-in-details span,
#upper-header .logged-in-details span a,
#header-wrapper .logged-in-details span a {
	color: white;
}

.logout {
	position: absolute;
	z-index:100;
	background-color: #efefef;
	cursor: pointer;
	display:none;
}
.logout span {
	display: inline-block;
	vertical-align: top;
	font-size:14px;
	line-height:24px;
}

/*
#existingUsersTableWrapper,
#existingCompaniesTableWrapper {
	height: 400px;
	overflow-y: scroll;
}
*/
/*
.firebaseui-form-actions .mdl-button--colored {
	background-color: rgb(139, 195, 74);
	color: white;
}
*/

input[type="radio"].status-radio {
	display: none;
}
input[type="radio"].status-radio + label span {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	background-color: #eaeaea;
	cursor: pointer;
	/*border:2px groove white;*/
	margin: 2px;
	border-radius: 10px;
}

input[type="radio"].status-radio.red:checked + label span {
	background-color:red;
}
input[type="radio"].status-radio.yellow:checked + label span {
	background-color:yellow;
}
input[type="radio"].status-radio.green:checked + label span {
	background-color:green;
}

.padded--4 {
	padding:4px;
}

.border-black {
	border: 2px groove #808080;
}
.border-white {
	border: 2px solid white;
}
.space-above {
	margin-top: 20px;
}

.wrong {
	background-color: #ff0000;
	color: #ffffff;
	font-weight: bold;
}
.ok {
	background-color: rgb(0, 150, 136);
	color: #ffffff;
	font-weight: bold;
}
.narrow {
	width: 100%;
}

.maxwidthFull {
	width:calc( 100% - 16px );
}

/* table scrolling */
.scroll-table-master-container {
	position:relative;
	width: 100%;
}

.scroll-table-container {
	position: absolute;
	overflow: hidden;
	padding: 0px 30px;
	left:0;
	right:0;
}

.scroll-table-container .table-scroller {
	width:30px;
	height:100%;
	text-align:center;
	position: absolute;
	cursor: pointer;
	display: table-cell;
	vertical-align: middle;
}

.scroll-table-container .table-scroller i {
	position:absolute;
	top: 50%;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
}

.scroll-table-container .table-scroller.disabled {
	background: #cacaca;
	color: #ffffff;
}

.scroll-table-container .ts-left {
	left:0;
	top: 0%;
}

.scroll-table-container .ts-right {
	right:0;
	top:0%;
}

.scroll-table-container .table-wrapper {
	position:relative;
	overflow:hidden;
}


.data-grid-page-selector {
	padding: 4px;
	width:24px;
	display: inline-block;
	text-align: center;
	border:1ps solid #cacaca;
	border-radius: 3px;
	box-shadow: 1px 1px #cacaca;
	margin:2px;
	cursor:pointer;
}

.current-page {
	color: #0000ff;
	font-weight: bold;
	cursor: default;
}

/* personalization */
.personalization-card {
	width:80%;
	margin:10px auto;
	position: absolute;
	z-index:10;
}