import { PrimaryTheme, MainThemeLight, DarkTheme } from "./Themes";
import { Platform, StatusBar, StyleSheet } from 'react-native';
import { widthPercentageToDP as wp, heightPercentageToDP as hp } from 'react-native-responsive-screen';
const defdt = false, defrn = '';
export const GetPageTheme = (isDarkTheme = defdt, routeName = defrn) => {
  let PageTheme = (routeName == 'Project' ? MainThemeLight : (isDarkTheme == true ? DarkTheme : PrimaryTheme));
  return PageTheme;
};

export const WP = wp;
export const HP = hp;
const borderRadius = 20;
export const STATUSBAR_HEIGHT = Platform.OS === 'ios' ? 70 : StatusBar.currentHeight;
const EXTRA_SPACE = Platform.OS === 'ios' ? 20 : 0;
const EXTRA_SPACE_MD = Platform.OS === 'ios' ? 40 : 0;
export const deffontfamily = 'Roboto-Regular';
export const deffontfamily_bold = 'Roboto-Bold';
export const globalStyles = (isDarkTheme = defdt, routeName = defrn) => {
  const PageTheme = GetPageTheme(isDarkTheme, routeName);
  return StyleSheet.create({
    statusBar: { height: STATUSBAR_HEIGHT, width: wp('100%') },
    drawerScreenHdr_bg: { backgroundColor: '#000', borderBottomWidth: 0, borderBottomColor: PrimaryTheme.$secondary_color_light, paddingHorizontal: 10, paddingBottom: 5, paddingTop: STATUSBAR_HEIGHT + 10, marginTop: Platform.OS === 'ios' ? -60 : 0 },
    dScreenHdr_Content: { flexDirection: 'row', alignItems: 'center', position: 'relative' },
    drawerScreenHdr_title: { width: '100%', textAlign: 'left', fontSize: 16, fontWeight: '500', color: PageTheme.$accent_color, paddingLeft: 50, paddingRight: 100, fontFamily: deffontfamily, },
    dScreen_LeftContainer: { position: 'absolute', left: 0 },
    toggleDrawerBtn: { paddingVertical: 5, paddingHorizontal: 10 },
    dScreen_RightContainer: { position: 'absolute', right: 0, flexDirection: 'row', alignItems: 'center' },
    drawerProjectId: { fontSize: 14, fontWeight: '500', color: PageTheme.$accent_color, paddingHorizontal: 5, fontFamily: deffontfamily, },
    drawerNotifIcon: { marginLeft: 5, padding: 5 },
    drawerChatAiIcon: { marginLeft: 'auto', padding: 5, },

    drawerContent: {
      flex: 1,
      marginTop: -10,
      paddingTop: 0,
    },
    drawerContentScroll: {},
    drawerContentScrollInner: { paddingTop: 10, padding: 0 },
    cardTitle: {
      fontWeight: 'normal',
      fontSize: hp('1.8%'),
      fontFamily: deffontfamily
    },
    cardImage: {
      width: 30,
      height: 30,
      resizeMode: 'contain',
    },
    title: {
      fontSize: 15,
      marginTop: 10,
      fontWeight: '500',
      textTransform: 'capitalize',
      color: PageTheme.$text_color,
      textAlign: 'center',
      marginLeft: -5,
      fontFamily: deffontfamily
    },
    caption: {
      fontSize: hp('1.7%'),
      lineHeight: 14,
      fontFamily: deffontfamily
    },
    row: {
      marginTop: 20,
      flexDirection: 'row',
      alignItems: 'center',
    },
    section: {
      flexDirection: 'row',
      alignItems: 'center',
      marginRight: 15,
    },
    paragraph: {
      fontWeight: '600',
      marginRight: 3,
    },
    drawerSection: {
      marginTop: 7,
      borderBottomColor: '#fff',
      borderBottomWidth: 0,
    },
    bottomDrawerSecion: {
      borderTopColor: '#f4f4f4',
      borderTopWidth: 1,
      borderBottomWidth: 0,
      marginBottom: 0,
    },
    bottomDrawerCon: {
      padding: 5,
      flexDirection: 'column',
      alignItems: 'center',
    },
    bottomDrawerIcon: {
      width: '50%',
      height: 30,
      resizeMode: 'contain',
    },
    bottomDrawerLabel: {
      fontSize: 14,
      color: PageTheme.$text_color,
      fontFamily: deffontfamily
    },
    preferenceCon: {
      padding: 10,
    },
    preferenceTitle: {
      fontSize: 14,
      color: PageTheme.$text_color,
      fontFamily: deffontfamily
    },
    preference: {
      flexDirection: 'row',
      justifyContent: 'space-between',
      marginTop: 12,
    },
    userInfoSection: {
      padding: 0,
      borderBottomColor: '#f4f4f4',
      borderBottomWidth: 1,
    },
    container: {
      flex: 1, alignItems: 'center', backgroundColor: PageTheme.$accent_color, fontFamily: deffontfamily,
    },
    logo: {
      resizeMode: 'contain',
      width: wp('50%')
    },
    drawerIcon: {
      width: 30,
      height: 30,
      left: 2,
      position: "absolute",
      paddingLeft: 15

    },
    inputStyle: {
      width: wp('85%'),
      height: hp('8%'),
      marginBottom: 12,
    },
    otpStyle: {
      marginBottom: 12,
      borderRadius: 8,
      width: wp('15%'),
      height: hp('7%'),
    },
    drawerItemStyle: {
      flexDirection: 'row',
      paddingHorizontal: 10,
      paddingVertical: 8.5,
      alignItems: 'center',
      // height:35,
    },
    drawerLogo: {
      width: wp('50%') - 20,
      height: 60,
      resizeMode: 'contain',
      // borderWidth:1,
      // borderColor:'#000'
    },
    drawerItemIcon: { width: 30, justifyContent: 'center', flexDirection: 'row' },
    drawerLabel: {
      fontSize: 15,
      fontWeight: '400',
      color: PageTheme.$accent_color2,
      marginLeft: 10,
      fontFamily: deffontfamily
    },
    otpContainer: {
      width: wp('85%'),
      flexDirection: 'row',
      flexWrap: 'wrap',
      justifyContent: 'space-between'
    },
    labelStyle: {
      color: PageTheme.$text_color_700,
      textAlign: 'left',
      width: wp('85%'),
      fontSize: hp('1.7%'),
      marginBottom: 20,
      justifyContent: 'flex-start',
      fontFamily: deffontfamily
    },

  });
}

