/* HELM multi-media */

 :root {
    --filter: url("/images/helm/data-filter.svg");
    --delete: url("/images/helm/delete.png");
    --view: url("/images/helm/eye.png");
    --edit: url("/images/helm/EditWhite.svg?1.0");
    --print: url("");
    --open: url("");
    --pending: url("");
    --unopen: url("");
    --withdraw: url("");
    --decline: url("");
    --update: url("");
    --clone: url("/images/helm/clone.svg?");
    --export: url("/images/helm/file-export.svg?");
	--sort: url("");
	--table: url("");
	--insert: url("/images/helm/plus.svg?");
	--prev: url("/images/helm/go_left.png");
	--next: url("/images/helm/go_right.png");
	--import: url("/images/helm/import.png");
	--refresh: url("/images/helm/refresh.svg?1.1");
}
  

html { 
	font-size: 16px; /* default base font size. All rem will scale from this */
} 

body {
   font-family: arial, helvetica, sans-serif;
	border: 0;
	margin: 0;
	padding: 0;
	line-height: 1.2;
	
}

input, textarea, select {
	appearance: none;
    -webkit-appearance: none; 
    -moz-appearance: none;      
    height: auto !important;
    box-sizing: border-box;
/*    font-size: 1em;*/
    background-color: #FFFFFF;
	padding: 0.2em;
	border: 1.2px solid #adadad !important;
    border-radius: 4px;
	display: inline-block;
    margin: 0.1em 0em 0.5em 0em;
	max-width: 100%;
}

ul::-webkit-scrollbar, div::-webkit-scrollbar {
  width: 5px;    /* width of the entire scrollbar */
  height: 7px;
}

div::-webkit-scrollbar-track, ul::-webkit-scrollbar-track{
  background: white;        /* color of the tracking area */
}

ul::-webkit-scrollbar-thumb, div::-webkit-scrollbar-thumb {
  background-color: lightgray;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 3px solid lightgray  !important;  /* creates padding around scroll thumb */
}

iframe {
	border: 0px !important;
}

a.no-decoration{
	text-decoration:none;
}

.background-rgb {
	background: rgb(210, 214, 216);
}
select::-ms-expand {
    display: none;
}
textarea {
    font-family: arial, helvetica, sans-serif;
	width: 50%;
	resize: none;
}
textarea.full-width {
	width: 100%;
	resize: none;
}
textarea.h100 {
	resize: vertical;
	min-height: 100px;
}
textarea.h150 {
	resize: vertical;
	min-height: 150px;
}
textarea.h500 {
	resize: vertical;
	min-height: 500px;
}
input.full-width {
    width: 100%;
}
input.big {
    font-size: 1.2em;
	padding: 0.4em;
    margin: 0.1em 0em 1em 0em;
}
input.compact {
/*	padding: 0.1em 0.2em 0.1em 0.2em; */
	padding: 0em 0.1em 0em 0.1em; 
/*	padding: 0; */
    margin: 0;
}
/*input.compact:required{
	background-color:#E1DEDE;
}*/


img.compact{
	padding:0.2em 0.2em;
	margin:0;
	width:1em;
	height:1em;
	background:#1D6BB0;
	margin-left:0.3em;
	margin-right:0.1em;
	border-radius: 4px;
}

img.img-check{
	width: 2em;
    height: 2em;
	margin:0;
	padding:0;	
}

img.list-compact{
	padding:0.2em 0.3em;
	margin:0;
	width:0.9em;
	height:0.9em;
	background:#000099;
	margin:0em;
	border-radius: 4px;
}

img.reverse-compact{
	padding:0.2em;
	margin:0;
	width:1em;
	height:1em;
	background:#650301;
	margin-left:0.1em;
	border-radius: 4px;
}

img.no-bg{
	background:transparent !important;
}

img.menu-icons{
	margin: 0px;padding: 0px;width: 25px;padding-right: 10px;
}

select.compact{
	padding: 0em 0.1em 0em 0.1em;
	margin: 0;
} 

input.query {
    width: 30%;
}

input[type=checkbox] {
    -webkit-appearance: checkbox; 
    -moz-appearance: checkbox; 
    appearance: checkbox; 

	/* The transforms scale the boxes up */
	-ms-transform: scale(1.4); /* IE */
	-moz-transform: scale(1.4); /* FF */
	-webkit-transform: scale(1.4); /* Safari and Chrome */
	-o-transform: scale(1.4); /* Opera */
	
	margin: 0.2em 0.2em 0em 0.2em; 
	border: 2px solid #43474d;
}

input[type="checkbox"]:checked{
	background-color:#fff;
}

input[type='radio'] {
	-webkit-appearance:radio;
	-moz-appearance: radio; 
    appearance: radio; 
	
	/* The transforms scale the boxes up */
	-ms-transform: scale(1.4); /* IE */
	-moz-transform: scale(1.4); /* FF */
	-webkit-transform: scale(1.4); /* Safari and Chrome */
	-o-transform: scale(1.4); /* Opera */
	
	margin: 0em 0.2em 0em 0.2em; 
	border: 2px solid #43474d;
}

input.block {
	display: block;
}
input.lower {
	text-transform: lowercase;
}
input:focus,input[type]:focus, textarea:focus, .uneditable-input:focus {   
    outline: 0 none; /* disable default outline */
    border: 2px solid #0000FF; 
    box-shadow: 0 0 4px #0000FF;
}
input:focus.red{   
    outline: 0 none; /* disable default outline */
    border: 2px solid #990000; 
    box-shadow: 0 0 4px #990000;
}

/*input[type=text]:required,textarea:required{
	background-color:#E1DEDE;
}*/

.ib{	
	display:inline-block;
}
.error {
	color: #CC0000;
    font-style: italic;
}


/**********************************************************************************

HELM version 1 All pages

**********************************************************************************/	
 .button-compact, .button-compact-red, .button-compact-cell /*, .compact-lookup*/{
   border-radius: 4px;
    padding: 0.3em 0.5em 0.2em 0.5em;
    text-decoration: none;
    color: white !important;
    cursor: pointer;
    background-color: #1D6BB0 !important;
	border: none !important;
    /* border: 1px solid #1e73be !important; */
    margin-bottom: 3px;
	display:inline-block;
	/*background-image: var(--image);
    background-repeat: no-repeat;
    background-position: 2px 0px;
    background-size: 20px 20px;
	padding-left: 25px;*/
}


.open-hide{
	cursor:pointer;
}

.open-hide img{
	margin:0em 1em;
}

.table-align{
	display:table;
	table-layout:fixed;
	width:100%;
}
/**********************************************************************************

FORM Display classes

**********************************************************************************/	

.form-base {
    /* use with class form */
	float: left;
	border: 0;
/*	border: 1px solid #0000FF ; */
/*	margin: 1em 1em 1em 1em; */
	margin: 0;
	padding: 0.5em;
}

.lookup-filter-box,.lookup-sort-box {
    /* use with class form */
	clear:both;
	width:30%;
	display:block;
	/*min-width:17em;*/
	border-right: 5px solid #0000FF ; 
	box-sizing:border-box;
	overflow:auto;
}

.filter-box,.sort-box {
    /* use with class form */
	clear:both;
	width:0em;
	display:none;
	position:absolute;
	top:2em;
	/*min-width:17em;*/
	border-right: 2px solid #0000FF ; 
	border-bottom: 2px solid #0000FF ; 
	box-sizing:border-box;
	overflow:auto;
	z-index:999;
	background:#fff;
	height:30em;
}

.sort-box {
	overflow:visible;
}

.filter-row {
	display: table-row;
	width: 100%;
}
.filter-cell-left{
	display: table-cell;
	padding: 0;
	text-align: right;
	white-space: nowrap;
}
.filter-cell-right{
	display: table-cell;
	padding: 0;
	text-align: left;
	white-space: nowrap;
	color: #0000FF;
}

.filter-cell-right input{
	min-width:5em;
}
.filter-option select{
	line-height:1em;
	margin:0.2em;
	border:1px solid #473C8B;
	padding-right:1em;
	background: url(/images/helm/down.png) no-repeat right #FFF;
	border: 2px solid #43474d;
	min-width:94%;
}

.filter-option select:hover{
	background: url(/images/helm/down.png) no-repeat right #FFF;
}

.filter-option select:focus{
    border: 2px solid #0000FF; 
    box-shadow: 0 0 4px #0000FF;
}

@media only screen and (max-width: 900px) {
	.filter-box,.sort-box{
		top:4em;
	}
	.filter-cell-left{
		width:40%;
	}
	.filter-cell-right{
		width:auto;
	}
	/*.data-box {
		width:100% !important;
	}*/
}
.lookup-data-box {
    /* use with class form */
	width:100% ;
	display:block;
	float:left;
	box-sizing:border-box;
/*	border: 0; */
}
.data-box {
    /* use with class form */
	width: 100%;
	display:block;
	float:left;
	box-sizing:border-box;
/*	border: 0; */
}

