.lex-logo {
	content: url(https://www.solarplexusit.se/wp-content/uploads/2011/03/logga.png);
	position: relative;
	float: right;
	width: 12em;
}

.lex-button {
	border-radius: 0.3em !important;
	border-color: #6c757d !important;
}

button.btn:active, button.btn:focus {
	color: yellow;
}
a:hover, button:hover, .lex-button:hover {
	cursor: pointer;
}

.spinner-text {
	position: absolute;
	left: 40%;
	top: 30%;
	cursor: not-allowed;
	opacity: 0.5;
}
#spinner-overlay {
	position: fixed; /* Sit on top of the page content */
	display: block; /* Hidden by default */
	width: 100%; /* Full width (cover the whole page) */
	height: 100%; /* Full height (cover the whole page) */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	opacity: 0.5;
	z-index: 1001; 
	cursor: progress; /* Add a pointer on hover */
}
.env-spinner {
	position: absolute;
	left: 40%;
	top: 40%;
}
.env-rect1, .env-rect2, .env-rect3, .env-rect4, .env-rect5 {
	border: 0.063em solid #fff;
}
.lex-spinner {
	position: absolute;
	border: 1em solid silver;
	border-radius: 50%;
	border-top: 1em solid #0d6efd;
	width: 5em;
	height: 5em;
	left: 40%;
	top: 40%;
	-webkit-animation: spin 700ms linear infinite; /* Safari */
	animation: spin 700ms linear infinite;
	z-index: 1002 !important;
}
@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg)}
	100% {transform: rotate(360deg)}
}

/*-------------- lex-table --------------*/
.lex-table {
	display: table;
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0;
	border-spacing: 0;
	box-shadow: 0 3px 6px rgba(0,0,0,.25);
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	border: 0.063em solid rgba(0,0,0,.25);
}
.lex-table_heading {
	display: table-header-group;
	font-weight: bold;
}
.lex-table_body {
	display: table-row-group;
	border: 0.063em solid #ddd;
}
.lex-table_row {
	display: table-row;
	padding: 0.2em;
}
.lex-table_head {
	font-weight: bold;
}
.lex-table_cell, .lex-table_head {
	display: table-cell;
	padding: 0.5em;
}

/*-------------- modal-launcher --------------*/

.modal-outer {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	z-index: 99998;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--backgroundColour);
}

.modal-inner {
	position: relative;
	background: transparent;
	z-index: 99999;
}

/*-------------- pinboard ----------------------*/

.notetext {
	margin: 0.625em;
	font-family: 'Arial', cursive;
    color: blue;
}

.infotext {
	margin: 0.625em;
	font-size: small;
	text-align: left;
}

div a:hover {
	text-decoration: none;
}

.tinyText {
	font-size: 0.4em;
}