<style type="text/css">
  
button {
  font-family: 'Open Sans', sans-serif;
  color:#505050;
}
  
label{
  font-family: 'Open Sans', sans-serif;
  color:#157c85;
  font-weight: 600;
}
   
.label-pill {
  color: #157c85;
  background-color: #157c85;
  height: 32px !important;
  padding-right: .6em;
  padding-left: .6em;
  border-radius: 10rem;
  margin-top: 5px !important;
  margin-right: 5px;
  padding-bottom: 20px;  
  padding-top: 10px !important;
  margin-bottom: 20px !important;
}
  
.label-pill.red{
  background-color: #EB0029;

}
  
.label-pill.green{
  background-color: #40BD7C;

}
  
.btn.btn-primary {
  background-color:#157c85 !important;
  border-color:#157c85 !important;
}
  
.btn.btn-primary:hover {
  background-color:#0F5760 !important;
  border-color:#157c85 !important;
}
  
.btn.btn-primary:active {
  background-color:#126671 !important;
  border-color:#126671 !important;
}
  
.btn.btn-primary:disabled {
  background-color:#EEEEEE !important;
  border-color:#EEEEEE !important;
  color:#505050 !important;
}
  
.row.place{
  display: flex;
  justify-content: center;
}
  
.centered {
  display: flex !important; 
  justify-content: center !important;
  padding: 10px;
}
  
.tooltip > .tooltip-inner {
  background-color: #157c85; 
  color: #FFFFFF; 
  border: 1px solid #157c85;
  padding: 10px;
  font-size: 16px;
}
  
textarea {
  width: 200px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  resize: none;
}
  
.heading {
  display: flex;
  align-items: stretch;
}

.column {
  flex: 1;
  display: inline-block;  
}
  
 
</style>
