.scroll {
		position:relative;
		min-height:600px;
		margin: 10px auto;
		padding: 5px;
		max-width: 1000px;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		border: 1px solid #ddd;
}
.container {
		position:absolute;
		padding:0;
		
}
table.swipe {
	border: 1px solid gray;
	border-collapse: collapse;
	font-size:8px;
	background-color:#c6eeee;
}

table.swipe th {
	min-width:20px;
	border: 1px solid gray;
	padding:5px;
}

table.swipe td {
	border: 2px solid gray;
	margin: 5px 5px 5px 5px;
	min-height:50px;
	font-size:18px;
	color:grey;
}	

table.swipe-total {
	border: 1px solid gray;
	border-collapse: collapse;
	font-size:8px;
	background-color:#121caf;
}

table.swipe-total th {
	min-width:20px;
	border: 1px solid gray;
	padding:5px;
}

table.swipe-total td {
	border: 2px solid gray;
	margin: 5px 5px 5px 5px;
	min-height:50px;
	font-size:18px;
	color:grey;
}	

table.swipe-total td input {
	color:blue;
}

.generator-container {
	position:relative;
	margin: 10px auto;
	height:100%;
	padding: 5px;
	max-width: 1000px;
	white-space: nowrap;
	border: 1px solid #ddd;	
	background-color:#9fbcb1;
	color:white;
	padding-top:20px;
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.6);	
	font-weight:400;	
}

select {
    width: 10rem;
    background-color: #c3f0c6;
    border: #b2eeac 2px solid;
}
select > option {
    background-color: #b8e1ba;
}

.alert {
	position:absolute;
	top:50px;
	left:30px;
  border-radius: 1rem;
	width: 20rem;
}

.alert-zoom-in-out {
  font-size: 16px;
  height: auto;
  top: 20px;
  color: rgb(12, 84, 96);
  background-color: rgb(209, 236, 241);
}

.alert-server-error {
  color: #ffffff;
  background-color: #ff0000;
  border-color: #d6e9c6;
}
.alert-server-error hr {
  border-top-color: #c9e2b3;
}
.alert-server-error .alert-link {
  color: #ffffff;
}
.high-contrast-on,
.high-contrast-on a,
.high-contrast-on i {
  background-color: rgb(12, 84, 96);
  color: rgb(212, 237, 218);
}

.close {
	margin-right: 0.4rem;
}

.seen{
    border:1px solid red;
}


.blink_me {
  animation: blinker 1s linear infinite;
}

.delete-plan { 
	cursor:pointer;
	font-size:15px;
	margin-top:0;
	margin-right:10px;
	margin-bottom:1rem;
	max-height: 23px;
	width: 23px;
	text-align: center;
	color: red;
	border: 1px solid gray;
	background-color:lightgray;
	display:inline-block;
	
}

.dot {
	cursor:pointer;
	font-size:15px;
	text-align: center;
  height: 23px;
  width: 23px;
  background-color: #ff0000;
  border-radius: 50%;
  color:white;
  border: 1px solid gray;
  display: inline-block;
}

.inline-select{
	display:inline-block;
}

.btn-light{
	background-color:#c3f0c6;
}
.btn-light:focus {
	background-color:#c3f0c6;
}