/* structure
-- ------------------*/
html {
	position: relative;
/*	height: 100%;*/
	min-height: 100%;
}

body {
	font-family: 'Titillium Web', sans-serif;
	color: #141412;	
	margin-top: 75px; 
	/* Margin bottom by footer height */
	margin-bottom: 60px;
/*	background: rgba(0, 0, 0, 0) url("../images/main-background.png") no-repeat center;*/
}

#butInstall { padding: 10px; margin: 20px auto 10px auto; border: 1px #ddd solid; border-radius: 2px; }
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  /*
  margin-left: -15px;
  margin-right: -15px;
  */
  padding: 20px 0 5px 0;
  background-color: #f5f5f5; border-top: 1px #ddd solid; font-weight: bolder;
}
/*
.navbar { margin-bottom: 70px; }
*/
/*#Wrap { margin-top: 45px; }*/

#loadSuccess,#loadFailure { display: none; width: 100%; z-index: 1100; text-align: center; font-size: 20em; }
#loadMsg { display: none; width: 250px; z-index: 1060; /*background-color: #fff; border: 1px #ddd solid; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 3px 3px 4px #CCCCCC; -moz-box-shadow: 3px 3px 4px #CCCCCC; -webkit-box-shadow: 3px 3px 4px #CCCCCC; */}

#dimScreen
{
	display: none;
    position:fixed;
	 z-index: 1050;
    padding:0;
    margin:0;

    top:0;
    left:0;

    width: 100%;
    height: 100%;
    background:rgba(255,255,255,0.7);
}

.form-group.required label:after { content:"*"; padding-left: 3px; color:#cc0000; }

/* magic suggest
-- ------------------*/
.ms-res-ctn .ms-res-item div { line-height: 18px; }
.MS-2-rows { border-top: 1px #eee solid; }
.MS-2-rows img/*,
.ui-menu-item img*/ { float: left; position: relative; top: 7px; /*width: 18px; height: 18px;*/ }
.MS-2-rows div { font-weight: 700; margin-left: 35px; }
.MS-2-rows small { } 

.ms-sel-item img {
	max-width: 12px; 
    float: left;
    position: relative;
    top: 3px;
    margin-right: 3px;
}
.ms-sel-item .name{
    float: left;
}

/* datatables
-- -----------*/
.table.table-hover tr:hover td { background-color: #fff7dd; }

.WaiverLabel { color: #cc0000; }

.Waiver:checked + .WaiverLabel, .glyphicon-ok-sign {
  color: #008000;
}

/*.input-group-addon { text-align: left; width: 140px; }*/
#CustomFees { margin-top: 20px; }

.ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: 0; }
.ui-menu .ui-menu-item { clear: both; }
.ui-menu-item div,
.ui-menu-item div.ui-state-active { /*margin-left: 35px;*/ line-height: 22px; }
.ui-menu-item img,
.ui-menu-item img.ui-state-active { float: left; position: relative; margin-right:7px; }

.ui-menu-item .ui-state-active { border:0; /*padding:0;*/ font-weight: normal; color: #333; background-image: linear-gradient(to bottom, #d9edf7 0px, #c4e3f3 100%); }
/*
.ui-menu-item img.ui-state-active { border:0; padding:0; background: none;}
*/
.tooltip-inner {
	text-align: left;
    white-space:pre-wrap;
}

/* jquery ui
-- ------------------*/
.ui-widget { font-size: 1.2rem; font-size: 12px; }
.ui-datepicker table { font-size: 1.1rem; font-size: 11px; }
.ui-menu .ui-menu-item a .Highlight { color: #459E00; }
.ui-menu .ui-menu-item a.ui-state-focus .Highlight { color: #fff; }
.ui-autocomplete-loading { background: white url('../images/loader16.gif') right center no-repeat; }
.ui-tooltip {
    white-space: pre-line;
}

/* loading elements
-- ------------------*/
.LoadMsg {  }
.LoadMsg button { float: left; margin-right: 10px; margin-top: -5px;}
.LoadMsg span { display: none; font-weight: bold; }
.LoadMsg span img { vertical-align: -4px; margin-right: 5px; }
.ErrorFallback { display: none; max-width: 500px; margin-top: 10px; margin-bottom: 20px; padding: 10px; color: #cc0000; border: 1px #f0b2b2 solid; background-color: #fae5e5; }
.hasError { border: 1px #f0b2b2 solid; background: url(../images/warning.png) no-repeat #fae5e5 97% center; }

.ActionPanel span:after {
	padding: 0 3px 0 5px;
	content: "|";
}

.Stats table tbody td { border: 0px; }
.RunnerBulb {
	width: 100%;
	padding: 10px 15px;
	margin: 5px 0;
	border-radius: 3px;
	border: 1px solid #ddd;
}

.RunnerBulb.Odd { background-color: #eee; }

.RunnerBulb span {
	float: left;
	display: block;
	font-size: 22px;
	width: 45px;
}

.RunnerBulb div {
	float: left;
	font-size: 12px;
}

button .fas:after, button .far:after { margin-left: 5px; }

ul.Statistics { list-style-type: none; margin: 0; padding: 0; }
ul.Statistics li { display: inline; float: left; width: 45%; margin-left: 25px; margin-bottom: 10px; font-size: medium; }
ul.Statistics :first-child { margin-left: 0; }
ul.Statistics li span { font-size: 2em; }

.Browser { margin: 0 auto; text-align: center; font-size: 40px; font-weight: bold; }
.Browser a:link,
.Browser a:active,
.Browser a:visited { margin: 0 20px; font-size: 30px; }

#TblRunners tbody td:last-child span { margin-left: 10px; }

span.Total { font-size: 30px; }

#loginModal h3.Sitename { color: #333; text-shadow: 3px 3px 2px #ccc; margin-bottom: 20px; }

/* calculator
-- -----------*/

.sticky-offset { top: 56px; }
.sticky-offset.wb { background-color: #fff; }

#totalSummary { 
	background-color: #fff; 
	width: 100%; 

	max-width: 350px;
	z-index: 101;
	padding: 7px 5px 5px 5px;
	

}

#totalSummary h4 { margin-top: 3px; }

.tab-content { padding: 15px 0; }


.card-header .fa {
  transition: .3s transform ease-in-out;
}
.card-header .collapsed .fa {
  transform: rotate(90deg);
}

.btn-group-xs > .btn, .btn-xs {
  padding: .45rem .4rem;
  font-size: .775rem;
  line-height: .5;
  border-radius: .2rem;
}

/* media queries
-- ------------------*/
@media (max-width: 620px) {
	html {/* margin: 10px; */}
/*	body { margin-top: 40px; }*/
/*	#Wrap.container-fluid { padding:0; margin: 0 }
	table tr .SmallScreen { display: none; }
	.ActionPanel a { display: block; white-space: nowrap; }
	.ActionPanel span:after { display: none; }
	*/
	
	.mobile-hidden { display: none; }
	#frmRunner { margin-bottom: 20px; }
	/*
	#totalSummary { 
		margin-top: -30px; 
		border: 1px #eee solid;
		border-radius: 4px; 
		-webkit-box-shadow: 5px 5px 20px 5px rgba(238,238,238,1);
		-moz-box-shadow: 5px 5px 20px 5px rgba(238,238,238,1);
		box-shadow: 5px 5px 20px 5px rgba(238,238,238,1);	
	}
	*/
	.calculator .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
}

/* override styles when printing */
@media print {
	body { margin-top: 75px; }
	.calculator .break { page-break-after: always; }
	/*
	#totalSummary { 
		padding: 0;
		border: 0;
		border-radius: 0;
		box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
	}
	*/

}