/* ALL SCREEN SIZES */

html, body.na-body {
	font-family: Arial, Verdana, sans-serif;  /* browsers use Times New Roman as default */
}

fieldset.na-transaction .na-form_item.na-status_background {
	background-color: transparent;
}
/* fieldset.na-transaction .na-icon_button_notext:before .na-icon_button_new_ui {
	background-color: transparent;
    box-shadow: none;
    border: none;
    color: #2966F5;
    font-size: 1.2em;
} */

.na-underline_button{
	text-decoration-line: underline;
    border: none;
    box-shadow: none;
    padding-bottom: 0em;
    cursor: pointer;
    margin-left: 0em;
    color: #2966F5;
    font-size: 1.2em;
    display: inline-block;
}
.na-block_button.na-add_button_view{
	font-size: 1.2em;
    border-radius: 0px;
    background-color: #2966F5;
    color: white;
    font-weight: 500;
    border: 1px solid white;
    text-align: center;
    font-weight: 200;
    font-family: 'FontAwesome';
}

/* MAIN SCREEN CHANGES */
header#na-header,
header.na-header {
	background-color: #1e57dbf2;
  background-image: none;
}
nav#na-nav_top {
   background-color: #f9f9f9;
}
div#na-nav_top_left {
   background-color: white;
   width: 5em;
   height: 100%;
   font-size: 1.2em;
}
div#na-form_body {
  padding-top: 0em;
}
form#crmbar_form {
	height: 100%;
}

div#crmbar_div_left {	
	width: 5em;
}
div#crmbar_div_right {	
  background-color: #f9f9f9;
	width: calc(100% - 5em);
}

div#crmbar_iconbar, 
div#crmbar_iconbar_bpm,
div#crmbar_iconbar_rep,
div#crmbar_iconbar_hcm,
div#inspire_libraries {
	height: 10em;  
	margin-left: 4em;
	height: auto;
  margin-bottom: 1em;
  overflow-y: hidden;
}

div#crmbar_iconbar > span,
div#crmbar_iconbar_bpm > span,
div#crmbar_iconbar_rep > span,
div#crmbar_iconbar_hcm > span,
span#main_screen_libraries_heading {
	display: block;
	color: black;
	font-weight: 600;
	writing-mode: horizontal-tb;
	background-color: transparent;
}
span#main_screen_libraries_heading {
	margin-left: 5em;
  font-size: 1em;
  margin-bottom: 0.5em;
}	
div#crmbar_iconbar ul li,
div#crmbar_iconbar_bpm ul li,
div#crmbar_iconbar_rep ul li,
div#crmbar_iconbar_hcm ul li,
div#inspire_libraries ul li {			
    background-color: white;
    border: 2px solid #eee;
    margin-right: 0.2em;
    height: 3em;	
    width: 3.5em;	
}		
div#crmbar_iconbar ul li:hover,
div#crmbar_iconbar_bpm ul li:hover,
div#crmbar_iconbar_rep ul li:hover,
div#crmbar_iconbar_hcm ul li:hover,
div#inspire_libraries ul li:hover {			
 border-radius:9px;  
 box-shadow: inset 0px 0px 2px 2px #aaa, 3px 3px 5px 0px #eee;
}	
div#crmbar_iconbar ul li a i,
div#crmbar_iconbar_bpm ul li a i,
div#crmbar_iconbar_rep ul li a i,
div#crmbar_iconbar_hcm ul li a i,
div#inspire_libraries ul li a i {			
    color: #1e57dbf2;
    margin: 0.4em auto 0.2em;
    font-size: 1.2em;
}
div#crmbar_iconbar ul li a span,
div#crmbar_iconbar_bpm ul li a span,
div#crmbar_iconbar_rep ul li a span,
div#crmbar_iconbar_hcm ul li a span,
div#inspire_libraries ul li a span {			
    color: black;
    font-size: 0.47em;
}

div#crmbar_setup_iconbar {
	background-color: transparent;  
}
div#crmbar_setup_iconbar ul li {
	border: none;  
}
div#crmbar_setup_iconbar ul li:hover {
    background-color: #1e57dbf2;
}
div#crmbar_setup_iconbar ul li a i {
	color: #1e57dbf2;  
}
div#crmbar_setup_iconbar ul li:hover a i {
    color: white;
}


/* END MAIN SCREEN CHANGES */


/* PORTAL MAIN SCREEN CHANGES */
div#portalbar_div_left {	
  background-color: #f9f9f9;
}

div#portalbar_iconbar_portal,
div#portalbar_iconbar_workspace {
	height: auto;  
	margin-left: 4em;
	overflow-y: hidden;
}

div#portalbar_iconbar_portal > span,
div#portalbar_iconbar_workspace > span {
	display: block;
	color: black;
	font-weight: 600;
	writing-mode: horizontal-tb;
	background-color: transparent;
}
	