.button-row {
	padding: 0em 0em 0em 0em;
	clear:both;
}

.button-special {
	margin-right:30px !important;
}

#green-check {
	position: absolute;
    width: 25px;
    height: 25px;
    margin: unset;
    padding: unset;
    margin-left: -27px;
}

#edit_record #green-check {
	position: absolute;
    width: 25px;
    height: 25px;
    margin: unset;
    padding: unset;
    margin-left: -27px;
	margin-top: 18px;
}

.tab-row {
/*	border: 1px solid #DD2222 ; */
	width:100%;
    padding: 0;
	margin-top:0.5em;
    background-color: #FFFFFF;
	}	

.tab-row ul{
	overflow:hidden; 
	line-height:1.5em;
	width: 100%;
	margin:0;
	padding:0;
	clear:both;
	white-space:nowrap;
}

.data-content {
    /* use with class form */

    padding: 0;
	width: 100%;
	/*overflow: hidden;*/
/*	border: 0; */
}
	
.form-row {
    height: 1.6em; 
    padding: 0.1em 0.0em 0.1em 0.0em;
	}	
.section-header,.link-sort {
/*	add to form-row for colored heading */
	padding: 0.2em 0.6em 0.2em 0.8em ;
    color: #FFFFFF; 
    background-color: #990000; /* really dark red */
	width:100%;
	text-align:left;
}
.form-span {
	position:relative; 
/*	position:absolute; */
	display:inline-block;
	}	
	
.ui-widget-content {
	position:relative;
    border: 0;
    border-left: 1px solid #FF0000;
	z-index:1900 !important;
    cursor: hand; 
    cursor: pointer;       
	display:inline-block;
	background-color:#e5e5ff;
}	

.ui-widget-content> input{
	cursor: hand; 
    cursor: pointer;
	z-index:1900;
	background-color:#e5e5ff;
}

/* tab bar */
	
/* dark color #650301 */	
/* normal color #990000  */
/* bright color  #b20401  */
	
/*ul.tabs {
	display: inline-block;
    list-style-type: none;
    margin-top: 1em;
	margin-bottom:0.45em;
    padding: 0;
    border: 0;
    width: 100%; 
}
*/
.tabs li {
	display: inline-block;
	margin:0.54em 0.3em 0.25em 0;
}
.tabs a {
    padding: 0.5em 0.5em 0.5em 0.5em ;
	text-decoration: none;
	text-align: left;
	font-weight:normal; 
	color: #FFFFFF;
	border: 0;
	display:inline;
	background-color: #650301 ; 
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}
.scroll{
	padding:0;
	margin:0;
	display: none;
	line-height:0.5em;
	box-sizing:border-box;
}

.scroll a {
	margin-top:0.2em;
    padding:0.25em 0.25em 0.45em 0.25em;
	text-decoration: none;
	text-align: left;
	border: 0;
	display:inline-block;
	background-color: #fff ; 
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.scroll a:hover,.scroll a:focus {
    background-color: #990000 ;
}

.scroll a.selected{
	background-color: #fff; 
}
.tabs-list{
	min-width:20em;
    width: -moz-calc(100% - 5em);
    width: -webkit-calc(100% - 5em);
	width: calc(100% - 5em);
}

.tabs a[disabled]{
    color: grey; 
}

.tabs a:hover {
	background-color: #990000 ; 
}

.tabs a.selected{
	background-color: #990000; 
}

.tabs a:focus{   
    outline: 0 none; /* disable default outline */
    border: 2px solid #990000; 	
}

/**********************************************************************************

HELM version 1 Dashboard - review

**********************************************************************************/	
.dash-news{
	padding:0.2em 1em;
	width:auto;
}

.gray{
	text-decoration:none;
	background-color: #eee;
	color: black;
	border:black solid 1px;
}

.gray:hover{
	background-color: gray;
	color: #fff;
	border:black solid 1px;
}
.dash-art {
	font-size:14.5px;
	padding: 0 0 0 1rem;
	margin-top: 0;
	margin-bottom: 0;
	color:#606060;
/*	margin: 0; */
}
.dash-fine {
	font-size:0.6em;
	padding: 0 0 0 1rem;
	margin: 0;
	line-height:16px;
}

.data-color {
	color: #0000FF;
}

/* dashboard classes */
.table-center{
	display:block;
	margin-right:3em;
	margin-top:1em;
	width:100%;
}

.dash-w50{
	float: left;
	padding: 1em 1em 1em 1em;
	width:50%;
}

.dash-news-box {
	position:relative;
	width:100%;	
	height:max-content;
	background:#fff;
	/*border-top:1px solid #5C8FBC;*/
	border-bottom:1px solid #c2c2c2;
	overflow:auto;
	/*display: none;*/
}

.news-header{
	margin-top:0.2em;
	width:94%;
	font-size:1rem;
	/*border:1px solid #5C8FBC !important;*/
	padding: 0em;
	margin-left:0.38em;
	float:left;
	/*display: none;*/
}

.dash-news .no-news {
	font-size: 14.5px;
    font-weight: unset;
	margin-bottom:0;
	color:#606060;
}

.news-header a{
	color:#990000;
}

.news-remove {
	 background: url('/images/helm/Remove.svg?2.5') 0% 0% / 16px 18px no-repeat;	 
     width: 20px;
     height: 20px;
	 margin: 0 0 0 1em;
	 float:right;
}

.add-news{
	background: url('/images/helm/plus-blue.svg?2.5') 5% 5% / 18px 18px no-repeat;
    width: 20px;
    height: 20px;
	padding:0em;
	display:block;
}

.mark-read{
	/*background: url('/images/helm/done.svg?2.5') 5% 5% / 18px 18px no-repeat;
	background-position: center;
    width: 20px;
    height: 20px;
	padding:0 1em;*/
	display:none;
}
.hide-news{
	background: url('/images/helm/double-up-blue.png?1.0') 5% 5% / 16px 16px no-repeat;
    width: 20px;
    height: 20px;
	padding:0em;
	display:block;
}

.hide-news-form{
	background: url('/images/helm/x-mark-16-blue.png?1.0') 5% 5% / 16px 16px no-repeat;
    width: 20px;
    height: 20px;
	padding:0em;
}


.show-news{
	background: url('/images/helm/double-down-blue.png?1.0') 5% 5% / 16px 16px no-repeat;
    width: 20px;
    height: 20px;
	padding:0em;
	display:block;
}

.news-heading{
	font-size:15px;
	color:#006ac6;
}

.dash-data-box {	
	float:left;
	width: 98%;	
	margin-left:1em;
}	
	

.dash-row {
	display: table-row;
	float:right;
	width: 100%;
	cursor:pointer;
	height:2em;
	padding-right:2em;
}

.dash-row:hover {
  text-shadow: 0 0 .01px black, 0 0 .01px black, 0 0 .01px black;
}


.dash-cell-left{
	display: table-cell;
	padding: 0;
	text-align: right;
	white-space: nowrap;
	vertical-align:bottom;
}
.dash-cell-right{
	display: table-cell;
	padding: 0;
	text-align: right;
	white-space: nowrap;
	color: #0000FF;
	padding-right:3em;
	border-bottom:1px solid #eee;
	vertical-align:bottom;
}
.dash-header {
	padding: 0.2em 0.6em 0.2em 0.8em ;
	background-color: #990000;
	color: white;
	border-bottom:none;
}

.form-data {
	padding: 0.2em;
	font-size: 1.1em;
	color: #666666;
	font-weight: heavy;
}
.form-static {
	padding: 0.2em;
	font-size: 1.1em;
	font-weight: heavy;
}
	
.article-box{
	float:right;
	min-width:40%;
	padding:0;
}

.article-form{
	border-left:1px solid #c2c2c2;
	padding-left:1em;	
}

/**********************************************************************************

LIST View classes

**********************************************************************************/	



.containerDiv {
/*  border: 1px solid #FF0000; */
/*	border: 0; */
/*	width:962px; */
	width: 100%;
	display:block;
	font-size: 0.9em;
	/*overflow: auto; For Data miner to show bars*/ 
}
.rowDivHeader {
/*	border: 1px solid #ffffff; */
/*  background-color: #996799; */
	background-color: #990000;
	color: white;
	font-weight: bold; 
	display:table-row;
	overflow: auto;
}
.rowDivOdd {
/*	border: 1px solid #990000; */
	background-color: #FFFFFF;
	display:table-row;
	overflow: auto;
}

/*.rowDivOdd:hover {
    background-color: #d2d6d8;
}*/


.rowDivEven {
/*	border: 1px solid #990000; */
/*	background-color: #D5F0F2; */
	background-color: #FFF;
	display:table-row;
	overflow: auto;
}

/*.rowDivEven:hover {
    background-color: #d2d6d8;
}*/




.cellDivHeaderLeft {
/*  border-right: 1px solid white; */
  display: table-cell;
/*  width:12%; */
  padding: 0.2em;
  white-space: nowrap;
  text-align: left; 
}
.rowHeader .cellDivHeaderLeft {
	padding: 0.2em;
}

.rowHeader, .section-header{
	background-color: #ebf4fc  !important;
    color: #164978 !important;
    width: 100%;
	margin-top: 1em;
	margin-bottom: 0.5em;
	padding-left: 10px;
    border-radius: 4px;
}


.page-header, #data-content .section-header {
	float: left;
	padding: 0.2em 0.6em 0.2em 0.8em ;
    color: #FFFFFF; 
    background-color: #990000; /* really dark red */
	width:100%;
	font-weight: bold;
	margin-top: 0px !important;
	 border-radius: 0px;
}

