/* ROOT DECLARATIONS */
:root {
    --fontColor:rgb(0,0,0);
    --gray1:rgb(221,221,221);
    --gray2:rgb(232,232,232);
    --blue1:rgb(0,137,203);
    --fontSize1:20px;
    --userBarHeight:60px;
    --topDashboardHeight:140px;
}

html,body {
    height:99%;
}

body {
    margin:0px;
}

* {
    box-sizing:border-box;
}

/* FONT FACE DECLARATIONS FOR POPPINS */

@font-face {
    font-family: 'Poppins';
    src: url('/static/fonts/Poppins/Poppins-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/static/fonts/Poppins/Poppins-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/static/fonts/Poppins/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/static/fonts/Poppins/Poppins-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/static/fonts/Poppins/Poppins-ExtraBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/static/fonts/Poppins/Poppins-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/static/fonts/Poppins/Poppins-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/static/fonts/Poppins/Poppins-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/static/fonts/Poppins/Poppins-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/static/fonts/Poppins/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/static/fonts/Poppins/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/static/fonts/Poppins/Poppins-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/static/fonts/Poppins/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/static/fonts/Poppins/Poppins-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/static/fonts/Poppins/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/static/fonts/Poppins/Poppins-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/static/fonts/Poppins/Poppins-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/static/fonts/Poppins/Poppins-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

body {
    font-family:'Poppins';
    color:var(--fontColor);
    font-size:16px;
}

/* PRIMARY FRAME FOR base.html */
div#pageWrapper {
    display:grid;
    min-height:100%;
    grid-template-rows: 100px 140px auto;
    grid-template-columns: 16% 84%;
}

div.centerBlock {
    text-align:center;
}

/*********************************************************************************************** USER BAR */
div#userBar {
    grid-column-start:1;
    grid-column-end:3;
    height:100%;
    padding:5px 15px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
}

	div#userBar>div#userGreeting,
	div#userBar>div#userControls {
	    height:100%;
	}
	
	div#userBar > div#userControls {
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	div#userBar>div#userGreeting {
	    color:var(--blue1);
	    z-index: 10;
	}

	div#userBar div#userGreeting div#userGreetingLogout a,
	div#userBar div#userGreeting div#userManualDownload a,
	div#userBar div#userGreeting a#stubHealthMonitorLink{
	    font-size:16px;
	    font-weight:500;
	    text-decoration: none;
	}

	div#userBar>div#userGreeting>div:nth-of-type(2) {
	    font-size:12px;
	    height:40%;
	}

	ul#userMenu {
	    list-style-type: none;
	    padding-left: 10px;
	    width: 230px;

	}

	ul#userMenu li {
	    list-style-type: none;
	    background-color: white;
	    width: 200px;
	}

	ul#userMenu>li:nth-of-type(1) {
	    cursor: default;
	}

	ul#userMenu li#userPermissions,
	ul#userMenu li.localizedDatetime{
	    font-size: 0.75em;
	}

	div#userGreeting ul#userStatsMenu,
	div#userGreeting div#userGreetingLogout,
	div#userGreeting div#userManualDownload,
	div#userGreeting ul#userMenu{
		background: rgba(255, 255, 255, 0.9);
	}

	div#userGreeting:hover #userStatsMenu,
	div#userGreeting:hover #userGreetingLogout,
	div#userGreeting:hover #userManualDownload,
	div#userGreeting:hover #userPermissions{
	    display: block;
	}
	div#userGreeting #userStatsMenu,
	div#userGreeting #userManualDownload,
	div#userGreeting #userGreetingLogout{
		display: none;
		padding-left: 10px;
	}
	
	div#userGreeting #userGreetingLogout{
		padding-bottom: 5px;
	}

	div#userGreeting:hover #userStatsMenu,
	div#userGreeting:hover #userManualDownload,
	div#userGreeting:hover #userGreetingLogout {
		visibility: visible;
		-webkit-animation: fadeIn 1s;
		animation: fadeIn 1s;
		display: block;
	}

	ul#userStatsMenu li {
		font-size: 12px;
	}

	ul#userStatsMenu #userStatsMenuSysStatus {
		color: green;
		font-size: 16px;
		text-decoration: none;
	}

	/*********************************************************************************************** TOP DASHBOARD */
	div#pageWrapper>div#topDashboard {
	    display:grid;
	    grid-column-start:1;
	    grid-column-end:3;
	    grid-template-columns: 16% 28% 28% 28%;
	    justify-items:center;
	    align-items:center;
	    height:10.92em;
		z-index: 5;
	}
	
	div#userGreeting #userStatsMenu,
	div#userGreeting #userGreetingLogout,
	div#userGreeting #userManualDownload,
	div#userGreeting #userPermissions{
		display: none;
	}

	div#userGreeting:hover #userStatsMenu,
	div#userGreeting:hover #userGreetingLogout,
	div#userGreeting:hover #userManualDownload,
	div#userGreeting:hover #userPermissions{
		visibility: visible;
		-webkit-animation: fadeIn 1s;
		animation: fadeIn 1s;
		display: block;
	}
	
	div#userBar div#userGreeting div#userGreetingLogout a,
	div#userBar div#userGreeting div#userManualDownload a{
	    font-size:16px;
	    font-weight:500;
	    text-decoration: none;
	}
	
	ul#userMenu li {
	    list-style-type: none;
	    background-color: white;
	    width: 230px;
	}
	
	ul#userMenu li#userPermissions {
	    font-size: 0.75em;
	}

	ul#userMenu li ul {
	    display: none;
	    position: absolute;
	    z-index: 1000;
	    padding-left: 0px;
	    margin-left: -5px;
	}
	
	ul#userStatsMenu li {
		font-size: 12px;
	}

	ul#userStatsMenu li#userStatsMenuSysStatus {
		color: green;
		font-size: 16px;
	}

	/* MONITORED VALUE BOX */
	div#pageWrapper>div#topDashboard>.topDashboardChartContainer {
	    width:100%;
	    height:100%;
	    display:flex;
	    justify-content:flex-end;
	    align-items:flex-start;
	    flex-direction:column;
	    padding-left:25px;
	    margin-top:-120px;
	    box-sizing:border-box;
	    top:35%;
	    position:relative;
	}

	div#pageWrapper>div#topDashboard>div#topViewEdUser {
	    grid-column-start:2;
	    grid-column-end:6;
	    border:1px solid var(--gray1);
	    position:relative;
	        top:0.05em;
	        left: -0.063em;
	    height:60%;
	    overflow-y:auto;
	}

	div#pageWrapper>div#topDashboard .topDashboardChartLabel {
		font-size: 24px;
		text-align: center;
		top: 0px;
	}

	div#pageWrapper>div#topDashboard .topDashboardLineChart {
		max-height:100px;
		max-width:450px;
		margin-left: 0px;
	}

	div#pageWrapper>div#topDashboard .topDashboardChart {
		max-height: 50px;
		max-width: 450px;
	}
	
	div#pageWrapper>div#topDashboard .topDashboardBarChartContainer {
		clear: both;
		width: 100%;
		position: relative;
	}

	div#pageWrapper>div#topDashboard .topDashboardPopup {
		position: absolute;
		top: 125%;
		border: rgb(81,28,237) 2px solid;
		border-radius: 5px;
		background-color: rgba(235, 235, 235, 0.8);
		padding: 0 10px;
		text-align: center;
		display: none;
		left: 50%;
		transform: translate(-50%, -50%);
		width: max-content;
	}
	
	div#pageWrapper>div#topDashboard .topDashboardPopup div {
		font-size: 0.26em;
		text-align: center;
	}
	
	div#pageWrapper>div#topDashboard>.topDashboardChartContainer:hover>div>div.topDashboardPopup {
		display: block;
		animation: fadeIn 1s;
	}


	/* OVERRIDE FOR LOGO BLOCK ON LEFT */
	div#pageWrapper>div#topDashboard>div.logo {
	    align-items:center !important;
	    padding-left:0px !important;
	    margin-top:-30px !important;
	    top:0%;
	}

	div#pageWrapper>div#topDashboard>div.logo>img {
	    width:100px;
	}

	/* DATA VALUE */
	div#pageWrapper>div#topDashboard>.topDashboardChartContainer>.topDashboardChartLabel {
	    width:calc(100% - 25px);
	    height:60px;
	    font-size:1.5em;
	    line-height:60px;
	    position:relative;
	}
	/* Mbps */
	div#pageWrapper>div#topDashboard>.topDashboardChartContainer>.topDashhboardChartLabel>sup {
	    font-size:0.67em;
	    line-height:0.67em;
	    position:absolute;
	    top:10px;
	}

	/******************************************************************************************* MAIN NAVIGATION */
	div#pageWrapper>div#mainNavigation {
	    padding-top:50px;
	    display:flex;
	    position:relative;
	    border:1px solid var(--gray1);
	    flex-direction:column;
	    align-items:center;
	    justify-content:flex-start;
	}

	div#pageWrapper>div#mainNavigation a {
	    color:var(--fontColor);
	    display:block;
	    height:auto;
	    line-height:30px;
	    font-size:var(--fontSize1);
	    font-weight:500;
	    width:100%;
	    margin-top:15px;
	    margin-bottom:15px;
	    text-decoration:none;
	    padding:5px;
	    border-radius:5px;
	    box-sizing:border-box;
	}


	div#pageWrapper>div#mainNavigation a.selected {
	    /* background-color:var(--gray2); */
	    color:var(--blue1);
	    /*
	    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	    */
	    font-weight:700;
	}

	div#pageWrapper>div#mainNavigation a.selected>img.hover-image {
	    display:inline-block;
	}

	div#pageWrapper>div#mainNavigation a.selected>img.normal-image {
	    display:none;
	}

	div#pageWrapper>div#mainNavigation a:hover {
	    color:var(--blue1);
	}

	div#pageWrapper>div#mainNavigation a>img {
	    width:25px;
	    height:25px;
	    margin-top:2px;
	    vertical-align:top;
	}

	div#adminContainer {
		max-height:0;
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:flex-start;
		transition:all 0.5s ease-in-out;
		overflow:hidden;
	}

	div#adminContainer.show {
		max-height:100%;
	}

	img.normal-image {
	    display:inline-block;
	}

	a>img.hover-image,
	a:hover>img.normal-image {
	    display:none;
	}

	a:hover>img.hover-image {
	    display:inline-block;
	}

	/************************************************************************************ PAGE CONTENT */

	div#pageWrapper>div#pageContent {
	    padding:15px;
	    /*position:relative;
	    height:100%;*/
	    box-sizing: border-box;
	    margin-top: 0px;
	    display: flex;
	    flex-direction: column;
	}
	
	div#pageContent div#pageContentDashboardWrapper {
		position: relative;
		top: 30px;
	}


	div#pageContentLayout1 {
	    position: absolute;
	    width: calc(100% - 30px);
	    top: 50px;
	    bottom: 0px;
	    display: grid;
	    grid-template-rows:  50px calc(70% - 50px) 30%;
	    grid-template-columns: 45% 10% 45%;
	    
	}

		/******************************************* TITLE CONTAINER */
		div#pageContentLayout1 >div#titleContainer {
		    grid-column-start:1;
		    grid-column-end:4;
		    border-bottom:1px solid var(--gray1);
		}

		/*A height of 16 px and width of 16 px was given to the help icon image so that it looks comfortable next to the title. 
		It is desired that the icon also doesn't shrink and grow relative to other elements on the page if the page size itself changed. 
		When the dynamic results table is added sometimes the results table will cause the entire page to grow enourmousely, 
		and an icon based on a percentage of the page size when the page suddenly grows by 12-24 inches is a VERY large percentage.*/
		img#help_icon,
		img.help_icon{
			height: 16px;
			width: 16px;
		}
		
		th.sortHeader > img.help_icon{
			float: right;
			margin: 5px;
		}
		
		div.clearAllFilterIcon{
			text-decoration: underline;
			cursor: pointer;
			font-weight: bold;
		}
		
		 div.sortTableFilterInputContainer{
			position: relative;
			background-color: white;
			float: left;
		}
		
		div.sortTableFilterInputContainer span.clearFilterIcon{
			position: relative;
			right: 15px;
			top: 1px;
			cursor: pointer;
		}

		/******************************************* FORM CONTAINER */
		div#pageContentLayout1 >div#formContainer {
		    padding: 5px;
		    display: flex;
		    justify-content: center;
		    position: relative;
		    width: 100%;
		    border:1px solid var(--gray1);
		}

		/******************************************* FORM */
		div#pageContentLayout1 >div#formContainer form {
		    width: 100%;
		    max-width: 500px;
		}

		 /******************************************* FORM TABLE */
		div#pageContentLayout1 >div#formContainer form table {
		    width: 100%;
		}

		/******************************************* BUTTONS CONTAINER */
		div#pageContentLayout1 >div#buttonsContainer {
		    display: flex;
		    flex-direction: column;
		    justify-content: center;
		    align-items: center;
		    border:1px solid var(--gray1);
		}

		/******************************************* MAP CONTAINER */
		div#pageContentLayout1 >div#mapContainer {
		border:1px solid var(--gray1);
		}

		/******************************************* RESULT TABLE CONTAINER */
		div#pageContentLayout1 >div#resultTableContainer {
		    grid-column-start:1;
		    grid-column-end:4;
		    position: relative;
		}

		/****************************************** MAP */
		div#pageContent div#pageContentDashboardWrapper div.map {
			position: relative;
			min-height: 750px;
		}
		
		/****************************************** MOBILE HISTORY MAP */
		div#pageWrapper div#pageContent div#mobilehistory {
			width: 90%;
			min-height: 400px;
		}
		
		div#pageWrapper div#pageContent div#mobileHistoryContainer div#mobilehistory,
		div#pageWrapper div#pageContent div#mobileHistoryContainer {
			width: 100%;
		}
		
		div#mobileHistoryRangeContainer input.mobileHistoryRange{
			cursor: pointer;
		}

	/*************************************************************** BREAKPOINTS ***********************************/
	@media screen and (min-width:480px) {
	    div#pageWrapper>div#mainNavigation>a {
		width:100%;
	    }
	}

	@media screen and (min-width:768px) {
	    div#pageWrapper>div#topDashboard>div.logo>img {
		width:150px;
	    }

	    div#pageWrapper>div#topDashboard>div>div {
		font-size:2.25em;
		font-size:1.5em;
	    }

	    div#pageWrapper>div#mainNavigation>a {
		font-size:1.125em;
		width:140px;
	    }
	}

	@media screen and (min-width:992px) {
	    div#pageWrapper>div#topDashboard>div.logo>img {
		width:200px;
	    }

	    div#pageWrapper>div#topDashboard>div>div {
		font-size:2em;
	    }

	    div#pageWrapper>div#mainNavigation>a {
		font-size:1.25em;
		width:175px;
	    }
	}

	@media screen and (min-width:1200px) {
	    div#pageWrapper>div#topDashboard>div>div {
		font-size:3em;
	    }
	}

	/* INPUT */

	input[type=text] {
	    border-radius:10px;
	    margin-bottom:5px;
	    border:1px solid rgb(192,192,192);
	    background-color:rgb(232,232,232);
	    padding:5px 15px;
	}

	input[type=password] {
	    border-radius:10px;
	    margin-bottom:5px;
	    border:1px solid rgb(192,192,192);
	    background-color:rgb(232,232,232);
	    padding:5px 15px;
	}

	.selectPullDown {
	    border-radius:10px;
	    margin-bottom:5px;
	    border:1px solid rgb(192,192,192);
	    background-color:rgb(232,232,232);
	    padding:5px 15px;
	}

	/************************************************************************************************* LEAFLET MAP */

	div.map {
	    width:90%;
	    height:90%;
	    margin-left:auto;
	    margin-right:auto;
	    border:2px solid rgb(192,192,192);
	    border-radius:5px;
	    z-index: 1;
	  }
	  
	  @media screen and (min-width:768px) {
	    div.map {
	     
	    }
	  }

	  /*************************************************************************** BUTTONS AND INPUT SUBMIT */

	  input[type=submit],
	  button {
	      color:var(--blue1);
	      background-color:white;
	      padding:5px;
	      border-radius:5px;
	      border-color:var(--gray1);
	      margin: 5px;
	      border-style: solid;
	      font-family:'Poppins';
	      cursor:pointer;
	      transition:all 0.125s ease-in-out;
	  }

	  input[type=submit]:hover,
	  button:hover {
	    color:white;
	    background-color:var(--blue1);
	  }

	   /******************************************************************************* TABLES */
	div.geminiStatusTable {
	    overflow-y:auto;
	}

	div.geminiTableContainer2 {
	    position:absolute;
	    top:0px;
	    bottom:0px;
	    left:0px;
	    right:0px;
	    overflow-y:auto;
	}

	table.statusTable {
	    width:100%;
	    border-collapse: collapse;
	    table-layout:fixed;
		margin-top: 10px;
	}
	
	#topViewEdUser table.statustable {
		margin-top: 0;
	}

	table.statusTable>tbody>tr {
	    border-top:1px solid var(--gray1);
	    background-color:white;
	    color:rgb(0,0,0);
	    cursor:pointer;
	    transition:all 0.125s ease-in-out;
	}
	
	table.statusTable>tbody td.red{ color: red; }
	table.statusTable>tbody td.green{ color: green; }
	
	div.geminiStatusTable .tableScrollFixedHdr{
		min-height: 700px;
	}

	table.statusTable>tbody>tr:hover {
	    background-color:rgb(160,160,160) !important;
	    color:rgb(255,255,255) !important;
	}

	table.statusTable>thead>tr>th {
	    position:sticky;
	    top:0;
	    text-transform:capitalize;
	    border-top:0px solid  white;
	    text-align:left;
	}

	table.statusTable>thead>tr>th {
	    width:16.66%;
	}

	table.statusTable>thead>tr>th.wideColumn {
	    width:25%;
	}

	table.statusTable>tbody>tr>td {
	    vertical-align:bottom;
	    text-align:left;
	    overflow:hidden;
		white-space:nowrap;
	    text-overflow:ellipsis;
	}

	table.statusTable.tight>tbody>tr>td {
	    padding-top:5px;
	}


	table#SIMResults {
	    table-layout: fixed;
	}

	table#SIMResults >tbody>tr>td {
	    font-size: 14px;
	}

	table#SIMResults >thead>tr>th:nth-of-type(3),
	table#SIMResults >thead>tr>th:nth-of-type(4),
	table#SIMResults >tbody>tr>td:nth-of-type(3),
	table#SIMResults >tbody>tr>td:nth-of-type(4) {
	    width: 25%;
	}

	/************************************************************** HEADINGS */

	h1 {
	    font-weight:500;
}