div#portalbar_iconbar_portal ul li,
div#portalbar_iconbar_workspace ul li {			
    background-color: white;
    border: 2px solid #eee;
    margin-right: 0.2em;
    height: 3em;		
}	
div#portalbar_iconbar_portal ul li:hover,
div#portalbar_iconbar_workspace ul li:hover {			
 border-radius:6px;
 box-shadow: inset 0px 0px 2px 2px #aaa, 3px 3px 5px 0px #eee;
}
div#portalbar_iconbar_portal ul li a i,
div#portalbar_iconbar_workspace ul li a i {			
    color: #1e57dbf2;
    margin: 0.4em auto 0.2em;
    font-size: 1.2em;
}
div#portalbar_iconbar_portal ul li a span,
div#portalbar_iconbar_workspace ul li a span {			
    color: black;
    font-size: 0.47em;
}

/* END OF PORTAL MAIN SCREEN CHANFES */



/* STANDARD DATATABLES UI CHNAGES */
.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
	background: linear-gradient(to bottom, #2966F5 0%, #2966F5 100%) !important;
	color: white !important;
}

.dataTables_wrapper div.dataTables_length {
	border-right: 1px solid #c0c0c0;
}
.dataTables_wrapper div.dataTables_length select {
	border: none;
    color: #2966F5;
    background-color: #FAFBFC;
}


/* COMPOSITE ATTACHMENT CHANGES */

/* STANDARD */


form#composite_attachment_docs_form div#composite_attachment_docs_grid_att_entries_grid
ul li div {
	display: inline-block;
}

#composite_attachment_comments_form div#composite_attachment_comments_grid_comments
ul li textarea {
	resize: vertical;
}
#composite_attachment_comments_form div#composite_attachment_comments_grid_comments
ul li a.na-block_button {
	font-weight: 600; 
	box-shadow: none; 
	background-color: #3d8d41; 
	border: 1px solid #bbbcc4; 
	width: auto; 
	display: inline-block; 
	margin-left: 0.5em; 
	padding: 0.2em 0.4em; 
	cursor: pointer; 
	vertical-align: middle; 
	line-height: 1.3em; 
	text-align: center; 
	border-radius: 4px; 
	color: white !important; 
	text-decoration: none !important; 
	visibility: visible;
}

/* END OF COMPOSITE ATTACHMENT CHANGES */


/* VIEW TOP DIV STYLING START */

div.new_ui_view_top{
	background: #f9f9f9;
	width: 100%;
} 

/*
fieldset#new_ui_view_top_fieldset_top div.na-button_bar{
	margin-left: 0em;
    font-family: 'FontAwesome';
    font-size: 1.5em;
    box-shadow: none;
    border: none;
    background: #f9f9f9;
    border-radius: inherit;
    border-bottom-style: solid;
    border-bottom-color: lightgrey;
    border-width: thin;
    display: block;
}
fieldset#new_ui_view_top_fieldset_top div.na-button_bar label{
	display: contents;
	font-weight: 540;
}
fieldset#new_ui_view_top_fieldset_top div.na-button_bar label > input[type="radio"] + span {
    padding-right: 2em;
}
fieldset#new_ui_view_top_fieldset_top div.na-button_bar label > input[type="radio"]:checked + span {
    background-color:  #f9f9f9;
    color: #2966F5;
    border-color: #2966F5;
    border-bottom: solid;
    box-shadow: none;
    padding-right: 2em;
}
fieldset#new_ui_view_top_fieldset_top .na-icon_button_notext.no_background:before {
    border: none;
    color: #2966F5;
    background-color: transparent;
    box-shadow: none;
}
*/

/*
fieldset#new_ui_view_top_fieldset_top .choices__inner{
	height: 2.8em;
}
div#new_ui_view_top_free_mass_actions{
	display: inline-block;
	height: 3em;
  background: white;
  border: 1px solid #CCCCCC;
}
fieldset#new_ui_view_top_fieldset_top .choices__list{
	width: 15em;
    overflow-x: hidden;
}
select#new_ui_view_top_mass_actions_views{
	border-radius: 0px;
    border: none;
    height: 2em;
   	margin-top: 0.2em;
    margin-bottom: 0.2em;
    box-shadow: none;
}
select#new_ui_view_top_mass_actions_views {
	border-radius: 0px;
}
select#new_ui_view_top_mass_actions_views{
	font-size: 1.5em;
}
*/