export const customStyles = (isDarkTheme = defdt, routeName = defrn) => {
  const PageTheme = GetPageTheme(isDarkTheme, routeName);
  return StyleSheet.create({
    drawerSubTitle: {
      fontSize: 12,
      color: PageTheme.$text_color,
      fontFamily: deffontfamily
    },
    loginIllutration: {
      // marginTop:20, 
    },
    moreIconMpin: {
      position: 'absolute',
      right: 12,
      top: 16,
      width: 40,
      height: 40,
      borderRadius: 24,
      justifyContent: 'center',
      alignItems: 'center'
    },
    performics_logo: {
      width: wp('50%'),
      height: 40,
      marginTop: 20,
      resizeMode: 'contain',
    },
    company_logo: { width: wp('100%') - 40, height: 100, resizeMode: 'contain' },
    loginScrollCon: {
      flex: 1,
      width: wp('100%'),
    },
    loginCon: {
      flex: 1,
      alignItems: "center",
      position: 'relative',


    },
    projectScrollCon: {
      width: wp('100%'),
      flex: 1
    },
    projectCon: {
      alignItems: "center",
      position: 'relative',
    },
    loginScrollCon2: {
      flex: 1,
      width: wp('100%'),
    },
    projectPageWrapper: { width: '100%', height: hp('100%') },

    //=============Bottom View==============
    footerView: { width: '100%', alignItems: 'center', marginBottom: 20, },

    //=============signatureBox==============
    signatureBox: {
      alignItems: "center",
      width: wp('100%'),
      padding: 10,

    },
    signatureText: {
      color: PageTheme.$text_color_light,
      fontSize: 12,
      fontWeight: '400',
      fontFamily: deffontfamily,
      textAlign: 'center',
    },
    signatureLogo: {
      resizeMode: 'contain',
      width: wp('30%'),
      height: 50,
      marginTop: 5,
    },
    pageContentWrapper: { backgroundColor: PageTheme.$bg_color, borderTopLeftRadius: borderRadius, borderTopRightRadius: borderRadius, elevation: 3, paddingTop: 10, flex: 1, },
    pageCWrap2: { paddingHorizontal: 10 },
    pageContentWrapper_bgLight: { backgroundColor: '#efefef' },
    orderDetails_scroll: { justifyContent: 'center', padding: 10, paddingBottom: 65, paddingTop: 5 },

    //Noticeboard styles

    NB_quickL_IconS: { backgroundColor: '#fff', height: 45, width: 45, borderRadius: 50, padding: 10, alignItems: 'center', justifyContent: 'center' },
    NB_background: { backgroundColor: '#fff', borderTopLeftRadius: 20, borderTopRightRadius: 20, shadowColor: '#3d3d3d', shadowOffset: { width: 0, height: 2 }, marginTop: -2, shadowOpacity: 0.1, shadowRadius: 2, elevation: 2, paddingVertical: 5, paddingHorizontal: 10 },
    NB_text: { color: 'black', fontSize: 15, fontFamily: deffontfamily, },
    NB_tblHdrparent: { paddingLeft: 5, paddingRight: 5, paddingTop: 10, width: (wp('100%') - 20) / 4 },
    NB_tblHdr: { width: '90%', height: 60, backgroundColor: '#eaf0fe', borderRadius: 10, alignItems: 'center', flexDirection: 'row', justifyContent: 'center', fontFamily: deffontfamily },
    NB_tblHdr2: { paddingBottom: 10, fontFamily: deffontfamily },
    NB_tblIconItem: { alignContent: 'center', alignItems: 'center' },
    NB_tblTextItem: { textAlign: 'center', fontFamily: deffontfamily, alignContent: 'center', alignItems: 'center', fontSize: 10, marginHorizontal: 2, paddingHorizontal: 5, color: PageTheme.$text_color, paddingTop: 5 },

    //bannerimage
    NB_bannerImgBg: { bpppporderTopLeftRadius: 0, borderTopRightRadius: 0, backgroundColor: PageTheme.$bg_color, shadowColor: '#3d3d3d', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.1, shadowRadius: 2, elevation: 2, paddingVertical: 5, paddingHorizontal: 10, width: '100%', marginBottom: 5 },
    NB_bannerCard: { width: wp('98%'), height: 150, resizeMode: 'contain', marginRight: 10, soverflow: 'hidden', elevation: 1, borderRadius: 20, shadowColor: '#d3d3d3' },
    NB_bannerCardImg: { width: wp('98%') - 10, height: 150, backgroundColor: '#efefef', borderRadius: 20 },
    NB_bannerDot: { width: 10, height: 10, borderRadius: 5, elevation: 2, },

    //storeperformancecard
    NB_PerfBg: { borderTopLeftRadius: 0, borderTopRightRadius: 0, shadowColor: '#3d3d3d', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.1, shadowRadius: 2, elevation: 2, paddingVertical: 15, paddingHorizontal: 5, marginBottom: 10 },
    NB_PerfItem: { paddingLeft: 5, paddingRight: 5, width: (wp('100%') - 10) / 2 },
    NB_PerfItemInner: { width: '100%', height: 140, backgroundColor: '#fbe7e8', borderRadius: 5 },
    NB_PerfIcon: { alignContent: 'flex-end', alignItems: 'flex-end' },
    NB_PerfLbl: { fontSize: 12, color: PageTheme.$text_color, marginTop: 15, paddingLeft: 5, fontWeight: '600', fontFamily: deffontfamily, },
    NB_PerfValue: { fontSize: 25, marginLeft: 20, color: PageTheme.$text_color, fontWeight: '600', fontFamily: deffontfamily, },
    NB_PerfRow: { flexDirection: 'row', marginTop: 10 },
    NB_PerfCol1: { width: '70%' },
    NB_PerfCol2: { width: '30%' },
    NBPerf_listStyle: { borderBottomColor: '#f4f1e0', borderBottomWidth: 2, paddingBottom: 10, paddingTop: 10, marginBottom: 10 },

    sf_view: { width: 500, height: 2, marginTop: 10, elevation: 2, backgroundColor: '#efefef', marginBottom: 10 },

    mtd_view: { width: 2, height: 20, marginTop: 15, elevation: 2, backgroundColor: '#fbd9d3', marginLeft: 2, marginRight: 2, },
    sfHdrparent: { paddingTop: 10, width: '100%', height: 200 },

    // sfHdr:{width:'100%',height:'100%',backgroundColor:'#fbe7e8',borderRadius:5,marginTop:10},


    mtdHdr: { width: '100%', flexDirection: 'row', marginLeft: -10 },
    sfTextItem: { fontSize: 12, color: PageTheme.$text_color, fontWeight: '600', paddingLeft: 10, paddingRight: 10, fontFamily: deffontfamily },

    sfTextValue: { fontSize: 20, color: PageTheme.$text_color, fontWeight: '600', marginTop: 2, fontFamily: deffontfamily },

    NB_PerfD_row: { width: '100%', flexDirection: 'row', paddingHorizontal: 5 },
    NB_PerfD_col: { width: '50%', height: 160 },
    NB_PerfD_colInner: { paddingLeft: 10, paddingRight: 10, width: '100%', height: '100%', paddingTop: 5, borderRadius: 5 },
    NB_PerfD_col1: { paddingRight: 5 },
    NB_PerfD_col2: { paddingLeft: 5 },
    NB_PerfD_colInner1: { backgroundColor: '#f4f1e0' },
    NB_PerfD_colInner2: { backgroundColor: '#fbe7e8' },
    NB_PerfD_ItemWrap: { width: '100%', flexDirection: 'row' },
    NB_PerfD_IHdr_Txt: { fontSize: 20, color: PageTheme.$text_color, fontWeight: '600', marginTop: 15, fontFamily: deffontfamily, },
    NB_PerfD_rowI: { flexDirection: 'row', alignItems: 'center', },
    NB_PerfD_rowI2: {},
    NB_PerfD_colI: { alignItems: 'flex-end', height: 40 },
    NB_PerfD_colI1: { paddingRight: 10 },
    NB_PerfD_colI2: { paddingLeft: 10 },
    NB_PerfD_ICon_Lbl: { fontWeight: '600', color: 'black', fontSize: 12, fontFamily: deffontfamily },
    NB_PerfD_ICon_Val: { fontSize: 20, textAlign: 'center', color: 'black', paddingLeft: 10, fontWeight: '600', fontFamily: deffontfamily, },
    NB_PerfD_ICon_Separator: { width: 2, height: 20, elevation: 2, backgroundColor: '#fffec8' },
    NB_PerfD_ICon_Separator2: { width: 2, height: 20, elevation: 2, backgroundColor: '#fbd9d3' },

    textplanned: { fontSize: 12, textAlign: 'center', color: 'black', padding: 7, fontWeight: '600', fontFamily: deffontfamily, },
    itemTextplanned: { fontWeight: '600', color: 'black', fontSize: 12, paddingLeft: 7, paddingRight: 7, textAlign: 'center', fontFamily: deffontfamily, },

    NB_FTDcolWrap: { height: '100%' },

    NB_FTDcol: { justifyContent: 'center', height: '100%', alignItems: 'center', },
    NB_MTDcol: { justifyContent: 'center', height: '100%', alignItems: 'center', },

    sfHdrTV: { width: '100%', height: 80, flexDirection: 'row', marginLeft: -15 },
    mtdHdrTV: { width: '100%', height: 80, flexDirection: 'row', marginHorizontal: 2 },

    //=============general Style=============
    // pt200:{paddingTop:200,},
    mb7: { marginBottom: 7, }, mb10: { marginBottom: 10, }, mb20: { marginBottom: 20, }, mb30: { marginBottom: 30, }, mb40: { marginBottom: 40, }, mb50: { marginBottom: 50, }, mb60: { marginBottom: 60, }, mb70: { marginBottom: 70, }, mb80: { marginBottom: 80, }, mb90: { marginBottom: 90, }, mb100: { marginBottom: 100, },
    mt10: { marginTop: 10, }, mt20: { marginTop: 20, }, mt30: { marginTop: 30, }, mt40: { marginTop: 40, }, mt50: { marginTop: 50, }, mt60: { marginTop: 60, }, mt70: { marginTop: 70, }, mt80: { marginTop: 80, }, mt90: { marginTop: 90, }, mt100: { marginTop: 100, },
    pl10: { paddingLeft: 10 }, pl20: { paddingLeft: 20 }, pl30: { paddingLeft: 30 }, pl40: { paddingLeft: 40 }, pl50: { paddingLeft: 50 },
    pr10: { paddingRight: 10 }, pr20: { paddingRight: 20 }, pr30: { paddingRight: 30 }, pr40: { paddingRight: 40 }, pr50: { paddingRight: 50 },
    mr10: { marginRight: 10 }, mr20: { marginRight: 20 }, mr30: { marginRight: 30 },
    ml10: { marginLeft: 10 }, ml20: { marginLeft: 20 }, ml30: { marginLeft: 30 }, ml40: { marginLeft: 40 }, ml50: { marginLeft: 50 },
    pt10: { paddingTop: 10 }, pt20: { paddingTop: 20 }, pt30: { paddingTop: 30 }, pt40: { paddingTop: 40 }, pt50: { paddingTop: 50 },
    pb10: { paddingBottom: 10 }, pb20: { paddingBottom: 20 }, pb30: { paddingBottom: 30 }, pb40: { paddingBottom: 40 }, pb50: { paddingBottom: 50 },
    zIndex0: { zIndex: 0,elevation:0 },
    logoImage_con: { flexDirection: 'row', justifyContent: 'center', marginBottom: 10 },
    logoImage: { width: 100, height: 50 },
    drawerInfoCon: { padding: 10, paddingLeft: 0, paddingTop: STATUSBAR_HEIGHT + 10, alignItems: 'center', marginTop: Platform.OS === 'ios' ? -60 : 0 },
    // drawerInfoLeft:{paddingRight:10,marginRight:10,borderRightColor:PageTheme.$secondary_color_light,borderRightWidth:2},
    drawerLogo2: { width: 100, height: 50 },
    pageText: {
      color: PageTheme.$text_color_dark,
      fontSize: 16,
      fontWeight: '500',
      fontFamily: deffontfamily,
      textAlign: 'center',
      marginBottom: 10,
    },
    pagedescText: {
      color: PageTheme.$text_color,
      fontSize: 13,
      fontFamily: deffontfamily,
      fontWeight: '400',
      textAlign: 'center',
      marginBottom: 5,
    },
    formCon: {},
    formGroup: { position: 'relative' },
    inputStyle: {
      textAlign: 'left',
      fontFamily: deffontfamily,
      backgroundColor: PageTheme.$secondary_color_light,
      width: wp('85%'),
      borderRadius: 7,
      paddingVertical: 5,
      paddingHorizontal: 15,
      height: 50,
      color: PageTheme.$accent_color2,
    },
    formInputLabel: { position: 'absolute', left: 40, zIndex: 1,elevation:1, color: PageTheme.$placeholder_color, top: 15, },
    formInputLeftIcon: { position: 'absolute', left: 15, top: 15 },
    passField: {
      position: 'relative',
    },
    show_pass_btn: {
      position: 'absolute',
      top: 0,
      right: 0,
      width: 40,
      height: 50,
      alignItems: 'center',
      justifyContent: 'center',
    },
    keyba_view: { flex: 1, width: wp('100%'), alignItems: 'center' },
    keyba_view_qr: { flex: 1, width: wp('100%') },
    //arman
    qrCodeScanner: {
      fontSize: 18, fontWeight: '400', width: '78%',
      color: 'black', backgroundColor: PageTheme.$secondary_color_light, padding: 10, borderRadius: 8, borderWidth: 0.3,
      borderColor: '#ccc', marginVertical: 5, elevation: 1
    },
    qrCodeInputStyle: { fontWeight: 'bold', alignContent: 'center', textAlign: 'auto', color: 'black', marginTop: 10 },
    keyba_viewContent: { width: '100%', overflow: 'hidden' },
    keyba_inner_view: { flex: 1, width: wp('100%'), alignItems: 'center', position: 'relative' },
    pass_input: {
      paddingRight: 40,
    },
    form_label: {
      color: PageTheme.$text_color,
      fontSize: 14,
      fontWeight: '400',
      textAlign: 'left',
      paddingHorizontal: 0,
      fontFamily: deffontfamily,
      marginBottom: 10,

    },
    otp_inputStyle: {
      textAlign: 'center',
      backgroundColor: PageTheme.$secondary_color_light,
      width: ((wp('85%') / 4) - 10),
      borderRadius: 4,
      paddingVertical: 10,
      paddingHorizontal: 15,
      height: 50,
      color: PageTheme.$accent_color2,
      marginBottom: 10,
      marginRight: 10,
      fontSize: 25,
      fontFamily: deffontfamily,
    },
    verify_otp_inputStyle: {
      textAlign: 'center',
      backgroundColor: PageTheme.$secondary_color_light,
      width: ((wp('80%') / 4) - 30),
      borderRadius: 4,
      paddingVertical: 10,
      paddingHorizontal: 15,
      height: 48,
      color: PageTheme.$accent_color2,
      marginBottom: 10,
      marginRight: 8,
      fontSize: 22,
      fontFamily: deffontfamily,
    },
    otp_field: {
      flexDirection: 'row',
    },
    otp_hiddeninput: {
      display: 'none',
    },
    fullwebview: {
      width: '100%',
      height: '100%',
      flex: 1,
      // borderTopLeftRadius:borderRadius,borderTopRightRadius:borderRadius,
      marginBottom: 0,
    },
    roundScrollWrapper: { paddingTop: 10, flex: 1, width: '100%' },
    roundScrollZIndex: { zIndex: 1,elevation:1 },
    roundScrollCon: { backgroundColor: PageTheme.$bg_color, borderTopLeftRadius: borderRadius, borderTopRightRadius: borderRadius, },
    roundScrollInner: { height: '100%', width: '100%', flex: 1, backgroundColor: PageTheme.$bg_color, borderTopLeftRadius: borderRadius, borderTopRightRadius: borderRadius, elevation: 3, paddingTop: 40, },

    // Noticeboard
    NB_IRAlertWrap: { width: '100%', backgroundColor: 'red', flexDirection: 'row', alignItems: 'center', paddingHorizontal: 10, paddingVertical: 5, borderRadius: 20, marginBottom: 5, elevation: 3, shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 } },
    NB_IRAlertTxt: { color: PageTheme.$accent_color, marginLeft: 10, fontSize: 12, width: '85%', fontFamily: deffontfamily, },

    webViewCon: { height: '100%', flex: 1, borderTopLeftRadius: borderRadius, borderTopRightRadius: borderRadius, paddingTop: 0, },
    headetBgImage: {
      height: hp('20%'),
      width: wp('100%') + 2,
      position: 'relative',
      justifyContent: 'center',
      alignItems: 'center',
    },
    headerTitle: {
      color: PageTheme.$accent_color,
      fontSize: 20,
      width: 150,//(wp('100%')-80),
      textAlign: 'right',
      fontFamily: deffontfamily
    },
    headerImg: {
      width: wp('40%'),
      height: 120,
      resizeMode: 'contain',
      top: 28,
      left: -30,
    },
    headerLeftIcon: {
      width: 60,
      height: 60,
      alignItems: 'center',
      justifyContent: 'center',
      marginLeft: -10,
    },
    headerContent: {
      flex: 1,
      flexDirection: 'row',
      alignItems: 'center',
      justifyContent: 'space-between',
      position: 'absolute',
      width: wp('100%'),
      paddingHorizontal: 20,
    },
    teaml_name: {
      color: PageTheme.$text_color,
      fontSize: 14,
      fontWeight: '400',
      textAlign: 'left',
      fontFamily: deffontfamily,
      paddingLeft: 20,
      paddingRight: 10,
    },
    teaml_img: {
      width: 20,
      height: 20,
    },
    teaml: {
      flexDirection: 'row',
      paddingHorizontal: 20,
      marginBottom: 10,
      borderWidth: 2,
      borderColor: PageTheme.$secondary_color_light,
      shadowOffset: { width: 0, height: 2 },
      borderRadius: 5,
      paddingVertical: 10,
      alignItems: 'center'
    },
    iteml_con: {
      width: '100%',
      marginTop: 0,
      paddingBottom: 50,
      paddingHorizontal: 20,
      paddingTop: 3
    },
    iteml_conR: { paddingBottom: 20, paddingTop: 10, paddingHorizontal: 10 },
    iteml_conR2: { marginBottom: 20, backgroundColor: PageTheme.$bg_color, borderRadius: 5, elevation: 5, shadowColor: '#000', shadowOffset: { width: 0, height: 3 }, shadowOpacity: 0.15 },
    storel_Con: { width: '100%', height: '100%', paddingBottom: 150, marginTop: 10 },
    Contract_storel_Con: { width: '100%', height: '100%', paddingBottom: 80 },
    listcon: {
      width: '100%',
      height: '100%',

    },
    storeR_listcon: {
      width: '100%',
      height: '100%',
      paddingHorizontal: 0,
      paddingBottom: 30,
    },
    storelist_parentwrap: { width: '100%' },
    storeTab_Con: { width: '100%', minHeight: 40 },
    storeTab_MenuCon2: { width: '94%', marginTop: 0, marginBottom: 0, marginHorizontal: 10, borderBottomColor: PageTheme.$text_color_light2 },
    storeTab_pillActive2: { backgroundColor: '#0077C7' },

    storeTab_MenuCon: { width: '94%', marginTop: 0, marginBottom: 0, marginHorizontal: 10, borderBottomColor: PageTheme.$text_color_light2, borderBottomWidth: 1 },
    storeTab_Menu: { alignItems: 'center', marginBottom: 10 },
    storeTab_pill: { paddingHorizontal: 20, paddingVertical: 5, borderRadius: 30, backgroundColor: '#efefef', marginRight: 7 },
    storeTab_pillText: { color: PageTheme.$text_color, fontSize: 14, fontWeight: '500', fontFamily: deffontfamily, },
    storeTab_pillActive: { backgroundColor: '#ffb020' },
    storeTab_pillActiveText: { color: '#fff' },
    // storelist card style
    storel: {
      flexDirection: 'row',
      paddingRight: 10,
      marginBottom: 10,
      // borderWidth:2,
      // borderColor:PageTheme.$secondary_color_light, 
      backgroundColor: PageTheme.$bg_color,
      borderRadius: 5,
      paddingVertical: 10,
      alignItems: 'center',
      elevation: 5, shadowColor: '#000', shadowOffset: { width: 0, height: 3 }, shadowOpacity: 0.15
    },
    storel_card_outer: {
      paddingVertical: 5, paddingHorizontal: 10, position: 'relative', width: '100%'
    },
    storel_card: {
      flexDirection: 'row', alignItems: 'center',
    },
    storel_card_content: { marginHorizontal: 5, width: '100%', flexDirection: 'row', alignItems: 'baseline' },
    storel_card_title: {
      fontSize: 15,
      color: PageTheme.$text_color,
      fontWeight: '500',
      fontFamily: deffontfamily,
    },
    storel_card_subtitle: { marginLeft: 10, paddingLeft: 10, borderLeftColor: PageTheme.$text_color_light, borderLeftWidth: 1, },
    storel_card_subtitleTxt: { fontSize: 12, color: PageTheme.$text_color_light, fontFamily: deffontfamily },
    storel_details: {
      // flex:1,  
      paddingHorizontal: 5,
    },
    storel_code: { flexDirection: 'row', marginTop: 0, paddingTop: 5, width: '100%' },
    storel_codeCon: { marginRight: 10, flexDirection: 'row', alignItems: 'center' },
    storel_codeConAddr: { alignItems: 'flex-start' },
    storel_codeIcon: { fontSize: 20, marginRight: 10, fontFamily: deffontfamily },
    storel_codeBorder: { borderRightColor: PageTheme.$secondary_color_dark, borderRightWidth: 1 },
    storel_codeBorderTop: { borderTopColor: PageTheme.$secondary_color_light, borderTopWidth: 1, },
    storel_codeBorderBottom: { borderBottomColor: PageTheme.$secondary_color_light, borderBottomWidth: 1, paddingBottom: 4, marginBottom: 3 },
    storel_codeLbl: { fontSize: 13, color: PageTheme.$text_colorblack, marginRight: 5, flexWrap: 'wrap', fontWeight: '600', fontFamily: deffontfamily, },
    storel_codeText: { fontSize: 12, color: PageTheme.$text_color, marginRight: 5, fontFamily: deffontfamily, },
    storel_codeTextAddr: { width: '80%' },
    storel_usWrap: { width: '100%', position: 'relative', justifyContent: 'center', paddingVertical: 10, },
    storel_usCon: { flexDirection: 'row', alignItems: 'center' },
    storel_usConBtn: { borderRadius: 30, width: 140, position: 'relative', backgroundColor: PageTheme.$secondary_color_light, paddingHorizontal: 5, paddingVertical: 6, elevation: 3, shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 } },
    storel_usConBtn2: { width: 150, },
    storel_usBtnText: { paddingRight: 5, marginRight: 5, color: PageTheme.$text_color },
    storel_usBtnRemoveIcon: { backgroundColor: '#fff', position: 'absolute', top: 0, bottom: 0, right: 0, borderTopRightRadius: 30, borderBottomRightRadius: 30, paddingHorizontal: 10, alignItems: 'center', justifyContent: 'center' },
    storel_usText: { marginLeft: 5, color: PageTheme.$text_color, fontSize: 13, fontFamily: deffontfamily },
    storel_geotag_btn: { position: 'absolute', top: -15, right: -10, width: 50, height: 50, borderRadius: 25, alignItems: 'center', justifyContent: 'center' },
    storel_CheckOutBtn: { position: 'absolute', right: 0, borderRadius: 30, backgroundColor: PageTheme.$primary_color, paddingHorizontal: 15, paddingVertical: 6, elevation: 3, shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 } },
    storel_cancelBtn: {},
    storel_CheckOutBtnText: { color: PageTheme.$accent_color, fontSize: 14, fontWeight: '500', fontFamily: deffontfamily },
    storel_IRBtnWrap: { width: '100%' },
    storel_uploadIRBtn: { borderRadius: 30, width: 150, alignItems: 'center', backgroundColor: PageTheme.$primary_color, paddingHorizontal: 5, paddingVertical: 6, elevation: 3, shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 } },
    storel_uploadIRBtnText: { color: PageTheme.$accent_color },

    // storel searchbar
    storel_searchbar: { marginTop: 10, marginHorizontal: 10, backgroundColor: PageTheme.$secondary_color_light, height: 40, borderRadius: 4, paddingHorizontal: 10, elevation: 1, shadowColor: '#000', shadowOpacity: 0.15, shadowOffset: { width: 0, height: 2 }, flexDirection: 'row' },
    storel_searchbar2: { marginHorizontal: 10, backgroundColor: PageTheme.$secondary_color_light, height: 40, borderRadius: 4, paddingHorizontal: 10, elevation: 1, shadowColor: '#000', shadowOpacity: 0.15, shadowOffset: { width: 0, height: 2 }, flexDirection: 'row' },
    storel_searchInput: { width: '86%', fontSize: 13, color: PageTheme.$text_color, fontFamily: deffontfamily, },
    storel_searchBtn: { width: 40, height: 40, top: 0, right: 0, position: 'absolute', backgroundColor: PageTheme.$primary_color, borderTopRightRadius: 4, borderBottomRightRadius: 4, alignItems: 'center', justifyContent: 'center' },
    storel_searchBtnIcon: { marginTop: -2 },

    // color description box
    colorDescriptionWrap: { marginTop: 5, marginHorizontal: 10, backgroundColor: PageTheme.$bg_color, paddingVertical: 5, borderRadius: 4, paddingHorizontal: 10, flexDirection: 'row', elevation: 1, shadowColor: '#000', shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 } },
    colorBoxCon: { flexDirection: 'row', alignItems: 'center', marginRight: 20 },
    colorBox: { elevation: 1, shadowColor: '#000', borderRadius: 4, shadowOpacity: 0.15, shadowOffset: { width: 0, height: 2 }, width: 20, height: 20, },
    colorBox1: { backgroundColor: PageTheme.$fifth_color, },
    colorBox2: { backgroundColor: PageTheme.$secondary_color_light, },
    colorDesc: { fontSize: 12, color: PageTheme.$text_color, marginLeft: 5, flexWrap: 'wrap', fontFamily: deffontfamily },


    // Page header
    pageHdrWrap: { position: 'absolute', top: STATUSBAR_HEIGHT + (70 + (Platform.OS == 'ios' ? 0 : 5)), zIndex: 9, elevation: 9, marginHorizontal: 10, justifyContent: 'center', backgroundColor: PageTheme.$primary_color, paddingVertical: 5, borderRadius: 20, paddingHorizontal: 10, flexDirection: 'row', flexWrap: 'wrap' },
    pageHdrWrapText: { textAlign: 'center', fontSize: 13, color: PageTheme.$accent_color, flexWrap: 'wrap', fontFamily: deffontfamily },


    // storelist row style
    storelR: { flexDirection: 'row', paddingRight: 10, marginBottom: 5, paddingBottom: 5, paddingTop: 10, borderBottomColor: PageTheme.$fourth_color, borderBottomWidth: 1 },
    storelR_last: { borderBottomWidth: 0, paddingBottom: 0, marginBottom: 0 },


    // dynamic storelist style
    dstorel_card_outer: {
      paddingVertical: 0, paddingHorizontal: 10, width: '100%',
    },
    dstorel_row: { flexDirection: 'row', width: '100%', paddingBottom: 5, paddingTop: 5, borderBottomWidth: 1, borderBottomColor: PageTheme.$secondary_color_light },
    dstorel_row_last: { borderBottomWidth: 0 },
    dstorel_codeLbl: { fontSize: 12, color: PageTheme.$secondary_color_dark, marginRight: 5, fontFamily: deffontfamily },
    dstorel_codeText: { fontSize: 12, fontWeight: '400', color: PageTheme.$text_color, marginRight: 5, fontFamily: deffontfamily },
    dstorel_codeSep: { fontSize: 12, color: PageTheme.$text_color, marginRight: 5, fontFamily: deffontfamily },
    dstorel_codeCon: { marginRight: 0, flexDirection: 'row', alignItems: 'center' },

    // storePhotos
    storePhotosl_card: {
      paddingVertical: 7,
      paddingHorizontal: 10,
      marginHorizontal: 10,
      marginBottom: 5,
      flexDirection: 'row',
      borderRadius: 5,
      borderWidth: 2,
      borderColor: PageTheme.$secondary_color_light,
      alignItems: 'center',
    },
    storePhotosl_card_details: { width: 100, paddingLeft: 10, marginRight: 10, },
    storePhotosl_card_title: {
      fontSize: 15,
      color: PageTheme.$text_color,
      fontWeight: '500',
      fontFamily: deffontfamily
    },
    storePhotosl_card_subtitle: { fontSize: 11, color: PageTheme.$text_color_light, fontWeight: '400', fontFamily: deffontfamily },
    storePhotosl_card_img: { width: 50, height: 50 },
    storePhotosl_card_remove_btn: { position: 'absolute', right: 10, },
    // daily menu card style
    dailym_scroll_con: { padding: 10, alignItems: 'center', width: '100%' },
    dailym_scroll: { width: '100%' },
    dailym_bgcolor1: { backgroundColor: '#e0f9a5' },
    dailym_bgcolor2: { backgroundColor: '#ffd667' },
    dailym_bgcolor3: { backgroundColor: '#c2ddff' },
    dailym_bgcolor4: { backgroundColor: '#d9c2ff' },
    dailym_card: {
      paddingHorizontal: 20,
      marginBottom: 10,
      borderRadius: 5,
      paddingVertical: 10,
      justifyContent: 'center',
      width: '100%',
      height: 100,
      elevation: 5, shadowColor: '#000', shadowOffset: { width: 0, height: 2 },
    },
    dailym_con: { flexDirection: 'row', alignItems: 'center' },
    dailym_photo: {
      width: 100,
      height: 80,
      // marginTop:-20,
    },
    dailym_title: {
      textAlign: 'left',
      color: PageTheme.$text_color,
      fontSize: 20,
      width: 150,
      fontWeight: '500',
      marginLeft: 20,
      fontFamily: deffontfamily
    },
    dailym_done: { position: 'absolute', width: 31, height: 31, right: 15, top: 15, borderRadius: 15, elevation: 3, shadowColor: '#000' },
    dailym_done_icon: {},
    //download screen 
    download_scroll_con: { flex: 1, padding: 10, alignItems: 'center', width: '100%', justifyContent: 'center' },
    download_scroll: { flex: 1, width: '100%' },
    downloadbtn: {
      paddingVertical: 10,
      paddingHorizontal: 20,
      borderRadius: 20,
      backgroundColor: PageTheme.$primary_color,
    },
    downloadbtn_label: {
      textAlign: 'center',
      color: PageTheme.$accent_color,
      fontWeight: '500',
    },
    // storephotos form 
    sform_con: {
      paddingVertical: 10,
      paddingHorizontal: 20,
      borderBottomColor: PageTheme.$secondary_color_light,
      borderBottomWidth: 1,
    },
    sform_con2: { paddingHorizontal: 10 },
    sform_hd: {
      textAlign: 'center',
      color: PageTheme.$secondary_color_dark,
      fontWeight: '500',
      fontSize: 16,
      marginBottom: 10,
      fontFamily: deffontfamily
    },
    sform_hd2: {
      textAlign: 'left',
      width: '100%',
      paddingVertical: 10,
      paddingHorizontal: 20,
      color: PageTheme.$secondary_color_dark,
      fontWeight: '500',
      fontSize: 16,
      marginBottom: 10,
      fontFamily: deffontfamily
    },
    sform_group: {
      paddingHorizontal: 10,
    },
    sform_group2: {
      paddingHorizontal: 0,
      marginBottom: 10,
    },
    sform_50: {
      width: '50%',
      marginHorizontal: 5,
    },
    sform_100: {
      width: '100%',
      marginHorizontal: 5,
    },
    sform_flex: { flexDirection: 'row', alignItems: 'center' },
    sform_label: {
      textAlign: 'left',
      color: PageTheme.$text_color_dark,
      fontWeight: '500',
      fontSize: 14,
      width: '40%',
      marginBottom: 10,
      fontFamily: deffontfamily
    },
    sform_selectStyle: {
      textAlign: 'left',
      backgroundColor: PageTheme.$secondary_color_light,
      width: '60%',
      borderRadius: 20,
      paddingVertical: 0,
      paddingHorizontal: 0,
      padding: 0,
      height: 30,
      color: PageTheme.$accent_color2,
    },
    sform_label2: {
      textAlign: 'left',
      color: PageTheme.$text_color_dark,
      fontWeight: '500',
      fontSize: 14,
      width: '100%',
      height: 25,
      marginBottom: 0,
      padding: 0,
      fontFamily: deffontfamily
    },
    sform_label3: {
      textAlign: 'left',
      color: PageTheme.$text_color_dark,
      fontWeight: '500',
      fontSize: 14,
      marginBottom: 10,
      padding: 0,
      fontFamily: deffontfamily
    },
    sform_selectStyle2: {
      textAlign: 'left',
      width: wp('40%'),
      backgroundColor: PageTheme.$secondary_color_light,
      borderRadius: 20,
      paddingVertical: 0,
      paddingHorizontal: 0,
      padding: 0,
      color: PageTheme.$accent_color2,
    },
    sform_row: {
      flexDirection: 'row',
    },
    sform_row2: {
      flexDirection: 'row',
      width: wp('100%'),
      paddingHorizontal: 10,
    },
    sform_inputStyle: {
      textAlign: 'left',
      width: wp('40%'),
      backgroundColor: PageTheme.$secondary_color_light,
      paddingVertical: 5,
      paddingHorizontal: 10,
      color: PageTheme.$accent_color2,
    },
    sform_inputStyle2: {
      textAlign: 'left',
      width: '100%',
      backgroundColor: PageTheme.$secondary_color_light,
      paddingVertical: 5,
      paddingHorizontal: 10,
      color: PageTheme.$accent_color2,
    },

    sform_selectItem: { borderBottomWidth: 1, borderBottomColor: PageTheme.$text_color },
    sform_selectedItem: { backgroundColor: PageTheme.$secondary_color_light, },
    sform_btn_con: {
      width: '100%',
      marginTop: 10,
      marginBottom: 0,
      alignItems: 'center',
      justifyContent: 'center',
      flexDirection: 'row'
    },
    fixedbtn: { marginBottom: 20 },
    sform_btn: {
      paddingVertical: 10,
      paddingHorizontal: 20,
      borderRadius: 20,
      backgroundColor: PageTheme.$primary_color,
      alignItems: 'center',
      flexDirection: 'row',
      justifyContent: 'center',
      minWidth: 150,
    },
    sform_btn_icon: {
      marginRight: 5,
    },
    sform_btn_text: {
      textAlign: 'center',
      color: PageTheme.$accent_color,
      fontWeight: '500',
    },
    sform_pic_row: { flexDirection: 'row', width: '100%', marginTop: 10, justifyContent: 'center' },
    sform_pic_row2: { justifyContent: 'flex-start' },
    sform_pic_con: { width: (wp('33%') - 25), marginHorizontal: 5, display: 'flex' },
    capture_image_btn: { width: 80, height: 40, alignItems: 'center', flexDirection: 'row', justifyContent: 'center', alignSelf: 'center' },
    store_img: {
      width: '100%', height: 90, borderRadius: 5, marginBottom: 5,
      backgroundColor: '#b5b5b5'
    },
    csku_scroll_con: { padding: 10, width: '100%' },
    sf_datePicker_text: {
      textAlign: 'left',
      width: wp('40%'),
      backgroundColor: PageTheme.$secondary_color_light,
      paddingVertical: 5,
      paddingHorizontal: 10,
      color: PageTheme.$accent_color2,
    },
    sf_datePicker: { position: 'absolute', width: 21, height: 21, right: 25, top: 3 },
    sf_datePicker_con: { position: 'relative' },
    select_ht: { height: 53 },
    // report menu
    reportMenu_con: { paddingHorizontal: 20, paddingVertical: 20, },
    reportMenu_hd: {
      textAlign: 'center',
      width: '100%',
      paddingVertical: 10,
      paddingHorizontal: 20,
      color: PageTheme.$secondary_color_dark,
      fontWeight: '500',
      fontSize: 20,
      marginBottom: 10,
    },
    reportMenu: { marginTop: 10 },
    reportMenu_item: {
      paddingVertical: 10,
      paddingHorizontal: 20,
      borderRadius: 5,
      minHeight: 50,
      alignItems: 'center',
      flexDirection: 'row',
      justifyContent: 'center',
      minWidth: 150,
      marginBottom: 10,
    },
    reportMenu_item_bg1: { backgroundColor: PageTheme.$primary_color, },
    reportMenu_item_bg2: { backgroundColor: '#ffd667', },
    reportMenu_item_text: {
      textAlign: 'center',
      color: PageTheme.$accent_color,
      fontWeight: '500',
      fontSize: 16,
      fontFamily: deffontfamily
    },




    // loaderSyle
    loaderBackdrop: {
      position: 'absolute',
      width: '100%',
      height: '100%',
      backgroundColor: '#00000097',
      padding: 10,
      flex: 1,
      flexDirection: 'row',
      alignItems: 'center',
      justifyContent: 'center',
      top: 0,
      zIndex: 9999,
      elevation: 9999,
    },
    loaderBackdrop2: {
      position: 'absolute',
      width: '100%',
      height: '100%',
      backgroundColor: '#00000097',
      padding: 10,
      flex: 1,
      flexDirection: 'row',
      alignItems: 'center',
      justifyContent: 'center',
      top: 0,
      zIndex: 99999,
      elevation: 99999,
    },
    loaderCon: {
      backgroundColor: PageTheme.$bg_color,
      width: '80%',
      height: 50,
      borderRadius: 4,
      elevation: 10,
      shadowColor: '#000',
      shadowOpacity: 0.5,
      shadowOffset: { width: 0, height: 3 },
      flexDirection: 'row',
      alignItems: 'center',
      justifyContent: 'center',

    },
    download_loaderCon: { backgroundColor: PageTheme.$accent_color, width: '80%', borderRadius: 4, elevation: 10, shadowColor: '#000', shadowOpacity: 0.5, shadowOffset: { width: 0, height: 3 }, padding: 10, },
    download_Title: { color: PageTheme.$text_color, fontSize: 16, fontWeight: '500', marginBottom: 7, fontFamily: deffontfamily, },
    download_count: { color: PageTheme.$text_color_light, fontSize: 13, fontWeight: '400', fontFamily: deffontfamily, },
    download_subTitle: { color: PageTheme.$text_color_dark, fontSize: 12, fontWeight: '400', fontFamily: deffontfamily, },
    downloadProgress: { position: 'relative', marginVertical: 7 },
    downloadProgress_bg: { height: 10, borderRadius: 10, backgroundColor: PageTheme.$text_color_light2, width: '100%' },
    downloadProgress_filled: { position: 'absolute', top: 0, height: 10, borderRadius: 10, backgroundColor: PageTheme.$primary_color, width: '0%' },
    spinnerCon: { position: 'relative' },
    downloadModal_spin: { position: 'absolute', top: 10, right: 10, },
    downloadModal_btnWrap: { flexDirection: 'row', justifyContent: 'center' },
    downloadModal_OkBtn: {
      paddingVertical: 5,
      paddingHorizontal: 25,
      borderRadius: 20,
      backgroundColor: PageTheme.$primary_color,
      alignItems: 'center',
      flexDirection: 'row',
      justifyContent: 'center',
      marginTop: 10,
    },
    downloadModal_OkBtnText: { color: PageTheme.$accent_color, fontSize: 16, fontFamily: deffontfamily },
    spinner: {},
    spinnerInner: { position: 'absolute', top: 4, left: 4 },
    spinnerInner2: { position: 'absolute', top: 2, left: 2 },
    loaderTitle: {
      fontSize: 16,
      color: PageTheme.$text_color,
      fontFamily: deffontfamily,
      marginLeft: 30,
    },


    // download APK
    downloadAPk_Title: { color: PageTheme.$text_color, fontSize: 16, fontWeight: '500', marginBottom: 7, width: '100%', textAlign: 'center', fontFamily: deffontfamily },
    downloadAPk_subtitleWrap: { flexDirection: 'row', marginBottom: 10, alignItems: 'center', justifyContent: 'center' },
    downloadAPk_subTitle: { color: PageTheme.$text_color_dark, fontSize: 12, fontWeight: '400', textAlign: 'center', fontFamily: deffontfamily },
    downloadAPkProgress: { position: 'relative', marginVertical: 7, alignItems: 'center', justifyContent: 'center' },
    downloadAPkProgress_gif: { transform: [{ scale: 0.6 }], width: '100%', marginBottom: 5 },
    downloadAPKModal_spin: { marginRight: 5 },

    // store info
    storeInfo_wrap: { borderRadius: 10 },
    dm_storeInfo: { width: wp('100%'), backgroundColor: PageTheme.$accent_color, padding: 10, borderRadius: 4, borderBottomWidth: 2, borderBottomColor: PageTheme.$secondary_color_light, marginTop: 10, paddingBottom: 20 },
    dm_storeInfo_title: { color: PageTheme.$text_color_dark, fontWeight: '500', fontSize: 16, fontFamily: deffontfamily },
    dm_storeInfo_subtitle: { color: PageTheme.$text_color_light, fontWeight: '400', fontSize: 13, fontFamily: deffontfamily },
    checkinbtn: {
      paddingVertical: 10,
      paddingHorizontal: 20,
      borderRadius: 20,
      backgroundColor: PageTheme.$primary_color,
      alignItems: 'center',
      flexDirection: 'row',
      justifyContent: 'center',
      minWidth: 150,
      marginTop: 40,
    },
    checkinbtn_text: { color: PageTheme.$accent_color, fontSize: 16, fontFamily: deffontfamily },
    // selfie box:
    selfie_preview_con: { width: wp('100%'), paddingHorizontal: 20, alignItems: 'center', justifyContent: 'center' },
    selfie_preview_hd: { textAlign: 'left' },
    selfie_preview: { flexDirection: 'row', alignItems: 'center' },
    selfiep_img: { width: 100, height: 100, backgroundColor: '#b5b5b5' },
    take_selfie_btn: {
      paddingVertical: 10,
      paddingHorizontal: 20,
      borderRadius: 20,
      backgroundColor: PageTheme.$primary_color,
      alignItems: 'center',
      flexDirection: 'row',
      justifyContent: 'center',
      minWidth: 150,
      marginLeft: 40,
    },
    take_selfie_btn_text: { color: PageTheme.$accent_color, fontSize: 16, marginLeft: 10, fontFamily: deffontfamily },

    // checkin info
    checkinMainCon: { width: '100%' },
    checkinInfo: { width: '100%', paddingBottom: 10, marginBottom: 10, borderBottomColor: PageTheme.$secondary_color_light, borderBottomWidth: 2, },
    checkinInfo_hd: { color: PageTheme.$secondary_color_dark, fontSize: 15, marginRight: 10, fontFamily: deffontfamily },
    checkinInfo_hdr: { flexDirection: 'row', alignItems: 'center', marginBottom: 5, },
    checkinInfo_timecon: { flexDirection: 'row', },
    checkinInfo_timeinner: { marginLeft: 10, },
    checkinInfo_img: { width: 120, height: 150, backgroundColor: '#b5b5b5' },
    checkinInfo_time: { color: PageTheme.$text_color, fontSize: 14, fontFamily: deffontfamily },
    checkinInfo_btnCon: { flex: 1, alignItems: 'center' },
    goto_storemenu_btn: { flexDirection: 'row', marginTop: 20, borderColor: PageTheme.$primary_color, borderWidth: 2, borderRadius: 20, paddingHorizontal: 10, height: 30, alignItems: 'center' },
    goto_storemenu_btn_text: { color: PageTheme.$primary_color, fontSize: 14, marginRight: 20, fontFamily: deffontfamily },
    statusIcon: { position: 'absolute', top: 0, right: 0 },
    storeintro_scroll: { width: '100%', },
    storeintro_scrollcon: {
      width: '100%',
      paddingBottom: 10,
      paddingHorizontal: 5,
    },
    store_audit_img_con: { width: '100%', marginTop: 10, height: 150, marginHorizontal: 5, alignSelf: 'center', alignItems: 'center', justifyContent: 'center', position: 'relative', backgroundColor: '#f5f5f5' },
    store_audit_image: { width: '100%', height: 150, maxWidth: 200, backgroundColor: '#f5f5f5' },
    store_audit_pickimg_btn: { position: 'absolute', right: 5, top: 0, padding: 10 },
    clocktimer: { position: "absolute", right: 0, top: 10, flexDirection: 'row' },
    clocktimerWrap: { marginTop: 10, marginLeft: 10, flexDirection: 'row' },
    clocktimerRow: { flexDirection: 'row', alignItems: 'center', backgroundColor: PageTheme.$accent_color, width: 'auto', paddingHorizontal: 15, paddingVertical: 5, borderRadius: 30, width: 200, justifyContent: 'center' },
    clocktimerText: { color: PrimaryTheme.$primary_color, fontSize: 12, marginLeft: 5, fontWeight: '400', fontFamily: deffontfamily, },
    NB_quickL_IconS2: { height: 47, width: 47, borderRadius: 50, padding: 2, alignItems: 'center', backgroundColor: 'rgba(255, 255, 255, 0.9)' },
    // QAD styles
    qad_bg: { flex: 1, alignItems: 'center', position: 'relative' },
    qad_hdr: { alignItems: 'center', width: '100%', paddingTop: 20, paddingBottom: 10, paddingLeft: 10, paddingRight: 10, position: 'absolute', top: 0, left: 0 },
    qad_text: { color: PageTheme.$accent_color, fontSize: 18, fontWeight: '500', textAlign: 'center', marginBottom: 5, textTransform: 'capitalize', fontFamily: deffontfamily },
    qad_subtext: { color: PageTheme.$accent_color, fontSize: 13, fontWeight: '400', textAlign: 'center', marginBottom: 5, fontFamily: deffontfamily },
    qadPopUp: { flex: 1, width: wp('100%'), marginTop: 160, backgroundColor: PageTheme.$accent_color, borderTopLeftRadius: 20, borderTopRightRadius: 20, elevation: 5, shadowOpacity: 1, shadowColor: '#323232', alignItems: 'center', padding: 20 },
    qadPopUpInner: { flex: 1 },
    qadScrollCon: { flex: 1, width: '100%', padding: 0, height: 420 },
    qadInnerCon: { alignItems: "center", position: 'relative' },

    // QAD Progess bar
    linear_progressBarWrapper: { backgroundColor: '#fff', paddingHorizontal: 10, paddingVertical: 10, flexDirection: 'row', width: '100%', position: 'relative', elevation: 5, borderRadius: 15, alignItems: 'center' },
    linear_progressBar: { width: '87%', marginRight: 10, position: 'relative' },
    linear_progressBar_bg: { width: '100%', borderRadius: 5, height: 10, backgroundColor: PageTheme.$text_color_light2 },
    linear_progressBar_filled: { width: '0%', borderRadius: 5, height: 10, backgroundColor: PageTheme.$primary_color, marginRight: 10, position: 'absolute', top: 0, left: 0 },
    linear_progressBarText: { paddingLeft: 10, borderLeftWidth: 1, borderLeftColor: PageTheme.$text_color_light, color: PageTheme.$text_color, fontFamily: deffontfamily },


    // QAD Form
    qad_form: { marginTop: 10 },
    qad_questions: { width: '100%', display: 'none' },
    qad_questionsShow: { display: 'flex' },
    qad_qtnText: { color: PageTheme.$text_color, fontSize: 17, fontWeight: '600', fontFamily: deffontfamily },
    qad_optionsCon: { marginTop: 20, paddingHorizontal: 10 },
    qad_optionBtn: { backgroundColor: PageTheme.$secondary_color_light, paddingHorizontal: 15, paddingVertical: 12, marginBottom: 10, borderRadius: 10, elevation: 2, fontFamily: deffontfamily },
    qad_optionBtnText: { fontSize: 12, color: PageTheme.$text_colorblack, fontWeight: '600', fontFamily: deffontfamily },
    qad_qtnBtnsGrp: { width: wp('87%'), marginTop: 20, position: 'relative', height: 50, padding: 10 },
    qad_qtnBtn: { backgroundColor: PageTheme.$primary_color, elevation: 6, shadowColor: PageTheme.$primary_color, shadowOffset: { width: 0, height: 2 }, borderRadius: 40, width: '35%', height: 40, display: 'flex', alignItems: 'center', justifyContent: 'center' },
    qad_qtnBtnText: { color: PageTheme.$accent_color, textAlign: 'center', fontSize: 15, padding: 10, fontFamily: deffontfamily },
    qad_btnSubmitCon: { position: 'absolute', right: 0, width: '35%' },
    qad_btnSubmit: { elevation: 6, shadowColor: PageTheme.$primary_color, shadowOffset: { width: 0, height: 2 }, borderRadius: 40, width: '100%', height: 40, display: 'flex', alignItems: 'center', justifyContent: 'center' },
    qad_btnBack: { position: 'absolute', left: 0 },
    qad_btnBackText: { fontFamily: deffontfamily },
    qad_btnNext: { position: 'absolute', right: 0 },
    qad_btnNextText: { fontFamily: deffontfamily },
    qad_timer_wrapper: { flexDirection: 'row', marginTop: 5, alignItems: 'center', paddingHorizontal: 10 },
    qad_timerText: { marginLeft: 10, color: PageTheme.$text_color, fontSize: 16, marginRight: 10, fontFamily: deffontfamily },
    timerProgressBar: { position: 'relative', flex: 1, height: 10, overflow: "hidden" },
    timerProgressBar_bg: { height: 10, borderRadius: 10, backgroundColor: PageTheme.$text_color_light2, width: '100%' },
    timerProgressBar_filled: { height: 10, borderRadius: 10, backgroundColor: 'green', position: 'absolute', top: 0 },
    answerRemark: { padding: 10, backgroundColor: '#bdebbd', borderRadius: 10, marginTop: 5 },
    answerRemarkText: { fontSize: 14, color: 'green', fontFamily: deffontfamily },
    remarkRedbg: { backgroundColor: '#fdc0c0' },
    remarkRed: { color: 'red' },

    // forgetMpin
    forgetMpinWrap: { width: wp('80%'), paddingVertical: 10, position: 'relative', marginTop: 10 },
    forgetMpinBtn: { position: 'absolute', right: 0, top: 0 },
    forgetMpinText: { color: PageTheme.$text_color_light, fontFamily: deffontfamily },

    // modalWrapper
    modalWrapper: { position: 'absolute', top: 0, left: 0, width: wp('100%'), height: hp('100%'), backgroundColor: '#000', zIndex: 999,elevation: 999 },
    downloadModalWrapper: {},

    // attendance_menu
    attmenu_listcon: { width: wp('100%'), },
    attmenu_list: { width: wp('100%'), marginTop: 10, paddingBottom: 10, paddingHorizontal: 20, flexDirection: 'row', flexWrap: 'wrap' },
    attendance_menu_outer: { width: wp('50%') - 30, marginBottom: 20, },
    attendance_menu_first: { marginRight: 20, },
    attendance_menu: { padding: 10, borderRadius: 7, elevation: 3, height: 120, alignItems: 'center' },
    attendance_menu_inner: { alignItems: 'center', height: '60%', justifyContent: 'center' },
    attendance_Icon: { width: 50, height: 50 },
    attendance_menu_image: { height: 50, },
    attendance_menu_title: { fontSize: 16, fontWeight: '600', color: PageTheme.$text_color, marginTop: 10, textAlign: 'center', fontFamily: deffontfamily },

    // backgroundVideo
    backgroundVideo: { position: 'absolute', top: 0, bottom: 0, left: 0, right: 0 },

    // no download data style
    nodownloaddata_con: { width: '100%', height: '100%', alignItems: 'center', justifyContent: 'center' },
    nodownloaddata_row: { width: '100%', height: '100%', alignItems: 'center', justifyContent: 'center' },
    nodownloaddata_text: { fontSize: 15, fontWeight: "500", color: PageTheme.$text_color_light, textAlign: 'center', marginTop: 10, fontFamily: deffontfamily },

    // no data available 
    noDataCon: { width: '100%', height: 400, alignItems: 'center', justifyContent: 'center' },
    noDataText: { fontSize: 15, fontWeight: "500", color: PageTheme.$text_color_light, textAlign: 'center', fontFamily: deffontfamily, },

    // geotag screen
    geotag_scroll: { justifyContent: 'center', padding: 10, paddingBottom: 10, paddingTop: 5 },
    geotag_scroll_pb: { paddingBottom: 50, },
    gtag_sImageWrap: { position: 'absolute', bottom: -60, alignItems: 'center', left: 0, right: 0, width: '100%' },
    gtag_sImage_View: { position: 'absolute', top: -60, elevation: 1, backgroundColor: '#fff', borderRadius: 15, padding: 3, shadowOpacity: 0.1, shadowColor: '#000', shadowOffset: { width: 0, height: 2 } },
    gtag_sImage_View2: { position: 'absolute', top: -60, elevation: 1, backgroundColor: '#fff', borderRadius: 15, paddingleft: 10, shadowOpacity: 0.1, shadowColor: '#000', shadowOffset: { width: 0, height: 2 } },
    gTag_sImageBtn: { position: 'absolute', zIndex: 2,elevation: 2, top: 5, backgroundColor: PageTheme.$red, borderRadius: 20, padding: 9, shadowOpacity: 0.25, shadowColor: PageTheme.$red, shadowOffset: { width: 0, height: 2 } },
    gtag_sImagelbl: { alignItems: 'center', paddingHorizontal: 20, paddingTop: 30, paddingBottom: 10, borderRadius: 10, backgroundColor: PageTheme.$bg_color, elevation: 2, shadowOpacity: 0.2, shadowColor: '#000', shadowOffset: { width: 0, height: 2 } },
    gtag_sImagelblText: { fontSize: 14, fontWeight: '500', color: PageTheme.$text_color, zIndex: 1,elevation:1, marginTop: 20, fontFamily: deffontfamily, },
    gTag_btnWrap: { alignItems: 'center', marginTop: 60 },
    gTag_btnWrapCI: { marginTop: 60, },
    gTag_btnWrapCI1: { marginTop: 20, },
    gTag_Image: { width: 80, height: 80, borderRadius: 13 },
    gTag_distanceAway: { paddingHorizontal: 13, paddingVertical: 7, borderRadius: 6, backgroundColor: '#f5aeae78', width: '90%' },
    gTag_distanceAwayLbl: { fontSize: 14, color: 'red', textAlign: 'center', fontWeight: '500', fontFamily: deffontfamily },

    gTag_distanceAway1: { paddingHorizontal: 13, paddingVertical: 7, borderRadius: 6, backgroundColor: '#c9efd9', width: '90%' },
    gTag_distanceAwayLbl1: { fontSize: 14, color: 'green', textAlign: 'center', fontWeight: '500', fontFamily: deffontfamily },

    android_flipIMageView: {},
  
     mapContainer: {
      height: HP('100%') - (380 + EXTRA_SPACE),
      width: '100%',
      marginBottom: 30,

      position: 'relative',

      // ❌ DO NOT use overflow hidden on Android
      overflow: Platform.OS === 'ios' ? 'hidden' : 'visible',

      borderRadius: 15,
      backgroundColor: '#fff',
    },

    mapCard: {
      height: hp('100%') - (380 + EXTRA_SPACE),

      borderRadius: 20,        // ✅ Rounded corner here
      backgroundColor: '#fff',

      // Android shadow
      elevation: 6,

      // iOS shadow
      shadowColor: '#000',
      shadowOpacity: 0.2,
      shadowOffset: { width: 0, height: 3 },
      shadowRadius: 6,

      // ⚠️ Important:
      // Android me hidden nahi karna (warna overlay hide ho jayega)
      overflow: 'hidden',
    },
    cameraOverlay: {
      position: 'absolute',
      marginTop : 50,
      bottom: 20,
      left: 0,
      right: 0,
      alignItems: 'center',
      // Required for Android layering
      zIndex: 9999,
      elevation: 9999,
    },
    // map
    mapWrapperStoreInfo: { width: '100%', height: hp('80%') - (350 + EXTRA_SPACE), backgroundColor: '#fff', borderRadius: 15, overflow: 'hidden', elevation: 5, shadowColor: '#000', shadowOpacity: 0.6, shadowOffset: { width: 0, height: 2 } },
    mapStyleStorInfo: { width: '100%', height: '90%', marginVertical: 5 },
    mapWrapperStoreInfoSmall: { height: hp('80%') - (380 + EXTRA_SPACE) },
    mapWrapCon: { marginBottom: 10, position: 'relative',flex : 1 },
    mapWrapConIOS: { backgroundColor: '#fff', padding: 1, borderRadius: 15, elevation: 5, shadowColor: '#000', shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 } },
    mapWrapper: { width: '100%', height: hp('100%') - (350 + EXTRA_SPACE), backgroundColor: '#fff', borderRadius: 15, overflow: 'hidden', elevation: 5, shadowColor: '#000', shadowOpacity: 0.6, shadowOffset: { width: 0, height: 2 } },
    mapWrapperView: { height: hp('100%') - (310 + EXTRA_SPACE) },
    mapWrapperSmall: { height: hp('100%') - (380 + EXTRA_SPACE) },

    mapWrapperSmall1: { height: hp('100%') - (230 + EXTRA_SPACE) },

    mapStyle: { width: '100%', height: '100%' },
    customMapStyle: { borderRadius: 10, },

    // Store Visited Modal Style
    storelVisitM_Style: { alignItems: 'center' },
    storelVisitM_titleStyle: { textAlign: 'center', marginTop: 20, marginBottom: 20, fontFamily: deffontfamily, },
    storelVisitM_options: { flexDirection: 'row', marginBottom: 20, justifyContent: 'space-evenly', width: '80%' },
    storelVisitM_op_btn: { backgroundColor: PageTheme.$primary_color, color: PageTheme.$accent_color, paddingHorizontal: 20, paddingVertical: 6, borderRadius: 20, minWidth: 70, fontFamily: deffontfamily, },
    storelVisitM_op_btnText: { textAlign: 'center', color: PageTheme.$accent_color, fontFamily: deffontfamily },

    // Store Daily Menu data Loss popup
    storeDaily_titleStyle: { textAlign: 'center', marginTop: 20, fontSize: 15, fontFamily: deffontfamily },



    // Download Error Modal
    dErrM_Style: { alignItems: 'center' },
    dErrMsg: { textAlign: 'center', marginTop: 20, marginBottom: 5, color: PageTheme.$red, fontSize: 14, fontFamily: deffontfamily, },
    dErrSubMsg: { fontSize: 14, fontWeight: '500', marginBottom: 10, color: PageTheme.$red, fontFamily: deffontfamily, },
    dErrDetail: { fontSize: 12, fontWeight: '400', marginBottom: 10, color: PageTheme.$text_color_dark, fontFamily: deffontfamily, },


    // MPin MOdal
    MPinM_Style: { alignItems: 'center', paddingTop: 20, width: '90%' },
    MPinM_title_Style: { textAlign: 'center', marginBottom: 10, fontSize: 15, color: PageTheme.$text_color, fontWeight: '500', fontFamily: deffontfamily },
    MPinM_subtitle_Style: { textAlign: 'center', fontSize: 13, marginLeft: 5, color: PageTheme.$red, fontWeight: '400', fontFamily: deffontfamily },
    MPinM_subtitle_Style2: { textAlign: 'center', fontSize: 13, marginBottom: 10, color: PageTheme.$red, fontWeight: '400', fontFamily: deffontfamily },
    MPinM_subtitleCon: { flexDirection: 'row', marginLeft: -5, marginBottom: 5, justifyContent: 'center', alignItems: 'center' },
    MPinM_con: { marginBottom: 10, padding: 10, },
    MPinM_otp_inputStyle: {
      textAlign: 'center',
      backgroundColor: PageTheme.$secondary_color_light,
      width: '80%',
      borderRadius: 4,
      paddingVertical: 10,
      paddingHorizontal: 15,
      height: 50,
      color: PageTheme.$accent_color2,
      marginBottom: 10,
      marginRight: 10,
      fontSize: 25,
      fontFamily: deffontfamily,
    },
    MPinM_otp_field: {
      flexDirection: 'row',
    },

    // app update modal 
    appUpdateMStyle: { alignItems: 'center' },
    appUpdateMT_Style: { marginTop: 10, marginBottom: 10, fontSize: 13, fontWeight: "500", color: PageTheme.$text_color, fontFamily: deffontfamily },
    appUpdateMT_SubStyle: { paddingHorizontal: 10, marginBottom: 20, fontSize: 12, fontWeight: "400", color: PageTheme.$text_color_light, fontFamily: deffontfamily },

    // Store Cancel visit modal
    storelCM_alertCon: { marginBottom: 20, flexDirection: 'row', alignItems: 'center' },
    storelCM_alert: { textAlign: 'center', color: '#ff0000', fontSize: 14, fontWeight: '400', marginLeft: 10, fontFamily: deffontfamily, },
    storelCancelM_titleStyle: { textAlign: 'center', marginTop: 10, fontSize: 14, fontWeight: '500', fontFamily: deffontfamily },
    storelCancelM_subtitleStyle: { marginBottom: 10, fontSize: 13, fontWeight: '400', color: PageTheme.$primary_color, textTransform: 'capitalize', fontFamily: deffontfamily },

    // custom modal
    customModal: { backgroundColor: PageTheme.$accent_color, width: '80%', borderRadius: 4, elevation: 10, shadowColor: '#000', shadowOpacity: 0.5, padding: 10, shadowOffset: { width: 0, height: 2 }, },
    customModal_Title: { color: PageTheme.$text_color, fontSize: 16, fontWeight: '500', marginBottom: 7, fontFamily: deffontfamily },
    customModal_Message: { color: PageTheme.$text_color_light, fontSize: 14, fontWeight: '400', marginBottom: 10, fontFamily: deffontfamily },


    // non working rsns style
    storeD_Main: { width: '100%', height: '100%', paddingVertical: 10, },
    storeD_storelMain: { width: '100%', paddingHorizontal: 10, },
    storeD_scrollCon: { width: '100%', height: hp('100%') - (340 + EXTRA_SPACE) },
    storeD_scroll: { width: '100%', marginBottom: 20, paddingHorizontal: 10, },
    nonWorking_con: { width: '100%' },
    nonWorking_form: { width: '100%' },
    nonWform_hd: { textAlign: 'left', color: PageTheme.$text_color, fontFamily: deffontfamily, fontSize: 15, paddingVertical: 5, paddingHorizontal: 10, fontWeight: '600', marginBottom: 10, },
    // nonWorking_imgWrap:{width:'100%',height:200,backgroundColor:PageTheme.$text_color_light2,marginTop:20,},
    // nonWorking_form_selectBox:{width:'100%',textAlign:'left',paddingVertical:0,paddingHorizontal:0,padding:0,height:30,color:PageTheme.$accent_color2,},
    nonW_btnWrap: { position: 'absolute', bottom: 10, left: 10, alignItems: 'center', width: '100%', alignItems: 'center' },

    nonWlist: { position: 'relative', flexDirection: 'row', marginBottom: 10, alignItems: 'center', width: '100%', backgroundColor: PageTheme.$bg_color, elevation: 2, borderRadius: 7, paddingHorizontal: 10, paddingVertical: 10, shadowColor: '#000', shadowOpacity: 0.15, shadowOffset: { width: 0, height: 2 } },
    nonWlist_camera: { position: 'absolute', right: 0, alignItems: 'center', justifyContent: 'center', padding: 10, },
    nonWlist_camera_icon: {},
    nonWlist_Text: { fontSize: 14, color: PageTheme.$text_color, marginRight: 10, fontFamily: deffontfamily },
    nWselStyle: { backgroundColor: PageTheme.$secondary_color_dark, },
    nWselStyleText: { color: PageTheme.$accent_color },
    settingsBtnTextNew: {
      color: 'white',
      fontSize: 16,
      fontWeight: 'bold',
    }, settingsBtnNew: {
      backgroundColor: '#4a90e2',
      padding: 12,
      borderRadius: 8,
      alignItems: 'center',
      justifyContent: 'center',
    },
    // nonWCapImgModal
    nonWCapImgModal: { alignItems: 'center', },
    nonWCapImgModal_title: { fontSize: 14, fontFamily: deffontfamily },
    nonWCapImgModal_subtitle: { fontFamily: deffontfamily },
    nonWCapImgModalCon: { width: '100%', alignItems: 'center', position: 'relative', },
    nonWCapImgModal_Camera: { marginTop: 10, marginBottom: 20, padding: 10, },
    nonWCapImgModal_btng: { flexDirection: 'row', justifyContent: 'space-evenly', width: '100%' },
    nonWCapImgModal_Cancel_btn: { marginBottom: 10, paddingHorizontal: 15, paddingVertical: 10, minWidth: 100, backgroundColor: PageTheme.$accent_color, borderColor: PageTheme.$primary_color, borderWidth: 1, borderRadius: 40, elevation: 1 },
    nonWCapImgModal_Cancel_btnText: { textAlign: 'center', color: PageTheme.$primary_color, fontFamily: deffontfamily },
    nonWCapImgModal_Save_btn: { marginBottom: 10, paddingHorizontal: 15, paddingVertical: 10, minWidth: 100, backgroundColor: PageTheme.$primary_color, borderRadius: 40, elevation: 1 },
    nonWCapImgModal_Save_btnText: { textAlign: 'center', color: PageTheme.$accent_color },
    nonWCapImgModal_ImgWrap: { marginTop: 10, marginBottom: 20, padding: 10, width: '100%', alignItems: 'center' },
    nonWCapImgModal_Img: { backgroundColor: '#efefef', width: 150, height: 100, resizeMode: 'contain' },
    nonWCapImgModal_CameraSmall: { position: 'absolute', right: 40, top: 0, padding: 5, backgroundColor: PageTheme.$bg_color, borderRadius: 40, elevation: 3 },

    // PromotionImgPreviewModal
    PromoImgModal: { alignItems: 'center' },
    PromoImgModal_title: { fontSize: 14, fontFamily: deffontfamily },
    PromoImgModal_subtitle: {},
    PromoImgModalCon: { width: '100%', alignItems: 'center', position: 'relative' },
    PromoImgModal_Camera: { marginTop: 10, marginBottom: 20, padding: 10, },
    PromoImgModal_btng: { flexDirection: 'row', justifyContent: 'space-evenly', width: '100%' },
    PromoImgModal_Cancel_btn: { marginBottom: 10, paddingHorizontal: 15, paddingVertical: 10, minWidth: 100, backgroundColor: PageTheme.$accent_color, borderColor: PageTheme.$primary_color, borderWidth: 1, borderRadius: 40, elevation: 1 },
    PromoImgModal_Cancel_btnText: { textAlign: 'center', color: PageTheme.$primary_color },
    PromoImgModal_Save_btn: { marginBottom: 10, paddingHorizontal: 15, paddingVertical: 10, minWidth: 100, backgroundColor: PageTheme.$primary_color, borderRadius: 40, elevation: 1 },
    PromoImgModal_Save_btnText: { textAlign: 'center', color: PageTheme.$accent_color },
    PromoImgModal_ImgWrap: { marginTop: 10, marginBottom: 20, padding: 10, width: '100%', alignItems: 'center' },
    PromoImgModal_Img: { backgroundColor: '#efefef', width: 150, height: 100, resizeMode: 'contain' },
    PromoImgModal_CameraSmall: { position: 'absolute', right: 40, top: 0, padding: 5, backgroundColor: PageTheme.$bg_color, borderRadius: 40, elevation: 3 },

    // store Distance Modal
    storeDistance_Modal: { padding: 20, width: '90%', alignItems: 'center' },
    storeDistanceM_title: { fontSize: 18, fontFamily: deffontfamily },
    storeDistanceM_Con: { alignItems: 'center' },
    storeDistanceM_message: { fontSize: 14, color: PageTheme.$text_color, fontWeight: '400', textAlign: 'center', fontFamily: deffontfamily, },
    storeDistanceM_submessage: { fontSize: 14, fontWeight: '400', textAlign: 'center', color: PageTheme.$text_color, fontFamily: deffontfamily, },
    storeDistanceM_btn: { minWidth: 100, paddingHorizontal: 20, paddingVertical: 10, marginTop: 20, backgroundColor: PageTheme.$primary_color, borderRadius: 20, elevation: 3, },
    storeDistanceM_btnText: { textAlign: 'center', color: PageTheme.$accent_color, fontFamily: deffontfamily, },

    // daily_menu
    dailymenu_listcon: { width: '100%', alignItems: 'center' },
    dailymenu_list: { paddingHorizontal: 10, marginTop: 10, paddingBottom: 10, },
    dialyMenu_Rows: { width: '100%', flexDirection: 'row', marginBottom: 0 },
    daily_menu_outer: { width: '50%', position: 'relative', padding: 10, },

    daily_menu_first: {},
    daily_menu_tilebgShadow: { borderRadius: 7, elevation: 3, height: 160, alignItems: 'center', shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.3, backgroundColor: '#0000' },
    daily_menu: { width: '100%', height: '100%', padding: 10, borderRadius: 7, position: 'absolute', top: 0, left: 0 },
    daily_menu_inner: { alignItems: 'center', backgroundColor: PageTheme.$bg_color, borderRadius: 10, paddingHorizontal: 20, paddingVertical: 5, marginTop: -20, marginBottom: 10, elevation: 2, shadowColor: '#000', shadowOffset: { width: 0, height: 0 }, shadowOpacity: 0.2, justifyContent: 'center' },
    daily_menu_inner2: { alignItems: 'center', paddingHorizontal: 20, paddingTop: 25, marginBottom: 10, justifyContent: 'center' },
    daily_menu_innerImgCon: { position: 'absolute', top: 20, width: 90, height: 90 },
    daily_menu_bgImg: { width: '100%', height: '100%' },
    daily_menu_Icon: { width: 80, height: 80 },

    daily_menu_title: { fontSize: 14, fontWeight: '400', color: PageTheme.$text_color, marginTop: 5, textAlign: 'center', fontFamily: deffontfamily, },
    daily_menu_done: { position: 'absolute', width: 31, height: 31, right: 10, top: -10, borderRadius: 15, elevation: 3, shadowColor: '#000' },
    daily_menu_hasData: { position: 'absolute', width: 21, height: 21, right: 5, top: 5, borderRadius: 15, elevation: 3, shadowColor: '#000' },
    daily_menu_Count: { position: 'absolute', left: 10, alignItems: "center", top: 5, fontSize: 14, fontWeight: '400', color: PageTheme.$text_color, marginTop: 5, textAlign: 'center', fontFamily: deffontfamily, },

    // Order Status 
    OrderStatus_Done: { position: 'absolute', width: 31, height: 31, right: 10, top: 0, borderRadius: 15, elevation: 3, shadowColor: '#000' },


    // Dail menu Category

    catDMenuI_Wrap: { flexDirection: 'row', alignItems: 'center', justifyContent: 'flex-start', width: '100%', marginBottom: 10, borderRadius: 4, paddingHorizontal: 10, paddingVertical: 8, backgroundColor: PageTheme.$secondary_color_light, elevation: 1, shadowColor: '#000', shadowOpacity: 0.1, shadowOffset: { width: 0, height: 2 } },
    catDMenuI_CheckBoxCon: { position: 'absolute', width: 25, height: 25, top: 4, left: 5, },
    catDMenuI_CheckBox: { alignSelf: 'flex-start' },
    catDMenuI_CheckBox_pName: { width: '85%', marginLeft: 30 },
    catDMenu_listcon: { width: '100%' },
    catDMenu_list: { marginTop: 10, paddingBottom: 10, },
    catDmenu_scroll: { justifyContent: 'center', paddingBottom: 10, paddingTop: 5 },

    // opening stock kpi
    opening_Stock_wrap: { width: '100%', marginBottom: 10 },
    opening_Stock_scroll: { justifyContent: 'center', padding: 10, paddingBottom: 180, },
    opening_Stock_scrollOuter: { marginBottom: 80, width: wp('100%') },
    opening_Stock_cat: { width: '100%' },
    opening_Stock_catHdr: { width: '100%', position: 'relative' },
    opening_Stock_catHdrIcon: { position: 'absolute', right: 10, top: 5, },
    opening_Stock_catInner: { width: '100%', paddingHorizontal: 10, paddingVertical: 7, backgroundColor: PageTheme.$primary_color, borderRadius: 5, },
    opening_Stock_catText: { fontSize: 14, fontWeight: '500', color: PageTheme.$accent_color, fontFamily: deffontfamily, },
    opening_Stock_catText2: { fontSize: 13, fontWeight: '400', color: PageTheme.$accent_color, fontFamily: deffontfamily, },
    opening_Stock_catText3: { fontSize: 13, fontWeight: '400', color: PageTheme.$text_color, fontFamily: deffontfamily, },

    opening_Stock_SubCatHdr: { width: '100%', position: 'relative' },
    opening_Stock_SubCatIcon: { position: 'absolute', right: 10, top: 10 },
    opening_Stock_SubCatInner: { width: '100%', paddingHorizontal: 10, marginTop: 10, paddingVertical: 7, backgroundColor: PageTheme.$primary_color, borderRadius: 5, },
    opening_Stock_SubCatText: { fontSize: 14, fontWeight: '500', color: PageTheme.$text_color, textAlign: 'center', fontFamily: deffontfamily },

    osCat_actions: { width: '100%', marginVertical: 10, marginTop: 20, paddingBottom: 10, alignItems: 'center', borderBottomColor: PageTheme.$text_color_light2, borderBottomWidth: 1, },
    osCat_actions1: { width: '100%', marginVertical: 10, marginTop: 4, paddingBottom: 10, alignItems: 'center' },
    osCat_action_openCam: {},
    osCat_action_add_image: {},
    osCatImageView: { position: 'relative', backgroundColor: PageTheme.$secondary_color_light, padding: 5, borderRadius: 10, },
    osCat_action_reCap: { position: 'absolute', top: -10, right: -10, padding: 8, backgroundColor: PageTheme.$primary_color, borderRadius: 30, elevation: 2 },
    osCatImage: { width: 80, height: 80, borderRadius: 10, backgroundColor: '#232323' },
    osCatImage2: { width: 55, height: 47, backgroundColor: 'transparent' },
    error_CatImage2: { width: 55, height: 47, borderColor: 'red', borderWidth: 2, padding: 30, alignItems: 'center', justifyContent: 'center' },

    osCat_actn_margin: {},
    opening_Stock_prds: { paddingBottom: 20, },
    openStk_prd_Con: { paddingHorizontal: 10, position: 'relative', marginTop: 10, paddingVertical: 10, backgroundColor: PageTheme.$secondary_color_light, borderRadius: 5, elevation: 1, shadowColor: '#484848', shadowOpacity: 0.1, shadowOffset: { width: 0, height: 2 } },
    openStk_prd_name: { fontSize: 15, color: PageTheme.$text_color, fontWeight: '600', fontFamily: deffontfamily },
    openStk_prd_nameB: { fontSize: 15, color: PageTheme.$text_color, fontWeight: '600', borderBottomColor: PageTheme.$fourth_color, borderBottomWidth: 1, paddingBottom: 5, fontFamily: deffontfamily },

    openStk_precentageViw: { flex: 2, borderBottomColor: PageTheme.$fourth_color, borderBottomWidth: 1, paddingBottom: 5, flexDirection: "row", justifyContent: 'space-between' },
    openStk_precentageViwHD: { flex: 2, paddingBottom: 5, flexDirection: "row", justifyContent: 'space-between' },
    openStk_precentagenameB: { fontSize: 15, color: PageTheme.$text_color, fontWeight: '600', paddingBottom: 5, fontFamily: deffontfamily },

    openStk_prd_name2: { fontSize: 14, color: PageTheme.$text_color, fontWeight: '400', marginTop: 4, fontFamily: deffontfamily },
    openStk_refImageBtn: { position: 'absolute', right: 20, top: 5, width: 40, height: 40, borderRadius: 20, alignItems: 'center', justifyContent: 'center' },
    openStk_prd_form: { marginTop: 10, },
    openStk_prd_row: { width: '100%', flexDirection: 'row', },
    openStk_prd_cols: { width: '100%', },
    openStk_prd_colflex: { width: '100%', flexDirection: 'row', alignItems: 'center', },
    openStk_prd_col50: { width: '48.5%' },
    openStk_prd_col50_1: { marginRight: 5, },
    openStk_prd_col50_2: { marginLeft: 5 },
    openStkP_checkboxWrap: { flexDirection: 'row', alignItems: 'flex-start', justifyContent: 'flex-start', borderBottomColor: PageTheme.$bg_color, borderBottomWidth: 1, paddingBottom: 10, },
    openStkP_checkbox: { alignSelf: 'flex-start' },
    openStkP_checkboxCon: { position: 'absolute', width: 25, height: 25, top: -5, left: -10, },
    openStkP_checkbox_pName: { width: '85%', marginLeft: 25 },
    openStk_prd_label: { fontSize: 13, color: PageTheme.$text_color_dark, fontWeight: '400', fontFamily: deffontfamily },
    openStk_prd_flexlabel: { marginRight: 10, width: '35%', color: PageTheme.$text_color_dark, fontFamily: deffontfamily },
    openStk_prd_flexlabel1: { marginRight: 3, marginLeft: 10, width: '49%', color: PageTheme.$text_color_dark, fontFamily: deffontfamily },
    openStk_prd_textLabel: { marginLeft: 10, width: '35%', color: PageTheme.$text_color_dark },
    openStk_prd_labelValRed: { fontSize: 13, color: PageTheme.$orange, fontWeight: '400', fontFamily: deffontfamily },
    openStk_prd_inputStyle: { backgroundColor: PageTheme.$bg_color, borderRadius: 4, marginTop: 5, height: 30, paddingVertical: 3, paddingHorizontal: 5, minWidth: 100, color: PageTheme.$text_color, fontFamily: deffontfamily },
    openStk_prd_inputStyle1: { backgroundColor: PageTheme.$bg_color, borderRadius: 4, marginTop: 5, height: 35, paddingVertical: 3, paddingHorizontal: 5, minWidth: 100, color: PageTheme.$text_color, fontFamily: deffontfamily },
    openStk_EXP_inputStyle: { backgroundColor: "#c0ccd6", borderRadius: 4, marginTop: 5, height: 30, paddingVertical: 3, paddingHorizontal: 5, minWidth: 100, color: "#fff", fontFamily: deffontfamily },

    // ops Expr
    closeStk_prd_flexlabel: { width: '30%', color: PageTheme.$text_color_dark },


    openStk_prd_inputShort: { width: '70%' },
    openStk_prd_inplBlue: { backgroundColor: PageTheme.$secondary_color_light },
    openStk_prd_flex_inputStyle: { marginTop: 0, width: '50%' },
    openStk_prd_flex_inputStyle1: { marginTop: 0, width: '60%' },
    openStk_prd_inputShort2: { width: '50%' },
    openStk_prd_date_inputCon: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', width: '60%' },
    openStk_prd_dateInput: { height: 30, alignItems: 'center', justifyContent: 'center', width: '84%', borderRadius: 5, backgroundColor: PageTheme.$secondary_color_light, paddingHorizontal: 10, paddingVertical: 5, color: PageTheme.$text_color, fontFamily: deffontfamily },
    openStk_prd_datePicker: { width: 30, height: 30, backgroundColor: PageTheme.$primary_color, alignItems: 'center', justifyContent: 'center', borderRadius: 5 },

    openStk_prd_selectStyle: { backgroundColor: PageTheme.$bg_color, borderRadius: 4, height: 40, minWidth: 100 },
    openStk_prd_selectStyle_item: { height: 40, fontSize: 14, fontFamily: deffontfamily },
    openStk_prd_choiceBoxCon: { height: 40, width: '60%', paddingHorizontal: (Platform.OS == 'ios' ? 10 : 0), },
    openStk_prd_choiceBox: { position: 'relative', backgroundColor: PageTheme.$bg_color, flexDirection: 'row', height: 40, alignItems: 'center', width: '80%', maxWidth: 150, minWidth: 100, borderRadius: 5 },
    openStk_prd_choiceBoxbgL: { backgroundColor: PageTheme.$secondary_color_light },
    openStkCh_con1: { width: '50%', height: '100%', paddingVertical: 5, paddingHorizontal: 10, justifyContent: 'center', borderRadius: 5, },
    openStkCh_con1Grey: { backgroundColor: '#d3d3d3' },
    openStkCh_text: { textAlign: 'center', color: PageTheme.$text_color, fontFamily: deffontfamily },
    openStkCh_textactive: { color: PageTheme.$accent_color },
    openStkCh_con_red: { backgroundColor: 'red' },
    openStkCh_con_green: { backgroundColor: 'green' },
    openStkCh_con_toggleDis: { backgroundColor: PageTheme.$tertiary_color },
    openStkCh_con_toggleDisTxt: { color: PageTheme.$accent_color },
    openStkCh_con_active: { borderRadius: 5, elevation: 4, shadowColor: '#000', shadowOpacity: 0.4, shadowOffset: { width: 0, height: 2 }, shadowRadius: 5, backgroundColor: '#0000' },
    openStkCh_absolutebg: { position: 'absolute', top: 0, bottom: 0, width: '50%', left: '50%' },
    addstore_Stock_btnWrap: { bottom: 0, left: 0, right: 0, width: wp('95%'), paddingBottom: 20, alignItems: 'center' },

    opening_Stock_btnWrap: { position: 'absolute', bottom: 0, left: 0, right: 0, width: wp('100%'), paddingBottom: 20, alignItems: 'center' },
    openStk_prddetails: { flexDirection: 'row', marginTop: 10, paddingTop: 10, paddingBottom: 10, alignItems: 'center' },
    openStk_prd_borderT: { borderTopColor: PageTheme.$fourth_color, borderTopWidth: 1 },
    openStk_prd_borderT2: { borderTopColor: PageTheme.$fourth_color, borderTopWidth: 1, paddingTop: 5 },
    openStk_prd_borderT3: { borderTopColor: PageTheme.$fourth_color, borderTopWidth: 1, paddingTop: 10 },
    openStk_prd_borderB: { borderBottomColor: PageTheme.$fourth_color, borderBottomWidth: 1 },
    openStk_prd_borderL: { borderLeftColor: PageTheme.$fourth_color, borderLeftWidth: 1 },
    openStk_prd_borderR: { borderRightColor: PageTheme.$fourth_color, borderRightWidth: 1 },
    openStk_prdd_wrap: { flexDirection: 'row', alignItems: 'center' },
    openStk_prdd_flabel: { fontSize: 13, fontWeight: '500', color: PageTheme.$secondary_color_dark, marginRight: 10, fontFamily: deffontfamily },
    openStk_prdd_fvalue: { fontSize: 13, fontWeight: '500', color: PageTheme.$secondary_color_dark, marginRight: 10, fontFamily: deffontfamily },
    openStk_prdCameras: { marginTop: 10, flexDirection: 'row', flexWrap: 'wrap' },
    openStkCameraCon: { marginRight: 10, },
    openStkCameraCon2: { marginRight: 10, alignItems: 'center' },

    // IR Camera Session 
    IRCamWrapper: { width: '100%' },
    IRCamCon: { borderTopColor: PageTheme.$accent_color, borderTopWidth: 1, flexDirection: 'row', justifyContent: 'space-evenly', padding: 5, backgroundColor: PageTheme.$bg_color, borderRadius: 5 },
    IRCamConBG: { borderTopColor: PageTheme.$secondary_color_light, backgroundColor: PageTheme.$secondary_color_light },
    IRCamBtns: { alignItems: 'center' },
    IRCamStartSess: {},
    IRCamResumeSess: {},
    IRCamBtnsText: { fontSize: 11, fontWeight: '500', color: PageTheme.$text_color, fontFamily: deffontfamily },
    IRCamImgWrap: { flexWrap: 'wrap', flexDirection: 'row', marginBottom: 5, minHeight: 80 },
    IRCamImageView: { position: 'relative', padding: 5, borderRadius: 10, },
    IRCamImage: { width: 80, height: 80, borderRadius: 10, backgroundColor: '#232323', marginRight: 10 },
    IRCamImage_OpBtn: { position: 'absolute', top: -5, right: 0, padding: 8, backgroundColor: PageTheme.$primary_color, borderRadius: 30, elevation: 2 },

    IRretakeM_options: { flexDirection: 'row', marginBottom: 20, justifyContent: 'space-evenly', width: '100%', alignItems: 'center' },
    IRretakeM_optionsInn: { alignItems: 'center' },
    IRretakeM_optionsBtn: { color: PageTheme.$accent_color, paddingHorizontal: 20, paddingVertical: 6, borderRadius: 20, minWidth: 70 },
    IRretakeM_optionsBtnText: { textAlign: 'center', fontSize: 10, color: PageTheme.$text_color, fontFamily: deffontfamily },
    IRCamOnceWrap: { marginBottom: 10 },

    // product cats in Stock with cat screen
    prodCatsScroll: { justifyContent: 'center', padding: 10, paddingBottom: 10, },
    prodCatsScroll_Outer: { marginBottom: 5, width: wp('100%') },
    prodCatPageWrap: { alignItems: 'center' },
    prodCatsHdr: { backgroundColor: PageTheme.$primary_color, width: wp('100%') - 20, paddingVertical: 8, paddingHorizontal: 10, marginBottom: 15, borderRadius: 6, elevation: 1, shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.2, },
    prodCatsHdrText: { textAlign: 'center', fontSize: 14, color: PageTheme.$accent_color, fontFamily: deffontfamily },
    prodCatsCountText: { textAlign: 'right', position: 'absolute', right: 10, top: 7, fontSize: 14, color: PageTheme.$accent_color, fontFamily: deffontfamily },
    prodCatsHdr_Stockprds: { paddingBottom: 10 },
    prdCat_hdIMgWrap: { width: wp('100%') - 20, marginVertical: 10, marginTop: 20, paddingBottom: 10, alignItems: 'center', justifyContent: 'center', borderBottomColor: PageTheme.$text_color_light2, borderBottomWidth: 1, },
    prdCat_hdImgCon: { width: wp('100%'), alignItems: 'center' },
    stockCatDone_check: { position: 'absolute', width: 24, height: 24, right: 10, top: 5, borderRadius: 15, elevation: 3, paddingLeft: 0.2, shadowColor: '#000' },


    // SOS
    SOS_subCatImgCon: {},
    SOS_imageWrap: { width: '100%', paddingVertical: 10, alignItems: 'center', borderBottomColor: PageTheme.$text_color_light2, borderBottomWidth: 1, },



    // Stock 
    stockPrdInfo: { flexDirection: 'row', width: '100%', paddingHorizontal: 10, paddingVertical: 4, backgroundColor: PageTheme.$fourth_color, borderRadius: 5, },
    stockPrdInfoLabelHd: { fontSize: 13, fontWeight: '500', color: PageTheme.$text_color_dark, marginRight: 10, fontFamily: deffontfamily },
    stockPrdInfoLabelHd1: { fontSize: 13, fontWeight: '500', color: PageTheme.$text_color_dark, fontFamily: deffontfamily },
    stockPrdInfoLabel: { fontSize: 13, fontWeight: '500', color: PageTheme.$text_color, fontFamily: deffontfamily },


    // shelf talker
    st_TextLbl: { marginBottom: 10, },

    // Stock page 
    stk_inptSTyle: { textAlign: 'center', fontFamily: deffontfamily },
    stk_inptSTyle_error: { borderColor: 'red', borderWidth: 2 },
    wind_MultiSearchInputStyle: { color: '#CCC' },
    stk_MultiSSTyle_error: { borderColor: 'red', borderWidth: 2, color: '#CCC' },
    stk_mfdView: { marginTop: 10, borderTopColor: PageTheme.$accent_color, borderTopWidth: 2, paddingTop: 10, },
    stk_mfdTbl_hd: { marginBottom: 10, marginTop: 10, color: PageTheme.$text_color, fontSize: 14, fontWeight: '500', fontFamily: deffontfamily },
    stk_mfdTblHeader: { marginBottom: 10, marginTop: 10, backgroundColor: PageTheme.$primary_color, borderRadius: 10, padding: 5, elevation: 3, shadowColor: '#747474', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0, flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' },
    stk_mfdTblHeaderBox: { width: '24%', height: '100%', alignItems: 'center', backgroundColor: PageTheme.$secondary_color_light, paddingVertical: 5, borderRadius: 5, },
    stk_mfdTblHeaderBox1: {},
    stk_mfdTblHeaderBox2: {},
    stk_mfdTblHeaderBox3: {},
    stk_mfdTblHeaderBox4: {},
    stk_mfdTblHeaderTxt: { fontSize: 13, color: PageTheme.$text_color, marginRight: 5, textTransform: 'capitalize', fontWeight: '700', fontFamily: deffontfamily, },
    stk_addStockBtn: { position: 'absolute', right: 0, top: 10, backgroundColor: PageTheme.$primary_color, borderRadius: 4, paddingHorizontal: 10, paddingVertical: 5, elevation: 1, shadowColor: '#747474', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.1 },
    stk_addStockBtnText: { fontSize: 13, fontWeight: '500', color: PageTheme.$accent_color, fontFamily: deffontfamily },
    AddStockM_View: { width: '100%', marginBottom: 10, },
    AddStockM_row: { marginBottom: 10, marginTop: 0, width: '100%', paddingHorizontal: 10 },
    AddStockM_label: { color: PageTheme.$text_color, fontSize: 14, fontWeight: '400', marginBottom: 5, fontFamily: deffontfamily, },
    AddStockM_col: {},
    AddStockM_MFDInputCon: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' },
    AddStockM_MFDInput: { height: 30, alignItems: 'center', justifyContent: 'center', width: '84%', borderRadius: 5, backgroundColor: PageTheme.$secondary_color_light, paddingHorizontal: 10, paddingVertical: 5, color: PageTheme.$text_color, fontFamily: deffontfamily },
    AddStockM_DatePicker: { width: 30, height: 30, backgroundColor: PageTheme.$primary_color, alignItems: 'center', justifyContent: 'center', borderRadius: 5 },
    AddStockM_InputStyle: { height: 30, borderRadius: 5, backgroundColor: PageTheme.$secondary_color_light, paddingHorizontal: 10, paddingVertical: 5, color: PageTheme.$text_color, fontFamily: deffontfamily, },
    AddStockM_cancelBtn: { backgroundColor: PageTheme.$bg_color, borderWidth: 1, borderColor: PageTheme.$primary_color, minWidth: 90 },
    AddStockM_cancelBtnText: { color: PageTheme.$primary_color },
    AddStockM_Btn: { minWidth: 90 },

    stk_mfdTblBody: { backgroundColor: PageTheme.$bg_color, borderRadius: 5, paddingVertical: 5 },
    stk_mfdTblrow: { marginBottom: 5, borderBottomColor: PageTheme.$secondary_color_light, borderBottomWidth: 1, padding: 5, flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' },
    stk_mfdTblrow_last: { borderBottomWidth: 0, marginBottom: 0 },
    stk_mfdTblCol: { paddingHorizontal: 10, alignItems: 'center', width: '24%', },
    stk_mfdTblCol1: {},
    stk_mfdTblCol2: {},
    stk_mfdTblCol3: {},
    stk_mfdTblCol4: { height: 35 },
    stk_mfdTblColText: { color: PageTheme.$text_color, fontSize: 13, fontWeight: '400', fontFamily: deffontfamily, },
    stk_mfdTbl_DeleteBtn: { position: 'absolute', right: 5, backgroundColor: PageTheme.$bg_color, borderRadius: 20, width: 30, height: 30, alignItems: 'center', justifyContent: 'center', elevation: 2, shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.2 },

    //possale
    posS_hdrWrap: { paddingHorizontal: 10 },
    picker_design: { width: '65%' },
    text_month: { width: '35%', color: PageTheme.$text_color_dark },
    possale_prd_label: { fontSize: 15, color: PageTheme.$text_color_dark, fontWeight: '400', fontFamily: deffontfamily },
    possale_headerview: {},
    possale_sImageWraps: { flexDirection: 'row' },
    possale_sImagelbl: { marginTop: -70, paddingTop: 5, paddingBottom: 5, borderRadius: 5, backgroundColor: PageTheme.$bg_color, elevation: 2, shadowOpacity: 0.2, shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, marginLeft: 20, paddingLeft: 10, paddingRight: 10 },
    possale_sImagelbl2: { marginTop: -70, paddingTop: 5, paddingBottom: 5, borderRadius: 5, backgroundColor: PageTheme.$bg_color, elevation: 2, shadowOpacity: 0.2, shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, marginLeft: 80 },

    possale_sImageWrap: { position: 'absolute', alignItems: 'center', left: 0, right: 0, width: '100%' },
    possale_sImage_View: { position: 'absolute', elevation: 1, backgroundColor: '#fff', borderRadius: 15, padding: 3, shadowOpacity: 0.1, shadowColor: '#000', shadowOffset: { width: 0, height: 2 } },

    posS_flex_inputStyle: { marginTop: 0, width: '65%', backgroundColor: PageTheme.$secondary_color_light },
    posS_flex_label: { paddingRight: 10, width: '35%', color: PageTheme.$text_color_dark },
    posS_field: { paddingHorizontal: 10 },
    posS_fieldBorder: { borderTopColor: PageTheme.$fourth_color, borderTopWidth: 1, paddingTop: 10, marginTop: 10 },
    posS_flex_inputStyle2: { backgroundColor: PageTheme.$bg_color, width: '50%', borderRadius: 4, marginTop: 5, height: 30, paddingVertical: 3, paddingHorizontal: 5, minWidth: 100, color: PageTheme.$text_color },


    // album designs 
    alumbl: { backgroundColor: PageTheme.$bg_color, elevation: 3, padding: 10, marginBottom: 10, borderRadius: 4 },
    alumbl_img: { height: 200, width: '100%', resizeMode: 'contain' },
    alumbl_topText: { color: PageTheme.$text_color, fontWeight: '600', marginBottom: 10, fontSize: 14, fontFamily: deffontfamily },
    alumbl_bottomText: { color: PageTheme.$text_color_light, fontWeight: '400', marginTop: 10, fontSize: 13, fontFamily: deffontfamily },
    album_ZOOM: { backgroundColor: '#000', width: wp('100%'), height: hp('100%'), },
    album_ZOOM_wrap: { backgroundColor: '#000', position: 'absolute', top: 0, left: 0, width: wp('100%'), height: hp('100%') + (Platform.OS == 'android' ? STATUSBAR_HEIGHT : 0), zIndex: 1,elevation:1 },
    album_ZOOM_img: { backgroundColor: '#fff', width: '100%', height: 400 },
    album_ZOOM_topBar: { position: 'relative', backgroundColor: '#000', width: '100%', height: 30, paddingHorizontal: 10, paddingVertical: 5, marginTop: STATUSBAR_HEIGHT + 10, alignItems: 'center', flexDirection: 'row' },
    album_ZOOM_backBtn: { position: 'absolute', left: 5, padding: 10, },
    album_ZOOM_indicator: { width: '100%', textAlign: 'center', fontSize: 14, color: PageTheme.$accent_color, fontFamily: deffontfamily },

    // AddVisibilityPresent
    addVis_Wrapper: { width: '100%', height: '100%', padding: 10, paddingTop: 0 },
    addvisCon: {},
    addvis_pCon: { flexDirection: 'row', alignItems: 'center', paddingHorizontal: 10, paddingBottom: 10, marginBottom: 10, borderBottomColor: PageTheme.$secondary_color_light, borderBottomWidth: 2, },
    addvis_pText: { width: '40%', color: PageTheme.$text_color, fontWeight: '500', fontSize: 15, fontFamily: deffontfamily },
    addvis_pChoiceBoxCon: { width: '60%', alignItems: 'flex-end' },
    addvis_pChoiceBoxbg: { backgroundColor: '#efefef' },
    addVisForm: { paddingHorizontal: 10, },
    addVisRow: { flexDirection: 'row', width: '100%', flexWrap: 'wrap', justifyContent: 'center' },
    addVisRow2: { flexDirection: 'row', width: '100%', flexWrap: 'wrap', paddingHorizontal: 5 },
    addVisCol50: { width: '47%', marginBottom: 10, },
    addVisCol100: { width: '100%', marginBottom: 10, },
    addVisColspace: { paddingHorizontal: 5 },
    addVisCol1: { marginRight: 5, },
    addVisCol2: { marginLeft: 5, },
    addVisFormGrp: {},
    addVisInputStyle: { height: 40, borderRadius: 5, backgroundColor: PageTheme.$secondary_color_light, paddingHorizontal: 10, color: PageTheme.$text_color, fontFamily: deffontfamily },
    addVisLabel: { color: PageTheme.$text_color, fontSize: 14, fontWeight: '400', marginBottom: 6, fontFamily: deffontfamily },
    addVisPickerStyle: { height: 40, borderRadius: 5, },
    addVisPickerOverlay: { backgroundColor: 'rgba(0, 0, 0, 0.5)' },
    addVisPicker_OptionContainerStyle: { backgroundColor: '#fff', paddingHorizontal: 0 },
    PV_selectStyle: { width: '60%' },
    PV_selectInputStyle: { backgroundColor: PageTheme.$bg_color, width: '84%' },
    PV_selectInputStyle1: { width: '75%' },

    // sales
    Sale_filterSelInputStyle: { backgroundColor: PageTheme.$secondary_color_light, width: '100%' },
    Sale_filterSelStyle: { width: '80%' },
    Sale_filterwrap: { backgroundColor: PageTheme.$secondary_color_light, borderRadius: 5, width: '60%', flexDirection: 'row', },
    Sale_clrfilterBtn: { width: '20%', alignItems: 'center', padding: 5, justifyContent: 'center', borderLeftWidth: 1, borderLeftColor: PageTheme.$primary_color },
    PV_textInputStyle: { backgroundColor: PageTheme.$bg_color, width: '60%', color: '#000' },

    Geoloc_btnWrap: { width: '100%', flexDirection: 'row', marginTop: 10, paddingHorizontal: 10 },
    geo_btn: { paddingHorizontal: 20, minWidth: 100, paddingVertical: 10, borderRadius: 40, backgroundColor: PageTheme.$primary_color, alignItems: 'flex-start' },

    // addVisPicker_InputStyle: { backgroundColor: PageTheme.$secondary_color_light, borderRadius: 5,
    //  overflow: 'hidden', textAlign: 'center', fontSize: 14,
    //  color: PageTheme.$text_color, paddingVertical: 12, paddingHorizontal: 12,
    //  fontFamily: deffontfamily },
    addVisPicker_InputStyle: {
      backgroundColor: PageTheme.$secondary_color_light,
      borderRadius: 5,
      fontFamily: deffontfamily,
      height: 45,
      textAlign: 'center',
      paddingHorizontal: 10,
      justifyContent: 'center',

      // 👇 MOST IMPORTANT
      textAlignVertical: 'center', // Android fix
      lineHeight: 18,
      fontSize: 14,
      color: PageTheme.$text_color,
    }
    ,
    addVisPicker_Dis_InputStyle: { backgroundColor: 'red' },
    // addVisPickerStyle_and:{backgroundColor:PageTheme.$secondary_color_light,borderRadius:5},
    // addVisPickerStyle_IOS:{height:40,borderRadius:5,fontSize:14,marginLeft:-10},
    addvis_opStyle: { padding: 0 },
    addvis_opTextStyle: { paddingVertical: 8, paddingHorizontal: 10, fontSize: 15, color: PageTheme.$text_color, fontFamily: deffontfamily },
    addvis_selectedOpStyle: { backgroundColor: PageTheme.$secondary_color_light },
    addvis_selectedOpTextStyle: { fontFamily: deffontfamily, paddingVertical: 8, paddingHorizontal: 10, color: PageTheme.$primary_color, textAlign: 'center', fontSize: 17 },
    addVisCameras: { flexDirection: 'row', flexWrap: 'wrap' },
    addVisScroll: { height: hp('100%') - 260 },
    addVisScroll23: { height: "100%" },
    addVisScrollCon: {},
    addVis_btnWrap: { width: '100%', flexDirection: 'row', alignItems: 'center', justifyContent: 'center', paddingBottom: 15, paddingTop: 5, borderBottomColor: PageTheme.$secondary_color_light, borderBottomWidth: 2 },
    addVis_btnWrap2: { borderBottomWidth: 0, justifyContent: 'flex-start' },
    addVis_btn: { paddingHorizontal: 20, minWidth: 100, paddingVertical: 10, borderRadius: 40, backgroundColor: PageTheme.$primary_color, alignItems: 'center', elevation: 2, shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.3 },
    addVisBtnText: { fontSize: 14, color: PageTheme.$accent_color, fontFamily: deffontfamily },
    addVis_list: { paddingTop: 10, paddingHorizontal: 10, width: '100%' },
    report_ir_list: { paddingTop: 5, paddingHorizontal: 5, width: '100%' },
    addVis_listhdrText: { color: PageTheme.$primary_color, fontFamily: deffontfamily },
    ir_listhdrText: { color: PageTheme.$primary_color, fontFamily: deffontfamily, marginLeft: 10 },
    addVis_listInner: { marginTop: 10, },
    ir_listInner: { marginTop: 1, },
    addVis_listItem: { position: 'relative', backgroundColor: PageTheme.$secondary_color_light, width: '100%', padding: 10, borderRadius: 5, marginBottom: 20, elevation: 2, shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.15, shadowColor: '#000' },
    addVis_listI_row: { flexDirection: 'row', paddingBottom: 5, marginBottom: 5, borderBottomColor: PageTheme.$accent_color, borderBottomWidth: 2, },
    MissCall_listI_row: { flexDirection: 'row', marginBottom: 0, },
    addVis_listI_lastrow: { borderBottomWidth: 0, marginBottom: 0 },
    addVis_listI_Label: { fontSize: 15, fontWeight: '500', color: PageTheme.$secondary_color_dark, marginRight: 5, width: '50%', flexWrap: 'wrap', fontFamily: deffontfamily },

    addVis_listI_Label2: { fontSize: 15, fontWeight: '500', color: PageTheme.$secondary_color_dark, marginRight: 5, fontFamily: deffontfamily },
    addVis_listI_Val: { fontSize: 14, fontWeight: '400', color: PageTheme.$text_color, width: '50%', flexWrap: 'wrap', fontFamily: deffontfamily },
    addVis_listI_Val2: { fontSize: 14, fontWeight: '400', color: PageTheme.$text_color, width: '40%', flexWrap: 'wrap', fontFamily: deffontfamily },
    addVis_listI_Image: { width: 80, height: 80, borderRadius: 5, },
    addVis_listI_row2: { flexDirection: 'row', width: '100%' },
    addVis_listIcol100: { width: '100%' },
    addVis_listIcol1: { width: '60%' },
    addVis_listIcol2: { width: '40%', paddingLeft: 10, alignItems: 'center' },
    addVis_btnRemove: { padding: 8, alignItems: 'center', justifyContent: 'center', paddingHorizontal: 10, borderRadius: 40, position: 'absolute', right: 0, top: -30, backgroundColor: PageTheme.$accent_color, elevation: 2, shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 } },
    addVis_listPcon: { width: '48%', marginTop: 10, flexDirection: 'row', backgroundColor: PageTheme.$bg_color, paddingVertical: 3, paddingHorizontal: 5, borderRadius: 4, },
    addVis_listPcon1: { marginRight: 5 },
    addVis_listPcon2: { marginLeft: 5 },
    addVis_listR: { flexDirection: "row", marginTop: 10, flexWrap: 'wrap' },
    addVis_listRlbl: { fontSize: 15, fontWeight: '500', color: PageTheme.$secondary_color_dark, marginRight: 5, width: '60%', flexWrap: 'wrap', fontFamily: deffontfamily },

    contactConvWrap: { paddingHorizontal: 10, paddingTop: 10, width: '100%', height: '100%' },
    contactConvCard: { backgroundColor: PageTheme.$bg_color, elevation: 2, shadowColor: '#000', shadowOpacity: 0.15, borderRadius: 5, shadowOffset: { width: 0, height: 2 }, padding: 10 },
    contactConvCardRow: { flexDirection: 'row', flexWrap: 'wrap' },
    contactConvCardCol: { width: '100%', marginBottom: 10, },
    ccCard_FormGrp: { flexDirection: 'row', alignItems: 'center' },
    ccCard_lbl: { fontSize: 15, fontWeight: '500', color: PageTheme.$secondary_color_dark, width: '45%', paddingRight: 10, flexWrap: 'wrap', fontFamily: deffontfamily },
    ccCard_input: { width: '55%', backgroundColor: PageTheme.$secondary_color_light, borderRadius: 5, overflow: 'hidden', textAlign: 'left', fontSize: 14, color: PageTheme.$text_color, paddingVertical: 12, paddingHorizontal: 12, fontFamily: deffontfamily },

    // survey list
    surveyPageWrapper: { marginTop: 10, paddingTop: 10, backgroundColor: PageTheme.$secondary_color_light, borderTopLeftRadius: 40, borderTopRightRadius: 40, },
    surveyList: { width: '100%', },
    surveyListInner: { justifyContent: 'center', padding: 10, paddingHorizontal: 15, width: '100%' },
    surveyItem: { elevation: 1, shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 }, shadowColor: '#efefef', backgroundColor: '#0000', marginBottom: 10, },
    surveyItem_tile: { flexDirection: 'row', alignItems: 'center', width: '100%', padding: 10, borderRadius: 10 },
    surveyItem_name: { fontSize: 14, fontWeight: '500', color: PageTheme.$text_color, flexWrap: 'wrap', fontFamily: deffontfamily },
    surveyItemCircle: { backgroundColor: '#fff', width: 40, height: 40, borderRadius: 20, alignItems: 'center', justifyContent: 'center', marginRight: 10, },
    surveyItemCircle_Text: { fontFamily: deffontfamily, fontSize: 16, fontWeight: '500', color: PageTheme.$primary_color, fontFamily: deffontfamily },
    surveyItem_Check: { position: 'absolute', width: 24, height: 24, right: 10, borderRadius: 15, elevation: 3, paddingLeft: 0.2, shadowColor: '#000' },

    // survey cat
    surveyCatList: { width: '100%', marginTop: 20 },
    surveyCatItem: { elevation: 1, shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 }, shadowColor: '#000', backgroundColor: PageTheme.$bg_color, marginBottom: 10, flexDirection: 'row', alignItems: 'center', borderRadius: 5, paddingHorizontal: 10, paddingVertical: 5 },
    surveyCatItem_name: { fontSize: 14, fontWeight: '500', color: PageTheme.$text_color, paddingRight: 10, width: wp('100%') - 125, fontFamily: deffontfamily },
    surveyCatItem_Circle: { backgroundColor: PageTheme.$secondary_color_light, width: 40, height: 40, borderRadius: 20, alignItems: 'center', justifyContent: 'center', marginRight: 10, },
    surveyCatItem_CircleText: { fontSize: 16, fontWeight: '500', color: PageTheme.$primary_color, fontFamily: deffontfamily },
    surveyCatItem_Check: { position: 'absolute', width: 24, height: 24, right: 10, borderRadius: 15, elevation: 3, shadowColor: '#000' },


    // survey toggle view
    SurveyView: { position: 'absolute', padding: 10, paddingTop: 30, paddingBottom: 20, top: 20, left: 0, right: 0, width: '100%', height: hp('100%') - (STATUSBAR_HEIGHT + 50), shadowOpacity: 1, shadowColor: '#8d8d8d', shadowRadius: 5, alignItems: 'center', borderTopLeftRadius: 40, borderTopRightRadius: 40, },
    SurveyViewCloseBtn: { position: 'absolute', top: -17, right: 30, paddingHorizontal: 6, paddingVertical: 5, borderRadius: 20, backgroundColor: PageTheme.$primary_color, shadowColor: '#8d8d8d', shadowOpacity: 1, elevation: 2, shadowOffset: { width: 0, height: 2 } },
    SurveyViewContent: { width: '100%' },
    SurveyViewContentInner: { padding: 10, height: hp('100%') - 200 },
    SV_activeSurvey: { position: 'absolute', top: -17, left: 30, shadowColor: '#8d8d8d', shadowOpacity: 1, elevation: 2, shadowOffset: { width: 0, height: 2 }, backgroundColor: '#0000', marginBottom: 10, width: wp('100%') - 115 },
    SV_activeSurvey_tile: { padding: 10, borderRadius: 30, paddingHorizontal: 20, backgroundColor: PageTheme.$primary_color },
    SV_activeSurvey_name: { fontSize: 16, fontWeight: '500', color: PageTheme.$accent_color, fontFamily: deffontfamily },

    // survey questions
    surveyQtnScroll: { width: '100%' },
    surveyQtnScrollInner: { width: '100%', paddingBottom: 10, paddingHorizontal: 5, },
  //  surveyQtn_InputStyle: { backgroundColor: PageTheme.$secondary_color_light, borderRadius: 5, overflow: 'hidden', textAlign: 'left', fontSize: 14, color: PageTheme.$text_color, paddingVertical: 12, paddingHorizontal: 12, height: 40, fontFamily: deffontfamily },
     
  surveyQtn_InputStyle: {
  backgroundColor: PageTheme.$secondary_color_light,
  borderRadius: 5,
  textAlign: 'left',
  fontSize: 14,
  color: PageTheme.$text_color,
  paddingHorizontal: 12,
  paddingVertical: 8,
  minHeight: 40,              // ✅ flexible height
  textAlignVertical: 'center',// ✅ Android fix
  fontFamily: deffontfamily
},
    surveyQtn_datePicker_text: {
      textAlign: 'left',
      width: '100%',
      backgroundColor: PageTheme.$secondary_color_light,
      paddingVertical: 10,
      paddingHorizontal: 10,
      color: PageTheme.$accent_color2,
      height: '100%',
      justifyContent: 'center',
      alignItems: 'center',
      borderRadius: 5,
      fontFamily: deffontfamily
    },
    surveyQtn_datePicker: { position: 'absolute', width: 40, height: 40, right: 0, top: 0, backgroundColor: PageTheme.$primary_color, alignItems: 'center', justifyContent: 'center', borderTopRightRadius: 5, borderBottomRightRadius: 5 },
    surveyQtn_datePicker_con: { position: 'relative', justifyContent: 'center', height: 40, },
    surveyQtnRatingIcon: { position: 'absolute', width: 40, height: 40, right: 0, top: 0, backgroundColor: PageTheme.$primary_color, alignItems: 'center', justifyContent: 'center', borderTopRightRadius: 5, borderBottomRightRadius: 5 },

    // Sampling
    SamplingCat_action_reCap: { position: 'absolute', top: -10, right: -10, padding: 8, backgroundColor: '#efefef', borderRadius: 30, elevation: 2 },
    Sampling_pCon: { flexDirection: 'row', alignItems: 'center', paddingHorizontal: 10, paddingBottom: 20, marginTop: 2, borderBottomColor: PageTheme.$secondary_color_light, },
    Sampling_pCon2: { flexDirection: 'row', alignItems: 'center', paddingHorizontal: 10, paddingBottom: 20, borderBottomColor: PageTheme.$fourth_color, borderBottomWidth: 1, },
    Sampling_pText: { width: '40%', marginTop: 10, color: PageTheme.$text_color, fontWeight: '500', fontSize: 15, fontFamily: deffontfamily },
    Sampling_pTextTime: { width: '40%', marginTop: 10, color: PageTheme.$text_color, fontWeight: '400', fontSize: 14, fontFamily: deffontfamily },
    Sampling_LunchText: { width: '40%', marginTop: 10, paddingLeft: 20, color: PageTheme.$text_color, fontWeight: '400', fontSize: 15, fontFamily: deffontfamily },
    Sampling_menu_done: { position: 'absolute', width: 14, height: 14, right: 5, top: 0, borderRadius: 25, elevation: 3, shadowColor: '#000', backgroundColor: "#fff" },
    Sampling_listIcol1: { width: '100%' },
    Sampling_OStock_wrap: { width: '100%', marginBottom: 0 },
    Sampling_OStock_prds: { paddingBottom: 3, },
    Samling_borderA: { borderTopColor: PageTheme.$fourth_color, borderTopWidth: 1 },
    Samling_borderB: { borderBottomColor: PageTheme.$fourth_color, borderBottomWidth: 1 },
    Samling_borderT: { borderTopColor: PageTheme.$fourth_color, borderTopWidth: 1 },
    Sampling_HdrTWrap: { flexWrap: "wrap", flexDirection: "row", alignItems: "center", justifyContent: "center" },
    sampling_disable_Tick: { position: 'absolute', top: -1, right: -1 },
    sampling_CameraWrap: { paddingVertical: 5 },

    // survey Screen View
    SVn_ContentCon: { paddingHorizontal: 10, paddingBottom: 70 },
    SVn_ContentOuter: { width: '100%', height: '100%' },
    VLoginQA_ContentOuter: { width: '100%' },
    SVn_ContentInner: { padding: 10 },
    SVn_ContentInner_Survey: { padding: 100 },
    SVn_activeSurvey: { zIndex: 1,elevation:1, position: 'absolute', top: -15, left: 0, right: 0, alignItems: 'center', marginBottom: 10 },
    SVn_activeSurvey_tile: { shadowColor: '#8d8d8d', shadowOpacity: 1, elevation: 2, shadowOffset: { width: 0, height: 2 }, backgroundColor: '#0000', borderRadius: 30, paddingHorizontal: 15, alignItems: 'center', paddingVertical: 7, width: wp('100%') - 50 },
    SVn_SubmitBtn: { position: 'absolute', bottom: Platform.OS == 'ios' ? 30 : 10, left: 0, right: 0, width: '100%', alignItems: 'center' },
    SVn_PageWrapper: { marginTop: 10, paddingTop: 10, backgroundColor: PageTheme.$bg_color, borderTopLeftRadius: 40, borderTopRightRadius: 40, },
    SVn_QtnScroll: { width: '100%', paddingTop: 20 },
    SVn_QtnScrollInner: { width: '100%', paddingBottom: 40, paddingHorizontal: 5, },
    SVn_GroupView: { paddingTop: 20, paddingBottom: 30 },
    SVn_GroupView_hdr: { paddingHorizontal: 10, paddingVertical: 5, alignItems: 'center' },
    SVn_GroupView_hdrText: { fontSize: 13, color: PageTheme.$accent_color, fontFamily: deffontfamily },
    SVn_GroupViewList: { paddingTop: 10, },

    // Feedback
    FeedbVn_GroupView: { paddingBottom: 20 },

    // Store Checklist
    SChkVn_GroupView: { paddingBottom: 20 },
    SChk_BtnWrapFlex: { flexDirection: 'row', position: 'absolute', bottom: Platform.OS == 'ios' ? 30 : 10, left: 0, right: 0, width: '100%', alignItems: 'center', paddingHorizontal: 10 },
    SChk_BtnWrapFlex2: { flexDirection: 'row', position: 'absolute', bottom: Platform.OS == 'ios' ? 30 : 45, left: 0, right: 0, width: '100%', alignItems: 'center', paddingHorizontal: 10 },
    SChk_BtnCol: { width: '50%' },
    SChk_BtnCol1: { paddingRight: 10 },
    SChk_BtnCol2: { paddingLeft: 10 },
    SChk_Btn: { width: '100%' },
    SChk_BtnSave: { width: '100%' },
    SChk_BtnGst: { paddingLeft: 10, width: '100%' },
    Gst_InputStyle: { height: 46, borderRadius: 5, backgroundColor: PageTheme.$secondary_color_light, paddingHorizontal: 10, paddingVertical: 5, color: PageTheme.$text_color, fontFamily: deffontfamily, },


    // RatingModal
    RatingModal: { position: 'absolute', zIndex: 99,elevation:99, backgroundColor: '#00000055', alignItems: 'center', justifyContent: 'center', top: 0, left: 0, right: 0, bottom: 0, width: '100%', height: '100%' },
    RatingModalCon: { zIndex: 9999,elevation:9999, backgroundColor: PageTheme.$bg_color, borderRadius: 10, padding: 10, width: '80%', elevation: 3, shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.3, },
    RatingModalHeding: { textAlign: 'center', fontSize: 14, color: PageTheme.$text_color, fontWeight: '500', marginBottom: 20, marginTop: 10, fontFamily: deffontfamily },
    RModal_list: { padding: 10, },
    RModal_listInner: {},
    RModal_Btns: { flexDirection: 'row', width: '100%', marginTop: 20, marginBottom: 20, justifyContent: 'space-evenly' },
    RModal_BtnCancel: { minWidth: 100, paddingHorizontal: 15, paddingVertical: 7, borderColor: PageTheme.$primary_color, borderWidth: 1, borderRadius: 30, },
    RModal_BtnTextCancel: { textAlign: 'center', fontSize: 14, color: PageTheme.$primary_color, fontWeight: '500', fontFamily: deffontfamily },
    RModal_Btnsave: { minWidth: 100, paddingHorizontal: 15, paddingVertical: 7, backgroundColor: PageTheme.$primary_color, borderRadius: 30, },
    RModal_BtnTextsave: { textAlign: 'center', fontSize: 14, color: PageTheme.$accent_color, fontWeight: '500', fontFamily: deffontfamily },
    RModal_listItem: { paddingHorizontal: 10, paddingVertical: 7, borderRadius: 4, marginBottom: 10, },
    RModal_listItemText: { textAlign: 'center', fontSize: 14, color: PageTheme.$text_color, fontWeight: '500', fontFamily: deffontfamily },

    // Voice Rcorder
    VRModalHeding: { textAlign: 'center', fontSize: 14, color: PageTheme.$text_color, fontWeight: '500', marginTop: 10, fontFamily: deffontfamily },
    VRSubHeding: { textAlign: 'center', fontSize: 12, color: PageTheme.$red, fontWeight: '400', marginBottom: 20, marginTop: 10, fontFamily: deffontfamily },
    VRSubHeding2: { textAlign: 'center', fontSize: 12, color: PageTheme.$primary_color, fontWeight: '400', marginTop: 10, fontFamily: deffontfamily },
    VRMicBgRipple1: { width: 80, height: 80, borderWidth: 5, borderColor: '#f5acb4c2', borderRadius: 40, position: 'absolute', top: 0, left: 0 },
    VRMicBgRipple2: { width: 80, height: 80, borderWidth: 5, borderColor: '#fce6e9e3', borderRadius: 70, position: 'absolute', top: 0, left: 0 },


    VoiceRecorder: { width: '100%', alignItems: 'center' },
    VoiceRecorderMic: { padding: 10, },
    VoiceRecorderMicBtn: { width: 60, height: 60, backgroundColor: PageTheme.$red, alignItems: 'center', justifyContent: 'center', borderRadius: 40, elevation: 3, shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 }, shadowColor: '#bdbdbd' },
    VoiceRecorderStopBtn: { width: 60, height: 60, backgroundColor: PageTheme.$red, position: 'absolute', top: 10, left: 10, alignItems: 'center', justifyContent: 'center', borderRadius: 40, elevation: 3, shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 }, shadowColor: '#bdbdbd' },
    VoiceRecordedView: { marginTop: 30, alignItems: 'center', width: '100%' },
    VoiceRecorderTimer: { textAlign: 'center', fontSize: 13, color: PageTheme.$text_color, fontWeight: '400', fontFamily: deffontfamily },

    VRPlayBack: { alignItems: 'center', flexDirection: 'row', marginTop: 10, paddingTop: 10, borderTopColor: PageTheme.$secondary_color_light, borderTopWidth: 2, width: '100%', paddingHorizontal: 10, },
    VRPlayBackBarView: { width: '70%', alignItems: 'center', },
    VRPlayBackBar: { position: 'relative', width: '100%' },
    VRPlayBackBarBg: { width: '100%', height: 10, borderRadius: 20, backgroundColor: '#efefef' },
    VRPlayBackBarFilled: { width: '10%', position: 'absolute', top: 0, left: 0, height: 10, borderRadius: 20, backgroundColor: PageTheme.$primary_color },
    VRPlayBackTimer: {},
    VRPlayBackControls: { width: '30%', alignItems: 'flex-end' },
    VRPB_Play: { width: 40, height: 40, backgroundColor: PageTheme.$primary_color, alignItems: 'center', justifyContent: 'center', borderRadius: 40, elevation: 3, shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 }, shadowColor: '#bdbdbd' },
    VRPB_Pause: { width: 40, height: 40, backgroundColor: PageTheme.$primary_color, position: 'absolute', top: 0, right: 0, alignItems: 'center', justifyContent: 'center', borderRadius: 40, elevation: 3, shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 }, shadowColor: '#bdbdbd' },

    SurveyL_SubmitBtn: { position: 'absolute', bottom: Platform.OS == 'ios' ? 30 : 10, left: 10, right: 0, width: '100%', paddingBottom: 20, alignItems: 'center' },

    // addstore
    addstorebtn: { width: '30%', paddingVertical: 5, paddingHorizontal: 15, alignItems: 'center', justifyContent: 'center', backgroundColor: PageTheme.$bg_color, borderRadius: 15, elevation: 3, shadowOffset: { width: 0, height: 2 }, shadowColor: '#747474', shadowOpacity: 1.15 },

    // Visitor Login
    vl_scrollView: { width: wp('100%') },
    vl_scrollViewInner: { width: '100%', paddingHorizontal: 10, },
    vlPageWrapper: { paddingTop: 10, backgroundColor: PageTheme.$secondary_color_light },

    vlUinfo_Card: { marginBottom: 10, backgroundColor: PageTheme.$bg_color, borderRadius: 10, padding: 10, elevation: 3, shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.15 },
    vlUinfo_CardRow: { flexDirection: 'row', paddingHorizontal: 5, paddingVertical: 5 },
    vlUinfo_CardBorder: { borderBottomColor: PageTheme.$secondary_color_light, borderBottomWidth: 2 },
    vlUinfo_lbl: { fontSize: 14, color: PageTheme.$secondary_color_dark, marginRight: 5, fontFamily: deffontfamily },
    vlUinfo_text: { fontSize: 14, color: PageTheme.$text_color, fontFamily: deffontfamily },
    vlEmplForm: { marginTop: 10, marginBottom: 10, },
    vlEmplFormRow: { flexDirection: 'row', alignItems: 'center', },
    vlEmplForm_field: { width: '80%' },
    vlEmplForm_InputStyle: { marginRight: 10, backgroundColor: PageTheme.$bg_color, borderRadius: 7, elevation: 3, shadowOffset: { width: 0, height: 2 }, shadowColor: '#afafaf', shadowOpacity: 1.15, paddingVertical: 10, paddingHorizontal: 10, color: PageTheme.$text_color, fontFamily: deffontfamily },
    vlEmplSearchBtn: { width: '20%', paddingVertical: 10, paddingHorizontal: 10, alignItems: 'center', justifyContent: 'center', backgroundColor: PageTheme.$primary_color, borderRadius: 7, elevation: 3, shadowOffset: { width: 0, height: 2 }, shadowColor: '#747474', shadowOpacity: 1.15 },
    vlEmplSearchBtn2: { width: '30%', paddingVertical: 5, paddingHorizontal: 5, alignItems: 'center', justifyContent: 'center', backgroundColor: PageTheme.$primary_color, borderRadius: 7, elevation: 3, shadowOffset: { width: 0, height: 2 }, shadowColor: '#747474', shadowOpacity: 1.15 },
    vlEmplSearchBtnText: { fontSize: 14, fontWeight: '500', color: '#fff', fontFamily: deffontfamily },

    vlEmplList: { marginTop: 10, },
    vlEmplLDtl: { marginBottom: 10, backgroundColor: PageTheme.$primary_color, borderRadius: 10, padding: 10, elevation: 3, shadowColor: '#747474', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0 },
    vlEmplLDtlRow: { flexDirection: 'row', paddingHorizontal: 5, paddingVertical: 5 },
    vlEmplLDtlRow_Lbl: { fontSize: 14, color: PageTheme.$accent_color, marginRight: 5, fontWeight: '700', fontFamily: deffontfamily },
    vlEmplLDtlRow_Text: { fontSize: 14, color: PageTheme.$text_color_light2, marginRight: 5, textTransform: 'capitalize', fontFamily: deffontfamily },
    vlEmplLDtlRow_Border: { borderBottomColor: PageTheme.$secondary_color_light, borderBottomWidth: 1 },
    vlEmplLDtlAct: { paddingTop: 10, flexDirection: 'row', },
    vlED_Act_Cameras: { width: '80%' },
    vlED_Act_CameraCon: { marginRight: 10, marginTop: 5, },
    vlED_Act_openCam: {},
    vlED_Act_ImageView: { position: 'relative', backgroundColor: PageTheme.$secondary_color_light, padding: 5, borderRadius: 10, width: 60, height: 60 },
    vlED_Act_Image: { width: 50, height: 50, borderRadius: 10, backgroundColor: '#232323' },
    vlED_Act_reCap: { position: 'absolute', top: -10, right: -10, padding: 8, backgroundColor: PageTheme.$bg_color, borderRadius: 30, elevation: 2, shadowColor: '#8d8d8d', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.5 },
    vlED_Act_addEmplCon: { width: '20%', justifyContent: 'flex-end' },
    vlED_Act_addEmpl: { height: 40, paddingHorizontal: 10, marginBottom: 5, alignItems: 'center', justifyContent: 'center', backgroundColor: PageTheme.$accent_color, borderRadius: 7, elevation: 3, shadowOffset: { width: 0, height: 2 }, shadowColor: '#efefef', shadowOpacity: 1 },
    vlED_Act_addEmplText: { fontSize: 14, color: PageTheme.$primary_color, textTransform: 'capitalize', fontWeight: '600', fontFamily: deffontfamily },


    vl_visitorsList: { marginTop: 10, borderTopColor: PageTheme.$accent_color, borderTopWidth: 2, paddingTop: 10, },
    vl_visitorsListText: { fontSize: 14, color: PageTheme.$secondary_color_dark, marginRight: 5, fontWeight: '500', fontFamily: deffontfamily },
    vl_TblHeader: { marginBottom: 10, marginTop: 10, backgroundColor: PageTheme.$primary_color, borderRadius: 10, padding: 5, elevation: 3, shadowColor: '#747474', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0, flexDirection: 'row', alignItems: 'center' },
    vl_TblHeaderBox: { alignItems: 'center', backgroundColor: PageTheme.$secondary_color_light, paddingVertical: 5, borderRadius: 5, },
    vl_TblHeaderBox1: { width: wp('30%') - 15, marginRight: 5 },
    vl_TblHeaderBox2: { width: wp('30%') - 15, marginRight: 5 },
    vl_TblHeaderBox3: { width: '40%' },
    vl_TblHeaderTxt: { fontSize: 13, color: PageTheme.$text_color, marginRight: 5, textTransform: 'capitalize', fontWeight: '700', fontFamily: deffontfamily },

    vl_TblBody: { backgroundColor: PageTheme.$bg_color, borderRadius: 10, padding: 5, elevation: 3, shadowColor: '#afafaf', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0 },
    vl_visitorsLItem: { flexDirection: 'row', alignItems: 'center', paddingVertical: 10 },
    vl_visitorsLItemB: { borderBottomColor: PageTheme.$secondary_color_light, borderBottomWidth: 1 },
    vl_visitorsLI_Box: { alignItems: 'center', },
    vl_visitorsLI_Box1: { width: wp('30%') - 15, marginRight: 5, alignItems: 'flex-start', paddingLeft: 5, },
    vl_visitorsLI_Box2: { width: wp('30%') - 15, marginRight: 5 },
    vl_visitorsLI_Box3: { width: '40%', flexDirection: 'row', alignItems: 'center', position: 'relative' },
    vl_visitorsLI_Txt: { fontSize: 13, color: PageTheme.$text_color, marginRight: 5, textTransform: 'capitalize', fontWeight: '400', fontFamily: deffontfamily },
    vl_CheckOutBtn: { backgroundColor: PageTheme.$primary_color, marginRight: 5, borderRadius: 10, padding: 5, paddingHorizontal: 10, elevation: 3, shadowColor: '#afafaf', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0 },
    vl_CheckOutBtnText: { color: PageTheme.$accent_color, fontSize: 14, fontWeight: '600', fontFamily: deffontfamily },
    vl_DeleteBtn: { position: 'absolute', right: 5, backgroundColor: PageTheme.$bg_color, borderRadius: 20, width: 35, height: 35, alignItems: 'center', justifyContent: 'center', elevation: 2, shadowColor: '#afafaf', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0 },

    vl_checkoutModal: { alignItems: 'center', },
    vl_checkoutModalTitle: { fontSize: 14, fontWeight: '500', color: PageTheme.$primary_color, marginBottom: 10, fontFamily: deffontfamily },
    vl_removeModalTitle: { fontSize: 14, fontWeight: '500', color: PageTheme.$text_color, marginBottom: 10, marginTop: 10, fontFamily: deffontfamily },
    vl_removeModalSubTitle: { fontSize: 14, fontWeight: '500', color: PageTheme.$primary_color, marginBottom: 20, fontFamily: deffontfamily },
    vl_checkoutM_Con: { width: '100%' },
    vl_checkoutM_Camera: { alignItems: 'center', },
    vl_checkoutM_CameraCon: {},
    vl_checkoutM_openCam: {},
    vl_checkoutM_ImageView: { position: 'relative', backgroundColor: PageTheme.$secondary_color_light, padding: 5, borderRadius: 10, width: 90, height: 90 },
    vl_checkoutM_Image: { width: 80, height: 80, borderRadius: 10, backgroundColor: '#232323' },
    vl_checkoutM_recap: { position: 'absolute', top: -10, right: -10, padding: 8, backgroundColor: PageTheme.$primary_color, borderRadius: 30, elevation: 2, shadowColor: '#8d8d8d', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.5 },
    vl_checkoutM_btng: { marginTop: 20, },
    vlStatus: { flexDirection: 'row', alignItems: 'center', justifyContent: 'center' },
    vlStatus2: { flexDirection: 'row', alignItems: 'center', justifyContent: 'center' },

    //  REports
    rp_scrollView: { width: '100%', height: '100%' },
    rp_scrollViewInner: { width: '100%', paddingHorizontal: 5 },
    reportCon: { paddingBottom: 10 },
    reportConHdr: { backgroundColor: PageTheme.$primary_color, borderRadius: 7, paddingVertical: 10, paddingHorizontal: 10, elevation: 3, shadowColor: '#747474', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0, flexDirection: 'row', justifyContent: 'center', marginBottom: 5, marginTop: 5 },
    reportConHdrText: { color: PageTheme.$accent_color, fontSize: 14, fontWeight: '500', fontFamily: deffontfamily },
    report_TblHeader: { marginBottom: 10, marginTop: 10, backgroundColor: PageTheme.$primary_color, borderRadius: 10, elevation: 3, shadowColor: '#747474', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0, flexDirection: 'row' },
    report_TblHeaderBox: { alignItems: 'center', marginRight: 2, marginLeft: 2, height: '100%', backgroundColor: PageTheme.$secondary_color_light, paddingVertical: 5, borderRadius: 5, },
    report_TblHeaderBox1: { width: wp('40%') - 15, marginRight: 5 },
    report_TblHeaderBox2: { width: wp('30%') - 15, marginRight: 5 },
    report_TblHeaderBox3: { width: '30%' },
    report_TblHeaderTxt: { fontSize: 13, color: PageTheme.$text_color, marginRight: 5, fontWeight: '700', fontFamily: deffontfamily },
    report_new_date: { color: PageTheme.$text_color, fontSize: 14, fontWeight: '400', marginBottom: 6, fontFamily: deffontfamily, marginLeft: 12 },

    report_TblBody: { backgroundColor: PageTheme.$bg_color, borderRadius: 10, padding: 5, elevation: 3, shadowColor: '#5f5f5f', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0 },
    reportItem: { flexDirection: 'row', alignItems: 'center', paddingVertical: 10 },
    reportItemB: { borderBottomColor: PageTheme.$secondary_color_light, borderBottomWidth: 1 },
    reportItemBg: { backgroundColor: PageTheme.$text_color_light2 },
    reportItemCol: { alignItems: 'center', marginRight: 2, marginLeft: 2 },
    DYreportItemCol: { alignItems: 'center', marginRight: 2, marginLeft: 2, justifyContent: 'center' },
    reportItemCol1: { width: wp('40%') - 15, marginRight: 5, alignItems: 'flex-start', paddingLeft: 5, },
    reportItemCol2: { width: wp('30%') - 15, marginRight: 5 },
    reportItemCol3: { width: '30%', alignItems: 'center' },
    reportItemColText: { fontSize: 13, color: PageTheme.$text_color, marginRight: 5, fontWeight: '400', fontFamily: deffontfamily },

    report_CardsWrap: { marginTop: 10 },
    report_CardI: { padding: 10, marginBottom: 15, backgroundColor: PageTheme.$bg_color, borderRadius: 10, elevation: 3, shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.2 },
    report_CITotal: { backgroundColor: PageTheme.$fourth_color, paddingHorizontal: 0, paddingTop: 0, },
    report_CardIRow: { flexDirection: 'row', alignItems: 'center', paddingVertical: 2 },
    report_CardIRow_BorderBtm: { borderBottomColor: PageTheme.$secondary_color_light, borderBottomWidth: 1 },
    report_CIRT_BorderBtm: { borderBottomColor: PageTheme.$text_color_light2, borderBottomWidth: 1 },
    report_CardIRow_Lbl: { fontSize: 14, color: PageTheme.$primary_color, marginRight: 5, fontWeight: '400', fontFamily: deffontfamily },
    report_CardIRow_Val: { fontSize: 13, color: PageTheme.$text_color, marginRight: 5, fontWeight: '400', fontFamily: deffontfamily },
    report_CIR_LblTotal: { color: PageTheme.$accent_color, },
    report_CIR_ValTotal: { color: PageTheme.$accent_color, },
    report_CardITHdr: { backgroundColor: PageTheme.$primary_color, borderTopLeftRadius: 10, paddingHorizontal: 15, paddingVertical: 5, borderTopRightRadius: 10, borderBottomColor: PageTheme.$secondary_color_light, borderBottomWidth: 1, paddingBottom: 5, marginBottom: 10 },
    report_CardITBody: { backgroundColor: PageTheme.$fourth_color, paddingHorizontal: 10 },
    report_CardITHdrText: { fontSize: 16, color: PageTheme.$accent_color, marginRight: 5, fontWeight: '500', fontFamily: deffontfamily },

    // report menu
    reportMenuCon: { backgroundColor: PageTheme.$bg_color, borderRadius: 10, padding: 5, marginTop: 20 },
    reportMenuItem: { flexDirection: 'row', alignItems: 'center', paddingVertical: 10, justifyContent: 'center', paddingHorizontal: 10, backgroundColor: PageTheme.$primary_color, borderRadius: 6, marginBottom: 15, elevation: 3, shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0 },
    reportMenuItemText: { fontSize: 13, color: PageTheme.$accent_color, fontWeight: '500', fontFamily: deffontfamily },


    settingsWrap: { padding: 10, paddingHorizontal: 10, },
    settingsBtn: { flexDirection: 'row', alignItems: 'center', position: 'relative', backgroundColor: PageTheme.$secondary_color_light, paddingVertical: 15, paddingHorizontal: 10, borderRadius: 2, elevation: 1, shadowColor: '#afafaf', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.15, marginBottom: 10, },
    settingsBtnText: { fontSize: 15, fontWeight: '600', color: PageTheme.$text_color, fontFamily: deffontfamily },
    settingsBtnIcon: { position: 'absolute', right: 10 },

    // BreakTime
    Breakclocktimer: { position: "absolute", right: 0, top: 10, flexDirection: 'row' },
    BreakclocktimerWrap: { marginBottom: 10, width: "100%", backgroundColor: "#E1E3E2", flexDirection: 'row', alignItems: 'center', justifyContent: 'center', backgroundColor: "#E1E3E2" },
    BreakclocktimerRow: { flexDirection: 'row', alignItems: 'center', justifyContent: 'center', backgroundColor: "#FFF", width: '50%', paddingVertical: 8, marginVertical: 16, marginLeft: "22%", borderRadius: 30 },
    BreakclocktimerText: { color: PrimaryTheme.$primary_color, fontSize: 14, marginLeft: 5, fontWeight: '400' },

    BreakaddVisForm: { paddingHorizontal: 10, },
    BreakaddVisRow: { flexDirection: "column", width: '100%', flexWrap: 'wrap', justifyContent: 'center' },
    BreakaddVisCol50: { width: '100%', marginBottom: 10, },
    BreakaddVisCol100: { width: '100%', marginBottom: 10, },
    BreakaddVisColspace: { paddingHorizontal: 5 },
    BreakaddVisCol1: { marginRight: 5, },
    BreakaddVisCol2: { marginLeft: 5, },
    BreakaddVisFormGrp: {},
    BreakaddVisInputStyle: { height: 40, borderRadius: 5, backgroundColor: PageTheme.$secondary_color_light, paddingHorizontal: 10, color: PageTheme.$text_color },
    BreakaddVisLabel: { color: PageTheme.$text_color, fontSize: 14, fontWeight: '400', marginBottom: 6 },

    Break_RItemCol1: { width: wp('24%') - 15, marginRight: 5, justifyContent: 'flex-start', alignItems: 'center', paddingLeft: 5, flexDirection: 'row', },
    Break_RItemCol2: { width: wp('25%') - 15, marginRight: 5 },
    Break_RItemCol3: { width: '25%', alignItems: 'center' },
    Break_RItemCol4: { width: '23%', alignItems: 'center' },

    BreakI_RItemCol1: { width: wp('23%') - 15, marginRight: 5, justifyContent: 'flex-start', alignItems: 'center', paddingLeft: 5, flexDirection: 'row', },
    BreakI_RItemCol2: { width: wp('22%') - 15, marginRight: 5 },
    BreakI_RItemCol3: { width: '22%', alignItems: 'center' },

    // breakTime
    Break_RTblHeaderTxt: { fontSize: 12, color: PageTheme.$text_color, marginRight: 5, textTransform: 'capitalize', fontWeight: '700' },
    Break_RTblBody: { backgroundColor: PageTheme.$bg_color, borderRadius: 10, padding: 5, elevation: 3, shadowColor: '#afafaf', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0 },
    Break_RItem: { flexDirection: 'row', alignItems: 'center' },
    Break_RTblHeaderBox1: { width: wp('25%') - 15, marginRight: 5 },
    Break_RTblHeaderBox2: { width: wp('25%') - 15, marginRight: 5 },
    Break_RTblHeaderBox3: { width: '23%', marginRight: 5 },
    Break_VisLabel: { color: PageTheme.$text_color, fontSize: 12, marginVertical: 10, fontWeight: '400' },
    Break_VisBtnText: { fontSize: 14 },
    Break_Vis_btn: { paddingHorizontal: 20, minWidth: 100, paddingVertical: 10, borderRadius: 40, alignItems: 'center', elevation: 2, shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.3 },
    Break_ConWrap: { width: '100%' },
    BreakI_RTblHeaderBox1: { width: wp('25%') - 15, marginRight: 5 },
    BreakI_RTblHeaderBox2: { width: wp('24%') - 15, marginRight: 5 },
    BreakI_RTblHeaderBox3: { width: '29%', marginRight: 5 },

    // network status bar
    netSBar: { position: 'absolute', bottom: 0, width: '100%', backgroundColor: '#000', alignItems: 'center', justifyContent: 'center', paddingHorizontal: 10, paddingVertical: 6 },
    netSBarText: { fontSize: 13, fontWeight: '500', color: '#fff', fontFamily: deffontfamily },
    netSBarGreen: { backgroundColor: 'green' },
    netSBarGrey: { backgroundColor: 'red' },
    netSBarGrey_Text: { color: '#fff' },
    netSBarGreen_Text: { color: '#fff' },


    // Window styles
    Windows_Wrap: {},
    POS_Wrap: { paddingHorizontal: 10 },
    Win_scroll: { justifyContent: 'center', padding: 10, paddingBottom: 100, width: '100%' },
    Win_scrollO: { marginBottom: 80, width: '100%' },
    WItem_wrap: { width: '100%', marginBottom: 20, },
    WItem_Hdr: {},
    WItem_Hdrbg: { width: '100%', paddingHorizontal: 10, paddingVertical: 7, backgroundColor: PageTheme.$primary_color, borderRadius: 5, justifyContent: 'center', position: 'relative' },
    WItem_HdrText: { fontSize: 14, fontWeight: '500', color: PageTheme.$accent_color, width: '90%', fontFamily: deffontfamily },
    WItem_HdrSubTitleText: { fontSize: 13, fontWeight: '400', color: PageTheme.$accent_color, width: '80%', marginTop: 10, fontFamily: deffontfamily },
    WItem_Hdrname2: { fontSize: 14, color: PageTheme.$accent_color, fontWeight: '400', marginTop: 4, fontFamily: deffontfamily },
    WForm: { paddingHorizontal: 10, position: 'relative', paddingVertical: 5, backgroundColor: PageTheme.$secondary_color_light, borderRadius: 10, elevation: 1, shadowColor: '#484848', shadowOpacity: 0.1, shadowOffset: { width: 0, height: 2 } },
    WItem_RefImgBtn: { position: 'absolute', right: 0, top: -5, width: 40, height: 40, borderRadius: 20, alignItems: 'center', justifyContent: 'center' },
    WSCameraWrap: { justifyContent: 'center' },
    WSCameraCon: {},
    WSCameraLabel: { fontSize: 13, fontWeight: '400', color: '#000', textAlign: 'center', marginTop: 5, flexWrap: 'wrap', fontFamily: deffontfamily },
   

    WQPicker_InputStyle: {
      backgroundColor: PageTheme.$bg_color,
      borderRadius: 5,
      fontFamily: deffontfamily,
      height: 45,
      textAlign: 'center',
      paddingHorizontal: 10,
      justifyContent: 'center',

      // 👇 MOST IMPORTANT
      textAlignVertical: 'center', // Android fix
      lineHeight: 18,
      fontSize: 14,
      color: PageTheme.$text_color,
    }
    ,
    WStkWrap: { backgroundColor: PageTheme.$bg_color, marginBottom: 10, paddingHorizontal: 10, paddingVertical: 5, borderRadius: 5, elevation: 1, shadowColor: '#efefef', shadowOpacity: 0.05, shadowOffset: { width: 0, height: 2 } },
    WStkHdrText: { fontSize: 13, fontWeight: '500', color: PageTheme.$text_color_dark, marginBottom: 10, paddingBottom: 5, borderBottomWidth: 1, borderBottomColor: PageTheme.$secondary_color_light, fontFamily: deffontfamily },
    WStkHdrText2: { fontSize: 13, fontWeight: '500', color: PageTheme.$text_color_dark, paddingBottom: 5, fontFamily: deffontfamily },
    WStkHdrText3: { fontSize: 13, fontWeight: '500', color: PageTheme.$text_color_dark, fontFamily: deffontfamily },
    WStkHdrTextMBQ: { fontSize: 13, fontWeight: '800', color: PageTheme.$text_color_dark, fontFamily: deffontfamily },
    WStkHdr_checkboxWrap: { flexDirection: 'row', alignItems: 'flex-start', justifyContent: 'flex-start' },
    WStkHdr_checkbox: { alignSelf: 'flex-start' },
    WStkHdr_checkboxCon: { position: 'absolute', width: 25, height: 25, top: -5, left: -10, },
    WStkHdr_checkboxpName: { width: '85%', marginLeft: 25 },
    WStkHdr_PrdcontentWrap: { borderTopColor: PageTheme.$secondary_color_light, borderTopWidth: 1, marginTop: 5, paddingTop: 5, },
    WStkCon: {},
    WStkInputStyle: { backgroundColor: PageTheme.$secondary_color_light, borderRadius: 5, overflow: 'hidden', textAlign: 'center', fontSize: 14, color: PageTheme.$text_color, paddingVertical: 2, paddingHorizontal: 12, height: 35, fontFamily: deffontfamily },
    windhdrTextCon: { position: 'relative', paddingHorizontal: 10, marginBottom: 5, justifyContent: 'center', alignItems: 'center', paddingVertical: 5, borderRadius: 4 },
    windhdrText: { fontSize: 15, fontWeight: '600', color: PageTheme.$primary_color, fontFamily: deffontfamily },
    // windhdrText:{fontSize:15,fontWeight:'700',color:PageTheme.$primary_color,},
    windhdr_checkAllBtnCon: { alignItems: 'flex-start', marginBottom: 10 },
    windhdr_checkAllBtn: { flexDirection: 'row', backgroundColor: PageTheme.$fourth_color, paddingRight: 10, paddingVertical: 3, alignItems: 'center', justifyContent: 'center', borderRadius: 4, elevation: 2, shadowOpacity: 0.1, shadowOffset: { width: 0, height: 2 }, shadowColor: '#000' },
    windhdr_checkAllBtnText: { marginLeft: 10, fontSize: 13, fontWeight: '500', color: PageTheme.$text_color, fontFamily: deffontfamily },
    WQ_InputStyle: { backgroundColor: PageTheme.$bg_color, borderRadius: 5, overflow: 'hidden', textAlign: 'left', fontSize: 14, color: PageTheme.$text_color, paddingVertical: 12, paddingHorizontal: 12, height: 40, fontFamily: deffontfamily },
    WQ_datePicker_text: { fontFamily: deffontfamily, textAlign: 'left', width: '100%', backgroundColor: PageTheme.$bg_color, paddingVertical: 10, paddingHorizontal: 10, color: PageTheme.$accent_color2, height: '100%', justifyContent: 'center', alignItems: 'center', borderRadius: 5 },
    // contact us 
    ContUs_Wrap: { padding: 10, marginTop: 10, },
    ContUs_Hdr: { backgroundColor: PageTheme.$secondary_color_dark, borderRadius: 4, justifyContent: 'center', alignItems: 'center', paddingVertical: 10, paddingHorizontal: 12 },
    ContUs_HdrText: { color: PageTheme.$accent_color, fontSize: 14, fontWeight: '500', fontFamily: deffontfamily },
    ContUs_infoBox: { backgroundColor: PageTheme.$secondary_color_light, marginBottom: 10, flexDirection: 'row', alignItems: 'center', borderRadius: 5, paddingVertical: 10, paddingHorizontal: 10 },
    ContUs_IB_desc: { marginLeft: 10, flexWrap: 'wrap', width: '85%', color: PageTheme.$text_color },

    // Image Types
    ImageTypesPageWrap: { paddingHorizontal: 10, },
    ImageTypesLHd: { backgroundColor: PageTheme.$primary_color, marginBottom: 10, alignItems: 'center', borderRadius: 5, paddingVertical: 10, paddingHorizontal: 10, elevation: 0.5, shadowOpacity: 0.1, shadowOffset: { width: 0, height: 2 }, shadowColor: '#000' },
    ImageTypesLHdText: { fontSize: 14, fontWeight: '500', color: PageTheme.$accent_color, textAlign: 'center', fontFamily: deffontfamily },
    ImageTypesLOuter: { marginTop: 10, },
    ImageTypesL: {},
    ImageTypesLCon: { position: 'relative', backgroundColor: PageTheme.$secondary_color_light, marginBottom: 10, alignItems: 'center', borderRadius: 5, paddingVertical: 10, paddingHorizontal: 10, elevation: 0.5, shadowOpacity: 0.1, shadowOffset: { width: 0, height: 2 }, shadowColor: '#000' },
    ImageTypesLName: { fontSize: 13, fontWeight: '500', color: PageTheme.$text_color, fontFamily: deffontfamily },
    ImageTypesLImageCountBox: { position: 'absolute', top: 7, right: 10, backgroundColor: PageTheme.$primary_color, width: 25, height: 25, borderRadius: 30, alignItems: 'center', justifyContent: 'center' },
    ImageTypesLImageCountText: { fontSize: 13, fontWeight: '600', color: PageTheme.$accent_color, fontFamily: deffontfamily },

    // Store Images Cap Screen
    ImageCapCamWrap: { flexDirection: 'row', flexWrap: 'wrap', alignItems: 'flex-start' },
    ImageCapViewWrap: { flexDirection: 'row', flexWrap: 'wrap', alignItems: 'flex-start', marginTop: 20, },
    ImageCapCamCon: { marginRight: 10, },
    ImgCapWrap: { paddingHorizontal: 10, },
    ImgCapCon: {},
    ImgCapBox: {},
    ImgCapBoxTDF: {},
    ImageCapImgViewOuter: { width: '33%' },
    ImageCapImgView: { position: 'relative', width: 90, backgroundColor: PageTheme.$secondary_color_light, padding: 5, borderRadius: 10, marginRight: 20, marginBottom: 20, },
    ImageCapImgView1: { alignItems: 'flex-start' },
    ImageCapImgView2: { alignItems: 'center' },
    ImageCapImgView3: { alignItems: 'flex-end' },
    ImageCapImg: { width: 80, height: 80, borderRadius: 10, backgroundColor: '#232323' },
    ImageCapImgRemove: { position: 'absolute', top: -10, right: -10, padding: 6, backgroundColor: PageTheme.$red, borderRadius: 30, elevation: 1, shadowColor: '#000', shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 } },

    stImage_RedAlert: { paddingHorizontal: 13, marginBottom: 5, paddingVertical: 5, borderRadius: 6, backgroundColor: '#dae4e0', width: '100%' },
    stImage_RedAlertTxt: { fontSize: 12, color: 'green', textAlign: 'center', fontWeight: '500', fontFamily: deffontfamily },

    // SOS one app
    SOSForm: { width: '100%', paddingHorizontal: 10, borderRadius: 10, backgroundColor: PageTheme.$fourth_color, elevation: 1, shadowColor: '#484848', shadowOpacity: 0.1, shadowOffset: { width: 0, height: 2 } },
    SOSheadingsCon: { position: 'relative', paddingHorizontal: 10, justifyContent: 'center', alignItems: 'center', paddingVertical: 5, marginBottom: 10, borderRadius: 4 },
    SOSheadingsCon2: { backgroundColor: PageTheme.$fourth_color },
    SOSheadingsCon3: { marginBottom: 0 },
    SOSheadingsText: { fontSize: 15, fontWeight: '600', color: PageTheme.$text_color_dark, fontFamily: deffontfamily_bold },
    SOSheadingsText2: { color: PageTheme.$text_color, },

    SOSHdrForm: { paddingHorizontal: 10, position: 'relative', marginTop: 10, paddingVertical: 10, borderRadius: 5 },
    SOSChildlist: {},
    // SOSInputStyle: { backgroundColor: PageTheme.$bg_color, width: '80%', borderRadius: 5, overflow: 'hidden', fontSize: 14, color: PageTheme.$text_color, paddingVertical: 2, paddingHorizontal: 12, height: 35, fontFamily: deffontfamily },
    SOSlist_form: { marginTop: 10, borderTopColor: PageTheme.$secondary_color_light, borderTopWidth: 1, marginTop: 5, paddingTop: 5, },
    SOSform_row: { width: '100%', flexDirection: 'row', marginBottom: 10 },
    SOSform_colflex: { width: '100%', flexDirection: 'row', alignItems: 'center', },
    SOSform_cols: { width: '100%', },
    SOSform_colsCommon: {},
    SOSform_col1: { width: '30%', paddingRight: 5, },
    SOSform_col2: { width: '70%', paddingLeft: 5 },
    SOSform_collabel: { width: '100%', color: PageTheme.$text_color_900, fontSize: 13, fontFamily: deffontfamily },
    SOSListHdr: { marginTop: 10, },
    SOShdrImagesWrap: { width: '100%', flexDirection: 'row', flexWrap: 'wrap', alignItems: 'center' },
    SOSChildImagesWrap: { width: '100%', flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'center' },
    SOSCameraBtn: { width: 80, height: 80, justifyContent: 'center', alignItems: 'center', backgroundColor: PageTheme.$primary_color, padding: 8, borderRadius: 18, elevation: 2 },

    //  StoreScore KPI
    StSC_HdrWrap: { paddingHorizontal: 10 },
    StSC_ConWrap: { height: '100%', width: '100%' },
    StSC_scrollView: { width: wp('100%'), height: '100%', marginBottom: 100 },
    DYSC_scrollView: { width: wp('100%'), height: '100%', marginBottom: 20 },
    StSC_scrollViewInner: { width: '100%', paddingHorizontal: 10, paddingBottom: 20, paddingTop: 5 },
    StSCreportCon: {},
    StSC_RonHdr: { backgroundColor: PageTheme.$primary_color, borderRadius: 7, paddingVertical: 10, paddingHorizontal: 10, elevation: 3, shadowColor: '#747474', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0, flexDirection: 'row', justifyContent: 'center', marginBottom: 5 },
    StSC_RConHdrText: { color: PageTheme.$accent_color, fontSize: 14, fontWeight: '500', fontFamily: deffontfamily },
    StSC_RTblHeader: { marginBottom: 10, marginHorizontal: 10, backgroundColor: PageTheme.$primary_color, borderRadius: 10, padding: 5, elevation: 3, shadowColor: '#747474', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0, flexDirection: 'row', alignItems: 'center' },
    StSC_RTblHeaderBox: { alignItems: 'center', height: '100%', backgroundColor: PageTheme.$secondary_color_light, paddingVertical: 5, borderRadius: 5, },
    StSC_RTblHeaderBox1: { width: wp('30%') - 15, marginRight: 5 },
    StSC_RTblHeaderBox2: { width: wp('40%') - 15, marginRight: 5 },
    StSC_RTblHeaderBox3: { width: '30%' },
    StSC_RTblHeaderTxt: { fontSize: 13, color: PageTheme.$text_color, marginRight: 5, textTransform: 'capitalize', fontWeight: '700', fontFamily: deffontfamily },
    StSC_RTblBody: { backgroundColor: PageTheme.$bg_color, borderRadius: 10, padding: 5, elevation: 3, shadowColor: '#afafaf', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0 },
    StSC_RItem: {
      flexDirection: 'row', alignItems: 'center',
      // paddingVertical:10,
    },
    DYStSC_RItem: { flexDirection: 'row' },
    StSC_RtemB: { borderBottomColor: PageTheme.$secondary_color_light, borderBottomWidth: 1 },
    StSC_RItemCol: { alignItems: 'center', },
    StSC_RItemColIcon: { width: 30, height: 30, resizeMode: "stretch", backgroundColor: '#efefef', marginRight: 5, borderRadius: 4 },
    StSC_RItemCol1: { width: wp('30%') - 15, marginRight: 5, justifyContent: 'flex-start', alignItems: 'center', paddingLeft: 5, flexDirection: 'row', },
    StSC_RItemCol2: { width: wp('40%') - 15, marginRight: 5 },
    StSC_RItemCol3: { width: '30%', alignItems: 'center' },
    StSC_RItemColText: { fontSize: 13, color: PageTheme.$text_color, marginRight: 5, textTransform: 'capitalize', fontWeight: '400', fontFamily: deffontfamily },
    StSC_RTblFooterWrap: { width: '100%', paddingHorizontal: 10, position: 'absolute', bottom: 55, left: 0, right: 0 },
    StSC_RTblFooter: { backgroundColor: PageTheme.$secondary_color_light, borderRadius: 10, elevation: 3, shadowColor: '#000', shadowOpacity: 1.0, width: '100%', padding: 10, flexDirection: 'row' },
    StSC_RTblFooterBox: { width: '50%', flexDirection: 'row', flexWrap: 'wrap' },
    StSC_RTblFooterBox1: { paddingRight: 5 },
    StSC_RTblFooterBox2: { paddingLeft: 5, justifyContent: 'flex-end' },
    StSC_RTblHeaderLbl: { fontSize: 13, color: PageTheme.$text_color, paddingRight: 5, textTransform: 'capitalize', fontFamily: deffontfamily },
    StSC_RTblHeaderVal: { fontSize: 13, color: PageTheme.$text_color, fontFamily: deffontfamily },
    StSC_RTblHeaderTxt2: { textAlign: 'right' },
    // Orders
    Orders_PageWrap: { width: '100%', height: '100%' },


    // Trainig content
    train_scrollView: { width: '100%', height: '100%' },
    train_scrollViewInner: { width: '100%' },
    train_Itext: { flexWrap: 'wrap', width: '80%', paddingRight: 10 },
    trainingl: {
      flexDirection: 'row',
      paddingRight: 10,
      marginBottom: 10,
      margin: 10,
      // borderWidth:2,
      // borderColor:PageTheme.$secondary_color_light, 
      backgroundColor: PageTheme.$bg_color,
      borderRadius: 5,
      paddingVertical: 10,
      alignItems: 'center',
      elevation: 5, shadowColor: '#000', shadowOffset: { width: 0, height: 3 }, shadowOpacity: 0.15
    },
    trainingView: { margin: 16, marginVertical: 8, width: '100%' },
    trainingView2: { flexDirection: "column", width: "70%" },
    trainingl_card_title: {
      fontSize: 15,
      color: PageTheme.$text_color,
      fontWeight: '500',
      fontFamily: deffontfamily
    },
    trainingl_codeText: { fontSize: 12, color: PageTheme.$text_color, marginRight: 5, fontFamily: deffontfamily },
    trainingHdr: { width: "100%", backgroundColor: PageTheme.$primary_color, borderRadius: 7, paddingVertical: 10, paddingHorizontal: 10, elevation: 3, shadowColor: '#747474', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0, flexDirection: 'row', justifyContent: 'center', marginBottom: 5 },
    trainingHdrText: { color: PageTheme.$accent_color, fontSize: 14, fontWeight: '500', fontFamily: deffontfamily },

    //store profile
    STp_hdrParent: { width: '100%', paddingHorizontal: 10 },
    STp_Hdr: { width: "100%", backgroundColor: PageTheme.$primary_color, borderRadius: 7, paddingVertical: 10, paddingHorizontal: 10, elevation: 3, shadowColor: '#747474', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0, flexDirection: 'row', justifyContent: 'center', marginBottom: 5 },
    STp_HdrText: { color: PageTheme.$accent_color, fontSize: 14, fontWeight: '500', fontFamily: deffontfamily },
    STp_ContentOuter: { width: '100%', marginBottom: 80, },
    STp_ContentInner: { width: '100%', paddingBottom: 20, paddingHorizontal: 10, paddingTop: 5 },
    STp_Card: { flexDirection: 'row', marginBottom: 10, backgroundColor: PageTheme.$bg_color, borderRadius: 5, paddingBottom: 10, paddingTop: 10, alignItems: 'center', elevation: 5, shadowColor: '#000', shadowOffset: { width: 0, height: 3 }, shadowOpacity: 0.15 },
    STp_card_outer: { position: 'relative', width: '100%' },
    STp_form: { marginTop: 10, paddingTop: 10, borderTopColor: PageTheme.$primary_color, borderTopWidth: 2, },
    STp_storeDetails: { paddingHorizontal: 10 },
    // Add STore 
    // AddStore_ContentOuter:{width:'100%',height:'100%',marginBottom:180,backgroundColor:'#000'},
    // AddStore_ContentInner:{padding:10},
    AddStore_ContentOuter: { width: '100%', marginBottom: 110, },
    AddStore_ContentInner: { width: '100%', paddingBottom: 20, paddingHorizontal: 5, paddingTop: 10 },
    AddStore_SubmitBtn: { position: 'absolute', bottom: Platform.OS == 'ios' ? 30 : 10, left: 0, right: 0, width: '100%', alignItems: 'center' },



    // BeatPlans
    beatPlan_pageWrapper: { paddingHorizontal: 10, paddingTop: 5 },
    beatPlan_scrollView: { width: '100%' },
    beatPlan_scrollViewInner: { width: '100%', paddingBottom: 20, paddingHorizontal: 5, paddingTop: 10 },
    beatPlan_listItem: { flexDirection: 'row', paddingRight: 10, marginBottom: 10, backgroundColor: PageTheme.$bg_color, borderRadius: 5, paddingVertical: 10, alignItems: 'center', elevation: 5, shadowColor: '#000', shadowOffset: { width: 0, height: 3 }, shadowOpacity: 0.15 },
    beatPlan_lI_Wrap: { margin: 16, marginVertical: 8, width: '100%' },
    beatPlan_lI_Title: { fontSize: 15, color: PageTheme.$text_color, fontWeight: '500', fontFamily: deffontfamily },

    // visitor feedback screen  
    vl_AddBtn: { backgroundColor: PageTheme.$primary_color, alignSelf: 'flex-end', marginLeft: '40%', borderRadius: 10, padding: 5, paddingHorizontal: 10, elevation: 3, shadowColor: '#afafaf', width: '30%', shadowOpacity: 1.0 },
    vl_Feedback: { fontSize: 14, color: PageTheme.$secondary_color_dark, marginTop: 5, marginLeft: 20, fontFamily: deffontfamily },
    vl_EditBtn: { backgroundColor: PageTheme.$primary_color, alignSelf: 'flex-end', borderRadius: 10, padding: 5, paddingHorizontal: 10, elevation: 3, shadowColor: '#afafaf', width: '20%', shadowOpacity: 1.0 },
    vl_UploadBtn: { backgroundColor: PageTheme.$primary_color, alignSelf: 'flex-end', borderRadius: 10, padding: 5, paddingHorizontal: 10, elevation: 3, shadowColor: '#afafaf', width: '20%', shadowOpacity: 1.0 },
    vlf_TblHeader: { marginBottom: 10, marginTop: 10, backgroundColor: PageTheme.$primary_color, borderRadius: 10, padding: 5, elevation: 3, shadowColor: '#747474', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0, flexDirection: 'row', alignItems: 'center' },
    vlf_TblHeaderBox1: { marginLeft: 3, width: wp('30%') - 15, marginRight: 5 },
    vlf_TblHeaderBox2: { width: wp('40%') - 10, marginRight: 5 },
    vlf_TblHeaderBox3: { width: '30%' },
    vlf_TblHeaderTxt: { fontSize: 13, color: PageTheme.$text_color, marginRight: 5, textTransform: 'capitalize', fontWeight: '700', marginLeft: 10, fontFamily: deffontfamily },
    vlf_visitorsLI_Box1: { width: wp('30%') - 15, marginRight: 5, alignItems: 'flex-start', marginLeft: 30, },
    vlf_visitorsLI_Box2: { width: wp('30%') - 15, marginRight: 20 },
    vlf_Visitor_recap: { position: 'absolute', height: 50, top: -10, right: -10, padding: 8, backgroundColor: PageTheme.$primary_color, borderRadius: 30, elevation: 2, shadowColor: '#8d8d8d', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.5 },
    cameravd: { alignSelf: 'center' },
    datavisitorloginPageWrapper: { padding: 10, backgroundColor: PageTheme.$secondary_color_light, height: '100%' },

    vfRatingModal: { position: 'absolute', backgroundColor: '#00000055', width: '20%', height: '3%' },
    vfcustomRatingBarStyle: {
      justifyContent: 'center',
      flexDirection: 'row',
      borderWidth: 1, borderColor: PageTheme.$secondary_color_light,
      paddingVertical: 5, borderRadius: 5
    },
    surveyQtnRatingConAvg: { backgroundColor: PageTheme.$primary_color, borderRadius: 5 },
    vfstarImageStyle: {
      width: 40,
      height: 40,
      backgroundColor: '#000',
      resizeMode: 'cover',
    },

    //IR Pending images 
    // Visitor Login
    PndIR_PageWrapper: { paddingTop: 10, backgroundColor: PageTheme.$secondary_color_light },
    PndIR_scrollView: { width: '100%', height: '100%' },
    PndIR_scrollViewInner: { width: '100%', paddingBottom: 80 },
    PndIR_MenuCon: { backgroundColor: PageTheme.$bg_color, borderRadius: 10, padding: 10 },
    PndIR_MenuItem: { flexDirection: 'row', alignItems: 'center', paddingVertical: 10, justifyContent: 'center', paddingHorizontal: 10, backgroundColor: PageTheme.$secondary_color_light, borderRadius: 6, marginBottom: 15, elevation: 2, shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0 },
    PndIR_ItemHighlight: { fontSize: 13, color: PageTheme.$red, fontWeight: '700', fontFamily: deffontfamily },
    PndIR_ItemHighlightG: { fontSize: 13, color: PageTheme.$green, fontWeight: '700', fontFamily: deffontfamily },
    PndIR_ItemHighlightTxt: { fontSize: 13, color: PageTheme.$red, fontWeight: '500', fontFamily: deffontfamily },

    // program checklist 

    progCh_scrollOuter: { marginBottom: 10, marginTop: 10 },
    progCh_Con: {},
    progCh_TblHeader: { backgroundColor: PageTheme.$primary_color, borderRadius: 5, padding: 5, elevation: 3, shadowColor: '#747474', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0, flexDirection: 'row', alignItems: 'center' },
    progCh_TblHeaderBox: {},
    progCh_TblHeaderBox1: { width: '50%', paddingRight: 3 },
    progCh_TblHeaderBox2: { width: '50%', paddingLeft: 3 },
    progCh_TblHeaderBoxI: { alignItems: 'center', backgroundColor: PageTheme.$secondary_color_light, paddingVertical: 5, borderRadius: 5, },
    progCh_TblHeaderTxt: { fontSize: 13, color: PageTheme.$text_color, marginRight: 5, fontWeight: '500', fontFamily: deffontfamily },
    progCh_TblBRow: { width: '100%', flexDirection: "row", marginRight: 5, backgroundColor: PageTheme.$secondary_color_light, paddingHorizontal: 5, paddingVertical: 5, marginTop: 5, borderRadius: 5 },
    progCh_TblBCol: {},
    progCh_TblBCol1: { width: '50%', paddingRight: 3, borderRightWidth: 1, borderRightColor: PageTheme.$text_color_light3, paddingRight: 5 },
    progCh_TblBCol2: { width: '50%', paddingLeft: 3, paddingLeft: 3, alignItems: "center" },
    progCh_TblBColI: {},
    progCh_TblBText: { fontSize: 13, color: PageTheme.$text_color, fontWeight: '400', flexWrap: "wrap", fontFamily: deffontfamily },
    progCh_InfoCon: { paddingVertical: 5, paddingHorizontal: 10, position: 'relative', width: '100%', backgroundColor: PageTheme.$primary_color, borderRadius: 10, elevation: 5, shadowColor: '#000', shadowOffset: { width: 0, height: 3 }, shadowOpacity: 0.15 },
    progCh_InfoCard: { paddingHorizontal: 5 },
    progCh_InfoRow: { flexDirection: 'row', },
    progCh_InfoBB: { borderBottomColor: PageTheme.$accent_color, borderBottomWidth: 1, marginBottom: 5, paddingBottom: 5 },
    progCh_InfoLbl: { fontSize: 14, color: PageTheme.$accent_color, marginRight: 5, fontWeight: '400', fontFamily: deffontfamily },
    progCh_InfoText: { fontSize: 14, color: PageTheme.$accent_color, marginRight: 5, fontWeight: '500', flexWrap: "wrap", fontFamily: deffontfamily },
    progCh_InfoCol: { width: '50%', flexDirection: 'row', },
    progCh_InfoCol1: { justifyContent: "flex-start", paddingRight: 3 },
    progCh_InfoCol2: { justifyContent: "flex-end", paddingLeft: 3 },
    progCh_InfoTextR: { marginRight: 0 },
    progCh_NextBtnWrap: { position: 'absolute', bottom: 0, left: 0, right: 0, width: wp('100%'), alignItems: 'flex-end', padding: 10 },
    progCh_NextBtn: { backgroundColor: PageTheme.$primary_color, alignItems: 'center', justifyContent: "center", borderRadius: 50, width: 50, height: 50, padding: 5, elevation: 3, shadowColor: '#afafaf', shadowOpacity: 1.5 },
    // progCh_NextBtnText:{fontSize:14,color:PageTheme.$accent_color,marginRight:5,fontWeight:'500',flexWrap:"wrap"},

    //  contract form 
    ContrForm_activeP: { position: 'absolute', top: -17, left: 40, right: 40, shadowColor: '#8d8d8d', shadowOpacity: 1, elevation: 2, shadowOffset: { width: 0, height: 2 }, backgroundColor: '#0000', marginBottom: 10 },
    ContrForm_activeP_tile: { padding: 10, borderRadius: 20, paddingHorizontal: 20, backgroundColor: PageTheme.$primary_color, width: '100%', alignItems: 'center' },
    ContrForm_activeP_name: { fontSize: 16, fontWeight: '500', color: PageTheme.$accent_color, fontFamily: deffontfamily },
    ContrForm_Hdr: { paddingVertical: 5, borderRadius: 5, paddingHorizontal: 10, backgroundColor: PageTheme.$primary_color, width: '100%' },
    ContrForm_HdrText: { fontSize: 14, fontWeight: '500', color: PageTheme.$accent_color, fontFamily: deffontfamily },
    ContrFormWrap: { paddingBottom: 10, marginBottom: 80 },
    // ContrForm_PageWrapper:{marginTop:10,paddingTop:10,backgroundColor:PageTheme.$bg_color},
    ContrForm_PageWrapper: { padding: 10, backgroundColor: PageTheme.$bg_color },
    ContrForm_ContentCon: { paddingBottom: 10 },
    ContrForm_ContentOuter: { width: '100%', marginBottom: 90 },
    ContrForm_GroupView: { paddingBottom: 10 },
    ContrForm_choiceBox: { backgroundColor: PageTheme.$secondary_color_light },
    ContrForm_hasData: { position: 'absolute', width: 24, height: 24, right: 5, top: 5, borderRadius: 15 },

    // Program
    Prog_DARsnSelectStyle: { width: '100%', marginTop: 5 },
    Prog_DAlabel: { textAlign: 'left', color: PageTheme.$text_color_dark, fontWeight: '500', fontSize: 14, marginBottom: 10, padding: 0, fontFamily: deffontfamily },
    prog_scroll: { justifyContent: 'center', padding: 10, paddingBottom: 150, },
    prog_scrollOuter: { marginBottom: 140, width: wp('100%') },
    prog_subText: { fontSize: 13, color: PageTheme.$text_color_dark, fontWeight: '400', marginBottom: 5, fontFamily: deffontfamily },
    prog_Text: { marginBottom: 3 },

    // Dashboard Report Styling 
    // all reports wrapper
    DashB_ReportWrap: { paddingHorizontal: 3 },
    DashB_ReportsHdr: { padding: 10, justifyContent: "center", borderRadius: 5, shadowColor: '#d8d8d8', shadowOpacity: 1, elevation: 1, shadowOffset: { width: 0, height: 2 }, backgroundColor: '#eaf0fe' },
    DashB_ReportsHdrTxt: { color: PageTheme.$primary_color, fontWeight: '600', fontSize: 14, fontFamily: deffontfamily },
    DashB_ReportsHdrIcon: { position: 'absolute', right: 20, shadowColor: '#8d8d8d', shadowOpacity: 1, elevation: 2, shadowOffset: { width: 0, height: 2 }, padding: 4, alignItems: 'center', justifyContent: 'center', backgroundColor: PageTheme.$primary_color, borderRadius: 20 },

    // report coontainer
    DashB_ReportCon: { padding: 10, marginBottom: 10, marginTop: 10, borderRadius: 5, shadowColor: '#000', shadowOpacity: 1, elevation: 2, shadowOffset: { width: 0, height: 2 }, backgroundColor: PageTheme.$secondary_color_light },
    DashB_ReportConHdr: { borderBottomWidth: 1, borderBottomColor: PrimaryTheme.$fifth_color, paddingBottom: 12, marginBottom: 5 },
    DashB_ReportConHdrTxt: { color: PageTheme.$text_color_dark, fontWeight: '600', fontSize: 14, fontFamily: deffontfamily },
    DashB_ReportConHdrIcon: { position: 'absolute', right: 10, shadowColor: '#8d8d8d', shadowOpacity: 1, elevation: 2, shadowOffset: { width: 0, height: 2 }, padding: 4, alignItems: 'center', justifyContent: 'center', backgroundColor: PageTheme.$primary_color, borderRadius: 20 },
    DashB_ReportContent: {},

    // tabular style
    DashBTbl_ReportWrap: { width: '100%', minHeight: 40, },
    DashBTbl_ReportColWrap: { width: 100 },
    DashBTbl_ReportColW: { width: 100 },
    DashBTbl_NoDataCon: { width: '100%', alignItems: 'center', justifyContent: 'center', backgroundColor: PageTheme.$bg_color, borderRadius: 10, padding: 5, elevation: 1, shadowColor: '#efefef', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.1, },
    DashBTbl_NoDataText: { color: PageTheme.$text_color_light, fontWeight: '500', fontSize: 14, fontFamily: deffontfamily },
    DashBTbl_ReportHdr: { marginBottom: 10, marginTop: 10, backgroundColor: PageTheme.$primary_color, borderRadius: 10, padding: 5, elevation: 3, shadowColor: '#747474', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0, flexDirection: 'row', alignItems: 'center' },
    DashBTbl_ReportHdrColTxt: { color: PageTheme.$text_color, fontWeight: '600', fontSize: 14, fontFamily: deffontfamily },
    DashBTbl_ReportHdrCol: { alignItems: 'center', height: '100%', marginRight: 2, marginLeft: 2, backgroundColor: PageTheme.$bg_color, paddingVertical: 5, paddingHorizontal: 5, borderRadius: 5, },
    // DashBTab_ReportHdrBox1:{width:wp('40%')-15,marginRight:5},
    // DashBTab_ReportHdrBox2:{width:wp('30%')-15,marginRight:5},
    // DashBTab_ReportHdrBox2:{width:'30%'},
    // report_TblHeaderTxt:{fontSize:13,color:PageTheme.$text_color,marginRight:5,fontWeight:'700',fontFamily:deffontfamily},

    SOSInputStyle: {
  backgroundColor: PageTheme.$bg_color,
  width: '80%',

  borderRadius: 5,

  fontSize: 14,
  lineHeight: 18,              // ✅ ensures text is painted properly
  color: PageTheme.$text_color,
  fontFamily: deffontfamily,

  paddingHorizontal: 12,
  paddingVertical: 0,          // ✅ let Android calculate vertical space

  minHeight: 35,               // ✅ NEVER use fixed height

  textAlign: 'left',
  textAlignVertical: 'center', // Android only

  includeFontPadding: false,   // ✅ prevents invisible text issue

  // ❌ remove overflow:'hidden' (causes clipping on Android)
},

    DashBTblBody: { backgroundColor: PageTheme.$bg_color, borderRadius: 5, padding: 5, elevation: 3, shadowColor: '#5f5f5f', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 1.0 },
    DashBTbl_Item: { flexDirection: 'row', alignItems: 'center' },
    DashBTbl_ItemB: { borderBottomColor: PageTheme.$fifth_color, borderBottomWidth: 1, paddingBottom: 5, marginBottom: 5 },
    DashBTbl_ItemBg: { backgroundColor: PageTheme.$text_color_light2 },
    DashBTbl_ItemCol: { alignItems: 'center', marginRight: 2, marginLeft: 2, width: '100%', height: '100%', borderRadius: 4, paddingVertical: 7, paddingHorizontal: 2 },
    DashBTbl_ItemCol2: { alignItems: 'center', marginRight: 2, marginLeft: 2, justifyContent: 'center' },
    // DashBTbl_ItemBox1:{width:wp('40%')-15,marginRight:5,alignItems:'flex-start',paddingLeft:5,},
    // DashBTbl_ItemBox2:{width:wp('30%')-15,marginRight:5},
    // DashBTbl_ItemBox3:{width:'30%',alignItems:'center'},
    DashBTbl_ItemColText: { fontSize: 13, color: PageTheme.$text_color, marginRight: 5, fontWeight: '400', fontFamily: deffontfamily },
    DashBTbl_ReportColContent: { backgroundColor: PageTheme.$secondary_color_light, borderRadius: 5, padding: 5, marginHorizontal: 2 },

    // dashboard card style
    DashBCard_Wrap: { flexDirection: 'row', paddingVertical: 5, paddingHorizontal: 3 },
    DashBCard_Item: { width: 180, paddingVertical: 5, paddingHorizontal: 5, backgroundColor: PageTheme.$bg_color, borderRadius: 10, elevation: 3, shadowColor: '#878787', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.3, },
    DashBCard_ItemMid: { marginLeft: 5, marginRight: 5 },
    DashBCard_ItemFirst: { marginRight: 5 },
    DashBCard_ItemLast: { marginLeft: 5 },
    DashBCard_Itemhdr: { flexDirection: 'row', paddingHorizontal: 5, borderBottomColor: PageTheme.$fourth_color, borderBottomWidth: 1, paddingBottom: 10, paddingTop: 5, marginBottom: 10 },
    DashBCard_ItemhdrText: { color: PageTheme.$text_color, fontWeight: '600', fontSize: 14, fontFamily: deffontfamily_bold, width: '50%', paddingTop: 20 },
    DashBCard_ItemhdrIcon: { width: '50%', alignItems: 'flex-end', justifyContent: 'flex-start' },
    DashBCard_ItemContent: { paddingHorizontal: 10, },
    DashBCard_IInn_row: { flexDirection: 'row', paddingVertical: 5 },
    DashBCard_IInn_rowB: { borderBottomColor: PageTheme.$secondary_color_light, borderBottomWidth: 1, marginBottom: 5 },
    DashBCard_IInn_hd: { color: PageTheme.$text_color, fontWeight: '600', fontSize: 13, fontFamily: deffontfamily, width: '50%' },
    DashBCard_IInn_valueTxt: { color: PageTheme.$text_color, fontWeight: '600', fontSize: 14, fontFamily: deffontfamily_bold, paddingLeft: 5, width: '50%' },
  });
}

