div.error-container {
    position: absolute;
    right: 3em;
    top: 3em;
    width: 25em;
}

.entity-info {
    font-style: italic;
    font-size: smaller;
}

/* ui.bootstrap */
.nav, .pagination, .carousel, .panel-title a {
    cursor: pointer;
}

.row.door-buttons .btn {
    white-space: normal;
}

.row.door-buttons {
    margin-bottom: 15px;
}


.door-buttons-flex {
  display: flex;
  column-gap: 30px;
  flex-wrap: wrap;
  row-gap: 15px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 10px;
}

.door-buttons-flex .btn {
  width: 100%;
  max-width: 300px;
}



/* Avatar on navbar */
.header-avatar {
    webkit-border-radius: 50%;
    border-radius: 50%;
    padding-right: 2px;
}

.navbar-collapse > ul > li > a.dropdown-toggle {
    padding-top: 11px;
    padding-bottom: 0px;
}


/* Public profile */
.user-detail-header {
    margin-bottom: 50px;
}

.user-detail-header img {
    border-radius: 50%;
    margin-right: 20px;
}

.user-detail-header div {
    display: inline-block;
    vertical-align: middle
}

.user-detail-header h2 {
    margin-top: 0;
}

.user-detail-contact-info {
    margin-bottom: 40px;
}

.user-detail-contact-info .form-group {
    margin-bottom: 0;
}




/* my own interpretation of Bootstrap callout */
.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 4px;
  margin-left: 0px;
}
.bs-callout-xl {
  margin-left: 0px;
}
.bs-callout-lg {
  margin-left: 50px;
}
.bs-callout-md {
  margin-left: 100px;
}
.bs-callout-sm {
  margin-left: 150px;
}
.bs-callout-xs {
  margin-left: 200px;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code {
  border-radius: 4px;
}
.bs-callout+.bs-callout {
  margin-top: -5px;
}
.bs-callout-default {
  border-left-color: #777;
  background-color: #f7f7f9;
}
.bs-callout-default h4 {
  color: #777;
}
.bs-callout-primary {
  border-left-color: #428bca;
}
.bs-callout-primary h4 {
  color: #428bca;
}
.bs-callout-success {
  border-left-color: #5cb85c;
  background-color: #efffe8;
}
.bs-callout-success h4 {
  color: #5cb85c;
}
.bs-callout-danger {
  border-left-color: #d9534f;
  background-color: #fcf2f2;
}
.bs-callout-danger h4 {
  color: #d9534f;
}
.bs-callout-warning {
  border-left-color: #f0ad4e;
  background-color: #fefbed;
}
.bs-callout-warning h4 {
  color: #f0ad4e;
}
.bs-callout-info {
  border-left-color: #5bc0de;
  background-color: #f0f7fd;
}
.bs-callout-info h4 {
  color: #5bc0de;
}
/* bg transparency and disabled effects for Bootstrap callout */
.bs-callout-default.transparent {
  background-color: rgb(247, 247, 249, 0.7); /*#f7f7f9*/
}
.bs-callout-success.transparent {
  background-color: rgb(239, 255, 232, 0.7); /*#efffe8*/
}
.bs-callout-warning.transparent {
  background-color: rgb(254, 251, 237, 0.7); /*#fefbed*/
}
.bs-callout-danger.transparent {
  background-color: rgb(252, 242, 242, 0.7); /*#fcf2f2*/
}
.bs-callout-info.transparent {
  background-color: rgb(240, 247, 253, 0.7); /*#f0f7fd*/
}
.bs-callout.disabled {
  opacity: 0.4;
}


ul {
  line-height: 2.5rem;
}

ul li::marker {
  color: rgba(0, 0, 0, 0.3);
}

ul.no-padding {
  padding-left: 0;
}

hr {
  margin-top: 30px;
  margin-bottom: 30px;
}

.btn:focus {
  outline: none !important;
}

.underline-button {
  border-bottom: 2px solid #428bca;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.tools-buttons-table > tbody > tr > td {
  border-top: none;
  max-width: 100px;
}

.tools-buttons-table .btn {
  line-height: 2rem;

  width: 100%;
  max-width: 400px;
  margin: auto;

  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.list-inline-badges > li {
  margin-bottom: 15px;
}

.panel-clickable:hover {
  cursor: pointer;
  background-color: #bce8f120;
}