a.disabled {
   pointer-events: none;
   cursor: default;
   color: grey;
}

.thumbnail {
  padding:0px;
  border-radius: 100px;
}
.panel {
position:relative;
}
.panel>.panel-heading:after,.panel>.panel-heading:before{
position:absolute;
top:11px;left:-16px;
right:100%;
width:0;
height:0;
display:block;
content:" ";
border-color:transparent;
border-style:solid solid outset;
pointer-events:none;
}
.panel>.panel-heading:after{
border-width:7px;
border-right-color:#f7f7f7;
margin-top:1px;
margin-left:2px;
}
.panel>.panel-heading:before{
border-right-color:#ddd;
border-width:8px;
}

.nav-tabs {
  margin-bottom: 10px;
}

















.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; font-size: 0.85em; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #FFED00; cursor: pointer; text-decoration: underline;}
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }



@media (min-width: 0) {
  .g-mr-15 {
      margin-right: 1.07143rem !important;
  }
}
@media (min-width: 0){
  .g-mt-3 {
      margin-top: 0.21429rem !important;
  }
}

.g-height-80 {
  height: 80px;
}

.g-width-80 {
  width: 80px !important;
}

@media (min-width: 0){
  .g-pa-30 {
      padding: 2.14286rem !important;
  }
}

.g-bg-secondary {
  background-color: #fafafa !important;
}

.u-shadow-v18 {
  box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.15);
}

.g-color-gray-dark-v4 {
  color: #777 !important;
}

.g-font-size-12 {
  font-size: 0.85714rem !important;
}

.media-comment {
  margin-top:20px
}

.dot-black {
  height: 16px;
  width: 16px;
  background-color: rgb(0, 0, 0);
  border-radius: 50%;
  display: inline-block;
  margin-right: 2px;
}

.dot-blue {
  height: 16px;
  width: 16px;
  background-color: rgb(0, 81, 255);
  border-radius: 50%;
  display: inline-block;
  margin-right: 2px;
}

.dot-lightgreen {
  height: 16px;
  width: 16px;
  background-color: rgb(52, 255, 59);
  border-radius: 50%;
  display: inline-block;
  margin-right: 2px;
}

.dot-green {
  height: 16px;
  width: 16px;
  background-color: rgb(44, 199, 50);
  border-radius: 50%;
  display: inline-block;
  margin-right: 2px;
}

.dot-darkgreen {
  height: 16px;
  width: 16px;
  background-color: rgb(0, 112, 37);
  border-radius: 50%;
  display: inline-block;
  margin-right: 2px;
}

.dot-orange {
  height: 16px;
  width: 16px;
  background-color: rgb(255, 153, 75);
  border-radius: 50%;
  display: inline-block;
  margin-right: 2px;
}

.dot-red {
  height: 16px;
  width: 16px;
  background-color: rgb(255, 75, 75);
  border-radius: 50%;
  display: inline-block;
  margin-right: 2px;
}