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' ? 25 : StatusBar.currentHeight;
const EXTRA_SPACE = Platform.OS === 'ios' ? 20 : 0;
const EXTRA_SPACE_MD= Platform.OS === 'ios' ? 40 : 0;
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},
    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},
    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},
    drawerNotifIcon:{marginLeft:5,padding:5},
    drawerContent: {
      flex: 1,
      marginTop: -10,
      paddingTop:0,
    },
    drawerContentScroll:{},
    drawerContentScrollInner:{paddingTop:10,padding:0},
    cardTitle: {
    fontWeight:'normal',
    fontSize: hp('1.8%'),
    },
    cardImage: {
      width: 30,
      height: 30,
      resizeMode: 'contain',
    },
    title: {
      fontSize: 15,
      marginTop: 10,
      fontWeight:'500',
      textTransform:'capitalize',
      color:PageTheme.$text_color,
      textAlign:'center',
      marginLeft:-5
    },
    caption: {
      fontSize: hp('1.7%'),
      lineHeight: 14,
    },
    row: {
      marginTop: 20,
      flexDirection: 'row',
      alignItems: 'center',
    },
    section: {
      flexDirection: 'row',
      alignItems: 'center',
      marginRight: 15,
    },
    paragraph: {
      fontWeight: 'bold',
      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,
    },
    preferenceCon:{      
      padding:10,
    },
    preferenceTitle:{
      fontSize:14,
      color:PageTheme.$text_color,
    },
    preference: {
      flexDirection: 'row',
      justifyContent: 'space-between',
      marginTop: 12,
    },
    userInfoSection: {
      padding: 0,
      borderBottomColor: '#f4f4f4',
      borderBottomWidth: 1,
    },
    container: {
      flex: 1,alignItems: 'center',backgroundColor: PageTheme.$accent_color,
    },
    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,
    },
    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'
    },
    
  });
}

