/* HELM multi-media */
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%;
}

.button-compact, .button-compact-cell {
	background-color: #155084 !important;
    border: 1px solid #1e73be !important;
    font-weight: unset;
    color: white  !important;
	cursor: pointer;
}

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

a.no-decoration{
	text-decoration:none;
}
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;
}*/

span.compact{
	padding:0.1em 0.3em 0.4em 0em;
	border-radius: 0px 4px 4px 0px;
}

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

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;
}

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

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

.page-header {
	float: left;
	padding: 0.2em 0.6em 0.2em 0.8em ;
    color: #FFFFFF; 
    background-color: #990000; /* really dark red */
	width:100%;
	font-size:1rem;
	font-weight: bold;
}


.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:3em;
	/*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;
}

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

#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:1em 2em;
	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:0.9em;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
/*	margin: 0; */
}
.dash-fine {
	font-size:0.6em;
	margin-top: 0;
	margin-bottom:3px;
/*	margin: 0; */
}

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

/* dashboard classes */
.table-center{
	display:table;
	margin-right:3em;
	margin-top:2em;
	float:right;
}

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

.dash-news-box {
	position:relative;
	width:99%;	
	height:max-content;
	background:#fff;
	border:1px solid #5C8FBC !important;
	overflow:auto;
	margin-left:0.5em;
}

.news-header{
	width:99.01%;
	color:#fff;
	background-color:#5C8FBC !important;
	font-size:20px;
	border:1px solid #5C8FBC !important;
	padding: 0em 0.3em;
	margin-left:0.38em;
}

.dash-news h5 {
	font-size: 17px;
    font-weight: unset;
}

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

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

.dash-row {
	display: table-row;
	overflow: auto;
	width: 100%;
}
.dash-cell-left{
	display: table-cell;
	padding: 0;
	text-align: right;
	white-space: nowrap;
}
.dash-cell-right{
	display: table-cell;
	padding: 0;
	text-align: right;
	white-space: nowrap;
	color: #0000FF;
	padding-right:0.5em;
	border-bottom:1px solid #eee;
}
.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:1em;
}

.article-form{
	border-left:3px solid #155084;
	padding-left:2em;	
}

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

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.5em;
  white-space: nowrap;
  text-align: left; 
}
.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: auto;
	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;
	}
}
/**********************************************************************************

ALL TIF view classes

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



.label{
	padding-right:0.2em;
}

.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;
    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: 100% !important;
	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);
	height: 100%;
}
/*//////////////////////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);
    }
	
.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;
}