/*
#popup-lookup-table .button-compact{
	margin-top: -2%;
}*/
.cellDivHeaderRight {
/*  border-right: 1px solid white; */
  display: table-cell;
/*  width:12%; */
  padding: 0.5em;
  white-space: nowrap;
  text-align: right; 
}
.cellDivLeft{
  display: table-cell;
/*  width:10%; */
/*  padding-right: 4px; */
  padding: 0.2em 0.5em 0.2em 0.5em;
  text-align: left;
  white-space: nowrap;
  border-right: 2px solid #43474d;
  border-bottom: 2px solid #43474d;
  vertical-align:middle;
}
.cellDivRight {
  display: table-cell;
/*  width:10%; */
/*  padding-right: 4px; */
  padding: 0.2em 0.5em 0.2em 0.5em;
  text-align: right;
  white-space: nowrap;
  border-right: 2px solid;
  border-bottom: 2px solid;
  border-color: #43474d;
  border-top: 0;
  border-left:0;
}

.firstCell {
  border-left: 2px solid #43474d;
  height:1em;
}

.firstCell a{
	text-decoration: none;
}

.wdf-sub {
	width: 100%;
	border: 2px solid #666666;
	padding: 1em;
    background-color: #EEEEEE;
	margin-bottom: 1em;
}	
	
.wdf-sub-third {
	width: 100%;
	padding: 1em;
}	

.wdf-sub-half {
	width: 45%;
	border: 2px solid #666666;
	padding: 1em;
    background-color: #EEEEEE;
	margin-right: 1em;
}	


/**********************************************************************************

STACKED View classes

**********************************************************************************/	




.stacked-row {
	font-size:1em;
	display: table-row;
	overflow: visible;
	width: 100%;
	white-space: nowrap;
	border-collapse: collapse;
}

.stacked-cell{
	display: table-cell;
	padding: 0;
/*	text-align: right; */
	white-space: nowrap;	
}

.stacked-cell.label{
	vertical-align:top;
}

.stacked-header {
	display: table-cell;
	padding: 0.2em 0.6em 0.2em 0.8em ;
	background-color: #990000;
	color: white;
}
@media only screen and (max-width: 900px) {
	.stacked-cell{
		display:inline-block;
		float:left;
		width:inherit;
		text-align:left;
	}
	.stacked-cell.right-justify{
		text-align:left;
	}
	.stacked-row {
		display:block;
		width:100%;
		height:auto;
	}
	.stacked-data{
		max-width:100%;
		min-width:10%;
	}
	
	.stacked-row > input, input.set-max-min[type=checkbox] {
		float:left;
	}
	
	
	img.list-compact{
		margin-right:0.8em;
	}
}

img.stacked-lookup{
	vertical-align:bottom;
	float:none;
}

@media only screen and (max-width: 900px) {
	img.stacked-lookup{
		float:left;
	}
}
/**********************************************************************************

ALL TIF view classes

**********************************************************************************/	



.label{
	padding-right:0.2em;
	color: #606060 !important;
}

.protected,.protectedgreen{
	color:#CC4444 !important;
}


.left-justify {
	text-align: left;
}

.right-justify {
	text-align: right;
}

.data {
	color: #0000FF;
}

.wrap {
	white-space: normal;
}

/* edit menu on forms */

	
li.link {
		display: inline-block;
		padding: 0;
}
li.link a {
	padding:0em 0.5em 0em 0.5em;
	/*padding:0em 0.5em 0em 1.5em;*/
    display: block;
    color: white;
    text-align: center;
    text-decoration: none;
}
li.link a:hover {
    background-color: #b20401;
}
ul.link {
	float: right;
	display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #990000;
	width: 70%;
}

/*Iframe windows */
.fluidMedia {
    position: relative;
    padding-bottom: 75%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 30px;
    height: auto;
    overflow: hidden;
}

.report-window-iframe {
	position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
	
}

.count{
	font-size:0.8em;
}

.row-select{
	cursor:pointer;
}

.selected{
	background-color: #B3B3FF; 
}

.loading{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100vh;
	background-color: black;
	display: none;
	/* Fallback for web browsers that don't support RGBa */
	background-color: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background-color: rgba(0, 0, 0, 0.8);
	/*opacity: 0.6;*/
}

.loading img, #helm-wheel {
	width: 100px;
}

#current-dashboard {
	float:left;

}
/*//////////////////////Popup Classes//////////////////////////////////////////*/
.black-overlay{
	/*display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.4;
	opacity:.40;
	filter: alpha(opacity=40);*/
	display: none;
	position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100vh;
    background-color: black;
    -moz-opacity: 0.2;
    opacity: .50;
    z-index: 1002;
}
	
.popup-div {
	display: none;
	position: absolute;
	background-color: white;
	left: 5%;
	width: 90%;
	height: auto;
	padding: 5px;
	/*border: 2px solid #999;*/
	z-index:1002;
	overflow: auto;
}
@media only screen and (max-width: 900px) {
	.popup-div {
		left: 10%;
		width: 80%;
		padding: 8px;
	}
}

.move-row{
	cursor:move;
	position:absolute;
	right:0;
	height:1.5em;
	box-sizing:border-box;
	border:1px solid #0000FF;
}

.move-tabs{
	cursor:move;
	right:0;
	height:1.5em;
	box-sizing:border-box;
	border:1px solid #0000FF;
}


img.icon{
	padding:0;
	margin:0;
	width:1.5em;
	height:1.5em;
}

.popup-notification{
	position:absolute;
	right:0;
	top:1.2em;
	height:100%;
	color:#000;
	z-index:1100;
}
.notification-div{
	position:fixed;
	right:0;
	height:auto;
	border:1px solid #000;
	background-color:#fff;
	opacity:0.9;
	padding:0.5em;
	display:block;
	min-width:17em;
}

