html, body {
    height: 100%;
}

#wrap {
    height: auto !important;
    margin: 0 auto -80px;
    min-height: 100%;
    padding: 0 0 60px;
}
#wrap > .container {
    padding: 60px 15px 0;
}
.container .credit {
    margin: 20px 0;
}

code {
    font-size: 80%;
}

.navbar{
	min-height:80px;
}
.navbar, .navbar-header {min-height:80px; }

.navbar .container{background-color:transparent;}
.maincontent{background-color:#fff;}

.navbar-nav{

}
.navbar-default{
	background-color:#0D2D46;
	color:#fff
}
.navbar-default .navbar-brand{
	color:#fff;
	background:url(/include/images/TTLlogo.png) no-repeat 0% 40%;
	min-height:70px;
}
.navbar-brand span{
	 font-size: 1.25em;
    margin-left: 50px;
    position: relative;
    top: 20px;
}
.navbar-nav > li > a {
    line-height: 50px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #E7E7E7;
    color: #747474;
}

.navbar-default .navbar-nav > li > a {
    color: #eee;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #3276B1;
  background-color: transparent;
}

.form-signin {
    margin: 30px auto;
    max-width: 330px;
    padding: 15px;
}
.form-signin .form-signin-heading, .form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin .checkbox {
    font-weight: normal;
}
.form-signin .form-control {
    -moz-box-sizing: border-box;
    font-size: 16px;
    height: auto;
    padding: 10px;
    position: relative;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="text"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: -1px;
}
.form-signin input[type="password"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: 10px;
}

.form-subscribe {
    margin: 30px auto;
    max-width: 600px;
    padding: 15px;
}
.form-subscribe .form-subscribe-heading, .form-subscribe .checkbox {
    margin-bottom: 10px;
}
.form-subscribe .checkbox {
    font-weight: normal;
}
.form-subscribe .form-control {
    -moz-box-sizing: border-box;
    font-size: 16px;
    height: auto;
    padding: 6px;
    position: relative;
}
.form-subscribe .form-control:focus {
    z-index: 2;
}
.form-subscribe input[type="text"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: -1px;
}
.form-subscribe input[type="password"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: 10px;
}

.form-logout {
    margin: 30px auto;
    max-width: 900px;
    padding: 15px;
}
.form-logout .form-logout-heading {
	margin-bottom: 10px;
}

.form-admin {
    margin: 30px auto;
    max-width: 900px;
    padding: 15px;
	 }

.form-upload {
    margin: 30px auto;
    /*max-width: 1000px;*/
    padding: 15px;
	 }

input.checkbox_left {
	margin-right: 10px;
}
.help {
	margin-top: -8px;
	margin-bottom: -8px;
	font-style: italic;
	color: #428BCA;
}

.help-block {
	font-style: italic;
	color: #428BCA;
}

.roles-help {
	margin-top:.5em;
}
.reset-pw-help {
	margin-top: -8px;
	margin-bottom: 8px;
	font-style: italic;
	color: #428BCA;
}
.failedValidation {
	background: none repeat scroll 0 0 rgba(255, 0, 0, 0.2) !important;
}
.validation_summary ul  {
	list-style-position:inside;
	padding-left: 0px;
}
.validation_summary li {
	color: red;
	padding-left: 2em;
}

#waitImage {
	margin-bottom: 1em;
}
.panel-title #waitImage  {color:white}


.form-query {
    margin: 30px auto;
    max-width: 1200px;
    padding: 15px;
}
.form-query .form-query-heading, .form-query .checkbox {
    margin-bottom: 10px;
}
.form-query .checkbox {
    font-weight: normal;
}
.form-query .form-control {
    -moz-box-sizing: border-box;
    font-size: 16px;
    height: auto;
    padding: 6px;
    position: relative;
}
.form-query .form-control:focus {
    z-index: 2;
}
.form-query input[type="text"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: -1px;
}
.form-query input[type="password"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: 10px;
}

.form-order {
    margin: 30px auto;
    max-width: 1200px;
    padding: 15px;
}
.form-query .form-order-heading, .form-order .checkbox {
    margin-bottom: 10px;
}
.form-order .checkbox {
    font-weight: normal;
}
.form-order .form-control {
    -moz-box-sizing: border-box;
    font-size: 16px;
    height: auto;
    padding: 6px;
    position: relative;
}
.form-order .form-control:focus {
    z-index: 2;
}
.form-order input[type="text"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: -1px;
}
.form-order input[type="password"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: 10px;
}
/* jafii - this overwrites the one in bootstrap - hope it's ok */
/* it was "folding" too quick. */
@media (min-width: 992px) {
  .container {
    /*max-width: 992px;*/
	 /* bootstrap: */
	 /* max-width: 970px; */
  }
}

