/**
* Client - Universal Styles (frontend and backend)
*
* @package    AJR Client Plugin
* @since      2.0
* @subpackage ajr-client-plugin/assests/css
**/


/* ---------------------------------------------------------------------
VARIABLES
--------------------------------------------------------------------- */
:root {

	/* CALCULATIONS ----------------------------------------------------------- */
	--mobile_multiplier:0.75;
	--form_label_width:150px;
	--form_spacing:0.25rem;

	/* HEIGHT ----------------------------------------------------------------- */
	--header_height:110px;
	--footer_height:80px;

	/* FONTS ------------------------------------------------------------------ */
	--font_size_default:16px;
	--font_size_placeholder:0.8em;
	--font_size_input:1em;

	/* COLOURS ---------------------------------------------------------------- */
	--colour_background:245,245,245;
	--colour_background_form:250,250,250;
	--colour_text:68,68,68;
	--colour_subtext:150,150,150;

	--colour_black:0,0,0;
	--colour_grey_darkest:25,25,25;
	--colour_grey_darkerer:50,50,50;
	--colour_grey_darker:75,75,75;
	--colour_grey_dark:100,100,100;
	--colour_grey:125,125,125;
	--colour_grey_light:150,150,150;
	--colour_grey_lighter:180,180,180;
	--colour_grey_lighterer:200,200,200;
	--colour_grey_lightererer:220,220,220;
	--colour_grey_lighterererer:235,235,235;
	--colour_grey_lightest:240,240,240;
	--colour_white:255,255,255;

	--colour_accent_darker:60,135,0;
	--colour_accent_dark:80,155,0;
	--colour_accent:100,175,0;
	--colour_accent_light:180,220,180;
	--colour_accent_lighter:205,230,205;
	--colour_accent_lighterer:215,235,215;
	--colour_accent_lightererer:230,240,230;
	--colour_accent_lightest:230,240,230;
	--colour_accent_hover:80,155,0;
	--colour_accent_active:120,195,0;
	--colour_selected:0,100,0;
	--colour_maintenance:250,200,140;
	--colour_maintenance_hover:230,180,120;
	--colour_new:255,210,60;
	--colour_new_hover:245,190,60;
	--colour_success:50,200,50;
	--colour_success_hover:40,190,40;
	--colour_success_active:30,180,30;
	--colour_error:250,200,140;
	--colour_error_light:250,220,180;
	--colour_error_lighter:250,230,200;
	--colour_error_lightest:250,240,230;
	--colour_error_hover:230,180,120;
	--colour_error_active:210,160,100;
	--colour_warning:200,0,0;
	--colour_warning_hover:180,0,0;
	--colour_warning_active:160,0,0;
	--colour_warning_light:250,200,200;
	--colour_warning_lighter:250,210,210;
	--colour_warning_lighterer:250,222,222;
	--colour_warning_lightest:250,235,235;

	--colour_table_header:215,235,190;
	--colour_table_footer:240,245,230;
	--colour_table_odd:240,240,240;
	--colour_table_even:245,245,245;
	--colour_table_hover:255,255,255;

	--colour_map_marker_nhs:15,115,200;
	--colour_map_marker_private:210,25,25;

	--colour_defcon_1:200,0,0;
	--colour_defcon_2:225,125,0;
	--colour_defcon_3:255,170,0;
	--colour_defcon_4:100,175,0;
	--colour_defcon_5:100,175,0;

	--colour_weak:200,0,0;
	--colour_ok:225,125,0;
	--colour_good:255,170,0;
	--colour_strong:var(--colour_accent);
	--colour_stronger:var(--colour_accent_hover);

	--colour_error_1:240,200,70;
	--colour_error_2:250,170,100;
	--colour_error_3:250,120,80;

	--colour_issue:255,100,70;/*220,50,50;*/
	--colour_active:255,165,0;/*250,160,30;*/
	--colour_complete:100,150,235;/*100,150,240;*/
	--colour_prom_6m:255,0,155;
	--colour_prom_1y:230,120,250;
	--colour_prom_2y:100,210,250;
	--colour_prom_3y:220,230,75;
	--colour_prom_4y:115,220,100;
	--colour_prom_5y:80,210,50;

	--colour_ribbon:200,0,0;
	--colour_placeholder:var(--colour_grey_lighter);
	--colour_input:var(--colour_text);

	/* PADDING ---------------------------------------------------------------- */
	--padding_item:0.5em 1em;

	/* BORDERS ---------------------------------------------------------------- */
	--border_radius:10px;
	--border_radius_item:6px;

	/* BUTTONS ---------------------------------------------------------------- */
	--button_border:1px solid transparent;
	--button_background:var(--colour_accent);
	--button_background_hover:var(--colour_accent_hover);
	--button_background_active:var(--colour_accent_active);

	/* SHADOWS ---------------------------------------------------------------- */
	--text_shadow:1px 1px 2px rgba(0,0,0,0.75);
	--box_shadow:0 0 20px 0 rgba(0,0,0,0.15);
	--modal_shadow:0 0 30px 0 rgba(0,0,0,0.50);
	
	/* POPUPS ---------------------------------------------------------------- */
	--popup_open_blur:0;
	--popup_open_blur_active:4px;
	--popup_open_saturate:0;
	--popup_open_saturate_active:40%;
	--popup_open_brightness:0;
	--popup_open_brightness_active:1;
	--popup_open_background:rgba(0,0,0,0.5);

	/* BACKGROUND ---------------------------------------------------------------- */
	--background_padding:2em;
	--background_border_radius:10px;
	--background_border:1px solid rgba(255,255,255,0.4);
	--background_gradient:linear-gradient(140deg, rgba(230,230,230,0.8), rgba(255,255,255,0.9));
	--background_blur:2px;
	--overlap_background_border:1px solid rgba(255,255,255,0.8) !important;
	--overlap_background:rgba(255,255,255,0.8) !important;
	--glass_background_border:1px solid rgba(255,255,255,0.2) !important;
	--glass_background:none !important;
	--glass_background_blur:6px !important;

	/* FLEX ---------------------------------------------------------------- */
	--f_c_margin_v:5px;
	--f_c_margin_h:5px;

	/* NEUMORPHISM ---------------------------------------------------------------- */
	/* up */
	--morph_up_margin:2em;
	--morph_up_padding:2em;
	--morph_up_shadow:-10px -10px 20px 0 rgb(255,255,255), 10px 10px 20px 0 rgba(0,0,0,0.1);
	--morph_up_button_shadow:-5px -5px 10px 0 rgb(255,255,255), 5px 5px 10px 0 rgba(0,0,0,0.1);
	--morph_up_button_shadow_hover:0 0 20px 0 rgba(var(--colour_accent_hover),0.4);
	--morph_up_button_border_hover:1px solid rgba(var(--colour_accent),0.8) !important;
	--morph_up_border:1px solid rgba(255,255,255,0.8) !important;
	--morph_up_border_radius:10px !important;
	--morph_up_input_border:none !important;
	--morph_up_input_background:rgba(255,255,255,0.4) !important;
	--morph_up_input_shadow:inset 3px 3px 3px 0px rgba(0,0,0,0.1), inset -3px -3px 3px 0px #fff !important;
	/* down */
	--morph_down_shadow:inset -10px -10px 20px 0 rgb(255,255,255), inset 10px 10px 20px 0 rgba(0,0,0,0.1);
	--morph_down_border_color:transparent;
	--morph_down_border_radius:10px !important;
	--morph_down_input_border:none !important;
	--morph_down_input_background:rgba(255,255,255,0.4) !important;
	--morph_down_input_shadow:inset 3px 3px 3px 0px rgba(0,0,0,0.1), inset -3px -3px 3px 0px #fff !important;
	/* bgd */
	--morph_bgd_concave:linear-gradient(145deg, #eeeeee, #ffffff) !important;
	--morph_bgd_concave_hover:linear-gradient(325deg, #eeeeee, #ffffff) !important;
	--morph_bgd_convex:linear-gradient(145deg, #ffffff, #eeeeee) !important;
	--morph_bgd_convex_hover:linear-gradient(325deg, #ffffff, #eeeeee) !important;
	--morph_bgd_button_hover:#fff !important;

	/* TRANSITIONS ---------------------------------------------------------------- */
	/* ease */
	--transition:0.4s ease-out;
	--transition_active:0.2s ease-in;
	/* cubic-bezier */
	--transition_cb:0.4s cubic-bezier(.25,.25,0.75,1.5);
	--transition_cb_active:0.2s cubic-bezier(.25,.25,0.75,1.5);
	--transition_cb_1:cubic-bezier(.25,.20,0.75,1.5);
	--transition_cb_2:cubic-bezier(.50,-1,.50,2);
	--transition_cb_3:cubic-bezier(.90,.00,0.25,1.5);

	/* SCROLLBARS ---------------------------------------------------------------- */
	--scrollbar_size:0.5rem;
	--scrollbar_track_border_radius:var(--scrollbar_size);
	--scrollbar_thumb_border_radius:var(--scrollbar_size);
	--scrollbar_track_horz_border_radius:var(--scrollbar_size);
}


/* --------------------------------------------------------------------------------------------- */
/* BODY LOADING
/* --------------------------------------------------------------------------------------------- */
/* pre-loading */
.ajrdesign_loader::before,
.ajrdesign_loader div::after {
    content:'TrackMate'; }

/* loading messages 
.nhsr_map .ajrdesign_loader div::after {
	content:'Map & Pins'; }
.nhsr_dashboard .ajrdesign_loader div::after {
	content:'Dashboard & Statistics'; }
.nhsr_dashboard.nhsr_reports .ajrdesign_loader div::after {
	content:'Dashboard Reports'; } 
	.nhsr_dashboard.nhsr_reports.loading_procedure .ajrdesign_loader div::after {
		content:'Processing Procedure Data'; } 
.nhsr_dashboard.nhsr_all_patients .ajrdesign_loader div::after {
	content:'Search Patients'; }
.nhsr_dashboard.nhsr_consultant_details .ajrdesign_loader div::after {
	content:'Your User Details'; }
.nhsr_dashboard.nhsr_new_patient .ajrdesign_loader div::after {
	content:'New Patient Form'; }
.nhsr_dashboard.nhsr_control_centre .ajrdesign_loader div::after {
	content:'Control Centre'; }
.page_contact .ajrdesign_loader div::after {
	content:'Contact Information'; }*/


/* ---------------------------------------------------------------------
BROWSER INCOMPATIBILITY FIXES
--------------------------------------------------------------------- */
@supports (-webkit-touch-callout:none) and (not (translate:none)) {.stopcodeerror{}
	/* admin 
	.postbox#adopt_details .adopt_details_container div:not(:last-child) {
		margin-bottom:var(--flex_gap_small); }*/
}