html {
  position: relative;
  min-height: 100%;
}

body {
  padding-top: 50px;
}

.loginBox {
	border: 2px solid #ABA;
	border-radius: 25px;
	padding: 20px;
	-webkit-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.35);
	box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.35);

}

.bg {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #CDC;
	z-index: -9999;
}

.footer {
  position: absolute;
  bottom: -35px;
  width: 80%;
  left: 10%;
  height: 45px;
  padding-left: 8%;
  padding-right: 8%;
  padding-top: 12px;
  font-size: 16px;
  color: #999;
  margin-bottom: -15px;
  border-top: 1px solid #DDD;
}


body > .container {
  padding: 60px 15px 0;
}

.container .text-muted {
  margin: 20px 0;
}

.entityOverlay {
	position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8);
}

.closeButtonOverlay {
	position: fixed; top: 87.5%; left: 85%; width: 7.5%; height: 5%;
}

.okayButtonOverlay {
	position: fixed; top: 87.5%; left: 76%; width: 7.5%; height: 5%;
}

.addButtonOverlay {
	position: fixed; top: 87.5%; left: 7.6%; width: 12.5%; height: 5%;
}

.entityPanel {
	position: fixed; top: 5%; left: 5%; width: 90%; height: 90%; background-color: #fff; border: 2px solid #000;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}

.entityBusyOverlay {
	position: fixed; top: 5%; left: 5%; width: 90%; height: 90%; background-color: rgba(0,0,0,0.9); color: #fff;
}

.entityNameDisplay {
	position: fixed; top: 7.5%; left: 7.5%; width: 30%; height: 5%; display: inline; font-size: 24px; font-weight: bold;
}

.entityFilters {
	position: fixed; top: 7.5%; left: 30%; width: 60%; height: 5%; display: inline;
}

.entityTable {
	position: fixed; top: 17.5%; left: 7.5%; width: 85%; height: 67.5%; background-color: #eee; overflow-y: scroll;
	border: 1px solid black;
}

.entityTable tr:not(:first-child):hover {
	background-color: #ACA;
}

.entityTableSelector:hover {
	background-color: red;
	cursor: copy;
}

.entityTableDeselector:hover {
	cursor: no-drop;
}
.entityTableDeselector{
	background-color: #8A8;
	color: white;
}

.entitySortableHeader:hover {
	background-color: orange;
	cursor: pointer;
}
	
.quoteFieldRequiered {
	width: 100px;
	color: green;
	font-weight: bold;
}

.quoteField{
	width: 100px;
	color: #050;
	font-weight: bold;
}

.no {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.login {
	width: 40%;
}

.login:hover {
	text-decoration: none;
	top: -4px;
	-webkit-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.35);
	position: relative;
}

.titleHover:hover {
	text-decoration: none;
	top: -1px;
	position: relative;
}

.badgeHover:hover {
	background-color: #222;
	color: #FBB;
	cursor: crosshair;
}

.selectableLI {
    display: block;
    background-color: #CCC;
    margin-bottom: 16px;
    padding-left: 32px;
}

.selectableLI:hover {
    cursor: pointer;
    background-color: #BDB;
    
}

.uniformLabel {
    min-width: 110px;
    text-align: right;
}