html{
  height:100%;
}

body {
  /*padding-top: 70px;*/
  height:100%;
  min-height:100%;
}

#main{
	position: relative;
  left:32%;
  width: 68%;
  background-image: url("../images/salmax_logo.png");
  background-position: right top;
  background-size: auto 50px;
  background-repeat: no-repeat;
}

#scrollspyWrapper, #optimisationResultWrapper{
	position: fixed;
	top: 10px;
	display: :block;
  width:30%;
  height:90%;
  overflow-y: scroll;
}

/*.navigationAlert{
	display: inline-block;
	width: 450px;
	max-height: 60px;
}
*/



.animate-show {
  opacity: 1;
}

.animate-show.ng-hide-add.ng-hide-add-active{
  -webkit-transition: all linear 0.1s;
  transition: all linear 0.1s;
}

.animate-show.ng-hide-remove.ng-hide-remove-active {
  -webkit-transition: all linear 0.5s;
  transition: all linear 0.5s;
}

.animate-show.ng-hide {
  opacity: 0;
}


a, a:visited, a:hover, a:focus, u{
  text-decoration: none !important;
}

.displayAsHalf{
  float:left;
  padding-left: 2%;
  width: 46%;
}

.displayAsQuarter{
  float:left;
  padding-left: 2%;
  width: 23%;
}

.displayAsThird{
  float:left;
  padding-left: 2%;
  width: 31%;
}

.displayAsFull{
  clear:both;
  position: relative;
}

.displayAsFull::after{
  clear:both;
  content:"";
  display:block;
}

.newLine{
  clear:both;
  display:block;
}


.checkboxLabel{
  float:left;
  height:34px;
  line-height:34px;
  margin-top:4px;
  font-weight:bold;
}

/*

issue #18

white: (255/255/255) / (ffffff)
dark gray: (35/35/35) / (232323)
medium gray: (123/123/123) / (848484)
carmine: (240/0/65) / (f00041)

*/