.container-fluid {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.myPanel {
	border-color: #bbbbbb;
}

.myPanel > .card-header {
	color: #ffffff;
	background-color: #bbbbbb;
	border-color: #bbbbbb;
}

.myInfoButton {
/*  border-radius: 50%; */
/*  background: #B0B9BC; */
	border-radius: 5%;
	background: #df0a14;
	color: #ffffff;
	/* Old browsers */
	line-height: 1.3em;
	padding: 0 0.25em 0 0.25em;
	font-style: italic;
}

.hideSpinner {
	display: none;
}

.btn-default {
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
}

.btn-default:hover {
    background-color: #e6e6e6;
}

.btn-link {
	text-decoration: underline;
	padding: 0;
	border: 0;
}

.multiline-label {
	white-space: pre-wrap;
	word-wrap: break-word;
}

.align-input-padding {
	padding-right: 0.75rem;
}

tr > td.no-inner-border-start {
	border-right: none;
}

tr > td.no-inner-border-middle {
	border-left: none;
	border-right: none;
}

tr > td.no-inner-border-end {
	border-left: none;
}

.w-5 {
 	width: 5%;
}

.w-10 {
 	width: 10%;
}

.w-15 {
 	width: 15%;
}	

.w-20 {
 	width: 20%;
}	

.w-30 {
 	width: 30%;
}	

.w-40 {
 	width: 40%;
}

.w-50 {
 	width: 50%;
}

/* set color of focus */
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn:focus:not(.btn-link), .btn.focus:not(.btn-link) {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(128, 189, 255, 0.5);
}
.sr-only {
      border: 0; 
      clip: rect(0 0 0 0); 
      height: 1px; 
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
}