.template-sample-container #appTemplate_cafe .device-status-bar {color: rgba(0, 0, 0, 0.66);}
.template-sample-container #appTemplate_cafe.sample-app-group {background-color: #ccb08d;}
.template-sample-container #appTemplate_cafe .afy-notify-badge {
    color: #fff;
    background-color: #e21d1d;
}

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

/* AFY APPBAR COMPONENT */
#appTemplate_cafe .afy-app-component.appbar {background-color: #ccb08d;}
#appTemplate_cafe .afy-app-component.appbar .logo-container {color: #552503;}

/* AFY CAROUSEL COMPONENT */
#appTemplate_cafe .carousel-component .afy-item-container > .text-container {
	color: #fff;
	background-image: linear-gradient(rgba(255, 192, 203, 0), #fad9c3);
}
#appTemplate_cafe .carousel-component .component-item-divider {background-color: #6e3d21;}

/* AFY HORIZONTAL SCROLL COMPONENT */
#appTemplate_cafe .horizontal-scroll-component {background-color: #ccb08d;}
#appTemplate_cafe .horizontal-scroll-component .text-inner-container {background-color: rgba(86, 37, 5, 0.9);}
#appTemplate_cafe .horizontal-scroll-component .component-item-title {color: #ccb08c;}

/* AFY HORIZONTAL BUTTON COMPONENT */
#appTemplate_cafe .horizontal-btn-component {
	padding: 4px;
	background-color: #fad9c3;
}
#appTemplate_cafe .horizontal-btn-component .afy-item-container {
	background-color: #000;
    border: 1px solid #fad9c3;
}
#appTemplate_cafe .horizontal-btn-component .icon-container {border-color: #fad9c3;}
#appTemplate_cafe .horizontal-btn-component .component-item-title {color: #6e3d21;}

/* AFY FANCY BUTTON COMPONENT */
#appTemplate_cafe .fancy-btn-component-1 {background-color: #ccb08d;}
#appTemplate_cafe .fancy-btn-component-1 .image-container {background-color: #441c05;}
#appTemplate_cafe .fancy-btn-component-1 .image-container img {opacity: 0.5;}
#appTemplate_cafe .fancy-btn-component .text-inner-container .afy-icon {color: rgba(255, 255, 255, 0.66);}
#appTemplate_cafe .fancy-btn-component .text-inner-container .component-item-title {color: #fff;}
#appTemplate_cafe .fancy-btn-component-2 {background-color: #562505;}
#appTemplate_cafe .fancy-btn-component-2 .image-container:nth-child(1) {background-color: #ccb08d;}
#appTemplate_cafe .fancy-btn-component-2 .image-container:nth-child(2) {background-color: #ccb08d;}
#appTemplate_cafe .fancy-btn-component-2 .image-container:nth-child(3) {background-color: #ccb08d;}
#appTemplate_cafe .fancy-btn-component-2 .text-inner-container .afy-icon {color: rgba(86, 37, 5, 0.78);}
#appTemplate_cafe .fancy-btn-component-2 .text-inner-container .component-item-title {color: #562505;}

/* AFY BOTTOM NAVIGATION COMPONENT */
#appTemplate_cafe .bottom-navigation {background-color: #fce2d0;}
#appTemplate_cafe .bottom-navigation .component-item-title {color: #160f09;}

/* AFY GALLERY COMPONENT */
#appTemplate_cafe .gallery-component {background-color: #271509;}
#appTemplate_cafe .gallery-component [class*=afy-col-] .afy-item-container::after {border: 2px solid #271509;}
#appTemplate_cafe .gallery-text-area {color: #c5aa88;}