.nosel {
 /*   -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;*/
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

body {
    cursor: default;
    background-color: #F0F8FF;
    font-family: Verdana, Helvetica, Arial;
    font-size: 10pt;
    padding-right: .8em;
    vertical-align: middle;

    position: relative;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.bold {
    font-weight: bold;
}

.inline {
    display: inline-block;
}

.underline {

  text-decoration: underline;
}

.StopDiv {
    clear: both;
}

.TopLeft {
  font-weight: bold;
  font-size: larger;
  width: 100%;
  margin-bottom: 1em;
}

.TopBaer {
  vertical-align: text-bottom;
  width: 32px;
  height: 32px;
}

#ErrorBox {
    margin-top: 1em;
    border: .4em solid black;
    background-color: red;
    width: 100%;
}

#ErrorBox div {
    padding: .2em .4em;
    color: white;
}

.OuterBox {
    vertical-align: top;
    position: relative;
    text-align:  center;
    width: 100%;
    height: fit-content;
    overflow-y: hidden;
}

.BBMenuBoxTable {

    border: thin solid black;
    border-collapse: collapse;

    box-shadow: .3em .3em #000000;
    position: absolute;
    padding: .4em;
    width: 25.0em;
    color: #000;
    background-color: #FFF;

    font-family: Verdana, Helvetica, Arial;
    font-size: 10pt;
    font-weight: normal;
}

.BBMenuBoxTable .item {
    padding: .2em;
    vertical-align: top;
}

.BBMenuBoxTable .enabled:hover {

    color: #FFF;
    background-color: #000;
}

.BBMenuBoxTable .enabled:active {

    color: #FFF;
    background-color: #000;
}

.BBMenuBoxTable .disabled {

    color: #888;
}

.BBMenuBoxTable .menuicon {
    width: 1.3em;
    height: 1.3em;
}

.BBTabView input[type="radio"] {
	visibility: hidden;
}

.BBTabView label {
	border: 1px solid #333;
	border-radius: 0.5em;
	padding: 0.5em;
}

.BBTabView input:checked + label {
	background: #ebf5d7;
	color: #5a9900;
	box-shadow: none;
}

input:hover + label,
input:focus + label {
	background: #ffebe6;
}

.BBTabBar {
	position: relative;
  height: 32px;
}

.BBTabBar input {
	position: absolute;
	width: 1px;
	height: 1px;
	top: 0;
	left: 0;
}

.BBTabBar label {
	margin: 0.5em 0;
	border-radius: 0;
}

.BBTabBar label:first-of-type {
	border-radius: 0.5em 0 0 0.5em;
}

.BBTabBar label:last-of-type {
	border-radius: 0 0.5em 0.5em 0;
}

.BBList .selected {
  background-color: lightgrey;
}

.BBList .unselected {
  background-color: default;
}

.BBList .other {
  background-color: white;
}

.BBList .header {
  background-color: grey;
}

.width100 {
    width: 100%;
}

.ProfElement div:first-child {
    display: inline-block;
    width: 15%;
    text-align: left;
}

.ProfElement div:last-child {
    display: inline-block;
    width: 19%;
    text-align: left;
}

.ProfElement div {
  margin-left: 7px;
  margin-right: 7px;
    display: inline-block;
    width: 5%;
    text-align: center;
    overflow: hidden;
}

.ProfElement input:first-child {
   font-size: 10pt;
    display: inline-block;
    width: 15%;
    text-align: left;
}

.ProfElement input:last-child {
  font-size: 10pt;
    display: inline-block;
    width:19%;
    text-align: left;
}

.ProfElement input {
  margin-left: 4px;
  margin-right: 4px;
  font-size: 10pt;
    display: inline-block;
    width: 5%;
    text-align: center;
    overflow: hidden;
}

.FacKey {
  margin-left: 7px;
  margin-right: 7px;
  display: inline-block;
  width:89.8%;
  text-align: left;
}

.FacKeyLabel {
  margin-left: 7px;
  margin-right: 7px;
  display: inline-block;
  width:8%;
  text-align: left;
}

.UnitModel div {
  margin-left: 7px;
  margin-right: 7px;
    display: inline-block;
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.checkbox {
  background-color: #000;
  width: 40px;
  height: 40px;
  object-fit: scale-down;
  opacity: .4;
}

.checkboxChecked {
  background-color: #000;

  width: 40px;
  height: 40px;
  object-fit: scale-down;
}

#Cards {
  position: static;
  
  
}

textarea {
  margin: auto;
  display: inline-block;
  width: 40em;
  height: 6em;
}

.divMargins {
  display: inline-block;
  vertical-align: top;
}

.divMargins label {
  display: block;
  border: none;
  font-size: 9pt;
  padding-top: 0px;
  padding-bottom: 1px;
}

.divMargins input {
  width: 3em;
  font-size: 8pt;
}

.BBTabBar label {
  display: none;
}

label.hideBack {
  border: none;
  background-color: transparent;
}

.BBTabView input:checked + label.hideBack {
	background: none;
	color: black;
	box-shadow: none;
}

input:hover + label.hideBack,
input:focus + label.hideBack {
	background: none;
}

table.DividerBox {
  display: table;
  width: 100%;
  text-align: center;
  vertical-align: top;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}

.DividerBox td {
  vertical-align: top;
  margin: 0;
  padding: 0;
}