body
{
	margin-bottom: 10px;
}

.burger
{
    background: url("../../assets/images/burger.png") no-repeat center center;
    padding: 15px;
}

.btn-youtube
{
  background-image: url("../../assets/images/logos/youtube-icon.png");
  background-position: 6px;
  background-repeat: no-repeat;
  background-size: 27px 20px;
  padding-left: 42px;
  border-width: 1px;
  border-color: #a94442;
  margin-left: 10px;
}

.text-my59
{
	color: #89673d !important;
}

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

table.summarybox
{
	margin: 10px auto;
	max-width: 850px;
}

table.summarybox th
{
	text-align: center;
	vertical-align: top !important;
}

.top-buffer {
  margin-top: 10px;
}
.bottom-buffer {
  margin-bottom: 10px;
}
/*
.form-group
{
	margin-bottom: 0px;
}
*/

hr
{
	border-bottom: 1px solid #ddd;
}

h1,
h2
{
	color: #8f6334;
	margin-top: 0px;
}

ul.nav-home
{
	display: inline-block;
	padding: 0;
	min-height: 30px;
	display: block;
	margin-top: 20px;
	border: 0;
	height: 30px;
	/*border-bottom: 2px solid #ddd;*/
}

ul.nav-home li
{
	text-align: center;
	display: inline-block;
	padding: 0px 15px 3px 15px;
	height: 30px;
	border-right: 2px solid #ddd;
}

ul.nav-home li:first-child
{
	padding-left: 0;
}

ul.nav-home li a
{
	padding: 0px 0px 5px 0px;
	border: 0;
	color: #aa814b;
}

ul.nav-home li.active a
{
	text-decoration: none !important;
	font-weight: bold;
	background: none !important;
	color: #aa814b;
	border: none;
	border-bottom: 3px solid #aa814b;
}

ul.nav-home li.active a:hover,
ul.nav-home li.active a:focus,
ul.nav-home li a:hover,
ul.nav-home li a:focus
{
	text-decoration: none;
	color: #aa814b;
	border: 0;
	border-bottom: 3px solid #aa814b;
	background: none;
}

ul.nav-home li:last-child
{
	border-right: 0;
}

.navbar
{
	min-height: 80px;
	margin-bottom: 10px;
}

ul.navbar-nav
{
	margin-top: 15px;
}

.navbar-brand
{
	height: 80px;
}

.navbar-whitebg
{
	background-color: white !important;
}

ol.breadcrumb li a:hover
{
	text-decoration: none;
}

.sections,
ol.breadcrumb
{
	margin-bottom: 10px;
}

.input-group .btn
{
	margin-right: 10px;
}

.product_options,
.tester-options
{
	margin-bottom: 20px;
}

.product_option,
.tester-option
{
	margin-right: 10px;
}

.table-nonfluid {
 	width: auto;
}

div.popover
{
	max-width: 100%;
}

a.disabled
{
    cursor: default;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

a.disabled:hover,
a.disabled:focus
{
	text-decoration: none;
}

td.toggle-live-survey-venue:hover
{
	cursor: pointer;
}

table.tester-results select.value
{
	min-width: 70px;
}

table.tester-results button.doc,
table.tester-results button.picture
{
	margin-right: 10px;
}

span.photo:hover
{
	cursor: pointer;
}

td[data-toggle='popover']:hover
{
	cursor: pointer;
}

.pointer,
.clickable
{
	cursor: pointer;
}

.nav-tabs>li.newactive>a
{
	border: 2px solid black;
}

select.select-slim
{
	padding: 8px;
}

span.criteria,
span.guidance
{
	text-decoration: underline;
	color: blue;
}

.panel-59club
{
	border-color: #8f6334;
}

.panel-59club>.panel-heading
{
  color: #fff;
  background-color: #8f6334;
  border-color: #8f6334;
}

textarea.autoresize
{
	overflow: hidden;
}

.glyphicon-bigger
{
	font-size: 140%;
	vertical-align: text-bottom;
	margin-right: 5px;
}

.nav-tabs-my59
{
	height: 38px;
	border-bottom: 3px solid #ddd;
}

.nav-tabs-my59>li
{
	/*margin-bottom: -2px;*/
	margin-bottom: 2px;
}

.nav-tabs>li>a
{
	padding: 8px 6px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus
{
    border: 2px solid #245269;
    border-bottom: none;
    /*background: #aa814b;*/
    /*color: white;*/
}

.nav-tabs>li>a,
.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus
{
	border: 1px solid #bbb;
	border-bottom-color: transparent;
	/*color: #aa814b;*/
}

tr.omitted
{
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.table tr.my59>td
{
	color: #aa814b;
}

.comp-analysis table td,
.comp-analysis table th
{
	vertical-align: middle !important;
}

.table-sm
{
	font-size: 85%;
}

.btn.tester-instructions,
.btn.deletetester
{
	background-color: #e6e6e6;
}

.aboutmy59 ul,
.aboutmy59 ol
{
	padding-left: 10px;
}

.aboutmy59 li.number
{
	margin-bottom: 12px;
}

.btn-my59
{
	background-color: #b69e50;
	border-color: #b69e50;
	color: white;
}

.btn-my59.collapsed
{
	background-color: #af7b3c;
}

.btn-my59:hover
{
	background-color: #b69e50;
	color: white;
}

.btn-my59:focus
{
	color: white;
}

.font-my59
{
	color: #b18443;
}

div.product a.createnewtest
{
	margin-right: 10px;
}


div.product a.viewresults
{
	margin-right: 10px;
}

button.whats-involved
{
	margin-right: 10px;
}

.alert
{
    text-align: left;
}

img.survey-logo
{
    max-width: 	150px;
    max-height: 150px;
    /*float: right;*/
    right: 5px;
    position: absolute;
}

.export
{
	display: inline-block;
	padding-left: 37px;
	height: 32px;
	line-height: 32px;
	margin-right: 10px;
}
.export-xls
{

	background: url("../images/export-xls-icon.png") no-repeat left;
}

.export-pdf
{
	background: url("../images/export-pdf-icon.png")  no-repeat left;
}

.export-print
{
	background: url("../images/export-print-icon.png")  no-repeat left;
}

@media print {
  a[href]:after {
    content: none!important;
  }
}

textarea.readonly
{
	border: none;
}

/********************/

.loadingOverlay {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.loadingOverlay:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}

.loadingOverlay:not(:required) {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loadingOverlay:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

img.language-flag
{
  width: 35px;
  margin: 7px 0 0 10px;
  border: 3px #fff solid;
}

div.languages:hover>img.language-flag
{
  border: none;
  cursor: pointer;
}

.hideNext {
    display: none;
}