/* Default CSS Stylesheet for a new Web Application project */

/*JMC Colors */
:root {
	--jmc_Blue: #1E4488;
	--jmc_Light_Blue: #B7CAE9;
	--jmc_Yellow: #FEBD3D;
	--jmc_Red: #EA4335;
	--jmc_Red_opacity_010: #EA43351A;
	--jmc_Green: #6DBE4B;
	--jmc_Green_opacity_010: #6DBE4B1A;
	--jmc_Bubblegum: #E888B6;
	--jmc_Peach: #EEC1B2;
	--jmc_Purple: #AA89D3;
	--jmc_Orange: #FF7417;
	--jmc_Gray: #C1C5C8;
	--jmc_Gray_opacity_010: #C1C5C81A;
	--jmc_Light_Gray: #747474;
	--jmc_Black: #000000;
	--jmc_White: #FFFFFF;
	--jmc_Orange: #FF7417;
	--jmc_sys_light_surface: #FBFBFF;
	--jmc_Slate: var(--jmc-state-layers-light-primary-opacity-008);
	--jmc_Slate_Focused: #355CA81F;
	--jmc_Hover: var(--jmc-state-layers-light-primary-opacity-008);
	--jmc_Card_Background_Gray: var(--jmc-neutral-grey);
	--jmc-sys-light-outline: #757780;
	--jmc-sys-light-outline-variant: #C5C6D0;
	--jmc-ref-primary-primary-95: #EDF0FF;
	--jmc-sys-light-surface-tint: #355CA8;
	--jmc-sys-light-scrim: #00000052; /*rgba(0, 0, 0, 0.32);*/
	--jmc_Transparent: #FFFFFF00;
	--jmc_button_blue_text_disabled_color: #A8A8AA;
	--jmc_nav_menu_width: 80px;
	--jmc_nav_left_menu_width: 215px;
	--jmc-sys-light-primary: #16448F;
	--jmc-state-layers-light-primary-opacity-008: #355CA814;
	--jmc-state-layers-light-primary-opacity-012: #16448F1F;
	--jmc-sys-light-on-primary: #FFFFFF;
	--jmc-state-layers-light-on-surface-opacity-008: #1B1B1F14;
	--jmc-state-layers-light-on-surface-opacity-012: #1B1B1F1F;
	--jmc-state-layers-light-on-surface-variant-opacity-008: rgba(68, 70, 79, 0.08);
	--jmc-state-layers-dark-on-surface-opacity-008: #C7C6CA14;
	--jmc-state-layers-dark-on-surface-opacity-012: #C7C6CA1F;
	--jmc-state-layers-dark-on-surface-opacity-016: #C7C6CA28;
	--jmc-ref-neutral-neutral10: #1D1B20;
	--jmc-ref-neutral-neutral30: #46464A;
	--jmc-ref-neutral-neutral40: #5E5E62;
	--jmc-ref-neutral-neutral50: #77777A;
	--jmc-ref-neutral-neutral90: #E2E2E6;
	--jmc-sys-dark-outline-variant: #49454F;
	--jmc-yellow: #FEBD3D;
	--jmc-yellow-opacity-008: #FEBD3D14;
	--jmc-yellow-opacity-012: #FEBD3D1F;
	--jmc-ref-tertiary-tertiary98: #F8F9FF;
	--jmc-ref-neutral-variant-neutral-variant98: #FAF9FF;
	--jmc-ref-primary-primary25: #003882;
	--jmc-ref-neutral-variant-neutral-variant30: #44464F;
	--jmc-sys-light-inverse-surface: #303034;
	--jmc-blue-opacity-008: rgba(30, 68, 136, 0.92);
	--jmc-state-layers-light-on-surface-opacity-016: rgba(27, 27, 31, 0.16);
	/*--jmc-secondary70: #DDA01F;
	--jmc-secondary70-opacity-008: #DDA01F14;
	--jmc-secondary70-opacity-012: #DDA01F1F;*/
	/*--jmc-yellow-text-button-text-color: var(--jmc-secondary70);
	--jmc-yellow-text-button-hover-color: var(--jmc-secondary70-opacity-008);
	--jmc-yellow-text-button-focus-color: var(--jmc-secondary70-opacity-012);
	--jmc-yellow-filled-button-color: var(--jmc-secondary70);*/
	/**/
	/**/
	/*yellow-text-button*/
	--jmc-yellow-text-button-text-color: var(--jmc-yellow);
	--jmc-yellow-text-button-hover-color: var(--jmc-yellow-opacity-008);
	--jmc-yellow-text-button-focus-color: var(--jmc-yellow-opacity-012);
	--jmc-yellow-filled-button-color: var(--jmc-yellow);
	/**/
	/**/
	/*blue-text-button*/
	--jmc-blue-text-button-text-color: var(--jmc-sys-light-primary);
	--jmc-blue-text-button-hover-color: var(--jmc-state-layers-light-primary-opacity-008);
	--jmc-blue-text-button-focus-color: var(--jmc-state-layers-light-primary-opacity-012);
	/**/
	/**/
	--jmc-navrail-hover: #FFFFFF66; /*#7A8EB8;*/
	--jmc-icon-button-glow: #eff3ff;
	--jmc-outline-variant: var(--jmc-sys-light-outline-variant);
	--jmc-sys-dark-surface: #131316;
	--jmc-sys-dark-outline: #8F9099;
	/**/
	/**/
	/* Dialogs background */
	/*--jmc_Gray_Dialog: #E1E2EC;*/
	--jmc_White_Dialog: #FFFFFF;
	/*Input Fields*/
	--jmc_Input_BG_Field: var(--jmc-sys-light-surface-variant);
	--jmc_Input_BG_Field_Disabled: #F2F2F6;
	--jmc_Input_BG_Field_Hover: #DEDFE8;
	--jmc_Input_Bottom_Border: var(--jmc-sys-light-on-surface-variant);
	--jmc_Input_Bottom_Border_Focused: #355CA8;
	--jmc_Input_Bottom_Border_Error: #BA1A1A;
	--jmc_Input_Bottom_Border_Disabled: var(--jmc-sys-light-on-surface);
	--jmc_Input_Label: var(--jmc-sys-light-on-surface-variant);
	--jmc_Input_Label_Focused: #16448F;
	--jmc_Input_Label_Error: #BA1A1A;
	--jmc_Input_Label_Disabled: var(--jmc-sys-light-on-surface);
	--jmc_Textbox-large_Disabled_background: #F2F2F6;
	--jmc_Textbox-large_Disabled_color: #BEBEC4;
	--jmc_Textbox-large_Disabled_bottom_border: #B0B0B4;
	--jmc_Alt_Nav_hover: #D7E1F6;
	--jmc_Grid_Row_hover: var(--jmc-state-layers-light-on-surface-opacity-008);
	--jmc_Grid_Row_hover_over_white: #EDEDED; /* Only use for circle progress as it is hard coded to be based upon #1B1B1F14 over white.  Will also be using for Bookmarks so they are not translucent.*/
	--jmc_Popup_Menu_hover: var(--jmc-state-layers-light-on-surface-opacity-008);
	--jmc_navrail_submenu_nonactive_hover: var(--jmc-state-layers-light-on-surface-opacity-008);
	--jmc_multiselect_item_hover: var(--jmc-state-layers-light-on-surface-opacity-008);
	--jmc_Item_Hover: #D7E1F6;
	--Menu-Grey: #E4E4EC;
	--jmc-Light-Blue: #B7CAE9;
	--jmc-Light-Blue-Search: #D7E1F6;
	--jmc_Radio_Button_Blue: #16448F;
	--jmc-sys-light-surface-container-high: #E7E7EC;
	--jmc-sys-light-surface-variant: #EFF0FA;
	--jmc-sys-light-on-surface: #1B1B1F;
	--jmc-sys-light-on-surface-variant: #44464F;
	--jmc-font-weight-regular: 400;
	--jmc-font-weight-medium: 500;
	--jmc-font-weight-medium-plus: 550;
	--jmc-font-weight-semi-bold: 600;
	--jmc-font-weight-bold: 700;
	--jmc-button-text-weight: var(--jmc-font-weight-medium);
	--jmc-yellow-text-button-weight: var(--jmc-font-weight-medium-plus);
	--jmc-header-height: 73px;
	--jmc-neutral-grey: #F5F5F5;
	/*General Store Color Categories*/
	--jmc_GS_Black: #000000;
	--jmc_GS_Blue: #438EC3;
	--jmc_GS_Brown: #7C5F45;
	--jmc_GS_Clear: #F0F4FF;
	--jmc_GS_Clear_Border: var(--jmc_Gray);
	--jmc_GS_Gray: #808080;
	--jmc_GS_Green: #89B850;
	--jmc_GS_Metallic_Start: #EDD695;
	--jmc_GS_Metallic_End: #C8C8C8;
	--jmc_GS_Orange: #E2733B;
	--jmc_GS_Pink: #E07990;
	--jmc_GS_Purple: #83469A;
	--jmc_GS_Red: #D54637;
	--jmc_GS_White: #FFFFFF;
	--jmc_GS_White_Border: var(--jmc_Gray);
	--jmc_GS_Yellow: #F7D757;
	--Base-Gray-40: #B5BEC6;
	--Base-Gray-80: #4A5660;
}

@media Screen {
	.PrintOnly {
		visibility: hidden;
		display: none;
	}
}

@media Print {
	.ScreenOnly {
		visibility: hidden;
		display: none;
	}
}

.emptySpacer {
	/*
		Empty spacer class used to explain what 
		empty divs are there for.
	*/
}

hr {
	border: none;
	height: 1px;
	background-color: var(--jmc_Gray);
}

/*this can be used on an hr and placed between elements with margins to prevent margin collapse.*/
.anti_margin_collapse {
	border: 0;
	margin: 0;
	background: 0;
	height: 0;
}

.notifications-hr {
	margin-bottom: 12px;
	margin-top: 12px;
	margin-right: 12px;
	/*width: 96%;*/
}

/* AJAX controls */
.ListSearchExtenderPrompt {
	font-style: italic;
	background-color: transparent;
}

/*Modal Popup*/

.modalBackground {
	background-color: #D3D3D3;
}

.modalPopup {
	background-color: #F8F8FF;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	padding: 3px;
	position: absolute;
	top: -1000px;
	/*	z-index:-1;*/
}

#loginFooter {
	position: absolute;
	left: 40%;
	top: 120%;
	margin-left: -150px;
	margin-top: -150px;
}

/* Rounded Corners */
.panel {
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd;
	padding: 10px;
}

/* Rounded Corners */
.smcheckbox {
	font-size: 7pt;
	background-color: Transparent;
	border-style: none;
	text-align: left;
}

	.smcheckbox input {
		height: 10px;
		width: 10px;
	}


.checkbox_readonly {
	font-weight: var(--jmc-font-weight-regular);
	background-color: Transparent;
	border-style: none;
	text-align: left;
}

.checkboxlist {
	background-color: Transparent;
	border-style: solid;
	border-width: 0px;
	border-color: Black;
	cursor: pointer;
}

.borderline {
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: Black;
}

.borderline_lite {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: Gray;
}

.checkbox_gv {
	background-color: Transparent;
	border-style: none;
	text-align: left;
}

.roundedPanel {
	width: 300px;
	background-color: #5377A9;
	color: white;
	font-weight: bold;
}

.WaterMarkText {
	font-style: italic;
	background-color: Transparent;
	color: Gray;
	background-color: white;
}

/* these can go on Label control */
.data {
	background-color: Transparent;
	border-style: none;
}

.data_underline {
	background-color: Transparent;
	border-style: none;
	text-decoration: underline;
}

.panelFrame {
	background-color: Transparent;
	color: Black;
	border-style: solid;
	border-width: 1px;
	border-color: Black;
}

.gridview {
	background-color: white;
	border-style: none;
	font-family: 'Roboto';
	font-style: normal;
	font-size: 16px;
	line-height: 19px;
}

.formview {
	background-color: white;
	border-style: none;
}

.gridviewWithBorder {
	background-color: white;
	border-style: solid;
}

.sortable-handler {
	touch-action: none;
}

.treeview {
	background-color: Transparent;
	border-style: none;
}

/* these go on Label control */


.label {
	background-color: transparent !important;
	font-family: 'Roboto' !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-size: 12px !important;
	line-height: 16px !important;
	text-align: left !important;
}

.label14 {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-font-weight-regular);
	font-size: 14px !important;
	line-height: 20px;
	color: var(--jmc-sys-light-on-surface);
}

.label14_surface_variant {
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: var(--jmc-font-weight-regular);
	line-height: 20px;
	color: var(--jmc-sys-dark-outline-variant);
}

.label14_surface_variant_medium {
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: var(--jmc-font-weight-medium);
	line-height: 20px;
	color: var(--jmc-sys-dark-outline-variant);
}

.text_jmc_label_medium {
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-weight: var(--jmc-font-weight-medium);
	line-height: 16px;
}

.text_jmc_label_large {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-font-weight-medium);
	font-size: 14px !important;
	line-height: 20px;
	color: var(--jmc-sys-light-on-surface);
}

.text_jmc_label_large_regular {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-font-weight-regular);
	font-size: 14px !important;
	line-height: 20px;
	color: var(--jmc-sys-light-on-surface);
}

.text_jmc_body_small {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-font-weight-regular);
	font-size: 12px;
	line-height: 16px;
	color: var(--jmc-sys-light-on-surface);
}

.text_jmc_body_small_bold {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-font-weight-medium);
	font-size: 12px;
	line-height: 16px;
	color: var(--jmc-sys-light-on-surface);
}

.text_jmc_body_small_bold_outline_variant {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-font-weight-medium);
	font-size: 12px;
	line-height: 16px;
	color: var(--jmc-sys-dark-outline-variant);
}


.text_jmc_body_small_white {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-font-weight-regular);
	font-size: 12px;
	line-height: 16px;
	color: #FFF;
}

.text_jmc_body_medium {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-font-weight-regular);
	font-size: 14px;
	line-height: 20px;
	color: var(--jmc-sys-light-on-surface);
}

.text_jmc_body_medium_bold {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-font-weight-bold);
	font-size: 14px;
	line-height: 20px;
	color: var(--jmc-sys-light-on-surface);
}

.text_jmc_body_medium_light_on_surface_variant {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-font-weight-regular);
	font-size: 14px;
	line-height: 20px;
	color: var(--jmc-sys-light-on-surface-variant);
}

.text_jmc_body_large {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-font-weight-regular);
	font-size: 16px;
	line-height: 24px;
	color: var(--jmc-sys-light-on-surface);
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.text_jmc_body_large_neutral10 {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-font-weight-regular);
	font-size: 16px;
	line-height: 24px;
	color: var(--jmc-ref-neutral-neutral10);
}

.text_jmc_headline_small {
	font-family: 'Roboto Slab' !important;
	font-style: normal !important;
	font-weight: var(--jmc-font-weight-bold) !important;
	font-size: 24px !important;
	line-height: 32px !important;
	color: var(--jmc-sys-light-on-surface);
}

.text_jmc_headline_small_blue {
	font-family: 'Roboto Slab' !important;
	font-style: normal !important;
	font-weight: var(--jmc-font-weight-bold) !important;
	font-size: 24px !important;
	line-height: 32px !important;
	color: var(--jmc_Blue);
	/*background-color: transparent !important;*/
}

.text_jmc_headline_medium {
	font-family: 'Roboto Slab' !important;
	font-style: normal !important;
	font-weight: var(--jmc-font-weight-bold) !important;
	font-size: 28px !important;
	line-height: 36px !important;
	color: var(--jmc-sys-light-on-surface);
}

.text_jmc_title_large {
	background-color: transparent !important;
	font-family: 'Roboto';
	font-size: 22px;
	font-style: normal;
	font-weight: var(--jmc-font-weight-regular);
	line-height: 28px;
}

.text_jmc_title_medium {
	background-color: transparent !important;
	font-family: 'Roboto';
	font-size: 16px;
	font-style: normal;
	font-weight: var(--jmc-font-weight-medium);
	line-height: 24px;
}

.text_jmc_title_medium_blue {
	background-color: transparent !important;
	font-family: 'Roboto';
	font-size: 16px;
	font-style: normal;
	font-weight: var(--jmc-font-weight-medium);
	line-height: 24px;
	color: var(--jmc_Blue);
}

	.text_jmc_title_medium_blue:hover {
		color: var(--jmc_Blue);
	}

.text_jmc_title_small {
	background-color: transparent !important;
	font-family: 'Roboto';
	font-size: 14px;
	font-style: normal;
	font-weight: var(--jmc-font-weight-medium);
	line-height: 20px;
}

.text_jmc_title_italic {
	background-color: transparent !important;
	font-family: 'Roboto';
	font-size: 16px;
	font-style: italic;
	font-weight: var(--jmc-font-weight-regular);
	line-height: 24px;
}

.text_jmc_display_medium {
	background-color: transparent !important;
	font-family: 'Roboto';
	font-size: 45px;
	font-style: normal;
	font-weight: var(--jmc-font-weight-regular);
	line-height: 52px;
}


/* Classes to add with text classes COLOR*/
.light-on-surface {
	color: var(--jmc-sys-light-on-surface) !important;
}

.light-on-surface-variant {
	color: var(--jmc-sys-light-on-surface-variant);
}

.neutral-variant-neutral-variant50 {
	color: var(--jmc-ref-neutral-variant-neutral-variant50, #757780);
}

.neutral-variant-neutral-variant60 {
	color: var(--jmc-ref-neutral-variant-neutral-variant60, #8F9099);
}

.light-outline {
	color: var(--jmc-sys-light-outline, #757780) !important;
}

.text_blue {
	color: var(--jmc_Blue);
}

.text_green {
	color: var(--jmc_Green);
}

.text_white {
	color: var(--jmc_White);
}

.Base-Gray-40 {
	color: var(--Base-Gray-40, #B5BEC6);
}

.Base-Gray-80 {
	color: var(--Base-Gray-80, #4A5660);
}


.label14_surface_variant {
	font-family: 'Roboto';
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	color: var(--jmc-sys-dark-outline-variant);
}

.label14Bold {
	color: var(--jmc-sys-light-on-surface);
	font-family: 'Roboto';
	font-size: 14px;
	font-style: normal;
	font-weight: var(--jmc-font-weight-bold) !important;
	line-height: 20px;
}

.label14BoldUpper {
	font-family: 'Roboto';
	padding-left: 0px;
	text-align: left;
	font-weight: bold !important;
	font-size: 14px !important;
	line-height: 16.41px !important;
	text-transform: uppercase;
}

.label16 {
	background-color: transparent !important;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-font-weight-regular);
	font-size: 16px;
	line-height: 24px;
	color: var(--jmc-sys-light-on-surface);
}

.label16_neutral50 {
	background-color: transparent !important;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-font-weight-regular);
	font-size: 16px;
	line-height: 24px;
	color: var(--jmc-ref-neutral-neutral50);
}

.label16Bold {
	background-color: transparent !important;
	font-family: 'Roboto' !important;
	font-style: normal !important;
	font-weight: bold !important;
	font-size: 16px !important;
	line-height: 18.75px !important;
	text-align: left !important;
	color: var(--jmc-sys-light-on-surface);
}

.label24 {
	font-family: "Roboto Slab";
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	color: var(--jmc-sys-light-on-surface-variant);
}

.label24Bold {
	font-family: "Roboto Slab";
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px;
	text-align: center;
	color: var(--jmc-sys-light-on-surface) !important;
}

.label28Bold {
	font-family: 'Roboto Slab' !important;
	font-style: normal !important;
	font-weight: var(--jmc-font-weight-bold) !important;
	font-size: 28px !important;
	line-height: 36px !important;
	color: var(--jmc-sys-light-on-surface) !important;
}

.label_White {
	background-color: transparent !important;
	font-family: 'Roboto' !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-size: 14px !important;
	line-height: 20px !important;
	text-align: left !important;
	color: #FFFFFF;
}

.label_White_10 {
	background-color: transparent !important;
	font-family: 'Roboto' !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-size: 10px;
	line-height: 12px;
	text-align: left !important;
	color: #FFFFFF;
}


.labelBold {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-font-weight-medium);
	font-size: 12px;
	line-height: 16px;
	color: var(--jmc-sys-light-on-surface-variant); /*???*/
}



.labelBold_upper {
	font-family: 'Roboto';
	padding-left: 0px;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
}


.labelYear {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	color: var(--jmc-sys-light-on-surface);
}


.label_nonbold {
	background-color: Transparent;
	border-style: none;
}

.label_red {
	font-weight: bold;
	background-color: Transparent;
	border-style: none;
	color: red;
}

.label_green {
	font-weight: bold;
	background-color: Transparent;
	border-style: none;
	color: lime;
}

.label_white {
	font-weight: bold;
	background-color: Transparent;
	border-style: none;
	color: white;
}

/*ad this class to the more buttons. Note: the button will need a text or label css class too.*/
.more_button {
	color: var(--jmc_Blue);
	text-decoration: underline;
}

	.more_button:hover {
		color: var(--jmc_Blue);
		text-decoration: underline;
		font-weight: var(--jmc-font-weight-medium);
	}

.buttondisabled {
	font-weight: bold;
	text-align: left;
	color: #AAAAAA;
	height: 20px;
	background-color: #EEEEEE;
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-color: #888888;
	border-left-width: 4px;
	border-right-style: solid;
	border-right-color: #000000;
	border-right-width: 1px;
	cursor: default;
}

@media print {
	.hideWhenPrinting {
		visibility: hidden;
		display: none;
	}
}

.button_small {
	font-weight: bold;
	background-color: Gray;
	border-style: outset;
	height: 30px;
	width: 55px;
}


.link {
	font-weight: bold;
	background-color: Transparent;
	border-style: none;
	color: Blue;
}

.text_link {
	background-color: Transparent;
	border-style: none;
	color: var(--jmc-sys-light-primary);
}

	.text_link:hover {
		background-color: Transparent;
		border-style: none;
		color: var(--jmc-sys-light-primary);
	}

.menulink {
	font-weight: bold;
	background-color: Transparent;
	border-style: none;
	color: White;
}

.error {
	font-weight: bold;
	background-color: Transparent;
	border-style: none;
	color: Red;
}

.TabArea {
	BORDER-RIGHT: black 1px solid;
	BORDER-TOP: black 1px solid;
	Z-INDEX: -25;
	BORDER-LEFT: black 1px solid;
	BORDER-BOTTOM: black 1px solid;
	POSITION: absolute;
	TOP: 42px;
	HEIGHT: 600px;
	BACKGROUND-COLOR: Transparent;
}

DT {
	font-size: 1em;
	font-weight: var(--jmc-font-weight-bold);
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

TFOOT, THEAD {
	font-size: 1em;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

TH {
	vertical-align: baseline;
	font-size: 1em;
	font-weight: bold;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

A:link {
	text-decoration: none;
}

A:visited {
	text-decoration: none;
}

A:active {
	text-decoration: none;
}

A:hover {
	text-decoration: underline;
}

A[disabled] {
	cursor: default;
}

	A[disabled]:hover {
		text-decoration: none;
	}


SMALL {
	font-size: .7em;
}

BIG {
	font-size: 1.17em;
}

BLOCKQUOTE, PRE {
}


UL LI {
	list-style-type: square;
}

	UL LI LI {
		list-style-type: disc;
	}

		UL LI LI LI {
			list-style-type: circle;
		}

OL LI {
	list-style-type: decimal;
}

OL OL LI {
	list-style-type: lower-alpha;
}

OL OL OL LI {
	list-style-type: lower-roman;
}

.reporttable {
	font-style: normal;
	font-weight: bold;
}

html, #wrapper, #nav-top, #nav-top li, #nav-left, #nav-top li {
	margin: 0;
	padding: 0;
	list-style: none;
}


#wrapper {
	margin: 16px auto;
	text-align: left;
	width: 1024px;
	position: relative;
}

p {
	margin: 1em 0;
	padding: 0;
}

.block {
	display: block;
}

.clear {
	clear: both;
	height: 1px;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1px;
	line-height: 1px;
}

* html .clear {
	margin-top: -5px;
	margin-bottom: -4px;
}

.left {
	float: left;
	margin: 1px 8px 0px 0px;
}

.softright {
	text-align: right;
}

.readmore {
	text-align: right;
}

/* ***** */

#wrapper {
	width: 1024px;
}

/* the story of two navs */
#nav-top {
	position: absolute;
	top: 17px;
	left: 252px;
	color: #fff;
}

	#nav-top li {
		display: inline;
	}

	#nav-top a {
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}

		#nav-top a:hover {
			text-decoration: underline;
		}

#nav-left {
	position: absolute;
	top: 66px;
	left: 26px;
}

#cap {
	clear: both;
	text-align: center;
	background: url(./images/bar_Bg.jpg) repeat-x;
}

	#cap div div {
		padding: 5px 0;
	}


	#cap, #cap a {
		color: #fff;
	}

		#cap div {
			background: url(./images/left_bar.jpg) no-repeat;
			width: 100%;
		}

			#cap div div {
				background: url(./images/right_bar.jpg) top right no-repeat;
				width: 100%;
			}

#leftNav {
	float: left;
	width: 189px;
	margin-left: 12px;
	padding: 25px 0;
	display: inline;
}

	#leftNav div {
		width: 184px;
		margin-left: 3px;
		padding: 5px 0;
	}

#mainData {
	float: left;
	width: 610px;
	padding: 25px 0;
	margin-left: 18px;
}

	#mainData p {
		line-height: 1.5;
	}

	#mainData h3 {
		font-size: 10px;
	}

#news {
	float: right;
	width: 190px;
	padding: 25px 0;
	margin-left: 5px;
}

	#news h3 {
		font-size: 10px;
	}

		#news h3 a {
			text-decoration: none;
		}

	#news p {
		line-height: 1.5;
	}

	#news div {
		width: 185px;
		padding: 5px 0;
		margin-left: 10px;
	}

		#news div div {
			padding: 5px 0;
		}


.timed {
	background: #5b96da url(./images/support_bg.jpg) no-repeat;
	color: #fff;
	padding: 10px 10px 1.3em 71px;
	margin: 2em 0;
	border-bottom: 1px solid white;
}

	.timed .readmore {
		margin-bottom: 0;
	}

	.timed h3 {
		margin: 0;
		padding: 0;
		text-indent: -57px;
	}

	.timed a {
		color: #fff;
	}

		.timed a:hover {
			text-decoration: none;
		}