@font-face {
	font-family: 'code39azaleanarrow1regular';
    src: url('/fonts/code39azaleanarrow1-webfont.eot');
    src: url('/fonts/code39azaleanarrow1-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/code39azaleanarrow1-webfont.woff2') format('woff2'),
         url('/fonts/code39azaleanarrow1-webfont.woff') format('woff'),
         url('/fonts/code39azaleanarrow1-webfont.svg#code39azaleanarrow1regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'code39azaleawide3';
	src: url('/fonts/code39azaleawide3.ttf');
    src: url('/fonts/code39azaleawide3.eot');
    src: url('/fonts/code39azaleawide3.eot') format('embedded-opentype'),
         url('/fonts/code39azaleawide3.woff2') format('woff2'),
         url('/fonts/code39azaleawide3.woff') format('woff'),
         url('/fonts/code39azaleawide3.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

.barcode{
	font-weight: normal; 
    font-style: normal; 
    line-height:normal; 
    font-family: 'code39azaleawide3', 
                  sans-serif; font-size: 32px;
	border:none;
}

.a-link a{
	text-decoration:none;
	color: #1e73be !important;
}

.a-link a:hover {
	text-decoration:underline;
}

.a-link a.selected {
	text-decoration:underline;
}

.red {
	color: red !important;
}

.green {
	color: green !important;
}

/**** HELM MULTIMEDIA***/

/* Home page */


.menu-dash-header-icon {
	width: 15px;
	margin:0px;
	margin-right: 10px;
	filter: invert(29%) sepia(33%) saturate(5833%) hue-rotate(193deg) brightness(86%) contrast(102%);
}

@media only screen and (max-width: 1200px) and (min-width: 900px) {
	.menu-logo {
		width: 25px;
		margin-left: 5px;
		margin-right: 10px;    
		margin-bottom: 10px;
	}
	
	.helm-menu ul li .menu-name {
		margin-top: 10px;
		float: left;
		width: 50% !important;
	}
	
	.menu-section-pages {
		min-width: 35% !important;
	}
	
	.menu-section {
		min-width: 60% !important;
	}
	
	.helm-menu ul {
		min-width: 20% !important;
	}

	.menu-dash-main {
		margin-left: 20% !important;
		width: 80vw !important;
	}
	
}

/* Desktop */
@media only screen and (min-width: 900px) {
    body{
        font-size: 14px;
    }
	
	.menu-logo {
		width: 28px;
		height: 28px;
		margin-left: 10px;
		margin-right: 10px;    
		margin-bottom: 10px;
	}
	
	.helm-menu ul li .menu-name {
		margin-top: 10px;
		float: left;
		word-break: break-all;
		width: 55%;
		overflow-wrap: anywhere;
		overflow: hidden;
		height: 17px;
	}
}

/* Small Tablet */
@media only screen and (min-width: 600px) and (max-width: 900px) {
	body{
        font-size: 13px;
    }
	
	.menu-section-pages {
		width: 100% !important;
	}
	.menu-section {
		width: 100% !important;
	}
	
	.menu-logo {
		width: 28px;
		    margin-left: 30%;
		margin-right: 5px;    
		margin-bottom: 5px;
	}
	
	
	.helm-menu ul li .menu-name {
		display:none;
	}
	
	/*
	.helm-menu ul li .menu-name {
    margin-top: 10px;
    float: left;
    word-break: break-all;
    width: 65%;
    overflow-wrap: anywhere;
    overflow: hidden;
    height: 17px;
	}*/
}


/* Small Tablet */
@media only screen and (max-width: 599px) {
    body{
        font-size: 13px;
    }
	
	.menu-section-pages, .menu-section  {
		width:90% !important;
	}
	
	.helm-menu ul li .menu-name {
		display:none;
	}
	
	.menu-logo {
		width: 28px;
		margin-left: 5px;
		margin-right: 5px;    
		margin-bottom: 5px;
	}
	
	.helm-banner-nav {
		margin-top: 10px;
	}
	
	.loading img, #helm-wheel {
		width: 50px;
	}
	
}
/* Phone */
@media all and (max-width: 480px) {
    body{
        font-size: 12px;
    }
	
	.helm-menu {
		margin-top: 55px !important;
		border-top: 1px solid lightgrey;
		border-right: 1px solid lightgrey;
	}
	
    .helm-banner-left {
		width: 50% !important;
		float: left;
	}		
	
	.menu-dash-main {
		margin-top: 15px !important;
		border-right: 1px solid lightgray;
		border-left: 1px solid lightgray;
		height: 90.5vh !important;
		width: 100% !important;
	}

	.helm-banner-nav {
		width: 100% !important;
	}
	
	.menu-dash-right, .menu-dash-left {
		float: left !important;
		width: 100% !important;
	}

	.helm-menu ul {
		margin-top: 15px !important;
		height: 90.5vh !important;
	}

	.menu-section {
		width: 100% !important;
	}
	
}

#user-header-div {
	cursor: pointer;
}

.user-image {
    margin-bottom: 0px;
    margin-right: 2px;
    margin-top: -5px;
    width: 20px;
	cursor: pointer;
}


.user-dropdown {
	display:none;
	margin-top: 5px;
    position: absolute;
    list-style: none;
    /* margin-left: -25px; */
    z-index: 100000;
    text-align: left;
    line-height: 2;
    background: white;
    border: 1px solid lightgray;
    padding-left: 5px;
    padding-right: 5px;
	width: max-content;
}

.user-dropdown li {
	cursor: pointer;
	color: #606060 !important;
}

.user-dropdown li a {
	text-decoration: none;
	color: #606060 !important;
}

.user-dropdown img {
	margin:0;
	margin-right: 10px;
	margin-top: 5px;
}

a:disabled {
	background-color: grey !important;
}

.grey {
	color: grey;
}

.lightgrey {
	color: lightgrey;
}

.full-width{
	width: 100%;
}

b{
	font-weight:700;
}
table {
    color: #000000;
	background-color: #fff;
	text-align: left;
	height: 10em;
	border-spacing:0px;
}
td {
	vertical-align: top;
}

select::-ms-expand {
    display: none;/*Remove dropdown in IE*/
}

img {
    float: left;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 20px;
}
@media only screen and  (max-width: 480px) {
	img {
		float: left;
		margin-right: 10px;
		max-width: 100%;
	}
}

img.right {
    float: right;
	margin-top: 10px;
	margin-right: 00px;
	margin-left: 30px;
	margin-bottom: 20px;
}
img.no-margin {
	margin: 0px;
}
img.bottom-margin {
	margin: 0px;
	margin-bottom: 1em;
}
img.full-width {
	width: 100%;
}
img.half-width {
	width: 500px;
	max-width: 100%;
}
img.limit-half {
	max-width: 50%;
}

img.tile {
	margin:0 4.5em 0 4.5em;
	width: 7em;
	height: 7em;
}

strong.banner1 {
	color: #000000;
	font-weight: bold;	
	font-size: 1.1em;
}
@media only screen and (min-width: 481px) and (max-width: 950px) {
	strong.banner1 {
		font-size: 1.1em;
	}
}
@media only screen and (max-width: 480px) {
	strong.banner1 {
		font-size: 1.1em;
	}
}

span.banner1 {
	font-weight: bold;	
	font-size: 5em;
}
@media only screen and (min-width: 481px) and (max-width: 950px) {
	span.banner1 {
		font-size: 2.5em;
	}
}
@media only screen and (max-width: 480px) {
	span.banner1 {
		font-size: 2.2em;
	}
}

span.banner2 {
	font-weight: bold;	
	font-size: 4em;
}
@media only screen and (min-width: 481px) and (max-width: 950px) {
	span.banner2 {
		font-size: 2.2em;
	}
}
@media only screen and (max-width: 480px) {
	span.banner2 {
		font-size: 2.0em;
	}
}

span.banner3 {
	color: #000000;
	font-weight: bold;	
	font-size: 1.8em;
}
@media only screen and (min-width: 481px) and (max-width: 950px) {
	span.banner3 {
		font-size: 1.6em;
	}
}
@media only screen and (max-width: 480px) {
	span.banner3 {
		font-size: 1.4em;
	}
}
/* Full desktop heading defaults min-width: 1200px */
h1 {
	font-size: 2.0rem;
	border: 0;
	margin: 0 0 1.4rem 0;
}
h2 {
	font-size: 1.6rem;
	border: 0;
	margin: 0 0 1.2rem 0;
}
h3 {
	font-size: 1.4rem;
	border: 0;
	margin: 0 0 1.1rem 0;
}
h4 {
	font-size: 1.2rem;
	border: 0;
	margin: 0 0 1rem 0;
}
h5 {
	font-size: 1.1rem;
	border: 0;
	margin: 0 0 0.5rem 0;
}
h6 {
	font-size: 1.0rem;
	border: 0;
	margin: 0 0 0.5rem 0;
}


.helm-nametag-mobile {
	display:none;
}
/* Desktop older/smaller */
@media only screen and (min-width: 950px) and (max-width: 1199px) {
	h1 {
		font-size: 1.6rem;
	}
	h2 {
		font-size: 1.5rem;
	}
	h3 {
		font-size: 1.3rem;
	}
	h4 {
		font-size: 1.1rem;
	}
	h5 {
		font-size: 1.0rem;
	}
	h6 {
		font-size: 0.9rem;
	}
	.helm-banner-right,.helm-banner-left {
		font-size: 13px;
	}
}
/* tablet */
@media only screen and (min-width: 630px)  and (max-width: 949px)  {
	h1 {
		font-size: 1.7rem;
	}
	h2 {
		font-size: 1.3rem;
	}
	h3 {
		font-size: 1.1rem;
	}
	h4 {
		font-size: 1.0rem;
	}
	h5 {
		font-size: 0.8rem;
	}
	h6 {
		font-size: 0.7rem;
	}
	.helm-banner-right {
		width: 35% !important;
		font-size: 10px !important;
	}
	
	.helm-nametag-mobile {
		display: none;
	}
}
/* Small Tablet */
@media only screen and (min-width: 481px) and (max-width: 630px) {
	h1 {
		font-size: 1.4rem;
	}
	h2 {
		font-size: 1.2rem;
	}
	h3 {
		font-size: 1.1rem;
	}
	h4 {
		font-size: 1.0rem;
	}
	h5 {
		font-size: 0.6rem;
	}
	h6 {
		font-size: 0.6rem;
	}
	
	.helm-nametag-mobile {
		display: block;
		float:left;
	}
	
	.helm-banner-left h5{
		display: none;
	}
	
	.helm-banner-left {
		width: 30% !important;
	}
	
	.helm-banner-right {
		width: 50% !important;
		font-size: 10px !important;
	}
}
/* Phone */
@media only screen and (max-width: 480px) {
	h1 {
		font-size: 1.2rem;
	}
	h2 {
		font-size: 1.1rem;
	}
	h3 {
		font-size: 0.95rem;
	}
	h4 {
		font-size: 0.9rem;
	}
	h5 {
		font-size: 0.8rem;
	}
	h6 {
		font-size: 0.7rem;
	}
	
	.helm-nametag-mobile {
		display: block;
		float:left;
	}
	
	.helm-banner-left h5{
		display: none;
	}
	
}

div {
	box-sizing: border-box;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	border: 0;
	margin: 0;
	padding: 0;
}
div.marketing {
	background: #FFFFFF;
	max-width: 500px;
	padding: 1em 1em 1em 1em;
	opacity: 0.9;
	overflow: hidden;
	-moz-opacity: 0.9;
	filter:alpha(opacity=9);
}

div.form {
	background:#FFF;
	float: left;
	max-width: 33%;
	min-width: 280px; /*  example: control panel */
	padding: 1em;
	margin: 1em;	
	overflow: hidden;
}
div.login {
	max-width: 600px;
	border: 1px solid lightgrey;
	position: absolute;
    left: calc(50% - 15%);
}

@media only screen and  (max-width: 480px) {
	div.login {
		max-width: 600px;
		border: 1px solid lightgrey;
		left:0px;
	}
}

.hs-blue {
	color: #006ac6  !important;
}

ul.marketing {
	font-size: 1.3em;
}
li.marketing {
	margin: 0 0 0.2em 0;
}
@media only screen and (max-width: 950px) {
	li.marketing {
		/* double space lists on mobile devices so links are friendly */
		margin: 0 0 1em 0;
	}
}
p {
	font-size: 1.3em;
	/* color: #6666ff; light blue*/
	color: black !important;
}
/**********************************************************************************

page classes

**********************************************************************************/	



.slide2 {
	display: none;
	/* position: absolute; */
}

.helm-page {
	max-width: 1600px; 
	position: absolute;
	float: left;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
}
/* Squeezed */
@media only screen and (min-width: 481px) and (max-width: 950px) {
	.helm-page {
		max-width: 950px; 
	}
}
/* Phone */
@media only screen and (max-width: 480px) {
	.helm-page {
		max-width: 480px; 
	}
}

.helm-header {
	position: relative;
	margin: 0;
	padding: 0;
	height: auto; /* banner + banner-sub + menu + menu margins */
	width: 100%;
	z-index: 999;
	color: #000000;
	background: #fff;
}
	
.helm-logo-box {
	display: block;
	float:left;
}	
/* Phone
@media only screen and (max-width: 950px) {
	.helm-logo-box {
		display: none;
	}	
}

.helm-mobile-logo-box {
	display: none;
}	
 */
/* Phone */
@media only screen and (max-width: 950px) {
	.helm-mobile-logo-box {
		display: block;
	}	
}

.helm-mobile-menu-box {
	display: none;
}	
/* Phone */
@media only screen and (max-width: 950px) {
	.helm-mobile-menu-box {
		display: block;
		width: 50px; 
		padding: 0;
		/*position: absolute;
		left: 0px;
		top: 50px;*/
		height:100px; 
		overflow: visible;
		background-color: #FFFFFF; 
	}	
	
}

.grey-page-header {
	width: 99%;
    background: lightgray;
    padding: 3px;
    border-radius: 7px 7px 0 0;
    margin-bottom: 10px;
}

.grey-round-border {
	border: 1px solid #c2c2c2 !important;
    border-radius: 8px;
}

.helm-banner-sub-right {
	float:right;
	text-align: right;
	/*width: 200px;*/
    padding: 1em 1em 0em 1em;
	font-weight:bold;
	position: relative;
	margin:0;
	border:0;
	bottom:0.5em;
	/*top: 45px;
	right: 0px;
    float:right;*/
	background-color:transparent;
}	
	
.helm-size-warning {
	display: none;  
}	
/* Phone */
@media only screen and (max-width: 470px) {
	.helm-size-warning {
		display: none;  
		width: -moz-calc(100% - 50px); 
		width: -webkit-calc(100% - 50px); 
		width: calc(100% - 50px); 
		padding: 0.5em 0.2em 0.2em 1em;
		position: absolute;
		left: 50px;
		top: 105px;
		height: 45px;
		background-color:transparent;
		color: #999999;
	}
}	
	
.helm-banner-nav {
    width: -moz-calc(100% - 90px); 
    width: -webkit-calc(100% - 90px); 
    width: calc(100% - 90px); 
	min-width: 150px;
    padding: 0em;
	position: relative;
	/*left: 150px;
	top: 90px;
    /* height: 60px ;*/
	float:left;
	height:auto;
	background-color:transparent;
	margin-left: -50px;
}	


/* Phone 
@media only screen and (max-width: 950px) {
	.helm-banner-nav {
		display: none;
		padding: 0;
		width: 100%;
		max-width:320px;
		left: 0px;
		position:absolute;
		top:9em;
	}	
}
*/
.helm-banner-mission {
	margin: 0;
	position: relative;
    padding: 0;
	border: 0;
	/*top:150px;
	left:0px;*/
	width:100%;
	height:20px;
	overflow:hidden;
	background-image: url("../images/hsf/mission-bar-long.jpg");	
	z-index: -1;
}	
	
.helm-loading {
	width: 100%;
	min-height: 150px;
}	
	

/**********************************************************************************

Nav Menu Classes

**********************************************************************************/	


.main-nav-div {
	display: inline;
	text-align: bottom;
	float:left;
}
/* Phone */
@media only screen and (max-width: 950px) {
	.main-nav-div {
		display: block;
		text-align: bottom;
		/* border: 50px; */
	}
}

.main-nav-div ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.main-nav-div li  {
    position: relative; /* positioned so this is the reference. Required to be able to have the sub menu show up at the same level */
    display: inline-block;
}
/* Phone */
@media only screen and (max-width: 950px) {
	.main-nav-div li {
		display: block;
	}
}

.main-nav-div ul li {
	/* vertical-align: top; */ /* no effect */
}
	
.main-nav-div ul li a {
    display: block; /* So we can have padding */
	height: 2em; /* plus padding plus border = 60 high */
	text-decoration: none;
	text-align: center;
	font-size: 1.0rem;
	font-weight: bold;
    padding: 1em 1em 0em 1em;
	color: #000000;
	background: transparent;  /* no blocks on menu until you hover */
}
/* Phone */
@media only screen and (max-width: 950px) {
	.main-nav-div ul li a {
		border: 0;
		border-bottom: 2px solid #999999;
		padding: 1em 1em 0em 1em;
		text-align: center;
		background: #e5e5ff; /* #FFFFFF; */
		max-width: 320px;
	}
	.helm-menu ul li a {
		text-align: center !important;
	}
}

.main-nav-div ul li a:hover {
	color: #FFFFFF;
	background: -webkit-linear-gradient(#5C85AD, #29527A); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#5C85AD, #29527A); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#5C85AD, #29527A); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#5C85AD, #29527A);     /*background-color: #473C8B;*/
}
.main-nav-div ul li a:active {
	color: #FFFFFF;
    background: -webkit-linear-gradient(#5C85AD, #29527A); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#5C85AD, #29527A); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#5C85AD, #29527A); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#5C85AD, #29527A);     /*background-color: #473C8B;*/
}

.menu-module-active {
	background-color: #ebf4fc;
}


.main-nav-div ul ul  {
    display: none; /* Hide sub menu by default */
    position: absolute; /* Absolute position to push the sub menu out of the box instead of making the box larger and having the top level menu pushed down */
}
@media only screen and (max-width: 950px) {
	.main-nav-div ul ul  {
		position: relative; /* We want it in the div */
		/* z-index: 1000; */
	}
}

/* no div 
.main-nav-div li:hover > ul {
    display: block;
}
*/
/* active only works while holding the mouse button down */
/* no longer using div
.main-nav-div li:hover > div {
    display: block;
}
.main-nav-div li:hover > div ul {
    display: block;
}
*/

/* Sub menu */
/****************************************/

.main-nav-div ul li ul {
	border: 2px solid #999999;
	z-index: 999;
	/* width: 250px; */ /* set sub menu container width NOTHING */
}
/* Phone */
@media only screen and (max-width: 950px) {
	.main-nav-div ul li ul {
		border: 0;
		border-bottom: 2px solid #999999;
		/* width: 220px; */ /* set sub menu container width NOTHING */
	}
}

.main-nav-div ul li li a {
	height: 2em;
	width: 350px;  /* set sub menu line width */
	text-decoration: none;
	text-align: left;
	padding: 0.8em 1em 0em 1em;
	color: #000000;
	background: none; 
	background-color: #FFFFFF; 
	font-size:0.9rem;
	font-weight:normal;
	border: 0;
}
/* Phone */
@media only screen and (max-width: 950px) {
	.main-nav-div ul li li a {
		box-sizing: border-box; /* so padding does not add to width */
		height: 2em;
		width: 320px;
		padding: 0.5em 1em 0em 2em;
		text-align:center;
	}
}

.main-nav-div ul li li a:hover {
	/* color: #FFFFFF; */
	/* background: #5C85AD; */
	color: #FFFFFF;
    background: -webkit-linear-gradient(#5C85AD, #29527A); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#5C85AD, #29527A); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#5C85AD, #29527A); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#5C85AD, #29527A);     /*background-color: #473C8B;*/
}
	
.helm-menu {
	display: inline-block;
	/*position:absolute;*/
	bottom:0em;
	float:left;
	z-index: 2000 !important;
}

.helm-menu ul {
	margin: 0;
    padding: 0;
    width: 17%;
    background: white !important;
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    height: 91vh;
	margin-top: 5px;
	border-top: 1px solid lightgrey;
}

.arrow {
  border: solid darkgrey;
  border-width: 0 1.5px 1.5px 0;
  display: inline-block;
  padding: 2.5px;
}

.a-right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
   float: right;
    margin-right: 1%;
    margin-top: 16px;
}

.a-down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
      top: -2px;
    position: relative;
}

.helm-main-div {
     position:relative;
     min-height:671px; 
     height: calc(100% - 40px);	
}


.menu-dash-main {
	display:none;
	float: left;
	height: 91vh;
	width: 83vw;
    margin-left: 17%;
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    background: white;
	margin-top: 5px;
	z-index: 1111 !important;
    border-top: 1px solid lightgrey;
}

.helm-button {
	cursor: pointer;
}

.menu-links {
	/* list-style-image: url("/images/helm/menu/dashboard/Links.svg?2.1"); */
	list-style: none;
}

.menu-links #menu-dash-links a {
	float: left;
	padding-left: 4px;
	margin-top: 1px;
}

.menu-links li {
  list-style: none;
  background-image: url("/images/helm/menu/dashboard/helm_page_blue_16.svg");
  background-repeat: no-repeat;
  padding-left: 1em;
  background-position: left center;
  background-size: 12px;
}

.report-links {
	/* list-style-image: url("/images/helm/menu/dashboard/Reports.svg"); */
	/* margin-left: 10px; */
	list-style: none;
}

.report-links li.dash-edit-mode {
  background-image: url("/images/helm/menu/dashboard/print_reports_blue.svg");
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: left center;
  padding-left: 1em;
  margin: 0px 0px 0px 0px;
}

.adhoc-links {
	/* list-style-image: url("/images/helm/menu/dashboard/Adhoc Reports.svg?1.74"); */
	list-style: none;
}

.report-links li.adhoc-links {
  background-image: url("/images/helm/menu/dashboard/adhoc_reports_blue.svg");
  background-repeat: no-repeat;
  background-size: 1em;
  padding-left: 1em;
  margin: 0px 0px 0px 0px;
}

.adhoc-links #menu-dash-links a, .report-links #menu-dash-links a {
	float: left;
	padding-left: 4px;
	margin-top: 4px;
}

