body {
	padding-top:0;
	margin-top:0;
	background-color:#e1e1e1;
}
html {
	position:relative;
	min-height: 100%;
	padding-bottom:30px;
}

.page-header{
	padding-top:0;
	margin-top:0;
	padding-bottom:0;
	margin-bottom:0;
	background-color:#e1e1e1;
	width:100%;
	height:70px;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}
.fc-widget-content {
    background-color: #efefef;
}

th{
	background-color:#efefef;
	}
.table-striped>tbody>tr:nth-of-type(even) {
	background-color:#efefef;
}

#banner{
	background:transparent;
	max-height:100%;
	margin : 0 0 0 5px;
}

#orgname {
	font-size:30pt;
	font-size:3vw;
	vertical-align:middle;
	margin-left:10px;
	font-family:Calibri;
	font-weight:bold;
	display:inline-block;
	z-index:1;
/*	color:#efefef; */
}
@media (min-width: 1200px){
  #orgname {
    font-size: 36px;  /*above 800px */
  }
}
@media (max-width: 768px){
  #orgname {
    font-size: 23px;  /*above 800px */
  }
  .dropdown-menu>li>a {
	line-height:2;
}
}
/* tiome out display */
#timerBtn {
	margin:10px 10px 0 0;
}
#timerspot {
	position:absolute;
	right:30px;
	z-index:999;
}
.flash {
   animation-name: flash;
    animation-duration: 0.2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}

@keyframes flash {
    from {color: red;}
    to {color: white;}
}
#lipw {
	display:none;
}

/*
----------------------------

.navbar-nav > .active,
a.active			{
    color: #000;
   background: #ccc;
 }
a.active {

}
a.dropdown-toggle .active, 
.dropdown-toggle .active li > a:hover, 
.dropdown-toggle .active li > a:focus {
      color: #000;
      background: #ccc;
 }

.dropdown-menu>li>.disabled{display:block;padding:3px 20px;
					clear:both;
					font-weight:400;
					line-height:1.42857143;
					color:#aaa;
					white-space:nowrap;
}

--------------------------------
*/
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
/* format the lists in the reports tree */
.tree li {
	font-size:1.2em;
}
.tree ol {
	font-size:1.2em;
	margin-left:10px;
}
/* 
	CSS to collapse the top nav button bar before it starts to crumble
*/
@media (max-width: 900px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li, {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }

  .collapse.in{
      display:block !important;
  }
}
.dropdown-menu>li>p  {
	display: inline;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #aaa;
    white-space: nowrap;
}


a.disabled {
   pointer-events: none;
   cursor: default;
}
/* Absolute Center Spinner */
#busy {
  position: fixed;
  z-index: 9;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display:inline;
}

/* Transparent Overlay */
#busy:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}
 .ui-tooltip{
	background:#555 !important;
	color:white !important;
    padding: 5px 10px !important;
    border-radius: 5px !important;
    font: 14px "Helvetica Neue", Sans-Serif !important;
    box-shadow: 0 0 4px black !important;
	opacity:255 !important;
	border:none !important;
  }
.navbar .help_icon {
	color:#428bca;
	font-size:1.5em;
	margin-top:5px;
}
.tree .help_icon {
	color:#428bca;
	font-size:1em;
}

@media only screen {
	#printBanner {
		display:none !important;
	}
	.onlyprint {
		display:none;
	}
}
	
@media print {
	a[href]:after {
		content: none !important;
	}
	.noprint {
		display:none !important;
	}
	.dataTables_filter {
		display:none !important;
	}
	.printNoDisplay {
		display:none !important;
	}
	#printBanner{
		disable:none !important;
	}
	.well {
		border:none !important;
	}
	td{
		padding:0px 5px !important;
		border:0px solid white !important;
	}
	table {
		margin:0px 20px 0 0px !important;
	}
	.dt-buttons {
		display:none;
	}
}

.login-form, .logout-form {
	margin-top:-45px;
	text-align:right;
	min-width:150px;
}
@media screen and (max-width: 900px){ /* up to 930 */
	.login-form, .logout-form , #login{
		margin-top:0px;
		margin-left:auto;
		margin-right:auto;
		display:block;
		text-align:center;
	}
}
@media screen and (max-width: 768px){ /* up to 768 */
	.small-view {
		display: none;
	}
	/* keep the datatables search bos x on the right */
	div.dataTables_wrapper div.dataTables_filter {
		text-align: right !important;
	}
}

@media screen and (max-width: 500px){ /* up to 500 */
	#banner {
		display: none;
	}
}
@media screen and (min-width: 768px){ /* hide when bigger than 768 */
	.small-view-only {
		display: none;
	}
}

.alert {
	margin-bottom:0;
}
.admin-only {
	display:none;
	font-size:.9em;
	margin-top:3px;
	color:#4285f4;
}
.blue-link {
	font-size:.9em;
	margin-top:3px;
	color:#4285f4;
}
.gymhelp {
	opacity: .4;
	float:right;
	cursor:pointer;
	margin-right:3px;
	margin-left:5px;
}
.gymHelp-ui-dialog {
	margin:0;
	padding:0;
	font-size:1.2em;
}
.gymHelp-ui-dialog-titlebar {
	color:#d9edf7;
	background-color:#62708f;
}
.gymHelp-ui-dialog-content {
	background-color:#d9edf7 !important;
	color:#62708f;
}
.table-title {
	text-align:center;
	font-size:1.5em;
	margin-top:0;
	background-color:#999;
	color:white;
}
@media (min-width: 500px) {
	.dt-buttons {
		margin-bottom:-25px;
	}
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30px; /* Set the fixed height of the footer here */
  padding-top:6px;
  border-top:3px solid #e1e1e1;
}
.footer a {
	color:#888;
	text-decoration:none;
	font-weight:bolder;
}