.rounded_corners {
	height: 35px;
	width: 160px;
	-webkit-border-radius: 10px 0;
	-moz-border-radius: 2em 0;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
}
/* footer */

#footer {
	clear: both;
	text-align: center;
	background: url(./images/barb_Bg.jpg) repeat-x;
}

	#footer div div {
		padding-bottom: 22px;
	}

	#footer, #footer a {
		color: #fff;
	}

		#footer div {
			background: url(./images/leftb_bar.jpg) no-repeat;
			width: 100%;
		}

			#footer div div {
				background: url(./images/rightb_bar.jpg) top right no-repeat;
				width: 100%;
				width: 100%;
			}


/*RadComboBox*/
UL LI {
	list-style-type: none;
}



/*Password Strength*/
.Base {
	display: inline-block;
	height: 2px;
	overflow: hidden;
	text-align: center;
	vertical-align: top;
	width: 160px;
	margin-bottom: 0px;
}

.L0 {
	border: 0 none;
}

.L1 {
	background-color: #ff3933;
}

.L5 {
	background-color: #33cc00;
}


.no-close .ui-dialog-titlebar-close {
	display: none;
}

body {
	color: var(--jmc-sys-light-on-surface);
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	margin: 0px;
}


.externalLink {
	position: relative;
}

	.externalLink::after {
		content: '';
		position: absolute;
		top: 0;
		left: 14px;
		width: 100%;
		height: 100%;
		background: url(./material_ui/arrow_outward_FILL0.svg) no-repeat right;
		background-size: 14px;
		filter: brightness(0) saturate(100%) invert(25%) sepia(16%) saturate(364%) hue-rotate(191deg) brightness(92%) contrast(84%);
	}

.LoginBody {
	background-color: #1E4488;
}

.loginHeader {
	position: sticky;
	top: 0;
	width: 100%;
	display: flex;
	max-height: max-content;
	z-index: 10;
	margin-left: auto;
	margin-top: auto;
	align-content: center;
	margin: 0px;
	height: 100px;
	filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
	background-color: var(--jmc_Blue);
}

	.loginHeader div {
		display: inline-block;
		vertical-align: top;
		vertical-align: middle;
		padding-top: 0px;
	}


.loginlogobox {
	position: fixed;
	top: 0;
	left: 10px;
}

.imgLogo {
	height: 100px;
	padding-top: 0px;
}

.alertbox-small {
	display: flex;
	grid-template-columns: 36px 36px;
	grid-gap: 0px 0px;
	position: absolute;
	top: 20px;
	right: 48px;
	grid-gap: 12px
}

@media all and (max-width: 500px) {

	.alertbox-small {
		display: flex;
		grid-template-columns: 36px 36px;
		grid-gap: 0px 0px;
		position: absolute;
		top: 20px;
		right: 20px;
		grid-gap: 12px
	}
}

.alertbox {
	display: flex;
	grid-template-columns: 36px 36px;
	grid-gap: 0px 0px;
	position: absolute;
	top: 20px;
	right: 48px;
	column-gap: 8px
}

.alertbox-grid-item {
	text-align: center;
	height: 38px;
	width: 38px;
	display: flex;
	justify-content: center;
	flex-shrink: 0;
}

	.alertbox-grid-item img {
		width: 36px;
		height: 36px;
	}

	.alertbox-grid-item:hover {
		border-radius: 100px 100px 100px 100px;
		cursor: pointer;
		background-color: var(--jmc-sys-light-surface-tint);
	}

.alertbox-floating-div {
	position: absolute;
	top: 0px;
	left: 20px;
	z-index: 8000;
	background-color: var(--jmc_Red);
	align-items: center;
	justify-content: center;
	display: flex;
	border-radius: 100px;
}

.alertbox-floating-div-small {
	position: relative;
	top: 5px;
	right: 10px;
	z-index: 8000;
	background-color: var(--jmc_Red);
	align-items: center;
	display: flex;
	border-radius: 100px;
	padding: 1px;
	justify-content: center;
}

.alertbox-floating-label {
	color: var(--jmc-sys-light-primary, #16448F);
	text-align: center;
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: 0.055px;
	order: 0;
	/*margin: 0 auto;
	position: relative;
	left: .5px;*/
}

.alertbox-floating-label-white {
	color: var(--jmc_White, #16448F);
	text-align: center;
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: 0.055px;
	order: 0;
	/*margin: 0 auto;
	position: relative;
	left: .5px;*/
}

.alert-floating-text-label {
	color: var(--jmc-sys-light-primary, #16448F);
	text-align: center;
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0.014px;
}

.alert-floating-text-label-white {
	color: var(--jmc_White, #FFFFFF);
	text-align: center;
	/* jmc/label/large */
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0.014px;
}

.languagebox {
	position: absolute;
	top: 20px;
	right: 16px;
	z-index: 999;
	width: 82px;
	height: 40px;
	border-radius: 100px;
}

	.languagebox:hover {
		background-color: var(--jmc-state-layers-light-primary-opacity-008);
	}

.languagebox-grid-item {
	text-align: center;
	height: 38px;
	display: flex;
	justify-content: center;
	flex-shrink: 0;
}

	.languagebox-grid-item img {
		width: 20px;
		height: 20px;
	}

		.languagebox-grid-item img:hover {
			border-radius: 100px 100px 100px 100px;
			cursor: pointer;
			background-color: var(--jmc-sys-light-surface-tint);
		}

.languagebox-floating-div {
	position: absolute;
	top: 0px;
	left: 20px;
	z-index: 8000;
	background-color: var(--jmc_Red);
	align-items: center;
	display: flex;
	border-radius: 100px;
}

.languagebox-floating-div-small {
	position: absolute;
	top: -3px;
	left: 15px;
	z-index: 8000;
	background-color: var(--jmc_Red);
	align-items: center;
	display: flex;
	border-radius: 100px;
}

.languagebox-floating-label {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-font-weight-medium);
	font-size: 11px;
	line-height: 16px;
	display: flex;
	align-items: center;
	text-align: center;
	border-radius: 100px;
	color: #FFFFFF;
	order: 2;
	margin: 0 auto;
	position: relative;
	left: .5px;
}

.languagebox-grid-item-content {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

.logo {
	width: 100px;
	padding-left: 60px;
}


.loginFooter {
	font-family: 'Roboto';
	font-size: 16px;
	line-height: 19px;
	align-content: center;
	position: absolute;
	left: 47%;
	top: 90%;
	margin-left: -350px;
	margin-top: auto;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	width: 800px;
	/* Condensed Body */
	font-style: normal;
	font-weight: normal;
	color: var(--jmc-sys-light-on-surface);
}

.bodyMain {
	margin-top: auto;
	text-align: left;
	margin: 0px 0px 0px 0px;
	background-color: var(--jmc_Blue);
	min-height: 100%;
}


.bodyContent {
	background-color: var(--jmc_Blue);
	overflow: auto;
	font-family: 'Roboto', sans-serif !important;
	font-size: 16px;
	line-height: 19px;
	margin-left: auto;
	color: var(--jmc-sys-light-on-surface);
	text-align: center;
	display: inline-block;
	vertical-align: top;
	min-height: 800px;
	padding-top: 0px;
	width: 100%;
	padding: 4px;
}


.defaultcontent {
	width: 100%;
	display: inline-block;
	overflow: scroll;
	overflow-x: auto;
	overflow-y: auto;
	background-color: white;
}

.tableDiv {
	display: table;
	width: 98%;
	text-align: left;
}

.tableDivRow {
	display: table-row;
	text-align: left;
}

	.tableDivRow:nth-child(1) {
		background: #F9FAFB;
	}

	.tableDivRow:nth-child(odd) {
		background: #F9FAFB;
	}

.tableDivHeading {
	display: table-header-group;
	background-color: #EEEEEE;
}

.tableDivCell {
	display: table-cell;
	padding: 3px 10px;
	border: 1px solid #DDDDDD;
	text-align: left;
	width: 49%;
}

.tableDivHead {
	display: table-cell;
	padding: 3px 10px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
}







.maintable {
	width: 99%;
	padding: 40px;
}

	.maintable th {
		background-color: #FFFFFF;
	}

	.maintable td {
		background-color: #FFFFFF;
		text-align: left;
		vertical-align: top;
		border-bottom: 20px;
	}

.maintablehead {
	width: 100%;
	background: #F9FAFB;
	border-bottom: 1px solid #7A8EB8;
	box-sizing: border-box;
	padding: 14px;
	padding-left: 24px;
}

	.maintablehead th {
		background: #F9FAFB;
	}

	.maintablehead td {
		background: #F9FAFB;
	}

.maintablestudent {
	font-family: 'Roboto Condensed';
	font-style: normal;
}

	.maintablestudent th {
		background-color: #FFFFFF;
	}

	.maintablestudent td {
		background-color: #FFFFFF;
	}

	.maintablestudent input {
		font-style: normal;
	}







table td {
	text-align: left;
	padding: 0px 10px;
}



.login_wrapper {
	align-content: center;
	position: absolute;
	width: 100%;
}


.floatright {
	float: right;
	padding-bottom: 4px;
}

.password_input {
	width: 240px;
	height: 17px;
	border-style: none;
	padding: 5px;
	font-weight: normal;
	background-color: var(--jmc_Input_BG_Field);
	border-bottom: 1px solid #A7B3CF;
	padding-top: 10px;
	margin-top: 4px;
	margin-bottom: 0px;
}

.listbox {
	font-weight: normal;
	background-color: Transparent;
}

.dropdownlist {
	width: 150px;
	/* height: 17px; */
	border-style: none;
	padding: 5px;
	font-weight: bold;
	background-color: var(--jmc_Input_BG_Field);
	border-bottom: 2px solid rgba(167, 179, 207, .5) !important;
	padding-top: 10px;
	color: #545454; /*???*/
	font-family: 'Roboto', sans-serif;
}

.dropdownlist_readonly {
	background-color: #FF0000;
}

select.dropdownlist {
	background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
	background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
	background-size: 5px 5px, 5px 5px, 1px 1.5em;
	background-repeat: no-repeat;
}

	select.dropdownlist:focus {
		background-image: linear-gradient(45deg, green 50%, transparent 50%), linear-gradient(135deg, transparent 50%, green 50%);
		background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
		background-size: 5px 5px, 5px 5px, 1px 1.5em;
		background-repeat: no-repeat;
		border-color: green;
		outline: 0;
	}

.dropdownlistLanguage {
	width: 380px !important;
	height: 41px;
	border-style: none;
	padding: 5px;
	font-size: 16px;
	background-color: var(--jmc_Input_BG_Field);
	border-bottom: 1px solid var(--jmc_Black) !important;
	padding-top: 10px;
	color: var(--jmc-sys-light-on-surface);
	font-family: 'Roboto', sans-serif;
}

.dropdownlistLanguage_readonly {
	background-color: #FF0000;
}

select.dropdownlistLanguage {
	background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
	background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
	background-size: 5px 5px, 5px 5px, 1px 1.5em;
	background-repeat: no-repeat;
}

	select.dropdownlistLanguage:focus {
		background-image: linear-gradient(45deg, green 50%, transparent 50%), linear-gradient(135deg, transparent 50%, green 50%);
		background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
		background-size: 5px 5px, 5px 5px, 1px 1.5em;
		background-repeat: no-repeat;
		border-color: green;
		outline: 0;
	}

select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}


.border td {
	border: 1px solid red;
}



.login_masterdropdownlist:focus {
	outline: none;
}

.login_masterdropdownlist {
	min-width: 170px;
	height: 31px;
	border-style: none;
	padding: 4px;
	font-weight: normal;
	background-color: var(--jmc_Input_BG_Field);
	border-bottom: 2px solid rgba(167, 179, 207, .5) !important;
	padding-top: 5px;
	color: #666666; /*???*/
	font-family: 'Roboto', sans-serif;
	vertical-align: bottom;
	font-size: 16px;
	overflow: hidden;
	padding-right: 30px;
	margin-top: 15px;
}


/*.login_masterdropdownlist {
	background-color: #FF0000;
}*/

select.login_masterdropdownlist {
	background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
	background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
	background-size: 5px 5px, 5px 5px, 1px 1.5em;
	background-repeat: no-repeat;
}

	select.login_masterdropdownlist:focus {
		background-image: linear-gradient(45deg, gray 50%, transparent 50%), linear-gradient(135deg, transparent 50%, gray 50%);
		background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
		background-size: 5px 5px, 5px 5px, 1px 1.5em;
		background-repeat: no-repeat;
		border-bottom: 1px solid var(--jmc_Blue) !important;
		outline: 0;
	}

		.floating_label_master::before,
		select.login_masterdropdownlist:focus + .floating_label_master::before {
			transform: translate3d(0, -4.12rem, 0) scale3d(0.8, 0.9, 1);
			color: white;
		}

		select.login_masterdropdownlist:focus + .floating_label_master::after {
			transform: scale3d(1, 1, 1);
			opacity: 1;
			color: white;
		}

.login_masterdropdownlist + .floating_label_master::before {
	top: 3px;
	color: #FFFFFF !important;
}

.login_masterdropdownlist + .floating_label_master::after {
	color: #FFFFFF !important;
}

.login_masterdropdownlist ~ .login_floating_label_box {
	top: -10px;
	left: 10px;
	color: #000 !important;
	font-size: 12px;
	color: #FFFFFF !important;
}

.logobox {
	font-weight: bold;
	background-color: Transparent;
	color: var(--jmc_Yellow);
	text-align: left !important;
	vertical-align: middle !important;
	left: 31px;
	position: absolute;
}

.floater1 {
	background-image: url(./material_ui/GreenDonut.svg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 363px;
	height: 402px;
	position: fixed;
	bottom: 0px;
	right: 0px;
	display: block;
	z-index: -1;
}

.floater2 {
	background-image: url(./material_ui/YellowTriangle.svg);
	background-size: auto;
	background-repeat: no-repeat;
	width: 870px;
	height: 100%;
	position: fixed;
	bottom: 0px;
	/* left: -200px; */
	display: block;
	z-index: -1;
	background-position: bottom 0px left -587px;
}

.floater3 {
	background-image: url(./material_ui/RedCircle.svg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 730px;
	height: 365px;
	position: fixed;
	/* bottom: -240px; */
	right: 13%; /* 182px; */
	top: 0%;
	display: block;
	z-index: -1;
}

.floater4 {
	max-width: 120px;
	position: absolute;
	top: -100px;
	right: 20%;
	display: block;
	z-index: -1;
}

.floater5 {
	max-width: 340px;
	position: absolute;
	top: 12%;
	right: -240px;
	display: block;
	z-index: -1;
}

@media all and (max-width: 500px) {
	.floater1 {
		display: none !important;
	}

	.floater2 {
		display: none !important;
	}

	.floater3 {
		display: none !important;
	}
}


h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	font-family: 'Roboto Slab';
}

h1 {
	margin: 0;
	padding: 0;
	font-family: 'Roboto Slab';
	list-style: none;
	font-size: 32px;
	font-style: normal;
	font-weight: bold;
	font-size: 32px;
	line-height: 42px;
	text-align: center;
}

h2 {
	font-size: 1.75em;
	font-weight: var(--jmc-font-weight-bold);
	margin: 0 0 5px 0;
	padding: 0;
}

h3 {
	font-size: 1.58em;
	font-weight: var(--jmc-font-weight-medium);
	padding: 4px 0 0 0;
}

h4 {
	font-size: 1.33em;
	font-weight: var(--jmc-font-weight-medium);
}

h5 {
	font-size: 1em;
	font-weight: var(--jmc-font-weight-bold);
}

h6 {
	font-size: .8em;
	font-weight: var(--jmc-font-weight-bold);
}

th {
	font-size: 16px;
}


/* floating label */


/* Label */
.floatylabel {
}

.floatylabelpassword {
	color: #999999;
	position: relative;
	left: -34px;
	top: -24px;
	pointer-events: none;
	transition: all 0.2s ease;
	font-size: 16px;
}

.masterstyle4 {
	width: 220px;
	height: 100%;
	vertical-align: top;
	background-color: var(--jmc_Blue);
	color: #cccccc;
}

.masterstyle6 {
	width: 260px;
	height: 100%;
	background-color: #F4F6F9;
	vertical-align: top;
}

.masterstyle7 {
	width: 800px;
	height: 100%;
}

.masterstyle8 {
	width: 78px;
}

div.RadTreeView_Default {
	font-family: 'Roboto', sans-serif;
	color: #FFFFFF;
}

div.RadTreeView .rtUL li li,
div.RadTreeView .rtLI ul li {
	list-style-type: none;
}

div.RadTreeView .rtMinus,
div.RadTreeView .rtPlus {
	display: none;
}

div.RadTreeView .rtTop,
div.RadTreeView .rtMid,
div.RadTreeView .rtBot {
	padding: 0;
}

div.RadTreeView .rtUL .rtLI .rtUL {
	padding-left: 13px;
}

div.RadTreeView A:link,
div.RadTreeView A:visited,
div.RadTreeView a {
	color: #FFFFFF;
	background-color: #ff0000;
}

	div.RadTreeView a:hover {
		color: #FFFFFF;
		background-color: red;
	}

input[type=file]::file-selector-button {
	height: 36px;
	background-color: var(--jmc_Yellow);
	border-radius: 4px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	text-transform: uppercase;
	width: auto;
	padding-right: 40px;
	padding-left: 40px;
	border: 1px solid transparent;
}

	input[type=file]::file-selector-button:hover {
		background-color: #fEdd8B;
	}

	input[type=file]::file-selector-button:disabled {
		height: 36px;
		background-color: #fEdd8B;
		border-radius: 4px;
		font-family: 'Roboto';
		font-style: normal;
		font-weight: bold;
		font-size: 14px;
		line-height: 16px;
		text-align: center;
		text-transform: uppercase;
		width: auto;
		padding-right: 40px;
		padding-left: 40px;
		border: 1px solid transparent;
		cursor: default;
	}


.buttonHidden {
	display: none !important;
}

.button {
	/*height: 40px;*/
	min-height: 40px;
	background-color: var(--jmc-yellow-filled-button-color);
	border-radius: 100px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-button-text-weight);
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	width: auto;
	border: 1px solid transparent;
	color: black !important; /*var(--jmc-sys-light-on-surface);*/
	padding: 10px 24px; /* top and bottom | left and right */
	/*padding-left: 24px;
	padding-right: 24px;*/
	cursor: pointer;
}

	.button[disabled] {
		/*height: 40px;*/
		background-color: var(--jmc-state-layers-light-on-surface-opacity-012);
		border-radius: 100px;
		font-family: 'Roboto' !important;
		font-style: normal;
		font-weight: var(--jmc-button-text-weight);
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		width: auto;
		border: 1px solid transparent;
		color: var(--jmc-sys-light-on-surface) !important;
		opacity: 0.38;
		padding: 10px 24px; /* top and bottom | left and right */
		/*padding-left: 24px;
		padding-right: 24px;*/
		cursor: default;
		/*text-transform: capitalize !important;*/
	}

		.button[disabled]:hover {
			/*height: 40px;*/
			background-color: var(--jmc-state-layers-light-on-surface-opacity-012);
			border-radius: 100px;
			font-family: 'Roboto' !important;
			font-style: normal;
			font-weight: var(--jmc-button-text-weight);
			font-size: 14px;
			line-height: 20px;
			text-align: center;
			width: auto;
			border: 1px solid transparent;
			color: var(--jmc-sys-light-on-surface) !important;
			opacity: 0.38;
			padding: 10px 24px; /* top and bottom | left and right */
			/*padding-left: 24px;
			padding-right: 24px;*/
			box-shadow: none !important;
			/*text-transform: capitalize !important;*/
		}

	.button:hover {
		background: var(--jmc-yellow-filled-button-color);
		box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30) !important;
	}


.button_gray {
	min-height: 40px;
	background-color: var(--jmc-ref-neutral-neutral30);
	border-radius: 100px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-button-text-weight);
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	width: auto;
	border: 1px solid transparent;
	color: var(--jmc_White) !important;
	padding: 10px 24px; /* top and bottom | left and right */
	/*padding-left: 24px;
	padding-right: 24px;*/
	cursor: pointer;
}

	.button_gray[disabled] {
		/*height: 40px;*/
		background-color: var(--jmc-state-layers-light-on-surface-opacity-012);
		border-radius: 100px;
		font-family: 'Roboto' !important;
		font-style: normal;
		font-weight: var(--jmc-button-text-weight);
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		width: auto;
		border: 1px solid transparent;
		color: var(--jmc-sys-light-on-surface) !important;
		opacity: 0.38;
		padding: 10px 24px; /* top and bottom | left and right */
		/*padding-left: 24px;
		padding-right: 24px;*/
		cursor: default;
		/*text-transform: capitalize !important;*/
	}

		.button_gray[disabled]:hover {
			/*height: 40px;*/
			background-color: var(--jmc-state-layers-light-on-surface-opacity-012);
			border-radius: 100px;
			font-family: 'Roboto' !important;
			font-style: normal;
			font-weight: var(--jmc-button-text-weight);
			font-size: 14px;
			line-height: 20px;
			text-align: center;
			width: auto;
			border: 1px solid transparent;
			color: var(--jmc-sys-light-on-surface) !important;
			opacity: 0.38;
			padding: 10px 24px; /* top and bottom | left and right */
			/*padding-left: 24px;
			padding-right: 24px;*/
			box-shadow: none !important;
			/*text-transform: capitalize !important;*/
		}

	.button_gray:hover {
		background: var(--jmc-ref-neutral-neutral40);
		box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30) !important;
	}

.button_light_gray {
	/*height: 40px;*/
	min-height: 40px;
	border-radius: 100px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-font-weight-regular); /*ask Sam about this since it is different from every other button. */
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	width: auto;
	border: 1px solid transparent;
	background-color: transparent;
	color: var(--jmc-ref-neutral-variant-neutral-variant30);
	padding: 10px 24px; /* top and bottom | left and right */
	/*padding-left: 24px;
	padding-right: 24px;*/
	cursor: pointer;
	display: flex; /* next few lines needed to put icon on button.*/
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	gap: 8px;
}

	.button_light_gray[disabled] {
		/*height: 40px;*/
		background-color: var(--jmc-state-layers-light-on-surface-opacity-012);
		border-radius: 100px;
		font-family: 'Roboto' !important;
		font-style: normal;
		font-weight: var(--jmc-button-text-weight);
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		width: auto;
		border: 1px solid transparent;
		color: var(--jmc-sys-light-on-surface) !important;
		opacity: 0.38;
		padding: 10px 24px; /* top and bottom | left and right */
		/*padding-left: 24px;
		padding-right: 24px;*/
		cursor: default;
		/*text-transform: capitalize !important;*/
	}

		.button_light_gray[disabled]:hover {
			/*height: 40px;*/
			background-color: var(--jmc-state-layers-light-on-surface-opacity-012);
			border-radius: 100px;
			font-family: 'Roboto' !important;
			font-style: normal;
			font-weight: var(--jmc-button-text-weight);
			font-size: 14px;
			line-height: 20px;
			text-align: center;
			width: auto;
			border: 1px solid transparent;
			color: var(--jmc-sys-light-on-surface) !important;
			opacity: 0.38;
			padding: 10px 24px; /* top and bottom | left and right */
			/*padding-left: 24px;
			padding-right: 24px;*/
			box-shadow: none !important;
			/*text-transform: capitalize !important;*/
		}

	.button_light_gray:hover {
		background: var(--jmc-state-layers-light-on-surface-variant-opacity-008, rgba(68, 70, 79, 0.08));
	}

/*styling for white buttons. add .button_white as a second class after .button 
Example: <asp:Button ID="btn_example" runat="server" CssClass="button button_white" />
*/
.button_white {
	background-color: var(--jmc_White) !important;
	color: var(--jmc-ref-neutral-neutral30) !important;
}

	.button_white:hover {
		/*background: var(--jmc-ref-neutral-neutral40) !important;*/
		box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30) !important;
	}

/*styling for school color outline buttons. add .button_white as a second class after .button 
Example: <asp:Button ID="btn_example" runat="server" CssClass="button button_white" />
*/
.button_school_color_outline {
	background-color: var(--jmc_Transparent) !important;
	color: var(--jmc-ref-neutral-neutral30) !important;
	border: 1px solid var(--School_Primary_color);
}

	.button_school_color_outline:hover {
		background-color: var(--jmc-state-layers-light-on-surface-opacity-008) !important;
		box-shadow: 0px 0px 0px 0px var(--jmc_Transparent), 0px 0px 0px 0px var(--jmc_Transparent) !important;
	}

/*.button:focus {
		background: var(--jmc-yellow-filled-button-color);
		box-shadow: none !important;
		outline: none;
	}*/

.material_imageButton_img {
	position: absolute;
	margin-left: 16px;
	z-index: 899;
}

	.material_imageButton_img[disabled] {
		filter: invert(6%) sepia(5%) saturate(1791%) hue-rotate(201deg) brightness(97%) contrast(88%) !important;
	}

.image_button_transparent {
	/*height: 40px;*/
	background-color: transparent;
	border-radius: 100px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-font-weight-regular);
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	width: auto;
	border: 1px solid transparent;
	color: var(--jmc-sys-light-on-surface-variant) !important;
	padding: 8px 12px 8px 44px;/* top | right | bottom | left */
	cursor: pointer;
	z-index: 899;
}

	.image_button_transparent[disabled] {
		/*height: 40px;*/
		background-color: var(--jmc-state-layers-light-on-surface-opacity-012);
		border-radius: 100px;
		font-family: 'Roboto' !important;
		font-style: normal;
		font-weight: var(--jmc-button-text-weight);
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		width: auto;
		border: 1px solid transparent;
		color: var(--jmc-sys-light-on-surface) !important;
		opacity: 0.38;
		padding-left: 42px;
		padding-right: 24px;
		cursor: default;
		/*text-transform: capitalize !important;*/
	}

		.image_button_transparent[disabled]:hover {
			/*height: 40px;*/
			background: var(--jmc-state-layers-light-on-surface-variant-opacity-008, rgba(68, 70, 79, 0.08));
			border-radius: 100px;
			font-family: 'Roboto' !important;
			font-style: normal;
			font-weight: var(--jmc-button-text-weight);
			font-size: 14px;
			line-height: 20px;
			text-align: center;
			width: auto;
			border: 1px solid transparent;
			color: var(--jmc-sys-light-on-surface) !important;
			opacity: 0.38;
			padding-left: 42px;
			padding-right: 24px;
			box-shadow: none !important;
			/*text-transform: capitalize !important;*/
		}

	.image_button_transparent:hover {
		background: var(--jmc-state-layers-light-on-surface-variant-opacity-008, rgba(68, 70, 79, 0.08));
	}


