

<style>


/* Reset body padding and margins */
		body { margin:0; padding:0; background-image: url(../img/layout/page_background.png); background-repeat: repeat-y; }
		


/* =============================================================================
   5/2022 UPGRADE - FLEX DIVS LAYOUT - START
   ========================================================================== */
   

	/*navigation divs*/

	.div_iconMenu 	 {float: left; display: inline-block; background-color: #33628A; height: 100%;}
	
	.div_mainMenu 	 {
		float: left; 
		display: inline-block; 
		background-color: lightgrey; 
		height: 100%;
		overflow-y: scroll;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	.div_mainMenu::-webkit-scrollbar { display: none; }

	.div_collasped_mainMenu{
		float: left; 
		display: inline-block; 
		background-color: lightgrey; 
		height: 100%;
		overflow-y: scroll;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	.div_collasped_mainMenu::-webkit-scrollbar { display: none; }
	
	.div_mainContent {
		height: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		flex-wrap: wrap;
		align-items: flex-start;
		padding:0;
		overflow: scroll;
		/*HIDE SCROLLBAR*/
/*		scrollbar-width: none; -ms-overflow-style: none;*/
	}
	
	.div_aboveMainContent {
		height: 80px;
/*		width: 100%;*/
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
/*		flex-wrap: wrap;*/
		align-items: flex-start;
		padding-left: 0px;
		overflow: hidden;
		/*HIDE SCROLLBAR*/
		scrollbar-width: none; -ms-overflow-style: none;
	}

	.table_mainContent { border-spacing: 0; }
/*
	.div_mainContent::-webkit-scrollbar {
		display: none;
	}
*/
	.div_mainContentOverflow {
		display: inline-flex;
		/*overflow-x: auto;*/
		height: 100%;
		width: 100%;
		flex-direction: column;
	}


	/*navigation tables*/

	.table_iconMenu { width: 1px; white-space: nowrap; border-collapse: collapse;}	
	.table_mainMenu { border-collapse: collapse; }
	.table_collasped_mainMenu { border-collapse: collapse; }


	/*navigation cells - icon menu*/

	.cell_iconMenu {
		width:1px; 
		height: 32px;
		color:white!important;
		white-space: nowrap;
		text-align: center;
		padding: 10px;
		border-bottom: none!important;
		font-family: 'Roboto', sans-serif;
		border:none;
		cursor:pointer;
		font-size: 15px;
	}
	.cell_iconMenu:hover {background-color: #195382;}
	.cell_iconMenu.cell_iconMenuActive {background-color: #33628A;}	

	.cell_iconMenu_customer_name {
		width:1px; 
		height: 32px;
		color:white!important;
		white-space: nowrap;
		text-align: center;
		padding: 10px;
		padding-bottom: 0;
		border-bottom: none!important;
		font-family: 'Roboto', sans-serif;
		border:none;
	}
	.cell_iconMenu.dropdownOnClick { letter-spacing: unset; padding: 10px 10px 10px 10px; font-size: 15px; }
	.cell_collasped_mainMenu.dropdownOnClick { letter-spacing: unset; padding: 10px 10px 10px 10px; font-size: 15px; }

	/*navigation cells - main menu*/
	.cell_mainMenu {
		height: 36px;
		width: 225px;
		color: #292929!important;
		white-space: nowrap;
		text-align: left;
		padding: 10px;
		border-bottom: none!important;
		border:none;
		cursor:pointer;
		font-family: 'Roboto', sans-serif;
		font-weight: bold;
		font-size: 15px;
		text-transform: uppercase;
	}
	.cell_mainMenu>i {width:25px;}
	.cell_mainMenu:hover { background-color: #EDEFF3;}
	.cell_mainMenu.cell_mainMenuActive { background-color: #EDEFF3; }

	.cell_collasped_mainMenu {
		height: 36px;
		width: 25px;
		color: #292929!important;
		white-space: nowrap;
		text-align: left;
		padding: 10px;
		border-bottom: none!important;
		border:none;
		cursor:pointer;
		font-family: 'Roboto', sans-serif;
		font-weight: bold;
		font-size: 15px;
		text-transform: uppercase;
	}
	.cell_collasped_mainMenu>i {width:25px;}
	.cell_collasped_mainMenu:hover { background-color: #EDEFF3;}
	.cell_collasped_mainMenu.cell_mainMenuActive { background-color: #EDEFF3;}

	.cell_mainMenu_sub {
		height: 32px;
		color: #292929!important;
		white-space: nowrap;
		text-align: left;
		padding: 10px;
		border-bottom: none!important;
		border:none;
		cursor:pointer;
		font-family: 'Roboto', sans-serif;
		font-size: 13px;
		font-weight: 700;
		text-indent: 28px;
		text-transform: uppercase;
		background-color: #999;
		background-color: lightgrey; 
	}
	.cell_mainMenu_sub:hover { background-color: #EDEFF3;}
	.cell_mainMenu_sub.cell_mainMenuActive { background-color: #EDEFF3;}

	.hideScrollBar {overflow-y:scroll; scrollbar-width: none; -ms-overflow-style: none;}
	.hideScrollBar::-webkit-scrollbar { width: 0 !important;}

	.buttonCollaspe {
		position: fixed; bottom: 20px; left: 295px;
		padding: 10px;
		background-color: lightgrey;
		text-align:center;
		cursor: pointer;
	}

	.buttonExpand {
		position: fixed; bottom: 20px; left: 95px;
		padding: 10px;
		background-color: lightgrey;
		text-align:center;
		cursor: pointer;
	}

	/*indent for long titles beside icons*/
	.mainMenuIndent {
		position: relative;
		left: 28px;
		margin-left: -26px;
		text-indent: -3px;
	}
   
/* =============================================================================
   FLEX DIVS LAYOUT - END
   ========================================================================== */
   
   
   
td.main_navigation:hover, td.main_navigation_onpage { border-left:6px solid #33628A;}
/* Make Header Sticky */
.admin_dropdown li a:hover {background-color: #195382!important;}
#header_container {
	background:#33628A;
	height:47px;
	left:0; position:fixed; width:100%; 
	top:0; z-index:1; 
	}
#header{ line-height:40px;
	margin:0 auto; 
	width:100%; text-align:center; 
	font-family:'Roboto', sans-serif; 
	font-size:12px; color:#FFF; 
	font-weight:500; 
	z-index:1; 
	}
.customer_logo,
.order_title{
	background-color:#33628A; 
	border-right:1px solid #195382; 
	font-size: 12px;
    color: #FFF;
	}
.user_name_button { 
	line-height:25px; 
	background-color:#33628A; 
	border-left:1px solid #195382; 
	border-right:1px solid #195382; 
	}
.user_name_button:hover { background-color:#195382;
	cursor:pointer;
	}
.header_button {
	background-color:#33628A;
	border-right:1px solid #195382;
	color:#FFF;
/*	text-shadow:0px 0px 4px #F00;*/
	text-decoration:blink;
	font-size:16px;
	}
.header_button:hover { 
	background-color:#195382; 
	cursor:pointer; }
.header_button_no_link { background-color:#33628A;
	border-right:1px solid #195382;
	color:#FFF; text-shadow:0px 0px 4px #F00; 
	text-decoration:blink;
	font-size:16px; }
.header_button_with_dropdown {
	background-color:#33628A;
	border-right:1px solid #195382;
	color:#FFF; }
.header_button_with_dropdown:hover {
	background-color:#195382;
	cursor:pointer;
	}



/* =============================================================================
   NEW STYLES 3-7-2018
	
		LIST OF TABLE STYLES:
		cleanTable
		cleanFormTable
		cleanOrderFormTable
		cleanCCBillingTable
		chartTable	
	
   ========================================================================== */
	div#content {
		font-family: 'Roboto', sans-serif;
		font-size: 12px;
		color: #000;
	}
	input.copyText { border: 1px solid transparent; background-color: transparent; display: inline-flex; float: left; }
	#overlayLoadingDiv {
		background-color: rgba(230, 230, 230, 0.8);
		text-align: center;
		padding: 3%;
		box-sizing: border-box;
		font-size: 42px;
		color: #333;
		display: table;
	}
	
	/* page sections are the white header on pages */   
	.pageSectionHeader 			{ color:#666666; background-color:#FFF; font-family: 'Roboto', sans-serif; font-size:18px; padding: 24px 12px 18px; text-transform:uppercase; }
	.pageSectionHeaderTitle		{ color:#666666; background-color:#FFF; font-family: 'Roboto', sans-serif; font-size:18px; padding: 24px 12px 18px; text-transform:uppercase; font-weight:700; }
	.pageSectionHeaderSubTitle	{ color:#666666; background-color:#FFF; font-family: 'Roboto', sans-serif; font-size:18px; padding: 24px 12px 18px; text-transform:uppercase; font-weight:700; }
	.pageSectionHeaderSelections{ color:#292929; background-color:#FFF; font-family: 'Roboto', sans-serif; /*padding: 24px 12px 18px;*/ padding: 24px 5px 18px; vertical-align:middle; text-transform:uppercase; }
	
	/*order template header*/	
	table.orderTemplateHeader,
	table.orderTemplateHeader td {
		background-color:white;
		margin:0;
		border-spacing: 0;
    	border-collapse: collapse;
		color:#666666;
		font-family: 'Roboto', sans-serif;
		/*text-transform:uppercase;*/
	}
	tr.orderTemplateHeaderTitle td {
		font-size: 18px;
		padding: 12px 24px;
		border-bottom:1px solid #E6E6E6;
	}

	tr.orderTemplateHeaderSubTitle td {
		font-size: 15px;
		padding: 6px 24px;
		color: #999999;
	}

	tr.orderTemplateHeaderTitle .expediteOrder { padding: 6px; }

	.expediteOrder .notificationIcon,
	.expediteOrder_new .notificationIcon { width: 102px; }
	.expediteOrder .notificationText {
		color: #525252;
		font-weight: 600;
		padding: 14px;
		font-size: 16px;
		text-align: left;
	}
	.expediteOrder_new .notificationText { color: #525252; text-align: left; }


	/*== White Box Shadow Table (older version)=============================================== */
	.sectionShadowTableContainer {
		width:100%;
		border:none;
		border-spacing: 4px;
    	border-collapse: separate;
		padding:0;
		background-color: white;
		box-shadow: 0 0.07143rem 0.28571rem 0 rgba(0,0,0,.2);
		border-radius: .14286rem;
	}
	.sectionShadowTable, .generalContentTable 	{
		color:#666666;
		font-family: 'Roboto', sans-serif;
		text-align: left;
		width:100%;
		padding:0;
		border-collapse: collapse;
		text-transform: uppercase;
	}
	
	.sectionShadowTable th,
	.sectionShadowTable td,
	.sectionShadowTableCell { font-size:14px; text-transform:uppercase; padding:8px; border-bottom:1px solid #E6E6E6; }

	.sectionShadowTable tr:last-child td {border-bottom:none;}
	.sectionShadowTable tr:last-child .generalContentTable td { padding:8px; border-bottom:1px solid #E6E6E6; }
	.sectionShadowTable tbody tr.hasTable:hover {background-color:inherit;}	

	tr.hasTable:hover {background-color:inherit;}	
	.generalContentTable td, .sectionShadowTable .generalContentTable td { padding:8px; border-bottom:1px solid #E6E6E6; font-weight:normal; }
	.generalContentTable tr td { font-size:12px; text-transform:uppercase; font-weight:normal; }
	.generalContentTable tr:last-child td {border-bottom:none;}
 
	/*table cell styles*/
	.columnHeaders { font-size:12px; font-weight:bold; padding: 12px 6px 12px; border-bottom:2px solid #E6E6E6;}
	.columnLabel   { width:200px;  solid #E6E6E6; text-transform:uppercase; background-color:white; font-weight:bold; border-right:2px solid #E6E6E6; }
	.noUnderline   { border-bottom:none; }
	.lightContent  { color:#999999; font-size:10px; padding: 6px 6px; }	

/* =============================================================================
   SHADOW BOXES / NEW PAGE LAYOUT
   ========================================================================== */
	/*Main Container*/
	.shadowBoxBackground {
		position: relative;
		top: 0;
		top: -8px;
		left: -10px;
		right: 0;
		bottom: 0;
		height: 100%;
		width: 101%;
		background-color: #EDEFF3;
	}
	.shadowBoxArea{ width:100%; padding: 10px 10px 0 10px;}
	.shadowBoxArea + .shadowBoxArea {  padding-top: 0;  margin-top: -6px; }
	/*Shadow Box Column Container - for different size columns on same page*/
	.shadowBoxRow,
	.shadowBoxContainer { width:100%; margin-bottom: -6px;}
	
	/*Shadow Box Column Containers*/
	td.shadowBoxColumn {width:98%; vertical-align: top;}
	td.shadowBox2Columns { width: 48%; vertical-align: top; }
	td.shadowBox2Columns_60 { width: 58%; vertical-align: top; }
	td.shadowBox2Columns_40 { width: 38%; vertical-align: top;}
	td.shadowBox3Columns{ width: 30%; vertical-align: top; }
	td.shadowBox4Columns{ width: 21%; vertical-align: top; }
	td.shadowBoxColumn_20{ width: 18%; vertical-align: top; }
	td.shadowBoxColumn_75{ width: 71%; vertical-align: top; }
	td.shadowBoxColumn_80{ width: 78%; vertical-align: top; }

	td.shadowBox4Columns + td.shadowBox4Columns,
	td.shadowBox3Columns + td.shadowBox3Columns,
	td.shadowBox2Columns + td.shadowBox2Columns,
	td.shadowBox2Columns + td.shadowBox4Columns,
	td.shadowBox4Columns + td.shadowBox2Columns,
	td.shadowBoxColumn_75 + td.shadowBox4Columns,
	td.shadowBox2Columns_60 + td.shadowBox2Columns_40,
	td.shadowBox2Columns_40 + td.shadowBox2Columns_60,	
	td.shadowBox4Columns + td.shadowBoxColumn_75,
	td.shadowBoxColumn_80 + td.shadowBoxColumn_20,
	td.shadowBoxColumn_20 + td.shadowBoxColumn_80 { padding-left:10px; }

	/** WHITE BOXES ********/
	.shadowBox {
		width: 100%;
		background-color: white;
		box-shadow: 0 0.07143rem 0.28571rem 0 rgba(0,0,0,.2);
    	border-radius: .14286rem;
		border-spacing:6px;
		margin-bottom: 15px;
		font-family: Roboto, sans-serif;
	}
	.shadowBox th,
	.shadowBoxTitle {
		height: 20px;
		font-size: 15px;
		color: #666666;
		text-transform: uppercase;
		height: 20px;
		padding: 5px 0 0 5px;
	}
	.shadowBoxTitle {text-align: left;font-weight: bold;}
	.shadowBox th.stackedBoxPageTitle{
		font-size: 18px;
		color: #33628A;
		text-transform: uppercase;
		height: 44px;
		padding: 5px 0 0 10px;
		font-weight: bold;
		text-align: left;
	}	
	.shadowBoxItem { font-family: 'Roboto', sans-serif;}
	table.shadowBoxItem td { border: none; }
	
	.shadowBoxText {  padding: 6px; font-size: 14px; color: #292929; font-family: 'Roboto', sans-serif;}
		
/* =============================================================================
   Stacked ShadowBoxes


   ========================================================================== */
	.stackedBox {
		width: 100%;
		background-color: white;
		box-shadow: 0 0.07143rem 0.28571rem 0 rgba(0,0,0,.2);
    	border-radius: .14286rem;
		border-spacing:6px;
		margin-bottom: 0;
		border-bottom: 1px solid #d3d3d3;
	}
	.stackedBox:first-child{ border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
	.stackedBox:last-child{ border-top-right-radius: 0; border-top-left-radius: 0; }	
	.stackedBox th,
	.stackedBoxHeader {
		font-family: Roboto, sans-serif;
/*		font-weight: normal;*/
/*		height: 20px;*/
/*		padding: 10px 0 0 10px;*/
/*		padding: 10px 10px 0 10px;*/
/*		font-size: 13px;*/
		line-height: 14px;
/*		color: #4c4c4c;*/
		text-transform: uppercase;
		/*match shadowBox*/
		font-size: 15px;
		color: #666666;
		text-transform: uppercase;
		height: 20px;
/*		padding: 5px 0 0 5px;*/
		padding: 5px 0 7px 5px; 
		font-weight: bold;
		text-align: left;
	}
/*
	.stackedBox th.shadowBoxTitle {
		font-size: 18px;
		color: #33628A;
		text-transform: uppercase;
		height: 44px;
		padding: 5px 0 0 10px;
		font-weight: bold;
	}
*/
	.stackedBox th.shadowBoxTitle {
		font-weight: 700;
	}
	.stackedBox th.stackedBoxPageTitle{
		font-size: 18px;
		color: #33628A;
		text-transform: uppercase;
		height: 44px;
		padding: 5px 0 0 10px;
		font-weight: bold;
		text-align: left;
	}	
	.stackedBox td { /*font-size: 14px;*/ font-family: 'Roboto', sans-serif; }
	
	table.stackedBoxForm,
	table.stackedBoxTable,
	.indentTable_stackedBox>table,
	.indentTable_stackedBox>table.complexForm {
		margin-left: 27px;
		margin-top: 7px;
		margin-bottom: 7px;
		/*width: 97%;*/
		width: 95%;
		border-collapse:collapse;
	}
/*
	.shadowBox2Columns .indentTable_stackedBox>table,
	.shadowBox2Columns_60 .indentTable_stackedBox>table  { width: 95%; } 
	.shadowBox2Columns_40 .indentTable_stackedBox>table  { width: 93%; } 
	.shadowBox3Columns .indentTable_stackedBox>table  { width: 91%; } 
	.shadowBox4Columns .indentTable_stackedBox>table  { width: 89%; } 
*/
/*	.indentTable_stackedBox{overflow-x: scroll;}*/
	
	.stackedBoxForm td,
	.stackedBoxFormCell { line-height: 2.5em; }
	
	.stackedBoxForm input[type="text"], .stackedBoxForm input[type="password"] {
		border: 1px solid #d3d3d3;
		color: #000;
		font-size: 12px;
		padding: 6px;
		border-radius: 3px;
		font-family: 'Roboto', sans-serif;
	}
	.stackedBoxTable th {
		font-size: .78571rem;
		font-size:14px;
		font-weight: 400;
		color: #757575;
		text-transform: uppercase;
		padding: 6px;
		padding-bottom:0;
		border-bottom: 1px solid #ddd;
	}
	.stackedBoxTable td {
		font-size: 14px;
		font-size: 13px;
		color: #292929;
		padding: 6px;
		border-right: 1px solid #e1e1e1;
	}
	.stackedBoxTable td:last-child{ border-right-width:0; }
   /*=================================================================================
	Clean Table
	================================================================================= */	
	.cleanTable, .cleanFormTable, .cleanOrderFormTable, .cleanCCBillingTable{
		background-color:white;
		width:100%;
		border:none;
		border-collapse: collapse;
		padding:0;
		font-family: 'Roboto', sans-serif;
		text-transform:uppercase;
	}
	
	.cleanTable tbody tr:nth-child(even),
	.cleanFormTable tbody tr:nth-child(even),
	.cleanOrderFormTable tbody tr:nth-child(even),
	tr.stripedRow {background-color:#fafcff;}
	tbody.shadedRows tr:nth-child(even) {background-color:#fafcff;}
	
	.cleanTable tbody tr:hover,
	.cleanCCBillingTable tbody tr:hover { background-color:#EDEFF3;  }
	
	.cleanTable th {
		color: #666666;
		font-size: 12px;
		padding: 12px 6px 12px;
		border-bottom: 2px solid #E6E6E6;
		/*font-weight: normal;*/
		text-transform: uppercase;
	}
	th.cleanTableHeader {
		color: #666666;
		font-size: 12px;
		padding: 12px 6px 12px;
		border-bottom: 2px solid #E6E6E6;
		font-weight: 700;
		text-transform: uppercase;
		text-align: left;
	}
	

	.cleanTableHeader_new,
	.shadowBox .cleanTableHeader_new {
		color: #666666;
		font-size: 12px;
		padding: 12px 6px 12px;
		border-bottom: 2px solid #E6E6E6;
		font-weight: 700;
		text-transform: uppercase;
	}
		
	.cleanTable td,
	.cleanCCBillingTable td,
	.cleanTableContent {
		color:#292929;
		font-size:12px;
		padding: 6px;
		border-width: 0 0 1px 0;
		border-bottom:1px solid #E6E6E6; 
	}

   /*=================================================================================
	Clean Notes Table (for Format Equipment Notes function)
	================================================================================= */	
	.cleanEquipmentNotesTable{
		background-color:white;
		width:100%;
		border:none;
		border-collapse: collapse;
		padding:0;
		font-family: 'Roboto', sans-serif;
	}
	.cleanEquipmentNotesTable table{width: 100%; border-collapse: collapse}
	.cleanEquipmentNotesTable table:nth-child(even){background-color:#fafcff;}
	.cleanEquipmentNotesTable tr td{
		color:#292929;
		font-size:12px;
		padding: 6px;
		border-width: 0 0 1px 0;
		border-bottom:1px solid #E6E6E6; 
	}
	.sectionShadowTable tr:last-child .cleanTable td,
	.bottomBorder {border-bottom:1px solid #E6E6E6; }
	
	.cleanTable tr:last-child td,
	.cleanCCBillingTable tr:last-child td {border-bottom: none !important;} /* FAIL-SAFE CLASS .noBottomBorder*/
	
	.cleanTable .underline td, .cleanTable .underline th { color:#666666; border-bottom:1px solid #E6E6E6;}
	.cleanTable .underline th { font-size: 14px; }
	.cleanTable .underline td { font-size: 12px; }
	
	.cleanTableContentLink { cursor:pointer; }
	
	.cleanTableHeaderNoLine		{ color:#666666; font-size:14px; border-bottom:1px solid #E6E6E6; font-weight:bold; }
	.cleanTableContentNoLine	{ color:#292929; font-family: 'Roboto', sans-serif; font-size:12px; padding: 12px 6px 12px; }
	
	.cleanTableContentLeftBorder{ color:#292929; font-family: 'Roboto', sans-serif; font-size:12px; text-transform:uppercase; padding: 12px 6px 12px; border-bottom:1px solid #E6E6E6; border-left:2px solid #E6E6E6; }
	
	.cleanContentTableLabel			{ width:150px; color:#666666; font-size:12px; font-family: 'Roboto', sans-serif; text-transform:uppercase; background-color:white; font-weight:bold; border-right:2px solid #E6E6E6; padding: 8px; }
	.cleanContentTableLabelRedTxt	{ width:150px; color:#33628A; font-size:12px; font-family: 'Roboto', sans-serif; text-transform:uppercase; font-weight:bold; border-right:2px solid #E6E6E6; padding: 8px; }
	.cleanContentTableContent		{ color:#666666; font-size:12px; font-family: 'Roboto', sans-serif; text-transform:uppercase; padding: 8px; }
	.cleanContentTableContentLgTxt	{ color:#666666; font-size:14px; font-family: 'Roboto', sans-serif; text-transform:uppercase; font-weight:bold; padding: 8px; }
	
	table.cleanDiscoHighlight, div.cleanDiscoHighlight { border:2px solid #D9534F}
	.cleanDiscoHighlightStart	{ border-left:2px solid #D9534F; border-top:2px solid #D9534F; }
	.cleanDiscoHighlightMiddle	{ border-top:2px solid #D9534F; }
	.cleanDiscoHighlightEnd		{ border-right:2px solid #D9534F; border-top:2px solid #D9534F; }
	.cleanDiscoHighlightLeft	{ border-left:2px solid #D9534F; }
	.cleanDiscoHighlightLeftColumn	{ color:white; border-left:2px solid #D9534F; background-color:#D9534F; }
	.cleanDiscoHighlightRight	{ border-right:2px solid #D9534F; }
	.cleanDiscoHighlightBottom	{ border-bottom:2px solid #D9534F; }
	
	.cleanTableColumnLabelVert	{ color:#292929; font-weight:bold; font-family: 'Roboto', sans-serif; font-size:12px; text-transform:uppercase; background-color:white; border-bottom:1px solid #E6E6E6; border-right:1px solid #E6E6E6; }
	.cleanTableColumnLabel		{ color:#292929; font-weight:bold; font-family: 'Roboto', sans-serif; font-size:12px; text-transform:uppercase; background-color:white; border-right:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; }
	.cleanTableColumnContent	{ color:#292929; font-family: 'Roboto', sans-serif; font-size:12px; text-transform:uppercase; background-color:white; border-bottom:1px solid #E6E6E6; }

	.cleanNotes,
	.cleanNotesEquipment,
	.cleanNotesGeneral,
	.cleanNotesOrder,
	.cleanNotesOrderActivity,
	.cleanNotesInventory,
	.cleanNotesLNP,
	.cleanNotesCommunications { color:white; font-size:10px; text-transform:uppercase; }
	
	.Equipment, .cleanNotesEquipment { background-color:#0066CC; }
	.General, .cleanNotesGeneral 	 { background-color:#33CC99; }
	.Order, .cleanNotesOrder 		 { background-color:#CC6600; }
	.OrderActivity, .cleanNotesOrderActivity  { background-color:grey; }
	.Inventory, .cleanNotesInventory { background-color:;}
	.LNP, .cleanNotesLNP		 	 { background-color:blue; }
	.Communications, .cleanNotesCommunications	{ background-color:orange; }

   /*=================================================================================
	Clean Form Table
	================================================================================= */	
	/*	wrap this complexForm table around if using 2 clean form tables side by side*/
	table.complexForm {
		border-collapse: collapse;
		padding: 0;
		margin: 6px;
		width: 99%;
	}
	.complexForm.fillSpace {width:100%;}
	td.cleanFormTableContainer,
	th.cleanFormTableContainer {
		border: 1px solid #E6E6E6;
		padding: 0;
		vertical-align: top;
	}
	.cleanFormTable td,
	.cleanOrderFormTable td,
	.cleanFormTableCell { 
		padding: 12px 6px 12px;
		padding: 6px;
		font-size: 12px;
		border-right: 1px solid #E6E6E6;
		border-bottom: 1px solid #E6E6E6;} 
	
	.cleanFormTable th,
	.cleanOrderFormTable th,
	.cleanFormTableHeader,
	th.cleanFormTableHeader  { padding: 12px 6px 12px; font-size: 12px; border-bottom: 2px solid #E6E6E6; font-weight: bold; text-transform: uppercase;}
	
	th.cleanFormTableHeaderInput { padding: 5px 0 0 5px; font-size: 12px; font-weight: bold; text-transform: uppercase; }
	
	.shadowBox th.cleanFormTableHeader_textOnly,
	.shadowBox td.cleanFormTableHeader_textOnly { font-size: 12px; font-weight: bold; text-transform: uppercase; color: grey; font-family: 'Roboto', sans-serif; }

	.cleanFormTable td:last-child,
	.cleanOrderFormTable td:last-child,
	.cleanFormTableCell_noRightBorder { border-right: 0;} 
	
	/*if needed, reverse row coloring*/
	.cleanFormTable tbody.swap_bg tr,  
	.cleanTable tbody.swap_bg tr,  
	.cleanOrderFormTable tbody.swap_bg tr {background-color:white;} 
	
	.cleanFormTable tbody.swap_bg tr:nth-child(odd),
	.cleanTable tbody.swap_bg tr:nth-child(odd),
	.cleanOrderFormTable tbody.swap_bg tr:nth-child(odd) {background-color:#fafcff;} 
	
	.cleanFormTable tbody tr:hover, 
	.cleanOrderFormTable tbody tr:hover,
	.cleanTable tbody.swap_bg tr:nth-child(odd):hover,	  
	.cleanFormTable tbody.swap_bg tr:nth-child(odd):hover { background-color:#EDEFF3;  }	  
	  
	/*vertical headings*/  	  
/*	tbody.rowGroupNoPadding td { padding:0; }		  */
	tbody.rowGroupNoPadding td.innerCleanTableContainer { padding:0; }
	tbody.rowGroupNoPadding tr:hover { background-color: inherit; }
	tbody.rowGroupNoPadding td .cleanFormTable tbody tr:hover,
	tbody.rowGroupNoPadding td .cleanTable tbody tr:hover { background-color:#EDEFF3;  }	
	td.innerCleanTableContainer { border-bottom: 0px; vertical-align: top;}
	td.innerCleanTableContainer > table { border-collapse: collapse; }
/*	tbody.rowGroupNoPadding td.cleanFormEntryTitle { padding: 12px 6px 12px; border-width: 0 1px 1px 0; border-color: #E6E6E6; }*/
	td.cleanFormTableColumnLabelVert {
		width: 0.1%;
		padding: 10px;
		text-align: center;
		line-height: 1.25em;
		font-weight: bold;
		border-right: 1px solid #E6E6E6;
		border-bottom: 1px solid #E6E6E6;
		background-color:#fafcff;
		vertical-align: top;
	}
	tbody.rowGroupNoPadding td.cleanFormTableColumnLabelVert{ padding: 10px; border-bottom: 1px solid #E6E6E6; } 
	tbody.rowGroupNoPadding td.cleanFormTable { padding: 12px 6px 12px; }	 
	tbody.rowGroupNoPadding td.cleanFormEntryTitle { padding: 12px 6px 12px; }
	/*specific cell styles*/ 	  
	 td.cleanFormEntryTitle,
	 td.cleanOrderFormEntryTitle { 
	 	font-weight: bold; 
		border-right-width: 2px;
		color:#292929; 
		text-transform:uppercase; 
	}
/*
	.entryTitle {
		border-right: 2px solid #E6E6E6; 
		border-bottom: 1px solid #E6E6E6;
		text-transform:uppercase;
		font-weight: bold; 
	}
*/
	 td.cleanFormTableContentLink { cursor:pointer; }	
	.sortIcon { float: right; cursor: pointer; padding-right: 10%; }
	.sortIcon:hover{color:#292929; }
	
	/*keep table rows same height with input fields in them*/
	.cleanFormTable tr,
	.cleanOrderFormTable tr,
	.cleanTable tr {height:45px;}
	
	.cleanFormTable td > input.cssForm_input,
	.cleanFormTable td > select.cssForm_input,
	.cleanFormTable td > input[type="text"].cssForm_input {
/*		margin: -5px 0;*/
		margin-top:-5px;
		margin-bottom:-5px;
		height: 27px;
		padding: 0 5px;
	}
	.cleanFormTable td > textarea.cssForm_input {
		margin-top:0;
		margin-bottom:0;
/*		padding: 0 5px;*/
		padding: 5px;
	}
	.cleanTable i {margin:0 0 0 0;}
	.cleanTable input.cssForm_input,
	.cleanTable select.cssForm_input,
	.cleanTable input[type="text"].cssForm_input {
/*		margin: -5px 0 0 5px;*/
		margin-top:-5px;
		margin-bottom: -5px;
		height: 27px;
		padding: 0 5px;
	}
	
/* =============================================================================
   Simple Table
   ========================================================================== */
	.simpleTable td {
		font-family: 'Roboto', sans-serif;
		border-right: 1px solid #E6E6E6;
		border-bottom: 1px solid #E6E6E6;
		color:#292929;
		font-size:12px;
		padding: 6px;
	}

	.simpleTable td:last-child { border-right: none; }
	.simpleTable tr:last-child>td { border-bottom: none; }
	
	
	.highlightRows tr:hover {
		background-color:#EDEFF3;
	}/* =============================================================================
   Chart Table
   ========================================================================== */
	.chartTable td {
		font-size: 14px;
		font-family: 'Roboto', sans-serif;
		border-right: 1px solid #E6E6E6;
		border-bottom: 1px solid #E6E6E6;
		padding: 6px;
	}
	.chartTable td.cleanFormEntryTitle {
		font-size:12px;
		text-transform:uppercase;
	}
	.chartTable td:last-child { border-right: none; }
	.chartTable tr:last-child>td { border-bottom: none; }
	.chartTable p { padding-left: 5px; font-size: 13px;}
	
	td.iconCell { font-size: 40px; }
	td.iconLabelCell { color: #949292; text-transform: uppercase; font-size: 10px; }
	td.iconDataCell { font-size: 22px; }   	
	td.centerImage>img {
		display: block;
		width: 200px;
		height: 200px;
		margin:auto;
		vertical-align: middle;
		text-align: center;
	}
	.label_over_canvas {
		position: absolute;
		text-align: center;
		width: 100%;
		box-sizing: border-box;
		top: -20px;
		font-family: 'Roboto', sans-serif;
		color: #666666;
		text-transform: uppercase;
		background-color: white;
		font-size: 10px;
	}
	.doughnut_chart_label_container {
		top: 50%;
		height: 3.14286rem;
		margin-top: -1.14286rem;
		pointer-events: none;
		z-index: -1;
	}
	.chart-container .chart-empty, .doughnut_chart_label_container {
		position: absolute;
		left: 0;
		right: 0;
		top: 40%;
		text-align: center;
	}
	.doughnut_chart_label_container__value {
		font-weight: 400;
		color: #005c85;
		font-size: 1.71429rem;
		line-height: 1;
	}
	.doughnut_chart_label_container__value small {
		font-size: 1.28571rem;
		line-height: 1;
	}
	.doughnut_chart_label_container__label {
		margin-top: .42857rem;
		color: #005c85;
		font-size: 1rem;
		line-height: 1;
	}
	
	.doughnut_chart_container {	position: relative;box-sizing: border-box;margin: auto; z-index: 0;}
	.bar_chart_container {	position: relative;box-sizing: border-box;margin: auto; z-index: 0; width: 80%}
	
	.half_doughnut.doughnut_chart_container .label_over_canvas { top: 0; position: relative; background-color: transparent; }
	.half_doughnut.doughnut_chart_container  .doughnut_chart_label_container { top: 55%; }
	.half_doughnut.doughnut_chart_container {width: 50%;}


	table.calendar_dashboard {
		width: 99%;
		border-collapse: collapse;
		margin: 5px;
	}

	.calendar_dashboard .today_date {
		padding: 0;
		background-color: rgba(175, 206, 233, 0.59);
/*		border: 1px solid aqua !important;*/
	}

	td.projectScheduled {
		font-family: 'Roboto', sans-serif;
		background-color: #fafcff;
		color: #005c85;
		font-size: 0.8rem;
	}
	td.projectScheduled:hover {
		cursor:pointer;
		background-color: #EDEFF3;
	}
	.calendar_dashboard td.calendar_days {
		border:1px solid #d2d2d2;
		border-bottom:1px solid #d2d2d2 !important;
		max-width:30px;
		padding: 0;
		cursor:default;
	}	
	


	
/*=================================================================================
	COMPACT "TABLE"
================================================================================= */	

	th.compactTableHeading, td.compactTableHeading   {
		font-size: 12px;
		padding: 3px;
		color: #666666;
		text-transform: uppercase;
		font-weight: bold;
	}
		
   tr.compact { height: auto; }
   tr.compact>td.cleanFormEntryTitle { padding: 6px;}
   tr.compact>td>img { padding: 8px;}
   tr.compact>td>.cssForm_buttonTight { margin:-3px 0 ;}
  
  
	
/*=================================================================================
	AGENT HIERARCHY TABLE
================================================================================= */	

	.accordian_level1>table,
	.accordian_level2>table,
	.accordian_level3>table,
	.accordian_level4>table { float:right;}
	.accordian_level1 .agentHierarchyHeaderTable { background-color: #428BCA; }	
	.accordian_level2 .agentHierarchyHeaderTable { background-color: #209fb2; }	
	.accordian_level3 .agentHierarchyHeaderTable { background-color:#5CB85C; }	
	.accordian_level4 .agentHierarchyHeaderTable { background-color: orange; }	
	
	.agentHierarchy {
		font-family:'Roboto', sans-serif;
		border-collapse: collapse;
		padding:0;
		margin:0;
/*		border: 1px solid #E6E6E6;*/
		background-color: #f9fafb
	}
	.agentHierarchyHeaderTable {
		background-color:#292929;
		color:white;
		margin:0;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 14px;
	}
	.agentHierarchyHeaderTable td { padding: 6px; height: 16px; }	
	.agentHierarchyDataTable {
		border-collapse: collapse;
		background-color:white;
		color:#292929;
		margin-top:-3px;
	}
	.agentHierarchyDataTable td { padding: 5px; border:1px solid #E6E6E6;}
	
	.agentHierarchyDataTable tbody tr:hover { background-color:#EDEFF3;}	

	.expandLevel1:hover, .expandLevel2:hover, .expandLevel3:hover, .expandLevel4:hover, .expandLevel5:hover {cursor: pointer}

	.toggle_agentHierarchy { 
	  text-decoration: none;
	  color: inherit;
	}

	ul.accordion_agentHierarchy, ul.accordion_agentHierarchy .inner  {
	  list-style: none;
	  padding: 0;
	}
	ul.accordion_agentHierarchy .inner {
	  padding:0px;
	  overflow: hidden;
	  display: none;
	}

	ul.accordion_agentHierarchy li a.toggle_agentHierarchy  {
	  width: 100%;
	  display: block;
	  color: #fefefe;
	  padding: 0;
	  border-radius: 0.15em;
	  transition: background 0.3s ease;
	}

/*
	ul li a.toggle_agentHierarchy :hover {
	  background: rgba(0, 0, 0, 0.9);
	}
*/

	li.accordian_level1, 
	li.accordian_level2, 
	li.accordian_level3, 
	li.accordian_level4, 
	li.accordian_level5 {  margin:0; margin-bottom:2px;}

	li.accordian_level2 {  margin-left: 50px;}
	li.accordian_level3 {  margin-left: 70px;}
	li.accordian_level4 {  margin-left: 90px;}
	li.accordian_level5 {  margin-left: 110px;}
	
	.agentHierarchyDataTable th {
		font-size: 14px;
		padding: 5px;
		border: 1px solid #d2d2d2;
		background-color: #E6E6E6;
	}

	.smallTableButton_edit {
		cursor: pointer;
		color: orange;
		max-width: 20px;
		border-radius: 3px;
		transition-duration: 0.4s;
		padding: 3px 0px;
    	max-width: 25px;
	}
	.smallTableButton_edit:hover {
		color:white;
		background-color: orange;
	}
	

	
/*=================================================================================
	PRE-BILL TABLE
================================================================================= */	

	.cleanTable.preBillTable td,
	.cleanFormTable.preBillTable td,
	.cleanTable tr.preBillTableRow td,
	.cleanFormTable tr.preBillTableRow td,
	.preBillTableCell {
		border-right: 1px solid #efddbb;
		border-bottom: 1px solid #efddbb;
	}	

 	.preBillTable,
	.preBillTableRow{
		background-color:#FFFCF5;
	}

	.cleanTable.preBillTable tbody tr:nth-child(even),
	.cleanFormTable.preBillTable tbody tr:nth-child(even),
	.cleanFormTable tbody tr.preBillTableRow:nth-child(even),
	.cleanTable tbody tr.preBillTableRow:nth-child(even){
		background-color: #FFF4DC;
	}	


	.cleanTable.preBillTable tbody tr:hover,
	.cleanFormTable.preBillTable tbody tr:hover,
	.cleanFormTable tbody tr.preBillTableRow:hover,
	.cleanTable tbody tr.preBillTableRow:hover{
		background-color: #ffe8b8;
	}


/*=================================================================================
	ORDER TEMPLATE / ORDER SUMMARY SIDEBAR CLASSES
	================================================================================= */	
	td.orderTemplateColumn { padding: 0 33px 0 0; } /*to make room for order summary sidebar*/
	td.orderTemplateRight {padding: 0 33px 0 10px;}
	.orderSummaryOrderFormOrderTemplate .collapsed,
	.orderSummaryOrderFormPopTemplate .collapsed {height: auto; top: 136px; }	/*adjusted location for order summary sidebar*/	 
	
	/* Task Header Sections */
	.taskPageSectionHeader 		{ color:#666666; background-color:#FFF; font-family: 'Roboto', sans-serif; font-size:18px; padding: 14px 12px; text-transform:uppercase; border-bottom:1px solid #E6E6E6; }
	.taskPageSectionOrderNumber	{ color:#666666; background-color:#FFF; font-family: 'Roboto', sans-serif; font-size:18px; padding: 16px 40px; text-transform:uppercase; border-bottom:1px solid #E6E6E6; }
	.taskPageSectionDescription	{ color:#666666; background-color:#FFF; font-family: 'Roboto', sans-serif; font-size:16px; padding: 10px 6px; text-transform:uppercase; }

	/* FIXED DIV Height */
	.contentFixedHeight-200 { overflow-y: scroll; height: 200px; right: -17px; background-color:#f9fafb; }
	.contentFixedHeight-300 { overflow-y: scroll; height: 300px; right: -17px; background-color:#f9fafb; }
	.contentFixedHeight-400 { overflow-y: scroll; height: 400px; right: -17px; background-color:#f9fafb; }
	.contentFixedHeight-450 { overflow-y: scroll; height: 450px; right: -17px; background-color:#f9fafb; }
	.contentFixedHeight-500 { overflow-y: scroll; height: 500px; right: -17px; background-color:#f9fafb; }
	.contentFixedHeight-550 { overflow-y: scroll; height: 550px; right: -17px; background-color:#f9fafb; }
	.contentFixedHeight-600 { overflow-y: scroll; height: 600px; right: -17px; background-color:#f9fafb; }
	.contentFixedHeight-700 { overflow-y: scroll; height: 700px; right: -17px; background-color:#f9fafb; }
	.contentFixedHeight-800 { overflow-y: scroll; height: 800px; right: -17px; background-color:#f9fafb; }
	
	/*SCROLLING TABLE UPGRADE PERFECT ALIGNMENT*/
	div.scrollingTableHeaderOnly { height: 46px; overflow: hidden; }
	div.scrollingTableHeaderOnly tbody { visibility: hidden; }
	table.scrollingTableBodyOnly { position: relative; top: -46px; }
	table.scrollingTableBodyOnly thead { visibility: hidden }
	
	div.scrollingTableHeaderOnly_double { height: 54px; overflow: hidden; }
	div.scrollingTableHeaderOnly_double tbody { visibility: hidden; }
	table.scrollingTableBodyOnly_double { position: relative; top: -54px; }
	table.scrollingTableBodyOnly_double thead { visibility: hidden }
	
	/*HIDE SCROLLBAR*/
	.hideScrollBar {overflow-y:scroll; scrollbar-width: none; -ms-overflow-style: none;}
	.hideScrollBar::-webkit-scrollbar { width: 0 !important;}
	
	/*FIXED DIV HEIGHT - customer notes*/
	.scrollTableBody { overflow-y: scroll; position: relative; top: 0; width: 100%; height: 600px; }																								 
	@media only screen  and (min-width : 1300px) { .contentFixedHeight-200.unsetAtMax, .contentFixedHeight-300.unsetAtMax, .contentFixedHeight-400.unsetAtMax, .contentFixedHeight-600.unsetAtMax { height: auto; }}
	@media only screen  and (min-width : 1300px) { .contentFixedHeight-200.s600AtMax, .contentFixedHeight-300.s600AtMax, .contentFixedHeight-400.s600AtMax { height: 600px; }}
	@media only screen  and (min-width : 1300px) { .contentFixedHeight-200.s400AtMax, .contentFixedHeight-300.s400AtMax { height: 400px; }}

	.innerCleanTableContainer > .cleanFormTable,
	.complexForm .cleanFormTable {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
	.underStackedTable, .underStackedBox { margin-top:15px; border-top-right-radius: 0; border-top-left-radius: 0 }
	.overStackedTable, .overStackedBox { margin-bottom:0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 1px solid #d3d3d3; }
	.overShadowBox {margin-bottom: 15px;}
	label.required:after {
		position: absolute;
		display: inline-block;
		content: ' *';
		color: #ff6363;
		font-weight: 300;
		margin: -.2em 0 0 .2em;
		vertical-align: top;
		box-sizing: border-box;
	}
	span.rowExpandIcon { padding-right: 10px; cursor: pointer; }
	.cancelIconRight { float:right; cursor:pointer; }
	.cancelIconRight:hover { color:#D9534F; }
	

    /*=================================================================================
	Clean Buttons
	================================================================================= */	
	
	input[type="submit"].cssForm_buttonClean,
	input[type="button"].cssForm_buttonClean,
	.cssForm_buttonClean,
	.cleanButton{ 
		background-color: white; /* Green #4CAF50 */
		border: none;
		color: grey;
		padding: 5px 7px 4px 7px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		display: inline-block;
		font-size: 12px;
		font-weight: 700;
		font-family: Roboto;
		margin: 4px 2px;
		-webkit-transition-duration: 0.4s; /* Safari */
		transition-duration: 0.4s;
		cursor: pointer; 
		border-radius: 3px;
	}
	input[type="submit"].cssForm_buttonClean,
	input[type="button"].cssForm_buttonClean { height: 27px; }
	
	.cssForm_buttonTightClean,
	.tightButton{ 
		background-color: white; /* Green #4CAF50*/
		border: none;
		color: grey;
		padding: 1px 2px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		display: inline-block;
		font-size: 11px;
		font-weight: 500;
		font-family: Roboto;
		margin: 1px 1px;
		-webkit-transition-duration: 0.4s; /* Safari */
		transition-duration: 0.4s;
		cursor: pointer; 
		border-radius: 0px !important;
	}	

	.cssForm_buttonIconOnly,
	.noTextButton { 
	   background-color: white;
	   border: none;
	   color: grey;
	   padding: 4px 7px 6px 7px;
	   padding: 3px 5px;
	   text-align: center;
	   text-decoration: none;
	   text-transform: uppercase;
	   display: inline-block;
	   font-size: 14px;
	   font-weight: 500;
	   font-family: 'Roboto', sans-serif;
	   margin: 4px 2px;
	   -webkit-transition-duration: 0.4s; /* Safari */
	   transition-duration: 0.4s;
	   cursor: pointer; 
	   border-radius: 3px;
	}
	.cssForm_buttonAdminEdit{ 
		cursor: pointer;
		position: relative;
		display: inline-block;
/*		bottom: 12px;*/
    	left: 3px;
		line-height: 1.2;
		font-family: 'Roboto', sans-serif;
		font-size: 12px;
		color: #a8a8a8;
		-webkit-transition-duration: 0.4s;
		transition-duration: 0.4s;
	}
	.cssForm_buttonAdminEdit:hover{ color:black}	
	.cssForm_select {
		padding: 3px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		display: inline-block;
		font-size: 14px;
		font-weight: 500;
		font-family: Roboto;
		-webkit-transition-duration: 0.4s;
		transition-duration: 0.4s;
		cursor: pointer;
		border-radius: 3px;
	}
	.cssForm_select option { background-color: white; color: grey; font-size: 14px;font-weight: 500; padding:3px;}	
	.button_message_right{
		display: block;
		position: absolute;
		z-index: 8;
		left: 24px;
		top: -12px;
		color: #666666;
		padding: 8px;
		background-color: white;
		-webkit-transition-duration: 0.4s;
		transition-duration: 0.4s;
		width: auto;
		word-break: keep-all;
		white-space: nowrap;
		border: 1px solid #e6e6e6;
		border-radius: 3px;
		/* box-shadow: 0 0.07143rem 0.28571rem 0 rgba(0,0,0,.2);*/
	}
	.button_message_right:before{
		content: "\A";
		border-style: solid;
		border-width: 8px 14px 8px 0;
		border-color: transparent #e6e6e6 transparent transparent;
		position: absolute;
		left: -14px;
		top: 8px;
	}
	.button_message_right:after{
		content: "\A";
		border-style: solid;
		border-width: 6px 12px 6px 0;
		border-color: transparent white transparent transparent;
		position: absolute;
		left: -12px;
		top: 10px;
	}
	.button_message_left{
		display: block;
		position: absolute;
		z-index: 8;
		/* left: 24px; */
		right: 28px;
		top: -13px;
		color: #666666;
		padding: 6px;
		background-color: white;
		-webkit-transition-duration: 0.4s;
		transition-duration: 0.4s;
		width: auto;
		word-break: keep-all;
		white-space: nowrap;
		border: 1px solid #e6e6e6;
		border-radius: 3px;
	}
	.button_message_left:before{
		content: "\A";
		border-style: solid;
		border-width: 8px 0 8px 14px;
		border-color: transparent transparent transparent #e6e6e6 ;
		position: absolute;
		right: -14px;
		top: 8px;
	}
	.button_message_left:after{
		content: "\A";
		border-style: solid;
		border-width: 6px 0 6px 12px;
		border-color: transparent transparent transparent white;
		position: absolute;
		/* left: -12px; */
		right: -12px;
		top: 10px;
	}
	ul.button_messageList li {
		list-style-type: none;
		margin-block-start: 0.125em;
		margin-left: -24px;
	}

	/* Green Button */
	.cleanButton.good,
	.tightButton.good,
	.noTextButton.good,
	.dropdownOnClick.good,
	.cssForm_submitButtonClean,
	input[type="submit"].cssForm_submitButtonClean,
	input[type="button"].cssForm_submitButtonClean { background-color: white; color: grey; border: 2px solid #5CB85C;}	
	/* Green Button hover */
	.cleanButton.good:hover,
	.tightButton.good:hover,
	.noTextButton.good:hover,
	.dropdownOnClick.good:hover,
	.cssForm_submitButtonClean:hover,
	input[type="submit"].cssForm_submitButtonClean:hover,
	input[type="button"].cssForm_submitButtonClean:hover { background-color: #5CB85C; color: white; }
	
	/* Red Button */
	.cleanButton.danger,
	.tightButton.danger,
	.noTextButton.danger,
	.dropdownOnClick.danger,
	.cssForm_cancelButtonClean,
	input[type="submit"].cssForm_cancelButtonClean,
	input[type="button"].cssForm_cancelButtonClean { background-color: white; color: grey; border: 2px solid #f44336; border: 2px solid #D9534F; }
	/* Red Button Hover*/
	.cleanButton.danger:hover,
	.tightButton.danger:hover,
	.noTextButton.danger:hover,
	.dropdownOnClick.danger:hover,
	.cssForm_cancelButtonClean:hover,
	input[type="submit"].cssForm_cancelButtonClean:hover,
	input[type="button"].cssForm_cancelButtonClean:hover { background-color: #f44336; background-color: #D9534F; color: white; }
	
	/* Blue Button */
	.cleanButton.notify,
	.tightButton.notify,
	.noTextButton.notify,
	.dropdownOnClick.notify,
	.cssForm_generalButtonClean,
	input[type="submit"].cssForm_generalButtonClean,
	input[type="button"].cssForm_generalButtonClean { background-color: white; color: grey; border: 2px solid #428BCA; border: 2px solid #428BCA; }
	/* Blue Button Hover*/
	.cleanButton.notify:hover,
	.tightButton.notify:hover,
	.noTextButton.notify:hover,
	.dropdownOnClick.notify:hover,
	.cssForm_generalButtonClean:hover,
	input[type="submit"].cssForm_generalButtonClean:hover,
	input[type="button"].cssForm_generalButtonClean:hover { background-color: #428BCA; background-color: #428BCA; color: white; }
	
	/* Dark Grey Button */
	.cleanButton.system,
	.tightButton.system,
	.noTextButton.system,
	.dropdownOnClick.system,
	.cssForm_textInsertButtonClean,	
	input[type="submit"].cssForm_textInsertButtonClean,	
	input[type="button"].cssForm_textInsertButtonClean { background-color: white; color: grey; border: 2px solid #666; border: 2px solid grey; }
	/* Dark Grey Button Hover*/
	.cleanButton.system:hover,
	.tightButton.system:hover,
	.noTextButton.system:hover,
	.dropdownOnClick.system:hover,
	.cssForm_textInsertButtonClean:hover,
	input[type="submit"].cssForm_textInsertButtonClean:hover,
	input[type="button"].cssForm_textInsertButtonClean:hover { background-color: #666;  background-color: grey; color: white; }	
	
	/* Light Grey Button */
	.cleanButton.default, .tightButton.default, .noTextButton.default, .dropdownOnClick.default  { background-color: white; color: grey; border: 2px solid #a8a8a8; border: 2px solid #a8a8a8; }
	/* Dark Grey Button Hover*/
	.cleanButton.default:hover, .tightButton.default:hover, .noTextButton.default:hover, .dropdownOnClick.default:hover { background-color: #a8a8a8; color: white; }
	
	/* Yellow Edit Button */
	.cleanButton.warning,
	.tightButton.warning,
	.noTextButton.warning,
	.dropdownOnClick.warning,
	.cssForm_editButtonClean,		
	input[type="submit"].cssForm_editButtonClean,		
	input[type="button"].cssForm_editButtonClean { background-color: white; color: grey; border: 2px solid orange; border: 2px solid orange; }
	/* Yellow Edit Button Hover */
	.cleanButton.warning:hover,
	.tightButton.warning:hover,
	.noTextButton.warning:hover,
	.dropdownOnClick.warning:hover,
	.cssForm_editButtonClean:hover,
	input[type="submit"].cssForm_editButtonClean:hover,
	input[type="button"].cssForm_editButtonClean:hover { background-color: orange; background-color: orange; color: white; }
	
	/* Purple Edit Button */
	.cleanButton.purple,
	.tightButton.purple,
	.noTextButton.purple,
	.dropdownOnClick.purple,
	.cssForm_purpleButtonClean,		
	input[type="submit"].cssForm_purpleButtonClean,		
	input[type="button"].cssForm_purpleButtonClean { background-color: white; color: grey; border: 2px solid #795ade;}
	/* Purple Edit Button Hover */
	.cleanButton.purple:hover,
	.tightButton.purple:hover,
	.noTextButton.purple:hover,
	.dropdownOnClick.purple:hover,
	.cssForm_purpleButtonClean:hover,
	input[type="submit"].cssForm_purpleButtonClean:hover,
	input[type="button"].cssForm_purpleButtonClean:hover { background-color: #795ade; color: white; }
	
	/*****CIRCLE BUTTON (ICON ONLY)*******/
	
	/*Circle Button Red*/
	.cssForm_cancelCircleButton,
	input[type="submit"].cssForm_cancelCircleButton { background-color: white; color: #D9534F; border: 1px solid #D9534F; border-radius: 13px; height: 16px; }
	.cssForm_cancelCircleButton:hover,
	input[type="submit"].cssForm_cancelCircleButton:hover { background-color:#D9534F; color:white }
	
	/*Circle Button Green*/
	.cssForm_submitCircleButton,
	input[type="submit"].cssForm_submitCircleButton { background-color: white; color: #5CB85C; border: 1px solid grey; border-radius: 13px; height: 16px; }
	.cssForm_submitCircleButton:hover,
	input[type="submit"].cssForm_submitCircleButton:hover { background-color:#5CB85C; color:white }	
	
	/*Circle Button Blue*/
	.cssForm_generalCircleButton,
	input[type="submit"].cssForm_generalCircleButton { background-color: white; color: #428BCA; border: 1px solid grey; border-radius: 13px; height: 16px; }
	.cssForm_generalCircleButton:hover,
	input[type="submit"].cssForm_generalCircleButton:hover { background-color:#428BCA; color:white }	
	
	/*Circle Button Grey*/
	.cssForm_textInsertCircleButton,
	input[type="submit"].cssForm_textInsertCircleButton { background-color: white; color: grey; border: 1px solid grey; border-radius: 13px; height: 16px; }
	.cssForm_textInsertCircleButton:hover,
	input[type="submit"].cssForm_textInsertCircleButton:hover {background-color:grey; color:white}	
		
	/*Circle Button Yellow*/
	.cssForm_editCircleButton,
	input[type="submit"].cssForm_editCircleButton { background-color: white; color: orange; border: 1px solid orange; border-radius: 13px; height: 16px; }
	.cssForm_editCircleButton:hover,
	input[type="submit"].cssForm_editCircleButton:hover {background-color:orange; color:white}		
	
	/*Circle Button Purple*/
	.cssForm_purpleCircleButton,
	input[type="submit"].cssForm_purpleCircleButton { background-color: white; color: #795ade; border: 1px solid #795ade; border-radius: 13px; height: 16px; }
	.cssForm_purpleCircleButton:hover,
	input[type="submit"].cssForm_purpleCircleButton:hover {background-color:#795ade; color:white}	
	
	
/* =============================================================================
   LARGE BUTTONS WITH EVEN SPACING
   ========================================================================== */
   
	.largeButtonWrap { justify-content: space-between; display: flex;  }
	.largeButton {
		flex: 1; 
		width: 100%;
		padding: 12px;
		margin-right: 12px;
    	margin-bottom: 12px;
		background-color: white;
		border: 0.05rem solid #d2d2d2;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 13px;
		font-weight: 700;
		border-radius: 2px;
		cursor: pointer;
	}
	.largeButton:first-of-type { margin-left: 0; }
	.largeButton:last-of-type  { margin-right: 0; }	
	
	.largeButton:hover, .largeButton.largeButtonActive 							{ box-shadow: 0 0.05rem 0.03rem 0 rgba(0,0,0,.2); background-color: grey; color:white;}
	.largeButton.dangerText:hover, .largeButton.dangerText.largeButtonActive	{ background-color: #D9534F;}
	.largeButton.warningText:hover, .largeButton.warningText.largeButtonActive  { background-color: orange;}
	.largeButton.notifyText:hover, .largeButton.notifyText.largeButtonActive    { background-color: #428BCA;}
	.largeButton.goodText:hover, .largeButton.goodText.largeButtonActive 	    { background-color: #5CB85C;}	
		
/* =============================================================================
   PRETTY CHECKBOXES
   ========================================================================== */	

	.cssForm_checkboxContainer {
		display: flex;
		align-content: center;
		justify-content: center;
		position: relative;
		cursor: pointer;
		font-size: 11px;
		font-family: 'Roboto', sans-serif;
		font-weight: 700;
		color: #292929;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		/*added in case outside cleanTable*/
		font-weight: normal;
		text-transform: uppercase;
		font-size: 12px;
	}

	.checkBox_floatLeft 	{display: block;float: left;}
	.checkBoxText_floatLeft {display: block;float: left; padding: 3px;padding-top: 5px}
	.checkBox_floatRight 	{display: block;float: right;}
	.checkBoxText_floatRight{display: block;float: right; padding: 3px;padding-top: 5px}
	.checkBox_inline 		{display: inline-block; position: relative; top: 5px;}
	span.checkBox_label 	{padding: 4px;}

	.cssForm_checkboxContainer.checkBox_left { justify-content:flex-start; }
	.cssForm_checkboxContainer.checkBox_right { justify-content:flex-end; }
	.checkboxText { padding: 4px; font-weight: 400; }
	
	.checkmark {
		position: relative;
		display: block;
		width: 22px;
		border: 1px solid #292929;
		background-color: white;
		height: 22px;
		border-radius: 3px;
		box-sizing: border-box;
	}
	.checkmark.smallCheckmark { width:16px; height: 16px;}
	.cssForm_checkboxContainer .checkmark:after {
		left: 6px;
		top: 1px;
		width: 5px;
		height: 10px;
		border: solid #666666;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	.cssForm_checkboxContainer .checkmark.smallCheckmark:after {
		left: 5px;
		top: 0px;
		width: 3px;
		height: 8px;
	}
	
	.cssForm_checkboxContainer .checkmark.cssForm_input_validated:after,
	.cssForm_checkboxContainer .checkmark.cssForm_input_required:after { left: 4px;}
	
	.cssForm_checkboxContainer input { position: absolute; opacity: 0; cursor: pointer; }	
	.cssForm_checkboxContainer:hover input ~ .checkmark { background-color: #EDEFF3 }
	.checkmark:after { content: ""; position: absolute; opacity: 0.15; }
	.cssForm_checkboxContainer input:checked ~ .checkmark:after { border-color:#666666; display: block; border-width: 0 3px 3px 0; opacity: 1 }	
	
	/*CHECKBOX CHECK COLOR (OPTIONAL)*/
	.cssForm_checkboxContainer input:checked ~ .checkmark.generalCheckmark:after { border-color: #428BCA}
	.cssForm_checkboxContainer input:checked ~ .checkmark.submitCheckmark:after { border-color:#5CB85C}
	.cssForm_checkboxContainer input:checked ~ .checkmark.cancelCheckmark:after { border-color: #D9534F}
	.cssForm_checkboxContainer input:checked ~ .checkmark.warningCheckmark:after { border-color: orange}	
	
/* =============================================================================
   PRETTY RADIO BUTTONS
   ========================================================================== */	

	.cssForm_checkboxContainer.radio {
		display: flex;
		align-items: center;
		cursor: pointer;
		font-size:  12px;
		font-family: 'Roboto', sans-serif;
		font-weight: 700;
		color: #292929;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		font-weight: normal;
		text-transform: uppercase;
		font-size: 12px;
	}
	
	.cssForm_checkboxContainer.radio .checkmark {
		width: 18px;
		border: 1px solid #666666;
		border-width: 0.025rem;
		background-color: white;
		height: 18px;
		border-radius: 10px;
	}
	
	.cssForm_checkboxContainer.radio .checkmark:after {
		left: 6px;
		top: 1px;
		width: 5px;
		height: 10px;
		border: none;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	.cssForm_checkboxContainer.radio .checkBoxText_floatLeft {
		display: block;
		float: left;
		padding: 3px;
		padding-top: 3px;
		padding-left: 6px;
	}	
	
	.cssForm_checkboxContainer.radio .checkmark:after {
		left: 3px;
		top: 3px;
		height: 10px;
	}
	
	.cssForm_checkboxContainer.radio input:checked ~ .checkmark:after {
		background-color: #666666;
		border-radius: 7px;
		display: block;
		border-width: 0;
		width: 12px;
		height: 12px;
		opacity: 1;

	}	
	
	/*CHECKBOX CHECK COLOR (OPTIONAL)*/
	.cssForm_checkboxContainer.radio input:checked ~ .checkmark.generalCheckmark:after { background-color: #428BCA}
	.cssForm_checkboxContainer.radio input:checked ~ .checkmark.submitCheckmark:after { background-color:#5CB85C}
	.cssForm_checkboxContainer.radio input:checked ~ .checkmark.cancelCheckmark:after { background-color: #D9534F}
	.cssForm_checkboxContainer.radio input:checked ~ .checkmark.warningCheckmark:after { background-color: orange}	
	.cssForm_checkboxContainer.radio input:checked ~ .checkmark.purpleCheckmark:after { background-color: #795ade}	
	
	
	/*****SORTABLE LIST *******/	
	ul.sortableList {list-style-type: none;}
	ul.sortableList li {
		cursor: pointer;
		border: 1px solid #E6E6E6;
		background-color: white;
		text-align: left;
		padding: 3px 6px 1px;
		margin: 6px 0px;
		background-color: #fafcff;
		border-radius: 3px;
		font-size: 13px;
		text-align: left;
	}
	ul.sortableList li:hover { background-color: #EDEFF3}
	
	ol.sortableList { list-style: none; counter-reset: sortable-list-counter; }
	ol.sortableList li {
		cursor: pointer;
		border: 1px solid #666666;
		background-color: white;
		text-align: left;
		padding: 6px;
		margin: 13px 0;
		background-color: white;
		border-radius: 3px;
		font-size: 13px;
		text-align: left;
		width: 80%;
		counter-increment: sortable-list-counter;
	}
	ol.sortableList li::before { content: counter(sortable-list-counter) ": "; display: inline-table; }
	ol.sortableList li:hover { background-color: #EDEFF3}
	.removeDisplay { float: right; }
	.displayName { padding: 6px; padding-left:0; display: inline; }
	.displayThumbnail { float: none; display: inline-block; padding-left: 28px; }
	
	img.widgetThumbnailImage { float: left; padding: 0; max-width: 25%; }
	.monitorListDetails { float: right; display: inline; }
	.displayDetails { float: left; display: inline-block; padding-left: 28px; width: 45%; }

	/*****TEST BUTTON*******/	
	.cssForm_testButton { border: 1px solid #33628A;}
	.cssForm_testButton:hover { background-color: #33628A; border: 1px solid #33628A; color: #fff !important; }
	
	.cssForm_buttonTest {
		background-color: white;
		color: #4c4c4c;
		padding: 5px 15px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		display: inline-block;
		font-size: .71429rem;
		font-weight: 700;
		font-family: 'Lato', sans-serif;
		-webkit-transition-duration: 0.4s;
		transition-duration: 0.4s;
		line-height: 1.6;
		cursor: pointer;
		border-radius: .14286rem;
	}

	.taskButtonsLeft>table#taskButtonTable {
		padding: 0;
		width: 1%;
		display: block;
		float: left;
		margin-top: -15px;
	}
	td.showMoreRows, div.showMoreRows {
		text-align: center;
		background-color: white;
		color: #428BCA;
		font-weight: 700;
		cursor: pointer;
	}
	.showMoreRows:hover {
		background-color: #428BCA;
		color: white;
	}

	td.showAllRows, div.showAllRows {
		text-align: center;
		background-color: white;
		color: #195382;
		font-weight: 700;
		cursor: pointer;
	}
	.showAllRows:hover {
		background-color: #195382;
		color: white;
	}
	div.showMoreRows, div.showAllRows {display: inline;}
/*=================================================================================
	FORM FIELD CLASSES
	================================================================================= */	
	.inline_form {display:inline;}
	
	.cssForm_currencyField { text-align:right; }
	.cssForm_centerField { text-align:center; }

	.shadowBoxButtonWrap>div.cssForm_buttonClean,
	.shadowBoxButtonWrap>input,
	.shadowBoxButtonWrap>button { float: right; padding-left: 10px; }/*keeps buttons below white box inline with box and to the right*/
	
	.centerTaskButtons #taskButtonTable {width: 100%;}
	
	.stackedBoxButtonWrap>div.cssForm_buttonClean,
	.stackedBoxButtonWrap>div.cssForm_buttonTightClean,
	.stackedBoxButtonWrap>input.cssForm_buttonClean,
	.stackedBoxButtonWrap>input.cssForm_buttonTightClean,
	.stackedBoxButtonWrap>button.cssForm_buttonClean,
	.stackedBoxButtonWrap>button.cssForm_buttonTightClean{ float: right; padding-left: 10px; margin-top:10px; }/*keeps buttons below white box inline with box and to the right*/
	
	textarea.cssForm_input {
		padding: 6px;
		text-transform: none;
		height: auto;
		max-height: 100%;
		width: auto;
	}
	.ui-widget input.cssForm_input, .ui-widget select.cssForm_input, .ui-widget textarea.cssForm_input {
		font-size:11px;
	}
	
	.cssForm_emailMessage_250 {width: 100%;word-break: break-word;background-color:white;font-family: 'Roboto', sans-serif!important;min-height: 250px;max-height: 300px;}
	.ql-toolbar.ql-snow {background-color:white;}
	td.emailMessageCell_250 {height: 375px; vertical-align: top;}
	
	/*Jquery Timepicker*/
	.ui-timepicker-list li {
/*		padding: 3px 0 3px 5px;*/
		cursor: pointer;
		white-space: nowrap;
		color: #000;
		list-style: none;
		margin: 0;

		font-size:11px !important;
		font-family:'Roboto', sans-serif !important;
/*		margin: 4px 2px!important;*/
		padding: 3px 5px!important;
		
/*
		background-color: #FFF;
		border: none;
		text-decoration: none;
		text-transform: uppercase;
		display: inline-block;
		font-size: 11px;
		font-weight: 500;
		-webkit-transition-duration: 0.4s;
		transition-duration: 0.4s;
		border: 1px solid #666;
		height:27px;
		max-height:27px;
		border-radius: 3px;
		box-sizing:border-box;
*/
		
		
	}
	
    /*=================================================================================
	Badges / Notifications
	================================================================================= */	
	
	.badge {
		position: relative;
		display: inline-block;
		vertical-align: text-middle;
		border-radius: .28571rem;
		font-size: .71429rem;
		line-height: 1.2;
		font-family: 'Roboto', sans-serif;
		font-weight: 500;
		padding: .14286rem .28571rem;
		border-radius: 2px;
		font-size: 10px;
		padding: 2px 4px;
		text-transform: uppercase;
	}
	
	.blockBadge {
		position: relative;
		display: inline-block;
		border-radius: 2px;
		font-size: 10px;
		font-family: 'Roboto', sans-serif;
		font-weight: 500;
		padding: 2px 4px;
		margin: 2px 0;
		text-transform: uppercase;
	}
	
	.badge.danger,
	.blockBadge.danger,
	.badge.warning,
	.blockBadge.warning,
	.badge.good, 
	.blockBadge.good, 
	.badge.notify,
	.blockBadge.notify,
	.badge.system,
	.blockBadge.system,
	.badge.default,
	.blockBadge.default	{ color:white; }
	
	.badgeTopPadding { margin-top: 3px; }

	.notificationMessageContainer {margin-bottom:15px;}
	
	.notificationMessage{
		font-size: 14px;
		color: white;
		display: block;
		border-top-left-radius: 3px;
	}
	.notificationMessage+.notificationMessage, .notificationMessage:not(:only-child) {
		margin-top: 2px;
		border-top-left-radius: 0;
	}
/* USE .notificationMessageContainer for margin! this rule commented out for causing issues
	.notificationMessage+.shadowBox {
		margin-top: 15px;
	}
*/
	.notificationIcon {
		float: left;
		width: 38px;
		padding-top: 11px;
		box-sizing: border-box;
		text-align: center;
	}
	.notificationText {
		float: none;
		display: flex;
		padding: 10px;
		color: #333;
		height: 100%;
		font-weight: 400;
		font-family: ;
	}
	/*if the notification is too tall (outside of table cells)*/
	.notificationMessage.autoHeight { display: table; width: 100%; }
	table.notificationTable {
		font-size: 12px;
		color: #333;
		font-family:  ;
		border-spacing: 0;
		margin-bottom: -8px;
	}	
	thead.notificationTableHeader { font-weight: normal; text-align: left; font-size: 14px; }
	thead.notificationDetailsHeader th {
		padding-top: 12px;
		padding-right: 18px;
		padding-left: 4px;
		text-align: left;
		color: rgba(0, 0, 0, 0.6);
		text-transform: uppercase;
		font-size: 12px;
	}
	.notificationDetails, .notificationDetails td { padding: 4px; border-top:1px solid rgba(0, 0, 0, 0.3);}
	.notificationDetails tr:last-child  td{ border-bottom:1px solid rgba(0, 0, 0, 0.3);}

	.notificationExpand { padding:0; }
	.closedOnLoad { display:none; }
	
	td.rowExpand {color: rgba(0, 0, 0, 0.6);}
	.rowExpand:hover { background-color:rgba(0, 0, 0, 0.06); cursor:pointer; }
	
	.notificationMessage--danger  { background-color:#D9534F; color: #fff; }
	.notificationMessage--warning { background-color:orange; color: #fff; }
	.notificationMessage--good    { background-color:#5CB85C; color: #fff; }
	.notificationMessage--notify  { background-color:#428BCA; color: #fff; }
	.notificationMessage--system  { background-color:grey; color: #fff; }
	
	.danger  { background-color:#D9534F;}
	.warning { background-color:orange;}
	.good    { background-color:#5CB85C;}
	.notify  { background-color:#428BCA;}
	.system  { background-color:grey;}	
	.default { background-color:#a8a8a8;}	
	.purple  { background-color:#795ade;}
	.headerBackground { background-color: #33628A;}
	
	
	/*notification inside cleanFormTable*/
	.cleanFormTable .notificationMessage tbody tr:hover 		{ background-color:inherit!important; }
	.cleanFormTable tbody tr .notificationTable tbody tr:hover 	{ background-color:inherit!important; }
	.cleanFormTable tbody tr .notificationTable thead tr:hover 	{ background-color:inherit!important; }
	.cleanFormTable tr .notificationMessage tr 					{ height: auto; }
	.cleanFormTable .notificationTable td,
	.cleanFormTable .notificationTable th 						{ border-bottom: none; }
	.notificationDetails td 									{ border-right: 1px solid rgba(0, 0, 0, 0.3);}	
	
	.dangerText  { color:#D9534F;}
	.warningText { color:orange;}
	.goodText    { color:#5CB85C;}
	.purpleText  { color:#795ade;}
	.notifyText  { color:#428BCA;}
	.systemText  { color:grey;}	
	.redText  	 { color:red;}	
	.greenText   { color:green;}	
	.headerText  { color:#195382;}	
	.whiteText   { color:white;}
	.blackText   { color:black!important;}
	.dangerText, .warningText, .goodText, .notifyText, .systemText, .redText, .greenText, .purpleText  { text-transform: uppercase;}	
	
	.good .notificationText,    .good_lightFill	{ background-color: #b8e0b8; }
	.purple .notificationText,  .purple_lightFill	{ background-color: #b2a4e0; }
	.danger .notificationText,  .danger_lightFill	{ background-color: #f0bebc; }
	.warning .notificationText, .warning_lightFill { background-color: #ffdb99; }
	.notify .notificationText,  .notify_lightFill	{ background-color: #afcee9; }
	.system .notificationText,  .system_lightFill	{ background-color: #d2d2d2; }
	
	
	/*NOTIFICATION BADGES*/	
	.notificationBadge_wLink, .notificationBadge { font-size:12px; padding: 5px 10px; margin: -3px -5px; line-height: 1.7; border-radius: 5px; display:inline; color: white;}
	.notificationBadge_wLink:hover { cursor:pointer; }
	
/*TABLES WITH NOTIFICATIONS AS HEADER*/
	.notificationMessage.asTableContainer{
		box-shadow: 0 0.07143rem 0.28571rem 0 rgba(0,0,0,.2);
		border-radius: .14286rem;
		border-spacing: 6px;
		margin-bottom: 15px;
		font-family: Roboto, sans-serif;
		float:right;
		/*font-family: ;*/
	}

	.asTableContainer .notificationIcon { font-weight: 900; font-family: Roboto, sans-serif; }
	
	.shadedHeader th {font-weight: 700; color:#292929;}
	.shadedHeader tr { height: auto;}
	.system .shadedHeader  { background-color: #d2d2d2; }
	.good .shadedHeader    { background-color: #b8e0b8; }
	.purple .shadedHeader  { background-color: #b2a4e0; }
	.danger .shadedHeader  { background-color: #f0bebc; }
	.warning .shadedHeader { background-color: #ffdb99; }
	.notify .shadedHeader  { background-color: #afcee9; }
	/*NHC stack table colors*/
	.stackBlue { background-color: #33628A; }
	.stackBlue .shadedHeader { background-color: #9ebfdb; }
	.stackRed { background-color: #A90E2D; }
	.stackRed .shadedHeader { background-color: #ebbcc6; }
	.stackGrey { background-color: #767b7f; }
	.stackGrey .shadedHeader { background-color: #c7cacc; }
	
	
	

	/*clearPadding when notification message is a container...*/
	.asTableContainer .notificationText { padding:0;}
	/*... but if THAT table needs a notification message, we'll need the paddding back*/
	.notificationMessage.asTableContainer .notificationMessage .notificationText { padding: 10px; }	



/*ANIMATE-IN NOTIFICATIONS*/
	.bottomRightCorner_animate { position: fixed; z-index: 101; bottom: 0; right: 0; width: 500px; height: 0; overflow:hidden; font-family: 'Roboto', sans-serif; }
	.topLeftCorner_animate { position: fixed; z-index: 101; top: 0; left: 0; width: 500px; height: 0; overflow:hidden; font-family: 'Roboto', sans-serif; }
	.topRightCorner_animate { position: fixed; z-index: 101; top: 0; right: 0; width: 500px; height: 0; overflow:hidden; font-family: 'Roboto', sans-serif; }
	.bottomLeftCorner_animate { position: fixed; z-index: 101; bottom: 0; left: 0; width: 500px; height: 0; overflow:hidden; font-family: 'Roboto', sans-serif; }

	.bottomPageWidth_animate { position: fixed; z-index: 101; bottom: 0; right: 0; left: 0; height: 0; overflow:hidden; font-family: 'Roboto', sans-serif; }
	.topPageWidth_animate { position: fixed; z-index: 101; top: 0; right: 0; left: 0; height: 0; overflow:hidden; font-family: 'Roboto', sans-serif; }	
	
	
/*BILLING PAGES*/	
	.billing_totals_text {
		color: #666666;
		font-weight: 700;
		font-size: 14px;
		text-transform: uppercase;
		display: inline-block;
		padding: 0 6px;
	}
	.lines_total_num { color: orange; font-weight: 900; font-size: 14px; }
	.MRC_total_num  { color:#5CB85C; font-weight: 900;font-size: 14px}
	.NRC_total_num { color:#428BCA; font-weight: 900;font-size: 14px}
	
	.linesTotal, .mrcTotal, .nrcTotal {
		display: inline-block;
		border: 1px solid;
		padding: 6px 8px;
		margin: 0 2px;
	}
	.linesTotal {
		border-color: #fba502;
		background-color: #fff7e5;
	}
	.mrcTotal {
		border-color: #5cb85b;
		background-color: hsla(119, 70%, 97%, 1);
	}
	.nrcTotal {
		border-color: #4e92ce;
		background-color: #ebf3fa;
	}

*/

/* =============================================================================
   Dropdown onClick menu (button look)
   ========================================================================== */
	/*dropdown in header*/
	td#searchBar {line-height: 0;}
   
	.dropdownOnClickContainer {
		display: inline-block;
		position: relative;
		margin: 0px 3px;
		padding: 0;
	}
	#headerDropdown .dropdownOnClickContainer { display: table-cell; width:auto; }	
	
	.dropdownOnClick{
		list-style-type: none;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: 800;
		font-family: 'Roboto', sans-serif;
		letter-spacing: 1px;
		-webkit-transition-duration: 0.4s;
		transition-duration: 0.4s;
		cursor: pointer;
		border-radius: 2px;
		height:27px;
		box-sizing:border-box;
		padding-left: 5px;
	}
	ul.dropdownOnClick-content {
		list-style-type: none;
		display: none;
		position: absolute;
		left: auto;
		right: 0;
		margin-right: -2px;
		top: 23px;
		background-color: #f9f9f9;
		white-space: nowrap;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		padding: 0;
		z-index: 1;
		-webkit-transition-duration: 0.4s;
		transition-duration: 0.4s;
	}
	#headerDropdown ul.dropdownOnClick-content { top: 33px; }
	.dropdownOnClick-content > li {
		line-height: 3em;
		color: black;
		margin-top: 0;
		margin-bottom: 0;
		text-align: left;
		padding-left:1em;
		padding-right:1em;
		font-size:11px;
	}
	
	li.dropdownOnClickDivider { background-color: #d2d2d2; height: 2px; }
	
	.dropdownOnClick-content li:hover{ background-color:#EDEFF3; z-index: 1; color:white; }
	
	.cell_mainMenu .dropdownOnClick-content li:hover{ background-color:#EDEFF3; z-index: 1; color:#292929; }
	
	/*dropdown on click colors*/
	.dropdownOnClick.cssForm_submitButtonClean>.dropdownOnClick-content li:hover,
	.dropdownOnClick.good>.dropdownOnClick-content li:hover { background-color:#5CB85C; }
	.dropdownOnClick.cssForm_generalButtonClean>.dropdownOnClick-content li:hover,
	.dropdownOnClick.notify>.dropdownOnClick-content li:hover { background-color:#428BCA; }
	.dropdownOnClick.cssForm_editButtonClean>.dropdownOnClick-content li:hover,
	.dropdownOnClick.warning>.dropdownOnClick-content li:hover { background-color:orange; }
	.dropdownOnClick.cssForm_textInsertButtonClean>.dropdownOnClick-content li:hover,
	.dropdownOnClick.system>.dropdownOnClick-content li:hover { background-color:grey; }
	.dropdownOnClick.cssForm_cancelButtonClean>.dropdownOnClick-content li:hover,
	.dropdownOnClick.danger>.dropdownOnClick-content li:hover { background-color:#D9534F; }
	.dropdownOnClick.purple>.dropdownOnClick-content li:hover { background-color:#795ade; }
	.dropdownOnClick.default>.dropdownOnClick-content li:hover { background-color:#a8a8a8; }
	
	.dropdownOnClick span { margin:0; }
	
	.dropdownOnClick.cssForm_generalButtonClean>.dropdownOnClick-content li.dropdownCurrent,
	.dropdownOnClick.cssForm_generalButtonClean>.dropdownOnClick-content li.dropdownCurrent,
	.dropdownOnClick-content_tabs li.dropdownCurrent,
	.dropdownOnClick-content_tabs li.dropdownCurrent:hover {
		background-color:#EDEFF3;
		color: black;
		cursor: default;
	}
	
/*
	@-moz-document url-prefix() { 
	  .dropdownOnClick span{
		float:right;
		position:relative;
		top:-3px;
		right:3px;
	  }
	}
*/

	.dropdownOnClick span>i,
	.dropdownOnClick span>em {
		color: white;
		margin: 3px 2px 3px 5px;
		padding: 3px 5px;
		width: 7px;
	}
	
	/*caret background green*/
	.dropdownOnClick.cssForm_submitButtonClean span>em,
	.dropdownOnClick.cssForm_submitButtonClean span>i,
	.dropdownOnClick.good span>em,
	.dropdownOnClick.good span>i {  background-color:#5CB85C; }
	/*caret background blue*/
	.dropdownOnClick.cssForm_generalButtonClean span>i,
	.dropdownOnClick.cssForm_generalButtonClean span>em,
	.dropdownOnClick.notify span>i,
	.dropdownOnClick.notify span>em { background-color:#428BCA;  }
	/*caret background yellow*/
	.dropdownOnClick.cssForm_editButtonClean span>i,
	.dropdownOnClick.cssForm_editButtonClean span>em,
	.dropdownOnClick.warning span>i,
	.dropdownOnClick.warning span>em { background-color:orange; }
	/*caret background grey*/
	.dropdownOnClick.cssForm_textInsertButtonClean span>i,
	.dropdownOnClick.cssForm_textInsertButtonClean span>em,
	.dropdownOnClick.system span>i,
	.dropdownOnClick.system span>em { background-color:grey;}
	/*caret background red*/
	.dropdownOnClick.cssForm_cancelButtonClean span>i,
	.dropdownOnClick.cssForm_cancelButtonClean span>em,
	.dropdownOnClick.danger span>i,
	.dropdownOnClick.danger span>em  { background-color:#D9534F; }
	/*caret background lightgrey*/
	.dropdownOnClick.default span>i,
	.dropdownOnClick.default span>em  { background-color:#a8a8a8; }
	/*caret background purple*/
	.dropdownOnClick.purple span>i,
	.dropdownOnClick.purple span>em  { background-color:#795ade; }
	
	
/* =============================================================================
   Dropdown onClick TABS
   ========================================================================== */
   
	.dropdownOnClickContainer_tabs {
		display: inline-block;
		position: relative;
		margin: 0;
		padding: 0;
	}

	.dropdownOnClick_tabs {
		list-style-type: none;
		text-align: center;
		text-decoration: none;
		font-size: 14px;
		cursor: pointer;
		color: #a0a0a0;
		border-bottom: 4px solid #FFFFFF;
		background-color: #FFF;
		font-family: 'Roboto', sans-serif;
		padding: 0;
		height:11px;
		/*height: 8px;*/
	}
	.pageSectionHeaderTabsLink:hover .dropdownOnClick_tabs { color: #292929; color: #292929; }
	ul.dropdownOnClick-content_tabs {
		list-style-type: none;
		display: none;
		position: absolute;
		top: 32px;
		background-color: #f9f9f9;
		white-space: nowrap;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		padding: 0;
		z-index: 1;
		-webkit-transition-duration: 0.4s;
		transition-duration: 0.4s;
	}
	.dropdownOnClick-content_tabs > li {
		line-height: 3em;
		color: black;
		margin-top: 0;
		margin-bottom: 0;
		text-align: left;
		padding-left:1em;
		padding-right:1em;
		font-size:14px;
	}
	.dropdownOnClick-content_tabs li:hover{ background-color:#EDEFF3; background-color:#EDEFF3; z-index: 1;}
	.dropdownOnClick_tabs span { margin:0; }
	.dropdownOnClick_tabs>i, .dropdownOnClick_tabs>em { width: 24px; }
	
	
	
/* =============================================================================
   Dropdown onClick SIDEBAR 1 POPOUT
   ========================================================================== */	
	
	ul.sidebar_popout_container {
		display: table;
		padding: 0;
		margin: 0;
	}
	
	/*
		.dropdownOnClickContainer {
		display: inline-block;
		position: relative;
		margin: 0px 3px;
		padding: 0;
	}
	*/
	
	ul.sidebar_popout_container .dropdownOnClick{
		height:auto;
	}
	
	ul.sidebar_popout_container ul.dropdownOnClick-content {
		position: absolute;
		left: 50px;
		right: auto;
		margin-right: auto;
		margin-top: -28px;
		top: auto;
		background-color: #f9f9f9;
		white-space: nowrap;
		box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
		-webkit-transition-duration: 0.4s;
		transition-duration: 0.4s;
		border: 1px solid #d2d2d2;
		border-radius: 3px;
	}
	ul.sidebar_popout_container ul.dropdownOnClick-content li:hover	{ color:black}
	ul.sidebar_submenu_container {
		display: table;
		padding: 0;
		margin: 0;
	}
/* =============================================================================
   Dropdown onClick SIDEBAR 2 SUBMENU - COLLAPSED
   ========================================================================== */	
   
	.div_mainMenu_dropdownIcon {
		display: inline-block;
		padding: 0;
		width: 0;
		vertical-align: middle;
	}
	.div_mainMenu_dropdownIcon ul.sidebar_popout_container ul.dropdownOnClick-content {left:99px}
	.dropdownOnClickContainer_sidebar {
		display: inline-block;
		position: fixed;
		margin: 0;
		padding: 0;
		width: 5px;
	}   
	.dropdownOnClickContainer_sidebar {
		display: inline-block;
		position: fixed;
		margin: 0;
		padding: 0;
		width: 5px;
	}
	.dropdownOnClick_sidebar {
		list-style-type: none;
		text-decoration: none;
		font-size: 14px;
		color: #666;
		font-family: 'Roboto', sans-serif;
		padding: 0px;
	}
	.pageSectionHeaderTabsLink:hover .dropdownOnClick_sidebar { color: #292929; color: #292929; }
	ul.dropdownOnClick-content_sidebar {
		list-style-type: none;
		display: none;
		position: absolute;
		top: 0;
		left: 11px;
		background-color: #f9f9f9;
		white-space: nowrap;
		box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
		padding: 0;
		z-index: 1;
		-webkit-transition-duration: 0.4s;
		transition-duration: 0.4s;
	}
	.dropdownOnClick-content_sidebar > li {
		line-height: 3em;
		color: black;
		margin-top: 0;
		margin-bottom: 0;
		text-align: left;
		padding-left:1em;
		padding-right:1em;
		font-size:11px;
		letter-spacing: 1px;
	}
	.dropdownOnClick-content_sidebar li:hover{ background-color:#EDEFF3; background-color:#EDEFF3; z-index: 1;}
	.dropdownOnClick_sidebar span { margin:0; }
/*	.dropdownOnClick_sidebar>i, .dropdownOnClick_sidebar>em { width: 24px; }*/


/* =============================================================================
   Dropdown onClick SIDEBAR 2 SUBMENU - EXPANDED
   ========================================================================== */
	.div_mainMenuExpanded_dropdownIcon {
		display: inline-block;
		padding: 5px;
		width: 0;
		vertical-align: middle;
	}
	.div_mainMenuExpanded_dropdownIcon ul.sidebar_popout_container ul.dropdownOnClick-content {left:auto!important;  margin-left: 24px;}	
	
/* =============================================================================
   Table row outline
   ========================================================================== */		
	tbody.outlineActiveRows > tr:first-child td { border-top: 3px solid orange!important; border-top-color: orange; } 
	tbody.outlineActiveRows tr:last-child td { border-bottom: 3px solid orange!important; }
	tbody.outlineActiveRows>tr>td:first-child { border-left: 3px solid orange; }
	tbody.outlineActiveRows>tr>td:last-child { border-right: 3px solid orange; }
	tbody.outlineActiveRows { border-radius:3px; }
	
	/*make them work with nested cleanTables*/
	tbody.outlineActiveRows tr:first-child td .cleanTable tr td { border-top: 1px solid #E6E6E6!important; }
/*	tbody.outlineActiveRows tr:last-child td .cleanTable tr td { border-bottom: 1px solid #E6E6E6!important; }*/
	tbody.outlineActiveRows tr td .cleanTable tr td { border-bottom: 1px solid #E6E6E6!important;}
	
	/*THESE LINES ADDED 11-12-19 TO MATCH TEST SYSTEM*/
	tbody.outlineActiveRows tr:first-child td table tr td { border-top: none!important;}
	tbody.outlineActiveRows tr:last-child td table tr td { border-bottom: none!important;}	
	tbody.outlineActiveRows tr td table tr:last-child td { border-bottom: none!important;}
	
	tbody.outlineActiveRowsSublevel > tr:first-child td { border-top: 3px solid gold!important; border-top-color:gold; } 
	tbody.outlineActiveRowsSublevel>tr>td:first-child { border-left: 3px solid gold; }
	tbody.outlineActiveRowsSublevel>tr>td:last-child { border-right: 3px solid gold; }
	tbody.outlineActiveRowsSublevel { border-radius:3px; }
	tbody.outlineActiveRows tbody.outlineActiveRowsSublevel tr:last-child td { border-bottom: 3px solid gold!important;}
		
	/*make them work with nested cleanTables*/
	tbody.outlineActiveRowsSublevel tr:first-child td .cleanTable tr td { border-top: 1px solid #E6E6E6!important; }
	tbody.outlineActiveRowsSublevel tr:last-child td .cleanTable tr td { border-bottom: 1px solid #E6E6E6!important; }
	
/* =============================================================================
   Dropdown Select menu (popout look)
   ========================================================================== */	
	.dropdown_select_popoup { position:relative;}
	.dropdown_select_popoup .field {
		width:auto;
		background:white;
		color: grey;
		padding:5px;
		cursor:pointer;
		font-family:'Roboto', sans-serif;
		font-size:1em;
		border:solid 2px grey;
		-webkit-border-radius:3px; border-radius:3px;
		-webkit-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	.dropdown_select_popoup .field .green { border:solid 2px #5CB85C; }
	.dropdown_select_popoup .field .orange { border:solid 2px orange; }
	.dropdown_select_popoup .field .red { border:solid 2px #D9534F; }
	.dropdown_select_popoup .field .blue { border:solid 2px #428BCA; }
	
	.dropdown_select_popoup .field:hover {
	/*	-moz-box-shadow:0 0 5px #999;
		-webkit-box-shadow:0 0 5px #999;
		box-shadow:0 0 5px #999;*/
		background:#EDEFF3;
	}
	.dropdown_select_popoup .field .green :hover{ background:#5CB85C; } 
	.dropdown_select_popoup .field .orange :hover{ background:orange; } 
	.dropdown_select_popoup .field .red :hover{ background:#D9534F; } 
	.dropdown_select_popoup .field .blue :hover{ background:#428BCA; } 
	
	.dropdown_select_popoup>ul.list { 
		display:none;
		position:absolute; 
		left:30px; 
		top:-30px; 
		z-index:999;
		margin:0;
		padding:0;
		width:300px;
		list-style:none;
		background:#fff; grey;
		-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
		-moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999
	}
	.dropdown_select_popoup>ul.list li { padding:15px; cursor: pointer;}
	.dropdown_select_popoup>ul.list li:hover { background: #EDEFF3;}
	.dropdown_select_popoup>ul.list li:last-child { border-bottom-right-radius: 3px;border-bottom-left-radius: 3px; border:none }
	.dropdown_select_popoup>ul.list li:first-child { border-top-left-radius: 3px;border-top-right-radius: 3px; }
	
	.selectFixedWidth_100 {width: 100px;}
	.selectFixedWidth_150 {width: 150px;}
	.selectFixedWidth_200 {width: 200px;}
	.selectFixedWidth_250 {width: 250px;} 
	
	label.dropdown_select_label {
		display: inline-block;
		display: inline-flex;
		float: left;
		font-size: 11px;
		color: #666666;
		padding: 8px 6px;
	}	
	
/** EXPANDING ROWS *********************************/
	td.rowExpand { color: #949292; text-transform: uppercase; font-size: 10px; text-align: center; border-right:none; }
	.closedOnLoad { display:none; }
	.rowExpand:hover { background-color:rgba(0, 0, 0, 0.06); cursor:pointer; }
	

	 .lockedHeaderScrollingRegion { overflow-y: scroll; height: 400px; right: -17px; }  
	 .lockedHeaderScrollingRegion-600 { overflow-y: scroll; height: 600px; right: -17px; }
	
	.pageSectionHeaderTable {margin-bottom: -3px;}
/*	.pageSectionHeaderTable>table:after {display:block; content:''; height: 3px;}*/
	.pageSectionHeaderTabs { color:#a0a0a0; border-bottom:4px solid #FFFFFF; background-color:#FFF; font-family: 'Roboto', sans-serif; font-size:14px; padding: 8px 20px 8px 10px; text-transform: capitalize!important;} 
	.pageSectionHeaderTabsLink { color:#a0a0a0; border-bottom:4px solid #FFFFFF; background-color:#FFF; font-family: 'Roboto', sans-serif; font-size:14px; padding: 8px 20px 8px 10px; text-transform: capitalize!important; } 
	.pageSectionHeaderTabsLink_iconOnly { color:#a0a0a0; border-bottom:4px solid #FFFFFF; background-color:#FFF; font-family: 'Roboto', sans-serif; font-size:14px; padding: 8px 10px 8px 10px; } 
	.pageSectionHeaderTabsLink:hover { color:#292929; border-bottom:4px solid #292929; cursor:pointer; text-transform: capitalize!important; } 
	.pageSectionHeaderTabsLink-on { border-bottom:4px solid #33628A; color:#292929; padding: 8px 20px 8px 10px; text-transform: capitalize!important; }

	.pageSectionHeaderTabsLink-on .dropdownOnClick_tabs {color:#292929;}


/*	SMALLER VERSION*/
	.pageSectionHeaderTabs.smaller .pageSectionHeaderTabsLink,
	.pageSectionHeaderTabs.smaller .pageSectionHeaderTabsLink-on, 
	.pageSectionHeaderTabs.smaller .pageSectionHeaderTabsLink:hover { font-size: 13px; width: 1%; padding: 8px 7px; }
	.smaller .dropdownOnClick_tabs{ font-size: 13px; }
		
	.pageSectionHeaderTabsAlert {
		border: 1px solid #D9534F;
		border-bottom: 4px solid white;
/*		background-color: #f0bebc;*/
		color: #D9534F;
		margin-bottom:3px;
	}
	.pageSectionHeaderTabsAlert:hover {
		border: 1px solid black;
		border-bottom: 4px solid black;
		margin-bottom: 0;
	}
	.pageSectionHeaderTabsLink-on.pageSectionHeaderTabsAlert{
		border-bottom: 4px solid  #D9534F;
		margin-bottom: 0;
	}
	
	.shadowBoxItem .iconCell, .shadowBoxItem .iconDataCell { color: #33628A; }
	.shadowBoxItem.orange .iconCell, .shadowBoxItem.orange .iconDataCell { color: orange; }
	.shadowBoxItem.blue .iconCell, .shadowBoxItem.blue .iconDataCell { color: #428BCA; }
	.shadowBoxItem.paleblue .iconCell, .shadowBoxItem.paleblue .iconDataCell { color: #ACD6FF; }
	.shadowBoxItem.green .iconCell, .shadowBoxItem.green .iconDataCell { color: #5CB85C; }
	.shadowBoxItem.red .iconCell, .shadowBoxItem.red .iconDataCell { color: #D9534F; }
	
	/* Intranet HR Pages */
	.intranetBoxes { 
		background-color: #0072C6; /* Green */
		border: none;
		color: white; 
		padding: 20px 20px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		display: inline-block;
		font-size: 12px;
		font-weight: 700;
		font-family: 'Roboto', sans-serif;
		margin: 4px 2px;
		-webkit-transition-duration: 0.4s; /* Safari */
		transition-duration: 0.4s;
		cursor: pointer; 
		border-radius: 3px;
		width:75px;
		height:75px;
	}


/* ==============================================================================
	ANCHOR TAG LOCATION
	========================================================================*/
	span.anchorLocation::before { 
	  display: block; 
	  content: " "; 
	  margin-top: -60px; 
	  height: 60px; 
	  visibility: hidden; 
	  pointer-events: none;
	}
	td.anchoredHeader {
		font-family: Roboto, sans-serif;
		font-size: 14px;
		text-transform: uppercase; 
		height: 20px;
		padding: 7px;
		text-align: left;
		font-weight: bold;
		width: 100%;
		background-color: #428bca;
		color:white;
	}
/*
	.jumpToPoint::before { 
		display: block;
		content: " ";
		margin-top: -47px;
		margin-top: -62px;
		height: 47px;
		visibility: hidden;
		pointer-events: none;
	}
*/
	.jumpToPoint {position: relative;}
	.jumpToPoint::before { 
		display: block; 
		content: " "; 
		margin-top: -60px; 

		height: 60px; 
		visibility: hidden; 
		pointer-events: none;
	}
	
	span.kbArticle_anchor {
		margin-top: -57px; 
  		padding-bottom: 57px; 
  		display: block; 
		position: absolute;
	}
	
	.orderTotalsLink { text-decoration: none; color: inherit }
	.orderTotalsLink:hover { cursor:pointer; }
	.orderTotalsLink:visited { color: inherit; }
	
	div.backToTop {
		font-family: 'Roboto', sans-serif;
		color:white;
		margin:0;
		display: block;
		float: right;
		font-size: 12px;
		cursor: pointer;
	}
	.backToTop:hover {
		color:#428BCA;
		background-color:white;
		padding:2px 4px;
	}
	
/* =============================================================================
   HAS_BUTTONS CLASSES (keep row height when buttons are inside)
   ========================================================================== */	
	
/*
	.cleanTable th .has_buttons, .cleanTable td .has_buttons {padding-top:0;}
	.stackedBox.table_has_buttons { border-spacing: 3px; padding: 6px 0 2px 2px; }
*/
	
	.stackedBox tr.has_tight_buttons th {
		padding-top: 10px;
		margin-bottom: -10px;
	}
	.stackedBox .has_tight_buttons .cssForm_buttonTightClean {
		margin-top: -3px;
		margin-bottom: -3px;
	}		
	
	.cleanTable tr.has_buttons input.cssForm_input,
	tr.has_buttons input.cssForm_input,
	tr.has_buttons select.cssForm_input{
		margin-top: 1px;
	}
	.cleanTable input.cssForm_input,
	.cleanTable select.cssForm_input,
	.cleanTable input.cssForm_inputRequired,
	.cleanTable input[type="text"].cssForm_input
	{
		margin-top: 1px;
	}
	
/*
	.cleanFormTable input.cssForm_input,
	.cleanFormTable select.cssForm_input,
	.cleanFormTable input.cssForm_inputRequired,
	.cleanFormTable select.cssForm_inputRequired,
	.cleanFormTable input[type='text'].cssForm_input,
	.cleanFormTable input[type='text'].cssForm_inputRequired {
		margin-top: 1px;
	}
*/
	
	.cleanTable th .has_buttons,
	.cleanTable td .has_buttons{
		padding-top:0;
	}

	tr.has_buttons div,
	tr.has_buttons button,
	tr.has_buttons input[type="submit"].cssForm_buttonClean,
	tr.has_buttons input[type="button"].cssForm_buttonClean { margin-top: 0; margin-bottom: 0; }
	
	tr.has_buttons th,
	tr.has_buttons td { padding-top: 3px; }

	.shadowBox tr.has_buttons th,
	.shadowBox tr.has_buttons td {
		padding-top:3px;
	}
	.cleanTable tr.has_buttons td {
		padding-top: 6px;
	}	
	.stackedBox.table_has_buttons { border-spacing: 3px; padding: 6px 0 2px 2px; }

	/*OLD AND STILL ACTIVE  .section_headers.has_buttons { padding: 3px;}*/	

	.has_buttons td.pageSectionHeaderSelections, .has_buttons td.pageSectionHeaderTitle {
    		padding-top: 24px;
	}

	.has_buttons td.pageSectionHeaderSelections .cssForm_buttonClean {
    		margin-top: 10px;
	}

	.has_buttons p {
		display: block;
		float: left;
		margin:0 0 0 12px;
		line-height: 1.7;
	}
	.cleanCCBillingTable tr.has_buttons td {padding-top:6px;}
	.cleanCCBillingTable tr.has_buttons table table {
		margin-bottom: -4px;
		margin-top: -4px;
	}

/* =============================================================================
   open order schedule
   ========================================================================== */	
	td.myOrders_open {
		margin: 0;
		padding: 0;
		font-size: 11px;
		height: 20px;
		line-height: 1.75em;
/*		border-bottom: 0.5px solid white;*/
		cursor: pointer;		
	}
	div.myOrders_open {
		width: 8px;
		height: 100%;
		float: left;
		display: block;
		box-sizing: border-box;
		color: white;
		font-weight: bolder;
/*		border-bottom: 0.5px solid white;		*/
	}
	td.myOrders_open.install 	{ background-color: #b8e0b8; }
	div.myOrders_open.install  	{ background-color: #5CB85C; }
	
	td.myOrders_open.migrate 	{ background-color: #ffdb99; }
	div.myOrders_open.migrate  	{ background-color: orange; }
	
	td.myOrders_open.port 		{ background-color: #d3e4f3;}	
	div.myOrders_open.port 		{ background-color: #428BCA; }
	
/* =============================================================================
  MULTIPLE HEADER TABLES
   ========================================================================== */	
	tbody.moreTopMargin {
		margin-top:20px;
	}
	tr.headerOne {
		height:10px;
	}
	tr.headerTwo {
		height:30px;
	}
	tr.headerOne>th, tr.headerOne>td {
		border-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
		font-size:15px;
	}
	tr.headerTwo>th, tr.headerTwo>td {
		padding-top: 6px;
		padding-bottom: 0px;
	}
	td.rightBorder, th.rightBorder {border-right:2px solid#E6E6E6}
	
/* =============================================================================
   NOTES
   ========================================================================== */
   
   	.notesContainer{ width:100%; border-top: 1px solid #E6E6E6; padding: 15px; overflow: hidden; }
	.notesContent{ font-size: 12px; height: 18px; }
	.notesAvatar{ margin-top:20px; float:left; padding: 10px; padding-bottom: 0; }
	.notesName{ display: block; margin-top: 27px; color: #555; font-size: 14px; }
	.notesDate{ display: block; color: #555; font-size: 10px; }
	
	.fullText {
	    position: absolute;
		background-color: white;
		padding: 0.5%;
		border: 1px solid rgba(0,0,0,.2);
		font-size: 12px;
		width: 400px;
		height: auto;
		font-family: 'Roboto', sans-serif;
		white-space: normal;
		box-shadow: 0 0.07143rem 0.28571rem 0 rgba(0,0,0,.2);
		border-radius: .14286rem;
		display:none;
	}	
/* =============================================================================
   LINKS
   ========================================================================== */	
   
	a.breadCrumbLink {
		cursor: pointer;
		font-weight: 700;
		padding-right: 0.5em;
	}

	a.breadCrumbLink:hover { text-decoration: underline; }	
	
/* =============================================================================
   PRINTABLES
   =======================================================================	*/
   
	.printableLetter_header { background-color: rgba(229, 227, 227, 1.0); border-bottom: 7px solid #292929; font-size: 16px; }
	td.printableLetter_address { font-size: 14px; }
	.printableLetter_footer { background-color: rgba(229, 227, 227, 1.0); border-top: 7px solid #292929; }
	.printableLetter_body { font-family: 'Roboto',sans-serif; background-color: white; font-size: 16px; overflow: visible }
	.printableLetter_mainContent { padding: 20px 40px;}
	.printableLetter_mainContent p { line-height: 1.35; margin-block-start: 1.35em;}
	.printableLetter_indentParagraph { padding-left: 20px;}
	.printableLetter_body li { margin: 4 0; }

	@media print{ 
		.dontPrint {display: none;} 
		.dontPrintBorders {border:none!important;border-width:0!important;}
	}
	.printForm {
		font-family: 'Roboto', sans-serif;
		margin: 40px;
	}
	form.printForm {
		margin-left: 12px;
	}
	.printForm_logo {
		padding: 20px;
		padding-right: 44px;
	}
	.printForm_title {
		text-align: left;
		font-size: 36px;
		font-weight: bold;
		vertical-align: bottom;
		padding: 12px;
		color: #666666	}
	.printForm_tableRow {
		height: 29px;
	}
	.printForm_table td{
		border:none;
		color:#292929;
		font-size:12px;
		padding: 6px;
		padding-bottom: 0;
	}
	.printForm_table td.cleanFormEntryTitle {
		font-size: 14px;
		width: 1%;
		white-space: nowrap;
		padding-right: 12px;
		vertical-align: bottom;
		padding-bottom: 0;
		height: 29px;
	}
	.printForm_table td.printForm_textField {
		border-bottom: 1px solid #d2d2d2	}

	input[type="text"].printForm_input {
		 border: none; 
		 color: #292929;
		font-size: 12px;
	}
	input[type="text"].printForm_input:hover {
		border: 1px solid grey; 
		border-radius: 3px;
	}
	
	textarea.printForm_input {
		border: none; 
		color: ;
		font-size: 12px;
		width: 100%
	}
	textarea.printForm_input:hover {
		border: 1px solid grey; 
		border-radius: 3px;
	}

/* =============================================================================
   TABLE ROW HIGHLIGHT
   ========================================================================== */
   
	tr.schedule_rowSelect.good td 			   { border-top: 2px solid #5CB85C; border-bottom: 2px solid #5CB85C; background-color: #b8e0b8; border-width: 2px 0;}
	tr.schedule_rowSelect.good td:first-child  { background-color: #b8e0b8; border: 2px solid #5CB85C; border-right-width: 0; }
	tr.schedule_rowSelect.good td:last-child   { background-color: #b8e0b8; border: 2px solid #5CB85C; border-left-width: 0; }
   	tr.schedule_rowSelect.good td:only-child   { border-left: 2px solid #5CB85C!important;}
   	.cleanTable tr:last-child tr.schedule_rowSelect.good td{ border-bottom: 2px solid #5CB85C!important;}  
	
	tr.schedule_rowSelect.purple td 			 { border-top: 2px solid #795ade; border-bottom: 2px solid #795ade; background-color: #b2a4e0; border-width: 2px 0;}
	tr.schedule_rowSelect.purple td:first-child  { background-color: #b2a4e0; border: 2px solid #795ade; border-right-width: 0; }
	tr.schedule_rowSelect.purple td:last-child   { background-color: #b2a4e0; border: 2px solid #795ade; border-left-width: 0; }
   	tr.schedule_rowSelect.purple td:only-child   { border-left: 2px solid #795ade!important;}
   	.cleanTable tr:last-child tr.schedule_rowSelect.purple td{ border-bottom: 2px solid #795ade!important;}
	
	tr.schedule_rowSelect.danger td 			 { border-top: 2px solid #D9534F; border-bottom: 2px solid #D9534F; background-color: #f0bebc; border-width: 2px 0;}
	tr.schedule_rowSelect.danger td:first-child  { background-color: #f0bebc; border: 2px solid #D9534F; border-right-width: 0; }
	tr.schedule_rowSelect.danger td:last-child   { background-color: #f0bebc; border: 2px solid #D9534F; border-left-width: 0; }
   	tr.schedule_rowSelect.danger td:only-child   { border-left: 2px solid #D9534F!important;}
   	.cleanTable tr:last-child tr.schedule_rowSelect.danger td{ border-bottom: 2px solid #D9534F!important;}	
	
	tr.schedule_rowSelect.warning td 			  { border-top: 2px solid orange; border-bottom: 2px solid orange; background-color: #ffdb99; border-width: 2px 0;}
	tr.schedule_rowSelect.warning td:first-child  { background-color: #ffdb99; border: 2px solid orange; border-right-width: 0; }
	tr.schedule_rowSelect.warning td:last-child   { background-color: #ffdb99; border: 2px solid orange; border-left-width: 0; }
   	tr.schedule_rowSelect.warning td:only-child   { border-left: 2px solid orange!important;}
   	.cleanTable tr:last-child tr.schedule_rowSelect.warning td{ border-bottom: 2px solid orange!important;}

	tr.schedule_rowSelect.notify td 			 { border-top: 2px solid #428BCA; border-bottom: 2px solid #428BCA; background-color: #afcee9; border-width: 2px 0;}
	tr.schedule_rowSelect.notify td:first-child  { background-color: #afcee9; border: 2px solid #428BCA; border-right-width: 0; }
	tr.schedule_rowSelect.notify td:last-child   { background-color: #afcee9; border: 2px solid #428BCA; border-left-width: 0; }
   	tr.schedule_rowSelect.notify td:only-child   { border-left: 2px solid #428BCA!important;}
   	.cleanTable tr:last-child tr.schedule_rowSelect.notify td{ border-bottom: 2px solid #428BCA!important;}
	
	tr.schedule_rowSelect.system td 			 { border-top: 2px solid grey; border-bottom: 2px solid grey; background-color: #d2d2d2; border-width: 2px 0;}
	tr.schedule_rowSelect.system td:first-child  { background-color: #d2d2d2; border: 2px solid grey; border-right-width: 0; }
	tr.schedule_rowSelect.system td:last-child   { background-color: #d2d2d2; border: 2px solid grey; border-left-width: 0; }
   	tr.schedule_rowSelect.system td:only-child   { border-left: 2px solid grey!important;}
   	.cleanTable tr:last-child tr.schedule_rowSelect.system td{ border-bottom: 2px solid grey!important;}

	tr.border_rowSelect.good,
	tr.border_rowSelect.good td:first-child,
	td.border_rowSelect.good { background-color: inherit; border-left: 6px solid #5CB85C;}
	
	tr.border_rowSelect.purple,
	tr.border_rowSelect.purple td:first-child,
	td.border_rowSelect.purple { background-color: inherit; border-left: 6px solid #795ade;}	
	
	tr.border_rowSelect.danger,
	tr.border_rowSelect.danger td:first-child,
	td.border_rowSelect.danger { background-color: inherit; border-left: 6px solid #D9534F;}
	
	tr.border_rowSelect.warning,
	tr.border_rowSelect.warning td:first-child,
	td.border_rowSelect.warning { background-color: inherit; border-left: 6px solid orange;}
	
	tr.border_rowSelect.notify,
	tr.border_rowSelect.notify td:first-child,
	td.border_rowSelect.notify { background-color: inherit; border-left: 6px solid #428BCA;}	
	
	tr.border_rowSelect.system,
	tr.border_rowSelect.system td:first-child,
	td.border_rowSelect.system { background-color: inherit; border-left: 6px solid grey;}


/* =============================================================================
   SLIDE-IN PANEL
   ========================================================================== */
	
	/*.panelContent::-webkit-scrollbar { width: 0 !important }*/
	.panelContent 	{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*overflow-y:scroll; -moz-scrollbars-none;-ms-overflow-style: none;*/}
	
	.panelOverlay {
		width: 100%;
		height: 100%;
		background-color: rgba(169, 169, 169, 0.8);
		/* padding: 3%; */
		font-size: 42px;
		color: rgb(255, 255, 255);
		display: table;
		position: absolute;
		padding-top: 25%;
	}
	
	.slideIn 		{ width: 0; height: 100%; position: fixed; top: 0; right: 0; z-index: 2; background-color: rgb(237, 239, 243); }
	.closeIcon 		{ z-index: 2; font-size: 22px; color: #666666; padding: 10px 12px; padding: 12px 12px; position: fixed; right: 0px; top: 0; }
	.closeIcon:hover{ color:white; background-color:#D9534F; cursor: pointer}
	
	
	.tabHeaderContainer_fixed   { position: fixed; top: 0; height: 100%; display: table; }	
	.tabContent_scrollContainer { position: absolute; padding-left: 8px; padding-right: 16px; height: 100%; width:100%; overflow-y: scroll; }
	.tabContent_sidePanel 		{ display: table; width: 100%; height: 100%; margin-bottom: 150px; }
	.fadeOutBackground 			{ width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: rgba(18, 18, 25, .5); z-index: 1; display: none; }
	.tabContent_scrollContainer .shadowBoxArea td {background-color:transparent;}
	
	.belowTabContent 		{ height: auto; display: block; margin-bottom: 100px; position: relative; }
	.panelFooterContainer 	{ position: fixed; bottom: 0; right:0; width: 75%; }
	.panelFooter 			{ position: relative; background-color: white; width: 100%; }
	
	.pageSectionFooterTabs {
		 color:#a0a0a0;
		 border-top:4px solid #FFFFFF;
		 background-color:#FFF;
		 font-family: 'Roboto', sans-serif;
		 font-size: 13px;
		 padding: 8px 0;
		 text-transform: capitalize;
		 white-space: nowrap;
	}
	.pageSectionFooterTabsLink:hover { border-top:4px solid #292929;color:#292929;cursor:pointer;} 
	.pageSectionFooterTabs + .pageSectionFooterTabs { padding-left: 20px;}

	.panelHeaderTable { border-bottom: 1px solid #E6E6E6; }
	
/* =============================================================================
   PAGINATE
   ========================================================================== */
	tr.paginate, .cleanTable tr.paginate table tr {
		height: 30px;
		font-weight: 600;
		font-size: 12px;
		font-family: 'Roboto', sans-serif;
		color: #292929;
	}   
   
	tr.paginate td.fake_button_on,  .cleanTable tr:last-child tr.paginate td.fake_button_on {
		border-radius: 3px;
		padding-top: 4px;
		background-color: #d2d2d2;
		padding-bottom: 0;
		font-family: 'Roboto', sans-serif;
		font-weight: 800;
		font-size: 12px;
		border: 1px solid #d2d2d2!important;
		border-bottom: 4px solid grey!important;
		transition-duration: 0.4s;
	}

	tr.paginate td.fake_button, .cleanTable tr:last-child td.fake_button {
		border-radius: 3px;
		padding-top: 4px;
		padding-bottom: 0;
		font-family: 'Roboto', sans-serif;
		font-weight: 800;
		font-size: 12px;
		border: 1px solid #d2d2d2!important;
		border-bottom: 4px solid #d2d2d2!important;
		transition-duration: 0.4s;
	}
	tr.paginate .fake_button:hover {
		background-color: #d2d2d2;
		cursor: pointer;
		color:#292929;
		border-color:grey;
	}





/* =============================================================================
   LOBBY
   ========================================================================== */
	.lobbyScreenContainer {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		background-color:white;
		overflow-y:hidden; 
		overflow-x:hidden;
	}
	.lobbyScreenHeaderContainer {
		position: absolute;  
		top: 5%;
		height: 20%;
		width: 75%;
		text-align: center;
		font-family: 'Roboto', sans-serif;
	}
	.lobbyScreenMainImgContainer {
		position: absolute;
		bottom: 46px;
		top: 25%;
		background-color: white;
		width: 75%;
		display: flex;
		text-align: center;
    	justify-content: center;
    	flex-direction: column;
		overflow: hidden;
	}
	.lobbyScreenImage {
		width: 80%;
		height: 100%;
		object-fit: contain;
		padding: 3%;
		align-self: center;
	}
	.lobbyScreenView2{ left:25%; }
	.lobbyScreenSidebarLeft {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		height: 100%;
		width: 25%;
		background-color: black;
		text-align: center;
		display: flex;
		flex-direction: column;
		z-index: 1;
	}
	.lobbyScreenSidebarRight {
		position: absolute;
		top: 0;
		bottom: 5%;
		right: 0;
		height: 95%;
		width: 25%;
		background-color: black;
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-evenly;
	}		
	.weatherStack {z-index: 3}
	.lobbyScreenSidebarRight .weatherStack { text-indent: 0!important; position: absolute; top:46px; right:0; width:100%; }
	.lobbyScreenSidebarRight .weatherwidget-io { text-indent: 0!important; position: relative; top:0; right:0; width:100%; }
	iframe#dateTimeSidebar { background-color: #3a3a3c; }
	.lobbyScreenSidebarRight iframe#dateTimeSidebar { position: absolute; top:0; right:0; }
	
	/********************************
	  NEWS: HORIZONTAL SCROLL 
	*******************************/
	.lobbyScreenNewsContainer { 
		position: absolute;
		bottom: 0;
		width: 500%;
		height:46px;
		background-color: black;
		overflow-x: visible;
		scrollbar-height: none;
		-ms-overflow-style: none;
		margin: 0 auto;
		/* position: relative; */
		overflow: hidden;
		transform: translate3d(0, 0, 0);
/*		z-index: 10;*/
	}
	.lobbyScreenNewsContainer::-webkit-scrollbar { height: 0 !important;}
	.lobbyScreenNewsContainer .lobbyScreenNews { animation: moveSlideshow 90s linear infinite; width: auto; transform: translate3d(0, 0, 0); position: relative; bottom: 7px; }
	@keyframes moveSlideshow { 100% { transform: translateX(-66.6666%); } }

	/********************************
	  NEWS: VERTICAL SCROLL 
	*******************************/
	.lobbyScreenNewsSidebarContainer {
		position: absolute;
		top: 342px;
		bottom: 6%;
		right: 0;
		height: 100%;
		width: 90%;
		background-color: black;
		overflow-y: visible;
		scrollbar-height: none;
		-ms-overflow-style: none;
		margin: 0 auto;
		overflow: hidden;
		transform: translate3d(0, 0, 0);
		z-index: 2;
		color: white;
		font-family: 'Roboto', sans-serif;
		padding: 0 5% 0 5%;
	}
	.lobbyScreenNewsSidebarContainer::-webkit-scrollbar { width: 0 !important;}
	.lobbyScreenNewsSidebarContainer .lobbyScreenNews { animation: moveSlideshowSide 60s linear infinite; width: auto; transform: translate3d(0, 0, 0); }
	.lobbyScreenNewsSidebarContainer a:link { text-decoration: none; color: #767b7f!important; text-transform: uppercase }
	@keyframes moveSlideshowSide { 100% {  transform: translateY(-99.99999%);  transform: translateY(-66.6666%); transform: translateY(-80%); } }
	.lobbyScreenNewsContainer .feed-item-title { display: inline-block; font-family: 'Roboto', sans-serif; padding-right: 1em; text-decoration: none!important; color: #767b7f!important; }
	.lobbyScreenNewsContainer .feed-item-desc { display: inline-block; color: white; font-family: 'Roboto', sans-serif; padding-right: 1em; }
	
/* =============================================================================
   CIRCLES
   ========================================================================== */	
	.circleRow { display: flex; justify-content: space-evenly; align-items: center; flex-wrap: wrap; margin-bottom: 15px;}
	.circleRowLeft { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 15px;}
	.circleRow + .circleRow { margin-top:85px;}	
	@supports (-ms-ime-align: auto) { .circleRow, .circleColumn, .x-largeCircle, .largeCircle, .mediumCircle, .smallCircle, .x-smallCircle { justify-content: space-around; }}	
	
	.circleColumn { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; /*margin-bottom: 15px;*/ flex-direction: column; padding: 15px;}	
	.circleColumn + .circleColumn { margin-left:25px;}	
	.circleColumn>div { margin-bottom: 15px; }
	.circleColumn>div:last-child { margin-bottom: 0; }
	
	.x-largeCircle, .largeCircle, .mediumCircle, .smallCircle, .x-smallCircle {
		display: flex;
		flex-direction: column;
		justify-content: center;
		background-color: white;
		border-radius: 50%;
		position: relative;
		font-family: 'Roboto', sans-serif;
		color: #292929;
		align-items: center;
    	align-content: space-evenly;	
		text-align: center;
		align-self: center;
	}
	
	.has-image {overflow: hidden;}
	.circleRowLeft > .x-smallCircle, .circleRowLeft > .circleRowText {margin-left:20px;}
	.circleRowText {
		display: flex;
		flex-direction: column;
		justify-content: center;
		font-family: 'Roboto', sans-serif;
	}
	.x-largeCircle { width: 200px; height: 200px; }
	.largeCircle   { width: 150px; height: 150px; }
	.mediumCircle  { width: 125px; height: 125px; }	
	.smallCircle   { width: 100px; height: 100px; }	
	.x-smallCircle { width: 50px; height: 50px; }
	
	.x-thickBorder{ border-width: 8px;border-style: solid;}
	.thickBorder  { border-width: 4px;border-style: solid;}
	.mediumBorder { border-width: 2px;border-style: solid;}
	.thinBorder   { border-width: 1px;border-style: solid;}
	.dropShadow   { box-shadow: 0 0.07143rem 0.28571rem 0 rgba(0,0,0,.2);}
	
	.circleHeader, .circleContent, .circleFooter { display: flex; justify-content: center; flex-direction: column; text-align: center; justify-content: space-around; height: 25%; }
	.circleHeader { font-size: 14px; font-weight: 600; /*line-height: 20px;*/ }
	.circleContent { font-size: 28px; font-weight: 600; /*line-height: 30px;*/ }
	.circleFooter{ font-size: 12px; display: flex; /*line-height: 20px;*/margin: 0 5%;}

	.darkBorder	  {border-color: #195382}
	.lightBorder  {border-color: #E6E6E6}
	.systemBorder {border-color: grey}
	.notifyBorder {border-color: #428BCA}
	.goodBorder   {border-color: #5CB85C}
	.warningBorder{border-color: orange}
	.dangerBorder {border-color: #D9534F}
	.purpleBorder {border-color: #795ade}
	
	.darkCircle	  {background-color: #195382}
	.lightCircle {background-color: #E6E6E6}
	.systemCircle {background-color: grey}
	.notifyCircler {background-color: #428BCA}
	.goodCircle   {background-color: #5CB85C}
	.warningCircle{background-color: orange}
	.dangerCircle {background-color: #D9534F}
	.purpleCircle {background-color: #795ade}
	
	.circleRow .good_lightFill,    .circleColumn .good_lightFill    { background-color: #b8e0b8; }
	.circleRow .purple_lightFill,  .circleColumn .purple_lightFill  { background-color: #b2a4e0; }
	.circleRow .danger_lightFill,  .circleColumn .danger_lightFill  { background-color: #f0bebc; }
	.circleRow .warning_lightFill, .circleColumn .warning_lightFill { background-color: #ffdb99; }
	.circleRow .notify_lightFill,  .circleColumn .notify_lightFill  { background-color: #afcee9; }
	.circleRow .system_lightFill,  .circleColumn .system_lightFill  { background-color: #d2d2d2 ; }	
	
	.circleRow .danger, 	.circleRowLeft .danger,  .circleColumn .danger  { background-color:#D9534F;}
	.circleRow .warning, 	.circleRowLeft .warning, .circleColumn .warning { background-color:orange;}
	.circleRow .good , 		.circleRowLeft .good ,   .circleColumn .good    { background-color:#5CB85C;}
	.circleRow .notify, 	.circleRowLeft .notify,  .circleColumn .notify  { background-color:#428BCA;}
	.circleRow .system,  	.circleRowLeft .system,  .circleColumn .system  { background-color:grey;}	
	.circleRow .default, 	.circleRowLeft .default, .circleColumn .default { background-color:#a8a8a8;}	
	.circleRow .purple,  	.circleRowLeft .purple,  .circleColumn .purple  { background-color:#795ade;}	
	.circleRow .headerBackground, .circleRowLeft .headerBackground,  .circleColumn .headerBackground  { background-color:#33628A;}	
	
	.x-smallCircle .circleContent { font-size: 24px; }
	.circleCell { padding: 12px!important; }

	.circleLabel { text-align: center; padding: 6px; font-weight: bold; font-family: 'Roboto', sans-serif; font-size: 14px; }
	.circleContainer { display: flex; flex-direction: column; }	
	
/* =============================================================================
   BLOCK NOTIFICATIONS
   ========================================================================== */

	.blockNotification {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		background-color: white;
		position: relative;
		font-family: 'Roboto', sans-serif;
		color: #292929;
		height: auto;
		padding: 8px;
		z-index: 0;
		width: 150px;
	}
	
	.circleRow .blockNotification {
		flex-grow: 1;
    	margin: 0 14px 14px 0;
	}	
	.circleRow .blockNotification:last-child {
		margin-right:0;
	}	
	.circleColumn .blockNotification {
		width: 100%;
	}
	
	.blockNotificationText {
		display: flex;
		flex-direction: column;
		z-index: 2;
		padding: 0.75%;
		z-index: 0;
	}
	
	.backgroundBlock {
		position: absolute;
		height: 100%;
		width: 100%;
		display: flex;
		flex-direction: column;
		top: 0px;
		right: 0px;
		justify-content: center;
		z-index: -1;
	}
	
   .blockNotificationIcon {
		/* position: absolute; */
		/* right: 12px; */

	/*    display: table-cell;
		/* display: block; */
		/* float: right; */
		/* padding-right: 16px; */
		/* position: relative; */
		/* height: 100%; */
		/* width: 100%; */
		/* bottom: 0;*/

	}
	.blockNotificationIcon>i{ 
		float: right;
		padding-right: 12px;
		position: relative;
		color: rgba(0,0,0,0.1);
	}
	
	.notificationButton.danger:hover  { cursor:pointer;background-color:#f0bebc;}
	.notificationButton.warning:hover { cursor:pointer;background-color:#ffdb99;}
	.notificationButton.good:hover    { cursor:pointer;background-color:#b8e0b8;}
	.notificationButton.notify:hover  { cursor:pointer;background-color:#afcee9;}
	.notificationButton.system:hover  { cursor:pointer;background-color:#d2d2d2;}	
	.notificationButton.default:hover { cursor:pointer;background-color:#d2d2d2;}	
	.notificationButton.purple:hover  { cursor:pointer;background-color:#b2a4e0;}
	.notificationButton.headerBackground:hover { cursor:pointer;background-color: #afcee9;}	

	.notificationButton.danger:hover .whiteText  { color: #666666}
	.notificationButton.warning:hover .whiteText { color: #666666}
	.notificationButton.good:hover .whiteText    { color: #666666}
	.notificationButton.notify:hover .whiteText  { color: #666666}
	.notificationButton.system:hover .whiteText  { color: #666666}	
	.notificationButton.default:hover .whiteText { color: #666666}	
	.notificationButton.purple:hover .whiteText  { color: #666666}
	.notificationButton.headerBackground:hover .whiteText { color: #666666}	

/* =============================================================================
   DISCONNECT TABLE
   ========================================================================== */
	.disconnectHeaderRow th {
		font-size: 10px;
		color: #666666;
		text-transform: uppercase;
		height: 15px;
		font-weight: bold;
		padding: 4px;
		border-bottom: 1px solid #666666;
		padding-bottom: 3px;
		vertical-align: bottom;
		border-right: 1px solid #E6E6E6;
	}
	.disconnectHeaderRow th:last-child {border-right: none;}
	.disconnectHeaderRow th.blankHeaderCell { background-color: transparent; border:none;}
	.disconnectTbody tr td {border-bottom: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6;}
	.disconnectTbody tr td:last-child {border-right: none;}
/* =============================================================================
   DISCONNECT ROW NOTIFICATION
   ========================================================================== */		
	tr.selectedForDisco, td.selectedForDisco { background-color: #ffdb99!important; }
	tr.selectedForDisco td:first-child { border-left: 4px solid orange!important; }
	tr.selectedForDisco tr.fidRow td:first-child { border-left: none!important; }
	tr.selectedForDisco tr.fidRow td{ border-left: none!important; }
	td.selectedForDisco:first-of-type { border-left: 4px solid orange!important; }
	tr.selectedForDisco:hover { background-color: #ffdb99!important; }	
	
	tr.selectedForDisco_lvl2 td:not(:first-child) { background-color: #ffdb99!important; }
	tr .selectedForDisco_lvl2 td:first-child { background-color: inherit!important; }
	tr.selectedForDisco_lvl2 td:nth-child(2) { border-left: 4px solid orange!important; }
	tr.selectedForDisco_lvl2 tr.fidRow td:nth-child(2) { border-left: none!important; }
	tr.selectedForDisco_lvl2 tr.fidRow td{ border-left: none!important; }
	tr.selectedForDisco_lvl2:hover { background-color: #ffdb99; }	
	tr.selectedForDisco_lvl2:hover td:first-of-type{ background-color: inherit!important;}	

/* =============================================================================
   SPECIFIC STYLES
   ========================================================================== */	
	td.narrowReportCol { font-size: 10px; }
	.lowerContents {vertical-align: bottom;}
	.noResults,
	td.noResults,
	tr.noResults { text-align: center; font-size: 15px; font-weight: 700; font-style: italic; font-family: 'Roboto', sans-serif; background-color: #E6E6E6; text-transform: none; color: #292929; }
	.pointer:hover {cursor: pointer;}
	.topPadding,
	.cleanTable td.topPadding,
	.cleanFormTable td.topPadding {padding-top:15px;}
	.testSystem { float: left; display: block; height: auto; margin: 0; padding: 0; color: yellow; font-size: 20px; font-weight: bold; text-transform: uppercase;font-family:'Roboto', sans-serif;}
	
	.fill_tableCell { display: flex; justify-content: center; height: 100%; overflow: auto; padding-top: 14px; }
	.fill_tableCell.good    { color: #5CB85C; background-color: #b8e0b8; }
	.fill_tableCell.warning { color: grey; background-color: #ffdb99; }
	.fill_tableCell.danger  { color: #D9534F; background-color: #f0bebc; }
	.fill_tableCell.system  { color: grey; background-color: #d2d2d2; }
	.fill_tableCell.notify  { color: #428BCA; background-color: #afcee9; }
	.not_allowed:hover {cursor: not-allowed!important;}
	
	.font10 {font-size: 10px!important;}
	.font11 {font-size: 11px!important;}
	.font12 {font-size: 12px!important;}
	.font14 {font-size: 14px!important;}
	.font15 {font-size: 15px!important;}
	.font16 {font-size: 16px!important;}
	.font18 {font-size: 18px!important;}
	.font20 {font-size: 20px!important;}
	.font22 {font-size: 22px!important;}
	.font24 {font-size: 24px!important;}
	.font26 {font-size: 26px!important;}
		
	.nowrap {white-space: nowrap;}
	
	.strikeThrough {text-decoration: line-through;}
	
	.inputLabel {font-size: 10px; height: 18px}
	.buttonLabel {font-size: 10px; height: 18px;margin-bottom: -5px!important;margin-top:3px!important}
	
/* =============================================================================
   FAIL-SAFE CLASSES (override inherited classes)
   ========================================================================== */

	/*table cell fit its content*/
   .shrinkToFit { width:0.1%; white-space: nowrap; }
   
   /*wrap around floating divs to move them to the next line*/
   .clearFloats:after { content: ""; display: table; clear: both; }
   
	/*tables too wide*/
	@media only screen  and (min-width : 1824px) {
		.shrinkWideTable { max-width: 1600px;
	}}
	@media only screen  and (min-width : 1224px) {
	.shrinkWideTable{
		max-width: 1111px;
	}}
	
	/*ALIGN RIGHT, LEFT, CENTER*/	
	.force_button_right { text-align: right!important;}
	.force_button_left  { text-align: left!important;}
	.force_button_center{ text-align: center!important;}

	/*CLEAR INHERITED MARGINS/PADDING */
	.clear_margins { margin-top:auto;margin-right: auto;margin-bottom: auto;margin-left: auto; }
	.clear_padding { padding-top:auto;padding-right: auto;padding-bottom: auto;padding-left: auto; }
	.clear_width   { width: auto; }
	
	/*EMERGENCY - NO MARGINS/PADDING AT ALL NO MATTER WHAT */
	.no_margin_top {margin-top:0!important;}
	.no_margin_right {margin-right:0!important;}
	.no_margin_bottom {margin-bottom:0!important;}
	.no_margin_left {margin-left:0!important;}
	.no_margins {margin-top:0!important;margin-right:0!important;margin-bottom:0!important;margin-left:0!important;}
	
	.no_padding_top {padding-top:0!important;}
	.no_padding_right {padding-right:0!important;}
	.no_padding_bottom {padding-bottom:0!important;}
	.no_padding_left {padding-left:0!important;}
	.no_padding {padding-top:0!important;padding-right:0!important;padding-bottom:0!important;padding-left:0!important;}
	
	/*DISABLE HOVER CLASSES*/
	.disable_hover:hover, .table_rows_no_hover:hover {background-color:inherit!important;}
	.clear_hover:hover {background-color: transparent!important;}
	/*ENABLE HOVER*/
	.enable_hover:hover {background-color: #EDEFF3!important;}
	.highlightRows tr:hover td.disable_hover {background-color:white!important;}
	
	/*REMOVE BORDERS*/
	.noBottomBorder {border-bottom: none !important; border-bottom-width:0!important;} 
	.noRightBorder {border-right: none !important;}
	.noLeftBorder {border-left: none !important;}
	tr.noBottomBorderRow>td, tr.noBottomBorderRow>th {border-bottom: none !important;}
	.noBorder {border-bottom: none !important; border-top:none !important; border-right:none !important; border-left:none !important; }
	table.noBorder>tbody>tr>td {border-bottom: none !important; border-top:none !important; border-right:none !important; border-left:none !important;}
	.iframe_noBorder {border:none;}

	.cleanTable.keepBottomBorder tr:last-child td,
	.cleanFormTable.keepBottomBorder tr:last-child td { border-bottom: 1px solid #E6E6E6!important; }
	
	.cleanTable.keepBottomBorder tbody.outlineActiveRows tr:last-child td,
	.cleanFormTable.keepBottomBorder tbody.outlineActiveRows tr:last-child td {  border-bottom: 3px solid orange!important; }
	
	
	
	.cleanTable tr.keepBottomBorder:last-child td,
	.cleanFormTable tr.keepBottomBorder:last-child td { border-bottom: 1px solid #E6E6E6!important; }
	.cleanTable tr:last-child td.addBottomBorder,
	.addBottomBorder {border-bottom-width: 1px!important; border-bottom-style: solid!important; border-bottom-color:  #E6E6E6!important;}
	
	
	/*DON'T CAPITALIZE*/
	.notAllCaps, .notAllCaps .cssFormInput{ text-transform: none!important; }
	.allCaps {text-transform: uppercase;}
	
	/*CLEAR ROW HEIGHT*/
	.clear_height {height:auto!important;}
   	tr.compact { height: auto; }
   	tr.compact>td.cleanFormEntryTitle { padding: 3px;}
   
	td.border-left {border-left: 1px solid #E6E6E6;}
	td.border-right {border-right: 1px solid #E6E6E6;}
	td.withBorders {border-right: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6;}
	td.withBorders+td.withBorders {border-left: none;}	
	
	/*REMOVE BACKGROUND COLOR*/
	.noBackgroundColor {background-color: transparent!important;}
	/*HYPERLINKS*/	
	.remove_hyperlink_default{text-decoration: none;  color:inherit;}
	.row_remove_hyperlink_default>td>a,.row_remove_hyperlink_default>th>a{text-decoration: none;  color:inherit;}

/* END NEW STYLES */
   
/* =============================================================================
   Status Pages
   ========================================================================== */
   
	.css_statusTable_expedite { text-shadow: 0 0 5px #FFF; }
	.css_statusTable_portFOC { font-size:8px; color:#FFF; background-color:green; }
   
    .fa-order_status_green { color:green; }
	.fa-order_status_red { color:red; }
	.fa-order_status_redGlow { color:#f44336; }
	.fa-order_status_red:hover { cursor:pointer; }
	.fa-order_status_grey { color:grey; }
	.fa-order_status_orange { color:orange; }
	
	/* border-radius: 5px; */
	
	.css_open_orders { background: #CCCCCC; color:#FFF; font-size:12px; font-weight:bold; padding: 5px 10px; margin: -3px -5px; line-height: 1.7; display:inline; text-align:center; }
	.css_past_orders { background: red; color:#FFF; font-size:12px; font-weight:bold; padding: 5px 10px; margin: -3px -5px; line-height: 1.7; display:inline; text-align:center; }
	.css_park_orders { background: #38ACEC; color:#FFF; font-size:12px; font-weight:bold; padding: 5px 10px; margin: -3px -5px; line-height: 1.7; display:inline; text-align:center; }

/* =============================================================================
   Form Elements / Buttons 
   ========================================================================== */
	
	td.missing_entry { border-left: 5px solid red; }
	.cssForm_inputRequired input[type="text"] {  border-left:4px solid blue; }
	.cssForm_inputError input[type="text"]  {  border-left: 2px solid red; }	
	.cssForm_inputRequiredAlt {  border-left:4px solid blue; }
	.cssForm_inputErrorAlt {  border-left: 2px solid red; }
	.cssForm_input_readOnly { background-color: #EDEFF3!important; cursor: not-allowed;}
	
	.cssForm_input,
	.cssForm_input .ui-widget textarea,
	input.cssForm_input,
	select.cssForm_input,
	.ui-widget select.cssForm_input,
	input[type="text"].cssForm_input { 
		background-color: #FFF;
		border: none;
		padding: 3px 5px;
		text-decoration: none;
		text-transform: uppercase;
		display: inline-block;
		font-size: 11px;
		font-weight: 500;
		font-family: Roboto;
/*		letter-spacing: 1px;*/
		margin: 4px 2px;
		-webkit-transition-duration: 0.4s;
		transition-duration: 0.4s;
		border: 1px solid #666;
		height:27px;
		max-height:27px;
		border-radius: 3px;
		box-sizing:border-box;
	}

	select.cssForm_input { height: 28px; } 
	
	select[multiple].cssForm_input.cssForm_input_mulitSelect { max-height: 150px; height: 150px!important;margin: 3px 5px;padding: 3px 5px;}
	
	input[type="file"].cssForm_fileInput { 
		background-color: #FFF;
		border: none;
		padding: 3px 5px;
		text-decoration: none;
		text-transform: uppercase;
		display: inline-block;
		font-size: 11px;
		font-weight: 500;
		font-family: Roboto;
		letter-spacing: 1px;
		margin: 4px 2px;
		-webkit-transition-duration: 0.4s;
		transition-duration: 0.4s;
		border: 1px solid #666;
		border-radius: 3px;
/*		height: 27px;*/
		position: relative;
		box-sizing:border-box;
	}	
	input[type=file].cssForm_fileInput::-webkit-file-upload-button {
	   height:auto;
	}
	
/*
	.cssForm_input:disabled,
	.cssForm_input:disabled .ui-widget textarea, 
	input.cssForm_input:disabled, 
	select.cssForm_input:disabled, 
	.ui-widget select.cssForm_input:disabled, 
	input[type="text"].cssForm_input:disabled,
	input[type="file"].cssForm_fileInput:disabled{
		cursor:not-allowed;
		background-color:;
	}
	.cssForm_input:read-only .ui-widget textarea, 
	input.cssForm_input:read-only, 
	input[type="text"].cssForm_input:read-only,
	.cssForm_fileInput input[type="file"]:read-only{
		cursor:not-allowed;
		background-color:;
	}
*/
	input.cssForm_input_greyout {cursor:not-allowed; background-color:#EDEFF3; color:grey;}
	
	input.cssForm_input_required,
	select.cssForm_input_required,
	.cssForm_input_required { border-left: 4px solid red !important;}

	input.cssForm_input_cc_required,
	select.cssForm_input_cc_required,
	.cssForm_input_cc_required { border-left: 4px solid #ffdb99 !important;}	
	
	input.cssForm_input_invalid,
	select.cssForm_input_invalid,
	.cssForm_input_invalid { border: 2px solid red !important;}
	
	input.cssForm_input_changed,
	select.cssForm_input_changed,
	.cssForm_input_changed { border: 2px solid #428BCA !important;}
	
	input.cssForm_input_validated,
	select.cssForm_input_validated,
	.cssForm_input_validated {  border-left: 4px solid #5CB85C !important; }
	
	input.cssForm_input_saved,
	select.cssForm_input_saved,
	.cssForm_input_saved { border: 2px solid #5CB85C !important;}
	
	input[type="submit"].cssForm_button, .cssForm_button { 
		background-color: #5CB85C; /* Green */
		border: none;
		color: white;
		padding: 3px 5px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		display: inline-block;
		font-size: 12px;
		font-weight: 700;
		font-family: Roboto;
		margin: 4px 2px;
		-webkit-transition-duration: 0.4s; /* Safari */
		transition-duration: 0.4s;
		cursor: pointer; 
		border-radius: 3px;
	}
	
	.cssForm_buttonTight { 
		background-color: #5CB85C; /* Green */
		border: none;
		color: white;
		padding: 1px 2px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		display: inline-block;
		font-size: 12px;
		font-weight: 700;
		font-family: 'Roboto', sans-serif;
		margin: 1px 1px;
		-webkit-transition-duration: 0.4s; /* Safari */
		transition-duration: 0.4s;
		cursor: pointer; 
		border-radius: 0px !important;
	}

	input[type="submit"].cssForm_submitButton, .cssForm_submitButton { background-color: #5CB85C; color: white; border: 2px solid #5CB85C; }
	/*input[type="submit"].cssForm_submitButton:hover, .cssForm_submitButton:hover { background-color: white; color: #4CAF50; }	 Green Button */
	input[type="submit"].cssForm_submitButton:hover, .cssForm_submitButton:hover, input[type="submit"].cssForm_button:hover, .cssForm_button:hover { background-color: white; color: #5CB85C; }	/* Green Button */

	input.cssForm_inputBorderless {
		border: 0;
		padding: 0;
		font-family:'Roboto', sans-serif;
		font-size: 12px;
		background-color: transparent;
	}
	input.cssForm_inputBorderless:focus {outline: none;}
	
	.copyValue { display: inline; cursor: pointer; color: #428BCA; color: #428bca;}																							 
	.tinyInputLabel {
		font-size: 11px;
		color: #666666;
		font-family: 'Roboto', sans-serif;
		font-weight: 500;
		display: block;
		margin: 0;
		padding: 0;
		-webkit-font-smoothing: antialiased;
		white-space: nowrap;
		margin-left:3px;
	}
	
	.fileInputLabel {
		font-size: 9px;
		color: #666666;
		font-family: 'Roboto', sans-serif;
		font-weight: 500;
		display: block;
		margin: 0;
		padding: 0;
		-webkit-font-smoothing: antialiased;
		white-space: nowrap;
		margin-left: 3px;
	}
	.radioInputLabel {
		font-size: 12px;
		color: #292929;
		font-family: 'Roboto', sans-serif;
		font-weight: 500;
		display: inline;
		padding: 0 0 0 6px;
		position: relative;
		top: -2px;
	}
	.checkboxInputLabel {
		font-size: 12px;
		color: #292929;
		font-family: 'Roboto', sans-serif;
		font-weight: 500;
		display: inline-block;
		padding: 6px;
		position: relative;
		top: -2px;
		float: left;
		width: auto;
		margin-left: 10px;
	}
	.cleanTable .tinyInputLabel,
	.cleanFormTable .tinyInputLabel,
	.cleanOrderFormTable .tinyInputLabel { margin-top:-5px; margin-bottom:10px;}
	
	.entryTitleNote {
		font-size: 11px;
		color: #666666;
		font-weight: 500;
		margin-top: 5px;
		margin-left: 0;
		margin-bottom: -8px;
		-webkit-font-smoothing: antialiased;
		white-space: nowrap;
	}
	
	.cssForm_submitButton { background-color: #5CB85C; color: white; border: 2px solid #5CB85C;}	/* Green Button */
	.cssForm_submitButton:hover { background-color: white; color: #5CB85C; }
	
	.cssForm_cancelButton { background-color: #f44336; color: white; border: 2px solid #f44336; }	/* Red Button */
	.cssForm_cancelButton:hover { background-color: white; color: #f44336; }
	
	.cssForm_generalButton { background-color: #428BCA; color: white; border: 2px solid #428BCA; }	/* Blue Button */
	.cssForm_generalButton:hover { background-color: white; color: #428BCA; }
	
	.cssForm_textInsertButton { background-color: #666; color: white; border: 2px solid #666; }		/* Dark Grey Button */
	.cssForm_textInsertButton:hover { background-color: white; color: #666; }
	
	.cssForm_editButton { background-color: orange; color: white; border: 2px solid orange; }			/* Yellow Edit Button */
	.cssForm_editButton:hover { background-color: white; color: orange; }
	
	.cssForm_redButtonText { color: red; }															/* Red Button Text */
	.cssForm_greyButtonText { color: #666; }														/* Grey Button Text */
	
	.btn_customerDetail_callIn { background: #428BCA; font-family: Arial; color: #ffffff; font-size: 12px; padding: 5px 20px 5px 20px; text-decoration: none; cursor:pointer; text-align:right; }
	.btn_customerDetail_callIn:hover { background: #3cb0fd; text-decoration: none; }
	
	.btn_test { background-color:black!important; color:white!important; border: 2px solid black!important}
	.btn_test:hover { background-color:white!important; color:black!important; border: 2px solid black!important}
	
	/*fieldset*/
	.cssForm_fieldset {
		border: 1px solid #666;
		border-radius: 3px;
		padding: 0  5px 5px 2px;
		/*width: 150px;*/
		}
	.cssForm_fieldset legend {
		font-size: 10px;
		font-weight: bold;
		font-family: Roboto;
		white-space: nowrap;
	}	
	.cssForm_fieldsetNoBorder {
		border: 0px solid #666;
		border-radius: 3px;
		padding: 0  5px 5px 2px;
		/*width: 150px;*/
		}
	.cssForm_fieldsetNoBorder legend {
		font-size: 10px;
		font-weight: bold;
		font-family: Roboto;
		white-space: nowrap;
	}
/* =============================================================================
   Font Awesome Colors and Hovers
   ========================================================================== */

	.fa-clickablelink { color:#33628A; }
	.fa-clickablelink:hover { color:#195382; cursor:pointer; }
	
	.fa-registration-status-up { color:green; }
	.fa-registration-status-down { color:red; }
	.fa-registration-status-unknown { color:#CCC; }
	.fa-registration-status-link:hover { cursor:pointer; }
	
	.fa-signal-status { color:blue; }
	
/* =============================================================================
   Scroll To Top Of Page
   ========================================================================== */
   
	.scroll-to-top {
		display: none;
		position: fixed; bottom: 20px; right: 10px;
		font-family:Arial, Helvetica, sans-serif; color: #FFF; text-transform: uppercase; text-decoration: none; font-size:12px; font-weight:bold;
		padding: 10px;
		background-color:#33628A;
		box-shadow: 5px 5px 1px #333;
		text-align:center;
	}
	.scroll-to-top:active { text-decoration: none; color: #FFF; }
	.scroll-to-top:hover { text-decoration: none; color: #FFF; background-color:#195382; }
	
/* =============================================================================
   Specific CSS 
   ========================================================================== */		
	.customer_ticketCall { background: #F03; font-family: Arial; color: #ffffff; font-size: 12px; padding: 5px 20px 5px 20px; text-decoration: none; }
	.sectionHelp{ float:right; cursor:pointer; }
	.knowledgebaseLink { cursor:pointer; }
	
	.alert_rows_no_hover { font-family:Arial, Helvetica, sans-serif; font-size:12px;  color:#FFF; }
	
	.smaller_font { font-family:Arial, Helvetica, sans-serif; font-size:10px; }
	.tiny_font { font-family:Arial, Helvetica, sans-serif; font-size:8px; }
	
	.small_confirmation_row { background-color: #5CB85C; color: white; }
	.small_error_row { background-color: #f44336; color: white; }
	
	.tech_dispatch_customer_detailPage { padding: 3px 5px; border: 2px solid #f44336; }
	
	.monitor_sensors { font-family:Arial, Helvetica, sans-serif; font-size:26px; font-weight:bold; background-color:#F0F0F0; }
	.monitor_dispatches { font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; background-color:#F0F0F0; }
	.monitor_servers { font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#FFF; font-weight:bold; }
	.monitor_servers_with_bg { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; background-color:#F0F0F0; }
	.monitor_servers_white_text { font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#FFF; font-weight:bold; background-color:green; }
	.monitor_agents{ font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#000; font-weight:bold; background-color:#F0F0F0; }
	
	.monitor_sensor_group 	{ font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#FFF; font-weight:bold; }
	.monitor_sensor_title 	{ font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; background-color:#F0F0F0; }
	.monitor_sensor_up 		{ font-family:Arial, Helvetica, sans-serif; background-color: green; color: white; border: 2px solid green; padding: 0px 2px 0px 2px; }
	.monitor_sensor_down 	{ font-family:Arial, Helvetica, sans-serif; background-color: red; color: white; border: 2px solid red; }
	.monitor_sensor_warn 	{ font-family:Arial, Helvetica, sans-serif; background-color: orange; color: white; border: 2px solid orange; }
	
	.order_section_complete { padding: 3px 5px; background-color: #5CB85C; font-size:14px; color: white; border: 2px solid #5CB85C; }
	.order_section_not_complete { padding: 3px 5px; background-color: #f44336; font-size:14px; color: white; border: 2px solid #f44336; }
	
	.reorderLevels_belowStock { background-color: orange; color: white;}
	.reorderLevels_needsReorder { background-color: red; color: white;}
	
	.reorderLevels_belowStock_new { background: orange;
		background: -moz-linear-gradient(left, orange 10%, #ffdb99 10%, #ffdb99 10%);
		background: -webkit-linear-gradient(left, orange 10%,#ffdb99 10%,#ffdb99 10%);
		background: linear-gradient(to right, orange 10%,#ffdb99 10%,#ffdb99 10%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='orange', endColorstr='#ffdb99',GradientType=1 );}
	.reorderLevels_needsReorder_new { background: #D9534F;
		background: -moz-linear-gradient(left, #D9534F 10%, #f0bebc 10%, #f0bebc 10%);
		background: -webkit-linear-gradient(left, #D9534F 10%,#f0bebc 10%,#f0bebc 10%);
		background: linear-gradient(to right, #D9534F 10%,#f0bebc 10%,#f0bebc 10%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D9534F', endColorstr='#f0bebc',GradientType=1 );}
	
	.port_TOC_received { background: orange; font-size:9px; font-weight:bold; color:#FFF; padding: 2px 4px; margin: -1px -2px; line-height: 1.2; border-radius: 2px; display:inline; }
	.port_FOC_received { background: red; font-size:9px; font-weight:bold; color:#FFF; padding: 2px 4px; margin: -1px -2px; line-height: 1.2; border-radius: 2px; display:inline; }
	.port_FOC_completed { background: green; font-size:9px; font-weight:bold; color:#FFF; padding: 2px 4px; margin: -1px -2px; line-height: 1.2; border-radius: 2px; display:inline; }
	
	#chooseMonth a:visited, #chooseMonth a:link {text-decoration: none; color:white;}
	
	.sendToBill_nrc 		{ background-color:#2986ff; font-size:9px; font-weight:bold; color:#FFF; padding: 2px 4px; margin: -1px -2px; line-height: 1.2; border-radius: 2px; display:inline; font-family: 'Roboto', sans-serif; }
	.sendToBill_nrcTotal 	{ background-color:#2986ff; color:#FFF; font-family: 'Roboto', sans-serif; }
	.sendToBill_mrc 		{ background-color:#4caf50; font-size:9px; font-weight:bold; color:#FFF; padding: 2px 4px; margin: -1px -2px; line-height: 1.2; border-radius: 2px; display:inline; font-family: 'Roboto', sans-serif; }
	.sendToBill_mrcTotal 	{ background-color:#4caf50; color:#FFF; font-family: 'Roboto', sans-serif; }
	.sendToBill_lines 		{ background-color:#ffaf1a; font-size:9px; font-weight:bold; color:#FFF; padding: 2px 4px; margin: -1px -2px; line-height: 1.2; border-radius: 2px; display:inline; font-family: 'Roboto', sans-serif; }
	.sendToBill_linesTotal 	{ background-color:#ffaf1a; color:#FFF; font-family: 'Roboto', sans-serif; }
	/*4caf50 2986ff 00b377 ffaf1a*/
	

	.order_startEnd_date 	{ background-color:#2986ff; color:#FFF; font-family: 'Roboto', sans-serif; }
	.order_install_date 	{ background-color:#4caf50; color:#FFF; font-family: 'Roboto', sans-serif; }
	.order_port_date		{ background-color:#ffaf1a; color:#FFF; font-family: 'Roboto', sans-serif; }
	
/* =============================================================================
   Projects
   ========================================================================== */
   
	.scrollingRegion_projectNotes { overflow-y: auto; height: 600px; }
	.projectsTableContent_ltgrey		{ border-color:#E6E6E6; background-color:#FFF; font-size:12px; border-bottom:4px solid #E6E6E6; border-left:4px solid #E6E6E6; padding: 6px 6px;}
 	.projectsTableContentLeft_ltgrey	{ border-color:#E6E6E6; background-color:#FFF; font-size:12px; border-bottom:4px solid #E6E6E6; border-left:4px solid #E6E6E6; padding: 6px 6px;}
	.projectsTableContentRight_ltgrey	{ border-color:#E6E6E6; background-color:#FFF; font-size:12px; border-bottom:4px solid #E6E6E6; border-right:4px solid #E6E6E6; border-left:4px solid #E6E6E6; padding: 6px 6px;}
	.projectsTableContentAlone_ltgrey	{ border-color:#E6E6E6; background-color:#FFF; font-size:12px; border-bottom:4px solid #E6E6E6; border-right:4px solid #E6E6E6; border-left:4px solid #E6E6E6; border-top:4px solid #E6E6E6; padding: 6px 6px;}
	.projectsTableContentFull_ltgrey	{ border-color:#E6E6E6; background-color:#E6E6E6; color:#999; font-size:12px; padding: 6px 6px; }
	.projectsTotalsHeader 	{ font-size:8px; color:#999; text-transform:uppercase; }
	.projectsTotalsCount	{ font-size:26px; color:#000; text-transform:uppercase; }
	
/* =============================================================================
   Grey Box Tables 
   ========================================================================== */
   
 	/* very light grey - used for main boxes */
  	.greyBoxTable_top		{ border-color:#E6E6E6; background-color:#FFF; font-size:12px; border-top:4px solid #E6E6E6; border-left:4px solid #E6E6E6; border-right:4px solid #E6E6E6; padding: 8px 8px; }
    .greyBoxTable_middle	{ border-color:#E6E6E6; background-color:#FFF; font-size:12px; border-left:4px solid #E6E6E6; border-right:4px solid #E6E6E6; padding: 8px 8px; }
  	.greyBoxTable_bottom	{ border-color:#E6E6E6; background-color:#FFF; font-size:12px; border-bottom:4px solid #E6E6E6; border-left:4px solid #E6E6E6; border-right:4px solid #E6E6E6; padding: 8px 8px; }
  	.greyBoxTable_only		{ border-color:#E6E6E6; background-color:#FFF; font-size:12px; border-top:4px solid #E6E6E6; border-bottom:4px solid #E6E6E6; border-left:4px solid #E6E6E6; border-right:4px solid #E6E6E6; padding: 8px 8px; }
    .greyBoxTable_title		{ font-family: 'Roboto', sans-serif; font-size: 14px; color: #33628A;  }

/* =============================================================================
   Order Entry Screens/Tables 
   ========================================================================== */

	.nrc_orderEntryTable:hover, .mrc_orderEntryTable:hover		{ background-color:#CCC; }	

	
/* =============================================================================
   Order Summary Screens/Tables 
   ========================================================================== */
   
	/* light grey */
    .orderSummaryTableHeader_ltgrey			{ border-color:#E6E6E6; background-color:#E6E6E6; color:#333; font-family: 'Roboto', sans-serif; font-size:10px; padding: 6px 6px; text-transform:uppercase; }
	.orderSummaryTableContent_ltgrey		{ border-color:#E6E6E6; background-color:#FFF; font-size:12px; border-bottom:4px solid #E6E6E6; border-left:4px solid #E6E6E6; padding: 6px 6px;}
 	.orderSummaryTableContentLeft_ltgrey	{ border-color:#E6E6E6; background-color:#FFF; font-size:12px; border-bottom:4px solid #E6E6E6; border-left:4px solid #E6E6E6; padding: 6px 6px;}
	.orderSummaryTableContentRight_ltgrey	{ border-color:#E6E6E6; background-color:#FFF; font-size:12px; border-bottom:4px solid #E6E6E6; border-right:4px solid #E6E6E6; border-left:4px solid #E6E6E6; padding: 6px 6px;}
	.orderSummaryTableContentAlone_ltgrey	{ border-color:#E6E6E6; background-color:#FFF; font-size:12px; border-bottom:4px solid #E6E6E6; border-right:4px solid #E6E6E6; border-left:4px solid #E6E6E6; border-top:4px solid #E6E6E6; padding: 6px 6px;}
	.orderSummaryTableContentFull_ltgrey	{ border-color:#E6E6E6; background-color:#E6E6E6; color:#333; font-size:12px; padding: 6px 6px; }
  
	/* dark grey */
   	.orderSummaryTableHeader_grey		{ border-color:#999; background-color:#999; color:#FFF; font-family: 'Roboto', sans-serif; font-size:10px; padding: 6px 6px; text-transform:uppercase; }
	.orderSummaryTableContent_grey		{ border-color:#999; background-color:#FFF; font-size:12px; border-bottom:4px solid #999; border-left:4px solid #999; padding: 6px 6px;}
 	.orderSummaryTableContentLeft_grey	{ border-color:#999; background-color:#FFF; font-size:12px; border-bottom:4px solid #999; border-left:4px solid #999; padding: 6px 6px;}
	.orderSummaryTableContentRight_grey	{ border-color:#999; background-color:#FFF; font-size:12px; border-bottom:4px solid #999; border-right:4px solid #999; border-left:4px solid #999; padding: 6px 6px;}
	.orderSummaryTableContentFull_grey	{ border-color:#999; background-color:#999; color:#FFF; font-size:12px; padding: 6px 6px; }

	/* header color NHC maroon */
   	.orderSummaryTableHeader_nhc		{ border-color:#33628A; background-color:#33628A; color:#FFF; font-family: 'Roboto', sans-serif; font-size:10px; padding: 6px 6px; text-transform:uppercase; }
	.orderSummaryTableContent_nhc		{ border-color:#33628A; background-color:#FFF; font-size:12px; border-bottom:4px solid #33628A; border-left:4px solid #33628A; padding: 6px 6px;}
 	.orderSummaryTableContentLeft_nhc	{ border-color:#33628A; background-color:#FFF; font-size:12px; border-bottom:4px solid #33628A; border-left:4px solid #33628A; padding: 6px 6px;}
	.orderSummaryTableContentRight_nhc	{ border-color:#33628A; background-color:#FFF; font-size:12px; border-bottom:4px solid #33628A; border-right:4px solid #33628A; border-left:4px solid #33628A; padding: 6px 6px;}
	.orderSummaryTableContentAlone_nhc	{ border-color:#33628A; background-color:#FFF; font-size:12px; border-bottom:4px solid #33628A; border-right:4px solid #33628A; border-left:4px solid #33628A; border-top:4px solid #33628A; padding: 6px 6px;}
	.orderSummaryTableContentFull_nhc	{ border-color:#33628A; background-color:#33628A; color:#FFF; font-size:12px; padding: 6px 6px; }

/* =============================================================================
   Printables 
   ========================================================================== */
   
   .cradlepointIPInformation { font-size:10px; color:#000; text-transform:uppercase; }
   .equipmentReturnFooter { color:white; background-color:#666; }
   .equipmentReturnFooterText { color:white; }
   .equipmentReturnFooterQuestion { color:#195382; }
   .equipmentReturnFooterFinePrint { color:white; font-size:10px; }

/* =============================================================================
   New Table Columns - for forms and such
   ========================================================================== */	

	.table_column_label { font-size:11px; font-family: 'Roboto', sans-serif; background-color:#E6E6E6; }
	.table_column_content { background-color:#FAFAFA; }
	
	h5.formTitle { font-size: 13px;  margin: 12px 5px 0px 5px; color: #555;}
	.checkbox_column input{ float: left; margin: 2px 7px 10px 3px; cursor: pointer;}
	.checkbox_column { background-color: #FAFAFA; width: 595px; }
	.table_column_content input + input{ margin-left:3px;} /*add slight margin if two inputs in one cell*/
	
/* =============================================================================
   New Order Detail 
   ========================================================================== */	
	
	.orderView_tabs {
		text-align:center;
		font-size: 10px;
		color: #30374A; 
		background-color: #E8E8E8;
		border-top:1px solid #666; 
		border-right:1px solid #999;
		border-bottom:1px solid #999;
		text-transform:uppercase;
		font-family: 'Roboto', sans-serif;
	}
	.orderView_tabs:hover { cursor:pointer; background-color: #FFFFFF; }

	.orderView_tabs_on { 
		text-align:center;
		font-size: 10px;
		color: #30374A; 
		background-color: #FFFFFF;
		border-top:1px solid #666; 
		border-right:1px solid #999;
		text-transform:uppercase;
		font-family: 'Roboto', sans-serif;
	}
	
	.orderDetail_headers{
		font-family: 'Roboto', sans-serif;
		font-size: 14px;
		color: #33628A; 
		border-bottom:1px solid #999;
	}
	.orderDetail_headersTextOnly{
		font-family: 'Roboto', sans-serif;
		font-size: 14px;
		color: #33628A; 
	}
	.orderDetail_columnHeaders{
		font-family: 'Roboto', sans-serif;
		font-size: 10px;
		font-weight: 600;
		text-transform: uppercase;
		color: #33628A; 
	}	
	.reportDetail_columnHeaders{
		font-family: 'Roboto', sans-serif;
		font-size: 12px;
		color: #33628A;
		border-top: 1px solid #999;
		border-bottom: 1px solid #999;
		border-left: 1px solid #999;
	}
	
	.reportDetail_rows{
		border-bottom:1px solid #999;
		border-left: 1px solid #999;
	}

	td.orderDetails_head { background-color:#FAFAFA; font-weight: 600; }
	td.orderDetails_head:last-of-type{ width:0.1%; white-space: nowrap; }

/* =============================================================================
   Projects
   ========================================================================== */
   
   .projects_highPriority { border-left: 8px solid red; }
   .projects_standardPriority { border-left: 8px solid orange; }
   .projects_lowPriority { border-left: 8px solid yellow; }
   .projects_noPriority { border-left: 8px solid grey; }
   
   .projectsStatus_ready { border-left: 8px solid #99ff99; }
   .projectsStatus_inProgress { border-left: 8px solid #ACD6FF; }
   .projectsStatus_waitingSpecs { border-left: 8px solid #e6e60; }
   
/* =============================================================================
   Meta ShPull
   ========================================================================== */
	
	/*.queue-loggedin { background-color: #4CAF50; color: white; border: 2px solid #4CAF50; padding: 5px 5px 5px 5px; }
	.queue-loggedout { background-color: #f44336; color: white; border: 2px solid #f44336; padding: 5px 5px 5px 5px; }*/
	.queue-loggedin { background-color: green; color: white; border: 2px solid green; padding: 5px 5px 5px 5px; }
	.queue-loggedout { background-color: red; color: white; border: 2px solid red; padding: 5px 5px 5px 5px; }
	
	/*.blf-open { background-color: #4CAF50; color: white; border: 2px solid #4CAF50; padding: 5px 5px 5px 5px; }
	.blf-inuse { background-color: #f44336; color: white; border: 2px solid #f44336; padding: 5px 5px 5px 5px; }*/
	.blf-open { background-color: green; color: white; border: 2px solid green; padding: 5px 5px 5px 5px; }
	.blf-inuse { background-color: red; color: white; border: 2px solid red; padding: 5px 5px 5px 5px; }

/* =============================================================================
   Smaller Screens

		
@media screen and (max-width: 1280px) {
	td.customer_logo {width:200px;font-size:8px;}.customer_search {width:200px;}	
}
   ========================================================================== */
/* =============================================================================
   Overlay
   ========================================================================== */
   	#div_overlay { position:absolute; height:100%; width:100%; }
	#div_overlay { background:black; opacity:.8; z-index:2; display:none; }
	#div_loadingOverlay { position:absolute; top:40%; left:45%; z-index:3; display:none; }


/* =============================================================================
   Slide-in divs
   ========================================================================== */
	#fader {
		width:100%;
		height:100%;
		position: absolute;
		z-index: 9998;
		top:1px;
		left:1px;
		background-color: rgba(18, 18, 25, .5);
	}
	.sideNote, .sideNote2{
		width: 33px;
		height: auto;
		float: right;	    
		margin:none;
		clear:both;
		position:absolute;
		right:-1px;
		z-index:9999;
		background-color:white;
		border-radius: 3px;
		box-shadow: inset 0 0 5px #595959;
	}
	.slider_label, .slider_label2  { top:57px; border:0.125px solid rgba(0, 0, 0, 0.5);}
	
	.collapsed  {height:auto; top:57px;}	
	.collapsed2,
	.orderSummaryOrderFormPopTemplate .collapsed2 { top: 250px;}
	
	.vertical-heading, .vertical-heading-2{
		word-break: break-all;	
		letter-spacing: 3px;
		width: 16px;
		cursor: pointer;
		float: left;
		text-align: center;	
		padding: 8px;
		color: white;	
		font-family: 'Roboto', sans-serif;	
		font-size: 14px;
		font-weight: 600;
	}	
	
	.expandedContent-1, .expandedContent-2 {
		max-width: 98%;
		max-height: 98%;
		background-color: #EDEFF3;
		margin: 1%;
		overflow-y: scroll;
		position: relative;
		top: 1px;
		left: 1px;
	}
		
	.expanded, .expanded2{height: 100%; top: 0;}	
		
	.teal_vert_heading {
		border: 2px solid #33628A;
		background-color: #33628A; 	
		}
		
	.teal_vert_heading:hover{
		background-color: #195382;
		border: 2px solid #195382;		
		}
	.red_vert_heading {
		border: 2px solid #D9534F;
		background-color:  #D9534F; 	
		}
		
	.red_vert_heading:hover{
		background-color: #d64843;
    	border: 2px solid #d64843;
		cursor:pointer;
		}
/* =============================================================================
   Sideways text in tables
   ========================================================================== */
	td.rotate {
		width: 12px;
		white-space: nowrap;
		background-color: #8e0505;	vertical-align: top;   
		padding-top: 8px;
	}
	td.rotate.blue_col {
		background-color: #0C3D5B;
		width: 12px;
	}
	td.rotate > div {
		transform:rotate(-90deg);
		width: 12px;height:12px;
		font-weight: bold;
		color: white;
		direction: rtl;
	}
	td.rotate > div > span {
		font-weight: bold;
		color: white;
		font-size: 10px;
		text-transform: uppercase;
		width: 12px;
		}

/* =============================================================================
   Buttons in Section Headers
   ========================================================================== */
	.section_headers.has_buttons {padding: 3px;}	
	.header_button_container {padding: 0 0px 0 3px;float: right;}
	.header_button_container_left {padding: 0 0px 0 3px;float: left;}
	.header_button_container i {margin: 0 9px 0 5px;}	
	.header_button_container > .cssForm_button {
		display: inline-flex;
		margin: 0px;
		padding: 2px 11px 2px 6px;
		border-radius: 0px !important;
	}

	.header_box_left {float: left;padding: 0;color: white;}
	.header_box_left > .cssForm_button {
		display: inline;
		float: left;
		margin: 0 !important;
		width: auto;
		height: 100%;
		border-radius: 0px !important;
	}

	td.header_box_left {
		color: white;
		width: 24px;
		height: 100%;
		float: none;
		font-size: 14px;
		margin: 0;
	}

	td.header_box_left i {padding: 3px 1px;}	
	td.header_box_left + td {position: relative;left: 14px;}

	.header_button_container.left_button{float: left;}
	.header_button_container.left_button i {float: right;margin: 0 5px 0 9px;}
	
/* =============================================================================
   Calendar
   ========================================================================== */	
	table.calendar_month { border-collapse: collapse; }
	
	table.calendar_month th { height:25px; border: 1px solid; color: white; }	
	
	.calendar_month_button { 
		color: white;
		background-color: transparent;
		border: 1px solid transparent;
		border-radius: 3px;
		height: 40px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 12px;
		font-family: Arial;
		-webkit-transition-duration: 0.4s;
		transition-duration: 0.4s;
		cursor: pointer;
	}
	
	.calendar_month_button:hover { background-color: white; color: #428BCA; }

	.calendar_header_button {
		color: #878787;
		background-color: white;
		border: 1px solid #878787;
		border-radius: 3px;
		margin: 0 4px;
		box-sizing: border-box;
		text-transform: uppercase;
		padding: 3px 6px;
		border-radius: 3px;
		text-align: center;
		text-decoration: none;
		-webkit-transition-duration: 0.4s;
		transition-duration: 0.4s;
		cursor: pointer;
		font-size: 12px;
	}
	
	.calendar_header_button:hover, .calendar_header_button .fa-clickablelink:hover{ color:white; background-color:#878787; }
	
	.calendar_header_button i:after{ vertical-align: baseline; float:right; }
	
	td.day_num {
		font-weight: 600;
		vertical-align: top;
		font-family: 'Roboto', sans-serif;
		font-size: 13px;
		padding: 5px 0 5px 8px;
		color:#428BCA;
	}	
	td.day_num_closed {
		font-weight: 600;
		vertical-align: top;
		font-family: 'Roboto', sans-serif;
		font-size: 13px;
		padding: 5px 0 5px 8px;
		color:#666666;
	}
	td.today_date_closed {
		color:#666666!important;
		font-weight:900;
		vertical-align: top;
		font-family: 'Roboto', sans-serif;
		font-size: 13px;
		padding: 5px 0 5px 8px;
	}
	
	td.portsInstalls_closed {
		background-color: #ff8ea6;
		background-color:gainsboro;
		margin: 0;
		padding: 0;
		height: 25px;
    	line-height: 2em;
		border-bottom: 0.5px solid white;
		color: crimson;
	}
	
	tr.portsInstalls_closed th {
		background-color: #E6E6E6;
		color: crimson;
		border: thin solid #8f8f8f;
	}
	
	div.portsInstalls_closed {
		background-color: #e8496d;
		background-color: darkgray;
		width: 8px;
		height: 100%;
		float: left;
		display: block;
		box-sizing: border-box;
		color: white;
		font-weight: bolder;
		border-bottom: 0.25px solid white;
	}
	
	td.portsInstalls_open{ 
		background-color: #b8e0b8;
		margin: 0;
		padding: 0;
		height: 25px;
    	line-height: 2em;
		border-bottom: 0.5px solid white;
	}
	
	tr.portsInstalls_open th {
		background-color: #c1e6d2;
		border: thin solid #8f8f8f;
	}

	div.portsInstalls_open {
		background-color: #5CB85C;
		width: 8px;
		height: 100%;
		float: left;
		display: block;
		box-sizing: border-box;
		color: white;
		font-weight: bolder;
		border-bottom: 0.25px solid white;
	}
	
	td.metaMigration {
		background-color: #ffdb99;
		margin: 0;
		padding: 0;
		height: 25px;
    	line-height: 2em;
		border-bottom: 0.5px solid white;
	}
	tr.metaMigration th {
		background-color: #fdeaaa;
		border: thin solid #8f8f8f;
	}
	div.metaMigration {
		background-color: orange;
		width: 8px;
		height: 100%;
		float: left;
		display: block;
		box-sizing: border-box;
		color: white;
		font-weight: bolder;
		border-bottom: 0.25px solid white;
	}
	td.ports_open {
		background-color: #afcee9;
		margin: 0;
		padding: 0;
		height: 25px;
    	line-height: 2em;
		border-bottom: 0.5px solid white;
	}
	
	tr.ports_open th {
		background-color: #cee8f7;
		border: thin solid #8f8f8f;
	}
	
	div.ports_open {
		background-color: #428BCA;
		width: 8px;
		height: 100%;
		float: left;
		display: block;
		box-sizing: border-box;
		color: white;
		font-weight: bolder;
		border-bottom: 0.25px solid white;
	}
	
	span#holiday { position: relative; top:5%; }
	
/* =============================================================================
   Schedule Ports & Installs
   ========================================================================== */	
	
	div.day_schedule_container { margin: 10px; }
	
	table.day_schedule{ font-family: 'Roboto', sans-serif; align-self: center;margin-top:20px;}
	
	table.day_schedule td:not(:first-child){min-width:32px;}
		
	.day_schedule th { vertical-align: baseline; padding: 0; border: 1px solid; min-width: 10px; font-size: 10px; color: black; height: auto; text-transform: unset; }
	
	.day_schedule th:first-child { text-align: left; font-size: 11px; padding: 3px; min-width: 270px; border-top-left-radius: 3px; border-right: none; }
	
	.day_schedule th + th {border-right:none;}
	
	.day_schedule th:last-child { border-top-right-radius: 3px; border-right: 1px solid #8f8f8f; }
		
	.day_schedule td:first-child { width: 0.1%; white-space: nowrap; font-size: 11px; padding: 3px; line-height: 1.19em;}
	
	.day_schedule td:last-child { border-right: 1px solid #999999;}
	
	.legend-1 { display: block; float: right; background-color: lightblue; height: 49px; width: 14px; }
	
	.legend-2 { display: block; float: right; background-color: #C00; height: 49px; width: 14px; }
	
	.legend-1-text, .legend-2-text  { font-size: 11px;	display: block; float: right;}	
	
	td.day-schedule {font-size:12px; line-height: 1.25em; padding:3px;}
	
/* =============================================================================
   Fixed Header Scrolling Tables
   ========================================================================== */
	
	div.scrollableContainer {
		position: relative;
		width: 3500px;
		padding-top: 2.3em;
		overflow: hidden;
	}

	div.scrollableWrapper {
		border-bottom: 1px solid #999;
		border-right: 1px solid #999;
	}	

	div.scrollingArea { 
		height: 400px;
		overflow-x:hidden;
		overflow-y: auto;		
	}

	div.scrollingArea::-webkit-scrollbar {width: 0px; background: transparent;}
	div.scrollingArea { -ms-overflow-style: none;}	

	.scroll {
		width: 100%;
		height: 100%;
		overflow: auto;
		margin-right: 14px;
		padding-right: 28px;
	}

	td.scrollingTableTitle:first-of-type{ width:0.1%; white-space: nowrap; }
	
	td.scrollingTableTitle {
		background-color: #fcfcfc;
		font-family: 'Roboto', sans-serif;
		font-size: 16px;
		padding: 6px 10px 3px;
		border: 1px solid #999;
		border-bottom-color: transparent;
		color: #AA0E2D;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}

	td.scrollingTableTitle:first-child {
		border-top-left-radius: 3px;
		border-right:none;
	}
	td.scrollingTableTitle:last-child {
		border-top-right-radius: 3px;
		border-left:none;
	}
	
	td.scrollingTableTitle:only-child {
		border-radius: 3px;
		border-right: 1px solid #999;
		border-left: 1px solid #999;
	}
	
  #phoneNumberUpdate .cssForm_submitButton, #phoneNumberUpdate .cssForm_generalButton { font-size: smaller;height: auto;width: 100px;padding: 3px 0;}
	
  form#phoneNumberUpdate {display: block;text-align: left; }
	
  table.scrollable { 
    font-size: 9px;
    border-collapse: collapse; 		
    width: 535px;    
   }
  table.scrollable td { 
    padding: 2px 4px;
	overflow: hidden; 
    }
  table.scrollable tr:first-child td {border-top: none;}
	
  table.scrollable thead tr { left: 0; top: 0; position: absolute;}	
	
  table.scrollable th { 
    border-left: 1px solid #999; 
	border-right: 1px solid #999; 
    padding: 2px 4px;		
    background: #757575;
    color: white;
    font-variant: small-caps;
	white-space: normal;
  }
	
  table.scrollable th a {color:white; text-decoration: none;}	
	
  .heading {width:1000px;}
	
  table.scrollable th .edit {
	width: 33px;
    height: 22px;
    line-height: 2.25;
}

	
/*	iTracker CLASSES*/
	
   #inviTracker2 div.scrollableContainer { margin: 11px 22px; }
   #inviTracker { font-family: verdana, arial, helvetica, sans-serif;} 
	
   #container.withScrollX {overflow: inherit;}
   form#inviTracker .cssForm_button {margin-left: 11px;font-size: 13px;}
	
   form#inviTracker{
		display: block;
		margin: 11px;
		border: 1px solid white;
		text-align: left;
	}
	/*remove that margin for managment page*/
	.innerCleanTableContainer>form#inviTracker { margin: 0;}
   input#customerSearch {margin: 11px 0;}
	
   #inviTracker select {margin-left: 10px;max-width:422px;}  table.itraker { 
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 9px;
    border-collapse: collapse; 		
    width: 535px;    
    }	
  table.itraker td { 
    border: 1px solid #999; 
    padding: 2px 4px;
	background-color:white;
    }
  table.itraker tr:first-child td {
    border-top: none;
	padding-top: 11px;
  }  
  table.itraker th { 
    border-left: 1px solid #999; 
	border-right: 1px solid #999; 
    padding: 2px 4px;		
    background: #333;
    color: white;
    font-variant: small-caps;
    }
 
  table.itraker td { overflow: hidden; }


/* =============================================================================
   SIDEBAR WARNINGS
   ========================================================================== */	
	.pending, .disconnected {
		font-family: Cousine, monospace;
		width: 22px;		
		color:white;
		float: left;
		padding: 6px;
	}

	.pending {background-color: orange;}
	
	.disconnected {background-color: #D9534F;}
	
	.verticalText {
		word-break: break-all;
		line-height: 1.25em;
		width: 0;
		padding: 0;
		color: white;
		font-family: Cousine, monospace;
		font-size: 15px;
		font-weight: 600;
		display: flex;
		box-sizing: border-box;
		margin-left: 6px;
	}

	.disconnected > i {
		width: 0;
		padding: 0px;
		margin-top:10px;
		margin-left: 2px;
    	font-size: 18px;
	}
	
	/*notifications on tab pages*/
	.notifyTabs {
		position: absolute;
		bottom: 0;
		top: 149px;
	}
	.disconnected + #div_tabContent,
	.pending + #div_tabContent {
		float: left;
		width: 97%;
		margin-left: 2%;
	}	
	
/*=============================================================
	LOADING SCREEN
==============================================================*/
	div.load_fullScreenList { text-align: center; position: fixed; top: 0; left: 0; background-color: darkgray; width:100%; height: 100%; }
	table.load_fullScreenList, td.load_fullScreenList { width: 100%; height: 100%; color: white; text-align: center; }
	p.load_fullScreenList{ font-family: 'Roboto', sans-serif; font-size: 29px; }
	span#load_listItem { animation: unset; font-family: 'Roboto', sans-serif, sans-serif; font-size: 21px; line-height: 2em; text-align: left; width:75%;}
	div#load_listItem { text-align: left; margin-left:10%;}
	@keyframes blink {
		0% { opacity: .2; }
		20% { opacity: 1; }
		100% { opacity: .2; }
	}

	.load_fullScreenList span { animation-name: blink;  animation-duration: 1.4s; animation-iteration-count: infinite; animation-fill-mode: both; }
	.load_fullScreenList span:nth-child(3) {  animation-delay: .2s; }
	.load_fullScreenList span:nth-child(4) { animation-delay: .4s; }
	.load_fullScreenComplete{ font-family: 'Roboto', sans-serif; font-size: 29px; text-align: center; }
	
/* =============================================================================
   Custom Dropdown menu
   ========================================================================== */
	.dropdownButton {
		position: relative;
		display: inline-block;
		padding: 3px 5px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		display: inline-block;
		font-size: 12px;
		font-weight: 800;
		font-family: 'Roboto', sans-serif;
		letter-spacing: 1px;
		margin: 0px 3px;
		-webkit-transition-duration: 0.4s;
		transition-duration: 0.4s;
		cursor: pointer;
		color: white;
		border-radius: 0 !important;
	}

	ul.dropdownButton-content {
		list-style-type: none;
		display: none;
		position: absolute;
		left: auto;
		right: 0;
		margin-right: -2px;
		top: 11px;
		background-color: #f9f9f9;
		white-space: nowrap;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		padding: 0;
		z-index: 1;
		-webkit-transition-duration: 0.4s;
		transition-duration: 0.4s;
	}

	.dropdownButton:hover .dropdownButton-content {
		display: block;
		-webkit-transition: height .3s ease;
	}					

	.dropdownButton-content > li {
		line-height: 3em;
		color: black;
		margin-top: 0;
		margin-bottom: 0;
		text-align: left;
		padding-left:1em;
		padding-right:1em;
		font-size:11px;
	}
	.dropdownButton-content li:hover{
		background-color:#33628A;
		z-index: 1;
		color:white;
	}
/*=============================================================
	CUSTOMER NOTES
==============================================================*/

table.notesTable { border-collapse: collapse; font-family: 'Roboto', sans-serif; }
td#avatar {width: 100px; text-align: center; border-right-width: 0; padding-top: 10px; text-transform: uppercase; vertical-align: top;}
td.notes_timestamp { text-align: right; padding-right: 27px; white-space: nowrap; width: 5%; vertical-align: top; padding-top: 10px; }
td.notes_body { padding: 10px; vertical-align: top; padding-right: 100px; }
tr.customer_notes { border-left:15px solid #d4d4d4; background-color:#f0f0f0;}
.customer_notes { color:#292929; font-family: 'Roboto', sans-serif; padding:6px; font-size:12px; }

.customer_notes.equipment { border-left: 15px solid #0066CC;background-color: #ebf5ff;}
span.customer_notes.equipment_legend { background-color:#0066CC; }
tr.equipment_row { background-color:#0066CC; }
div.customer_notes.equipment_legend { border-left: 4px solid #0066CC; float: left; margin-left: 15px; display: inline-block;}

.customer_notes.general { border-left:15px solid #33CC99; background-color:#eaf7f2;}
span.customer_notes.general_legend { background-color:#33CC99; }
tr.general_row { background-color:#33CC99; }
div.customer_notes.general_legend { border-left: 4px solid #33CC99; float: left; margin-left: 15px; display: inline-block;}

.customer_notes.order { border-left:15px solid #99CCFF; background-color: #fff8f3; }
span.customer_notes.order_legend { background-color:#99CCFF; }
tr.order_row { background-color:#99CCFF; }
div.customer_notes.order_legend { border-left: 4px solid #99CCFF; float: left; margin-left: 15px; display: inline-block;}

.customer_notes.order { border-left:15px solid #99CCFF; background-color: #fff8f3; }
span.customer_notes.order_legend { background-color:#99CCFF; }
tr.order_row { background-color:#99CCFF; }
div.customer_notes.order_legend { border-left: 4px solid #99CCFF; float: left; margin-left: 15px; display: inline-block;}

.customer_notes.inventory { border-left:15px solid sandybrown; background-color: #f3fdff;}
span.customer_notes.inventory_legend { background-color:sandybrown; }	
tr.inventory_row { background-color:sandybrown; }	
div.customer_notes.inventory_legend { border-left: 4px solid sandybrown; float: left; margin-left: 15px; display: inline-block;}	

div.customer_notes.uncategorized_legend { border-left: 4px solid #d4d4d4; float: left; margin-left: 15px; display: inline-block;}




/*
 *
 *	NEW AI GENERATED STYLES
 *
 *
 *
 *
 */


@keyframes spin {
  to { transform: rotate(360deg); }
}

.spinner {
  border-radius: 50%;
  border-style: solid;
  border-color: #ddd;
  border-top-color: #333;
  animation: spin 0.75s linear infinite;
  display: inline-block;
  flex-shrink: 0;
}

.spinner-sm {
  width: 16px;
  height: 16px;
  border-width: 2px;
}

.spinner-md {
  width: 32px;
  height: 32px;
  border-width: 3px;
}

.spinner-lg {
  width: 56px;
  height: 56px;
  border-width: 4px;
}	

.spinner-wrap {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.spinner-wrap.spinner-sm .spinner-text { font-size: 13px; }
.spinner-wrap.spinner-md .spinner-text { font-size: 15px; }
.spinner-wrap.spinner-lg .spinner-text { font-size: 18px; }

.spinner-text {
  color: #888;
  line-height: 1;
}
	
</style>