body {
	min-height: 800px;
}
.header
{
	position:relative;
	padding:30px 15px;
	text-align:center;
	text-shadow:0 1px 0 rgba(0,0,0,.1);
	background-color:#102C52;
	margin-bottom:40px;
	font-size:20px
}
.header h1
{
	color:#fff
}
.header p{
	margin-bottom:0;
	font-weight:300;
	line-height:1.4
}
.header .container
{
	position:relative
}
.header h1
{
	font-size:36px;
	line-height:1
}
#header
{
	top: 0;
	margin-top: 0;
	padding-top: 0;
	max-height: 200px;
}
.usr-icon {
	vertical-align: middle;
}
.navbar {
	border-bottom: 1px solid #e7e7e7;
}
.navbar-static-side {
	background-color: #102C52;
	/*filter: brightness(115%);*/
}
#nav-title
{
	text-align: center;
	color: white;

}
#nav-left
{
	float: left;
}
#nav-right
{
	float: right;
}
#date_time
{
	color: #102C52;
	font-weight: bold;
	text-decoration: none;
}
.user-dropdown a {
	color: #00B2E2;
}
.navbar-top-links {
	height: 65px;
}
.navbar-left img
{
	float: left !important;
	padding: 5px;
	height: 100%;
	max-height: 60px;
}
.navbar-right img
{
	float: right !important;
	padding: 5px;
		height: 100%;
	max-height: 65px;
}
.oasis-footer
{
	/*height: 125px;*/
	background-color: white;
	margin-left:250px;
	padding-top:10px;
	padding-bottom:5px;
	color:#777;
	text-align:center;
	border-top:1px solid #e5e5e5;
	bottom: -100;
}
@media (max-height: 500px)
{
    .oasis-footer
	{
		display: none;
		margin-left:0px;
	}
}

.no-nav
{
	width: 100%;
	margin: 0;
	position: absolute;
	bottom: 0;
}
@media (min-width:768px){.oasis-footer p{margin-bottom:0}}
.oasis-footer a
{
	color: #00B2E2;
	text-decoration: underline;
}
#fnote
{
	padding-left: 10px;
	padding-right: 10px;
}
#left-footer-row
{
	padding-left: 25px;
}
#breadcrumL
{
	display: block !important;
	padding: 0px 0px;
	font-size: 7px;
	line-height: 1.25;
	word-break: normal;
	word-wrap: normal;
	color: white;
	background-color: white;
	border: none;
	overflow: visible;
}
#breadcrumR
{
	display: block !important;
	padding: 0px 0px 0px 20px;
	font-size: 7px;
	line-height: 1.25;
	word-break: normal;
	word-wrap: normal;
	color: white;
	background-color: white;
	border: none;
	overflow: hidden;
}
#vnum
{
	height: 100%;
	float:left;
	text-align: left;
	font-size: 10px;
}
#fback
{
	height: 100%;
	float:right;
	text-align: right;
	padding-right: 2px;
}
#load
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #00B2E2;
}
p.text-mid
{
	text-align: center;
	margin: 0px;
}
p.top
{
	text-align: center;
	padding-bottom: 5px;
	margin-top: 15px;
}
p.top a
{
	color: #00B2E2;
	text-decoration: underline;
}
.title
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #00B2E2;
}
.errorDisplay
{
	display: block;
	/*overflow: auto;*/
	margin: 100px auto;
	text-align: center;
}
.errorDisplay-sm-margin
{
	margin: 10px auto;
	text-align: center;
}
.centerObj
{
	margin: auto;
	text-align: center;
}
.alert-error
{
	display: inline-block;
}
.alert-small
{
	width: 50%;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: auto auto 20px auto;
}
.message
{
	display: inline-block;
	text-align: left;
}
.message a
{
	text-decoration: underline;
}
.login a
{
	color: #102C52;
}
.fa-itop
{
	vertical-align: top;
	padding-top: 10px;
	padding-right: 15px;
}
.tfoot-right
{
	text-align: right;
}
.tfoot-left
{
	text-align: left;
}