.image_button_gray {
	height: 40px;
	background-color: var(--jmc-ref-neutral-neutral30);
	border-radius: 100px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-button-text-weight);
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	width: auto;
	border: 1px solid transparent;
	color: var(--jmc_White) !important;
	padding-left: 42px;
	padding-right: 24px;
	cursor: pointer;
	z-index: 899;
}

	.image_button_gray[disabled] {
		height: 40px;
		background-color: var(--jmc-state-layers-light-on-surface-opacity-012);
		border-radius: 100px;
		font-family: 'Roboto' !important;
		font-style: normal;
		font-weight: var(--jmc-button-text-weight);
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		width: auto;
		border: 1px solid transparent;
		color: var(--jmc-sys-light-on-surface) !important;
		opacity: 0.38;
		padding-left: 42px;
		padding-right: 24px;
		cursor: default;
		/*text-transform: capitalize !important;*/
	}

		.image_button_gray[disabled]:hover {
			height: 40px;
			background-color: var(--jmc-state-layers-light-on-surface-opacity-012);
			border-radius: 100px;
			font-family: 'Roboto' !important;
			font-style: normal;
			font-weight: var(--jmc-button-text-weight);
			font-size: 14px;
			line-height: 20px;
			text-align: center;
			width: auto;
			border: 1px solid transparent;
			color: var(--jmc-sys-light-on-surface) !important;
			opacity: 0.38;
			padding-left: 42px;
			padding-right: 24px;
			box-shadow: none !important;
			/*text-transform: capitalize !important;*/
		}

	.image_button_gray:hover {
		background: var(--jmc-ref-neutral-neutral40);
		box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30) !important;
	}


.image_Button_blue {
	height: 40px;
	background-color: var(--jmc-sys-light-primary);
	border-radius: 100px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-button-text-weight);
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	width: auto;
	border: 1px solid transparent;
	color: var(--jmc-sys-light-on-primary) !important; /*var(--jmc-sys-light-on-surface);*/
	padding-left: 42px;
	padding-right: 24px;
	cursor: pointer;
	z-index: 899;
}

	.image_Button_blue[disabled] {
		height: 40px;
		background-color: var(--jmc-state-layers-light-on-surface-opacity-012);
		border-radius: 100px;
		font-family: 'Roboto' !important;
		font-style: normal;
		font-weight: var(--jmc-button-text-weight);
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		width: auto;
		border: 1px solid transparent;
		color: var(--jmc-sys-light-on-surface) !important;
		opacity: 0.38;
		padding-left: 42px;
		padding-right: 24px;
		cursor: default;
		/*text-transform: capitalize !important;*/
	}

		.image_Button_blue[disabled]:hover {
			height: 40px;
			background-color: var(--jmc-state-layers-light-on-surface-opacity-012);
			border-radius: 100px;
			font-family: 'Roboto' !important;
			font-style: normal;
			font-weight: var(--jmc-button-text-weight);
			font-size: 14px;
			line-height: 20px;
			text-align: center;
			width: auto;
			border: 1px solid transparent;
			color: var(--jmc-sys-light-on-surface) !important;
			opacity: 0.38;
			padding-left: 42px;
			padding-right: 24px;
			box-shadow: none !important;
			/*text-transform: capitalize !important;*/
		}

	.image_Button_blue:hover {
		background: var(--jmc-sys-light-primary);
		box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30) !important;
	}




.button_blue {
	/*height: 40px;*/
	min-height: 40px;
	background-color: var(--jmc-sys-light-primary);
	border-radius: 100px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-button-text-weight);
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	width: auto;
	border: 1px solid transparent;
	color: var(--jmc-sys-light-on-primary) !important; /*var(--jmc-sys-light-on-surface);*/
	padding: 10px 24px; /* top and bottom | left and right */
	/*padding-left: 24px;
	padding-right: 24px;*/
}

	.button_blue[disabled] {
		/*height: 40px;*/
		background-color: var(--jmc-state-layers-light-on-surface-opacity-012);
		border-radius: 100px;
		font-family: 'Roboto' !important;
		font-style: normal;
		font-weight: var(--jmc-button-text-weight);
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		width: auto;
		border: 1px solid transparent;
		color: var(--jmc-sys-light-on-surface) !important;
		opacity: 0.38;
		padding: 10px 24px; /* top and bottom | left and right */
		/*padding-left: 24px;
		padding-right: 24px;*/
		cursor: default;
		/*text-transform: capitalize !important;*/
	}

		.button_blue[disabled]:hover {
			/*height: 40px;*/
			background-color: var(--jmc-state-layers-light-on-surface-opacity-012);
			border-radius: 100px;
			font-family: 'Roboto' !important;
			font-style: normal;
			font-weight: var(--jmc-button-text-weight);
			font-size: 14px;
			line-height: 20px;
			text-align: center;
			width: auto;
			border: 1px solid transparent;
			color: var(--jmc-sys-light-on-surface) !important;
			opacity: 0.38;
			padding: 10px 24px; /* top and bottom | left and right */
			/*padding-left: 24px;
			padding-right: 24px;*/
			box-shadow: none !important;
			/*text-transform: capitalize !important;*/
		}

	.button_blue:hover {
		background: var(--jmc-sys-light-primary);
		box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30) !important;
	}

/*.button_blue:focus {
		background: var(--jmc-sys-light-primary);
		box-shadow: none !important;
		outline: none;
	}*/

.button_text {
	height: 40px;
	background-color: transparent; /*#FFFFFF;*/
	border-radius: 100px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-button-text-weight);
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	border: 1px solid transparent;
	color: var(--jmc-ref-neutral-neutral30);
	padding: 10px 24px;
	/*padding-left: 12px;
	padding-right: 12px;*/
	cursor: pointer;
}

	/*???*/
	.button_text[disabled] {
		height: 40px;
		border-radius: 100px;
		font-family: 'Roboto' !important;
		font-style: normal;
		font-weight: var(--jmc-button-text-weight);
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		width: auto;
		color: var(--jmc_button_blue_text_disabled_color) !important;
		background: var(--jmc-state-layers-light-on-surface-opacity-012);
		/*padding-left: 12px;
		padding-right: 12px;*/
		cursor: default;
	}

		/*???*/
		.button_text[disabled]:hover {
			color: var(--jmc_button_blue_text_disabled_color) !important;
			background-color: var(--jmc_Transparent) !important;
		}

	.button_text:hover {
		color: var(--jmc-ref-neutral-neutral30);
		background-color: var(--jmc-state-layers-light-on-surface-opacity-008);
	}



.button_blue_text {
	height: 40px;
	background-color: transparent; /*#FFFFFF;*/
	border-radius: 100px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-button-text-weight);
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	border: 1px solid transparent;
	color: var(--jmc-blue-text-button-text-color);
	padding-left: 12px;
	padding-right: 12px;
	cursor: pointer;
}

	.button_blue_text:hover {
		color: var(--jmc-blue-text-button-text-color);
		background-color: var(--jmc-blue-text-button-hover-color);
	}

	/*???*/
	.button_blue_text[disabled] {
		height: 40px;
		border-radius: 100px;
		font-family: 'Roboto' !important;
		font-style: normal;
		font-weight: var(--jmc-button-text-weight);
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		width: auto;
		color: var(--jmc_button_blue_text_disabled_color) !important;
		padding-left: 12px;
		padding-right: 12px;
		cursor: default;
	}

		/*???*/
		.button_blue_text[disabled]:hover {
			color: var(--jmc_button_blue_text_disabled_color) !important;
			background-color: var(--jmc_Transparent) !important;
		}


/*class to override colors of button_blue_text*/
.button_black_text {
	height: 32px;
	color: var(--jmc-ref-neutral-neutral30);
}

	.button_black_text:hover {
		height: 32px;
		color: var(--jmc-ref-neutral-neutral30);
		background-color: var(--jmc-state-layers-light-on-surface-opacity-008);
	}

	.button_black_text[disabled] {
		height: 32px;
	}

		.button_black_text[disabled]:hover {
			height: 32px;
		}

/*.button_blue_text:focus {
		color: var(--jmc-blue-text-button-text-color);
		background-color: var(--jmc-blue-text-button-focus-color);
		outline: none;
	}*/


.button_blue_text_outline {
	height: 40px;
	background-color: transparent; /*#FFFFFF;*/
	border-radius: 100px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-button-text-weight);
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	border: 1px solid transparent;
	color: var(--jmc-sys-light-primary);
	padding-left: 12px;
	padding-right: 12px;
	border-radius: 100px;
	border: 1px solid var(--jmc-sys-light-outline);
}

	/*???*/
	.button_blue_text_outline[disabled] {
		height: 40px;
		border-radius: 100px;
		font-family: 'Roboto' !important;
		font-style: normal;
		font-weight: var(--jmc-button-text-weight);
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		width: auto;
		border: 1px solid var(--jmc-state-layers-light-on-surface-opacity-012);
		color: var(--jmc-sys-light-on-surface) !important;
		padding-left: 12px;
		padding-right: 12px;
		cursor: default;
		opacity: 0.38;
	}

		/*???*/
		.button_blue_text_outline[disabled]:hover {
			height: 40px;
			border-radius: 100px;
			font-family: 'Roboto' !important;
			font-style: normal;
			font-weight: var(--jmc-button-text-weight);
			font-size: 14px;
			line-height: 20px;
			text-align: center;
			width: auto;
			border: 1px solid var(--jmc-state-layers-light-on-surface-opacity-012);
			color: var(--jmc-sys-light-on-surface) !important;
			padding-left: 12px;
			padding-right: 12px;
		}

	.button_blue_text_outline:hover {
		color: var(--jmc-sys-light-primary);
		background-color: var(--jmc-state-layers-light-primary-opacity-008);
	}



.buttonfp {
	height: 96px;
	background-color: #FE0000;
	border-radius: 4px;
	font-family: 'Roboto' !important;
	font-style: normal;
	font-weight: bold;
	font-size: 54px;
	line-height: 16px;
	text-align: center;
	width: auto;
	padding-right: 40px;
	padding-left: 40px;
	border: 1px solid transparent;
}

.headerinfobox {
	position: absolute;
	width: 240px;
	height: 48px;
	left: calc(50% - 240px/2);
	top: 13px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-font-weight-regular);
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: var(--jmc-sys-light-on-surface-variant);
	display: block;
}

@media all and (max-width: 615px) {
	.headerinfobox {
		display: none;
	}
}

.labeledyear {
	width: 8%;
	float: right;
	position: relative;
	display: inline-block;
}

.label_yellow_text {
	background-color: transparent !important;
	font-family: 'Roboto' !important;
	font-style: normal !important;
	font-weight: var(--jmc-font-weight-medium) !important;
	font-size: 14px !important;
	line-height: 20px !important;
	text-align: left !important;
	width: auto !important;
	color: var(--jmc_Yellow) !important;
	border: 0px solid transparent !important;
}

	.label_yellow_text:hover {
		color: #E5AC35 !important;
	}


.label_blue_text_small_bold {
	background-color: transparent !important;
	font-family: 'Roboto' !important;
	font-style: normal !important;
	font-weight: var(--jmc-font-weight-medium) !important;
	font-size: 12px !important;
	line-height: 16px !important;
	text-align: left !important;
	width: auto !important;
	color: var(--jmc-sys-light-primary) !important;
	border: 0px solid transparent !important;
}

	.label_blue_text_small_bold:hover {
		color: var(--jmc-sys-light-primary) !important;
	}


.label_blue_text_bold {
	background-color: transparent !important;
	font-family: 'Roboto' !important;
	font-style: normal !important;
	font-weight: var(--jmc-font-weight-medium) !important;
	font-size: 14px !important;
	line-height: 20px !important;
	text-align: left !important;
	width: auto !important;
	color: var(--jmc-sys-light-primary) !important;
	border: 0px solid transparent !important;
}

	.label_blue_text_bold:hover {
		color: var(--jmc-sys-light-primary) !important;
	}

.label_blue_text_bold_16px {
	background-color: transparent !important;
	font-family: 'Roboto' !important;
	font-style: normal !important;
	font-weight: var(--jmc-font-weight-medium) !important;
	font-size: 16px !important;
	line-height: 20px !important;
	text-align: left !important;
	width: auto !important;
	color: var(--jmc-sys-light-primary) !important;
	border: 0px solid transparent !important;
}

	.label_blue_text_bold_16px:hover {
		color: var(--jmc-sys-light-primary) !important;
	}

.label_blue_text {
	background-color: transparent !important;
	font-family: 'Roboto' !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-size: 14px !important;
	line-height: 20px !important;
	text-align: left !important;
	width: auto !important;
	color: var(--jmc-sys-light-primary) !important;
	border: 0px solid transparent !important;
}

	.label_blue_text:hover {
		color: var(--jmc-sys-light-primary) !important;
	}


.button_yellow_text_small {
	height: 30px;
	background-color: transparent;
	border-radius: 100px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-yellow-text-button-weight);
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	padding-right: 12px;
	padding-left: 12px;
	border: 1px solid transparent;
	color: var(--jmc-yellow-text-button-text-color);
}

	.button_yellow_text_small:hover {
		color: var(--jmc-yellow-text-button-text-color);
		background-color: var(--jmc-yellow-text-button-hover-color);
	}

/*.button_yellow_text_small:focus {
		color: var(--jmc-yellow-text-button-text-color);
		background-color: var(--jmc-yellow-text-button-focus-color);
		outline: none;
	}*/

.button_yellow_text {
	height: 40px;
	background-color: transparent;
	border-radius: 100px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-yellow-text-button-weight);
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	border: 1px solid transparent;
	color: var(--jmc-yellow-text-button-text-color);
	padding-left: 12px;
	padding-right: 12px;
}

	.button_yellow_text:hover {
		color: var(--jmc-yellow-text-button-text-color);
		background-color: var(--jmc-yellow-text-button-hover-color);
	}

/*.button_yellow_text:focus {
		color: var(--jmc-yellow-text-button-text-color);
		background-color: var(--jmc-yellow-text-button-focus-color);
		outline: none;
	}*/


.button_yellow_outline {
	height: 40px;
	background-color: transparent;
	border-radius: 100px;
	font-family: 'Roboto' !important;
	font-style: normal;
	font-weight: var(--jmc-button-text-weight);
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	width: auto;
	border: 1px solid var(--jmc-sys-dark-outline);
	color: var(--jmc_Yellow);
	box-sizing: border-box; /*???*/
	vertical-align: middle; /*???*/
	padding-left: 24px;
	padding-right: 24px;
}

	.button_yellow_outline:hover {
		color: var(--jmc_Yellow);
		background-color: var(--jmc-yellow-text-button-hover-color); /*???*/
		border: 1px solid var(--jmc-sys-dark-outline) !important;
		outline: none;
	}


.dropdown-container-sub a:hover {
	color: #333333;
	background-color: #EDAE2A;
}

.transp a:hover {
	background-color: #0000FF;
}

.login_header {
	position: fixed;
	width: 100%;
	height: fit-content;
	z-index: 10;
}

.login_main_content {
	display: flex;
	position: fixed;
	width: 100%;
	top: 67px;
	height: calc(100% - 67px);
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	overflow: auto;
}

@media (max-width: 500px) {

	.login_main_content {
		overflow: hidden;
	}

}

.login_button {
	width: 150px;
}


/* form SURE::after */

.login_input {
	width: 142px;
	height: 24px;
	border-style: none;
	padding: 4px;
	background-color: var(--jmc_Input_BG_Field);
	border-bottom: 1px solid #A7B3CF;
	color: #666666;
	font-size: 16px;
}

.floating_label {
	display: block;
	position: relative;
	pointer-events: none;
	font-size: 16px;
	color: #999999;
	left: 14px;
	top: 12px;
	transition: all 0.2s ease;
}


	.floating_label::before {
		content: attr(data-content);
		display: inline-block;
		filter: blur(0);
		transform-origin: top;
		transition: transform 0.2s ease;
		left: 0rem;
		position: relative;
	}

	.floating_label::after {
		bottom: 1rem;
		content: "";
		height: 0.1rem;
		position: absolute;
		transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
		opacity: 0;
		left: 0;
		top: 100%;
		margin-top: -0.1rem;
		transform: scale3d(0, 1, 1);
		width: 100%;
	}

.login_input:focus + .floating_label::after {
	transform: scale3d(1, 1, 1);
	opacity: 1;
}

.no_bg {
	background: #f8d6d6;
}


/* Fixed sidenav, full height */
.sidenav {
	height: 100%;
	width: 200px;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #111;
	overflow-x: hidden;
	padding-top: 20px;
}

	/* Style the sidenav links and the dropdown button */
	.sidenav a, .dropdown-btn {
		padding: 6px 8px 6px 16px;
		text-decoration: none;
		font-size: 20px;
		color: #FFFFFF;
		display: block;
		border: none;
		background: none;
		width: 100%;
		text-align: left;
		cursor: pointer;
		outline: none;
	}

		/* On mouse-over */
		.sidenav a:hover, .dropdown-btn:hover {
			color: #f1f1f1;
		}


/* Add an active class to the active dropdown button */
.active_menu {
	background-color: var(--jmc_Blue);
	color: white;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
	display: none;
	padding-left: 10px;
	background-color: #4E68A1;
	font-size: 2px;
	font-weight: normal;
}

	.dropdown-container a {
		font-size: 14px;
	}

.dropdown-container-sub {
	display: none;
	padding-left: 0px;
	background-color: #7A8EB8;
	font-size: 2px;
}

	.dropdown-container-sub a {
		font-size: 12px;
	}

.caret {
	width: 0;
	height: 0;
	display: inline-block;
	border: 6px solid transparent;
	padding-right: 2px;
}

	.caret.down {
		border-top-color: white;
	}

	.caret.right {
		border-left-color: white;
	}

.note-alerts-small {
	display: inline-block;
	width: 24px;
}

.actionIconsItem_Login {
	display: flex;
	width: 40px;
	height: 40px;
	justify-content: center;
	align-items: center;
}

	.actionIconsItem_Login img {
		display: flex;
		padding: 8px;
		justify-content: center;
		align-items: center;
		gap: 10px;
	}

	.actionIconsItem_Login:hover {
		border-radius: 100px 100px 100px 100px;
		cursor: pointer;
		background-color: var(--jmc-Light-Blue); /*:::*/
	}

	.actionIconsItem_Login:focus {
		border-radius: 100px 100px 100px 100px;
		cursor: pointer;
		background-color: var(--jmc_Blue); /*:::*/
	}

.ring-the-bell {
	animation: Shake_bell 0.5s linear infinite;
}

@keyframes Shake_bell {
	0% {
		transform: rotate(5deg);
	}

	25% {
		transform: rotate(-6deg);
	}

	50% {
		transform: rotate(5deg);
	}

	75% {
		transform: rotate(-6deg);
	}

	100% {
		transform: rotate(5deg);
	}
}


/* The container */
.container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 2px;
	margin-top: 2px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 5px;
}

	/* Hide the browser's default radio button */
	.container input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
	}

/* Create a custom radio button */
.checkmark {
	position: absolute;
	top: -2px;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eeeeee;
	border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
	background-color: #ff0000;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
	background-color: #0000ff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}




.ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
	color: var(--jmc_Blue);
	font-family: 'Roboto';
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 36px;
	text-align: center;
	text-transform: uppercase;
}

.ajax__tab_xp {
	padding: 0px;
}

.ajax__tab_tab {
	padding: 0px;
	display: inline-block;
	overflow: hidden;
}

#ctl00_ContentPlaceHolder_main_sd_tab_container1_header {
	height: 42px !important;
	background: rgba(34, 66, 137, 0.1);
	border-bottom: 2px var(--jmc_Blue) solid;
}

	#ctl00_ContentPlaceHolder_main_sd_tab_container1_header span {
		background: rgba(0, 0, 0, 0.0);
		display: inline-block;
		overflow: visible;
		padding-bottom: 10px;
		padding-right: 7px;
		padding-left: 7px;
	}

		#ctl00_ContentPlaceHolder_main_sd_tab_container1_header span:hover {
			background: #c4cee0;
			display: inline-block;
			overflow: visible;
		}

		#ctl00_ContentPlaceHolder_main_sd_tab_container1_header span:active {
			background: #c4cee0;
			display: inline-block;
			overflow: visible;
		}

#tab_panel_general {
	background: #c4cee0;
	display: inline-block;
	overflow: visible;
	border: 1px solid green;
}

div {
	border-style: none;
	border-color: red;
	border-width: thin;
}

td {
	border-style: none;
	border-color: blue;
	border-width: thin;
}


/* Start RadCombo */
.RadComboBox .rcbHovered .rcbInputCellLeft {
	background-position: 0 -44px;
	background: none !important;
}

.RadComboBox_Default {
	color: #333; /*???*/
	font-family: 'Roboto', sans-serif !important;
	font-size: 16px !important;
	line-height: 19px !important;
	background-image: url('./material_ui/radcombo.png');
	background-position: 0 -0px;
}

	.RadComboBox_Default .rcbFocused {
		background-position: 0 -0px !important;
	}

	.RadComboBox_Default .rcbHovered {
		background-position: 0 -0px !important;
	}


	.RadComboBox_Default .rcbInputCell, .RadComboBox_Default .rcbArrowCell {
		background-image: url('./material_ui/radcombo.png') !important;
	}

	.RadComboBox_Default .rcbInput {
		font-size: 12px;
		line-height: 16px;
	}

	.RadComboBox_Default .rcbHovered .rcbInput {
		color: #333;
	}

	.RadComboBox_Default .rcbFocused .rcbInput {
		color: #333;
	}

	.RadComboBox_Default .rcbReadOnly .rcbInput {
		color: #333;
	}

	.RadComboBox_Default .rcbHovered .rcbReadOnly .rcbInput {
		color: #000;
	}

	.RadComboBox_Default .rcbFocused .rcbReadOnly .rcbInput {
		color: #fff;
	}

.RadComboBoxDropDown_Default {
	border-color: #ccc !important;
	color: #333 !important; /*???*/
	background-color: #fff !important;
	font-family: 'Roboto', sans-serif !important;
	font-size: 16px !important;
	line-height: 19px !important;
}

.RadComboBox_Default .rcbInputCell .rcbEmptyMessage {
	font-style: normal !important;
	font-family: 'Roboto', sans-serif !important;
	font-size: 16px !important;
	line-height: 19px !important;
	color: var(--jmc-sys-light-on-surface-variant) !important;
	position: relative;
}

.RadComboBox input {
	text-indent: 8px;
}

.RadComboBox .rcbInput {
	margin: 0 !important;
	padding: 2px 0 1px !important;
	height: 30px !important;
	width: 100% !important;
	border-width: 0 !important;
	outline: 0 !important;
	color: inherit !important;
	background-color: transparent !important;
	font-family: 'Roboto', sans-serif !important;
	font-size: 16px !important;
	line-height: 19px !important;
	vertical-align: top !important;
	opacity: 1 !important;
}

.RadComboBoxDropDown_Default {
	border-color: #ccc !important;
	color: #333 !important; /*???*/
	background-color: #fff !important;
	font-family: 'Roboto', sans-serif !important;
	font-size: 16px !important;
	line-height: 19px !important;
}

.RadComboBox table {
	width: 100% !important;
	border-width: 0 !important;
	border-style: solid !important;
	border-collapse: collapse !important;
	vertical-align: top !important;
	background-image: url('./material_ui/radcombo.png') !important;
}

	.RadComboBox table .rcbHovered {
		background-image: url('./material_ui/radcombo.png') !important;
		background-position: 0 -0px !important;
	}

	.RadComboBox table td.rcbInputCell {
		padding: 0 0px 0 5px !important;
		border-width: 0 !important;
	}

.RadComboBox.RadComboBox_Default .rcbInputCell {
	background-image: url('./material_ui/radcombo.png') !important;
}

.rcbInputCell, .RadComboBox_Default .rcbArrowCell {
	background-image: url('./material_ui/radcombo.png') !important;
}

.RadComboBox .rcbArrowCellRight {
	background-position: -305px -176px !important;
}

.RadComboBox .rcbFocused .rcbArrowCellRight {
	background-position: -305px -176px !important;
}

RadComboBox RadComboBox_Default .rcbHovered {
	background-position: -305px -176px !important;
}

.RadComboBox .rcbHovered .rcbArrowCellRight {
	background-position: -305px -176px !important;
}

.RadComboBox .rcbArrowCell a {
	width: 30px !important;
	height: 30px !important;
	position: relative !important;
	outline: 0 !important;
	font-size: 0 !important;
	line-height: 1px !important;
	text-decoration: none !important;
	text-indent: 9999px !important;
	display: block !important;
	overflow: hidden !important;
	cursor: default !important;
	*zoom: 1 !important;
}

.RadComboBox .rcbArrowCell {
	width: 32px !important;
}

.RadComboBox table td.rcbArrowCell {
	padding: 0 !important;
	border-width: 0 !important;
}

.RadComboBoxDropDown_Default .rcbSeparator {
	color: #333 !important;
	background-color: #e6e6e6 !important;
}

.RadComboBoxDropDown_Default .rcbHovered {
	color: #000 !important;
	background-color: #c2c2c2 !important;
}

.RadComboBoxDropDown_Default .rcbSelected {
	color: #fff !important;
	background-color: #808080 !important;
}

.RadComboBoxDropDown_Default .rcbLoading {
	color: #000 !important;
	background-color: #c2c2c2 !important;
}

.RadComboBoxDropDown_Default .rcbItem em {
	color: #000 !important;
	background-color: #c2c2c2 !important;
}

.RadComboBoxDropDown_Default .rcbCheckAllItemsHovered {
	color: #000 !important;
	background-color: #c2c2c2 !important;
}
/* End RadCombo */

/* Tab Panel */
.tabContainer {
	border-radius: 0px;
	border: 1px solid #999999;
	padding: 30px;
	margin-left: 10px;
}