#menu-dash-edit, #menu-dash-edit-done {
	display:none;
}

#menu-dash-links a, #menu-dash-sub-section a,.dash-cell-left {
	color: #606060 !important;
	text-decoration: none;
	 width: 85%;
}

.dash-cell-left {
	color: #606060 !important;
	text-decoration: none;
	width: 18em;
}

#menu-dash-links:hover a, #menu-dash-links a:hover {
	color: black !important;
	text-shadow: 0 0 black;
	word-break: break-word;
    width: 85%;
}

#menu-dash-sub-section {
	padding-bottom: 5px;
    padding-top: 8px;
    margin-left: -22px;
    list-style: none;
    color: #006ac6;
    font-size: 15px;
    float: left;
    clear: both;
	background-image: none;
}

#menu-dash-sub-section-first {
	padding-bottom: 5px;
    margin-left: -22px;
    list-style: none;
    color: #006ac6;
    font-size: 15px;
    float: left;
    clear: both;
	background-image: none;
}

#menu-dash-links {
	float: left;
	clear:both;
	width: 100%;
}

.dash-edit-mode::after {
  content: "";
  position: absolute;
  width: 1em;
  height: 1em;
 #top: 1.3em;
  left: calc(50% - .5em); /* Center the stickman. Position it half of its width before the parent center*/
  #background-image: url('https://www.shareicon.net/data/512x512/2016/01/17/704754_people_512x512.png');
  background-size:cover; /* Scale the stickman to completely cover the background area.  */
}

