@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Exo:100,200,300,400,500,600,700');
@import url('https://use.fontawesome.com/releases/v5.7.2/css/all.css');
@font-face {
	font-family: 'Dense';
	src: url('../fonts/Dense-Regular.woff2') format('woff2'),
	url('../fonts/Dense-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:600px;    	/* Minimum width of layout - remove line if not required */
				 	/* The min-width property does not work in old versions of Internet Explorer */
	font-size:medium;
	font-family: tahoma, arial, verdana, sans-serif;
}

input, textarea, select {
	border-radius: 4px;
	padding: 2px;
	background-color: transparent;
	border: 1px solid #73656557;
	color: black;
	width: 100%;
}

input[disabled] {
    opacity: 0.7;
}

input[type=number] {
  text-align:right;
}

.btn {
	background: #1B2A47;
	display: block;
	text-align: center;
	border: 1px solid #ffffff;
	border-radius: 10px;
	color: #fff;
	cursor: pointer;
}

.btn:hover {
	background: rgb(83,80,129);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#535081",endColorstr="#2e00ff",GradientType=1);
	border: 1px solid #1B2A47;
	color: #fff;
	border-radius: 10px;
	transition: 0.3s all ease;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
}

.btn:active {
	position:relative;
}

h1 {
 	padding-left:40px;
	display: block;
	color: #555555;
	font-size:24;
 	margin-top:3px;
 	margin-bottom:3px;
}

h2 {
 	padding-left:40px;
	display: block;
	color: #555555;
	font-size:18;
 	margin-top:2px;
 	margin-bottom:2px;
}

h3 {
 	padding-left:40px;
	display: block;
	color: #555555;
	font-size:16;
 	margin-top:1px;
 	margin-bottom:1px;
}

.txtRed{color:#ff2929}
.txtYellow{color:#cc8800}
.txtGreen{color: green}
.txtOrange{color:ffc8b3}
.txtBlue{color:blue}
.txtGray{color:efefef}
.txtPurple{color:938c99}
.txtTan{color:D2B48C}
.txtSeaGreen{color:20B2AA}
.txtDarkGray{color:474747}
.txtBold{font-weight:bold}

.whiteBox {
	background-color: fff;
	padding: 5px;
	margin-bottom: 13px;
	margin-top: 5px;
	border-radius: 10px;
	border:1px solid #000;
}

.grayBox {
	background-color: f5f5f5;
	padding: 5px;
	margin-bottom: 13px;
	margin-top: 5px;
	border-radius: 10px;
	border:1px solid #000;
}

.greenBox{
	background-color: #d9ffd9;
	border:1px solid #000;
	border-radius: 10px;
	padding:5px;
	margin-bottom:5px;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
}

.purpleBox {
	background-color: #f5eaff;
	border:1px solid #000;
	border-radius: 10px;
	padding: 5px;
	margin-bottom: 5px;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
}

.blueBox{
	background-color: #d4ebf2;
	border:1px solid #000;
	border-radius: 10px;
	padding:5px;
	margin-bottom:5px;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
}

.goldBox{
	background-color: #f6f0bb;
	border:1px solid #000;
	border-radius: 10px;
	padding:5px;
	margin-bottom:5px;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
}

.orangeBox{
	background-color: #ffc8b3;
	border:1px solid #000;
	border-radius: 10px;
	padding:5px;
	margin-bottom:5px;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
}

.seaGreenBox{
	background-color: #a4fcdf;
	border:1px solid #000;
	border-radius: 10px;
	padding:5px;
	margin-bottom:5px;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
}

.redBox{
	background-color: #ffcccc;
	border:1px solid #000;
	border-radius: 10px;
	padding:5px;
	margin-bottom:5px;
}

/* Table Formatting */

.row{
	background-color: white;
	border-bottom: 1px;
}
.rowAlt {
	background-color: #f5f5f5;
	border-bottom: 1px;
}

.rowGreen{
	background-color: #d9ffd9;
	border-bottom: 1px;
}

.rowOrange{
	background-color: #ffc8b3;
	border-bottom: 1px;
}

.rowRed{
	background-color: #ffcccc;
	border-bottom: 1px;
}

.rowSeaGreen{
	background-color: #a4fcdf;
	border-bottom: 1px;
}

form{
	margin-bottom: 0px;
}

table{
	width:100%;
	border-spacing:0px;
}

th {
	font-weight: bold;
	text-align: left;
	padding-left: 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	background-color:#d9d9d9;
	font-family: 'Roboto', sans-serif;
}

td {
	padding-left: 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	font-family: 'Roboto', sans-serif;
}

/* Misc Formatting */

.pointerLink {
	cursor:pointer;
}

table.tablesorter .even {
	background-color:#fff;
}
table.tablesorter .odd {
	background: #f5f5f5;
}

table.tablesorter thead tr .header {
	cursor: pointer;
	padding: 8px;
}

.showTableBoarders td {
	border-width: thin;
	border-spacing: 1px;
	border: 1px solid black;
}

.showTableBoarders th {
	border-width: thin;
	border-spacing: 1px;
	border: 1px solid black;
}

.holidayEvent{
	position: relative;
	display: block;
	font-size: .85em;
	line-height: 1.3;
	border-radius: 3px;
	border: 1px solid #006400;
	background-color: #006400;
	font-weight: 400;
}

.onsiteEvent{
	position: relative;
	display: block;
	font-size: .85em;
	line-height: 1.3;
	border-radius: 3px;
	border: 1px solid red;
	background-color: red;
	font-weight: 400;
}

.trainingEvent{
	position: relative;
	display: block;
	font-size: .85em;
	line-height: 1.3;
	border-radius: 3px;
	border: 1px solid #474747;
	background-color: #474747;
	font-weight: 400;
}

@media all {
	.page-break { display: none; }
}

@media print {
	.page-break { display: block; page-break-before: always; }
}