#appTemplate_hairDresser .device-status-bar {color: rgba(0, 0, 0, 0.66);}
#appTemplate_hairDresser.sample-app-group {background-color: #6B7177;}
#appTemplate_hairDresser .afy-notify-badge {
    color: #fff;
    background-color: #6f42c1;
}

/* AFY FULL SCREEN BACKGROUND IMAGE */
#appTemplate_hairDresser .cover-image {
    background-color: #fff;
    background-image: url(https://cdn.appforyou.io/afy/app-ideas/hairdresser/app/tLKOj6cNwe0.jpeg);
    background-position: center 25%;
}

/* AFY SPACER COMPONENT */
#appTemplate_hairDresser .spacer-component {height: 212px;}

/* AFY APPBAR COMPONENT */
#appTemplate_hairDresser .afy-app-component.appbar {background-color: rgba(255, 255, 255, 0.66);}
#appTemplate_hairDresser .afy-app-component .icon-container {
    color: #6f42c1;
    border-color: #6f42c1;
}
#appTemplate_hairDresser .afy-app-component.appbar .logo-container {color: #6f42c1;}

/* AFY FANCY BUTTON COMPONENT */
#appTemplate_hairDresser .fancy-btn-component .image-container {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 50em;
}
#appTemplate_hairDresser .fancy-btn-component .text-inner-container .afy-icon {color: rgba(111, 66, 193, 0.5);}
#appTemplate_hairDresser .fancy-btn-component .text-inner-container .component-item-title {color: #6f42c1;}

/* AFY BOTTOM NAVIGATION COMPONENT */
#appTemplate_hairDresser .bottom-navigation {background-color: rgba(145, 124, 190, 0.7);}
#appTemplate_hairDresser .bottom-navigation .icon-container {color: rgba(255, 255, 255, 0.66);}
#appTemplate_hairDresser .bottom-navigation .component-item-title {color: rgba(255, 255, 255, 0.5);}