.res_action {display: none;margin: 0px 0px 6px 100px;}

#formContainer {text-align :center;
	margin-top:1%;
	margin-bottom:1%;
	border-radius: 4px;
	padding-top:10px;
	padding-bottom:5px;
	background-image: url(../images/Otay_Lakes_View.png);
	background-repeat: no-repeat;
	background-size: auto;
}

#login_form {
	border: 1px solid;
	border-color: #9a9a9a;
	background-color:#fff;
	border-radius: 4px;
	padding: 10px;
	max-width: 350px;
	margin: 50px auto;
}

#interface {
border: 1px solid black;
width:99%;
margin-left:5px;
border-radius: 6px;
}
.activity {
 	border: 1px solid black;
	vertical-align:top;
	font-size:125%;
	width:50%;
	padding-bottom:1em;
	background-color:#80ffdf;
	border-radius: 6px;
}

#unit {
	margin-left:1em;
	margin-right:1em;
}

@media screen and (max-width: 600px) {

	.activity, .vendor {display:block;width:99%;}
	.vendor_items {width:90%;}
	#login_form {margin:0px auto;}
}

.container {

padding-left:2em;

}

.waiting {
  font-weight:bold;
  position: relative;
  animation-name: process;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}

@keyframes process {
  0%   {left:0px;}
  25%  {left:50px;}
  50%  {left:0px;}
  75%  {left:50px;}
  100% {left:0px;}
}

.accordion-toggle {cursor: pointer;}
.accordion-content {display: none;}
.accordion-content.default {display: block;}


.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: .5em;
  width: 95%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1em;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #ccc; 
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}

#alert {
  margin-left:1em;
  margin-right:1em;
  padding:7px;
  background:orange;
  text-align:center;
  border-radius:4px;
  box-shadow: 3px 3px 5px gray;
}

li:hover {
  background-color: yellow;
}

#audit {
  display:none;
  width:75%;
  height:50%;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  left:10%;
  top:20em;
  z-index: 9;
  background: lightblue;
  opacity: 0.9;
  border-style: solid;
  overflow-x:hidden;
  overflow-y:scroll;
  box-shadow: 5px 5px 7px gray;
}

.popup {
  float:right;
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.vendor_items {
font-family:arial;
height:300px;
overflow-x:hidden;
overflow-y:scroll;
margin-top:0px;
border-radius: 4px;
}

#vendiv {
width:99%;
margin-left:5px;
border: 1px solid black;
border-radius:6px;
font-size:125%;
}

.div_header {
font-weight:bold;
border-style:double;
margin-top:0px;
border-radius:4px;
}