#menu-dash-edit-done {
	display:none;
}

.menu-section-pages {
	margin-top:15px;
	float:left;
	width:23%;
	min-width:17%;
	margin-left: 10px;
	
}

.menu-section {
	margin-top:15px;
	float:left;
	width:35%;
	margin-left: 10px;
}

.menu-dash-buttons {
	float: right;	
}

.menu-dash {
    float: left;
	width:100%;
}

@media only screen and (max-width: 950px) {
	.menu-dash-right, .menu-dash-left {
		float: left !important;
		width: 100%;
	}
	
	.menu-section {
		width: 33%;
	}
	
	.helm-menu ul li a {
		text-align: left !important;
	}
}


.menu-dash-left {
	float: left;
    width: 50%;
}

.menu-dash-right {
	float: right;
    width: 50%;
}

.menu-header {
	color: #006ac6  !important;
	padding-left: 12px;
	top: 12px;
	margin-bottom: 0px;
	font-weight: 700;
}

.helm-menu ul ul ul {
	position: absolute; 
	left: 100%; 
	top:0;
}

.menu-dash-module-header {
	background-color: #ebf4fc;
    width: 100%;
    padding: 5px;
    color: black !important;
    padding-left: 21px;
    font-weight: 600;
}

.helm-menu ul li  {
    position: relative; 
    display: inline-block;
	margin: 0;
	padding: 0;
	z-index:1010;
	width: 100%;
	max-height: 55px;
    overflow: hidden;
	cursor: pointer;
}

.white-star {
	 background: url('/images/helm/white-star.png') 0% 0% / 25px 25px no-repeat;
}

.gold-star {
	background: url('/images/helm/gold-star.png?1.0') 0% 0% / 23px 23px no-repeat;
}


.star-menu {
     display: none;
     float: right;
     width: 25px;
     height: 25px;
     margin-top: -8px;
     cursor: pointer;
}	

.star-dash {
     display: none;
     float: right;
     width: 25px;
     height: 25px;
     cursor: pointer;
	 margin-top:-2em;	 
}

.dash-div .star-dash{
	position:relative;
	 top:5em;
	 right:5em;
}

.edit-menu {
	 background: url('/images/helm/Remove.svg?2.5') 0% 0% / 16px 18px no-repeat;
     float: right;
     width: 20px;
     height: 20px;
     margin-top: -1px;
     cursor: pointer;
}	


.edit-dash {
	 background: url('/images/helm/Remove.svg?2.5') no-repeat right center;
	 background-size:16px 18px;
     cursor: pointer;
}

.edit-chart {
	 background: url('/images/helm/Remove.svg?2.3') no-repeat right center;
	 background-size:20px 20px;
     cursor: pointer;
	 padding-right:1.5em;
}

.menu-plus {
	 /*style="width: 30px;margin-left: 50%;"*/
	 width: 30px;
    margin: 0;
    margin-left: 12px;
    margin-top: 10px;
    margin-right: 10px;
}

.menu-plus-text {
	/*style="margin-left:40%; "*/
	    margin-top: 18px;
}

.helm-menu ul li a {
    display: block; /* So we can have padding */
	/*height: 1.5em;  plus padding plus border = 60 high */
	text-decoration: none;
	text-align: left;
	vertical-align:bottom;
	font-size: 1em;
    padding: 0.5em 1em;
	margin: 0;
	color: #000000 !important;
	background: transparent;  /* no blocks on menu until you hover */
}

.menu-name {
	word-break: break-all;
}

@media only screen and (min-width: 950px) {
	
}

.helm-menu ul li:hover {
	background-color:#f1f1f1 !important;
	color: #FFF;
}

.helm-menu ul li a:active {
	background-color:#473C8B;
	color: #FFF;
}

.helm-menu ul ul  {
	margin: 0;
    display: none; /* Hide sub menu by default */
    position: absolute; /* Absolute position to push the sub menu out of the box instead of making the box larger and having the top level menu pushed down */
}

/* Sub menu */
/****************************************/

.helm-menu ul li ul {
	
	border: 1px solid #473C8B;
	z-index: 1010;
}
/* Phone */
@media only screen and (max-width: 950px) {
	.helm-menu ul li ul {
		border: 0;
		border-bottom: 1px solid #473C8B;
		background: #FFF;
	}
}

.helm-menu ul li li a {
	height:1em;
	position:relative;
	width: 18em;  /* set sub menu line width */
	text-decoration: none;
	text-align: center;
	padding: 0.5em 0em 0.5em 0.5em;
	background:#FFF;
	color: #000000;  
	font-size:0.9rem;
	font-weight:normal;
	word-wrap: break-word;
	z-index:1010;
	/* Steve added */ border-bottom:1px solid #473C8B;	
}
/* Phone */
@media only screen and (max-width: 950px) {
	.helm-menu ul li li a {
		background:#FFF;
	}
}