h1.contentTitle {
    margin-top:0px;
    margin-bottom:30px;
    display: inline;
}

/************************************************************** LISTS */

ul#roles {
    list-style-type: none;
    padding-left: 0px;
}

/***********************************************************customer facing flask css*/
/*added a z index of 2 as this is the most important element that should transiently display on top to provide hints to the user*/
.popup {
	display: inline-block;
	position:relative;
	z-index:2;
}
.popup .popuptext {
	visibility: hidden;
	width: 180px;
	margin-left: -150px;
	background-color: #b1b1b1;
	color: #fff;
	text-align: left;
	border-radius: 6px;
	padding: 10px;
	position:absolute;
	transform: translate(0, -20px);    
}
table.statusTable span.popup .popuptext_overview{
	z-index: 100;
	float: right;
	margin-left: 130px;
	transform: none;
	height: auto;
	width: 500px;
}

table.statusTable span.popup .popuptext_overview .statuspopuptext{
	font-weight: normal;
	font-size: 16px;
	text-transform: none;
}

.popup .popuptextButton {
	margin-top: 35px;
	margin-left: -10px;
}
.popup .popuptext_overview {
	width: 700px;
	height: 390px;
	font-size: 20px;
	margin-left:450px;
	visibility: hidden;
	background-color: #b1b1b1;
	color: #fff;
	text-align: left;
	border-radius: 6px;
	padding: 10px;
	position:absolute;
	transform: translate(0, -20px);    
}

