.bold{ font-weight: bold; }
.center{ text-align:center; }
.right{ text-align:right; }
.underline{ border-bottom:1px solid black; }
#loadingSpan{ text-align: center; }
.italic{ font-style: italic; }
.alert{ margin:.5em 0px; }
.alert-success{ border: 1px solid green; }
.alert-info{ border: 1px solid #31708f; }
.alert-warning{ border: 1px solid #8a6d3b; }
.alert-danger{ border: 1px solid #a94442; }
.rating-star { color: #dbbc15; font-size:25pt; cursor:pointer;	}
.rating-star{ vertical-align: sub; }
.smallStars .rating-star{ font-size:12pt; }
.mediumStars .rating-star{ font-size:18pt; }

/*DIALOGS*/
.dialogRight {
    min-width:50%;
    max-width:80%;
    height:95%;
    position: fixed;
    top: 0px;
    right: 0px;
    -webkit-box-shadow: -14px 12px 5px -2px rgba(0,0,0,0.61);
    -moz-box-shadow: -14px 12px 5px -2px rgba(0,0,0,0.61);
    box-shadow: -14px 12px 5px -2px rgba(0,0,0,0.61);
    z-index: 1100;
    background-color: white;
    display:none;
    overflow-y: scroll;
    background: ghostwhite;
    padding-bottom: 1em;
}
.dialogTitle{
	margin: 0px 0px 10px 0px;
	background-color: #0c4e87;
	padding-left:20px;
	padding-right:20px;
	font-size:15pt;
	color:white;
	font-weight:bold;
	border-bottom:3px solid silver;
}
.dialogContents{ padding:0px 20px 10px 20px; }
.dialogContents table{
	width:97%;
	margin:auto;
}
.dialogContents td, .dialogContents th{
	padding:5px 8px 2px 8px;
}
.dialogContents h3{
	text-align:center;
	border-bottom:1px solid silver;
}
.loadingDialog{
	text-align:center;
	font-weight:bold;
	font-size:16pt;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:2px solid silver;
}
.ui-dialog { z-index:1500 !important; }

/*TABLES*/
table.padded tr td{ padding:5px; }
tr.sticky th{
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 50px;
  z-index: 900;
}
tr.sticky.noPad th{	top: -1px; }
.table.scrollable th{
	background:#337ab7;
	color:white;
}
.table.scrollable.striped tr:nth-child(odd) { background-color:white;  }
.table.scrollable.striped tr:nth-child(even) { background-color:#eae4e4; }

/* div surrounding a scrollable table */
.scrollableDiv{
	max-height:70vh;
	overflow-y:auto;
	width:99%;
	margin:auto;
}
@media print{
	.scrollableDiv{
		max-height:auto;
		overflow-y:visible;
		width:auto;
		margin:auto;
	}
}

/*CONTAINERS*/
.box-round{
	border:1px solid silver;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	padding-bottom:10px;
}
.shadowed{
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
}
.button-row{
	text-align: right;
	margin-right:20px;
}
.errorMsg{
	display:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
	margin:5px 10px 5px 10px;
	border: 1px solid #b95006;
	background-color: #ff9898;
}
.error{ background-color:#ffe2e2; }
.error .errorMsg{ display:block; }
.successMessage{ display:none; }
.loader {
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 25px;
    height: 25px;
    margin-left:20px;
    animation: spin 2s linear infinite;
    display:inline-block;
}

/*NAVIGATION*/
#leftNavBar .list-group-item{ padding:3px 8px; }
#leftNavToggle{
	cursor:pointer;
	text-align:right;
}
.admin_nav_header{
	background-color:#f8f8f8;
	font-weight:bold;
}

/*INPUTS*/
div input[type="date"]{ line-height: 1; }
.inlineInputs .form-control{ display:inline-block; }
.smallerInputs .form-control{
	height:1.8em;
	padding: 2px 10px;
}

input[type="checkbox"].form-control{
	height:1.5em;
	width:1.5em;
}

/*MISC*/
.rowLabel{
	font-weight: bold;
	width:30%;
}
.pointer, .toggle{ cursor:pointer; }
.linkish{
	color:blue;
	cursor:pointer;
}
.toggleIndicator{
	vertical-align: middle;
	font-size:12pt;
	margin-right:20px;
}
H1.page-header{ margin:20px 0px 10px; }
body, html{
	overflow: visible !important;
	overflow-y: visible !important;
}
form.submitted .ng-invalid{
    border:1px solid #f00;
    background-color: pink;
}
button.colDisplayBtn{
	float:left;
	margin-left:40px;
	margin-bottom:10px;
	padding:3px 12px;
}
.imagePreview{ display:inline-block; }
.imagePreview img{
	height: 70px;
	margin:10px 20px 0px 0px;
}
.blink {
  	animation: blinker 1s linear 3;
  	padding: 2px 5px;
  	border:1px solid gray;
  	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:red;
	background-color:silver;
	margin-left:1em;
}

ol.breadcrumb{ margin-top: 1em; }
.sidebarEventName{
	font-weight: bold;
	font-size: 15pt;
	margin-left: 5px;
}

@keyframes blinker { 50% { opacity: 0; } }

@media print{
	.noPrint, .nav, .navbar{ display: none; }
	.page{ page-break-after: always; }
	body {
		overflow:visible;
		overflow-y:visible;
		padding-top:0px;
	}
}

@media screen{
	.page{
		margin-top: 3px;
	    width: 7.5in;
	    padding: .5in;
	    border: 1px solid silver;
	    margin-left: 5em;
	    margin-bottom: 4px;
	    min-height: 850px;
	    background-color: white;
	    -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	    -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	    box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	    page-break-after: always;
	}
}