/* v7.2.8 - 07 jul 25 */
/* NBS STDS/DEFAULTS
----------------------------------------------------------*/
/* color: #034af3-		*/
/* color: #009900-	green	*/
/* #1d60ff-		*/
/* #D3D3D3-		*/
/* #FFAE35-		*/

body		{
    font-size: 12pt;	font-family: Calibri, Arial,verdana, Helvetica, sans-serif;		text-decoration: none;    color: #696969;	margin:0px;		padding: 0px;
}

form				{margin-bottom: 0; width: 100%;}

a					{text-decoration: none;}
a:link, a:visited	{color: #034af3;}
a:hover				{color: #1d60ff;		text-decoration: none;}
a:active			{color: #034af3;}

table			{border-collapse: collapse;}
img				{vertical-align:middle;	border-style:none;}
input			{font-size: 11pt;}
textarea		{font-size: 11pt;		font-family:Arial;		vertical-align:middle;}
select			{font-size: 11pt;		font-family:Arial;		vertical-align:middle;		color:#000000;}

p				{margin-bottom: 10px;	line-height: 1.6em;}

@media screen	{
	#menu, #logo, #sidebar		{display: none; }
	.printonly, .page-break		{display: none; }
	.nodisplay					{display: none;}
	tr							{font-size:12pt;}
}
@media print	{
	.popupTitleDiv		{display: none; }
	.button_row			{display: none; }
	.button_row	{display: none; }
	.screenonly			{display: none; }
	.footer				{display: none; }
	.GridPagerRow		{display: none; }
	.GridCommandButton	{display: none; }
	.noprint			{display: none; }
	body				{width: 8in; }
	tr					{font-size:10pt;}
	footer				{page-break-after: always;}
}
/* std print media page
----------------------------------------------------------*/
.printTable		{font-size: 12pt;	table-layout: fixed;}
.printHdrLines	{font-size: 12pt;	text-align:center;		font-weight:bold;	color:black; }
.printNOPLines	{font-size: 12pt;	text-align:center; }
.printThLine	{font-size: 12pt;}
/* LOGIN  
----------------------------------------------------------*/
#login			{font-size: 16pt;	text-align: center;}

/* MISC  ???????
----------------------------------------------------------*/
.clear		{	clear: both;}
.title		{	display: block;    float: left;    text-align: left;    width: auto;}

/* GRID  
----------------------------------------------------------*/
.Grid,.Grid_NoLines	{width:100%;}
.Grid_NoLines		{border:none;}
.Grid_NoLines	td	{border: none;	padding-left: 3px;	padding-right: 2px;}

.GridRow,.GridAltRow,.GridRowPointer,.GridRowN,.GridRowN20, .GridAltRowN20		{color:black;	background-color: white;}
.GridRow,.GridAltRow							{font-size: 11pt;	height: 35px;}
.GridRowN,.GridAltRowN							{font-size: 11pt;	height: 25px;}
.GridRowN20,.GridAltRowN20						{font-size: 11pt;	height: 20px;}
.GridRow:hover,.GridAltRow:hover				{background-color: #e8e8e8;}

.GridHeader, .GridHeaderLeft, .GridHeaderLeft35	 {height: 35px;		font-size: 11pt;	color: black;	font-weight: bold;	border:thin;	border-style: solid;	background-color:white;}
.GridHeader			{text-align:center;}
.GridHeaderLeft		{text-align:left;	padding-left:5px;	}
.GridHeaderLeft35	{text-align:left;	padding-left:35px;	}

.GridCommandHeader	{font-size: 11pt;	width:40px;		text-align:center;}
.GridCommandButton, .GridCommandButtonDelete	{font-size: 11pt;	text-align:center;	width:35px;	  	margin-left: auto;	margin-right: auto;}
.GridCommandButtonDelete	{visibility:hidden;}
.GridCommandButtonDeleteImg {background: url(/BMS/Images/item_update32.png);	padding-left: 2px;	background-color: #1d60ff;}


/* EUDAC = Edit, Update, Delete, Add, Change */
.GridCommandEUDAC,.GridCommandEUDAC-i,.GridCommandEUDAC-f	{font-size: 10pt;	text-align:center;	width:35px;  	display: block;		margin-left: auto;	margin-right: auto;	}
.GridCommandSpan	{color: #034af3;	cursor:pointer;}
.GridCommandLabel	{color: #034af3;	cursor:pointer;}
.GridDate-i			{text-align:center;	width:6em;}
.GridDate-9			{text-align:center;	font-size: 9pt;		width:70px;}
.GridDate			{text-align:center;	font-size: 10pt;	width:6em;}
.GridPhoneNum		{text-align:left;	padding-left:5px;	width:90px;}
.GridNum			{text-align:right;	padding-right:5px;	width:90%;}
.GridText			{padding-left:2px;}
.GridTextCenter		{text-align:center;}
.GridTextRight		{text-align:right;	padding-right:2px;}

.GridPagerRow		{height: 30px;		width: 100%;	text-align: center;		padding-top: 3px;	} 
.GridPagerRow	span{color:red;}
.GridPagerRow	td	{padding-left: 10px;	padding-right: 10px;	border:1px solid;}
.GridPagerRow	a	{cursor: pointer;}

.GridNoData			{font-size:20pt;	color: red;		height: 45px;		width: 100%;	text-align: center;		padding-top: 8px;	border: none;}

#AddNewTable		{padding:0px 0px 0px 0px;	}
#AddNewTable	tr	{font-size: 12pt;	color:black;	background-color: white;	height: 35px;	width:100%;		padding-left:0px;	}
#AddNewTable	td	{margin: 1px 1px 1px 1px;	border: thin;}

.ADDNEW_div			{width: 100%;	border-style: none;	border-width: thin;	float:left;  display:none;	}
.AddNewRow			{font-size: 12pt;	color:black;	background-color: white;	height: 35px;	width:100%;		padding-left:0px;	}

/* std icons
----------------------------------------------------------*/
.enacr_icon_container	{width:35px;		text-align:center;}
.lst_det_icon, .lst_det_icon_bgw, .more_icon	{width:32px;		height:32px;cursor: pointer;			vertical-align:middle;		background-color:#1d60ff;}
.lst_det_icon_bgw		{background-color:white;}
.thefinger				{cursor: pointer;	color: blue;}

/* std_css
----------------------------------------------------------*/
.ee_main_fr		{font-size:14px;	width:100%;	background-color:white;    color:black;		padding-left:4px;	vertical-align:middle;	border-spacing:0;}
.ee_data_line	{font-size:12pt;	text-align:left;	height:30px;} 
.ee_data_title	{font-size:12pt;	text-align:right;	padding-right:5px} 
.ee_data_field	{font-size:12pt;	text-align:left;} 
.ee_data_line_small	{font-size:small;	text-align:left;	height:30px;} 
.ee_data_span_small	{font-size:small;	text-align:left;    height:30px;	color:black;} 
.ee_data_field_small{font-size:small;	text-align:left;} 

.clickable_element, .clickable_element_vt		{font-size: 12pt;     color:blue;		cursor: pointer;}
.clickable_element_vt	{margin-top: 5px;}
.img_bgc		{background-color:#D3D3D3;}

.howToP			{font-size: 12pt;	color:black;	font-weight: normal;}

.table_dsply_hid		{display:none;			width:99%;		font-size: 10pt;}
.table_dsply_vis		{display:inline-block;	width:99%;		font-size: 10pt;}

.text_phone				{font-size:9pt;	text-align:center;}
.text_date				{font-size:9pt;	text-align:center;	width:6em;      background-color:white;}
.text_date_clickable	{font-size:9pt;	text-align:center;	width:6em;      background-color:white; color:Navy; cursor:pointer;}
.text_date_time			{font-size:9pt;	text-align:right;	width:125px;    background-color:#D3D3D3;}

/* std button stuff
----------------------------------------------------------*/
.button_row			{height: 40px;	width: 100%;	text-align: center;	padding-top: 8px;}
#div_BottomButtons	{font-size: 8pt;	float:left;	padding-right:25px;}
.std_button_6pt		{font-size: 8pt;	cursor: pointer;	vertical-align: middle;		height:	20px;} 
.std_del_button		{font-size:10pt;	color: red !important;	font-weight:bold;}
.lst_buttons, .ee_buttons, .ee_buttons_100, .std_button, .std_button_100, .new_bottom_button, .submit_button, std_button_6pt, .iframe_top_button	{
	color:black;	background-color: #FFAE35 ;	
	font-size: 8pt;	height: 30px;	cursor: pointer;	border-width: 0px;	border-radius: 10px;		text-align: center;		margin-left: 5px;	margin-right: 5px;	
} 
.lst_buttons, .ee_buttons, .std_button	{width: 70px;} 
.new_bottom_button, .iframe_top_button	{width: 60px;}
.std_button_100, .ee_buttons_100 {width: 100px;} 
.submit_button		{font-size:10pt;	width: 80px;} 

/* std top title, menu and other top stuff
----------------------------------------------------------*/
.standalonepagetitle	{font-size: 18px; 	font-weight: bold;	  text-align: center; color:black;	background-color:orange;}  
.popupTitleDiv		{height: 35px;	font-size: 16pt;	text-align: center;	color: black;	background-color: #FFAE35;	padding-top:5pt;	position:sticky;	top:0;	}
.errMsgDiv			{font-weight: bold;	width: 100%;	text-align: center;	color: red;	font-size: 14pt;	}

#div_topbar			{height:50px;	font-size: 16pt;	line-height:50px;	color:white;	text-align:center;	text-transform: uppercase;}
#div_systemtitle	{float:left;	width: 70%;		color:black;	background-color:#FFAE35; 	display: table-cell;		vertical-align: middle;			}
#span_systemtitle	{display:inline-block;	vertical-align:middle;	line-height:normal;}
#div_pagetitle		{float:left;	width: 30%;		color:black;	background-color:#FFAE35; 	display: table-cell;		vertical-align: middle;			}
#span_pagetitle		{display:inline-block;	vertical-align:middle;	line-height:normal;}

.div_NavBar			{float:left;	width: 100%;	height: 40px;		margin-left: 15px;		padding: 0px;		margin: 0px; 		display: block;			clear: both;
					color: black;	background-color:#FFAE35; 	font-size: 16pt;	text-align: center;
}
.div_NavItem		{float: left;	position: relative;		margin-top: 7px;	padding: 0px 15px;		list-style-type: none;		cursor:pointer;}
.div_NavIcons		{float:right;	padding: 4px 5px 0px 0px;}

.div_title_centered {font-size:14pt;	width:100%;		color:black;	text-align:center;	padding-top:5px;	padding-bottom:5px}

/* in page popup title
----------------------------------------------------------*/
.inpagepopuptitle		{height: 30px;	width:100%;		font-size: 16pt;	font-weight: bold;	text-align: center;	color: black;	background-color: #FFAE35;	padding-top:5pt;		top:0;	}

/* std sub menu menu
----------------------------------------------------------*/
.submenubar			{height:40px;	line-height:40px;	width:100%;		color:blue;	background-color: #009900;	font-family:Calibri, Arial, verdana, Helvetica, sans-serif;}
.submenuitem		{margin-left:10px; margin-right:10px;	padding-left:5px; padding-right:5px;	display: table-cell;	text-align: center;	float: left;	
			cursor: pointer;	color: black;	background-color: #FFAE35;	transition: background-color 0.4s;}
.submenuitem:hover	{background-color:antiquewhite;}
.submenu	{position:absolute; top:50px;  left:50px; display:none;	margin:0 auto;	padding-right: 15px;	padding-bottom: 15px;	background-color:#009900;}
.menubut	{width: 110px; height:110px; text-align:center;	margin-left:15px;	margin-top:25px;	float:left;		cursor:pointer;		padding-top: 15px;
			color:black;	background-color:#FFAE35;		border-radius: 10px;
}
.menuimg		{margin-left:auto;	margin-right:auto;		height:32px;}
.menutxt		{margin-top:10px;	align-content:center;	font-size:12pt;}
.menu_x_close	{text-align:right;	height:15px;}


/* std footer stuff
----------------------------------------------------------*/
.div_Listbyalpha {position:fixed;	bottom:35px;	height: 35px;	width: 100%;	text-align: center;		padding-top: 8px;}
.listbyalphaLet	{float:left;	height: 25px;		padding-top:5px;	font-size: 10pt;	text-align:center;	color:blue;		cursor: pointer;	width:25px;}
.listbyalphaTx1 {float:left;	height: 25px;		padding-top:7px;    font-size: 9pt;	    font-family: Arial;		padding-left: 10px;}
.listbyalphaTx2 {float:left;	height: 25px;		padding-top:7px;	font-size: 9pt;     font-family: Arial; }
.footer			{font-size:10pt;	height:35px;	position:fixed;		bottom:2px;		text-align:center;	width:100%;}
.std_copyright  {color:black;   text-decoration:none;   font-size:8pt;}

/* std_cal
----------------------------------------------------------*/
#calControl		{display: none;    width: 270px;    position: fixed;    border: thick solid orange;    background-color: white;}
#timeControlSA	{display:none;	height:30px;	position:absolute;	border:thick solid orange;	background-color:white;		 padding-right:5pt; padding-top:5pt;	padding-left:5pt;}

#dsplCalDay		{font-size:12pt;	width:25px;		text-align:center;}
#selCalYear		{width:40px;	text-align:right;}

.cal_hdr_tab				{font-size: 10px;	width:99%;	}
.cal_hdr_lst_title			{font-size: 14px;	color:black;		height: 35px;	font-weight: bold;	text-align: center;		background-color:orange;}  
.cal_hdr_col_title			{font-size: 12px;	color:black;		height: 35px;	text-align:left;	background-color:LightGrey; }  
.cal_hdr_col_title_center	{font-size: 14px;	color:black;		height: 35px;	text-align:center;	background-color:LightGrey;}  
.cal_header		{font-size:16pt;	font-weight:bold; font-style:italic; color:green; text-align:center; }
.dd_dt_mv_hdr	{text-align:center;}
.dropdown		{font-size:10pt;	height:20px;}
.calSetBbutton	{font-size:10pt;	height:20px;	margin:5px;	}
.calSetBbutton2	{font-size:10pt;	height:20px;	text-align:center;	width:60px;}
.date_field		{font-size:10pt;	width:70px;			cursor:pointer;		color:Red;}
.day_titles		{font-size:7pt;		text-align:center;	border:thin solid;}
.mon_button 	{font-size:9pt;		height:22px;		width:30px;		border: thin solid;}
.sel_mon_button		{background-color:orange;	 color:white;}
.unsel_mon_button	{background-color:LightGrey; color:black;}
.setcancel		{font-size:8pt;		text-align:center;}
.time_line		{font-size:8pt;		font-weight:bold;	text-align:center;}

/* std timetacker stuff (applies to both popup and mobile)
----------------------------------------------------------*/
#tt_login			{font-size: 30pt;}
#tt_login input		{font-size:34pt;}
.tt_left_colwidth	{width: 100pt;}
.tt_input input		{font-size:10pt;	width:100px;}
.tt_comments		{font-size:10pt;	width:420px;	height:200px;}

/* std blinking image
----------------------------------------------------------*/
@-moz-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Firefox */
@-webkit-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Webkit */
@-ms-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* IE */
@keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Opera and prob css3 final iteration */
.blinkimg {
	border:1px solid #000;
	-moz-transition:all 1s ease-in-out;
	-webkit-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	/* order: name, direction, duration, iteration-count, timing-function */   
	-moz-animation:blink normal 2s infinite ease-in-out; /* Firefox */
	-webkit-animation:blink normal 2s infinite ease-in-out; /* Webkit */
	-ms-animation:blink normal 2s infinite ease-in-out; /* IE */
animation:blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}​

/* Chris Coyier "speech bubble"
----------------------------------------------------------*/ 
.area		{ 	width: 300px;	  height: 300px;	background: url(../images/abe-bg.png) no-repeat;	position: relative;}
.bubble		{	position: absolute;		left: 93px;		top: 21px;	width: 135px;	height: 84px;	display: table; }
.bubble p	{	display: table-cell;		vertical-align: middle;		text-align: center;		}

/*  open/close accordion
----------------------------------------------------------*/
.accordion 	{	margin-bottom: .2em;}
.accordion label			{
	display: block;		color: black;		cursor: pointer;	font-weight: normal;
	padding: 0px;		user-select: none;	background: #f0f0f0;
}
.accordion label,  .accordion .content		{
	margin: 0 auto; 
}
.accordion label:hover,  .accordion label:focus	{
	background: #09a909;
}
.accordion .handle			{
	margin: 0;	font-size: 16px;	
}
.accordion .handle label:before	{
	font-family: FontAwesome;	content: "\f107";	display: inline-block;
	margin-right: 10px;			font-size: 1em;		line-height: 1.556em;
	vertical-align: middle;		transition: 0.4s;
}
.accordion .content			{	
	background: #fff;	overflow: hidden;	height: 0;	transition: 0.5s;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
}
.accordion > input[name="collapse"] {
	display: none;  
}
.accordion > input[name="collapse"]:checked ~ .content {
	height: fit-content;	transition: height 0.5s;	
	border-top: 0;  		transition: 0.3s;
}
.accordion > input[name="collapse"]:checked ~ .handle label:before {
	transform: rotate(180deg);	transform-origin: center;	transition: 0.4s;
}