.progress-bar {
  position: relative;
  overflow: visible;
  height: 14px;
  top: 5px;
  left: -3px;
  right: 10px;
  min-width: 0%;
  max-width: 100%;
  float:left;
  display:flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.progress {
  height: 45px;
  background-color: transparent;
  margin: 1px;
  padding-right: 5px;
  padding-left: 0px;
  overflow-y: visible;
  overflow-x: visible;
}

.progress  .progress-bar:not(.no-after-dot):after   {
  content: '';
  display: inline;
  position: absolute;
  width: 22px;
  height: 22px;
  background-color: inherit;
  border-radius: 50%;
  right: -5px;
  overflow: visible;
  z-index: 1;
}

.progress .progress-bar:hover::after {
    outline-color: #172b54;
  outline-style: solid;
  outline-width: 2px;
  text-transform: capitalize;
}


.progress-bar .tooltiptext {
 height:25px;
  background-color: black;
  top: 200%;
  flex-basis:75px;
  color: #fff;
  align-self:center;
  justify-self: center;
  border-radius: 6px;
  position: relative;
  padding-top: 5px ;
  z-index: 3;

}

.progress-bar .tooltiptext::after{
  content: "";
  /* position: relative; */
  z-index: 3;
  align-self:flex-start;
  bottom: 135%;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

.progress-bar:hover .tooltiptext {
  visibility: visible;
}

.progress .first-dot {
  content: '';
  display: inline;
  position: absolute;
  width: 22px;
  height: 22px;
  left:65px;
  border-radius: 50%;
  margin-top: 1px;
  overflow: visible;
  z-index: 2;
  padding: 0;
}

.progress .first-dot:hover {
  outline-color: #172b54;
  outline-style: solid;
  outline-width: 2px;
}


#contact-form-label {
  width: 7em;
  max-width: 7em;
}

textarea.form-control {
  min-height: 3em;
  height: 3em;
}

smalltext.form-control {
  min-height: 2em;
  height: 2em;
}

.update-button-row {
  padding: 25px;
}

a h5:hover{
  color: #4c7dd6;
  cursor:pointer;
}

.asText{
  background: none;
  border: none;
  margin: 0;
  padding:0
}

.btn-outline-primary{
  background:white
}

.btn-outline-primary .active{
  color:white !important;
  background: #0185ca
}

.right {
  float:right
}

.form-control .error{
  color:red
}

.selectedItem{
  font-weight: bold ;
}

.invalidForm{
  /* display:inline; */
  /* width:100%; */
  margin-top:.25rem;
  font-size:.875em;
  color:#dc3545
}


.report-sub-title{
  color:#0185ca;
  font-style: italic;
}

.rw-date-picker{
  height:36px!important;

}

.announce .rw-date-picker{
  padding-top: 1;
}

.rw-widget-picker {
  height:36px !important;
  border-radius: 10px !important;
  border: 1px solid #e6e6e6 !important;
}

.rw-widget-input{
  height:36px !important;
  align-content: start;
}

.rw-input {
  padding-left: .75rem !important;
  padding-right: .75rem !important;
  padding-top: 6px !important;
  padding-bottom:6px  !important;

}

.rw-calendar .rw-widget{
  border-color:#0185ca
}

.rw-input-addon, .rw-input-addon.rw-picker-btn  {
  border-left-color: #e6e6e6 !important;
}

.rw-popup{
  border-color:#0185ca !important;
  border-radius:10px;
}

 .rw-state-focus .rw-widget-picker  {
  border:1px solid #0185ca !important;
  box-shadow:none !important;

}

.rw-state-focus .rw-widget-input  {
  /* border:1px solid #0185ca !important; */
}