body { background-color: rgb(38 38 38); border-radius: 25px; padding: 25px; /*width: 900px;*/ width: stretch; color: lightgrey; } h5 { color: lightgrey; } .timesblock { display: block; } .times { display: inline-block; width: 270px; padding-top: 15px; } .detailsblock { display: block; } .details { display: inline-block; width: 250px; padding-top: 15px; } .controlButton { margin-right: 10px; } ::deep .raidButton { color: lightgray; background-color: #444444; width: 100px; border: none; padding: 8px; text-align: center; text-decoration: none; margin: 4px 2px; cursor: pointer; border-radius: 8px; } table { column-width: auto; color: lightgray; } .errormessage{ color:red; } .signUpStatusTooltip { position: relative; display: inline-block; margin-left: 150px; } .signUpStatusTooltip .tooltiptext { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; top: -5px; right: 110%; } .signUpStatusTooltip .tooltiptext::after { content: ""; position: absolute; top: 50%; left: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent black; } .signUpStatusTooltip:hover .tooltiptext { visibility: visible; }