.navBackButton {
	float: right;
	display: none;
	width: 50px;
	height: 57px;
	
	margin-top: 0px;
	margin-right: 30px;
	
	position: relative;
	top: -550px;

	background-image: url("../images/back.png");
	background-repeat: no-repeat;
}

.navButton {
	
	height: 25px;
	width: 120;
	text-align: center;
	
	padding-top: 2px; 
	padding-bottom: 2px;

	float: right;
	display: none;
	
	margin-top: 50px;
	margin-right: 10px;
	
	background: black ;
	border-width: 1px;
	border-color: #888888;
	border-style: solid;

	opacity:0.8;
	-ms-filter: "alpha(opacity=80)";
	filter: alpha(opacity=80);
}

.closeButton {

	height: 45px;
	width: 80;
	text-align: center;

	padding-top: 5px; 
	padding-bottom: 5px;	

	position: relative;
	top: -30px; 
	right: -25px;
	margin-left: auto ;

	background-image: url("../images/close.png") ;
	background-repeat: no-repeat;
}

.recessedButton {
	width: 88px;
	height: 25px;
	margin-left: auto ;
	margin-right: auto ;
	text-align: center;

	padding-top: 5px;

	background-image: url("../images/recessedButton.png") ;
	background-repeat: no-repeat;
}

.texturedButton {
	width: 148px;
	height: 34px;
	margin-left: auto ;
	margin-right: auto ;
	text-align: center;

	padding-top: 5px;
	padding-bottom: 5px;

	background-image: url("../images/texturedButton.png") ;
	background-repeat: no-repeat;
}

.button {
	background-color:#55995B;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #669966;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	padding:2px 37px;
	margin:2px;
	text-decoration:none;
	text-align: center;
}
.button:hover {
	background-color:#336C2B;
	color:#ffffff;
}
.button:active {
	position:relative;
	top:1px;
}

.roundedDiv {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:10px;
}

.warningButton {
	background-color:#E4685D;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:10px;
	border:1px solid #888888;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	padding:2px 37px;
	margin: 2px;
	text-decoration:none;
}
.warningButton:hover {
	background-color:#EB3D3F;
	color:#ffffff;
}
.warningButton:active {
	position:relative;
	top:1px;
}

.tabButton {
	background-color:#336c2b;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #669966;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	padding:2px ;
	margin-top:3px ;
	width:140px;
	text-decoration:none;
	text-align:center;
}
.tabButton:hover {
	background-color:#669966;
	color:#ffffff;
}
.tabButton:active {
	position:relative;
	top:1px;
}

.tabButtonSelected {
	background-color:#EFEFEF;
	border:1px solid #669966;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#636363;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	padding:2px ;
	margin-top:3px ;
	width:140px;
	text-align:center;
	text-decoration:none;
}

.tabButtonSelected:hover {
	color:#888;
}

.buttonLink {
	font: bold 11pt "Lucida Grande", Arial, Helvetica, sans-serif;
	color: white;
	hover: #ff0000;
}

.formButton
{
	background-color:#336c2b;
	color:#fff;
	font-family:'Helvetica Neue',sans-serif;
	font-size:14px;
	line-height:20px;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border:0;
	width:120px;
	height:24px
}

.refLink {
	font: normal 12pt Courier,Arial;
	color: black;
	hover: #FF4444;
}

.menuitem {
	font: normal 12pt ;
}

.submenuitem {
	font: normal 9pt; 
}

.subtext
{
	font-size: 9pt;
	padding: 3px;
}

.bold
{
	font-weight: bold;
}

.highlighted
{
	background-color: #336C2B;
	text-decoration: underline;
	color: white;
	padding: 3px;
}

.title
{
	margin-top:0px; 
	margin-bottom:20px;
}

.footnote
{
	font-size: 9pt; 
	color: #555;
	vertical-align: bottom;
}

img.profileImage
{
	width: 180px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 10px;
}

.articleList
{
	margin: 0 0 0 0;
	margin-left: 25pt;	
}

.articleInfo
{
}

.filters
{
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 8px;

	background-color: rgba(125, 125, 125, 0.3);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid rgba(125, 125, 125, 0.1);
}

.login-form
{
	width:100%; 
	height:44px; 
	margin-top:5px;
}

.textInputBox
{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:0px ;
	margin-left: 3px;
	margin-right: 8px;
	height: 30px;
	text-align:center;
}

.form-radio
{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: #f1f1f1;
     color: #666;
     top: 10px;
     height: 30px;
     width: 30px;
     border: 0;
     border-radius: 50px;
     cursor: pointer;     
     margin-right: 7px;
     outline: none;
}
.form-radio:checked::before
{
     position: absolute;
     font: 13px/1 'Open Sans', sans-serif;
     left: 11px;
     top: 7px;
     content: '\02143';
     transform: rotate(40deg);
}
.form-radio:hover
{
     background-color: #f7f7f7;
}
.form-radio:checked
{
     background-color: #f1f1f1;
}
label
{
     font: 15px/1.7 'Open Sans', sans-serif;
     color: #333;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     cursor: pointer;
} 
input[radio][disabled]
{
    background-color: #f9f9f9;
    color: #ddd;
    cursor: default;
}
input[radio][disabled] + label
{
    color: #999;
    cursor: default;
}

