/* For Login Logo Image Width / Height
	Width - 177px
	Height - 125px
*/


/* For Inner Screen Logo Image Width / Height
	Width - auto
	Height - 34px
*/



/* Yellow Color Code - #ffba21  */

/* Black Color Code - #000000  */

/* White Color Code - #ffffff  */




/* Login Header Background Color / Logo Header Background Color / All Main Buttons Background Color / Product Detail Price Background Color / Checkbox Background Color / Popup Option List Background Color / Page Footer Buttons Background Color / Picker Header Background Color / Picker Bar Background Color / Search Popup Radio Buttons Background Color */

.store-app-container.store-app-login-container .login-form, .store-app-container .x-toolbar-dark.x-docked-top, .store-app-container .btn.x-button, .store-app-container .gray-btn.x-button, .search-popup.x-sheet .btn.x-button, .search-popup.x-sheet .gray-btn.x-button, .x-msgbox.store-msg-window .x-button.x-button-action, .x-msgbox.store-msg-window .gray-btn.x-button.x-button-action, .x-msgbox.store-msg-window .x-button.x-button-normal, .store-app-container .product-details-block .product-price, .store-app-container .x-input-radio:checked+.x-field-mask::after, .x-list-normal .x-list-item.x-list-item-tpl.x-item-pressed, .x-list-normal .x-list-item.x-list-item-tpl.x-item-selected, .store-app-container .x-toolbar-dark.x-docked-bottom .x-button, .x-picker.store-picker .x-toolbar-dark, .x-picker.store-picker .x-picker-bar, .search-popup.x-sheet .x-form-fieldset.sortBy-price-field .x-form-fieldset-inner .x-input-radio:checked+.x-field-mask::after, .store-app-container .btn.x-button.x-button-pressing, .search-popup.x-sheet .btn.x-button.x-button-pressing, .x-msgbox.store-msg-window .x-button.x-button-action.x-button-pressing, .x-sheet.popup-form-block .btn.x-button, .x-sheet.popup-form-block .btn.x-button.x-button-pressing {
background:#ffffff !important; /*color1*/
}


/* Login Tittle Text Color / All Main Buttons Text Color / Product Detail Price Text Color / Popup Option List Checkmark Color / Footer Buttons Text Color */
.store-app-container.store-app-login-container .login-title, .store-app-container .btn.x-button .x-button-label, .store-app-container .gray-btn.x-button .x-button-label, .search-popup.x-sheet .btn.x-button .x-button-label, .search-popup.x-sheet .gray-btn.x-button .x-button-label, .x-msgbox.store-msg-window .x-button.x-button-action .x-button-label, .x-msgbox.store-msg-window .gray-btn.x-button.x-button-action .x-button-label, .x-msgbox.store-msg-window .x-button.x-button-normal .x-button-label, .store-app-container .product-details-block .product-price, .x-select-overlay .x-item-selected.x-list-item::after, .store-app-container .x-toolbar-dark.x-docked-bottom .x-button, .x-list .x-list-item.x-item-selected .x-dock-horizontal .x-innerhtml, .x-list .x-list-item.x-item-selected.x-list-item-tpl .x-innerhtml, .x-sheet.popup-form-block .btn.x-button .x-button-label, .x-sheet.popup-form-block .gray-btn.x-button  .x-button-label  {
color:#061b31 !important; /*color2*/
}


/* Search Header Background Color / All Dark Buttons Background Color / Footer Background Color / Picker Background Color / Picker Buttons Color */

.store-app-container .search-bar, .store-app-container .search-bar .x-input-text, .store-app-container .x-toolbar-dark.x-docked-top .x-button, .store-app-container .gray-btn.x-button, .search-popup.x-sheet .gray-btn.x-button, .x-msgbox.store-msg-window .gray-btn.x-button.x-button-action, .x-msgbox.store-msg-window .x-button.x-button-normal , .store-app-container .x-toolbar-dark.x-docked-bottom, .x-picker.store-picker .x-button.x-button-action, .x-msgbox.store-msg-window .gray-btn.x-button.x-button-action.x-button-pressing, .x-msgbox.store-msg-window .gray-btn.x-button.x-button-action.x-button-normal.x-button-pressing, .search-popup.x-sheet .gray-btn.x-button.x-button-pressing, .x-msgbox.store-msg-window .x-button.x-button-normal.x-button-pressing, .store-app-container .gray-btn.x-button.x-button-pressing, .x-picker.store-picker, .x-picker.store-picker .x-button.x-button-normal, .x-sheet.popup-form-block .gray-btn.x-button, .x-sheet.popup-form-block .gray-btn.x-button.x-button-pressing  {
background:#061b31 !important; /*color3*/
}


/* All Dark Buttons Text Color */

.store-app-container .gray-btn.x-button .x-button-label, .search-popup.x-sheet .gray-btn.x-button .x-button-label, .x-msgbox.store-msg-window .gray-btn.x-button.x-button-action .x-button-label, .x-msgbox.store-msg-window .x-button.x-button-normal .x-button-label, .store-app-container .x-button {
color:#ffffff !important; /*color4*/
}

/* Product Price Text Color / Merchandise Subtotal Color  / Billing Information Checkmark Selected Color */

.store-app-container .store-productView .x-dataview-item .product-price span.price span, .store-app-container h4.required, .store-app-container .column-checkbox-field.x-field.x-field-checkbox .x-input-el:checked+.x-field-mask::after {
color:#ffffff !important; /*color1*/
}


/* Radio Border Color / Checkbox Border Color / Search Popup Radio Buttons Border Color / Picker Border Color   */

.store-app-container input[type=radio], .store-app-container .x-field-radio .x-field-mask::before, .search-popup.x-sheet .x-form-fieldset.sortBy-price-field .x-form-fieldset-inner .x-field-radio .x-field-mask::before, .x-picker.store-picker .x-picker-bar, .x-picker.store-picker, .x-picker.store-picker .x-toolbar-dark {
border-color:#ffffff; /*color1*/
}