.RadTabStrip {
	margin-left: 10px;
}

	.RadTabStrip .rtsLevel1 {
		border-bottom: 2px var(--jmc_Blue) solid;
	}

		.RadTabStrip .rtsLevel1 .rtsLink {
			border-width: 0px !important;
			border-style: none !important;
		}

	.RadTabStrip .tab {
		background-color: rgba(34, 66, 137, 0.1);
		height: 42px;
		border-right: 0px solid #FFF;
		text-align: center;
		vertical-align: middle;
		padding-left: 10px;
		padding-right: 10px;
	}

		.RadTabStrip .tab.mainTab {
			border-top-left-radius: 0px;
		}

		.RadTabStrip .tab.selectedTab {
			background-color: rgba(34, 66, 137, 0.1);
		}

		.RadTabStrip .tab.hoveredTab {
			background-color: #c4cee0;
		}

			.RadTabStrip .tab.hoveredTab.selectedTab {
				background-color: #c4cee0;
			}


		.RadTabStrip .tab .rtsLink {
			border: none;
			padding: 12px 0 0 0;
		}

		.RadTabStrip .tab .rtsTxt {
			color: var(--jmc_Blue);
			font-family: 'Roboto';
			font-style: normal;
			font-weight: bold;
			font-size: 14px;
			text-transform: uppercase;
		}
/* End Tab Panel */

.RadMultiSelect_div-box {
	position: relative;
	padding-bottom: 16px !important;
	display: inline-grid;
	height: 82px;
}

	.RadMultiSelect_div-box .k-state-hover {
		background-color: var(--jmc_Input_BG_Field_Hover) !important;
	}

.RadMultiSelect {
	border-radius: 4px 4px 0px 0px !important;
	font-family: 'Roboto' !important;
	border-style: none !important;
	font-weight: var(--jmc-font-weight-regular) !important;
	font-size: 16px !important;
	line-height: 24px !important;
	white-space: nowrap !important;
	border-width: 0 !important;
	vertical-align: middle !important;
	position: relative !important;
	background-color: var(--jmc_Input_BG_Field) !important;
	height: 56px !important;
	max-height: 82px;
	cursor: auto;
}

.k-input {
	width: 100% !important;
}

.k-button span {
	font-family: 'Roboto' !important;
	border-style: none !important;
	font-weight: var(--jmc-font-weight-regular) !important;
	font-size: 16px !important;
	line-height: 24px !important;
	color: var(--jmc-sys-light-on-surface) !important;
}

.RadMultiSelect .k-reset, .RadMultiSelectDropDown .k-reset {
	background-color: white !important;
}

.RadMultiSelect_Default.k-state-hover > .k-multiselect-wrap {
	background-color: var(--jmc_Input_BG_Field_Hover) !important;
	border-bottom: 1px solid var(--jmc_Input_Bottom_Border) !important;
}

.RadMultiSelect_Default.k-state-hover > .RadMultiSelect_Floating_Label_valueSelected {
	background-color: var(--jmc_Input_BG_Field_Hover) !important;
}

.RadMultiSelect_Default.k-state-focused > .RadMultiSelect_Floating_Label_valueSelected {
	background-color: var(--jmc_Input_BG_Field) !important;
}


.RadMultiSelect_Default.k-state-focused > .k-multiselect-wrap {
	background-color: var(--jmc_Input_BG_Field) !important;
	border-bottom: 2px solid var(--jmc_Input_Bottom_Border_Focused) !important;
}

.RadMultiSelect_Floating_Label_valueSelected {
	color: var(--jmc-sys-light-on-surface-variant) !important;
	position: absolute;
	font-family: 'Roboto' !important;
	font-style: normal;
	font-weight: var(--jmc-font-weight-regular);
	font-size: 12px;
	line-height: 16px !important;
	background-color: var(--jmc_Input_BG_Field) !important;
	border-radius: 4px 4px 0px 0px;
	width: calc(100% - 32px);
	padding-left: 16px;
	padding-top: 8px;
}

.RadMultiSelect_Default.k-state-focused > .RadMultiSelect_Floating_Label {
	color: var(--jmc_Input_Label_Focused) !important;
	position: absolute;
	font-family: 'Roboto' !important;
	font-style: normal;
	font-weight: var(--jmc-font-weight-regular);
	font-size: 12px;
	line-height: 16px !important;
	top: 8px;
	left: 16px;
}

.RadMultiSelect_Floating_Label {
	position: absolute;
	top: 16px;
	left: 16px;
	font-family: 'Roboto' !important;
	font-size: 16px;
	pointer-events: none;
	transition: .5s;
	line-height: 24px !important;
	color: var(--jmc-sys-light-on-surface-variant) !important;
}

	.RadMultiSelect_Floating_Label.Floating_Label_error {
		color: var(--jmc_Input_Label_Error) !important;
	}

.RadMultiSelect_Default .k-multiselect-wrap li.k-button {
	border-style: none !important;
	color: var(--jmc-sys-light-on-surface) !important;
	background-color: transparent !important;
	background-image: none !important;
	top: 20px !important;
	font-family: 'Roboto' !important;
	border-style: none !important;
	font-weight: var(--jmc-font-weight-regular) !important;
	font-size: 16px !important;
	line-height: 24px !important;
	padding: 0 0 0 0 !important;
}

.RadMultiSelect_Default .k-multiselect-wrap {
	border-style: none !important;
	color: var(--jmc-sys-light-on-surface) !important;
	background-color: var(--jmc_Input_BG_Field) !important;
	font-weight: var(--jmc-font-weight-regular) !important;
	font-size: 16px !important;
	line-height: 24px !important;
	min-height: 41px;
	border-bottom: 1px solid var(--jmc_Input_Bottom_Border) !important;
	text-indent: 14px !important;
	padding-top: 16px !important;
	caret-color: transparent !important;
}

	.RadMultiSelect_Default .k-multiselect-wrap.multiselect_error {
		border-bottom: 2px solid var(--jmc_Input_Bottom_Border_Error) !important;
	}


.RadMultiSelect.k-state-hover > .k-multiselect-wrap .k-clear-value, .RadMultiSelect.k-state-focused > .k-multiselect-wrap .k-clear-value {
	display: none !important;
	position: sticky;
}

.RadMultiSelect.k-state-hover > .k-multiselect-wrap .k-clear-value, .RadMultiSelect.k-state-focused > .k-multiselect-wrap .k-clear-value {
	display: none !important;
	position: absolute !important;
}

.k-multiselect-wrap {
	max-height: 75px;
	overflow-y: auto;
}

.RadMultiSelect .k-multiselect-wrap {
	border-radius: 2px;
	padding: 0 0 0 0 !important;
	width: 100%;
	border-width: 1px;
	border-style: solid;
	box-sizing: border-box;
	position: relative;
	transition: all .1s ease;
	cursor: none;
	outline: 0;
}

	.RadMultiSelect .k-multiselect-wrap .k-button {
		border-radius: 2px !important;
		box-sizing: border-box !important;
		border-width: 1px !important;
		border-style: solid !important;
		min-height: calc(1.42857143em + 2px + 2px) !important;
		padding: 1px 4px !important;
		margin: 2px 0 0 2px !important;
		cursor: none !important;
		display: inline-flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: center !important;
		line-height: inherit !important;
		vertical-align: middle !important;
		white-space: normal !important;
		font-family: 'Roboto' !important;
		font-weight: var(--jmc-font-weight-regular) !important;
		font-size: 16px !important;
		line-height: 24px !important;
		text-align: center !important;
		text-decoration: none !important;
		user-select: none !important;
		outline: 0 !important;
		-webkit-appearance: none !important;
		position: relative !important;
	}

		.RadMultiSelect .k-multiselect-wrap .k-button .k-select {
			display: flex !important;
			cursor: pointer !important;
			margin-left: 8px !important;
			align-self: stretch !important;
			background-image: url('material_ui/close_12px.svg') !important;
			background-repeat: no-repeat !important;
			background-size: 12px;
			width: 12px !important;
			height: 12px !important;
			opacity: 1 !important;
			margin-top: 4px !important;
		}

			.RadMultiSelect .k-multiselect-wrap .k-button .k-select:hover {
				opacity: 1 !important;
			}

	.RadMultiSelect .k-multiselect-wrap .k-clear-value {
		height: 24px !important;
		width: 24px !important;
		right: 5px !important;
		z-index: 9999;
		background-image: url('material_ui/close.svg') !important;
		background-repeat: no-repeat !important;
		display: none !important;
	}

.RadMultiSelect.k-state-hover > .k-multiselect-wrap .k-clear-value {
	display: none !important;
}

.RadMultiSelect .k-multiselect-wrap:hover .k-clear-value {
	display: none !important;
}

.RadMultiSelect .k-multiselect-wrap .k-clear-value {
	display: none !important;
}

.RadMultiSelect .k-i-close:before, .RadMultiSelectDropDown .k-i-close:before {
	content: "" !important;
}

.k-i-close::before {
	content: "" !important;
}

.RadMultiSelect .k-multiselect-wrap .k-button .k-icon, .RadMultiSelect .k-multiselect-wrap .k-button .k-image, .RadMultiSelect .k-multiselect-wrap .k-button .k-sprite {
	color: inherit !important;
	align-self: center !important;
	position: relative !important;
	left: -15px !important;
}

.RadMultiSelect .k-multiselect-wrap .k-input {
	padding: 0px 0px !important;
	float: left !important;
	box-sizing: border-box !important;
	border: 0 !important;
	outline: 0 !important;
	color: inherit !important;
	background: 0 !important;
	font: inherit !important;
	flex: 0 1 auto !important;
	display: flex !important;
	align-items: center !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	text-indent: 14px !important;
	padding-top: 24px !important;
	padding-bottom: 2px !important;
	caret-color: #000 !important;
}

input[type="hidden" i] {
	appearance: none;
	background-color: initial;
	cursor: default;
	display: none !important;
	padding: initial;
	border: initial;
	caret-color: transparent !important;
}

.RadMultiSelectDropDown_Default .k-list .k-item:focus, .RadMultiSelectDropDown_Default .k-list .k-item.k-state-focused, .RadMultiSelectDropDown_Default .k-list-optionlabel:focus, .RadMultiSelectDropDown_Default .k-list-optionlabel.k-state-focused {
	box-shadow: none !important;
}

.RadMultiSelectDropDown .k-list-scroller {
	border-radius: 4px !important;
	box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30) !important;
}

.RadMultiSelectDropDown_Default .k-list .k-item:hover, .RadMultiSelectDropDown_Default .k-list .k-item {
	color: var(--jmc-sys-light-on-surface) !important;
	background-color: var(--jmc_White_Dialog) !important;
}

	.RadMultiSelectDropDown_Default .k-list .k-item:hover, .RadMultiSelectDropDown_Default .k-list .k-item.k-state-hover {
		color: var(--jmc-sys-light-on-surface) !important;
		background-color: var(--jmc_multiselect_item_hover) !important;
	}

	.RadMultiSelectDropDown_Default .k-list .k-item.k-state-selected, .RadMultiSelectDropDown_Default .k-list-optionlabel.k-state-selected {
		color: var(--jmc-sys-light-on-surface) !important;
		background-color: var(--jmc_Input_BG_Field) !important;
	}

.RadMultiSelectDropDown.k-list-container .k-nodata {
	min-height: 72px !important;
	width: 100% !important;
	align-items: center !important;
	justify-content: start !important;
	padding: 16px 0px 16px 16px !important;
	text-transform: none !important;
	flex-wrap: wrap !important;
}
/* Rad MultiSelect */
/* RadTextBox*/
.RadInputMgr {
	font: inherit;
}

.RadInput, .RadInputMgr {
	vertical-align: middle;
	width: 12em;
	line-height: 1.42857143;
	box-sizing: border-box;
}

.t-ie .RadInput, .t-ie .RadInputMgr {
	height: 33px;
	height: calc(1.42857143em + 10px);
}

	.t-ie .RadInput.RadInputMultiline, .t-ie textarea.RadInput_Multiline {
		height: auto;
	}

.RadInput {
	display: inline-block;
	white-space: nowrap;
	text-align: left;
	position: relative;
}

	.RadInput .riTextBox {
		height: inherit !important;
		width: 100% !important;
		font: inherit !important;
		color: inherit !important;
		background: none transparent !important;
		outline: 0 !important;
	}

	.RadInput .riTextBox, .RadInputMgr {
		background-color: var(--jmc_Input_BG_Field) !important;
		border-bottom: 1px solid #A7B3CF !important;
		color: #666666 !important;
		font-size: 16px !important;
		display: inline-block !important;
		border-style: none !important;
		/*		padding: 4px !important;*/
		vertical-align: middle !important;
	}

	.RadInput textarea {
		vertical-align: bottom;
		overflow: auto;
		resize: none;
		white-space: pre-wrap;
		margin: 0;
	}

	.RadInput.riResizable .riTextBox {
		min-width: 5.41667em;
		min-height: 3.33333em;
	}

	.RadInput .riResizeIcon {
		width: 7px;
		height: 7px;
		display: inline-block;
		vertical-align: bottom;
		margin-left: -7px;
	}

	.RadInput.riResizable .riTextBox {
		padding-right: 2px;
	}

	.RadInput .rfdRoundedContent {
		width: 100% !important;
	}

	.RadInput .rfdRoundedWrapper {
		table-layout: fixed;
	}

	.RadInput .riTextBox, .RadInputMgr {
		font-family: 'Roboto' !important;
		border-style: none !important;
		font-weight: var(--jmc-font-weight-regular) !important;
		font-size: 16px !important;
		line-height: 24px !important;
		background-color: var(--jmc_Input_BG_Field) !important;
		border-bottom: 1px solid var(--jmc_Input_Bottom_Border) !important;
		color: var(--jmc-sys-light-on-surface) !important;
		display: inline-block !important;
		border-radius: 4px 4px 0px 0px;
		height: 42px !important;
		text-indent: 14px !important;
		padding-top: 16px !important;
	}

.RadInput_Default.RadInputHovered .riTextBox, .RadInput_Default.RadInputHovered .riSelect, .RadInput_Default.RadInputHovered .rcSelect, .RadInput_Hover_Default {
	font-family: 'Roboto' !important;
	border-style: none !important;
	font-weight: var(--jmc-font-weight-regular) !important;
	font-size: 16px !important;
	line-height: 24px !important;
	background-color: var(--jmc_Input_BG_Field_Hover) !important;
	border-bottom: 1px solid var(--jmc_Input_Bottom_Border) !important;
	color: var(--jmc-sys-light-on-surface) !important;
	display: inline-block !important;
	border-radius: 4px 4px 0px 0px;
	height: 42px !important;
	text-indent: 14px !important;
	padding-top: 16px !important;
}

.RadInput_Default.RadInputFocused .riTextBox, .RadInput_Default.RadInputFocused .riSelect, .RadInput_Default.RadInputFocused .rcSelect, .RadInput_Focused_Default {
	font-family: 'Roboto' !important;
	border-style: none !important;
	font-weight: var(--jmc-font-weight-regular) !important;
	font-size: 16px !important;
	line-height: 24px !important;
	background-color: var(--jmc_Input_BG_Field_Hover) !important;
	border-bottom: 1px solid var(--jmc_Input_Bottom_Border_Focused) !important;
	color: var(--jmc_Input_Label_Focused) !important;
	display: inline-block !important;
	border-radius: 4px 4px 0px 0px;
	height: 42px !important;
	text-indent: 14px !important;
	padding-top: 16px !important;
}

.RadInput_Default .riEmpty, .RadInput_Empty_Default {
	font-family: 'Roboto' !important;
}

.riTextBox::placeholder {
	color: rgba(0, 0, 0, 0); /*???*/
	opacity: 0.0;
}

.RadInput.RadInput_Default.RadInputFocused .riTextBox {
	outline: none !important;
	border-bottom: 1px solid var(--jmc_Input_Bottom_Border_Focused) !important;
	font-family: 'Roboto' !important;
	border-style: none !important;
	font-weight: var(--jmc-font-weight-regular) !important;
	font-size: 16px !important;
	line-height: 24px !important;
	background-color: var(--jmc_Input_BG_Field) !important;
	border-bottom: 1px solid var(--jmc_Input_Bottom_Border_Focused) !important;
	color: var(--jmc-sys-light-on-surface) !important;
	display: inline-block !important;
	outline: none !important;
	border-bottom: 1px solid var(--jmc_Input_Bottom_Border_Focused) !important;
	border-radius: 4px 4px 0px 0px !important;
	height: 42px !important;
	text-indent: 14px !important;
	padding-top: 16px !important;
}

	.RadInput.RadInput_Default.RadInputFocused .riTextBox ~ .RadTextBox_Floating_Label {
		color: var(--jmc_Blue) !important;
	}

	.RadInput.RadInput_Default.RadInputFocused .riTextBox ~ .floating_label_box {
		font-family: 'Roboto' !important;
		font-style: normal;
		font-weight: var(--jmc-font-weight-regular);
		font-size: 10px;
		line-height: 12px !important;
		top: 4px;
		left: 16px;
		color: var(--jmc-sys-light-on-surface-variant) !important;
	}

	.RadInput.RadInput_Default.RadInputFocused .riTextBox ~ .floating_label_box {
		color: var(--jmc_Input_Label_Focused) !important;
	}

.RadInput.RadInput_Default .textboxerror ~ .floating_label_box {
	color: var(--jmc_Input_Label_Error) !important;
}


.RadTextBox_Floating_Label {
	position: absolute;
	font-family: 'Roboto' !important;
	font-style: normal;
	font-weight: var(--jmc-font-weight-regular);
	font-size: 10px;
	line-height: 12px !important;
	top: 4px;
	left: 16px;
	color: var(--jmc-sys-light-on-surface-variant) !important;
}

	.RadTextBox_Floating_Label.Floating_Label_error {
		color: var(--jmc_Input_Label_Error) !important;
	}

.RadInputDisabled a, .RadInputDisabled .riTextBox {
	opacity: .5;
}

.RadInputDisabled, .RadInputDisabled * {
	cursor: default;
}

.RadInput .riEmpty, .RadInput_Empty {
	font-style: normal;
}

.RadPicker .riTextBox {
	padding-right: 2.286em;
}

.RadPicker_Default .rcCalPopup {
	background-position: 0 0;
	display: none !important;
}

.RadDateTimePicker .riTextBox {
	padding-right: 4.572em;
}

textarea.RadInputMgr {
	overflow: auto;
}

.RadInput a {
	display: block;
	width: 1.42857143em;
	height: 100%;
	padding: 0 4px;
	text-align: center;
	vertical-align: bottom;
	background-clip: padding-box;
	background-repeat: no-repeat;
	border-left-width: 1px;
	border-left-style: solid;
}

	.RadInput a, .RadInput a:hover {
		text-decoration: none;
	}

		.RadInput a span {
			display: none;
		}

		.RadInput a .t-ripple-container, .RadInput a .t-ripple {
			display: inline-block;
		}

		.RadInput a:before {
			font: 16px/1 "WebComponentsIcons";
			vertical-align: middle;
		}

		.RadInput a:after {
			content: "";
			display: inline-block;
			height: 100%;
			width: 0;
			vertical-align: middle;
		}


.RadInput .riLabel, .RadInput .riTextBox, .RadInput .riContentWrapper {
	box-sizing: border-box;
	text-indent: 6px;
}

.RadInput .riLabel {
	float: left;
	padding: 5px 10px 5px 0;
	text-overflow: ellipsis;
	overflow: hidden;
}

.RadInput .riSelect {
	position: absolute;
	right: 1px;
	top: 1px;
	bottom: 1px;
}

.RadInput .riButton {
	vertical-align: top;
}

	.RadInput .riButton:before {
		content: "\e018";
	}

.RadInput .riUp, .RadInput .riDown {
	height: 50%;
}

.RadInput .riUp {
	vertical-align: top;
}

	.RadInput .riUp:before {
		content: "\e004";
		vertical-align: top;
	}

.RadInput .riDown:before {
	content: "\e006";
	vertical-align: top;
}

.RadInput .riContentWrapper {
	display: block;
	vertical-align: middle;
	overflow: hidden;
	height: inherit;
}

.RadInputError:after {
	font: 16px/1 "WebComponentsIcons";
	content: "\e403";
	position: absolute;
	top: 0;
	right: 5px;
	margin-top: .5em;
}

.RadPicker .RadInputError:after, .RadInputError.riContButton:after, .RadInputError.riContSpinButtons:after {
	right: 34px;
}

.RadDateTimePicker .RadInputError:after, .RadInputError.riContButton.riContSpinButtons:after {
	right: 63px;
}

.riContButton a {
	display: inline-block;
}

.riContButton .riDown {
	margin-left: -29px;
	margin-left: calc(-9px - 1.42857em);
}

.riContButton.RadInput .riTextBox, .riContButton .RadInputMgr {
	padding-right: calc(1.42857em + 14px);
}

.riPassIndicator {
	padding-right: 7.5em;
	overflow: hidden;
}

	.riPassIndicator .riContentWrapper {
		display: inline-block;
	}

	.riPassIndicator.riContButton .riContentWrapper {
		position: relative;
		padding-right: 2em;
	}

