Follow the instructions below if you want to change the background color of the option tabs in the Appointment Pro feature.

1) Log into your App Manager and select your app.

2) Click Colors from the left-hand-side of the screen (or the middle of the screen).

3)Scroll down to the Advanced SCSS box. If there is already code in the advanced SCSS box, do not remove it. Start a new line “after” the last character in the box, then paste the above code. 

/*** BEGIN: APPOINTMENT PRO - CHANGE HEADER TABS COLOR ***/
element.style {
}
.appointmentpro .location-tabs {
position: relative;
}
.tabs {
border-color: #b2b2b2 !important;
background-color: #1F478B !important; /* tab background color */
background-image: linear-gradient(0deg,#b2b2b2,#b2b2b2 50%,transparent 50%);
color: #ffffff !important; /*text color */
position: absolute;
bottom: 0;
z-index: 5;
width: 100%;
height: 49px;
border-style: solid;
border-top-width: 1px;
background-size: 0;
line-height: 49px;
}
/*** END: APPOINTMENT PRO - CHANGE HEADER TABS COLOR ***/

4)Click Save.