.helm-menu ul li li:hover > a {
	background-color:#473C8B;
	color: #FFF;
}

/**********************************************************************************

Button Classes

**********************************************************************************/	
	
.button{
	border: 2px solid #000099;
    border-radius: 4px;
	font-size:1em;
/*	font-family:arial, helvetica, sans-serif; */
	padding: 0.5em 2em 0.5em 2em;
	text-decoration:none;
	display:inline-block;
/*	text-shadow: -1px -1px 0 rgba(0,0,0,0.3); */
	font-weight:bold;
	color: #FFFFFF;
	background-color: #000099;
}

@media only screen and (max-width: 950px) {
	.button{
		padding: 0.5em 0.5em 0.5em 0.5em;
	}
}
/*****************************************************************

Content Area

********************************************************************/


.content-area {
	/* iframes inside are 620px high plus 14 margin on bottom */
	/* border: 1px solid #DD2222 ; */ /* enable if you need to see edges of this div */
	margin: 0;
	position: absolute;
    padding: 0;
	border: 0;
	top:170px;
	left:0px;
	width:100%;
	height:900px;
	overflow:hidden;
}	

.second-content {
	position: relative;
	top:170px;
	display: block;
	float: left;
	width: 100%;
	overflow: visible;
	padding: 4em 2em 2em 2em;
}
@media only screen and (max-width: 600px){
	.second-content {
		display: none;
	}
}	
.third-content {
	position: relative;
	top:170px;
	display: block;
	float: left;
	width: 100%;
	overflow: visible;
	padding: 4em 2em 2em 2em;
}	
.iframe-wrapper {
	width: 100%;
	min-height: 700px;
    overflow: visible;
	display: none;
	position: relative;
	/*top: 170px;*/
	float: left;
}
.content-wrapper {
	width: 100%;
	height: 900px;
    overflow: visible;
	background-color:#FFFFFF;
	display: block;
	position: relative;
	top: 170px;
	float: left;
}
.main-iframe {
	border: 0;
	height: 100%; 
    width: 100%;
	background-color:#FFFFFF;
}
	
.hsf-footer {
	position: relative; 
	float: left;
	width: 100%;
    padding: 0.5em 1em;
	border: 0;
	margin: 0;
	background-color: #808080;	
	overflow: auto;
	color:#dbdbdb;
}	
.copyright {
	position: relative; 
	width: 100%;
    padding: 0.4em 1em;
	border: 0;
	margin: 0;
	background-color: #43474d;	
	overflow: hidden;
	color:#8c8e91;
	
}	
.hsf-footer-left {
	margin: 0;
	position: relative;
    padding: 1.05em 1em 1.1em 1em;
	width: 45%; 	
	overflow: hidden;
	float: left;
	line-height:1.276em;
}	

.hsf-footer-left a{
	color:#dbdbdb;
	text-decoration: none;
}	

.hsf-footer-left a:hover,.hsf-footer-left a:focus{
	color:#0000FF
}
.hsf-footer-right {
	margin: 0;
	position: relative;
    padding: 1.05em 1em 1.1em 1em;
	overflow: hidden;
	float: right;
	line-height:1.276em;
}


/*****************************************************************

Child page Content Area

********************************************************************/

/*
.hsf-child-wrapper {
	padding: 3em 3em 3em 3em;
	color: #00004d;
	width: 100%;
	background-color: #FFFFFF;
	min-height: 600px;
}
@media only screen and (max-width: 480px){
	.hsf-child-wrapper {
		padding: 1em 2em 1em 2em;
	}
}
*/	
.helm-content-height{
	min-height: 40em;
	float:left;
}
.hsf-child-wrapper {
	position:absolute;
	padding: 0;
	margin: 0;
	width: 100%;
	background-color: #FFFFFF;	
}/*
@media only screen and (max-width: 480px){
	.hsf-child-wrapper {
		padding: 1em 2em 1em 2em;
	}
}
	*/

.slider-wrapper {
	background-color: #FFFFFF;
	display: block;
	position: relative;
	left:0;
	margin: 0;
	padding: 0;
	color: #00004d;
	width: 100%;
	height: 800px;
	
	top: 170px;
}
.mobile-slider-wrapper {
	display: none;
	position: relative;
	top:170px;
	left:0;
	margin: 0;
	padding: 0;
	color: #00004d;
	width: 100%;
	height: 800px;
	background-color: #FFFFFF;
}
.mobile-caption {
	/* position: relative; */
	float: left;
	padding: 1em 1em 1em 1em;
}

.mobile-choice {
	/* Dummy class to sync jQuery with CSS media queries */
	width: 1600px;
	display: none;
	position: absolute;
	top: 100px;
}
/* 950 */
@media only screen and (max-width: 950px){
	.mobile-choice {
		width: 950px;
	}
}
/* 600 */
@media only screen and (max-width: 600px){
	.mobile-choice {
		width: 600px;
	}
}
/* 480 */
@media only screen and (max-width: 480px){
	.mobile-choice {
		width: 480px;
	}
}

	

/**********************************************************************************

attribute adjustment classes

IMPORTANT - These need to come last so they will overwrite base attrubutes
**********************************************************************************/	

.inline {
	display: inline-block;
}

.block {
	display: block;
}

.none {
	display: none;
}
.absolute {
	position: absolute;
}

.fl {
	float: left;
}
.fr {
	float: right;
}

.m0{
	margin:0em;
}

.m1{
	margin:1em;
}

.ml {
	margin-left: 1em;
}
.mr {
	margin-right: 1em;
}

.mb1 {
	margin-bottom: 1em;
}

.mt1{
	margin-top:1em;
}

.p05{
	padding:0.5em;
}

.p0 {
	padding: 0em;
}

.p1 {
	padding: 1em 1em 1em 1em;
}

.p2 {
	padding: 2em 2em 2em 2em;
}

.p3 {
	padding: 3em 3em 3em 3em;
}

.pb{
	padding-bottom:1em;
}

.pl{
	padding-left:1em;
}

.pr{
	padding-right:1em;
}
div.w500 {
	width: 500px;
	max-width: 100%;
}
div.w700 {
	width: 700px;
	max-width: 100%;
}
div.w900 {
	width: 900px;
	max-width: 100%;
}
div.full-width {
	max-width: 100%; 
	width: 100%;
}
input.lc {
    text-transform: lowercase;
}
select.full-width {
	width: 100%;
}

.bold{
	font-weight:bold;
}

.vltblue {
/*	color: #000099; */
	color: #E6E6FF;
}	
.ltblue {
/*	color: #000099; */
	color: #0000CC;
}	
.blue {
	color: #0000FF;
}	
.hblue {
	color: #0000FF;
}	
.dkblue {
	color: #000099;
}	
.dkred{
	color: #990000;
}	
.white {
	color: #FFFFFF;
}	
.black {
	color: #000000;
}	
.outlineblue {
	color: #000099;
	border-bottom: 1px solid #000099;
}

.red-text {
	color: #CC4444;
}
.border-blue{
	border: 1px solid #473C8B;
}

.gradient {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#e5e5ff));
	background: -o-linear-gradient(#FFFFFF, #e5e5ff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#FFFFFF, #e5e5ff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#FFFFFF, #e5e5ff);     /*background-color: #473C8B;*/
}
/* test junk */
.span-left {
	position:absolute;
	left:0px;
	display:inline-block;
	text-align:left;
	width:200px;
	font-size:1.0em;
	font-weight:normal;
	}	
.span-right {
	position:absolute;
	left:200px;
	display:inline-block;
	text-align:left;
	width:350px;
	font-size:1.0em;
	font-weight:normal;
	}	

.close {
	float:right;
}
.close a {
	color:#FFFFFF;
	text-decoration:none;
	padding:0.1em 0.5em 0.1em 0.5em;
}

.close a:hover {
	background-color:#AB0502;
	padding:0.1em 0.5em 0.1em 0.5em;
}

.close a.selected {
	background-color:#FFFFFF;
	padding:0.1em 0.5em 0.1em 0.5em;
	color:#333;
}

.clear{
	clear:both;
}

input[type=text]:disabled,input[type=text]:read-only,textarea:disabled,textarea:read-only{
	background:#eee;
}

.select-checkbox{  
    box-sizing: border-box;
    font-size: 1.2em;
    background-color: #FFFFFF;
	padding: 0.2em;
	border: 2px solid #43474d;
    border-radius: 4px;
    margin: 0.1em 0em 0.5em 0em;
}

.select-checkbox label{
	display: block;
}

.select-checkbox label:hover {
	background-color: #B3B3FF;
}

select.dropdown{
	background:#fff url(/images/helm/down.png) no-repeat right;

}


.cellLabel{
    display: table-cell;
    padding: 0em 0.2em 0em 0.2em;
    text-align: right;
    white-space: nowrap;
	line-height:1em;
	vertical-align:middle;
}

.cellInput{
    display: table-cell;
    padding: 0.2em 0.2em 0.2em 0em;
    text-align: left;
    white-space: nowrap;
	height:1.5em;
	vertical-align:middle;
}

.popup-help{
	z-index:100;
	padding:1em;
	right:0.6em;
	position:absolute;
	background:#fff;
	max-width:90vw;
	overflow:auto;
	max-height:90vh;
	box-sizing: border-box;
    border: 2px solid #eee; 
    -moz-box-shadow: 0.5em 0.5em 1em 0.5em #eee; 
	-webkit-box-shadow: 0.5em 0.5em 1em 0.5em #eee; 
	box-shadow: 0.5em 0.5em 1em 0.5em #eee; 
	display:none;
	font-weight:600;
	line-height:1.3em;
}

.breadcrumb{
	background:#C2C2C2;
	color:#43474d;
	padding:0.01em;
	font-size:0.8em;
	display:none;
}

.editor-tabs{    
    background-color: #f0f0f0;
	float: left;
}

/* Style the buttons inside the tab */
.editor-tabs a {
    background-color: inherit;    
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
	border: 0.2px solid #ccc;
	text-decoration: none;
	color:#000;
	font-weight:bold;
}

/* Change background color of buttons on hover */
.editor-tabs a:hover {
    background-color: #ccc;
}

/* Create an active/current tablink class */
.editor-tabs a.active {
    background-color: #ccc;
}

#wysiwyg-box{
	border-right:1px solid #ccc;
}

