conflitto bootstrap 4? vedi interno

[quiris!]

buongiorno,

non mi stampa a video questo codice html online mentre con gli stessi accorgimenti (css) in locale me lo visualizza il codice è questo:

<fieldset class="scheduler-border">
<legend class="scheduler-border">Start Time</legend>
<p class="text-center">Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio est itaque harum, magni et nihil.</p>
</fieldset>


fieldset.scheduler-border {
position: relative;
border: 3px groove black !important;
padding: 0 1.4em 0em 1.4em !important;
margin: 0 0 1.5em 0 !important;
bottom: 6em;
-webkit-box-shadow: 0px 0px 0px 0px #000;
box-shadow: 0px 0px 0px 0px #000;
width: 60%;
left: 20%;
}

legend.scheduler-border {
font-size: 1.2em !important;
font-weight: bold !important;
text-align: left !important;
(questo e quello che ho aggiunto e me lo visualizza in locale mentre online niente
f fare.)
width: auto; /* Or auto */
padding: 0 10px; /* To give a bit of padding on the left and right */
border-bottom: none;

dove sta il mistero?