body
{
	color:#313030;
	background-color: #DFE2E8;
	}span.active
	{
		background-color:#000;
		color:#fff;
	}
	section
	{
		padding-top:30px;
		padding-bottom:30px;
	}
	span.mobonly
	{
		display: none;
	}
	@media
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
			display: block;
		}
		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		tr { border: 1px solid #ccc; }
		td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
		}
		span.mobonly
		{
			display: block;
			font-weight: bold;
		}
		td:before {
/* Now like a table header
position: absolute;*/
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-weight: bold;
}
/*
Label the data
*/
/*td:nth-of-type(1):before { content: "First Name"; }
td:nth-of-type(2):before { content: "Last Name"; }
td:nth-of-type(3):before { content: "Job Title"; }
td:nth-of-type(4):before { content: "Favorite Color"; }
td:nth-of-type(5):before { content: "Wars of Trek?"; }
td:nth-of-type(6):before { content: "Secret Alias"; }
td:nth-of-type(7):before { content: "Date of Birth"; }
td:nth-of-type(8):before { content: "Dream Vacation City"; }
td:nth-of-type(9):before { content: "GPA"; }
td:nth-of-type(10):before { content: "Arbitrary Data"; } */
}
.form-group
{
	margin-bottom: 15px;
}
.btn-primary,.btn-outline-secondary
{
	background-color:  #1160B7 !important;
	color:#fff;
}

.page-header
{
	background-color:  #fff !important;
	padding : 10px;
}


h1
{
	color:#000;
	font-size: 22px ;
	display: inline;
	margin-bottom: 10px;
}

input {

	padding: 5px  !important;
	-webkit-box-sizing: border-box  !important; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box  !important;    /* Firefox, other Gecko */
	box-sizing: border-box  !important;        /* Opera/IE 8+ */
	}.border-panel
	{
		border:1px solid #bbbbbb;
		background-color:#DFEEF9;
	}
	.border-panel ul li
	{
		background-color:transparent  !important;
		border:none;
	}

	.pagination
	{
		margin-left:40%;


	}

	.border-panel input,.border-panel select
	{
		border:1px solid #009688;

	}


	.page-item.active .page-link {
		z-index: 3;
		color: #fff;
		background-color: #2B3F54;
		border-color: #2B3F54;
	}

	.page-link
	{
		color: #000;
	}

	table  
	{
		border:2px solid #bbbbbb;
	}


	table thead tr
	{
		font-size: 14px;
		background-color:  #002050 !important;
		color:#fff;
		font-weight: normal  !important;
	}



	table tbody tr
	{
		border-bottom:2px solid #bbbbbb;
		background-color: #fff !important;
	}

	table.table-striped >tbody >tr
	{
		background-color: #fff !important;
	}
	table td
	{
		font-size: 12px;
		vertical-align: middle;
	}
	.ul-listbox { list-style: none outside none; margin:0; padding: 0; text-align: center; }
	.ul-listbox li { width:23%;margin:10px;display: inline; background-color: #1160B7;float:left;margin-right:10px;border:1px solid #1160B7;font-weight:normal;color: #fff !important; }
	.ul-listbox li a
	{
		color: #fff !important;
		text-decoration: none;
	}
	@media only screen and (max-width: 600px) {
		.ulstats li
		{
			width:100%;
		}
	}
	.filelabel
	{
		appearance: none;
		background-color: #2ea44f;
		border: 1px solid rgba(27, 31, 35, .15);
		border-radius: 6px;
		box-shadow: rgba(27, 31, 35, .1) 0 1px 0;
		box-sizing: border-box;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-family: -apple-system,system-ui,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
		font-size: 14px;
		font-weight: 600;
		line-height: 20px;
		padding: 6px 16px;
		position: relative;
		text-align: center;
		text-decoration: none;
		user-select: none;
		-webkit-user-select: none;
		touch-action: manipulation;
		vertical-align: middle;
		white-space: nowrap;
		cursor: pointer;
	}
	.filelabel:focus:not(:focus-visible):not(.focus-visible) {
		box-shadow: none;
		outline: none;
	}
	.filelabel:hover {
		background-color: #2c974b;
	}
	.filelabel:focus {
		box-shadow: rgba(46, 164, 79, .4) 0 0 0 3px;
		outline: none;
	}
	.filelabel:disabled {
		background-color: #94d3a2;
		border-color: rgba(27, 31, 35, .1);
		color: rgba(255, 255, 255, .8);
		cursor: default;
	}
	.filelabel:active {
		background-color: #298e46;
		box-shadow: rgba(20, 70, 32, .2) 0 1px 0 inset;
	}