@media (min-width: 768px) {
 
html, body {
	height: 100%;
}
 
.main-inner {
	margin-bottom: 50px;
	margin-bottom: -100px;
}
 
.main, .main-inner {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: -120px;
	padding-top: 120px;
	height: 100%;
	z-index: 1;
	position: relative;
}

 
.span10, .well {
	height: 100%;
	margin-left: 15px;
}
 
.textarea-wrapper {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: -75px;
	padding-top: 75px;
	padding-bottom: 25px;
	height: 100%;
}
 
textarea {
	height: 100%;
}
}

#data {
	width: 100%;
    font-family: monospace;
}

#backupText {
    width: 100%;
}

#title {
	width: 100%;
}

#searchtext {
	width: 100%;
}

#deleter {
	float: right;
}

#loader {
	display: none;
}

#footer {
	text-align: center;
	opacity: 0.5;
}

.middle {
	vertical-align: middle;
}

/* stack for small displays */
@media (max-width: 768px) {
  	.row-fluid > .span2 {
  		width: auto;
  	}

  	.row-fluid > .span10 {
  		width: auto;
  	}
  	
  	.row-fluid > [class*="span"] {
  	  	float: none;
  		margin-left: 0px;
  	}
  	
  	.modal {
  		width: 280px;
  		margin: -140px 0 0 -140px;
  	}
  	
}