#code-box{
	border:1px solid #ccc;
}

.a-link a{
	text-decoration:none;
	color:#000099;
}

.a-link a:hover {
	text-decoration:underline;
}

.a-link a.selected {
	text-decoration:underline;
}


/*** BASE CSS **/

#frame-controller-header .rowDivHeader, #frame-controller-header .link-sort{
	background-color: #1e73be !important;
	color: white  !important;
	font-weight: unset  !important;
}

.frame-img-button{
	/*background-image: var(--image);
	background-repeat: no-repeat;
	background-size:20px 20px;*/
}

.rowDivHeader, .link-sort{
	background-color: #5C8FBC !important;
	color: white  !important;
	font-weight: unset  !important;
}

.page-header,  ul.link, .tabs a.selected, #data-content .section-header,#data-content .stacked-header {
	background-color: #1e73be !important;
	color: white  !important;
	font-weight: unset  !important;
}

.advanced-link-sort{
	color: white  !important;
	font-weight: unset  !important;
    text-decoration: none;
}

a {
	color: #1e73be !important;
}

h6 {
    font-size: 12px !important;
}

.ltblue {
    color: #1e73be !important;
}

.helm-menu ul li a, .helm-menu ul li span {
	color: black !important;
}

.helm-menu ul li:hover > a {
    background-color: #f1f1f1 !important;
	#color: white !important;
}

.helm-menu ul li a b, .helm-menu ul li a {
	/*font-weight: unset;*/
}

.helm-menu ul li a:hover, .helm-menu ul li:hover {
	font-weight: unset;
	#color:  white !important;
	/*border: 1px solid #1e73be;*/
}

.helm-banner-left {
	    /* border: 1px solid #00FFFF; */
   width: 50%;
    padding: 0.2em 1em 0em 1em;
    position: relative;
    float: left;
    background-color: transparent;
    margin-bottom: 8px;
    margin-top: 5px;
}

.helm-banner-right {
	margin-top: 12px;
    background-color: transparent;
    text-align: left;
    font-size: 13px;
    position: absolute;
    right: 130px;
}

.helm-logo-box img {
	width: 46px !important;
    height: 46px !important;
    margin-top: 1px;
	padding-bottom: 3px;
	
}



.button-compact:hover, .button-compact-cell:hover, img.compact:hover{
    background-color: #155084 !important;
}

.compact-lookup{
/*	font-family:arial, helvetica, sans-serif; */
	vertical-align:middle;
	padding: 0.2em 0.5em 0.2em 0.5em;
	text-decoration:none;
	display:inline-block;
/*	text-shadow: -1px -1px 0 rgba(0,0,0,0.3); */
}

.button-compact-no-img {
	background-color: #155084 !important;
    border: 1px solid #1e73be !important;
    font-weight: unset;
    color: white  !important;
	cursor: pointer;
	margin-bottom: 10px;
}


.border-blue {
    border: 1px solid #c2c2c2  !important;
}
span.compact{	
	background-image: var(--image);
    background-repeat: no-repeat;
    background-size: 18px 19px;
    background-color: #1D6BB0 !important;
    color: #fff;
    padding: 0.2em 0.3em 0.2em 1.7em;
    border-radius: 4px 4px 4px 4px;
    margin-top: -3px;
    float: left;
	border-left: 4px solid #1D6BB0;
}

.dash-header, .stacked-header, .color-header  {
	background-color: #ebf4fc !important;
}

.dash-cell-left {
    padding-bottom: 5px!important;
    padding-right: 5px!important;
}

.dash-cell-right {
    color: black  !important;
}

.cellDivLeft,.cellDivRight {
	border-right: 1.2px solid #c2c2c2 !important;
	border-bottom: 1.2px solid #c2c2c2  !important;
}

.firstCell {
    border-left: 1.2px solid #c2c2c2 !important;
}

.dkblue {
    color: #36393b  !important;
}

.reciept-title {
    color: #1e73be   !important;
}


.ltblue {
	color: #333;
}

.outlineblue {
    color: black;
    border-bottom: 1px solid #c2c2c2 !important;
}

.hsf-footer-left a:hover, .hsf-footer-left a:focus {
    color: #006ac6;
}

.report-select-category ul, .list-extra-tables ul li {
    list-style-image: url(../../images/helm/bullet-blue.png) !important;
}

.report-select-category ul li ul {
    list-style-image: url(../../images/helm/bullet-blue-secondary.png) !important;
}

.tabs a {
	color: black !important;
	border: 1px solid #1e73be !important;
	background-color: white !important;
}

.helm-menu ul li ul {
	border: none;
	/*border-left: 1px solid #1e73be;*/
}

.helm-menu ul ul ul li a, .helm-menu ul li li a, .tabs a  {
	border: 1px solid #1e73be !important;
	color: black !important;
	/*background: #dcbded;*/
}

@media only screen and (max-width: 901px) {
	.helm-menu ul li li a, .tabs a  {
		background: #fff;
	}
	.helm-menu ul ul ul li a {
		background: #b2b2ff !important;
	}
}


.helm-menu ul ul ul li a {
    background: white;
}

.helm-menu ul li a:active {
    background-color: #f1f1f1 !important;
	#color: white !important;
}

.helm-menu ul li .menu-name {
	margin-top: 10px;
    float: left;
	width: 70%;
}

input, textarea, select {
    /*border: 2px solid grey !important;*/
	border: 1.2px solid #adadad !important;
}

li.link a:hover {
    background-color: #333;
}

.filter-option select {
	 background-color: #f1f1f1;
}

.filter-option select:hover {
	 background-color: lightgrey;
}

.tabs a:focus{
    border: 2px solid #1e73be !important; 	
}

li.link a {
    color: white !important;
	 border: 1px solid #333 !important;
    border-radius: 4px !important;
    margin-left: 10px !important;
}

li.link a:hover {
    background-color: #1e73be !important;
}

li.link a {
    background-color: #155084 !important;
}

input:focus, input[type]:focus, textarea:focus, .uneditable-input:focus {
    border: 2px solid #333 !important;
    box-shadow: 0 0 4px #1e73be !important;
}

.filter-box {
    border-right: 1px solid lightgray !important;
    border-bottom: 1px solid lightgray !important;
}

.scroll a:hover, .scroll a:focus {
    background-color: #a7cef1 !important;
}

.disabled {
	background-color: grey !important;
	border-color: grey !important;
}

img.list-compact, img.reverse-compact {
	background: #1D6BB0 !important;
}

#show-workflow a,#page-help{
	border: 0 !important;
}

.LinkColumnClass {
	text-decoration: underline !important;
}

.report-select-category a, .report-select-category ul li a, .list-extra-tables ul li a {
	color: black !important;
}

/*********TABLE*********************/
table {
	/*background-color: #1e73be !important;*/
    border-color: #1e73be !important;
	border-collapse: separate !important;
    /*border-spacing: 3px;*/
}

table.edi-import-scan-files, table.edi-error-scan-files {
	background-color: white !important;
}

/*********TABLE*********************/

/*************SortCLass*************/
.sort-div h4{
	background-color:#1e73be !important;
}
/*************Dashboard*************/
.dash-chart{
	width:93%;
	height:20em;
	float:left;
	display:block;
}