@media (max-width: 992px) {
	#footer {
	  height: 80px !important;
	}

	#wrap {
	  margin: 0 auto 0px;
	}
}

#divUploadHelp {margin-top:.5em; margin-bottom: .5em;}
#spanDrop {padding-top:80px; background-color: #E5e5e5;}
#divImageUpload #spanDrop {padding-top:27px; background-color: #E5e5e5;}

#spanDropLabel i {padding: 5px;}

#query_summary{height:120px; text-align:center;}
#query_btn{height:120px; width:100px; font-size:2em; border-radius: 0 40px 40px 0;}
.thumbnail{margin-bottom:30px;}

#divPricing .form-group {margin: 0px 2px; width:5.5em; vertical-align:bottom}
#tablePricing td {padding: 4px 2px;}
#tablePricing th {vertical-align:bottom; padding: 4px}
.dataTables_filter {margin-right: 1em}
#ToolTables_tableProducts_0, #ToolTables_tableUsers_0, #ToolTables_tableReports_0,
#ToolTables_tableInterests_0, #ToolTables_tableEntities_0, #ToolTables_tableAgencies_0 {
	border:0; background:#5CB85C; padding:0px
}
#ToolTables_tableProductPriceList_0 {border:0; background:#5CB85C; padding:0px}


#files .addedIMG {width: 150px;}

.order_price_label {font-weight: bold; padding-top: 0px; padding-bottom:0px}
.order_price {font-weight:bold; padding-top: 0px; padding-bottom:0px}
.order_product h4, .order_product h5 {margin-top:0px; margin-bottom:0px}
.order_product hr {margin-top:10px; margin-bottom:10px}
.order_qty {padding-top:5px; padding-bottom:10px}
.order_qty h5 {line-height:1.2em}
.order_qty_help {padding-top:3px; padding-right: 0px;}
.order_merch_summary_total>td {font-weight:bold}
.order_merch_summary, .order_merch_summary td, .order_merch_summary th {text-align:right}
td.order_merch_summary_col1, th.order_merch_summary_col1 {text-align:left}
.order_price_eligible {color:#999999 !important;}
.order_paidqty {background-color: #3E6BE1;}
.order_freeqty {background-color: #5cb85c}
.order_price_info {
    color: #3E6BE1;
    font-style: italic;
}
.product_qty {margin-top:.7em}
#ulOrderListgroup {margin-bottom:0px}}
#ulOrderListgroup.list-group-item {padding: 5px 15px;}

#liShoppingCart {line-height:2.25em !important}

#divAddEditProduct label {padding-right:5px}

.nav-pills > li.active .caret {border-bottom-color: #FFFFFF;border-top-color: #FFFFFF;}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}

.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}

/* TTL mods after going to bootstrap 3.4.1 */

body { font-family:"Calibri",Tahoma,Verdana, sans-serif; }

#formContacts hr
{
	width:100%;
	float:left;
	clear:both;
}

.ui-datepicker-group-first .ui-datepicker-month
{
	font-weight:normal;
}

.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

.btn-primary {
  color: #ffffff;
  background-color: #173B5F;
  border-color: #357ebd;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}

.input-group-btn
{
	font-size:unset;
}

/* End TTL mods for bootstrap 3.4.1 */

/* styles for admin user */

#divProductList > .panel-heading > h3 {line-height: 2em}
#divProdPriceList > .panel-heading > h3 {line-height: 2em}
#divUserList > .panel-heading > h3 select {display:inline-block; margin-left: 5px}
#divUserList > .panel-heading > h3 label {font-weight:normal; margin-left:10px}

#divEntityList .panel-title > .row {line-height:2em}
#divEntityEdit .panel-title > .row {line-height:2em}
#divProdEdit .panel-title > .row {margin-top:.25em; }
#divProdPriceEdit .panel-title > .row {margin-top:.25em;}
#divProdHeadingLeft {margin-top: -.5em}
#divProdPriceHeadingLeft {margin-top: -.5em}
#divUserEdit .panel-title > .row {line-height:2em}
#divUserList .panel-title > .row {margin-top:.25em; }
#divUserHeadingLeft {margin-top: -.5em}

.required_field {color:red; margin-right:.5em}


/* styles for reports */
#formRpts {min-height:20em !important}
#rpt_dates{text-align:center;}
/*#rpt_btn{height:3em;font-size:2em; border-radius: 0 40px 40px 0;}*/
#divRptsFromTo > div.row > div.form-group div {margin-top:1em}


/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

#footer {
    background-color: #d7d7d7;
    height: 70px;
	color: #747474;
	padding: 10px;
}
#footer > .container {
    padding-left: 15px;
    padding-right: 15px;
}


#footer .container{background-color:transparent;}
.footer_bar{background-color:#585858; min-height:10px;}