export const customeButtons = (isDarkTheme = defdt, routeName = defrn) => {
  const PageTheme = GetPageTheme(isDarkTheme, routeName);
  return StyleSheet.create({
    buttonStyle: {
      backgroundColor: PageTheme.$primary_color,
      elevation: 5, shadowColor: PageTheme.$primary_color, shadowOffset: { width: 0, height: 5 }, shadowRadius: 7, shadowOpacity: 0.4,
      borderRadius: 40, width: wp('85%'), height: 50, display: 'flex', marginTop: 25, alignItems: 'center', justifyContent: 'center'
    },
    textStyle: { color: PageTheme.$text_color_100, textAlign: 'center', fontSize: 15, padding: 10, fontFamily: deffontfamily },
    g_buttonStyle: {
      marginTop: 25, height: 50, shadowColor: PageTheme.$primary_color, shadowRadius: 7, shadowOffset: { width: 0, height: 5 }, shadowOpacity: 0.4, borderRadius: 40, backgroundColor: '#0000'
    },
    g_linearGradient: {
      backgroundColor: PageTheme.$primary_color,
      elevation: 5, shadowColor: PageTheme.$primary_color,
      borderRadius: 40, width: wp('85%'), display: 'flex', height: '100%', alignItems: 'center', justifyContent: 'center'
    },
    g_textStyle: { color: PageTheme.$text_color_100, textAlign: 'center', fontSize: 15, padding: 10, fontFamily: deffontfamily, },



  });
}

