/* RESET */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Background */
body {
   background-image: fsccback.jpg(to bottom, #18A0Be, #622DB9);;
}

/* Main view area */
.maincontainer {
   height: calc(100vh - 100px); /* 100px is from the menu bar and footer heights.  Adjust as needed */
}

/* Menu */
.navbar {
    background-color: white;
 }
 
 .k-menu {
    background-color: white;
 }
 
 .k-menu .k-state-active, .k-popup.k-context-menu.k-group .k-state-hover {
    background-color: white;
 }

/* Schedule setup */
h1.scheduleTitle {
    background-color: white;
    text-align:center;
    }
    
.scheduleContainer {
   display: flex;
   justify-content: center;
}

.k-scheduler{
   height: calc(100vh - 166px);  /* subtract 100 for nav bar and footer, and substract the height on scheduleTitle */
   width: 75%;
}

/* Footer */
.finnly-footer {
    color: #ffffff;
 }
 
/* Payment screen borders */
fieldset.group-border {
    border: 1px solid #968b8b;
    border-radius: 25px;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend.group-border {
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
}