.riStrengthBar {
	background: linear-gradient(to left,#6c3,#f4cc33 50%,#f33) repeat-y;
	background-size: 1500px auto;
	display: inline-block;
	width: 7.143em;
	height: 1.429em;
	margin-left: .357em;
	color: #000;
	text-align: center;
	vertical-align: middle;
}

.riStrengthBarL0 {
	background: 0;
}

.riStrengthBarL1 {
	background-color: #ff3933;
	background-position: 0 0;
	color: #620000;
}

.riStrengthBarL2 {
	background-color: #ff7833;
	background-position: -300px 0;
	color: #922b00;
}

.riStrengthBarL3 {
	background-color: #ffbe33;
	background-position: -600px 0;
	color: #9e5900;
}

.riStrengthBarL4 {
	background-color: #dc3;
	background-position: -900px 0;
	color: #696400;
}

.riStrengthBarL5 {
	background-color: #6bcc33;
	background-position: 100% 0;
	color: #236800;
}

.RadForm.rfdTextbox input.rfdDecorated.RadInputMgr {
	width: auto;
}

.RadInputRTL {
	text-align: right;
}

	.RadInputRTL.riResizable .riTextBox {
		padding-right: 5px;
		padding-left: 2px;
	}

	.RadInputRTL.riContButton .riResizeIcon {
		margin-left: 0;
		margin-right: -27px;
	}

	.RadInputRTL .riResizeIcon {
		margin-left: 0;
		margin-right: -7px;
	}

	.RadInputRTL .riLabel {
		padding: 5px 0 5px 10px;
		float: right;
	}

/*End RadTextBox*/

/* RadGrid */
.RadGrid_Default {
	color: #333;
	background-color: #fff;
}

div.RadGrid_Default .rgHeader, div.RadGrid_Default th.rgResizeCol {
	background-image: none;
	background-color: var(--jmc_Input_BG_Field);
}

.rgHeaderWrapper .rgHeaderDiv {
	margin-bottom: -1px;
	border-right: none !important;
}

div.RadGrid_Default {
	border-color: #ccc;
	color: #333; /*???*/
	background-color: #fff;
	font-family: 'Roboto' !important;
	font-size: 12px;
	line-height: 16px;
}

.RadGrid {
	border-width: 0px;
	border-style: none !important;
	line-height: 1.42857143;
	min-width: fit-content;
}

	.RadGrid table {
		border-collapse: collapse;
		width: 100%;
	}

	.RadGrid th {
		background-color: #eee;
		font-weight: bold;
	}

	.RadGrid th,
	.RadGrid td {
		border: 0.125em solid #333;
		line-height: 1.5;
		padding: 0.75em;
		text-align: left;
	}


html body .RadGrid .rgRow,
html body .RadGrid .rgAltRow,
html body .RadGrid .rgEditRow,
html body .RadGrid .rgFooter,
html body .RadGrid .rgGroupHeader {
	height: auto;
}

/* Stack rows vertically on small screens */
@media (max-width: 30em) {
	/* Hide column labels */
	.RadGrid thead tr {
		position: absolute;
		top: -9999em;
		left: -9999em;
	}

	.RadGrid tr {
		border: 0.125em solid #333;
	}
		/* Leave a space between table rows and rows and pager */
		.RadGrid tr + tr,
		.RadGrid .rgPager {
			margin-top: 0.5em;
		}

	/* Get table cells to act like rows */
	.RadGrid tr,
	.RadGrid td {
		display: block;
	}

	.RadGrid td {
		border: none;
		border-bottom: 0.125em solid #333;
		/* Leave a space for data labels */
		padding-left: 50%;
	}
		/* Add data labels */
		.RadGrid td:before {
			content: attr(data-label);
			display: inline-block;
			font-weight: bold;
			line-height: 1.5;
			margin-left: 0;
			width: fit-content;
		}
	/* Show only the current page number*/
	.RadGrid .rgWrap.rgNumPart a:not(.rgCurrentPage) {
		display: none;
	}

	.RadGrid .rgWrap.rgAdvPart {
		margin-top: 10px;
	}
}
/* Stack labels vertically on smaller screens */
@media (max-width: 20em) {
	.RadGrid td {
		padding-left: 0.75em;
	}

		.RadGrid td:before {
			display: block;
			margin-bottom: 0.75em;
			margin-left: 0;
		}
}


div.RadGrid_Default .rgHeader {
	font-size: 14px;
}

div.RadGrid_Default .rgMasterTable {
	font-family: 'Roboto' !important;
	font-size: 12px;
	line-height: 16px;
}

div.RadGrid_Default .rgCommandRow {
	background: #cdcdcd;
	height: 20px;
	margin: 0;
	-webkit-box-shadow: 0 4px 6px -6px #222;
	-moz-box-shadow: 0 4px 6px -6px #222;
	box-shadow: 0 4px 6px -6px #222;
	color: Transparent !important;
}

	div.RadGrid_Default .rgCommandRow table {
		font-family: 'Roboto' !important;
		font-size: 12px;
		line-height: 16px;
	}

	div.RadGrid_Default .rgCommandRow td {
	}

		div.RadGrid_Default .rgCommandRow td td {
		}

			div.RadGrid_Default .rgCommandRow td td input {
				position: relative;
				right: -90%;
			}

	div.RadGrid_Default .rgCommandRow a {
		color: #000;
		text-decoration: none;
	}

div.RadGrid-container {
	border: solid;
	border-width: 1px;
	padding: 0;
}

.gridHeader {
	position: relative;
}

	.gridHeader > div {
		background: #F9FAFB;
		height: 80px;
		margin: 0;
		-webkit-box-shadow: 0 4px 6px -6px #222;
		-moz-box-shadow: 0 4px 6px -6px #222;
		box-shadow: 0 4px 6px -6px #222;
	}

	.gridHeader .AddRow_Button {
		height: 36px;
		width: 121px;
		padding: 0;
		position: absolute;
		right: 102px;
		top: 22px;
	}

	.gridHeader .grid_title {
		margin: 0;
		padding: 0;
		list-style: none;
		font-style: normal;
		font-weight: bold;
		font-size: 20px;
		line-height: 24px;
		position: absolute;
		left: 146px;
		top: 28px;
		text-align: center;
	}
/*End RadGrid*/

/* Start RadWindow */
.RadWindow {
	height: auto;
}


.RadWindow_Default {
	font-family: 'Roboto' !important;
	font-size: 16px !important;
	line-height: 19px;
	border-radius: 45px;
}

.RadWindow table.rwTable, .RadWindow table.rwShadow, .RadWindow .rwTitlebarControls {
	border: 0;
	padding: 0;
}

.RadWindow .rwContentRow {
	height: auto;
	overflow: visible; /* Ensure content is fully visible */
}

.Rad_Window_MainContent {
	margin: 24px;
	cursor: default;
}

.Rad_Window_MainContent_Search {
	margin: 0px 14px 0px 24px;
	cursor: default;
	height: 100%;
	max-height: 550px;
}


.Rad_Window_MainContent_Settings {
	margin-top: 24px;
	margin-left: 23px;
	margin-right: 23px;
	cursor: default;
}

.myDistrictRow {
	display: flex;
	align-content: center;
	flex-wrap: wrap;
	margin-left: 6px;
	width: 216px;
}

.RadWindow .rwWindowContent {
	height: 100% !important;
	border-radius: 28px !important;
	background-color: #fff !important;
	box-shadow: none !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.RadWindow .rwTitleRow, .RadWindow .rwTitleRow * {
	display: none !important;
}

.RadWindow_Default .rwShadow .rwBodyLeft, .RadWindow_Default .rwShadow .rwBodyRight, .RadWindow_Default .rwShadow .rwStatusbarRow .rwBodyLeft, .RadWindow_Default .rwShadow .rwStatusbarRow .rwBodyRight {
	display: none !important;
}

.RadWindow_Default .rwFooterRow {
	display: none !important;
}

.RadWindow_Default .rwStatusbar {
	display: none !important;
}

.RadWindow_Default .rwBodyLeft, .RadWindow_Default .rwBodyRight, .RadWindow_Default .rwStatusbarRow .rwCorner {
	display: none !important;
}

.Rad_Window_Icon_container {
	display: flex;
	align-content: center;
	justify-content: center;
}

.Rad_Window_Icon_Email_With_Arrow {
	background-image: url('material_ui/dialog_congrats_icon_40px.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
}

.Rad_Window_Icon_Delete_User {
	background-image: url('material_ui/dialog_delete_contact_icon_40px.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
}

.Rad_Window_Icon_Trash_Can {
	background-image: url('material_ui/dialog_delete_icon_40px.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
}

.Rad_Window_Icon_Delete_Message {
	background-image: url('material_ui/dialog_delete_icon_40px.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
}

.Rad_Window_Icon_Delete_Account {
	background-image: url('material_ui/dialog_delete_icon_40px.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
}

.Rad_Window_Icon_Stop_Sending_Message {
	background-image: url('material_ui/dialog_message_delete_icon_40px.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
}

.Rad_Window_Icon_Export {
	background-image: url('material_ui/dialog_export_icon_40px.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
}

.Rad_Window_Icon_Import {
	background-image: url('material_ui/dialog_import_icon_40px.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
}

.Rad_Window_Icon_Print {
	background-image: url('material_ui/dialog_print_icon_40px.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
}

.Rad_Window_Icon_sad_face {
	background-image: url('material_ui/dialog_sadface_icon_40px.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
}

.Rad_Window_Icon_celebration {
	background-image: url('material_ui/dialog_celebration_icon_40px.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
}

.Rad_Window_Icon_mail {
	background-image: url('material_ui/dialog_mail_icon_40px.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
}

.Rad_Window_Icon_phone_iphone_icon {
	background-image: url('material_ui/dialog_phone_iphone_icon_40px.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
}

.Rad_Window_Icon_highfive {
	background-image: url('material_ui/color_hand_gesture.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
}

.Rad_Window_Icon_add_photo {
	background-image: url('material_ui/dialog_add_photo_icon_40px.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
}

.Rad_Window_Icon_add_shortcut {
	background-image: url('material_ui/dialog_add_link_icon_40px.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
}

.Rad_Window_Icon_edit_shortcut {
	background-image: url('material_ui/dialog_edit_link_icon_40px.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
}

.Rad_Window_Icon_add_link {
	background-image: url('material_ui/dialog_add_link_icon_40px.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
}

.Rad_Window_Icon_chatbubble {
	background-image: url('material_ui/color_chat_bubble.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
}

.Rad_Window_Icon_View_Message {
	background-image: url('material_ui/dialog_congrats_icon_40px.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
}

.Rad_Window_Icon_Camera {
	background-image: url('material_ui/dialog_photo_camera_icon_40px.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
}

.Rad_Window_Title_container {
	position: relative;
	padding-top: 0px;
	text-align: center;
	/*white-space: nowrap;*/
	margin: 16px 0px;
}

.Rad_Window_Body_container {
	position: relative !important;
}

.Rad_Window_Body_container_auto_height {
	position: relative !important;
	height: auto;
	max-height: 200px;
	overflow-y: auto;
}

.Rad_Window_Uploader_Body_container {
}

.Rad_Window_btn_container {
	justify-content: flex-end;
	display: flex;
	margin-right: 24px;
	margin-bottom: 24px;
	gap: 8px;
}

.RadWindow_Default a.rwIcon {
	background-image: none !important;
}

.RadWindow_Default .rwIcon, .RadWindow_Default table .rwStatusbar, .RadWindow_Default table .rwStatusbar .rwLoading {
	background-color: white !important;
	background-image: none !important;
}


.TelerikModalOverlay {
	background-color: rgba(0,0,0) !important;
	opacity: 0.5 !important;
	z-index: 8999;
}
/* End RadWindow */

/* Start RadListbox */
.RadListBox_Default {
	font-family: 'Roboto' !important;
	font-size: 19px !important;
	line-height: 16px;
	font-style: normal;
	font-weight: var(--jmc-font-weight-regular);
}

.RadListBox .rlbGroup {
	border-width: 1px;
	border-style: solid;
	outline: 0;
}

.RadListBox .rlbText {
	font-family: 'Roboto' !important;
}

.RadListBox .rlbList {
	margin: 0;
	padding: 0;
	height: 100%;
	list-style: none;
	position: relative;
	*zoom: 1;
}

.RadListBox_Default .rlbItem.rlbHovered {
	color: black !important;
	background-color: #B6CBEB !important;
}

.RadListBox .rlbActive {
	color: black !important;
}

.RadListBox .rlbItem {
	color: black !important;
	cursor: default;
	padding: 2px 5px;
	white-space: nowrap;
}

.RadListBox_Default .rlbGroup, .RadListBox_Default .rlbTemplateContainer {
	border-color: #ccc;
	color: #333;
	background-color: #fff;
}

.RadListBox .rlbItem:nth-child(odd) {
	color: black !important;
	cursor: default;
	padding: 2px 5px;
	white-space: nowrap;
	background-color: #F8F8F8 !important;
}

.RadListBox .rlbItem.rlbHovered:nth-child(odd) {
	color: black !important;
	cursor: default;
	padding: 2px 5px;
	white-space: nowrap;
	background-color: #B6CBEB !important;
}

.RadListBox_Default .rlbItem.rlbSelected {
	color: black !important;
	background-color: #B6CBEB !important;
}
/* End RadListbox */
/* Start Scroll Bar */
/*::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}*/

/* Track */
/*::-webkit-scrollbar-track {
	background: #f1f1f1;
}*/

/* Handle */
/*::-webkit-scrollbar-thumb {
	background: #888;
}*/

/* Handle on hover */
/*	::-webkit-scrollbar-thumb:hover {
		background: #555;
	}*/
/* End Scroll Bar */

/* Start Progress Bar */

div.RadProgressBar .rpbStateSelected,
div.RadProgressBar .rpbStateSelected:hover,
div.RadProgressBar .rpbStateSelected:link,
div.RadProgressBar .rpbStateSelected:visited {
	background-color: var(--jmc_Yellow);
	color: #fff;
	background-image: none,linear-gradient(to top,rgba(255,255,255,0.5),rgba(255,255,255,0));
}


/* End Progress Bar */

/*Start RadUpload */
.RadUpload_Default {
	font-family: 'Roboto' !important;
}

.RadUpload .ruInputs {
	font-family: 'Roboto' !important;
}

.RadUpload_Default, .RadUpload_Default a, .RadUpload_Default input { /* font:normal 11px/10px "Segoe UI",Arial,sans-serif; */
	font-family: 'Roboto' !important;
	font-style: normal !important;
	font-weight: bold !important;
	font-size: 14px !important;
	line-height: 16px !important;
}

.RadUpload .ruFileWrap {
	position: relative;
	display: inline-block;
	white-space: nowrap;
	vertical-align: top;
	line-height: 20px;
	zoom: 1;
	overflow: hidden !important;
	height: 36px !important;
	font-family: 'Roboto' !important;
}

div .RadUpload .ruBrowse, div.RadUpload .ruBrowse .ruButtonHover {
	background-image: none !important;
	background-position: 0 !important;
	height: 36px !important;
	background-color: var(--jmc_Yellow);
	border-radius: 4px !important;
	font-family: 'Roboto' !important;
	font-style: normal !important;
	font-weight: bold !important;
	font-size: 14px !important;
	line-height: 16px !important;
	text-align: center !important;
	width: auto;
	padding-right: 40px !important;
	padding-left: 40px !important;
	border: 1px solid transparent !important;
	text-transform: uppercase !important;
}

div .RadUpload_Default .ruInputs .ruButtonHover {
	background-color: #fEdd8B !important;
}

/*End RandUpload*/

.no-scroll {
	overflow: hidden;
}

.modal-background {
	/* modal background fixed across whole screen */
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/* semi-transparent black  */
	background-color: var(--jmc-sys-light-scrim) !important;
	/* z-index must be below .modal and above everything else  */
	backdrop-filter: blur(2px);
	z-index: 900;
	cursor: default;
}

.RadToolTip_height_override {
	height: auto !important;
}

.RadToolTip_Default {
	border-color: #ccc !important;
	color: #333 !important;
	background-color: var(--jmc_White_Dialog) !important;
}

.RadToolTip.Mini_ToolTip {
	position: absolute !important;
	word-wrap: break-word !important;
	border-width: 1px !important;
	border-style: solid !important;
	cursor: default !important;
	font-family: 'Roboto';
	font-style: normal !important;
	font-weight: var(--jmc-font-weight-regular) !important;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	box-sizing: border-box !important;
}

.RadToolTip_Default.Mini_ToolTip {
	border-color: var(--jmc-sys-dark-surface) !important;
	color: #333 !important;
	background-color: var(--jmc-sys-dark-surface) !important;
}

.RadToolTip.Mini_ToolTip.rtRoundedCorner {
	border-radius: 4px !important;
}

	.RadToolTip.Mini_ToolTip.rtRoundedCorner .rtTitleBar {
		border-radius: 4px !important;
	}

.RadToolTip.Mini_ToolTip.rtVisibleCallout .rtCallout {
	display: none;
}

.RadToolTip.Mini_ToolTip .rtClose {
	width: 1.28571429em;
	position: relative;
	top: 0px;
	left: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	border-radius: 45px;
	display: block;
	text-indent: -9999px;
	background-color: transparent;
	font-size: inherit;
}

.RadToolTip.Mini_ToolTip .rtCloseIcon:before {
	color: #FFF;
	background-color: var(--jmc-sys-dark-surface);
}

.RadToolTip.Mini_ToolTip .rtCloseIcon:after {
	color: #FFF;
	background-color: var(--jmc-sys-dark-surface);
}

.RadToolTip_Default.Mini_ToolTip .rtClose {
	/* border-color: darkgray; */
	/* color: #000; */
	/* background-color: #c2c2c2; */
	/* background-image: linear-gradient(gainsboro,#c2c2c2); */
	display: contents;
}

.RadToolTip.Mini_ToolTip.rtRoundedCorner .rtContent {
	border-radius: 0.35714286em;
	top: -5px; /*tried -19*/
	position: relative;
}

.TenPixelMarginLeft {
	margin-left: 10px !important;
}

.RadToolTip.Mini_ToolTip.noCloseIcon.rtRoundedCorner .rtContent {
	border-radius: 0.35714286em;
	top: 0px;
	position: relative;
}

.RadToolTip.Mini_ToolTip .rtCloseIcon {
	/*display: inline;
	position: relative;
	left: 270px;
	top: 10px;*/
}

	.RadToolTip.Mini_ToolTip .rtCloseIcon:before {
		display: inline;
		text-indent: 0;
		vertical-align: middle;
		line-height: 1;
		text-align: center;
		content: "\e11b";
		font-family: "WebComponentsIcons";
		font-size: 11px;
		margin: 0px;
		margin: 0 0 0 -0.03571429em \9;
	}

.RadToolTip_Default.Mini_ToolTip .rtClose:hover {
	/* border-color: darkgray; */
	/* color: #000; */
	/* background-color: #c2c2c2; */
	/* background-image: linear-gradient(gainsboro,#c2c2c2); */
	display: contents;
}

.mini_tooltip_div-box {
	position: absolute !important;
	z-index: 9999;
}

.mini_ToolTip_Text {
	padding: 3px 3px 3px 3px;
}

	.mini_ToolTip_Text span {
		display: table;
		margin: 0 auto;
	}

.RadToolTip {
	position: absolute !important;
	word-wrap: break-word !important;
	border-width: 1px !important;
	border-style: solid !important;
	cursor: default !important;
	font-family: 'Roboto', sans-serif !important;
	line-height: 19px !important;
	padding-left: 0px !important;
	font-size: 14px !important;
	box-sizing: border-box !important;
	overflow: hidden;
}

	.RadToolTip .rtRelativeWrapper {
		box-sizing: border-box !important;
		position: relative !important;
		height: 100% !important;
		padding: 0px !important;
	}

	.RadToolTip .rtTitleBar .rtTitleWrapper {
		margin: 0 !important;
		padding: 0px !important;
		font-family: 'Roboto', sans-serif !important;
		font-size: 16px !important;
		line-height: 19px !important;
		font-weight: bold !important;
		display: inline-block !important;
		width: 100% !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
		word-wrap: normal !important;
		overflow: hidden !important;
		border: 0 !important;
		background: var(--jmc_White_Dialog) !important;
		height: 60px !important;
		top: 20px;
		border-top-left-radius: 28px;
		border-top-right-radius: 28px;
	}

	.RadToolTip.rtRoundedCorner {
		border-radius: 28px !important;
	}

		.RadToolTip.rtRoundedCorner .rtTitleBar {
			border-radius: 28px !important;
		}

	.RadToolTip.rtVisibleCallout .rtCallout {
		display: none !important;
	}

	.RadToolTip.rtShadow {
		box-shadow: none !important;
	}

	.RadToolTip .rtTitleBar {
		position: relative !important;
		background: var(--jmc_White_Dialog) !important;
	}

	.RadToolTip .rtTitleWrapper .rtTitle {
		font-family: 'Roboto Slab' !important;
		font-style: normal !important;
		font-weight: var(--jmc-font-weight-bold) !important;
		font-size: 24px !important;
		line-height: 32px !important;
		color: var(--jmc_Blue) !important;
		position: relative;
		top: 24px;
		left: 24px;
	}

	.RadToolTip.rtRoundedCorner .rtTitleBar + .rtContent {
		border-radius: 28px !important;
		padding: 10px !important;
		background: var(--jmc_White_Dialog) !important;
		padding-left: 24px !important;
		padding-right: 24px !important;
		padding-bottom: 24px !important;
	}

#RadToolTipWrapper_ctl00_rtt_alert .rtContent {
	padding-bottom: 22px !important; /*specific to notifications padding on bottom*/
}

.notification-message {
	position: relative;
	padding-bottom: 24px;
	/*width: 232px;*/
}

.notification-grid {
	grid-template-columns: 40px auto;
	display: grid;
	padding: 0px;
}

.settings-grid-item {
	text-align: left;
	display: flex;
	align-items: center;
}

.notification-grid-item {
	text-align: left;
}

.notification-grid-image {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0px;
	width: 34px;
	height: 34px;
	border-radius: 100px;
	flex: none;
	order: 0;
	flex-grow: 0;
	position: relative;
	background-color: var(--jmc-icon-button-glow);
}

.setting-grid-image {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0px;
	width: 40px;
	height: 40px;
	border-radius: 100px;
	flex: none;
	order: 0;
	flex-grow: 0;
	position: relative;
	background-color: var(--jmc-icon-button-glow);
}



.notification-grid-image-vertical {
	margin: 0;
}

.notification-grid-image-vertical-top {
	margin: 0;
	position: relative;
	top: 0px;
}

.notification-Title-Text {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-font-weight-medium);
	font-size: 16px;
	line-height: 24px;
	display: flex;
	align-items: center;
	color: var(--jmc-sys-light-on-surface);
}

.notification-Message-Text {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-font-weight-regular);
	font-size: 14px;
	line-height: 20px;
	color: var(--jmc-sys-light-on-surface-variant);
}

table {
	display: table;
	border-collapse: separate;
	box-sizing: border-box;
	text-indent: initial;
	border-spacing: 0px;
	border-color: grey;
}
/* Internet Strength */
.signal-strength {
	margin: 0px;
	border-radius: 4px;
}

	.signal-strength:hover span {
		animation-name: signal-intro;
		animation-play-state: running;
	}

.icon_signal_strength {
	display: inline-flex;
	align-items: flex-end;
	justify-content: flex-end;
	width: auto;
	height: 15px;
	padding: 0px;
}

	.icon_signal_strength span {
		display: inline-block;
		width: 6px;
		margin-left: 2px;
		transform-origin: 100% 100%;
		background-color: #6DBE4B;
		border-radius: 2px;
		animation-iteration-count: 1;
		animation-timing-function: cubic-bezier(0.17, 0.67, 0.42, 1.3);
		animation-fill-mode: both;
		animation-play-state: paused;
	}

	.icon_signal_strength .bar-1 {
		height: 25%;
		animation-duration: 0.3s;
		animation-delay: 0.1s;
	}

	.icon_signal_strength .bar-2 {
		height: 50%;
		animation-duration: 0.25s;
		animation-delay: 0.2s;
	}

	.icon_signal_strength .bar-3 {
		height: 75%;
		animation-duration: 0.2s;
		animation-delay: 0.3s;
	}

	.icon_signal_strength .bar-4 {
		height: 100%;
		animation-duration: 0.15s;
		animation-delay: 0.4s;
	}

.signal-0 .bar-1,
.signal-0 .bar-2,
.signal-0 .bar-3,
.signal-0 .bar-4 {
	opacity: 0.2;
}

.signal-1 .bar-2,
.signal-1 .bar-3,
.signal-1 .bar-4 {
	opacity: 0.2;
}

.signal-2 .bar-3,
.signal-2 .bar-4 {
	opacity: 0.2;
}

.signal-3 .bar-4 {
	opacity: 0.2;
}

@keyframes signal-intro {
	from {
		opacity: 0.2;
		height: 2px;
	}
}

/* MasterPage Layout */

.header {
	position: sticky;
	top: 0;
	min-width: calc(100vmax);
	display: flex;
	max-height: max-content;
	z-index: 10;
	margin-left: auto;
	margin-top: auto;
	align-content: center;
	text-align: center;
	margin: 0px;
	height: 100px;
	border-bottom: 1px solid #B6CBEB;
	background-color: white;
}

	.header div {
		display: inline-block;
		text-align: center;
		vertical-align: top;
		vertical-align: middle;
		padding-top: 0px;
	}

.footerMain {
	position: sticky;
	bottom: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 29px;
	margin-left: auto;
	margin-top: auto;
	color: white;
	align-content: center;
	text-align: center;
	margin: 0px;
	min-width: calc(100vmax);
}

	.footerMain div {
		background-color: var(--jmc_Blue);
		display: inline-block;
		text-align: center;
		vertical-align: top;
		vertical-align: middle;
		padding-top: 10px;
		height: 72px;
	}

	.footerMain a {
		color: white;
	}

.MainContainer {
	display: grid;
	grid-template-columns: 40px 5fr 40px;
	grid-gap: 0px 0px;
	grid-template-areas: "side1 main side2";
}

.sidebar-1 {
	grid-area: side1;
	background-color: var(--jmc_Blue);
}

.content {
	grid-column: 2;
}

.sidebar-2 {
	grid-area: side2;
	background-color: #F4F6F9;
	border-right: solid 4px var(--jmc_Blue);
}

.master {
	overflow: auto;
	font-family: 'Roboto' !important;
	font-size: 16px;
	line-height: 19px;
	margin-left: auto;
	color: black; /*???*/
	text-align: center;
	display: inline-block;
	vertical-align: top;
	background-color: white;
	height: calc(100% - 120px);
}

.mastermenu {
	position: relative;
	top: 0;
	display: table;
	text-align: center;
	padding-top: 0px;
	padding-left: 10px;
	padding-bottom: 10px;
	height: auto;
	width: 16%;
	background-color: var(--jmc_Blue);
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: auto;
}

.bodyMenu {
	vertical-align: top;
	color: #ffffff;
	text-align: center;
	background-color: var(--jmc_Blue);
	padding: 0;
	padding-top: 4px;
	display: none;
	overflow: visible;
	position: fixed;
}

	.bodyMenu .openbtn {
		top: 0;
		right: 0px;
		cursor: pointer;
		border: none;
		background-color: var(--jmc_Blue);
		color: #FFFFFF;
	}

.sidebarmenu {
	position: fixed;
	/*top: 121px;*/
	left: 0px;
	background-color: var(--jmc_Blue);
	overflow-x: hidden;
	padding-top: 60px;
	padding: 0px;
	font-family: 'Roboto', sans-serif;
	display: block;
	width: 300px;
	/* Menu Nav */
	font-family: 'Roboto';
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	color: #FFFFFF;
	height: calc(100% - 120px);
	overflow: hidden;
	z-index: 999;
}


	.sidebarmenu a, .dropdown-btn {
		padding: 8px 8px 8px 32px;
		text-decoration: none;
		color: #FFFFFF;
		display: block;
		text-align: left;
		cursor: pointer;
		outline: none;
		/* Menu Nav */
		font-family: 'Roboto';
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 16px;
		color: #FFFFFF;
	}

		.sidebarmenu a:hover, .dropdown-btn:hover {
			color: #333333;
			background-color: var(--jmc_Yellow);
		}

.sidebar {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 19px;
	display: inline-block;
	top: 20px;
	text-align: left;
	vertical-align: top;
	background-color: #F4F6F9; /*???*/
	max-height: calc(100% - 180px);
}

	.sidebar a {
		font-family: 'Roboto';
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 19px;
		text-decoration-line: underline;
		color: #000000; /*???*/
	}

.sidebarmenuside {
	position: fixed;
	/*top: 121px;*/
	right: 10px;
	background-color: #F4F6F9;
	padding-top: 0px;
	padding: 2px;
	padding-top: 46px;
	font-family: 'Roboto', sans-serif;
	display: block;
	padding-left: 30px;
	width: 300px;
	height: calc(100% - 170px);
	z-index: 999;
}

	.sidebarmenuside a:hover {
		color: #333333;
	}


.defaultSide {
	vertical-align: top;
	color: #ffffff;
	text-align: center;
	padding: 0;
	padding-top: 4px;
	display: none;
	overflow: visible;
	background-color: #F4F6F9;
	padding-bottom: 4px;
	position: fixed;
}

	.defaultSide .openbtn {
		top: 0;
		right: 0px;
		cursor: pointer;
		border: none;
		background-color: #F4F6F9;
		color: #ff0000;
	}

.openbtn:hover {
	background-color: #2f4f8f;
}

.sidebarmenu .closebtn {
	position: absolute;
	top: 0;
	right: 0px;
	padding: 6px 7px 7px 7px;
}

.sidebarmenuside .closebtnside {
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 20px;
	padding: 8px 8px 8px 8px;
	color: #000000;
	background-color: #F4F6F9;
}

.qlside {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	color: var(--jmc_Blue);
}

/* Reactive Tables display them vertically if the screen width is less than 600px*/


@media screen and (max-width: 600px) {
	table.reactiveTable {
		border: 0;
	}

		table.reactiveTable caption {
			font-size: 1.3em;
		}

		table.reactiveTable thead {
			border: none;
			clip: rect(0 0 0 0);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			width: 0px;
		}

		table.reactiveTable tr {
			display: block;
			margin-bottom: .625em;
		}

		table.reactiveTable td {
			display: block;
			font-size: .8em;
		}

			table.reactiveTable td::before {
				content: attr(data-label);
				float: left;
				font-weight: bold;
				text-transform: uppercase;
			}

	table.reactive td:last-child {
		border-bottom: 0;
		padding-top: 10px;
	}
}

/* Check Boxes */

.checkbox {
	display: inline-flex;
	cursor: pointer;
	position: relative;
	vertical-align: middle;
	margin-bottom: 4px;
	margin-top: 3px;
	font-family: 'Roboto';
	font-size: 16px;
}

	.checkbox > input {
		/* remove browser chrome */
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		outline: none;
		/*add styling */
		position: relative;
		width: 19px;
		height: 19px;
		border: 2px solid var(--jmc-sys-light-on-surface);
		overflow: hidden;
		border-radius: 2px;
		cursor: pointer;
		flex: none;
	}

	.checkbox:hover > input {
		box-shadow: 0 0 0 10px var(--jmc-state-layers-light-primary-opacity-008);
		background-color: var(--jmc-state-layers-light-primary-opacity-008);
	}

	.checkbox > input:before {
		content: '';
		color: #fff;
		position: absolute;
		top: -4px;
		right: -5px;
		width: 24px;
		height: 24px;
		background-color: transparent;
		background-size: 24px;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-transform: scale(0);
		transform: scale(0);
		-webkit-transition: -webkit-transform 0.25s ease-in-out;
		transition: -webkit-transform 0.25s ease-in-out;
		transition: transform 0.25s ease-in-out;
		transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
		background-image: url("material_ui/check_small.svg");
	}

	.checkbox > input:checked::before {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	.checkbox > input:checked {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: 2px solid var(--jmc_Blue);
		background-color: var(--jmc_Blue);
		content: 'x';
	}



	.checkbox > input:active {
		border: 2px solid #EEEEEE;
		vertical-align: middle;
	}

	.checkbox > label {
		display: block;
		color: var(--jmc-sys-light-on-surface);
		font-family: 'Roboto';
		font-size: 16px;
		padding-top: 2px;
		padding-left: 12px;
		word-wrap: break-word;
		cursor: pointer;
		margin-top: 2px;
	}

	.checkbox.label14 > label {
		display: block;
		font-family: 'Roboto';
		font-size: 14px;
		padding-top: 2px;
		padding-left: 12px;
		width: 100%;
		word-wrap: break-word;
	}

	.checkbox.text_jmc_body_medium > label {
		display: block;
		font-family: 'Roboto';
		font-size: 14px;
		padding-top: 2px;
		padding-left: 12px;
		width: 100%;
		word-wrap: break-word;
	}

	.checkbox > input:disabled {
		appearance: none;
		border: 2px solid var(--jmc_Gray);
		background-color: transparent;
		cursor: default;
	}

	.checkbox > input:checked:disabled {
		appearance: none;
		border: 2px solid var(--jmc_Gray);
		background-color: var(--jmc_Gray);
		cursor: default;
	}

	.checkbox:hover > input:disabled {
		box-shadow: 0 0 0 0px var(--jmc-state-layers-light-primary-opacity-008);
	}

	.checkbox > input:disabled + label {
		display: block;
		color: var(--jmc-sys-light-on-surface);
		font-family: 'Roboto';
		font-size: 16px;
		padding-top: 2px;
		padding-left: 12px;
		word-wrap: break-word;
		cursor: default;
		margin-top: 2px;
	}

input[type="checkbox"]:disabled + label {
	color: var(--jmc_Gray);
	cursor: default;
}

/* Check Boxes */

/*Radio Buttons*/
.radiobuttonlist_3col_grid {
	font-family: 'Roboto', sans-serif;
	font-weight: var(--jmc-font-weight-regular);
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	background-color: Transparent;
	border-style: solid;
	border-width: 1px;
	border-color: var(--jmc_Light_Gray);
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: auto auto auto;
	grid-row-gap: 10px;
	grid-column-gap: 42px;
	margin: 0;
	padding-left: 0px !important;
}

	.radiobuttonlist_3col_grid > li {
		display: flex;
		flex-direction: row;
		align-items: center;
		height: 40px;
	}

.radiobuttonlist {
	font-family: 'Roboto', sans-serif;
	font-weight: var(--jmc-font-weight-regular);
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	border: none;
	background-color: Transparent;
}

/* Old Radios keep untill we know we are good
	
	input[type="radio"] {
		display: inline-grid;
		place-content: center;
		appearance: none;
		background-color: #fff;
		margin: 0;
		font: inherit;
		width: 1.15em;
		height: 1.15em;
		border: 0.15em solid var(--jmc_Input_Bottom_Border);
		border-radius: 50%;
		margin-right: 10px;
		flex-shrink: 0;
	}

		input[type="radio"]::before {
			content: "";
			width: 0.65em;
			height: 0.65em;
			border-radius: 50%;
			transform: scale(0);
			transition: 120ms transform ease-in-out;
			box-shadow: inset 1em 1em #355CA8;
		}

		input[type="radio"]:checked::before {
			transform: scale(1);
		}

		input[type="radio"]:checked {
			display: inline-grid;
			place-content: center;
			appearance: none;
			background-color: #fff;
			margin: 0;
			font: inherit;
			width: 1.15em;
			height: 1.15em;
			border: 0.15em solid var(--jmc_Radio_Button_Blue);
			border-radius: 50%;
			margin-right: 10px;
	}*/


input[type='radio'] {
	place-content: center;
	-webkit-appearance: none;
	width: 20px !important;
	height: 20px !important;
	border-radius: 50%;
	outline: none;
	border: 0.15em solid var(--jmc_Input_Bottom_Border);
	padding: 2px; /* Control the space between border and background */
	line-height: 20px;
	margin: 1px 14px 1px 5px;
	flex-shrink: 0;
	cursor: pointer;
}

	input[type="radio"]:checked {
		border-color: var(--jmc_Radio_Button_Blue);
		background: var(--jmc_Radio_Button_Blue) content-box; /* Don't color the padding area */
	}

		input[type="radio"]:checked:hover {
			border-color: var(--jmc_Radio_Button_Blue);
			background: var(--jmc_Radio_Button_Blue) content-box; /* Don't color the padding area */
		}

	input[type="radio"]:hover {
		box-shadow: 0 0 0 10px var(--jmc-state-layers-light-primary-opacity-008);
		background-color: var(--jmc-state-layers-light-primary-opacity-008);
	}

.radiobuttonlist > input[type="radio"]:checked {
	background-color: var(--jmc_Radio_Button_Blue);
}

input[type="radio"] + label {
	font-family: 'Roboto';
	font-weight: var(--jmc-font-weight-regular);
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	top: 1.5px;
	position: relative;
	cursor: pointer;
}
/*Radio Buttons*/

/* RadCalendar */

.RadCalendar_Default {
	border-color: #fff !important;
	color: #fff !important;
	background-color: #fff !important;
	font-size: 12px !important;
	font-family: 'Roboto', sans-serif !important;
}

	.RadCalendar_Default .rcTitlebar {
		border-color: #fff #fff #fff;
		color: #000;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}

		.RadCalendar_Default .rcTitlebar table {
			font-family: 'Roboto', sans-serif !important;
			font-size: 12px !important;
			color: var(--jmc_Gray);
			line-height: 23px !important;
			background-color: #fff !important;
			background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
			background-position: calc(100% - 107px) calc(1em + 5px), calc(100% - 102px) calc(1em + 5px), calc(100% - 2.5em) 0.5em;
			background-size: 5px 5px, 5px 5px, 1px 1.5em;
			background-repeat: no-repeat;
			padding-top: 10px;
		}

	.RadCalendar_Default .rcWeek tr {
		border-top: 0px solid #fff !important;
		padding: 4px 6px 3px 0;
		color: #333;
	}

	.RadCalendar_Default .rcWeek th {
		border-bottom: 0px solid #fff !important;
		padding: 4px 6px 3px 0;
		color: #333;
		font-family: 'Roboto', sans-serif !important;
		font-size: 12px !important;
		color: var(--jmc_Gray);
		line-height: 23px !important;
		font-weight: var(--jmc-font-weight-semi-bold) !important;
		text-align: right !important;
	}

	.RadCalendar_Default .rcRow th {
		width: 13px;
		padding: 0 7px 0 9px;
		background: #fff !important;
		color: #696969;
		font-weight: var(--jmc-font-weight-semi-bold);
		font-size: 12px !important;
		color: var(--jmc_Gray);
		line-height: 23px !important;
	}

	.RadCalendar_Default .rcWeek .rcViewSel {
		width: 13px;
		padding: 0 7px 0 9px;
		background: #fff !important;
	}

	.RadCalendar_Default .rcRow .rcSelected {
		border-color: #fff #fff #fff !important;
		background: radial-gradient(ellipse at center, var(--jmc_Blue) 0%,var(--jmc_Blue) 70%,var(--jmc_Blue) 70%,#fff 70%,#fff 70%) !important;
	}

	.RadCalendar_Default .rcRow .rcHover {
		border-color: #c4c4c4 #b2b2b2 #9e9e9e;
		background: #fff !important;
		color: #fff;
	}

.RadCalendar .rcRow td {
	border-style: solid;
	border-width: 1px;
	padding: 0;
	text-align: right !important;
	vertical-align: middle;
	font-family: 'Roboto', sans-serif !important;
	font-size: 12px !important;
	font-weight: var(--jmc-font-weight-semi-bold);
	color: var(--jmc_Gray);
	line-height: 23px !important;
}

.RadCalendar_Default .rcTitlebar .rcPrev, .RadCalendar_Default .rcTitlebar .rcNext, .RadCalendar_Default .rcTitlebar .rcFastPrev, .RadCalendar_Default .rcTitlebar .rcFastNext {
	display: none !important;
}

.RadCalendar .rcMain {
	width: 100%;
	padding: 0;
}

.RadCalendar .rcTitlebar .rcTitle {
	width: 100%;
	cursor: pointer;
	font-family: 'Roboto', sans-serif !important;
	font-size: 12px !important;
	left: -50px !important;
	position: relative !important;
}
/* RadCalendar */

/* Confetti */
@keyframes fall {
	0% {
		top: -110px;
		transform: rotate(0deg) rotateY(-90deg);
		opacity: 1;
	}

	100% {
		top: 90%;
		transform: rotate(360deg) rotateY(180deg);
		opacity: 0.7;
	}
}

@keyframes fall2 {
	0% {
		top: -110px;
		transform: rotate(0deg) rotateY(90deg);
		opacity: 1;
	}

	100% {
		top: 90%;
		transform: rotate(-360deg) rotateY(-180deg);
		opacity: 0.5;
	}
}

/* Switch */

.switch {
	position: relative;
	display: inline-block;
	width: 35px;
	height: 15px;
}

.switchlabel {
	position: relative;
	display: inline-block;
	font-family: 'Roboto';
	font-size: 16px;
	top: -3px;
}

.switch input {
	opacity: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

	.slider:before {
		position: absolute;
		content: "";
		height: 20px;
		width: 20px;
		left: 0px;
		bottom: -3px;
		background-color: white;
		-webkit-transition: .4s;
		transition: .4s;
		box-shadow: 0 0 0 1px rgba(0,0,0,0.5);
	}

input:checked + .slider {
	background-color: #576bb7;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
	-webkit-transform: translateX(15px);
	-ms-transform: translateX(15px);
	transform: translateX(15px);
	background-color: var(--jmc_Blue);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

	.slider.round:before {
		border-radius: 50%;
	}
/* Switch */

.error-Div {
	background: rgba(225, 37, 27, 0.05);
	border-radius: 5px;
	position: relative;
	justify-content: center;
	align-items: center;
	display: grid;
}

.login-status {
	position: relative;
	justify-content: center;
	align-items: center;
	display: grid;
	height: 16px;
}

.div-box_FileUpload {
	position: relative;
	padding-bottom: 16px !important;
	height: 147px;
	width: 312px;
	margin-bottom: 24px;
}

/* New Floating Placeholders */
.div-box {
	position: relative;
	padding-bottom: 16px !important;
	display: inline-grid;
	height: 60px;
}

	.div-box:has(.textboxerror) {
		position: relative;
		padding-bottom: 0px !important;
	}

	.div-box:has(.ddlerror) {
		position: relative;
		padding-bottom: 0px !important;
	}

.floating_label_box {
	position: absolute;
	top: 10px;
	left: 16px;
	font-family: 'Roboto' !important;
	font-size: 16px;
	pointer-events: none;
	transition: .5s;
	line-height: 24px !important;
	color: var(--jmc-sys-light-on-surface-variant) !important;
}


.textbox_Disabled {
	font-family: 'Roboto';
	width: 142px;
	height: 24px;
	border-style: none;
	padding: 4px;
	color: #666666; /*???*/
	font-size: 16px;
	background-color: var(--jmc_Input_BG_Field_Disabled);
	cursor: default;
}

.textbox:focus {
	outline: none;
	border-bottom: 1px solid var(--jmc_Input_Bottom_Border_Focused) !important;
	height: 23px !important;
}

.textbox {
	font-family: 'Roboto' !important;
	border-style: none !important;
	font-weight: var(--jmc-font-weight-regular) !important;
	font-size: 16px !important;
	line-height: 24px !important;
	background-color: var(--jmc_Input_BG_Field) !important;
	border-bottom: 1px solid var(--jmc_Input_Bottom_Border) !important;
	color: var(--jmc-sys-light-on-surface) !important;
	display: inline-block !important;
	border-radius: 4px 4px 0px 0px;
	height: 23px !important;
	text-indent: 14px;
	padding-top: 16px;
}

	.textbox:hover {
		background-color: var(--jmc_Input_BG_Field_Hover) !important;
	}

		.textbox:hover:focus {
			background-color: var(--jmc_Input_BG_Field) !important;
		}

	.textbox.disabled {
		opacity: 50%;
		caret-color: transparent;
		background-color: var(--jmc_Input_BG_Field_Disabled) !important;
		cursor: default;
	}

	.textbox.textboxerror {
		border-bottom: 1px solid var(--jmc_Input_Bottom_Border_Error) !important;
		height: 23px !important;
	}


	.textbox::placeholder {
		color: rgba(0, 0, 0, 0) !important;
		opacity: 0.0 !important;
	}

	.textbox:focus ~ .floating_label_box,
	.textbox:not(:placeholder-shown) ~ .floating_label_box {
		font-family: 'Roboto' !important;
		font-style: normal;
		font-weight: var(--jmc-font-weight-regular);
		font-size: 10px;
		line-height: 12px !important;
		top: 4px;
		left: 16px;
		color: var(--jmc-sys-light-on-surface-variant) !important;
	}

	.textbox:focus ~ .floating_label_box {
		color: var(--jmc_Input_Label_Focused) !important;
	}

	.textbox.textboxerror ~ .floating_label_box {
		color: var(--jmc_Input_Label_Error) !important;
	}

.drop-down-menu-arrow {
	position: absolute;
	top: 16px;
	right: 12px;
	cursor: pointer;
	border-radius: 100%;
	z-index: 1;
}

	.drop-down-menu-arrow:hover {
		box-shadow: 0 0 0 8px var(--jmc_Grid_Row_hover);
		background-color: var(--jmc_Grid_Row_hover);
	}

		.drop-down-menu-arrow:hover ~ .floating_label_box-large {
			transition: .2s;
			background-color: var(--jmc_Input_BG_Field_Hover) !important;
		}

		.drop-down-menu-arrow:hover + .textbox-large {
			background-color: var(--jmc_Input_BG_Field_Hover) !important;
		}

.drop-down-menu-arrow_rotate {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}


/*Large Textbox input */
.div-box-large {
	position: relative;
	padding-bottom: 16px !important;
	display: inline-grid;
	height: 82px;
	width: 100%;
}

	.div-box-large:has(.textboxerror) {
		position: relative;
		height: 82px !important;
		padding-bottom: 0px !important;
	}

	.div-box-large:has(.ddlerror) {
		position: relative;
		height: 82px !important;
		padding-bottom: 0px !important;
	}

.div_disabled_state_color {
	border-radius: 4px 4px 0px 0px;
	opacity: 0.04;
	background: var(--jmc-sys-light-on-surface, #1B1B1F);
}

.floating_label_box-large {
	position: absolute;
	top: 16px;
	font-family: 'Roboto' !important;
	font-size: 16px;
	pointer-events: none;
	transition: .2s;
	line-height: 24px !important;
	color: var(--jmc-sys-light-on-surface-variant) !important;
	width: calc(100% - 32px);
	padding-left: 16px;
	text-align: left;
	background-color: var(--jmc_Input_BG_Field) !important;
	border-radius: 4px 4px 0px 0px;
}

.floating_label_box-large_disabled {
	position: absolute;
	top: 16px;
	font-family: 'Roboto' !important;
	font-style: normal;
	font-weight: var(--jmc-font-weight-regular);
	font-size: 16px;
	line-height: 24px !important;
	color: var(--jmc-sys-light-on-surface) !important;
	opacity: 38%;
	width: calc(100% - 32px);
	padding-left: 16px;
	padding-right: 16px;
	text-align: left;
	cursor: default;
}

.textbox-large_Disabled:focus ~ .floating_label_box-large_disabled,
.textbox-large_Disabled:not(:placeholder-shown) ~ .floating_label_box-large_disabled {
	font-family: 'Roboto' !important;
	font-style: normal;
	font-weight: var(--jmc-font-weight-regular);
	font-size: 12px;
	line-height: 16px !important;
	top: 8px;
	color: var(--jmc-sys-light-on-surface-variant) !important;
	opacity: 38%;
	background-color: var(--jmc_Input_BG_Field) !important;
	background-clip: border-box;
	cursor: default;
}


.textbox-large_Disabled {
	font-family: 'Roboto';
	width: 142px;
	height: 38px;
	border-style: none;
	padding: 4px;
	color: #666666; /*???*/
	font-size: 16px;
	background-color: var(--jmc_Input_BG_Field_Disabled);
	cursor: default;
}


.ios {
	text-indent: 8px !important;
}

.multi_line_text_box {
	padding-top: 30px !important;
	padding-bottom: 16px !important;
}

.textbox-large {
	font-family: 'Roboto' !important;
	border-style: none !important;
	font-weight: var(--jmc-font-weight-regular) !important;
	font-size: 16px !important;
	line-height: 24px !important;
	background-color: var(--jmc_Input_BG_Field) !important;
	border-bottom: 1px solid var(--jmc_Input_Bottom_Border) !important;
	color: var(--jmc-sys-light-on-surface) !important;
	display: inline-block !important;
	border-radius: 4px 4px 0px 0px;
	height: 38px !important;
	padding-top: 16px;
	padding-left: 16px;
	padding-right: 16px;
	background-clip: border-box;
	background-color: var(--jmc_Input_BG_Field) !important;
	width: calc(100% - 32px);
	transition: background-color .2s; /*moved here instead of :hover*/
}

	.textbox-large:focus {
		outline: none;
		border-bottom: 2px solid var(--jmc_Input_Bottom_Border_Focused) !important;
		height: 38px !important;
	}

	.textbox-large:hover {
		/*transition: .2s;*/
		background-color: var(--jmc_Input_BG_Field_Hover) !important;
	}

		.textbox-large:hover ~ .floating_label_box-large {
			/*transition: .2s;*/
			background-color: var(--jmc_Input_BG_Field_Hover) !important;
		}

	.textbox-large:focus {
		/*transition: .2s;*/
		background-color: var(--jmc_Input_BG_Field) !important;
	}

		.textbox-large:focus ~ .floating_label_box-large {
			/*transition: .2s;*/
			background-color: var(--jmc_Input_BG_Field) !important;
		}

	.textbox-large.disabled {
		caret-color: transparent;
		background-color: var(--jmc_Textbox-large_Disabled_background) !important;
		color: var(--jmc_Textbox-large_Disabled_color) !important;
		border-bottom: 1px solid var(--jmc_Textbox-large_Disabled_bottom_border) !important;
		cursor: default;
	}

		.textbox-large.disabled:focus ~ .floating_label_box-large_disabled,
		.textbox-large.disabled:not(:placeholder-shown) ~ .floating_label_box-large_disabled {
			font-family: 'Roboto' !important;
			font-style: normal;
			font-weight: var(--jmc-font-weight-regular);
			font-size: 12px;
			line-height: 16px !important;
			top: 8px;
			color: var(--jmc-sys-light-on-surface-variant) !important;
			opacity: 38%;
			background-color: var(--jmc_Input_BG_Field) !important;
			background-clip: border-box;
			cursor: default;
		}

	.textbox-large.textboxerror {
		border-bottom: 2px solid var(--jmc_Input_Bottom_Border_Error) !important;
		height: 38px !important;
	}


	.textbox-large::placeholder {
		color: rgba(0, 0, 0, 0) !important;
		opacity: 0.0 !important;
	}

	.textbox-large:focus ~ .floating_label_box-large,
	.textbox-large:not(:placeholder-shown) ~ .floating_label_box-large {
		font-family: 'Roboto' !important;
		font-style: normal;
		font-weight: var(--jmc-font-weight-regular);
		font-size: 12px;
		line-height: 16px !important;
		top: 0px;
		color: var(--jmc-sys-light-on-surface-variant) !important;
		padding-top: 8px;
	}

	.textbox-large:focus ~ .floating_label_box-large {
		color: var(--jmc_Input_Label_Focused) !important;
	}

	.textbox-large.textboxerror ~ .floating_label_box-large {
		color: var(--jmc_Input_Label_Error) !important;
	}

.textbox_large_with_icon {
	font-family: 'Roboto' !important;
	border-style: none !important;
	font-weight: var(--jmc-font-weight-regular) !important;
	font-size: 16px !important;
	line-height: 24px !important;
	background-color: var(--jmc_Input_BG_Field) !important;
	border-bottom: 1px solid var(--jmc_Input_Bottom_Border) !important;
	color: var(--jmc-sys-light-on-surface) !important;
	display: inline-block !important;
	border-radius: 4px 4px 0px 0px;
	height: 38px !important;
	padding-top: 16px;
	padding-left: 16px;
	padding-right: 52px;
	background-clip: border-box;
	background-color: var(--jmc_Input_BG_Field) !important;
	width: calc(100% - 68px);
	transition: background-color .2s; /*moved here instead of :hover*/
}

	.textbox_large_with_icon:focus {
		outline: none;
		border-bottom: 2px solid var(--jmc_Input_Bottom_Border_Focused) !important;
		height: 38px !important;
	}

	.textbox_large_with_icon:hover {
		/*transition: .2s;*/
		background-color: var(--jmc_Input_BG_Field_Hover) !important;
	}

		.textbox_large_with_icon:hover ~ .floating_label_box-large {
			/*transition: .2s;*/
			background-color: var(--jmc_Input_BG_Field_Hover) !important;
		}

	.textbox_large_with_icon:focus {
		/*transition: .2s;*/
		background-color: var(--jmc_Input_BG_Field) !important;
	}

		.textbox_large_with_icon:focus ~ .floating_label_box-large {
			/*transition: .2s;*/
			background-color: var(--jmc_Input_BG_Field) !important;
		}

	.textbox_large_with_icon.disabled {
		caret-color: transparent;
		background-color: var(--jmc_Textbox-large_Disabled_background) !important;
		color: var(--jmc_Textbox-large_Disabled_color) !important;
		border-bottom: 1px solid var(--jmc_Textbox-large_Disabled_bottom_border) !important;
		cursor: default;
	}

		.textbox_large_with_icon.disabled:focus ~ .floating_label_box-large_disabled,
		.textbox_large_with_icon.disabled:not(:placeholder-shown) ~ .floating_label_box-large_disabled {
			font-family: 'Roboto' !important;
			font-style: normal;
			font-weight: var(--jmc-font-weight-regular);
			font-size: 12px;
			line-height: 16px !important;
			top: 8px;
			color: var(--jmc-sys-light-on-surface-variant) !important;
			opacity: 38%;
			background-color: var(--jmc_Input_BG_Field) !important;
			background-clip: border-box;
			cursor: default;
		}

	.textbox_large_with_icon.textboxerror {
		border-bottom: 2px solid var(--jmc_Input_Bottom_Border_Error) !important;
		height: 38px !important;
	}

	.textbox_large_with_icon::placeholder {
		color: rgba(0, 0, 0, 0) !important;
		opacity: 0.0 !important;
	}

	.textbox_large_with_icon:focus ~ .floating_label_box-large,
	.textbox_large_with_icon:not(:placeholder-shown) ~ .floating_label_box-large {
		font-family: 'Roboto' !important;
		font-style: normal;
		font-weight: var(--jmc-font-weight-regular);
		font-size: 12px;
		line-height: 16px !important;
		top: 0px;
		color: var(--jmc-sys-light-on-surface-variant) !important;
		padding-top: 8px;
	}

	.textbox_large_with_icon:focus ~ .floating_label_box-large {
		color: var(--jmc_Input_Label_Focused) !important;
	}

	.textbox_large_with_icon.textboxerror ~ .floating_label_box-large {
		color: var(--jmc_Input_Label_Error) !important;
	}

textarea {
	resize: none;
	padding-top: 24px !important;
}


input[type="time"]::-webkit-calendar-picker-indicator {
	background: none;
}

input[type="time" i] {
	text-indent: 7px;
}

input[type="Date"]::-webkit-calendar-picker-indicator {
	background: none;
}

input[type="date" i] {
	text-indent: 7px;
}

.cal_logo_large_Disabled {
	position: absolute;
	top: 16px;
	right: 12px;
	border-radius: 100%;
	z-index: 1;
	opacity: 0.33;
	cursor: default;
}

.cal_logo_large {
	position: absolute;
	top: 16px;
	right: 12px;
	cursor: pointer;
	border-radius: 100%;
	z-index: 1;
}

	.cal_logo_large:hover {
		box-shadow: 0 0 0 8px var(--jmc_Grid_Row_hover);
		background-color: var(--jmc_Grid_Row_hover);
	}

		.cal_logo_large:hover + .textbox-large {
			background-color: var(--jmc_Input_BG_Field_Hover) !important;
		}

		.cal_logo_large:hover + .textbox_large_with_icon {
			background-color: var(--jmc_Input_BG_Field_Hover) !important;
		}

		.cal_logo_large:hover ~ .floating_label_box-large {
			background-color: var(--jmc_Input_BG_Field_Hover) !important;
		}

.cal_logo {
	position: absolute;
	top: 5px;
	bottom: 0px;
	height: 32px;
	left: 285px;
}

select {
	/* styling */
	background-color: white;
	border: thin solid blue;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	display: inline-block;
	font: inherit;
	line-height: 1.5em;
	padding-left: 10px !important;
	/* reset */
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}

	select:-moz-focusring {
		color: transparent;
		text-shadow: 0 0 0 #000;
	}

	select.masterdropdownlist {
		background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
		background-position: calc(100% - 20px) calc(1em + 16px), calc(100% - 16px) calc(1em + 16px), calc(100% - 2.5em) 0.5em;
		background-size: 5px 5px, 5px 5px, 1px 1.5em;
		background-repeat: no-repeat;
	}

		select.masterdropdownlist.opened {
			background-image: linear-gradient(45deg, gray 50%, transparent 50%), linear-gradient(135deg, transparent 50%, gray 50%);
			background-position: calc(100% - 16px) calc(1em + 16px), calc(100% - 20px) calc(1em + 16px), calc(100% - 2.5em) 0.5em;
			background-size: 5px 5px, 5px 5px, 1px 1.5em;
			background-repeat: no-repeat;
			border-bottom: 1px solid var(--jmc_Input_Bottom_Border_Focused) !important;
			outline: 0;
		}


.masterdropdownlist:focus {
	outline: none;
}

.masterdropdownlist {
	font-family: 'Roboto' !important;
	border-style: none !important;
	font-weight: var(--jmc-font-weight-regular) !important;
	font-size: 16px !important;
	line-height: 24px !important;
	background-color: var(--jmc_Input_BG_Field) !important;
	border-bottom: 1px solid var(--jmc_Input_Bottom_Border) !important;
	color: var(--jmc-sys-light-on-surface) !important;
	display: inline-block !important;
	border-radius: 4px 4px 0px 0px;
	height: 56px !important;
	text-indent: 5px;
	text-overflow: ellipsis;
	padding-top: 16px;
}

	.masterdropdownlist.ddlerror {
		border-bottom: 1px solid var(--jmc_Input_Bottom_Border_Error) !important;
		height: 40px;
	}

.masterdropdownlist_readonly {
	background-color: var(--jmc_Input_BG_Field_Disabled);
}

.masterdropdownlist:hover {
	background-color: var(--jmc_Input_BG_Field_Hover) !important;
}

	.masterdropdownlist:hover:focus {
		background-color: var(--jmc_Input_BG_Field) !important;
	}

.masterdropdownlist.disabled {
	opacity: 50%;
	caret-color: transparent;
	background-color: var(--jmc_Input_BG_Field) !important;
	cursor: default;
}

.masterdropdownlist ~ .floating_label_box {
	font-family: 'Roboto' !important;
	font-style: normal;
	font-weight: var(--jmc-font-weight-regular);
	font-size: 10px;
	line-height: 12px !important;
	top: 4px;
	left: 16px;
	color: var(--jmc_Input_Label) !important;
}

.masterdropdownlist.ddlerror ~ .floating_label_box {
	color: var(--jmc_Input_Label_Error) !important;
}

.masterdropdownlist.disabled ~ .floating_label_box {
	opacity: 50%;
	caret-color: transparent;
	background-color: var(--jmc_Input_BG_Field) !important;
	cursor: default;
}

.masterdropdownlist:hover:focus ~ .floating_label_box {
	background-color: var(--jmc_Input_BG_Field) !important;
	color: var(--jmc_Input_Label_Focused) !important;
}

/* New Login */

.up_masterUpdatePanel {
	display: flex;
	height: 100%;
	width: 100%;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
}

@media all and (max-width: 500px) {
	.up_masterUpdatePanel {
		display: flex;
		height: 100%;
		width: 100%;
		justify-content: center;
		align-content: flex-start;
		flex-wrap: wrap;
	}
}


#login_mainData {
	position: fixed;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	background-color: var(--jmc_Blue);
	background: #1E4488;
	height: 630px;
	width: 630px;
}

.login_main {
	position: absolute;
	width: 404px;
	height: 645px;
	left: calc(50% - 404px/2);
	top: calc(50% - 644px/2);
	background: #1E4488;
	box-shadow: 8px 4px 50px 10px rgba(0, 0, 0, 0.1);
	border-radius: 40px;
}

@media (max-width: 500px) {

	.login_main {
		box-shadow: unset;
	}

}

.login_main_v2 {
	position: relative;
	max-width: 404px;
	width: 100%;
	height: 645px;
	background: #1E4488;
	box-shadow: 8px 4px 50px 10px rgba(0, 0, 0, 0.1);
	border-radius: 40px;
}

@media all and (max-height: 719px) {
	.login_main_v2 {
		position: absolute;
		max-width: 404px;
		width: 100%;
		height: 645px;
		top: 0;
		background: #1E4488;
		box-shadow: 8px 4px 50px 10px rgba(0, 0, 0, 0.1);
		border-radius: 40px;
	}
}

@media all and (max-width: 500px) {
	.login_main_v2 {
		position: relative;
		max-width: 404px;
		width: 100%;
		height: 100%;
		background: #1E4488;
		box-shadow: unset;
		border-radius: 40px;
		min-height: 676px;
	}
}



.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}


.login-image {
	display: flex;
	justify-content: center; /* Centers horizontally */
	align-items: center; /* Centers vertically */
	text-align: center;
	width: 100px;
	height: 100px;
	background: #FFF;
	margin: 32px auto 0px auto;
	border-radius: 100px;
}

.login-icon {
	display: flex;
	width: 65px;
	height: 65px;
	padding: 4px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	cursor: default;
}


.login-image-noborder {
	display: flex;
	justify-content: center; /* Centers horizontally */
	align-items: center; /* Centers vertically */
	text-align: center;
	width: 100px;
	height: 100px;
	margin: 32px auto 0px auto;
	border-radius: 100px;
}

.login-icon-noborder {
	position: relative;
	width: 100px;
	-webkit-border-radius: 75px;
	border-radius: 75px;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	cursor: default;
}


.login-note {
	padding-top: 16px;
	text-align: center;
	left: 48px;
	position: relative;
	width: 308px;
}

@media all and (max-width: 500px) {
	.login-note {
		padding-top: 16px;
		text-align: center;
		left: 0;
		position: relative;
		width: 308px;
		margin: 0px auto;
	}
}

.login-note-header-centered {
	padding-bottom: 16px;
	text-align: center;
}

.login-note-header {
	padding-bottom: 16px;
	text-align: left;
}

.login-note-header-text {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: var(--jmc-font-weight-bold);
	font-size: 24px;
	line-height: 32px;
	color: var(--jmc_White, #FFFFFF);
}

.login-note-message {
	position: relative;
	text-align: left;
	left: 0px;
	/*margin-bottom: 22px; Put actual spacing on aspx page instead.*/
	width: 308px;
}

.login-note-message-text {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-font-weight-regular);
	font-size: 14px;
	line-height: 20px;
	color: var(--jmc_White, #FFFFFF);
}

.login_div {
	display: grid;
	padding: 0px;
	justify-content: center;
	align-items: center;
}


.login_badge_footer {
	position: absolute;
	height: 20px;
	width: 100%;
	bottom: 24px;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.login_badge_footer_v2 {
	position: absolute;
	height: 20px;
	width: 100%;
	bottom: 0;
	margin-bottom: 24px;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.forgot_help_sep_Div {
	width: 26px;
	text-align: center;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-font-weight-medium);
	font-size: 14px;
	line-height: 20px;
	color: #FFFFFF;
}

.login_SpecialChars {
	position: relative;
	left: -2px;
}


.login-grid-item {
	text-align: center;
}

.login-button-Padding {
	padding-top: 3px;
}

.copyright {
	padding-top: 14px;
	text-align: left;
}

p.smallSpace {
	line-height: 21px;
	margin: 4px 0;
}
/* Temp */
.launchIcon {
	width: 250px;
}
/* Pin Code Styles */
.pin_div_box {
	display: grid;
	grid-template-columns: auto auto auto auto auto;
	grid-gap: 16px;
	/* grid-template-rows: 1fr; */
	position: relative;
	height: 40px;
	width: 264px;
	justify-content: center;
}

.pintextbox {
	font-family: 'Roboto' !important;
	height: 34px !important;
	width: 34px !important;
	border: 1px solid var(--jmc-sys-light-on-surface) /*#A7B3CF*/;
	border-radius: 4px;
	font-size: 14px !important;
	display: inline-flex !important;
	background-color: transparent;
	color: var(--jmc-sys-light-on-surface) !important;
	text-align: center;
}

@media all and (max-width: 1366px) {
	.pin_div_box {
		grid-gap: 16px !important;
		/*width: 328px !important;*/
	}

	.pintextbox {
		height: 34px !important;
		width: 34px !important;
		font-size: 14px !important;
	}
}


.pintextbox:focus {
	outline: none;
}

.pintextbox::placeholder {
	color: rgba(0, 0, 0, 0) !important;
	opacity: 0.0 !important;
}

.pintextbox:last-child {
	margin: 0;
}

.pintextbox::-webkit-input-placeholder {
	text-align: center;
}

.pintextbox:-moz-placeholder {
	text-align: center;
}
/* Material Menu */
.menu_Item {
	font-size: 1.1rem;
}

.material_dropdown_menu_textbox {
	width: calc(100% - 60px);
}

.material_dropdown_menu {
	position: absolute;
	margin-top: 0.3rem;
	transition: all 0.1s cubic-bezier(0.16, 1, 0.5, 1);
	background-color: #FFF;
	border-radius: 4px;
	z-index: 9000;
	caret-color: transparent;
	overflow: auto;
	display: none;
}

	.material_dropdown_menu i {
		display: flex;
		align-items: center;
		padding: 0.8rem 1rem;
		text-decoration: none;
		color: black;
		border-radius: 4px;
		font-family: 'Roboto';
		font-style: normal;
		font-weight: var(--jmc-font-weight-regular);
		font-size: 16px;
		line-height: 24px;
		color: var(--jmc-sys-light-on-surface);
		caret-color: transparent;
		cursor: pointer;
	}

		.material_dropdown_menu i:hover {
			background-color: var(--jmc_Popup_Menu_hover);
			color: black;
			border-radius: 4px;
			caret-color: transparent;
		}


.material_menu {
	position: fixed;
	margin-top: 0.3rem;
	visibility: hidden;
	transition: all 0.1s cubic-bezier(0.16, 1, 0.5, 1);
	background-color: #FFF;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	z-index: 9000;
	caret-color: transparent;
	cursor: pointer;
}

	.material_menu i {
		display: flex;
		align-items: center;
		padding: 0.8rem 1rem;
		text-decoration: none;
		color: black;
		border-radius: 4px;
		font-family: 'Roboto';
		font-style: normal;
		font-weight: var(--jmc-font-weight-regular);
		font-size: 14px;
		line-height: 20px;
		color: var(--jmc-sys-light-on-surface);
		caret-color: transparent;
		gap: 16px;
	}

		.material_menu i:hover {
			background-color: var(--jmc_Popup_Menu_hover);
		}

.show_menu {
	white-space: nowrap;
	visibility: visible;
	opacity: 1;
	transform: translateY(0rem);
}
/* reCAPTCHA */
.recaptcha-wrapper {
	overflow: hidden;
	background-color: #F9F9F9;
	border-radius: 10px;
	height: 43px;
	position: relative;
	border: 1px solid var(--jmc-sys-light-on-surface);
	color: #000;
	width: 186px;
	padding: 3px;
	margin-bottom: 4px;
}

.recaptcha-info {
	background-size: 24px;
	height: 20px;
	position: absolute;
	right: 9px;
	top: 7px;
	width: 20px;
	background-image: url(https://www.gstatic.com/recaptcha/api2/logo_48.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.rc-anchor-logo-text {
	color: #9b9b9b; /*???*/
	cursor: default;
	font-family: 'Roboto';
	font-size: 6px;
	font-weight: var(--jmc-font-weight-regular);
	line-height: 10px;
	margin-top: 2px;
	text-align: center;
	position: absolute;
	right: 4px;
	top: 25px;
	width: 32px;
	height: 7px;
}

.rc-anchor-checkbox-label {
	font-family: 'Roboto',helvetica,arial,sans-serif;
	font-size: 14px;
	font-weight: var(--jmc-font-weight-regular);
	line-height: 17px;
	left: 50px;
	top: 12px;
	position: absolute;
	color: black; /*???*/
}

.rc-anchor .rc-anchor-normal .rc-anchor-light {
	border: none;
}

.rc-anchor-pt {
	color: #9b9b9b; /*???*/
	font-family: 'Roboto',helvetica,arial,sans-serif;
	font-size: 8px;
	font-weight: var(--jmc-font-weight-regular);
	right: 10px;
	top: 53px;
	position: absolute;
	a: link;
}


.g-recaptcha {
	/*width: 41px;*/
	/* border: 1px solid red; */
	height: 55px;
	overflow: hidden;
	float: left;
	margin-top: -13px;
	margin-left: -3px;
	transform: scale(0.79);
	transform-origin: 0 0;
}

> div {
	width: 46px;
	height: 30px;
	background-color: #F9F9F9;
	overflow: hidden;
	border: 1px solid red;
	transform: translate3d(-8px, -19px, 0px);
}

div {
	border: 0;
	box-sizing: border-box;
}
/* Captcha End */
/* Avitar */

.avatar {
	vertical-align: middle;
	border-radius: 50%;
	background-size: cover;
	background-position: top center;
	flex-shrink: 0;
}
/*Avitar End*/

.icon_glow {
	width: 32px;
	height: 32px;
	background: var(--jmc-icon-button-glow);
	border-radius: 100px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}
	/*to center icons*/
	.icon_glow * {
		margin: auto;
	}
/* Search Box */

.searchbox {
	height: 40px;
	max-width: 561px; /* to follow the search box of google.com */
}

	.searchbox input[type="search"] {
		border: none;
		border-radius: 28px;
		height: 100%;
		width: 100%;
	}

	.searchbox input[type="search"] {
		-webkit-appearance: none; /* to prevent Safari from ignoring font-size */
		font-family: 'Roboto';
		font-style: normal;
		font-weight: var(--jmc-font-weight-regular);
		font-size: 16px;
		line-height: 24px;
		display: flex;
		align-items: center;
		color: var(--jmc-sys-light-on-surface-variant);
	}

		.searchbox input[type="search"]::placeholder {
			color: var(--jmc-sys-light-on-surface-variant);
			opacity: 1; /* to override the default of Firefox */
		}
/* positioning inner elements */
.searchbox {
	position: relative;
}

	.searchbox div {
		position: absolute;
		left: 16px;
		top: 8px;
		bottom: 8px;
		background-image: url(material_ui/search_FILL.svg);
		height: 24px;
		width: 24px;
	}


	.searchbox input[type="search"] {
		padding-left: 52px;
	}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

.searchbox input[type="search"] {
	background: #FFF;
}
	/* Styling focus state */
	.searchbox input[type="search"]:focus {
		outline: 1px solid transparent;
	}

	.searchbox input[type="search"]::-webkit-search-cancel-button {
		position: absolute;
		-webkit-appearance: none;
		background-image: url(material_ui/close.svg);
		background-repeat: no-repeat;
		top: 8px;
		bottom: 8px;
		height: 24px;
		width: 24px;
		right: 16px;
	}


.searchbox.searchGray input[type="search"] {
	background: var(--jmc_Input_BG_Field);
}
	/* Styling focus state */
	.searchbox.searchGray input[type="search"]:focus {
		outline: 1px solid transparent;
	}

	.searchbox.searchGray input[type="search"]::-webkit-search-cancel-button {
		position: absolute;
		-webkit-appearance: none;
		background-image: url(material_ui/close.svg);
		background-repeat: no-repeat;
		top: 8px;
		bottom: 8px;
		height: 24px;
		width: 24px;
		right: 16px;
	}

input[type="search"] {
	-webkit-tap-highlight-color: transparent;
}

.RadComboBox.RadComboBox_Default.hideRadCombo {
	display: none !important;
}

.material_searchbox_div_clear_wrapper {
	position: absolute !important;
	background-image: none !important;
	/* top: 0px !important; */
	left: unset !important;
	right: 19.5px !important;
}
/* Search Box End*/
/*Search Box Multi Tier Start*/
.searchbox_multi_tier {
	height: 56px;
	max-width: 561px; /* to follow the search box of google.com */
}

	.searchbox_multi_tier input[type="search"] {
		border: none;
		border-radius: 28px;
		height: 100%;
		width: 100%;
	}

	.searchbox_multi_tier input[type="search"] {
		-webkit-appearance: none; /* to prevent Safari from ignoring font-size */
		font-family: 'Roboto';
		font-style: normal;
		font-weight: var(--jmc-font-weight-regular);
		font-size: 16px;
		line-height: 24px;
		display: flex;
		align-items: center;
		color: var(--jmc-sys-light-on-surface-variant);
		height: 56px;
	}

		.searchbox_multi_tier input[type="search"]::placeholder {
			color: var(--jmc-sys-light-on-surface-variant);
			opacity: 1; /* to override the default of Firefox */
		}
/* positioning inner elements */
.searchbox_multi_tier {
	position: relative;
}

	.searchbox_multi_tier div {
		position: absolute;
		top: 8px;
		bottom: 8px;
		left: -16px;
		background-image: url(material_ui/search_FILL1_grey.svg);
		height: 40px;
		width: 40px;
	}


	.searchbox_multi_tier input[type="search"] {
		padding-left: 32px; /*24px for search icon + 4px of white space*/
	}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

.searchbox_multi_tier input[type="search"] {
	background: #FFF;
}
	/* Styling focus state */
	.searchbox_multi_tier input[type="search"]:focus {
		outline: 1px solid transparent;
	}

	.searchbox_multi_tier input[type="search"]::-webkit-search-cancel-button {
		position: absolute;
		-webkit-appearance: none;
		background-image: url(material_ui/close.svg);
		background-repeat: no-repeat;
		top: 16px;
		height: 24px;
		width: 24px;
		right: 0px;
	}


.searchbox_multi_tier.searchGray input[type="search"] {
	background: var(--jmc_Input_BG_Field);
}

	/* Styling focus state */
	.searchbox_multi_tier.searchGray input[type="search"]:focus {
		outline: 1px solid transparent;
	}

	.searchbox_multi_tier.searchGray input[type="search"]::-webkit-search-cancel-button {
		position: absolute;
		-webkit-appearance: none;
		background-image: url(material_ui/close.svg);
		background-repeat: no-repeat;
		top: 8px;
		bottom: 8px;
		height: 24px;
		width: 24px;
		right: 16px;
	}

input[type="search"] {
	-webkit-tap-highlight-color: transparent;
}

.show_all_wrapper {
	height: 40px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 12px 0px 8px 0px;
}
/*Search Box Multi Tier End*/

/* Uploader */
.file_upload_container {
	background-color: var(--jmc-state-layers-light-on-surface-variant-opacity-008);
	position: relative;
	border-radius: 0.5em;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	padding: 24px 0px;
}

	.file_upload_container input[type="file"] {
		display: none;
	}

	.file_upload_container .fileupload_button_container {
		position: absolute;
		bottom: 0;
		display: contents;
	}

.fileupload_button {
	display: inline-flex;
	height: 36px;
	background-color: var(--jmc-yellow-filled-button-color);
	border-radius: 100px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-button-text-weight);
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	border: 1px solid transparent;
	color: black;
	padding-left: 24px;
	padding-right: 24px;
	align-items: center;
	cursor: pointer;
}

	.fileupload_button:hover {
		background: var(--jmc_Yellow) !important;
		box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30) !important;
	}

	.fileupload_button:focus {
		background: var(--jmc_Yellow) !important;
		box-shadow: none !important;
	}

.file_upload_button_container {
	display: flex;
	gap: 12px;
}

.rad_window_body_take_photo {
	padding: 24px 0px;
	border-radius: 8px;
	background-color: var(--jmc-state-layers-light-on-surface-variant-opacity-008);
}

.hidden_button {
	display: none;
}

.hidden_textbox {
	display: none;
}

#image-display {
	position: relative;
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-evenly;
	gap: 1.25em;
	flex-wrap: wrap;
}

	#image-display figure {
		width: 45%;
	}

	#image-display img {
		width: 100%;
	}

	#image-display figcaption {
		font-size: 0.8em;
		text-align: center;
		color: #5a5861;
	}

.active_upload {
	border: 0.2em dashed #025bee;
}

.upload_error {
	text-align: center;
	color: var(--jmc_Red);
	position: relative;
}

/* Progress Bar */
.progress {
	width: 100%;
	height: 50px;
}

.progress_small {
	width: 100%;
	height: 10px;
	border-radius: 4px;
}

.progress-wrap {
	background: var(--jmc_Gray);
	overflow: hidden;
	position: relative;
}

.progress-wrap-in-progress {
	background: var(--jmc-icon-button-glow);
	overflow: hidden;
	position: relative;
}

.progress-wrap-stopped {
	background: var(--jmc_Red_opacity_010);
	overflow: hidden;
	position: relative;
}

.progress-bar {
	background: var(--jmc_Green);
	width: 0px;
	position: absolute;
	top: 0;
	z-index: 898;
}

.progress-bar2 {
	background: var(--jmc_Red);
	width: 0px;
	position: absolute;
	top: 0;
	z-index: 897;
}

.progress_Text {
	position: relative;
	align-items: center;
	display: inherit;
	top: 25%;
	left: 10px;
}


.material_filter_menu {
	padding-top: 16px;
	flex-shrink: 0;
}

.material_filter_menu_v2 {
	position: fixed;
	margin-top: 16px;
	margin-left: -27px;
	visibility: hidden;
	transition: all 0.1s cubic-bezier(0.16, 1, 0.5, 1);
	background-color: #FFF;
	box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
	border-radius: 28px;
	z-index: 9000;
	width: 295px;
	height: 292px;
	flex-shrink: 0;
}

.material_multi_filter_menu {
	position: fixed;
	margin-top: 16px;
	margin-left: -27px;
	visibility: hidden;
	transition: all 0.1s cubic-bezier(0.16, 1, 0.5, 1);
	background-color: #FFF;
	box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
	border-radius: 28px;
	z-index: 9000;
	width: 260px;
	height: 446px;
	flex-shrink: 0;
	padding: 24px 14px 24px 24px; /* top | right | bottom | left */
	cursor: default;
}

.material_filter_body {
	left: 20px;
	position: relative;
	margin-top: 3px;
}

.material_filter_date_menu {
	position: fixed;
	margin-top: 16px;
	margin-left: -218px;
	visibility: hidden;
	transition: all 0.1s cubic-bezier(0.16, 1, 0.5, 1);
	background-color: #FFF;
	box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
	border-radius: 28px;
	z-index: 9000;
	width: 260px;
	height: 302px;
	flex-shrink: 0;
	cursor: default;
}

.material_filter_title {
	color: var(--jmc-sys-light-on-surface);
	font-family: "Roboto";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	padding-top: 24px;
	padding-left: 24px;
}

.material_filter_title_v3 {
	color: var(--jmc_Blue);
	font-family: "Roboto";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	height: 32px;
	margin: 24px 24px 16px 24px; /* top | right | bottom | left */
	text-align: left;
	border-bottom: 1px solid var(--jmc-outline-variant);
}

.material_multi_filter_title {
	color: var(--jmc_Blue);
	font-family: "Roboto";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	/*	padding-top: 24px;
	padding-left: 34px;*/
	text-align: left;
	height: 32px;
	border-bottom: 1px solid var(--jmc-outline-variant);
	margin: 0px 10px 16px 0px; /* top | right | bottom | left */
}

.material_multi_filter_grid {
	display: grid;
	grid-template-columns: 5fr 0.5fr;
	height: 32px;
	cursor: pointer;
}

.material_multi_filter_grid_item {
	display: flex;
	flex-direction: row;
	align-items: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.material_filter_date_body {
	padding-top: 16px;
	padding-right: 2px;
}

.material_filter_buttons {
	/*justify-content: flex-end;
	display: flex;
	position: absolute;
	bottom: 12px;
	right: 24px;*/
	justify-content: flex-end;
	display: flex;
	position: relative;
	top: 16px;
	bottom: 0px;
	gap: 8px;
}

.material_filter_buttons_v3 {
	justify-content: flex-end;
	display: flex;
	position: relative;
	/*top: 16px;*/
	bottom: 0px;
	right: 24px;
	gap: 8px;
}

.rbl_filter_buttons {
	margin-bottom: 24px;
}

.material_multi_filter_buttons {
	justify-content: flex-end;
	display: flex;
	position: relative;
	/*top: 16px;*/
	bottom: 0px;
	gap: 8px;
	height: 40px;
	margin: 24px 10px 0px 0px; /* top | right | bottom | left */
}

.material_filter_menu i {
	display: flex;
	align-items: center;
	padding: 0.8rem 1rem;
	text-decoration: none;
	color: black;
	border-radius: 4px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-font-weight-regular);
	font-size: 16px;
	line-height: 24px;
	color: var(--jmc-sys-light-on-surface);
}

	.material_filter_menu i:hover {
		background-color: var(--jmc_Popup_Menu_hover);
		color: black; /*???*/
		border-radius: 4px;
	}

.show_filter_menu {
	visibility: visible !important;
	opacity: 1;
	transform: translateY(0rem);
	text-align: center;
}

/* Search Box */
.main_searchBox {
	width: 265px;
}

.mt_main_searchBox {
	/*width: 264px;
	height: 575px;*/
}

.mt_results_div {
	max-height: 473px;
	overflow: auto;
	margin-bottom: 24px;
}


.search_Grid_container {
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: 1fr;
	grid-row-gap: 0px;
	margin: 0;
	background-color: var(--jmc_White);
	height: 56px;
}

.mt_search_Grid_container {
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: 1fr;
	grid-row-gap: 0px;
	margin: 0;
}

.search_Grid_container_row {
	background-color: #FFF;
	padding-left: 16px;
}

.mt_search_Grid_container_row {
	background-color: #FFF;
	padding: 4px;
}

	.mt_search_Grid_container_row:hover {
		background: var(--jmc-state-layers-light-on-surface-opacity-008);
		border-radius: 4px;
	}

.search_Grid_wrapper {
	/*width: 266px;*/
	overflow: auto;
	max-height: 224px;
	margin-right: 4px;
}

.search_Grid_panel {
	display: none;
	position: absolute;
	max-height: 340px;
	background-color: var(--jmc_White);
	overflow: hidden;
	padding: 8px 0px;
}

.search_Grid {
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: 33px auto;
	grid-row-gap: 0px;
	grid-column-gap: 16px;
	margin: 0;
	height: 56px;
	padding-left: 16px;
	margin-right: 4px;
	overflow: hidden;
}

	.search_Grid:hover {
		background-color: var(--jmc_Hover);
	}
/*.search_Grid::after {
	content: '';
	position: absolute;
	right: 0px; 
	width: 8px; 
	height: 56px; 
	background-color: var(--jmc_Hover); 
	visibility: hidden; 
	 z-index: 1000;
}

.search_Grid:hover::after {
	visibility: visible;
}*/

.mt_search_Grid {
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: 33px auto;
	grid-column-gap: 16px;
	padding: 4px;
	border-radius: 4px;
	cursor: pointer;
}

	.mt_search_Grid:hover {
		background: var(--jmc-state-layers-light-on-surface-opacity-008);
	}

/*.search_Grid_horizontal {
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: 64px;
	grid-row-gap: 0px;
	grid-column-gap: 8px;
	margin: 0;
	height: 78px;
}
*/

.search_Grid_item {
	display: flex;
	flex-direction: row;
	align-items: center;
	text-overflow: ellipsis;
	cursor: pointer;
}

.search_grid_show_all_wrapper {
	display: flex;
	justify-content: flex-end;
	margin: 8px 8px 0px 0px;
}

.mt_search_Grid_item {
	display: flex;
	flex-direction: column;
	align-items: start;
	text-overflow: ellipsis;
	cursor: pointer;
	justify-content: center;
}

.search_Grid_header_seperator {
	width: 283px;
	height: 0px;
	border-top: 1px solid var(--jmc-outline-variant);
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
}

.mt_search_Grid_header_seperator {
	width: 264px;
	height: 0px;
	border-top: 1px solid var(--jmc-outline-variant);
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
}

.mt_search_Grid_item_label {
	display: block;
	width: 200px;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer;
	overflow: hidden;
}

.mt_search_Grid_Users {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	grid-template-rows: auto auto;
	border: medium;
	border-radius: 5px;
	padding: 0px;
	width: 100%;
	gap: 12px 34px;
}

.mt_search_Grid_Users_Data {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	flex-wrap: wrap;
}

.mt_search_Grid_User_container {
	width: 64px;
	cursor: pointer;
	min-height: 86px;
	padding: 4px;
}

	.mt_search_Grid_User_container:hover {
		background: var(--jmc-state-layers-light-on-surface-opacity-008);
		border-radius: 4px;
	}

.mt_search_Grid_area_label {
	color: var(--jmc-sys-light-on-surface-variant);
	margin-bottom: 8px;
	display: block;
}

.mt_search_Grid_title_container {
	margin: 4px 0px 0px 0px;
	height: 40px;
}

#ctl00_rw_search_C {
	overflow: hidden !important;
	width: unset !important;
	height: fit-content !important;
	max-height: 575px !important;
}
/* Search Box End */


/* froala Overrides */

.fr-box.fr-basic .fr-wrapper {
	border: 0px solid #CCCCCC !important;
}

.fr-box.fr-basic.fr-bottom .fr-wrapper {
	border-radius: 4px 4px 0 0 !important;
	-moz-border-radius: 4px 4px 0 0 !important;
	-webkit-border-radius: 4px 4px 0 0 !important;
	background-color: var(--jmc_Input_BG_Field) !important;
}

.fr-wrapper.show-placeholder .fr-placeholder {
	font-family: 'Roboto' !important;
	font-size: 16px !important;
	pointer-events: none !important;
	line-height: 24px !important;
	color: var(--jmc-sys-light-on-surface-variant) !important;
}

.fr-wrapper::-webkit-scrollbar-track {
	background-color: var(--jmc_Input_BG_Field) !important;
}

.fr-box.fr-basic .fr-element {
	border-bottom: var(--jmc_White_Dialog) solid 1px !important;
}

	.fr-box.fr-basic .fr-element:focus ~ .fr-placeholder {
		display: none !important;
	}

.fr-toolbar.fr-bottom {
	border-top: var(--jmc_White_Dialog) solid 1px !important;
	border-radius: 4px 4px 0 0 !important;
	-moz-border-radius: 4px 4px 0 0 !important;
	-webkit-border-radius: 4px 4px 0 0 !important;
	background-color: var(--jmc_Input_BG_Field) !important;
	border: none !important;
	border-bottom: 1px solid var(--jmc_Input_Bottom_Border) !important;
}

/* froala Overrides End */

.filter_yellow {
	filter: invert(93%) sepia(9%) saturate(6953%) hue-rotate(326deg) brightness(103%) contrast(99%);
}

.login_logo_wrapper {
	margin: 20px 0px 0px 31px;
}


/* Circle Progress Bar*/
.progress--circle {
	position: relative;
	display: inline-block;
	border-radius: 50%;
	background-color: #DDDDDD;
}

	.progress--circle:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 85%;
		height: 85%;
		border-radius: 50%;
		background-color: white;
	}

	.progress--circle:after {
		content: '';
		display: inline-block;
		width: 100%;
		height: 100%;
		border-radius: 50%;
	}

.progress__number {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: var(--jmc-font-weight-regular);
	color: var(--jmc-sys-light-on-surface);
}
/* Circle Progress Bar END*/

/* Progress Steps START*/
.stepsProgress {
	margin: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

	.stepsProgress ul {
		display: flex;
		list-style-type: disc;
		margin-block-start: 0px;
		margin-block-end: 0px;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		padding-inline-start: 0px;
	}

		.stepsProgress ul li {
			list-style: none;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			width: 142px;
		}

			.stepsProgress ul li .progress_lable_container {
				text-align: center;
				height: 58px;
			}

			.stepsProgress ul li .step-label {
				color: var(--jmc-Grey, #C1C5C8);
				text-align: center;
				font-family: 'Roboto';
				font-style: normal;
				font-weight: var(--jmc-font-weight-regular);
				font-size: 14px;
				line-height: 20px;
			}

			.stepsProgress ul li .active-step-label {
				color: var(--jmc-black, #000);
			}

			.stepsProgress ul li .step {
				height: 30px;
				width: 30px;
				border-radius: 100px;
				box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
				margin: 16px 0 10px;
				display: grid;
				place-items: center;
				color: ghostwhite;
				position: relative;
				background-image: url(./material_ui/page_indicator_inactive.svg);
				background-position: center;
			}

	.stepsProgress .step::after {
		content: "";
		position: absolute;
		width: 112px;
		height: 4px;
		background-color: var(--jmc-Grey, #C1C5C8);
		right: 30px;
	}

	.stepsProgress ul li .active {
		background-image: url(./material_ui/page_indicator_active.svg);
		background-position: center;
	}

		.stepsProgress ul li .active.completed {
			background-image: url(./material_ui/page_indicator_completed.svg);
			background-position: center;
		}

		.stepsProgress ul li .active.Edit {
			background-image: url(./material_ui/page_indicator_edit.svg);
			background-position: center;
		}

	.stepsProgress li .active::after {
		background-color: #6DBE4B;
		z-index: 1;
	}

	.stepsProgress li .completed::after {
		background-color: #6DBE4B;
		z-index: 1;
	}


	.stepsProgress .first::after {
		width: 0;
		height: 0;
	}

.progress_bar_item:hover .active * {
	text-decoration: underline;
	text-decoration-color: var(--jmc_Blue) !important;
	font-weight: var(--jmc-font-weight-bold);
	color: var(--jmc_Blue);
	cursor: pointer;
}

.progress_bar_item:hover .active {
	cursor: pointer;
}

@media all and (max-width: 1100px) {
	.stepsProgress {
		margin-top: 33px;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
}

@media all and (max-width: 615px) {
	.stepsProgress {
		margin-top: 33px;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		width: fit-content;
		margin: 33px 16px 0px 16px;
	}

		.stepsProgress ul {
			display: flex;
			list-style-type: disc;
			margin-block-start: 0px;
			margin-block-end: 0px;
			margin-inline-start: 0px;
			margin-inline-end: 0px;
			padding-inline-start: 0px;
		}

			.stepsProgress ul li {
				list-style: none;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				width: 78px;
			}

				.stepsProgress ul li .progress_lable_container {
					text-align: center;
					height: 44px;
				}

				.stepsProgress ul li .step-label {
					color: var(--jmc-Grey, #C1C5C8);
					text-align: center;
					font-family: 'Roboto';
					font-style: normal;
					font-weight: var(--jmc-font-weight-regular);
					font-size: 10px;
					line-height: 15px;
					word-break: normal;
				}

				.stepsProgress ul li .active-step-label {
					color: var(--jmc-black, #000);
				}

				.stepsProgress ul li .step {
					height: 20px;
					width: 20px;
					border-radius: 100px;
					box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
					margin: 16px 0 10px;
					display: grid;
					place-items: center;
					color: ghostwhite;
					position: relative;
					background-image: url(./material_ui/page_indicator_inactive_small.svg);
					background-position: center;
				}

		.stepsProgress .step::after {
			content: "";
			position: absolute;
			width: 60px;
			height: 4px;
			background-color: var(--jmc-Grey, #C1C5C8);
			right: 19px;
		}

		.stepsProgress ul li .active {
			background-image: url(./material_ui/page_indicator_active_small.svg);
			background-position: center;
		}

			.stepsProgress ul li .active.completed {
				background-image: url(./material_ui/page_indicator_completed_small.svg);
				background-position: center;
			}

			.stepsProgress ul li .active.Edit {
				background-image: url(./material_ui/page_indicator_edit_small.svg);
				background-position: center;
			}

		.stepsProgress li .active::after {
			background-color: #6DBE4B;
			z-index: 1;
		}

		.stepsProgress li .completed::after {
			background-color: #6DBE4B;
			z-index: 1;
		}


		.stepsProgress .first::after {
			width: 0;
			height: 0;
		}
}

@media all and (max-width: 422px) {
	.stepsProgress {
		width: fit-content;
		margin: 33px 16px 0px 16px;
		overflow: scroll;
		display: block;
		align-items: start;
	}

		.stepsProgress ul {
			display: flex;
			list-style-type: disc;
			margin-block-start: 0px;
			margin-block-end: 0px;
			margin-inline-start: 0px;
			margin-inline-end: 0px;
			padding-inline-start: 0px;
		}

			.stepsProgress ul li {
				list-style: none;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				width: 78px;
			}

				.stepsProgress ul li .progress_lable_container {
					text-align: center;
					height: 44px;
				}

				.stepsProgress ul li .step-label {
					color: var(--jmc-Grey, #C1C5C8);
					text-align: center;
					font-family: 'Roboto';
					font-style: normal;
					font-weight: var(--jmc-font-weight-regular);
					font-size: 10px;
					line-height: 15px;
					width: 78px;
					/*word-break:break-all;*/
				}

				.stepsProgress ul li .active-step-label {
					color: var(--jmc-black, #000);
				}

				.stepsProgress ul li .step {
					height: 20px;
					width: 20px;
					border-radius: 100px;
					box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
					margin: 16px 0 10px;
					display: grid;
					place-items: center;
					color: ghostwhite;
					position: relative;
					background-image: url(./material_ui/page_indicator_inactive_small.svg);
					background-position: center;
				}

		.stepsProgress .step::after {
			content: "";
			position: absolute;
			width: 60px;
			height: 4px;
			background-color: var(--jmc-Grey, #C1C5C8);
			right: 19px;
		}

		.stepsProgress ul li .active {
			background-image: url(./material_ui/page_indicator_active_small.svg);
			background-position: center;
		}

			.stepsProgress ul li .active.completed {
				background-image: url(./material_ui/page_indicator_completed_small.svg);
				background-position: center;
			}

			.stepsProgress ul li .active.Edit {
				background-image: url(./material_ui/page_indicator_edit_small.svg);
				background-position: center;
			}

		.stepsProgress li .active::after {
			background-color: #6DBE4B;
			z-index: 1;
		}

		.stepsProgress li .completed::after {
			background-color: #6DBE4B;
			z-index: 1;
		}


		.stepsProgress .first::after {
			width: 0;
			height: 0;
		}
}
/* Progress Steps END*/
/* rbl_filter_control*/

.material_rbl_filter_menu_v2 {
	position: fixed;
	margin-top: 16px;
	margin-left: -27px;
	visibility: hidden;
	transition: all 0.1s cubic-bezier(0.16, 1, 0.5, 1);
	background-color: #FFF;
	box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
	border-radius: 28px;
	z-index: 9000;
	width: 295px;
	flex-shrink: 0;
	cursor: default;
}

.rbl_filter_control {
	font-family: 'Roboto', sans-serif;
	font-weight: var(--jmc-font-weight-regular);
	font-size: 14px;
	font-style: normal;
	line-height: 40px;
	border: none;
	background-color: Transparent;
	cursor: pointer;
	margin-bottom: 20px;
}

	.rbl_filter_control input[type='radio'] {
		margin: 1px 14px 1px 10px;
	}

	.rbl_filter_control td {
		padding: 0;
	}

.radiobutton {
	display: flex;
	align-items: center;
}
/*Put this class on any text container control (ie a div) that you want the nested text to change to ... when the container shrinks. 
Note: This may not just be the first container that the text cointrol is in. If it does not work, check to see if your container is nested in another container and put this class on that container instead.*/
.text_overflow_wrapper {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/*Put this class on any text control (ie asp:Label) you want to change to ... when it's container is too small*/
.text_overflow {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/*Put these classes on any text control (ie asp:Label) you want to change to ... after x number of lines it will truncate text with an ellipsis
	NOTE: This does not need text_overflow_wrapper to work. That Class will actully prevent this from working. 
*/
.webkit_text_overflow_two_lines {
	display: -webkit-box;
	-webkit-line-clamp: 2; /* The number of lines you want to show before truncating */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.webkit_text_overflow_three_lines {
	display: -webkit-box;
	-webkit-line-clamp: 3; /* The number of lines you want to show before truncating */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*Put this class on any text container control (ie a div) that you want the nested text to change to ... when the container shrinks. 
Note: This may not just be the first container that the text cointrol is in. If it does not work, check to see if your container is nested in another container and put this class on that container instead.*/
.text_overflow_wrapper_wapping_content {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/*Put this class on any text control (ie asp:Label) you want to change to ... when it's conrainer is too small*/
.text_overflow_wrapping_content {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}



/*scroll bar styling. Note: FireFox DOES NOT support CSS styling for scroll bars.*/
/* Set the appearance of the scrollbar */
*:not(html):not(body)::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

/* Set the appearance of the scrollbar thumb */
*:not(html):not(body)::-webkit-scrollbar-thumb {
	background-color: var(--jmc_Transparent);
	border-radius: 100px;
}

/* Set the appearance of the scrollbar thumb on hover */
*:not(html):not(body):hover::-webkit-scrollbar-thumb {
	background-color: var(--jmc-outline-variant);
}

/* Hide the scrollbar track (background) */
*:not(html):not(body)::-webkit-scrollbar-track {
	background-color: var(--jmc_Transparent);
}
/*scroll bar styling end.*/



.character_counter {
	right: 16px;
	position: absolute;
	bottom: -16px;
	cursor: pointer;
}


/* No data panel formatting*/

.no_data_panel {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 140px;
}

.no_data_wrapper {
	display: flex;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
}

.no_data_label {
	width: 100%;
	justify-content: center;
	text-align: center;
	display: flex;
}

/* No data panel formatting*/


/* breadcrub filter items*/

.applied_filters_wrapper {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin-top: 20px;
	gap: 12px;
}

.filters_applied {
	background: var(--jmc-ref-neutral-variant-neutral-variant98);
	border-radius: 4px;
	cursor: pointer;
	width: fit-content;
}

.applied_filter {
	display: flex;
	align-items: center;
	margin: 4px 8px;
}

.applied_filter_text {
	margin-right: 4px;
	color: var(--jmc-sys-light-on-surface-);
}

.applied_filter_image {
	height: 14px;
	width: 14px;
}

/* breadcrub filter items*/


/* numeric_counter */
.numeric_counter {
	display: inline-flex;
	padding: 4px;
	align-items: center;
	gap: 10px;
	border-radius: 100px;
	border: 1px solid var(--jmc-outline-variant);
}

.counter_input {
	min-width: 10px;
	max-width: 24px;
	border: none;
	text-align: center;
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: var(--jmc-font-weight-medium);
	line-height: 20px;
	color: var(--jmc-sys-dark-outline-variant);
	outline: none;
	background: none;
	appearance: textfield; /* Removes spinners in some browsers */
}

	.counter_input::-webkit-inner-spin-button,
	.counter_input::-webkit-outer-spin-button {
		-webkit-appearance: none; /* Removes spinners in Chrome */
		margin: 0;
	}

.btn_decrease, .btn_increase {
	width: 20px;
	height: 20px;
	border: none;
	border-radius: 50%;
	background-color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background-color 0.3s ease, color 0.3s ease;
}

	.btn_decrease:hover, .btn_increase:hover {
		background: var(--jmc-state-layers-light-on-surface-opacity-008);
	}

	.btn_decrease[disabled]:hover, .btn_increase[disabled]:hover {
		background-color: white;
	}

/*ProductList CSS Start*/
.product_list_nothing_to_show {
	margin: 40px auto;
	text-align: center;
	gap: 9px;
	display: grid;
}

.product_list_item {
	display: grid;
	/*grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));*/
	grid-template-columns: repeat(auto-fit, 270px);
	gap: 24px;
	overflow: hidden;
	padding: 0px 63px; /* top and bottom | left and right */
	height: fit-content;
}

.product_list_item_card {
	display: flex;
	height: auto;
	flex-direction: column;
	cursor: pointer;
	background-color: var(--jmc_White);
	border-radius: 20px;
	max-width: 565px;
	min-width: 270px;
}

	.product_list_item_card:hover .product_list_item_name {
		text-decoration: underline;
		text-underline-offset: 6px;
		text-decoration-color: var(--School_Primary_color);
	}

	/* Just the image, not the whole card */
	/*.product_list_item_card:hover .product_list_quick_add_button {*/
	.product_list_item_image_container:hover .product_list_quick_add_button {
		display: flex;
	}

.product_list_item_image {
	display: block;
	margin: auto;
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 20px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.product_list_item_image_container {
	height: 256px;
	margin: 14px;
	position: relative;
}

.product_list_item_tag {
	position: absolute;
	margin: 7px 8px;
	padding: 4px 8px;
	background-color: #FFFFFF99;
	border-radius: 4px;
}

.product_list_favorite_icon_wrapper {
	width: 34px;
	height: 34px;
	background-color: #FFFFFF99;
	border-radius: 100%;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	right: 0;
	text-align: right;
	cursor: pointer;
}

	.product_list_favorite_icon_wrapper:hover {
		background-color: var(--jmc-state-layers-light-on-surface-opacity-008);
	}

.product_list_quick_add_container {
	position: absolute;
	display: none;
	padding: 8px 13px 8px 8px; /* top | right | bottom | left */
	background-color: var(--jmc_Card_Background_Gray);
	border-radius: 4px;
	right: 0;
	bottom: 0;
}

.product_list_quick_add_button {
	display: none;
	gap: 6px;
	align-items: center;
}

.product_list_quick_add_expanded {
	display: none;
	flex-direction: column;
	gap: 4px;
	width: 100%;
	padding-left: 5px;
}

.product_list_quick_add_options_container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	cursor: default;
	gap: 4px 22px;
}

	.product_list_quick_add_options_container br {
		display: none;
	}

.product_list_quick_add_size {
}

	.product_list_quick_add_size * {
		cursor: pointer !important;
	}

	.product_list_quick_add_size input[type="radio"] {
		border: 1px solid var(--jmc_Transparent);
		border-radius: 100%;
		padding: 4px;
		height: 26px;
		width: 26px;
		box-sizing: border-box;
		display: none;
		align-items: center;
		justify-content: center;
	}

	.product_list_quick_add_size label {
		border: 1px solid var(--jmc_Transparent);
		border-radius: 100%;
		padding: 4px;
		height: 26px;
		width: 26px;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		top: 0;
	}

	.product_list_quick_add_size:hover label {
		background: var(--jmc-state-layers-light-on-surface-opacity-008);
	}

	.product_list_quick_add_size input[type="radio"]:checked + label {
		border: 1px solid var(--School_Primary_color);
	}

.product_list_quick_add_colors {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 8px;
	width: 100%;
	cursor: default;
}

.product_list_quick_add_color {
	display: flex;
	cursor: pointer !important;
	align-items: center;
}

	.product_list_quick_add_color:hover {
		background: var(--jmc-state-layers-light-on-surface-opacity-008) !important;
		border-radius: 50% !important;
	}

	.product_list_quick_add_color * {
		cursor: pointer !important;
	}

	.product_list_quick_add_color input[type="radio"] {
		-webkit-appearance: none;
		width: 26px !important;
		height: 26px !important;
		padding: 3px;
		border-radius: 100% !important;
		margin: auto;
		border: 1px solid var(--jmc_Transparent);
		box-sizing: border-box;
		background-clip: content-box !important;
	}

	.product_list_quick_add_color:hover input[type="radio"] {
		box-shadow: 0px 0px 0px var(--jmc_Transparent);
	}

	.product_list_quick_add_color input[type="radio"]:checked {
		border: 1px solid var(--School_Primary_color) !important;
	}

	.product_list_quick_add_color:hover input[type="radio"]:checked {
	}

	.product_list_quick_add_color label {
		display: none
	}

	.product_list_quick_add_color input[type="radio"]:hover {
	}

	.product_list_quick_add_color input[type="radio"]:checked + label {
		border: 1px solid var(--School_Primary_color);
	}

.product_list_quick_add_colors {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 8px;
	width: 100%;
	cursor: default;
}

.product_list_quick_add_disabled {
	opacity: 50%;
}

label.product_list_quick_add_disabled::after {
	content: "";
	position: absolute;
	width: 28px;
	height: 1px;
	background-color: var(--jmc-sys-light-on-surface);
	transform: rotate(45deg);
	top: 50%;
	left: 50%;
	transform-origin: center;
	translate: -50% -50%;
}

input.product_list_quick_add_disabled::after {
	content: "";
	position: absolute;
	width: 28px;
	height: 1px;
	background-color: var(--jmc-sys-light-on-surface);
	transform: rotate(45deg);
	translate: -5px -12px;
}

.product_list_item_details_container {
	margin: 0px 14px 14px; /* top | left and right | bottom */
	display: flex;
	flex-direction: column;
}

.product_list_item_price_container {
	display: flex;
	padding-bottom: 3px;
	gap: 10px;
}

.product_list_original_price {
	text-decoration: line-through;
	color: #C0C0C0;
}

.product_list_size_list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.product_list_size {
	display: flex;
	padding: 6px 16px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 2px;
	border: 1px solid var(--jmc-sys-light-outline, #757780);
	background: transparent;
	cursor: pointer !important;
}

/*color start*/
.product_list_colors_area {
	height: 26px;
	align-content: center;
}

	.product_list_colors_area:hover .product_list_color_count {
		display: none;
	}

	.product_list_colors_area:hover .product_list_colors_wrapper {
		display: flex !important;
	}

.product_list_color_count {
	color: var(--jmc-sys-light-outline, #757780);
}

.product_list_colors_wrapper {
	display: none;
	align-self: stretch;
	align-items: center;
	flex-wrap: nowrap;
}

.product_list_color_dot_wrapper {
	padding: 4px;
	align-items: center;
	gap: 10px;
	border-radius: 100px;
}

	.product_list_color_dot_wrapper.selected {
		border: 1px solid var(--School_Primary_color);
	}

.product_list_color_dot {
	display: flex;
	width: 18px;
	height: 18px;
	border-radius: 100px;
	box-sizing: border-box;
}
/*color end*/

@media (max-width: 1296px) {

	.product_list_item {
		grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
	}

@media (max-width: 768px) {

	.product_list_item_card {
		flex-grow: 1;
	}

	.product_list_item_card:hover .product_list_quick_add_button {
		display: none;
	}

	.product_list_item {
		/*grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));*/
		padding: 0px 16px 16px; /* top | left and right | bottom */
	}

	.product_list_colors_area:hover .product_list_color_count {
		display: flex !important;
	}

	.product_list_colors_area:hover .product_list_colors_wrapper {
		display: none !important;
	}

	.product_list_item_shrink {
		grid-template-columns: repeat(auto-fit, minmax(183px, 1fr));
		gap: 16px;
}

	.product_list_item_card_shrink {
		min-width: 183px;
	}
}

@media (max-width: 420px) {

	.product_list_item_shrink {
		grid-template-columns: repeat(auto-fit, minmax(171px, 1fr));
		gap: 16px;
	}

	.product_list_item_card_shrink {
		min-width: 171px;
	}

}
/*ProductList CSS End*/


/* Snackbar styling */
.snackbar {
	display: flex;
	visibility: hidden;
	min-width: 250px;
	max-width: 344px;
	height: auto;
	background: var(--jmc-sys-light-inverse-surface);
	border-radius: 4px;
	padding: 10px 0px 10px 16px;
	align-items: center;
	position: fixed;
	gap: 16px;
	z-index: 1000;
	flex-shrink: 0;
	left: 50%;
	bottom: 30px;
	justify-content: space-between;
	box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.30);
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity 0.3s ease, bottom 0.3s ease;
}

	/* Show the snackbar */
	.snackbar.show {
		visibility: visible;
		opacity: 1;
		bottom: 30px;
	}

	/* Hide the snackbar */
	.snackbar.hide {
		opacity: 0;
		bottom: 30px;
	}


.snack_snackbar_actions {
	display: flex;
	align-items: center;
	padding: 12px;
}

.day_of_week_wrapper {
	display: flex;
	width: 224px;
	align-items: center;
	border-radius: 6px;
	border: 1px solid var(--jmc-Grey, #C1C5C8);
	gap: 0px;
	overflow: hidden;
}

.day_of_week_item {
	display: flex;
	width: 32px;
	height: 32px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	border: .5px solid var(--jmc-Grey, #C1C5C8);
	overflow: hidden;
}

.day_of_week_first_item {
	border-radius: 6px 0px 0px 6px;
}

.day_of_week_last_item {
	border-radius: 0px 6px 6px 0px;
}

.day_of_week_button {
	height: 33px;
	width: 33px;
	border: none;
	position: relative;
}

.day_of_week_separator {
	width: 1px;
	height: 100%;
	background-color: var(--jmc-Grey, #C1C5C8);
}


.day_of_week_button_selected {
	height: 33px;
	width: 33px;
	border: none;
	background-color: var(--School_Primary_color);
	color: var(--School_Header_text_color);
}

.calendar_title {
	background: var(--jmc_White);
	font-family: 'Roboto';
	font-size: 16px;
	font-style: normal;
	font-weight: var(--jmc-font-weight-medium);
	line-height: 24px;
	color: var(--Base-Gray-80, #4A5660);
}

table.calendar_title tr:first-child td:nth-child(2) {
	text-align: center !important;
}

.calendar_days_week_title {
	background-color: transparent !important;
	font-family: 'Roboto';
	font-size: 14px;
	font-style: normal;
	font-weight: var(--jmc-font-weight-medium);
	line-height: 20px;
	color: var(--Base-Gray-40);
}


.calendar_days {
	width: 20px !important;
	height: 20px !important;
	padding: 0px 5px !important;
	background: var(--jmc_White);
	text-align: center;
	font-family: 'Roboto';
	font-size: 16px;
	font-style: normal;
	font-weight: var(--jmc-font-weight-medium);
	line-height: 24px;
	color: var(--Base-Gray-80, #4A5660);
}

.caledar_day_selected {
	width: 30px !important;
	height: 30px !important;
	padding: 0px !important;
	background-color: var(--jmc-neutral-grey) !important;
	border-radius: 29px;
	text-align: center;
	font-family: 'Roboto';
	font-size: 16px;
	font-style: normal;
	font-weight: var(--jmc-font-weight-medium);
	line-height: 24px;
	color: var(--Base-Gray-80, #4A5660);
}

.calendar_general_store_selected {
	background-color: var(--School_Primary_color) !important;
	color: var(--School_Header_text_color) !important;
}