html {
    height: 100%
}

body { 
  padding-top: 25px;

  background-attachment: fixed;
  background-image: -webkit-linear-gradient(top, white, rgb(204, 204, 204), white);
  /*
  background: #ccc; 
  background: -webkit-linear-gradient(white, #ccc, white); 
  background: -o-linear-gradient(white, #ccc, white; 
  background: -moz-linear-gradient(white, #ccc, white); 
  background: linear-gradient(white, #ccc, white); 
  */
      
}

div {
  text-align: center;
}

#graph-pane {
	text-align: center;
	margin-bottom: 20px;
}

.title {
	text-align: center;
	margin-bottom: 20px;
}

.dataset-button, .dataset-done-button, .delete-dataset-button {
	margin-bottom: 10px;
}

.form-group button {
	margin-bottom: 5px;
}

.pad-top, .xs-pad-top {
	margin-top: 10px;
}

div.center {
  text-align: center;
}

label.disabled {
  color: lightgray;
}

div.info {
  font-weight: bold;
}

div.error {
  color: red;
  font-weight: bold;
}

input.error {
  border: 1px solid red;
}

.modal { 
	z-index: 1080;
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {  
  .xs-pad-top {
    margin-top: inherit;
  }

}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 922px) {  
  .xs-pad-top {
    margin-top: inherit;
  }

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  .xs-pad-top {
    margin-top: inherit;
  }

}