* {margin: 0; padding: 0}
body{background: #f8f9fa}
.header {padding: 7px; background: #eeeeee}
.content{padding: 25px;}
.footer {background: #343a40!important; color: #fff; text-align: center; padding: 7px}
.footer a{text-decoration: none}
.logo a, .logo {font-size: 24px; color: #483d8b; text-decoration: none}
.header-bottom {padding: 7px; background: #f8f8f8}
.btn{border-radius: 0}

#collegeRegistrationDiv{
    width: 100%;
    color: #333333;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 0;
    align-items: center;
    justify-content: space-around;
    display: flex;
    float: none;
    font-family: inherit;
}

fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
    box-shadow:  0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width:inherit; /* Or auto */
    padding:0 10px; /* To give a bit of padding on the left and right */
    border-bottom:none;
}