.date-hdr
{
	text-align: center;
}
#dialog-message
{
	font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size: 62.5%;
}
.ui-dialog-titlebar-close
{
    border: 1px solid #C3AEEA;
	border-radius: 6px;
    background: url('images/ui-icons_9972cf_256x240.png') repeat-x scroll 50% 50% #E7D7F9;
	background-position: -96px -128px;
    font-weight: bold;
    color: #9972CF;
	text-indent: -99999px;
}
.page-form
{
	text-align: center;
	padding-bottom: 25px;
}
#page-form
{
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}
#page-form-login
{
	z-index: 100000;
	margin-top: 75px;
	text-align: center;
	padding: 25px;
	padding-top: 0px;
	width: 25%;
	min-width: 250px;
	max-width: 315px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #00B2E2;
    border-radius: 25px;

}
.login-button
{
	margin-top: 25px;
}
.btn-outline
{
	color: #102C52;
	background-color: transparent;
	border-color: #102C52;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active
{
    color: #00B2E2;
    background-color: #2E507C;
    border-color: #102C52;
}

/* Inverted outline button (white on dark) */
.btn-outline-inverse
{
  color: #fff;
  background-color: transparent;
  border-color: #cdbfe3;
}
.btn-outline-inverse:hover,
.btn-outline-inverse:focus,
.btn-outline-inverse:active
{
  color: #102C52;
  text-shadow: none;
  background-color: #fff;
  border-color: #fff;
}
.control-label-tight
{
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 0px;
	float: none;
	font-weight: 300;
}
.form-group-tight
{
    margin-left: -15px;
    margin-right: -15px;

}
.btn-form
{
	margin-top: 15px;
}
.body-link
{
	color: #00B2E2;
}
.body-link:hover {
	color: #00B2E2;
}.body-link:active {
	color: #00B2E2;
}
/* This button was generated using CSSButtonGenerator.com */
.ui-datepicker-trigger {
	background-color:#102C52;
	border:1px solid white;
	display:inline-block;
	color: white;
	font-family:Arial;
	font-size:14px;
	height:25px;
	line-height:15px;
	width:25px;
	text-decoration:none;
	text-align:center;
	padding: 0px;
}
.ui-datepicker-trigger:hover {
	background-color:#2E507C;
	color:#00B2E2;
}.ui-datepicker-trigger:active {
	position:relative;
	top:1px;
}
.submit-btn {
	background-color:#2E507C;
	color: white;
	text-decoration:none;
}
.submit-btn:hover {
	background-color:#2E507C;
	color:#00B2E2;
}.submit-btn:active {
	background-color:#2E507C;
	color:#00B2E2;
	position:relative;
	top:1px;
}
#page-wrapper-wide
{
	position: inherit;
    margin: 0px 0px 0px 250px;
    min-height: 600px;
    border-left: 1px solid #E7E7E7;
    background-color: #FFF;
	padding: 0px 5px;
}
#page-wrapper-wide table
{
	font-size: 10px;
}
.panel-forms
{
	margin: 15px auto;
	max-width: 1000px;
}
#link-back
{
	margin-top: 0px;
	margin-bottom: 15px;
}
.btn-nosales
{
	padding: 0px 5px;
	vertical-align: 0;
}
/* This button was generated using CSSButtonGenerator.com */
.btn-tablebtns {
	background-color:#102C52;
	border:1px solid white;
	display:inline-block;
	color: white;
	font-family:Arial;
	font-size:14px;
	line-height:15px;
	text-decoration:none;
	text-align:center;
	padding: 4px 0px;
	border-radius: 0px;
}
.btn-tablebtns:visited {
	background-color:#2E507C;
	color:white;
}
.btn-tablebtns:hover {
	background-color:#2E507C;
	color:#00B2E2;
}
.btn-tablebtns:active {
	color:#00B2E2;
	position:relative;
	top:1px;
}
.btn-table
{
	width: 100%;
	height: 100%;
}
#tight
{
	padding: 0px;
	margin: 0px;
}
.summary
{
	font-weight: bold;
	text-align: center;
	color: #102c52;
	font-size: 16px;
}
.summary-row {
	font-weight: bold;
	position: relative;
	bottom:0;
	width: 100%;
}
.resetPass
{
	margin-top: 50px;
}
/*
These next two items are needed for when the -wide class is added.
Caused things to go off the page slightly
*/
.row
{
	margin-left: -15px;
	margin-right: 0px;
}
.col-sm-6
{
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 0px;
}
.ui-dialog-buttonset button
{
	background-color:#102C52;
	border:1px solid white;
	display:inline-block;
	color: white;
	font-family:Arial;
	font-size:14px;
	line-height:15px;
	text-decoration:none;
	text-align:center;
	padding: 5px 5px;
	border-radius: 4px;
}
.ui-dialog-buttonset button:hover
{
	background-color:#8b76ad;
	color: white;
}
th {
	background-color: #2E507C !important;
	color: white;
}
#dataTables th
{
	vertical-align: top;
}
.dataCheck
{
	column-span:all;
	-webkit-column-span:all; /* Safari and Chrome */
	color: red;
}
caption
{
	font-weight: 600;
	padding: 5px 5px 7px 7px;
    background-color: #DDDDDD;
}
.buttonTask
{
	border: none;
	background: transparent;
}
#taskLink
{
	color: inherit;
}
.page-header {
    color: #2E507C;
}
.reload
{
	color: #2E507C;
	font-size: 14px;
}
.reload:hover
{
	color: #2E507C;
}
.reload:focus
{
	color: #2E507C;
}
.logo
{
	display: block;
	margin: auto;
}
.game-screen
{
	padding: 15px;
}
#valignmid
{
	vertical-align: bottom !important;
	color: white;
	font-size: 20px;
}
.blackLink
{
	display: block;
	/* change from black to secondary */
	color: #00b2e2;
	text-decoration: underline;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}
.blackLink:hover,
.blackLink:focus,
.blackLink:active
{
    color: #102C52;
}
.game-heading
{
	padding: 10px 15px;
    background-color: #F5F5F5;
    border-color: #DDD;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
	font-weight: 600;
	color: #333;
	text-align: center;
}
#game-symbols
{
	padding: 10px 0px;
}
.task-icon
{
	text-align: center;
}
.form-control-custom
{
	margin-top: 0px;
	margin-bottom: 5px;
	float: none;
	display: inline;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control-custom:focus
{
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.center
{
	display: block;
	width: 500px;
	min-width: 500px;
	margin: auto;
	margin-bottom: 150px;
}
.center_tx
{
	width: 100%;
	text-align: center;
}
#detail
{
	z-index: 1;
}
.alert-slim
{
	margin-left: auto;
	margin-right: auto;
	width: 450px;
}
.alert-purple
{
	background-color: #7b4f9d !important;
	opacity:.7;
	color: white !important;
}
.slim
{
	width: 50%;
	margin: auto;
	margin-bottom: 15px;
}
.alert-text
{
	text-align: center;
	color: #A94442;
}
/* Progress bar on coming soon page */
.progress-custom
{
    overflow: hidden;
    height: 40px;
    margin-bottom: 20px;
    background-color: #F5F5F5;
    border-radius: 5px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
}
.progress-bar-custom
{
    background: #ffd65e;
}
.progress-bar.active, .progress.active .progress-bar
{
    animation: 1s linear 0s normal none infinite running progress-bar-stripes;
}
.progress-bar-striped, .progress-striped .progress-bar
{
    background-image: linear-gradient(-45deg, rgba(0,0,0,1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}
.spacing-top
{
	margin-top: 20px;
}
.spacing-bot
{
	margin-bottom: 20px;
}
#debug
{
	border: 1px solid #ccc;
	background-color: #eee;
	display: inline-block;
	font-size: 12px;
	text-align: left;
	max-width: 85%;
	padding: 10px;
	overflow:auto;
}
#sql-view
{
	margin-left: 250px;
	margin-top: 25px;
	padding: 15px;
}
.control-label-top
{
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
}
.debug-button
{
	color: #989898;
}
.bad
{
	color: red;
}
#TDnopad
{
	padding: 0px !important;
	border: 0px;
}
.pt15
{
	padding-top: 15px;
}
.ml15
{
	margin-left: 15px;
}
.mr5
{
	margin-right: 5px;
}
#dbug-txt
{
	font-size: .5em;
	font-weight: 100;
	text-align: center;
	vertical-align: center;
	height: 100%;
	display: inline;
	vertical-align: middle;
}
.subhead
{
	font-size: 14px !important;
	line-height: 1.42857;
	background-color: #ffffff;
	border-color: #DDD;
	padding: 10px 15px;
	text-align: left;
}
.num
{
	text-align: center;
	font-weight: bold !important;
}
.new
{
	color: red;
}
.ts1
{
	background-color: #FAFAFA;
}
.ts2
{
	background-color: white;
}
.no-mar-bot
{
	margin-bottom: 0px !important;
}
#noRB
{
	border-right: none;
}
#noLB
{
	border-left: none;
}
.half
{
	font-size: .65em;
}
.usr-btn
{
	display: inline;
	font-weight: 400;
	text-align: center;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 2px;
	font-size: 14px;
	line-height: 1.42857;
	border-radius: 4px;
	-moz-user-select: none;
}
.inverse
{
	color:#102C52;
}
.modal-dialog
{
    padding-left: 250px;
}
.modal-body
{
	padding-bottom: 40px;
}
#gameList
{
	display: table;
}
.txt-left
{
	text-align: left;
}
.txt-right
{
	text-align: right;
}
.txt-center
{
	text-align: center;
}
.huge
{
	font-size: 40px;
}
/* Custom Radio/Checkbox */
.cr-styled {
    display: inline-block;
    margin: 0px 2px;
    line-height: 20px;
    font-weight: normal;
    cursor: pointer;
}
.cr-styled i {
    display: inline-block;
    height: 18px;
    width: 18px;
    cursor: pointer;
    vertical-align: middle;
    border: 2px solid #CCC;
    border-radius: 3px;
    text-align: center;
    padding-top: 1px;
    font-family: 'FontAwesome';
    margin-top: -4px;
    margin-right: 3px;
    font-size: 12px;
}
.cr-styled input {
    visibility: hidden;
    display: none;
}
.cr-styled input[type=checkbox]:checked + i:before {
    content: "\f00c";
}
.cr-styled input[type=radio] + i {
    border-radius: 18px;
    font-size: 11px;
    line-height: 13px;
}

.cr-styled input[type=radio]:checked + i:before {
    content: "\f111";
}
.cr-styled input:checked + i {
    border-color: #797979; /* #6e8cd7; */
    color:  #797979; /* #6e8cd7; */
}

/*** custom toggle ***/
.custom-toggle input[type=checkbox] { display:none; } /* to hide the checkbox itself */
.custom-toggle input[type=checkbox] + label:before
{
	font-family: FontAwesome;
	display: inline-block;
	cursor: pointer;
}
.custom-toggle input[type=checkbox] + label:before
{
	content: "\f204"; /* toggle-off icon */
	color: #989898;
}
.custom-toggle input[type=checkbox]:checked + label:before
{
	content: "\f205"; /* toggle-on icon */
	color: #102C52;
}
.navbar-left-logo {
	float: left;
	padding-top: 5px;
	padding-left: 15px;
	height: 20px;
}
.navbar-right-logo {
	float: right;
	padding-top: 5px;
	padding-right: 15px;
	height: 20px;
}
.page-button {
	margin: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	display: flex;
  align-items: center;
  justify-content: center;
}
.txt-centered {
	text-align: center;
}
.txt-left {
	text-align: left;
}
.txt-right {
	text-align: right;
}

td.details-control {
	text-align:center;
	 color:forestgreen;
	cursor: pointer;
}
tr.shown td.details-control {
	text-align:center;
	 color:red;
}
.alert-icon {
	vertical-align: middle;
  font-size: 40px;
}
.reportTS {
	font-style: italic;
	font-size: 11px;
	margin-bottom: 10px;
}
.btn-first {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* Hide HTML5 Up and Down arrows. */
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}

/* REPORTS PRINT FIX */
@media print {
	body {
		zoom: 0.8;
	}
	.row {
		margin-left: -15px !important;
		margin-right: 0px !important;
	}
	.col-lg-3, .col-md-3, .col-sm-3 {
		float: left !important;
		width:25% !important;
	}
	.col-lg-4, .col-md-4, .col-sm-4 {
		float: left !important;
		width: 33.33333333% !important;
	}
	.col-lg-6, .col-md-6, .col-sm-6 {
		float: left !important;
		width: 50% !important;
	}
}

/* Reports styling */
.rtitle {
	font-weight: 600;
}
.rtotal {
	font-weight: 600;
	text-decoration: underline;
	text-align: right;
}
.rhdr {
	font-size: larger;
	text-decoration: underline;
}
.rtext {
	text-align: left;
}
.rnum {
	text-align: right;
}

.borbot > thead > tr > th, 
.borbot > tbody > tr > th, 
.borbot > tfoot > tr > th, 
.borbot > thead > tr > td, 
.borbot > tbody > tr > td, 
.borbot > tfoot > tr > td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: none;
	border-bottom: 1px solid #ddd;
}

.f18 {
	font-size: 18px;
}
.alert-nobg{
  background-color:transparent;
}
.brand {
	max-width: 240px;
	padding: 5px !important;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #D1EBFF;
	border-color: #00b2e2;
	color: #00B2E2;
}

.pagination > li > a:hover, .pagination > li > span:hover {
	background-color: #294d7e;
	color: #fff;
}

.pagination > li > a:focus, .pagination > li > span:focus {
	background-color: #fff;
	color: #737373;
}
.search-icon 
{
	color: #7d7d7d;
}





/* transition from dark blue to bright blue
background-image: linear-gradient(rgb(16, 44, 82), rgb(0, 178, 226));
*/



/*
 * Card component
 */
.card-container.card {
    max-width: 350px;
	padding: 40px 40px;
}
.card {
    background-color: #F7F7F7;
    /* just in case there is no content*/
    padding: 20px 25px 30px;
    margin: 0 auto 25px;
    margin-top: 50px;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.profile-img-card {
    margin: 0 auto 10px;
    display: block;
}

.form-signin-heading {
    font-size: 20px;
    font-weight: bold;
	color: #00b2e2;
    text-align: center;
    margin: 10px;
    min-height: 1em;
}

.margin-bottom-sm {
	margin-bottom: 10px;
}
.dataTable {
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
/* override the default datatables style */
.table-striped tbody tr.even {
    background-color: #f2f2f2 !important;
}
/* override the default <th> bg color */
.white-bg {
	background-color: #fff !important;
	color: #333 !important;
}

.form-wrapper {
	padding-bottom:15px;
}
a.disabled {
  /* Make the disabled links grayish
  color: gray;*/
  /* And disable the pointer events */
  pointer-events: none;
}
/* contact page */
.location-info p span {
    display: inline-block;
    width: 40px;
    font-size: 24px;
    color: #2E507C;
    vertical-align: middle;
}
.location-info p {
    margin-bottom: 5px;
    font-size: 16px;
	font-family: 'Open Sans', sans-serif;
    line-height: 32px;
    color: #000;
}
.contact-icon-container {
    position: absolute;
    top: 0px;
    padding-right: 20px;
    font-size: 250px;
    color: #555;
    line-height: 300px;
    -ms-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
}
.img-responsive {
	image-rendering: -webkit-optimize-contrast;
}
.brand {
	image-rendering: -webkit-optimize-contrast;
}