/* Tooltip container */
.tooltip {
 position: relative;
 display: inline-block;
 padding: 5px 0;
/* margin: 5px,5px,5px,0;*/
/* border-bottom: 1px dotted black;*/ /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
 top: -5px;
 right: 105%;
 visibility: hidden;
 width: 50vw;
 background-color: black;
 color: #fff;
 text-align: center;
 padding: 5px 0;
 border-radius: 6px;
 /* Position the tooltip text - see examples below! */
 position: absolute;
 z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
 visibility: visible;
}


.form-row {width: 50%; display: inline-block;}