div.new_ui_view_top fieldset div.new_ui_view_top_free_mass_actions {
	display: inline-block;
	height: 3em;
	background: white;
  border: 1px solid #CCCCCC;
  margin-right: 1em;
}
div.new_ui_view_top fieldset input[name=check_mass_actions]{
	width:2em;
	box-shadow: none;	
}
div.new_ui_view_top fieldset select[name=select_mass_action]{
	width: 12em; 
	margin-right: 1em;
	border-radius: 0px;
  border: none;
  height: 2.4em;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  box-shadow: none;
}
div.new_ui_view_top fieldset a[name=iconbar_eye]{
	display:inline-block;
	width: 1.7em;
	vertical-align:middle;
	font-size: 0.8em;
	margin-top: 0.4em;
}
div.new_ui_view_top fieldset .na-icon_button_notext.no_background:before{
	color: #2966F5;
}
div.new_ui_view_top fieldset a[name=column_visibility]{
	border:none;
	box-shadow:none;
	padding-bottom: 0em;
	font-weight:540;
	cursor:pointer; 
	margin-left:0.5em;
	color: #2966F5;
	font-size: 1em;
/*	text-decoration-line: underline; */
	display: inline-block;
    width: 5em;
    vertical-align: middle;
    margin-top: 0.3em;
}
div.new_ui_view_top fieldset a[name=iconbar_search]{
	display:inline-block;
	width: 1.7em;
	vertical-align:middle;
	font-size: 0.8em;
	margin-top: 0.5em;
}
div.new_ui_view_top fieldset a[name=advance_search]{
	border:none;
	box-shadow:none; 
	padding-bottom: 0em; 
	font-weight:540; 
	cursor:pointer; 
	margin-left:0.5em; 
	color: #2966F5; 
	font-size: 1em; 
	text-decoration-line: underline; 
	width: 0em;
}
div.new_ui_view_top fieldset div.new_ui_view_top_free_advanced_search label{
	font-weight: 800; 
	margin-top: 0.75em; 
	margin-bottom: 0.25em; 
	width: 1em;
}
div.new_ui_view_top fieldset div.new_ui_view_top_free_advanced_search 
input[name=search_criteria]{
	width: calc(100% - 3em);
    border-radius: 0px;
    border: none;
   /*  height: 2.2em; cg 14/12/2022 */
    height: 2.4em;
   	margin-top: 0.15em;
    margin-bottom: 0.15em;
    box-shadow: none;
}
div.new_ui_view_top fieldset div.new_ui_view_top_free_advanced_search{
	display: inline-block;
	margin-left: 1em;
	background: white;
	width: calc(100% - 52em);
    max-width: 40em;
    min-width: 20em;
    height: 3em;
    border: 1px solid #CCCCCC; /* cg 14/12/2022 */
}
div.new_ui_view_top.na-search_enabled fieldset div.new_ui_view_top_free_advanced_search{
	display: inline-block;
	margin-left: 2em;
	background: white;
	width: calc(100% - 63em);
    max-width: 40em;
    height: 3em;
}
div.new_ui_view_top fieldset a[name=excel]{	
    font-weight: 200;
    box-shadow: none;
    color: #f9f9f9;
    background-color: #2966F5;
    border: 1px solid #f9f9f9;
    width: auto;
    min-width: 5em;
    display: inline-block;
    padding: 0.2em 0.4em;
    cursor: pointer;
    vertical-align: middle;
    line-height: 1.3em;
    text-align: center;
    text-decoration: none !important;
    float: right;
    border-radius: 0px;
    font-family: FontAwesome;
    font-size: 1.2em;
    margin-top: 0.25em;
}
div.new_ui_view_top fieldset a[name=copy]{	
    font-weight: 200;
    box-shadow: none;
    color: #f9f9f9;
    background-color: #2966F5;
    border: 1px solid #f9f9f9;
    width: auto;
    min-width: 5em;
    display: inline-block;
    padding: 0.2em 0.4em;
    cursor: pointer;
    vertical-align: middle;
    line-height: 1.3em;
    text-align: center;
    text-decoration: none !important;
    float: right;
    border-radius: 0px;
    font-family: FontAwesome;
    font-size: 1.2em;
    margin-top: 0.25em;
}

/* VIEW TOP DIV STYLING  END */


