/* 
DEFAULT BREAKPOINTS:
small		0em+ (up to 640px)	
medium		40em+ (up to 1024px)
large		64em+ (up to 1440px);
xlarge		90em+ (up to 1920px);
xxlarge		120em+ (over 1920px);
*/ 

/* Custom Styles */

.cell, main {	
	padding:20px;
}
.LB-nopadding {
	padding: 0;
}
main, body {
	background-color: #FCFCFC;
	min-height: 60vh;
	overflow: hidden;
}
html {
	font-size: 11pt;
}
section {
	border-bottom: 1px solid #CCC;
	padding-bottom: 1.2rem;
	margin-bottom: 1rem;
}
section:last-child {
	border-bottom: 0px;
}
.grid-container {
	max-width: 1920px;
	padding: 0;
}
.callout {
	border-radius: 0.5rem;
}

.LB-list	{
	max-height: 40vh;
	/* width: -moz-fit-content;*/		/* Firefox */
	max-width: max-content;	
	padding-right:20px;
	padding-left: 20px;
	margin-bottom: 15px;
	overflow:auto;
}
.LB-list p, .LB-list table {
	margin-bottom: 0.3rem;
	margin-right: 3rem;
}
p.LB-menu {
	margin-bottom: 0;
}
p.LB-moveup {
	position: relative;
	top: -1.4rem;
}

h1.QRtitle {
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 56pt;
	color: #2B657B;
	margin-top: 50px;
}

.QRtext {
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size: 48pt;
	color: black;
	margin-top: 100px;
	letter-spacing:3px;
}
.QRtext .red {
	color: #C00000;
}

.messages {
	padding: 30px 0px 30px 0px;
}
.displaymessage {
	font-size: 28pt; 
	background-color: rgb(186, 220, 236);
	border: 1px solid #666;
	border-radius: 25px;
	margin: 0px 50px 20px 50px;
	padding: 10px;
}

html, body, p, td, th {
	font-family: Roboto, Helvetica, Arial, sans-serif;
}
h1, h2, h3, .h1, .h2, .h3 {
	font-family: Montserrat, Helvetica, Arial, sans-serif;
}
h1 {
	margin-bottom: 1rem;
}

h1, .h1 {	font-size: 1.2rem;}				/* small */
h2, .h2 {	font-size: 1.05rem;	}
p, td, th, label { font-size: 1rem; }

@media print, screen and (min-width: 40em) {	/* medium */
h1, .h1 {	font-size: 1.5rem;	}
h2, .h2 {	font-size: 1.2rem;	}
p, td, th, label { font-size: 1.05rem; }
}

@media print, screen and (min-width: 64em) {	/* large */
h1, .h1 {	font-size: 1.7rem;	}
h2, .h2 {	font-size: 1.3rem;	}
p, td, th, label { font-size: 1.1rem; }
}
h1 small, h2 small, h3 small, .h1 small, .h2 small, .h3 small {
	color:inherit;
}


/*******  TABLES  *******/


table, tr, td, th, tbody, thead, tfoot {
	border-color: #DDD !important;  
}

table {
	margin-left: auto; 
	margin-right: auto;
}
td, th {
	line-height: 1.1;
	padding: 0.3rem !important;
}
td .cell {
	padding:inherit;
}

.LB-warning, .LB-warning a {
	color: #C00;			
}
.LB-disabled, .LB-disabled a {
	color: #999;
}
.LB-config {
	font-family:"Courier New", Courier, monospace;	
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.text-center {
	text-align:center;
}



input[type='text'], input[type='password'], input[type='file'], input[type='url'], select {
	max-width: 400px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

input[type='text'].accesscode {
	font-size: 4rem;
	height: 5rem;
}

button, .button {
	background-color:#3AD;
	margin-right: .7rem;
	border-radius: .5rem;
}
.input-group-button .button {
	border-radius: 0 .5rem .5rem 0;
	font-size: 0.9rem;
}
button.close-button {
	background-color: transparent;
	margin-right: 0;
}
.input-group + .help-text {
	margin-left: 150px;	/* to line up after label */
}

/*  Icons */
a i {
	color:#666;
}