export const customStyles=(isDarkTheme=defdt,routeName=defrn)=>{
  const PageTheme=GetPageTheme(isDarkTheme,routeName);
  return StyleSheet.create({
    drawerSubTitle:{
      fontSize:12,
      color:PageTheme.$text_color
    },    
    loginIllutration:{
      // marginTop:20, 
    },
    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',
      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,},
    pageContentWrapper_bgLight:{backgroundColor:'#efefef'},
    //=============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},
    zIndex0:{zIndex: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'},
    // 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',
      textAlign:'center',
      marginBottom:10,
    },
    pagedescText:{
      color:PageTheme.$text_color,
      fontSize:13,
      fontWeight:'400',
      textAlign:'center',
      marginBottom:5,
    },
    formCon:{},
    formGroup:{position:'relative'},
    inputStyle:{
      textAlign:'left',
      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,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_viewContent:{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,
      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,
    },
    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,},
    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,},
    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',
    },
    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',
      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:10,
      paddingBottom:50,
      paddingHorizontal:20,
      paddingTop:10
    },
    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},
    listcon:{
      width:wp('100%'),
      height:hp('100%')-(180+EXTRA_SPACE_MD),  
    },
    storeR_listcon:{
      width:wp('100%'),
      height:hp('100%')-(180+EXTRA_SPACE_MD),  
      paddingHorizontal:0,
      paddingBottom:30,
    },
    storelist_parentwrap:{width:'100%'},
    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'},
    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',
      
    },
    storel_card_subtitle:{marginLeft:10,paddingLeft:10,borderLeftColor:PageTheme.$text_color_light,borderLeftWidth:1},
    storel_card_subtitleTxt:{fontSize:12, color:PageTheme.$text_color_light,},
    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,},
    storel_codeBorder:{borderRightColor:PageTheme.$secondary_color_dark,borderRightWidth:1},
    storel_codeBorderTop:{borderTopColor:PageTheme.$secondary_color_light,borderTopWidth:1,},
    storel_codeLbl:{fontSize:12,color:PageTheme.$secondary_color_dark,marginRight:5,flexWrap:'wrap'},
    storel_codeText:{fontSize:12,color:PageTheme.$text_color,marginRight:5},
    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},
    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'},

    // 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_searchInput:{width:'86%',fontSize:13,color:PageTheme.$text_color},
    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'},


    // Page header
    pageHdrWrap:{position:'absolute',top:STATUSBAR_HEIGHT+(70+(Platform.OS=='ios'?0:5)),zIndex: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'},


    // 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},
    dstorel_codeText:{fontSize:12,fontWeight:'400',color:PageTheme.$text_color,marginRight:5},
    dstorel_codeSep:{fontSize:12,color:PageTheme.$text_color,marginRight:5},
    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',
    },
    storePhotosl_card_subtitle:{fontSize:11,color:PageTheme.$text_color_light,fontWeight:'400',},
    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,
    },
    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,
    },
    sform_hd2:{ 
      textAlign:'left',
      width:'100%',
      paddingVertical:10,
      paddingHorizontal:20,
      color:PageTheme.$secondary_color_dark,
      fontWeight:'500',
      fontSize:16,
      marginBottom:10,
    },
    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,
    },
    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,
    },
    sform_label3:{
      textAlign:'left',
      color:PageTheme.$text_color_dark,
      fontWeight:'500',
      fontSize:14,
      marginBottom:10,
      padding:0,
    },
    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,
    },
    // loaderSyle
    loaderBackdrop:{
      position:'absolute',
      width:wp('100%'),
      height:hp('100%'),
      backgroundColor:'#00000052',
      padding:10,
      flex:1,
      flexDirection:'row',
      alignItems:'center',
      justifyContent:'center',
      top:0,
      zIndex:9999, 
    },
    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},
    download_count:{color:PageTheme.$text_color_light, fontSize:13,fontWeight:'400'},
    download_subTitle:{color:PageTheme.$text_color_dark, fontSize:12,fontWeight:'400'},
    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,},
    spinner:{},
    spinnerInner:{position:'absolute',top:4,left:4},
    spinnerInner2:{position:'absolute',top:2,left:2},
    loaderTitle:{
      fontSize:16,
      color:PageTheme.$text_color, 
      marginLeft:30,     
    },
    // 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,},
    dm_storeInfo_subtitle:{color:PageTheme.$text_color_light,fontWeight:'400',fontSize:13,},
    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},
    // 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},
    
    // 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},
    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,},
    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},
    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,marginHorizontal:5,alignSelf:'center',position:'relative',backgroundColor:'#f5f5f5'},
    store_audit_image:{width:'100%',height:150,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},
    clocktimerRow:{flexDirection:'row',alignItems:'center', backgroundColor:PageTheme.$accent_color,width:'auto',paddingHorizontal:15,paddingVertical:5,borderRadius:30,width:220,justifyContent:'center'},
    clocktimerText:{color:PrimaryTheme.$primary_color,fontSize:12,marginLeft:5,fontWeight:'400'},

    // 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'},
    qad_subtext:{color:PageTheme.$accent_color,fontSize:13,fontWeight:'400',textAlign:'center',marginBottom:5,},
    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},
    

    // 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'},
    qad_optionsCon:{marginTop:20,paddingHorizontal:10},
    qad_optionBtn:{backgroundColor:PageTheme.$secondary_color_light,paddingHorizontal:15,paddingVertical:12,marginBottom:10,borderRadius:10,elevation:2},
    qad_optionBtnText:{fontSize:12,color:PageTheme.$text_color},
    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,},
    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:{},
    qad_btnNext:{position:'absolute',right:0},
    qad_btnNextText:{},
    qad_timer_wrapper:{flexDirection:'row',marginTop:5,alignItems:'center',paddingHorizontal:10},
    qad_timerText:{marginLeft:10,color:PageTheme.$text_color,fontSize:16,marginRight:10},
    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'},
    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},

    // modalWrapper
    modalWrapper:{position:'absolute',top:0,left:0,width:wp('100%'),height:hp('100%'),backgroundColor:'#000',zIndex: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:'bold',color:PageTheme.$text_color,marginTop:10,textAlign:'center'},

    // 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},

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

    // 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_sImageBtn:{position:'absolute',zIndex:2,top:5,elevation:2,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,marginTop:20,},
    gTag_btnWrap:{alignItems:'center',marginTop:40},
    gTag_btnWrapCI:{marginTop:40,},
    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'},
    android_flipIMageView:{transform:[{scaleX:-1}]},
    // geotag_Page:{marginTop:StatusBar.currentHeight+10,position:'relative'},
    // geotag_BackBtn:{position:'absolute',top:20,left:20,backgroundColor:PageTheme.$primary_color,padding:10,borderRadius:40,elevation:4,shadowColor:'#676767'},
    // geotag_BackBtnIcon:{},

    // map
    mapWrapCon:{marginBottom:10,position:'relative'},
    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)},
    mapStyle:{width:'100%',height:'100%'},
    customMapStyle:{borderRadius:10,},
    // Store Visited Modal Style
    storelVisitM_Style:{alignItems:'center'},
    storelVisitM_titleStyle:{textAlign:'center',marginTop:20,marginBottom:20},
    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},
    storelVisitM_op_btnText:{textAlign:'center',color:PageTheme.$accent_color},

    // 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'},
    MPinM_subtitle_Style:{textAlign:'center',fontSize:13,marginLeft:5,color:PageTheme.$red,fontWeight:'400'},
    MPinM_subtitle_Style2:{textAlign:'center',fontSize:13,marginBottom:10,color:PageTheme.$red,fontWeight:'400'},
    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,
    },
    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},
    appUpdateMT_SubStyle:{paddingHorizontal:10,marginBottom:20,fontSize:12,fontWeight:"400",color:PageTheme.$text_color_light},

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

    // 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},
    customModal_Message:{color:PageTheme.$text_color_light, fontSize:14,fontWeight:'400',marginBottom:10},
    

    // 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,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,},
    nWselStyle:{backgroundColor:PageTheme.$secondary_color_dark,},
    nWselStyleText:{color:PageTheme.$accent_color},

    // nonWCapImgModal
    nonWCapImgModal:{alignItems:'center'},
    nonWCapImgModal_title:{fontSize:14,},
    nonWCapImgModal_subtitle:{},
    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},
    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},

    // store Distance Modal
    storeDistance_Modal:{padding:20,width:'90%',alignItems:'center'},
    storeDistanceM_title:{fontSize:18,},
    storeDistanceM_Con:{alignItems:'center'},
    storeDistanceM_message:{fontSize:14,color:PageTheme.$text_color,fontWeight:'400',textAlign:'center'},
    storeDistanceM_submessage:{fontSize:14,fontWeight:'400',textAlign:'center',color:PageTheme.$text_color},
    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},

    // 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'},
    daily_menu_done:{position:'absolute',width:31,height:31,right:10,top:-10,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:10,},
    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},
    
    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'},
  
    osCat_actions:{width:'100%',marginVertical:10,marginTop:20,paddingBottom:10,alignItems:'center',borderBottomColor:PageTheme.$text_color_light2,borderBottomWidth:1,},
    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'},
    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'},
    openStk_prd_nameB:{fontSize:15,color:PageTheme.$text_color,fontWeight:'600',borderBottomColor:PageTheme.$fourth_color,borderBottomWidth:1,paddingBottom:5},
    openStk_prd_name2:{fontSize:14,color:PageTheme.$text_color,fontWeight:'400',marginTop:4,},
    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'},
    openStk_prd_flexlabel:{marginRight:10,width:'35%',color:PageTheme.$text_color_dark},
    openStk_prd_inputStyle:{backgroundColor:PageTheme.$bg_color,borderRadius:4,marginTop:5,height:30,paddingVertical:3,paddingHorizontal:5,minWidth:100,color:PageTheme.$text_color},
    openStk_prd_flex_inputStyle:{marginTop:0,width:'60%'},
    openStk_prd_selectStyle:{backgroundColor:PageTheme.$bg_color,borderRadius:4,height:40,minWidth:100},
    openStk_prd_selectStyle_item:{height:40,fontSize:14,},
    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},
    openStkCh_con1:{width:'50%',height:'100%',paddingVertical:5,paddingHorizontal:10,justifyContent:'center',borderRadius:5,},
    openStkCh_text:{textAlign:'center',color:PageTheme.$text_color},
    openStkCh_textactive:{color:PageTheme.$accent_color},
    openStkCh_con_red:{backgroundColor:'red'},
    openStkCh_con_green:{backgroundColor:'green'},
    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%'},
    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_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,},
    openStk_prdd_fvalue:{fontSize:13,fontWeight:'500',color:PageTheme.$secondary_color_dark,marginRight:10,},
    openStk_prdCameras:{marginTop:10,flexDirection:'row',flexWrap:'wrap'},
    openStkCameraCon:{marginRight: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},
    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,},
    

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

    // Stock page 
    stk_inptSTyle:{textAlign:'center'},
    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'},
    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%',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'},
    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},
    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},
    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},
    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},
    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'},
    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},


    // 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},
    alumbl_bottomText:{color:PageTheme.$text_color_light,fontWeight:'400',marginTop:10,fontSize:13},
    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},
    album_ZOOM_img:{backgroundColor:'#fff',width:'100%',height:400},
    album_ZOOM_topBar:{position:'relative',backgroundColor:'#fff',width:'100%',height:50,paddingHorizontal:10,paddingVertical:15,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.$text_color},

    // 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},
    addvis_pChoiceBoxCon:{width:'60%',alignItems:'flex-end'},
    addvis_pChoiceBoxbg:{backgroundColor:'#efefef'},
    addVisForm:{paddingHorizontal:10,},
    addVisRow:{flexDirection:'row',width:'100%',flexWrap:'wrap',justifyContent:'center'},
    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},
    addVisLabel:{color:PageTheme.$text_color,fontSize:14,fontWeight:'400',marginBottom:6},
    addVisPickerStyle:{height:40,borderRadius:5,},
    addVisPickerOverlay:{backgroundColor:'#00000057'},
    addVisPicker_OptionContainerStyle:{backgroundColor:'#fff',paddingHorizontal:0},
    PV_selectStyle:{width:'60%'},
    PV_selectInputStyle:{backgroundColor:PageTheme.$bg_color,width:'100%'},
    addVisPicker_InputStyle:{backgroundColor:PageTheme.$secondary_color_light,borderRadius:5,overflow:'hidden',textAlign:'center',fontSize:14,color:PageTheme.$text_color,paddingVertical:12,paddingHorizontal:12},
    addVisPicker_Dis_InputStyle:{backgroundColor:'#bbbbbb'},
    // 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},
    addvis_selectedOpStyle:{backgroundColor:PageTheme.$secondary_color_light},
    addvis_selectedOpTextStyle:{paddingVertical:8,paddingHorizontal:10,color:PageTheme.$primary_color,textAlign:'center',fontSize:17},
    addVisCameras:{flexDirection:'row',flexWrap:'wrap'},
    addVisScroll:{height:hp('100%')-260},
    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},
    addVis_list:{paddingTop:10,paddingHorizontal:10,width:'100%'},
    addVis_listhdrText:{color:PageTheme.$primary_color,},
    addVis_listInner:{marginTop:10,},
    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,},
    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'},
    
    addVis_listI_Label2:{fontSize:15,fontWeight:'500',color:PageTheme.$secondary_color_dark,marginRight:5},
    addVis_listI_Val:{fontSize:14,fontWeight:'400',color:PageTheme.$text_color,width:'50%',flexWrap:'wrap'},
    addVis_listI_Val2:{fontSize:14,fontWeight:'400',color:PageTheme.$text_color,width:'40%',flexWrap:'wrap'},
    addVis_listI_Image:{width:80,height:80,borderRadius:5,},
    addVis_listI_row2:{flexDirection:'row',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'},
  
    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'},
    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},
  
    // 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:1,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:16,fontWeight:'500',color:PageTheme.$text_color,},
    surveyItemCircle:{backgroundColor:'#fff',width:40,height:40,borderRadius:20,alignItems:'center',justifyContent:'center',marginRight:10,},
    surveyItemCircle_Text:{fontSize:16,fontWeight:'500',color:PageTheme.$primary_color,},
    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:1,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},
    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,},
    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,},

    // 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},
    
    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
    },
    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},

    // survey Screen View
    SVn_ContentCon:{paddingHorizontal:10,},
    SVn_ContentOuter:{width:'100%',height:hp('100%')-180},
    SVn_ContentInner:{padding:10},
    SVn_activeSurvey:{zIndex:1,position:'absolute',top:-15,left:0,right:0,width:wp('100%'),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},
    SVn_GroupViewList:{paddingTop:10,},

    // Feedback
    FeedbVn_GroupView:{paddingBottom:20},

    // RatingModal
    RatingModal:{position:'absolute',zIndex:99,backgroundColor:'#00000055',alignItems:'center',justifyContent:'center',top:0,left:0,right:0,bottom:0,width:'100%',height:'100%'},
    RatingModalCon:{zIndex: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,},
    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'},
    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'},
    RModal_listItem:{paddingHorizontal:10,paddingVertical:7,borderRadius:4,marginBottom:10,},
    RModal_listItemText:{textAlign:'center',fontSize:14,color:PageTheme.$text_color,fontWeight:'500'},

    // Voice Rcorder
    VRModalHeding:{textAlign:'center',fontSize:14,color:PageTheme.$text_color,fontWeight:'500',marginTop:10,},
    VRSubHeding:{textAlign:'center',fontSize:12,color:PageTheme.$red,fontWeight:'400',marginBottom:20,marginTop:10,},
    VRSubHeding2:{textAlign:'center',fontSize:12,color:PageTheme.$primary_color,fontWeight:'400',marginTop:10,},
    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'},
    
    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'},
  
     // 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},
     vlUinfo_text:{fontSize:14,color:PageTheme.$text_color,textTransform:'capitalize'},
     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},
     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},
     vlEmplSearchBtnText:{fontSize:14,fontWeight:'500',color:'#fff'},

     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'},
     vlEmplLDtlRow_Text:{fontSize:14,color:PageTheme.$text_color_light2,marginRight:5,textTransform:'capitalize'},
     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'},


     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'},
     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'},

     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'},
     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'},
     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,},
     vl_removeModalTitle:{fontSize:14,fontWeight:'500',color:PageTheme.$text_color,marginBottom:10,marginTop:10,},
     vl_removeModalSubTitle:{fontSize:14,fontWeight:'500',color:PageTheme.$primary_color,marginBottom:20,},
     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:wp('100%'),height:'100%'},
    rp_scrollViewInner:{width:'100%',paddingHorizontal:10,height:'100%'},
    reportCon:{},
    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',},
    report_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'},
    report_TblHeaderBox:{alignItems:'center',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,textTransform:'capitalize',fontWeight:'700'},

    report_TblBody:{backgroundColor:PageTheme.$bg_color, borderRadius:10,padding:5,elevation:3,shadowColor:'#afafaf',shadowOffset: { width: 0, height: 2 } , shadowOpacity:1.0},
    reportItem:{flexDirection:'row',alignItems:'center',paddingVertical:10},
    reportItemB:{borderBottomColor:PageTheme.$secondary_color_light,borderBottomWidth:1},
    reportItemCol:{alignItems:'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,textTransform:'capitalize',fontWeight:'400'},
     
    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},
    settingsBtnIcon:{position:'absolute',right:10},


    // 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'},
    netSBarGreen:{backgroundColor:'green'},
    netSBarGrey:{backgroundColor:'red'},
    netSBarGrey_Text:{color:'#fff'},
    netSBarGreen_Text:{color:'#fff'},


    // Window styles
    Windows_Wrap:{},
    Win_scroll:{justifyContent:'center',padding:10,paddingBottom:10,},
    Win_scrollO:{marginBottom:80,},
    WItem_wrap:{width:'100%',marginBottom:20,},
    WItem_Hdr:{},
    WItem_Hdrbg:{width:'100%',paddingHorizontal:10,paddingVertical:7,backgroundColor:PageTheme.$primary_color,borderRadius:5,justifyContent:'center'},
    WItem_HdrText:{fontSize:14,fontWeight:'500',color:PageTheme.$accent_color},
    WItem_Hdrname2:{fontSize:14,color:PageTheme.$accent_color,fontWeight:'400',marginTop:4,},
    WForm:{marginTop:10,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}},
    WItem_RefImgBtn:{position:'absolute',right:10,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},
    WQPicker_InputStyle:{backgroundColor:PageTheme.$bg_color,borderRadius:5,overflow:'hidden',textAlign:'center',fontSize:14,color:PageTheme.$text_color,paddingVertical:12,paddingHorizontal:12},
    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},
    WStkHdrText2:{fontSize:13,fontWeight:'500',color:PageTheme.$text_color_dark,paddingBottom:5,},
    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},
    windhdrTextCon:{position:'relative',backgroundColor:PageTheme.$fourth_color,paddingHorizontal:10,justifyContent:'center',alignItems:'center',paddingVertical:5,marginBottom:10,borderRadius:4,elevation:5,shadowOpacity:0.2,shadowOffset:{width:0,height:2},shadowColor:'#000'},
    windhdrText:{fontSize:13,fontWeight:'500',color:PageTheme.$text_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,},
    WQ_InputStyle:{backgroundColor:PageTheme.$bg_color,borderRadius:5,overflow:'hidden',textAlign:'left',fontSize:14,color:PageTheme.$text_color,paddingVertical:12,paddingHorizontal:12,height:40},
    WQ_datePicker_text:  {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'},
    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'},
    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,},
    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,},

    // Image 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}},
    
  });
}

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,},
    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,},

   
  });
}

