html, body {
	height: 100%;
}

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial,Helvetica,sans-serif;
	color: #073763;
	background-color: #073763;
}

#wrapper {
    	width: 100%;
}

.printOnly {
	display : none;
}

#page-wrapper {
    	padding: 0 15px;
    	min-height: 730px;
    	background-color: #fff;
}

@media (min-width: 768px) {
    	.affix {
      		top: 2px;
      		width: 200px;
	}

    	#page-wrapper {
	        position: inherit;
	        margin: 0 0 0 200px;
	        padding: 0 30px;
	        border-left: 1px solid #e7e7e7;
    	}
    	
    	.sidebar {
	        display: block;
	        position: absolute;
  		width: 200px;
	        /*z-index: 1;
	        float: left;
	        width: 200px;*/
	        /*margin-top: 78px;*/
    	}
    
}

@media (max-width: 768px) {
    .affix {
        position: static;
    }
}

.navbar-inverse {
  	background-color: #073763;
}
  
.navbar-header {
	padding: 10px;
}

.header-right {
	border-radius: 4px;
}

.header-right:link {
	color: white;
}

.header-right:hover,
.header-right:active,
.header-right:focus { 
	color: #073763;	
	text-decoration: none;
}

.header-text {
    	padding-left: 10px;
    	color: white;
	font-weight: bolder;
	font-size: 40px;
}

.header-text:link {
	color: white;
	text-decoration: none;
}

.header-text:visited {
	color: white;
	text-decoration: none; 
}

.header-text:hover { 
	color: white;	
	text-decoration: none;
}

.navbar-top-links {
  	margin-top: 27px;
    	margin-right: 20px;
}

.navbar-top-links li {
    	display: inline-block;
}

.navbar-top-links li:last-child {
    	margin-right: 15px;
}

.navbar-top-links li a {
    	padding: 15px;
    	min-height: 50px;
}

.navbar-top-links .dropdown-menu li {
    	display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
    	margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
    	padding: 3px 20px;
    	min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
   	 white-space: normal;
}

#formLogin {
  	width: 250px;
  	padding: 20px;
}

.dropdown-menu {
    	border-radius: 4px;
    	box-shadow: 5px 5px 6px #818181;
}

.content {
	padding: 20px;
	background: white;
}

.twocolumns {
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari and Chrome */
	column-count:2;
}

.threecolumns {
	-moz-column-count:3; /* Firefox */
	-webkit-column-count:3; /* Safari and Chrome */
	column-count:3;
}

.fivecolumns {
	-moz-column-count:5; /* Firefox */
	-webkit-column-count:5; /* Safari and Chrome */
	column-count:5;
}
	
footer {
	background: #073763;
	height: auto;
	color: white;
	padding: 10px;
}

.sitestuff {
	font-size: 12px;
}
	
img { 
	border: 0; 
}

.go-top {
	position: fixed;
	bottom: 2em;
	right: 2em;
	text-decoration: none;
	color: white;
	background-color: rgba(0, 0, 0, 0.3);
	font-weight: bold;
	padding: 1em;
	display: none;
}

.go-top:hover {
	background-color: rgba(0, 0, 0, 0.6);
}

.list ul {
	font-size: 14px;
}

.list th {
	background: #073763;
	color: white;
	padding: 4px 10px;
}

.list th.wide {
	width: 104px;
	}

.list th.wider {
	width: 200px;
	}

.list td {
	/* border: 1px solid #453821; */
	padding: 4px 10px;
	font-size: 14px;
}

