.ButtonBarMarkupHint {
   /* color: black; */
   font-size: 11px;
}
#DiscussionForm .ButtonBar {
   margin-bottom: -5px;
}
#DiscussionForm .ButtonBarMarkupHint {
   margin-top: -6px;
}
.BarWrap {
}
.ButtonBar .ButtonWrap {
   color: #555;
   height: 28px;
   width: 28px;
   z-index: 50;
   display: inline-block;
   transition: all 0.2s;
   border-radius: 1px;
}
/** This causes clearing problems when the panel is taller than the content 
#DiscussionForm .TextBoxWrapper,
.CommentForm .TextBoxWrapper {
   clear: left;
}
*/
.ButtonBar .ButtonWrap:hover {
   background-color: #00a4e3;
   color: #fff;
   cursor: pointer;
}
.ButtonBar .ButtonWrap span {
   display: none;
}
.ButtonBar .ButtonOff {
   display: none;
   cursor: auto;
   opacity: 0.3;
}
.ButtonBar .ButtonOff:hover {
   background-color: white;
}
.ButtonBar .ButtonWrap {
   font-family: 'FontAwesome Pro 5';
   font-size: 15px;
   position: relative;
}
.ButtonBar .ButtonWrap .fal {
   position: relative;
   top: 2px;
   left: 4px;
   pointer-events: none;
}