.gridcol4
{
	width: 25%;
	text-align: center;
}

.gridBlock
{
	width: 200px;
	padding: 5px;
	text-align: center;
}

.highlight
{
	background-color: #336c2b;
	color: white;
	font-size: 12pt;
}

.infoBox
{
	background-color:#efefef;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	padding: 20px;
}

.blankNotice
{
	text-align: left;
	background-color:#efefef;

	border-width: 1px;
	border-style:solid;
	border-color:rgba(150,150,150,0.8);;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	padding: 20px;
	margin:10px;
}

.errorNotice
{
	text-align: center ;
	background-color:background-color:rgba(255,150,150,0.3);

	border-width: 1px;
	border-style:solid;
	border-color:background-color:rgba(255,150,150,0.3);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	padding: 20px;
	margin:10px;
	margin-bottom: 50px;
}

.warningNotice
{
	text-align: center ;
	background-color: rgba(237,122,7,0.3);

	border-width: 1px;
	border-style:solid;
	border-color:rgba(237,122,7,0.8);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	padding: 20px;
	margin:10px;
	margin-bottom: 50px;
}

.noteNotice
{
	text-align: center ;
	background-color:rgba(63,127,191,0.3);

	border-width: 1px;
	border-style:solid;
	border-color:rgba(63,127,191,0.9);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	
	padding: 20px;
	margin:10px;
	margin-bottom: 50px;
}

.successNotice
{
	text-align: center ;
	background-color:rgba(63,191,63,0.5);

	border-width: 1px;
	border-style:solid;
	border-color:rgba(63,191,63,0.9);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	padding: 20px;
	margin:10px;
	margin-bottom: 50px;
}

.highlightList
{
	background-color:rgba(190,190,190,0.5);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	padding: 40px;
}

.formLabel
{
	padding:5px;
	width:200px;
	font: normal 12pt Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: black;
}

.formData
{
	padding: 5px;
	font: normal 14pt Verdana, Arial, Helvetica, sans-serif;
	color: black;
}



#drop_zone {
    background-color: #EEE; 
    border: #999 2px dashed;
    width: 320px; 
    height: 160px;
    padding: 20px;
    font-size: 18px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

/* Navigation */

.nav-main {
	top: 0;
	width: 100%;
	height: 30px;
	padding:0px;
	background-color: #FFF;
	display: flex;
	flex-wrap: wrap;
	z-index: 1000;
}

.btn-nav-toggle
{
	width: 40px;
	height: 100%;
	margin: 5px;
	border-radius: 5px 5px 5px 5px;
	background-color: #55995B;
	background-image: url('../images/menu.png') ;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50%;
	cursor: pointer;
}

.btn-nav-toggle:hover
{
	width: 40px;
	height: 100%;
	margin: 5px;
	border-radius: 5px 5px 5px 5px;
	background-color: #55995B;
	background-image: url('../images/menu.png') ;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 55%;
	opacity: 0.7;
	cursor: pointer;
}

.btn-nav-save
{
	height: 100%;
	line-height: 30px;
	margin: 5px;
	padding: 0px 8px;
	border-radius: 5px 5px 5px 5px;
	background-color: #55995B;
	cursor: pointer;

	color: #FFF;
	font-family: arial;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
}

.btn-nav-save:hover
{
	height: 100%;
	line-height: 30px;
	margin: 5px;
	padding: 0px 8px;
	border-radius: 5px 5px 5px 5px;
	background-color: #55995B;
	opacity: 0.7;
	cursor: pointer;

	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
}

.nav-main ul {
	display: flex;
	flex-wrap: wrap;
	padding-left: 5px;
	padding: 0px;
	margin: 0px;
}

.nav-main ul li {
	font-family: arial;
	font-size: 14px;

	list-style: none;
	line-height: 40px;	

	border-radius: 5px;

	height: 100%;
	line-height: 30px;
	margin: 5px;
	cursor: pointer;
}

.nav-main ul li:hover {
	background-color: #55995B;
	border-radius: 5px;
	opacity: 0.7;

	height: 100%;
	line-height: 30px;
	margin: 5px;
	cursor: pointer;
	
	color: #FFF;
}

.nav-main ul li span, .nav-main ul li a {
	display: block;
	height: 100%;
	padding: 0 10px;
	margin: 0px;
	text-transform: uppercase;
	text-decoration: none;
	color: #55995B;
	
}

.nav-main ul li span:hover, .nav-main ul li a:hover {
	color: #FFF;
}


.nav-sidebar {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 2px;
	padding: 0 1px;
	height: calc(100vh - 50px);
	background-color: #1b1b1b;
	border-radius: 0px 10px 5px 0px;
	z-index: 1000;
	transition: all 0.3s ease-in-out;
}

.nav-sidebar ul {
	padding-left: 0px;
	padding-top: 15px;
	overflow: hidden;
	visibility: hidden;
}

.nav-sidebar ul li {
	line-height: 40px;
	list-style: none;
}

.nav-sidebar ul li span, .nav-sidebar ul li a {
	display: block;
	height: 40px;
	padding: 0 20px;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFF;
	font-family: arial;
	font-size: 16px;
	white-space: nowrap;
	transition: all 0.3s ease-in-out;
}

.selected {
	background-color: #444;
}

.nav-sidebar ul li a:hover {
	background-color: #444;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
}