.popup .popuptext_overview > div {
	text-align: center;
}

@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
.popup .show {
	visibility: visible;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
}

/*height was removed so that the system could more dynamically fit all the elements on the page.  
flex: 0 1 was added also for that purpose, it allows the results table to sit just underneath the data entry table without 
clipping any other elements. Overflow:hidden was removed so that popup helper bubbles could be displayed correctly. 
added a z index of 1 as this is an important field that shouldn't be obscured by 
anything other than helper bubbles.*/
#horizDivContainer {
	width:100%;
	display: flex;
	flex: 0 1;
	z-index:1;
}
#horiz3DivLeft {
	width:45%;
	float:left;
}

#horiz3DivCenter {
	width:10%;
	float:left;
}

#horiz3DivRight {
	width:45%;	
	float:left;
}

#horiz2DivLeft {
	width:50%;
	float:left;
}

#horiz2DivRight {
	width:50%;
	float:left;
}

div.map {
  height:400px;
  width:400px;
  margin-left:auto;
  margin-right:auto;
  border:2px solid rgb(192,192,192);
  border-radius:5px;
}

div.formNotices{
	font-style: Italic;
}

@media screen and (min-width:768px) {
  div.map {
    width:75%;
    height:75%;
  }
}

.data_entry_form_table {
	width: 100%;
	padding: 10px;
	border-collapse: separate ;
	z-index:1;
}