/* Individual views - search criteria */ 
/*
div#individualsearchview_div_left{
	width: 50%;
}
div#individualsearchview_div_right_newui{
	border: none;
    width: 50%;
    height: 100%;
    padding: 0.25em 0.25em 0.25em 0.25em;
}
fieldset#individualsearchview_fieldset_right{
	width: 100%;
    height: 100%;
    border-bottom: groove;
    border-bottom-width: thin;
}


div#views_table_individuals_div_dataview div.dt-buttons {
	display: none !important;
}
div#views_table_individuals_div_dataview div.dataTables_filter {
	display: none !important;
}

div #individualsearchview{
	border-radius: 1.2em;
}
div#individualsearchview_header{
	background-color: white;
    border: none;
    height: 5.8em;
}
div#individualsearchview_header_title{
	font-size: 1.1em;
    font-weight: 600;
    color: black;
}
div#individualsearchview_header_title span{
	font-size: x-large;
	margin-left: 1.5em;
}
div#individualsearchview_contents{
	height: 51.6em;
}
 form#individualsearchview_form{
	height: 100%;
} 
div#individualsearchview_header .na-icon_button_notext:before{
	background-color: white;
    color: #454545;
}
a#individualsearchview_footer_bt_find{
	background-color: #2966F5;
    border: none;
    float: right;
    margin-right: 3em;
    border-radius: 0px;
}
a#individualsearchview_footer_bt_clear_find{
	float: right;
    background-color: white;
    color: #2966F5 !important;
    border: 1px solid #2966F5;
    border-radius: 0px;
}
div#individualsearchview_div_core{
	width:100%;
	height:100%;
}
fieldset#individualsearchview_fieldset_left{
	width:100%;
	height:100%;
	border-bottom: groove;
    border-bottom-width: thin;
}
div#individualsearchview_free_undefined{
	width: 50%;
    display: inline-block;
    margin-top: 2em;
}
div#individualsearchview_div_left label{
    margin-left: 3em;
}
div#individualsearchview_div_left input{
	border-radius: 0px;
    margin-top: 1em;
    font-size: 1.5em;
    margin-left: 2em;
}
div#individualsearchview_free_undefined select{
	border-radius: 0px;
    margin-top: 1em;
    font-size: 1.5em;
    margin-left: 2em;
}
div#individualsearchview_free_txt_searchcriteria{
	margin-top: 1em;
    border-bottom: groove;
    height: 2em;
    border-bottom-width: thin;
}
select#individualsearchview_individual_status{
	font-size: 1.5em;
    margin-left: 2em;
    margin-top: 1em;
}
input#individualsearchview_inactivation_start_date{
	width: 15em;
    font-size: 1.5em;
    margin-top: 1em;
}
input#individualsearchview_inactivation_end_date{
	width: 15em;
    font-size: 1.5em;
    margin-top: 1em;
}
*/

div.na-button_bar{
	margin-left: 0em;
    font-family: FontAwesome;
    font-size: 1.1em;
    box-shadow: none;
    border: none;
    /* background: white;  */
    background: #f9f9f9;
    border-radius: inherit;
    border-bottom-style: solid;
    border-bottom-color: lightgray;;
    border-width: thin;
    display: block;
}
fieldset.na-transaction ul li div.na-button_bar label > input[type="radio"]:checked + span {
    /* background-color: white;  */
    background-color: #f9f9f9; 
    color: #2966F5;
    border-color: #2966F5;
    border-bottom: solid;
    box-shadow: none;
    padding-right: 1em;
    padding-left: 1em;
}
fieldset.na-transaction ul li div.na-button_bar > label {
	display: contents;
    font-weight: 540;
}
fieldset div.na-button_bar label > input[type="radio"] + span {
    padding-right: 0.7em;
}
div.na-panel.na-transaction .na-panel_body{
	background: #f9f9f9;
}  
div.na-panel.na-transaction .na-panel_footer {
    background-color: #f9f9f9;
}
fieldset.na-transaction .na-form_item {
/* 	height: 2.5em;
    font-size: 1.2em;  */
    border-radius: 0px;
}







/* SMALL PHABLETS */

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

@media only screen and (max-width: 736px){
	
	
  /* H E A D E R */
  
	header.na-header p#app_subsystem {
	}
	h1#app_title {
	}
	header.na-header p#username {
	}	
	
	a#new_session {
	}
	span#new_session_text {
	}
	a#header_logout {
	}
	span#header_logout_text {
	}
	span#header_username {
	}	

	/* F O O T E R */	

	/* P A N E L   G E N E R A L */	
  .na-panel_header {					
	}
	.na-panel_footer {				 
	}
  
	.na-panel_header_buttons {
	}
	.na-panel_header_buttons .na-icon_button_notext:before { 
	}
	.na-panel_header_buttons .na-icon_button_notext { 
	}
  
  .na-panel_header_title {
	}
  
  	div.new_ui_view_top fieldset div.new_ui_view_top_free_advanced_search {
		min-width: 10em;
	}

	/* S P E C I F I C    T R A N S A C T I O N    P A N E L S */

	/* V I E W S */
	.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
	}
	
	div.dt-buttons {
	}
	
	.dataTables_wrapper .dataTables_filter {
	}
	
	.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
	}
	
	.na-panel.na-transaction .na-panel_footer_buttons {		
	}
	
  /* S P E C I F I C    F I E L D S  */

	/* O P T I O N A L    F I E L D S */

	
}