.list tr:nth-child(odd) { background-color: #D0D0D0; }

.list tr:nth-child(even) { background-color: #FFF; }

.biglist td {
	font-size: 18px;
	padding: 4px 10px;
}

.panel-heading .accordion-toggle h3:after {
 	/* symbol for "opening" panels */
    	font-family: 'Glyphicons Halflings';  
    	content: "\e114";    
    	float: left;        
   	color: grey;        
    	overflow: no-display;
    	margin-right: 10px;
}

.panel-heading .accordion-toggle.collapsed h3:after {
    	/* symbol for "collapsed" panels */
    	content: "\e080";    
}

a.accordion-toggle{
    	text-decoration: none;
}

.nav-tabs {
	font-weight: bold;
}

.messagebox {
 	width: 100px;
 	margin-left: 10px;
 	border: 1px solid #c93;
 	background: #ffc;
 	padding: 3px;
 	font-size: 12px;
}

.messageboxok {
 	width: auto;
 	margin-left: 10px;
 	border: 1px solid #349534;
 	background: #C9FFCA;
 	padding: 3px;
 	font-size: 12px;
 	font-weight: bold;
 	color: #008000;
}

.messageboxerror {
 	width: auto;
	margin-left: 10px;
 	border: 1px solid #CC0000;
 	background: #F7CBCA;
 	padding: 3px;
 	font-size: 12px;
 	font-weight: bold;
 	color: #CC0000;
}

.infostat {
	font-size: 12px;
	padding-top: 6px;
	margin-left: -20px;
}

.lines {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding: 2px;
}

fieldset {
	border: solid 1px #073763;
	padding: 0 10px 10px 10px;
	border-radius: 6px;
	margin: 0 0;
}

.display-inline-block {
         display: inline-block;
}
    
legend {
	width: inherit; /* Or auto */
    	padding: 0 10px; /* To give a bit of padding on the left and right */
    	border-bottom: none;
    	margin: 0 0 0 0;
}	

.margin-right {
	margin-right: 16px;
}

.margin-left {
	margin-left: 16px;
}

.margin-top {
	margin-top: 6px;
}

.random-stuff-container {
	width:40%;
	margin: 0 12px 12px 12px;
}

hr {

    	height: 2px;
    	background-color: #073763;
    	margin-top: 0px;
    	margin-bottom: 10px;
}
	
hr.part {
	height: 2px;
    	background-color: #073763;
   	margin-top: 20px;
    	margin-bottom: 20px;
	margin-right: 0px;
	width: 80%;
}

.sidebar-nav {
  	background-color: #073763;
}

.sidebar-nav ul {
  	padding: 0;
  	margin: 0;
  	list-style: none;
}

.sidebar-nav a, .sidebar-nav a:hover, .sidebar-nav a:focus, .sidebar-nav a:active {
  	outline: none;
}

.sidebar-nav ul li, .sidebar-nav ul a {
  	display: block;
}

.sidebar-nav ul a {
	padding: 10px 20px;
	color: #aaa;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	/*box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.05) inset; */
	/*text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); */
}

.sidebar-nav ul a:hover, .sidebar-nav ul a:focus, .sidebar-nav ul a:active {
  	color: #fff;
  	text-decoration: none;
}

.sidebar-nav ul ul a {
	padding: 10px 10px 10px 30px;
	background-color: rgba(255, 255, 255, 0.1);
}

.sidebar-nav ul ul a:hover, .sidebar-nav ul ul a:focus, .sidebar-nav ul ul a:active {
  	background-color: rgba(255, 255, 255, 0.3);
}

.tooltip.bottom .tooltip-inner {
	background-color: #073763;
    	max-width: 500px;
}
	
.tooltip.bottom .tooltip-arrow { 
	border-bottom-color: #073763; 
}

.sortorder:after {
  	content: '\25b2';   // BLACK UP-POINTING TRIANGLE
}

.sortorder.reverse:after {
  	content: '\25bc';   // BLACK DOWN-POINTING TRIANGLE
}

.error-messages.ng-active {
	  background: maroon;
	  color: white; 
	  padding: 5px;
	  border-radius: 5px;
	  margin-top: 15px;
	  position: relative;
}

.error-messages.ng-active:after {
	  position: absolute;
	  top: -10px;
	  content: "";
	  left: 20px;
	  border-style: solid;
	  border-color: transparent transparent maroon;
	  border-width: 5px;
}

.validate-message {
	  background: #5bc0de;
	  color: white; 
	  padding: 5px;
	  border-radius: 5px;
	  margin-top: 15px;
	  position: relative;
}

.validate-message:after {
	  position: absolute;
	  top: -10px;
	  content: "";
	  left: 20px;
	  border-style: solid;
	  border-color: transparent transparent #5bc0de;
	  border-width: 5px;
}