@media (min-width: 768px) {
   .container {
	max-width: 730px;
   }
}
.indent {
    padding-left: 35px;
}

label {
    font-weight: bold;
}
.inl {
	display:inline;
}

.muted {
	color: #555;
}


.bodyapp {
    padding: 0px;
    
}

// stylelint-disable declaration-no-important

// Width and height

@each $prop, $abbrev in (width: w, height: h) {
  @each $size, $length in $sizes {
    .#{$abbrev}-#{$size} { #{$prop}: $length !important; }
  }
}

.mw-100 { max-width: 100% !important; }
.mh-100 { max-height: 100% !important; }

// Viewport additional helpers

.min-vw-100 { min-width: 100vw !important; }
.min-vh-100 { min-height: 100vh !important; }

.vw-100 { width: 100vw !important; }
.vh-100 { height: 100vh !important; }


.navbar-dark h5 {
	color:#ddd;
}

#formNavBar .nav-item .active {
	
	padding-left:5px;
}

.card-body {
	
	padding:10px;
}
.icon-lg {
	font-size: 2em;
	margin-top:5px;
	margin-right:6px;
}
.grey {
	color:#aaa;
}

.pad20 {
	padding:20px;
}
#numselected {
	display:inline;
	/*background:yellow;
	padding:5px;
	font-weight:bold;*/
}

.selected .list-group-item {
	background-color: #B0BED9;
}