.panel-cus1 {
  border-color: #bce8f1;
}
.panel-cus1 > .panel-heading {
  color: #fff;
  background-color: #2d3742;
  border-color: #bce8f1;
}
.panel-cus1 > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-cus1 > .panel-heading .badge {
  color: #fff;
  background-color: #31708f;
}
.panel-cus1 > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #31708f;
  height: 275px;
}

.panel-cus2 {
  border-color: #bce8f1;
}
.panel-cus2 > .panel-heading {
  color: #fff;
  background-color:#ff6a00;
  border-color: #bce8f1;
}
.panel-cus2 > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-cus2 > .panel-heading .badge {
  color: #fff;
  background-color: #31708f;
}
.panel-cus2 > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #2d3742;
}

.font-bold {
font-weight: bold;

}


/********** ToolTips *******************/
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}