/* css shared across multiple t4l web sites*/

body.noscroll {
	overflow:hidden;
}

.donotsell {
	display: none;
}

.donotsell.show {
	display: block;
  position: absolute;
  z-index: 10000;
  top:0;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,.25);
}

.donotsell .display {
	background-color:#ffffff;
	margin:20px 25%;
  width: 50%;
  max-width:800px;
  max-height:80%;
  border-radius: 6px;
  padding: 10px 20px 20px;
  box-shadow: 0px 4px 4px rgba(0,0,0,.5);
  overflow:auto;
}

.donotsell button {
	float:right;
	font-family: 'Roboto', verdana, sans-serif;
  padding: 8px 15px;
  font-size: 1em;
  font-weight: normal!important;
  color: #0069aa;
  border-radius: 4px;
  border: 1px solid #0069aa;
  background: #ffffff;
  cursor: pointer;
  text-decoration: none;
}


/* Begin smaller than 700 screen css */

@media (max-width: 699px) {
	
.donotsell .display {
	margin:5px;
	width:unset;
  max-height:90%;
  padding: 10px 20px 20px;
  box-shadow: 0px 4px 4px rgba(0,0,0,.5);
  overflow:auto;
}

}