/* @media only screen and (max-width: 736px),
       only screen and (max-height: 600px)  { */

@media only screen and (max-width: 736px) {
	
/*	viewport {
	  width: device-width;
	  zoom: 1.0;
	  max-zoom: 1.0;
	  user-zoom: fixed;
	  orientation: portrait;
	}  */
	
	body {
	  -webkit-text-size-adjust: 100%;
	  /* -webkit-overflow-scrolling: touch;   /*causes problem with touch Drag&Drop  */
	}
	
	/* H E A D E R */
  header.na-header {
    height: 2.5em;
	  font-size: 1.1em;
    padding: 0.5em 0 0.4em 0; 
	}

		
	/* F O O T E R */	
	footer.na-footer {
	  height: 1.8em;   /* 1.2em */
	  font-size: 0.8em;
	  padding: 0.20em 0.5em;
	}


	/* M A I N     A R E A */
	div.na-main_area {
	  margin-bottom: -1.8em;  /* -1.2em */
	  padding-bottom: 1.8em;
	  margin-top: -5em;    /* -5em; */
	  padding-top: 5em;  
	}
	div.na-form_body {
	  padding: 0.1em;    /*0.5 1em normally */
	}
  div.na-form_message {
	  /* fix message area at bottom */
	  bottom: 0.3em; /* 0 1.2 2.2em; 0.9*/
	  left: 0em;
	  font-size: 0.95em;	
  }
	
	/* C O M M O N   L I B R A R Y  M O D U L E S */	
	/* standard CSS sizes for the popup panel */
	div#message {
	  width: 30em;  
	  max-width: 30em;
	}	
	div.na-popup_message {
	  font-size: 1.1em;
    font-weight: 550;
    line-height: 1.4em;
	}  
	div.na-validation_msg {    /* styling for non-native validation message area */
	  font-size: 1.3em;  
  }
	/* TABS */
	a.na-tab_button, a.na-tab_button_active {
    font-size: 1.1em;	
  }
	
	
	/* R A D I A L    M E N U */
  .na-circular_menu {   
    width: 19em;  /* 18 20em; */
    height: 19em;
  } 
	.na-circular_menu li {  /* menu item text */
	  font-size: 0.82em;   /* was 0.75 0.85em */
	  height: 3em;  /* 2.8 3.2 em */
	  width: 3em;
	  margin-left: -1.5em;  /* was -1.4 -1.6em */  
	  margin-top: -1.5em;
	  padding: 0.3em;
	}
	.na-circular_menu li a span {  /* for icon embedded in menu item text span */
	  font-family: "FontAwesome";
	  font-size: 1.3em;    /* was 1.25 1.4em */
	  padding: 0.5em;   /* padding-bottom: 0.2em; */
	  margin-bottom: 0.2em;
	} 
	
		/* P A N E L */
	.na-panel_header_title {
	  padding: 0.3em; 
	  margin-left: 1em;
	  margin-top: 0.3em;   /* 0.4em */
	  font-weight: 600;
	  font-size: 1.3em;  /* 1.3em */ 
	}
	.na-panel_header_buttons {
	  padding: 0.3em;
	}
	.na-panel_header_buttons .na-icon_button_notext:before { /* icon button, no text - used as panel header buttons */
	  font-size: 2.1em;  
	  top: -0.5em;
	}
	.na-panel_header_buttons .na-icon_button_notext { /* icon button with no text */
	  font-size: 0.9em;
	  padding: 0em 0.1em 0em 1.5em;  /* 0 0.1 0 0.7 */
	}
	
	.na-panel_footer_buttons {
	  padding: 0.1em 0.5em 0.1em 1.3em;	 
	}  
	.na-panel.na-transaction .na-panel_footer_buttons {
    padding: 0em 0.5em 0.1em 1.3em;    /* for buttons 0.35em; */
  }
	.na-panel_footer_buttons .na-icon_button_border:before {
	  font-size: 1.1em;
	  font-weight: 550;
	  padding: 0.1em;  /* 0.2em */
	} 
	.na-panel_footer_buttons .na-icon_button_border { 
	  padding: 0em 0.4em 0em 0.4em; 
	  height: 2.2em;  /* 1.5em */
	  line-height: 2.2em;  /* 1.6em */
	  font-size: 1em;  /* 0.85em */
	  font-weight: 600;
	}
	.na-panel {
	  border-radius: 0em;
	}
  .na-panel.na-panelin {
	  font-size: 1.1em;
	}
  .na-panel.na-panelin .na-panel_body {
    font-size: 1em;
  }
  .na-panel_message {
	  font-weight: 600;
	  font-size: 1.15em;  /* 0.95em; */
	}
  
 
	/* F O R M S    F O R M   D I V s     F I E L D S E T S */
  div.na-transaction div.na-panel_contents { 
    overflow-y: auto;   /* content scrollbar at panel contents level*/
    overflow-x: hidden;
/*    -webkit-overflow-scrolling: touch; causes disappearing of position relative elems */
  }  
	form.na-transaction {
	  min-height: 100%;
	  height: auto;
  }
	div.na-form_divtop {
	  width: 100%;  /* 34em; */
	  overflow-x: hidden;
	}
	div.na-form_divleft {
    min-height: 0em;   /* 100%; */
    height: auto;
    /* overflow: visible; */  /* hidden; */    
    /* float: none; */ /* float removed so that to center horizontally with below */
    margin: 0em;
  }
	div.na-form_divright {
	  /*border-left: 0px solid #c0c0c0;*/
    min-height: 0em;   /* 100%; */
    height: auto;
/*	  float: left;  */
   /* overflow: visible; */  /* hidden; */
    /* float: none; */ /* float removed so that to center horizontally with below */
    margin: 0em;
  }
	div.na-form_divbottom {
	 min-height: 0em;   /* 100%; */
     height: auto;
    margin: 0em;
	 min-width: 34em;  /* 34em; */
	 width : 34em;
	  overflow-x:hidden;
	}
	div.na-form_divwide {
	   min-height: 0em;   /* 100%; */
    height: auto;
    margin: 0em;
	  width: 34em;   /* 34em; */
	  overflow-x : hidden;
	}
	fieldset.na-fieldset_wide {
	 min-height: 0em;   /* 100%; */
    height: auto;
    margin: 0em;
	  width: 34em;  /* 34em; */
	  overflow-x: hidden;
	}
	
	/*  NK 24/08/2022
	fieldset.na-tabular ul {
		width : 34em;	
	}
	*/

  /* F O R M  L A B E L S,  F I E L D S */  
  fieldset.na-transaction ul li label {
    width: 8.6em;
    font-size: 1.1em;  /* 1.4em*/
  }
  fieldset.na-transaction ul li label.na-label_with_icon {
    width: 7.03em;
  }
  fieldset.na-transaction .na-form_item {
	  font-size: 1.1em; /* 1.3em 0.9em */
	  padding: 0.3em;  /*0.3em */
	  width: 13.5em;
	}
	fieldset.na-transaction .na-form_item.na-favourite_name {
    width: 10.5em;
  }
	fieldset.na-transaction .na-form_item.na-field_checkdigit {
	  width: 11.5em;
	}
	fieldset.na-transaction .na-form_item.na-field_checkdigit.na-field_prefix {
	  width: 9.5em;
	}
	fieldset.na-transaction .na-form_item.na-checkdigit {
	  width: 2em;
	}
	fieldset.na-transaction .na-form_item.na-prefix {
	  width: 2em;
	}
	/*  NK 24/08/2022
	fieldset.na-tabular ul.na-not_table {
		width: 32em;
	}
	fieldset.na-tabular ul.na-not_table.na-form_grid_head {
		width: 29.2em;
		margin-top: 0.5em;
	}
	fieldset.na-tabular ul.na-not_table.na-form_grid_detail {
		width: 29.2em;
	}	
	*/
	
	fieldset.na-transaction ul li label.na-form_instructions {
	  font-size:1.35em; 
	  width : 34em;
	}
	fieldset.na-transaction ul li label.na-currency {
	  width:0.4em; 
	  font-size: 1.4em;
	}
	fieldset.na-transaction ul li.na-centerline_title { /* centered title in own line */
	  font-size: 1.5em;
	}
  .na-free_container {
  	width:34em;
  }
  
  
  /* O P T I O N A L    F I E L D S */
	ul.na-omit_small {
	 display: none;
	}
  fieldset.na-tabular ol li.na-omit_small, fieldset.na-tabular ul li.na-omit_small {
   display: none;
  }
  
  ul.na-form_grid_head li label.na-omit_small {
  	display: none;
  }
    
  /* S P E C I A L   F I E L D    C O N T R O L S */
  /* Button Bar */
  div.na-button_bar {
		background-color: #eff5fa;
		box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.50); 
	  border: 1px solid #bbbcc4;  
	  font-size : 0.8em;
	}  
  
 	/* SetSelct widget */
 	.na-setSelect_central_buttons {
	  margin-top: 0em;
	}
	.na-setSelect_central_buttons button {
	  width: 11em;
	  height: 2.2em;
	  margin-top: 0.5em;
	  margin-left: 1em;
	  padding: 0.1em;
	  font-size: 1.1em;
	  font-weight: 500;
	}
	.na-setSelect .na-list_vertical span {
		font-size: 0.9em;
	}
	
	/* Tabs widget */
	.na-tab .na-panel_labels {
	  margin-top: 1em;
	  margin-right: 1em;
	  margin-left: 1em;
	  margin-bottom: 0em;
	  height: 1.5em;   /* 1.2 */
	}
	a.na-tab_button {          /* style anchor as a tab button */
	  font-size: 1.1em;    /* 0.85 */
	  padding: 0.1em 0.6em 0.2em 0.6em; 
	  margin-right: 0.1em;
	}
	a.na-tab_button_active {       /* style anchor as a tab button */
	  font-size: 1em;    /* 0.85 */
	  padding: 0.2em 0.6em 0.4em 0.6em; 
	  transform: scale(1, 1.2) translate(0em, -0.2em);  
	  -webkit-transform: scale(1, 1.2) translate(0em, -0.2em); 
	}
  
  /* Slider */
  div.na-slider {
	  width: 14em;
	  margin-left: 8em;
  }
	fieldset li.na-progress_bar > span {
    font-size: 1.3em;
  }
  
  /* ON OFF SWITCH */	
  fieldset.na-tabular ul li label.onoffswitch-label {  /* the switch base */
    height: 1.7em; padding: 0; line-height: 1.7em;
    border: 2px solid #CCCCCC; border-radius: 1.7em;
	}
	fieldset.na-tabular ul li label.onoffswitch-label:before,
	fieldset.na-transaction ul li label.onoffswitch-label:before {  
	  border: 2px solid #CCCCCC; border-radius: 1.4em;
	  height: 1.6em;
	}


}