export const customCamera = (isDarkTheme = defdt, routeName = defrn) => {
  const PageTheme = GetPageTheme(isDarkTheme, routeName);
  const bottomBarHeight = 100, imageControlBarHeight = 60;
  const topBarHeight = Platform.OS == 'ios' ? STATUSBAR_HEIGHT + 40 : 40;
  const topBarHeight2 = Platform.OS == 'ios' ? STATUSBAR_HEIGHT : 0;
  return StyleSheet.create({
    IOS_StatusBar: { height: STATUSBAR_HEIGHT, width: wp('100%'), backgroundColor: 'transparent', zIndex: 100000,elevation:100000, position: 'absolute', left: 0, top: 0, right: 0 },
    CameraWrapper: { flex: 1, backgroundColor: '#000', width: '100%', height: '100%', position: 'absolute', zIndex: 9999,elevation:9999, top: 0, left: 0, right: 0 },
    CameraWrapperHide: { zIndex: 0, opacity: 0,elevation:0 },
    scrollMain: { flex: 1, backgroundColor: '#000', width: '100%', height: '100%', position: 'absolute', zIndex: 99999,elevation:99999, top: 0, left: 0, right: 0 },
    // scrollMainInner:{alignItems:'center',height:'100%'},
    btnStyle: { backgroundColor: '#0096d7', paddingVertical: 10, paddingHorizontal: 30, borderRadius: 20, marginTop: 50, elevation: 5, shadowColor: '#232323', shadowOffset: { width: 0, height: 2 } },
    btnText: { color: '#fff' },
    imgView: { flex: 1, height: 300, width: '100%', marginTop: 100, paddingHorizontal: 20 },
    image: { width: '100%', height: 300, backgroundColor: '#efefef' },
    customCamera_Wrap: { flex : 1 ,position: 'absolute', backgroundColor: '#000', top: 0, left: 0, right: 0, bottom: 0, zIndex: 9999,elevation:9999 },
    customCamera: { position: 'absolute', top: 0, left: 0, right: 0, bottom: 100 },
    customCameraLS: { top: 0, bottom: 0 },
    customCameraTop: { top: Platform.OS == 'ios' ? STATUSBAR_HEIGHT : 0, },
    customCamera_bottomBar: { padding: 10, flexDirection: 'row', backgroundColor: 'transparent', height: bottomBarHeight, position: 'absolute', bottom: 0, width: '100%', alignItems: 'center', justifyContent: 'center' },
    customCamera_bottomBarLS: { padding: 10, flexDirection: 'row', backgroundColor: 'transparent', height: bottomBarHeight, position: 'absolute', top: "35%", width: '100%', alignItems: 'flex-end', justifyContent: 'flex-end' },
    customCamera_capbtn: { elevation: 4, shadowColor: '#efefef', width: 60, height: 60, borderRadius: 30, marginBottom: 80 },
    customCamera_capbtn_Outer: { width: 60, height: 60, borderRadius: 30, backgroundColor: '#e4e4e4', paddingLeft: 5, paddingTop: 5 },
    customCamera_capbtn_Inner: { width: 50, height: 50, borderRadius: 30, backgroundColor: '#fff' },
    customCamera_Gallerybtn: { elevation: 4, shadowColor: '#efefef', width: 60, height: 60, borderRadius: 30, position: 'absolute', right: 30 },
    customCamera_Gallerybtn_Outer: { width: 60, height: 60, borderRadius: 30, backgroundColor: '#e4e4e4', paddingLeft: 5, paddingTop: 5 },
    customCamera_Gallerybtn_Inner: { width: 50, height: 50, borderRadius: 30, backgroundColor: '#fff', alignItems: 'center', justifyContent: 'center' },
    customCamera_Gallerybtn_Icon: { marginTop: -2, marginLeft: -2 },

    //customCamera_bottomBar2: { paddingVertical: 25, paddingHorizontal: 10, backgroundColor: '#5c5c5cb3', height: imageControlBarHeight, position: 'absolute', bottom: 40, width: '100%', justifyContent: 'center' },
    customCamera_bottomBar2: {
      backgroundColor: '#5c5c5cb3',
      height: 48,
      paddingHorizontal: 10,
      alignItems: 'center',
      justifyContent: 'center',
      position: 'absolute',
      bottom: 35,
      left: 0,
      right: 0,
    }
    ,

    imgControls_btnCon: { minWidth: 100, paddingHorizontal: 10 },
    imgControls_btn: { alignItems: 'center' },
    imgControls_btnText: { fontSize: 13, fontWeight: '400', color: '#fff', textAlign: 'center', fontFamily: deffontfamily },
    // imgControls: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' },
    imgControls: {
      position: 'absolute',
      bottom: 30,              // stick to bottom
      left: 0,
      right: 0,

      flexDirection: 'row',    // horizontal layout
      justifyContent: 'space-around', // equal spacing
      alignItems: 'center',

      paddingHorizontal: 20,
    },
    cameraImgCaptured: { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 },
    icbtTop: { marginTop: 0, },
    imgControls_centerBtn: { marginTop: -15, minWidth: 100, paddingHorizontal: 10 },
    imgControls_retakeBtn: { width: 40, height: 40, borderRadius: 30, backgroundColor: '#fff', alignItems: 'center', justifyContent: 'center', elevation: 2, shadowColor: '#000', shadowOpacity: 0.2, shadowOffset: { width: 0, height: 2 } },
    // flashBtn:{width:35,height:35,borderRadius:30,backgroundColor:'#fff',alignItems:'center',justifyContent:'center',elevation:4,shadowColor:'#fff',shadowOpacity:0.3,shadowOffset:{width:0,height:2}},
    flashBtn: { padding: 5, backgroundColor: '#4c4c4cdb', borderRadius: 30, width: 40, height: 40, marginBottom: 10, elevation: 2, alignItems: 'center', justifyContent: 'center', shadowColor: '#000', shadowOpacity: 0.3, shadowOffset: { width: 0, height: 2 } },
    topControls: { position: 'absolute', top: 0, backgroundColor: 'transparent', width: '100%', height: topBarHeight },
    topControlsInner: { flexDirection: 'row', paddingVertical: 5, paddingHorizontal: 10, justifyContent: 'center' },
    sideControls: { position: 'absolute', right: 0, top: '40%', backgroundColor: 'transparent', padding: 10 },
    sideControl: { position: 'absolute', right: 0, top: '0%', backgroundColor: 'transparent', padding: 10 },
    sideControlsInner: {},
    or_icon: { position: 'absolute', top: 10, right: 10, padding: 7, borderRadius: 40, backgroundColor: '#4c4c4ccc' },


  });
}

export const ModalStyles = (isDarkTheme = defdt, routeName = defrn) => {
  const PageTheme = GetPageTheme(isDarkTheme, routeName);
  return StyleSheet.create({
    centeredView: {
      backgroundColor: 'rgba(0,0,0,0.5)',
      flex: 1,
      justifyContent: "center",
      alignItems: "center",
    },
    modalView: {
      margin: 20,
      backgroundColor: "white",
      borderRadius: 10,
      padding: 35,
      alignItems: "center",
      shadowColor: "#000",
      shadowOffset: {
        width: 0,
        height: 2
      },
      shadowOpacity: 0.25,
      shadowRadius: 4,
      elevation: 5
    },
    button: {
      paddingLeft: 40,
      paddingRight: 40,
      elevation: 2
    },
    buttonOpen: {
      backgroundColor: "#F194FF",
    },
    buttonClose: {
      backgroundColor: "#2196F3",
    },
    textStyle: {
      color: "white",
      fontWeight: "bold",
      textAlign: "center"
    },
    modalText: {
      marginBottom: 15,
      textAlign: "center",
      color: "#000",
    }
  });
}