.results_table {
	width: 100%;
	padding: 10px;
	border-collapse: separate ;
}

.table_prompt {
	width: 30%;
}

/*The height of 100px is intended to guarantee a results list of 3 items can be displayed at all times 
along with a scroll bar. Z-index of 0 is added so that this table doesn't cover up helpful popup bubbles or the data entry table.*/
.tableScrollFixedHdr {
	overflow-y: auto;
	height: 100px;
	min-height:200px;
	border-collapse: collapse;
	z-index:0;
}
.tableScrollFixedHdr table{
	border-collapse: collapse;
}

.tableRowCount{
	text-align: center;
}

.tableScrollFixedHdr thead th{
	position: sticky;
	top: 0;
	background: #F4F4F4;
}


.tableScrollFixedHdr tbody td{
	border: 1px solid #ccc;
}

.tableScrollFixedHdr tbody tr:nth-child(odd){
	background:#FFFFFF;
}

.tableScrollFixedHdr tbody tr:nth-child(even){
	background:#F4F4F4;
}

table#hoverable {
	width: 100%;
}

#hoverable tr:hover td {
	background-color:#f3f8aa;
}
#hoverable tr td.link {
	background-color:transparent;
}
#hoverable tr:hover td:not(.link)

.lp #time-slider {
  width:370px;
  }

ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}


/* FADE IN EFFECT */
/* example in .topDashboardPopup */

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

#pw_requirement_msgs li{
	font-weight: 700;
}

.pass{
	color: green;
}

.fail{
	color: red;
}