export const customCamera_LS=(isDarkTheme=defdt,routeName=defrn)=>{
  const PageTheme=GetPageTheme(isDarkTheme,routeName);  
  const bottomBarHeight=100;
  const topBarHeight=Platform.OS=='ios'?STATUSBAR_HEIGHT+40:40;
  return StyleSheet.create({
    IOS_StatusBar:{height:wp('100%'),width:STATUSBAR_HEIGHT,backgroundColor:'#000',zIndex:100000,position:'absolute',left:0,top:0,bottom:0},
    scrollMain:{flex: 1,backgroundColor: 'black',width:'100%',height:'100%',position:'absolute',zIndex: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:{position:'absolute',top:0,left:0,right:0,bottom:0,zIndex:9999},
    customCamera:{position:'absolute',top:0,left:topBarHeight,right:bottomBarHeight,bottom:0},
    customCameraTop:{top:Platform.OS=='ios'?STATUSBAR_HEIGHT:0,},
    customCamera_bottomBar:{padding:10,backgroundColor:'#000',height:bottomBarHeight,position:'absolute',bottom:0,width:'100%',alignItems:'center',justifyContent:'center'},
    customCamera_capbtn:{elevation:4,shadowColor:'#efefef',width:60,height:60,borderRadius:30,},
    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_bottomBar2:{padding:10,backgroundColor:'#000',height:bottomBarHeight,position:'absolute',bottom:0,width:'100%',justifyContent:'center'},
    imgControls_btnCon:{minWidth:100,paddingHorizontal:10,paddingVertical:10},
    imgControls_btn:{alignItems:'center'},
    imgControls_btnText:{fontSize:14,fontWeight:'400',color:'#fff',textAlign:'center'},
    imgControls:{flexDirection:'row',alignItems:'center',justifyContent:'space-between'},
    cameraImgCaptured:{position:'absolute',top:0,left:0,right:0,bottom:bottomBarHeight},
    icbtTop:{marginTop:2,},
    imgControls_centerBtn:{marginTop:-15,minWidth:100,paddingHorizontal:10,paddingVertical:10},
    // 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:{paddingVertical:10,paddingHorizontal:5,},
    topControls:{position:'absolute',top:0,left:0,bottom:0,backgroundColor:'#000',width:topBarHeight,height:'100%'},
    topControlsInner:{paddingVertical:10,paddingHorizontal:5,alignItems:'center'},
  });
}

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",
    }
  });
}

