#module-output {
	overflow: hidden;
}

div#module-output h2.module-header {
	margin-bottom: 0;
}

#dashboard .banner {
	overflow: hidden;
	margin: 20px 0px 20px 0px;
	padding: 20px 0px 0px 0px;
	border-top: 1px solid #CCCCCC;
	position: relative;
}

.row-clear {
	overflow: auto;
	margin-bottom: 10px;
}

/* ==========================================================================
 Banner (Reports)
 ========================================================================== */
.reports-wrapper {
	width: 77.5%;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
}

.reports-wrapper .reports {
	border-right: 3px solid #FFF;
	background-color: #f9f9f9;
}

.reports-wrapper .reports-nav {
	width: 100%;
	height: 66px;
}

.reports-wrapper .reports-nav tr td {
	color: #fff;
	background-color: #006090;
	font-weight: 1000;
	border-right: 3px solid #FFF;
	border-top: 3px solid #fff;
	text-align: center;
	cursor: pointer;
	cursor: hand;
}

.reports-wrapper .reports-nav tr td a {
	color: #fff;
	text-decoration: none;
}

.report-wrapper {
	position: relative;
	display: none;
}

.reports-wrapper .reports {
	position: relative;
}

.reports-wrapper .reports-nav tr td.nav-selected {
	background-color: #2E8AB9;
}
.reports-wrapper .reports .report {
	padding-bottom:35px;
	position: relative;
	display: none;
	width: 100%;
	/*width: calc(100% - 30px);*/
}

.reports-wrapper .reports .report .report-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
}


.reports-wrapper .reports .report .report-wrapper .report-chart {
	width: 100%;
}

.reports-wrapper .reports .report .report-wrapper .report-chart .cycle-reports {
	font-size: 16px;
	text-align: center;
}
/*
.reports-wrapper .reports .report .report-wrapper .report-chart .c3 {
	width: 100%;
}

.reports-wrapper .reports .report .report-wrapper .report-chart .c3 svg {
	width: 100%;
}
*/

.reports-wrapper .reports .report .report-wrapper .report-header-wrapper {
	margin: 30px 0px 0px 30px;
}

.reports-wrapper .reports .report .report-wrapper .report-header-wrapper .report-header {
	float: left;
	margin-right: 80px;
}

.reports-wrapper .reports .report .report-wrapper .report-header-wrapper .report-header h3 {
	font-size: 40px;
	margin: 0;
	color: #404040;
	margin-bottom: 10px;
}

.reports-wrapper .reports .report .report-wrapper .report-header-wrapper .report-header h4 {
	font-size: 26px;
	margin: 0;
	color: #00b0f4;
}

.reports-wrapper .reports .report .report-wrapper .report-header-wrapper .report-controls {
	float: left;
	font-size: 14px;
	font-weight: bolder;
}

.reports-wrapper .reports .report .report-wrapper .report-header-wrapper .report-controls ul {
	margin-left: 0px;
	font-weight: normal;
	list-style-type: none;
}

.reports-wrapper .reports .report .report-wrapper .report-header-wrapper .report-controls ul li {
	cursor: pointer;
	cursor: hand;
}


.selected-modifier {
	padding: 2px;
	display: inline;
	border-radius: 5px;
	background-color: #006090;
	color: #FFF;
}

.seperated-charts {
	width: 50%;
	float: left;
	font-weight: bolder;
}

#no-data-flag {
	display: inline-block;
	font-weight: bolder;
	position: relative;
	left: 50%;
	margin-left: -69px;
	margin-top: 50px;
	font-size: 20px;
}

/* ==========================================================================
 Picture of the day
 ========================================================================== */
#pic-of-the-day {
	width: 100%;
	position: relative;
	display: inline-block;
}

#pic-of-the-day img {
	width: 100%;
}

@media only screen and (max-width: 1200px) {
	#pic-of-the-day {
		width: 100%;
		margin-right: 0px;
	}
}

/* ==========================================================================
 Weather
 ========================================================================== */
#hide-weather {
	background-color: rgba(55, 55, 55, 0.5);
	color: white;
	height: 20px;
	padding: 5px 10px;
	text-align: right;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

#weather-collapse {
	display: inline-block;
	transform: rotate(45deg);
	margin: 0 5px 0 10px;
}

#weather {
	width: 22.5%;
	position: absolute;
	top: 20px;
	right: 0px;
	bottom: 0px;
}

#weather ul {
	margin: 0px;
	background: url('../Images/cloud-tile-full.jpg') top left repeat;
}

#weather ul li {
	list-style-type: none;
	position: relative;
	text-align: center;
	border-bottom: medium solid white;
}

#weather ul li > div.weather-wrapper {
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	padding: 10px 25px;
	line-height: normal;
}

#weather ul li.current {
	padding: 0px 0px 75% 0px;
}

#weather ul li.current .top {
	overflow: hidden;
	position: relative;
	font-size: 4.6vw;
	font-weight: bold;
}

#weather ul li.current .temp.temp-alt {
	display: none;
}

#weather ul li.current .top div {
	float: left;
	width: 50%;
}

#weather ul li.current .humid, #weather ul li.current .wind {
	font-size: 1.2em;
	margin-top: 0.5em;
}

#weather ul li.current .date {
	font-size: 1.4em;
}
#weather ul li.current .date.date-alt {
	display: none
}

#weather ul li.current .date .day-name {
	display: block;
	font-weight: bold;
}
#weather ul li.current .date .full-date {
	display: block;
}

#weather ul li.future {
	padding: 0px 0px 45% 0px;
}

#weather ul li.future .forecast {
	float: left;
	width: 45%;
}

#weather ul li.future .forecast .condition {
	font-size: 4.5vw;
}

#weather ul li.future .forecast .high-low {
	font-size: 1.4em;
	margin-top: 0.5em;
}

#weather ul li.future .date {
	float: left;
	width: 55%;
	margin-top: 14%;
}

#weather ul li.future .date .day-name {
	font-size
	display: block;
	font-weight: bold;
}

#weather ul li.future .date .full-date {
	display: block;
	font-size: 0.9em;
}
#weather ul li.future .date .description {
	display: block;
	font-size: 0.9em;
	font-weight: bold;
}

#hide-weather:hover {
	cursor: pointer;
}

@media only screen and (max-width: 1615px) {
	#weather ul li.current .top {
		font-size: 4.3vw;
	}

	#weather ul li.current .humid, #weather ul li.current .wind {
		font-size: 1.1em;
		margin-top: 0.2em;
	}

	#weather ul li.current .date {
		font-size: 1.4em;
	}

	#weather ul li.future {
		padding: 0px 0px 46% 0px;
	}

	#weather ul li.future .date {
		margin-top: 7%;
	}

	#weather ul li.future .forecast .condition {
		font-size: 4.3vw;
	}

	#weather ul li.future .forecast .high-low {
		font-size: 1.3em;
		margin-top: 0.4em;
	}
}

@media only screen and (max-width: 1500px) {
	#weather ul li.current .top {
		font-size: 4.3vw;
	}

	#weather ul li.current .humid, #weather ul li.current .wind {
		font-size: 1em;
		margin-top: 0.1em;
	}

	#weather ul li.current .date {
		font-size: 1.2em;
	}

	#weather ul li.future {
		padding: 0px 0px 46.5% 0px;
	}

	#weather ul li.future .forecast .condition {
		font-size: 4.3vw;
	}

	#weather ul li.future .forecast .high-low {
		font-size: 1.3em;
		margin-top: 0.4em;
	}
}

@media only screen and (max-width: 1400px) {
	#weather ul li.future {
		padding: 0px 0px 47.5% 0px;
	}
	#weather ul li.current .top {
		font-size: 3.7vw;
	}
	#weather ul li.current .date .full-date {
		font-size: 0.8em
	}
	#weather ul li.future .forecast .condition {
		font-size: 4vw;
	}
	#weather ul li.future .date .day-name {
		margin-top: 0.8em;
	}
	#weather ul li.future .forecast .high-low {
		font-weight: bold;
		font-size: 0.85em;
	}
	#weather ul li.future .date .full-date {
		font-size: 0.8em
	}
}
@media only screen and (max-width: 1300px) {
	#weather ul li > div.weather-wrapper {
		padding: 10px 20px;
	}

	#weather ul li.current .date .description {
		font-size: 0.8em
	}

	#weather ul li.future .date .day-name {
		margin-top: 0.6em;
	}

	#weather ul li.current .humid, #weather ul li.current .wind {
		font-size: 0.9em;
		margin-top: 0.1em;
	}
}

@media only screen and (max-width: 1200px) {

	#hide-weather span, #hide-weather i#weather-collapse {
		display: none;
	}
	#weather {
		margin-top: 10px;
		width: auto;
		position: relative;
		top: 0;
		right: 0;
		bottom: 0;
	}

	#weather ul {
		overflow: hidden;
	}

	#weather ul li {
		float: left;
		width: 49.82%;
		height: 80px;
		border-right: 3px solid #FFFFFF;
	}

	#weather ul li:nth-child(2), #weather ul li:nth-child(2n) {
		border-right: none;
	}

	#weather ul li.current, #weather ul li.future {
		padding: 0px;
	}
	#weather ul li.future .forecast .condition {
		font-size: 2.1em;
	}

	#weather ul li.current .date {
		display: none;
	}
	#weather ul li.current .date.date-alt {
		display: block;
		width: 50%;
		float: right;
	}
	#weather ul li.current .humid, #weather ul li.current .wind {
		display: none;
	}

	#weather ul li.current .top {
		font-size: 2.1vw;
		position: relative;
	}
	#weather ul li.current .top .temp {
		display: none;
	}
	#weather ul li.current .temp.temp-alt {
		display: block;
		font-size: 4vw;
		font-weight: bold;
		width: 50%;
		float: left;
	}
	#weather ul li.current .top div {
		width: auto;
		float: none;
		line-height: 0.85em;
	}
	#weather ul li.current .top div i {
		line-height: 0.85em;
	}

	#weather ul li.current .high-low {
		font-size: 1em;
		margin-top: 0.2em;
		font-weight: bold;
	}
	#weather ul li.future .forecast .condition {
		margin-top: 2px;
	}

	#weather ul li.future .date {
		margin-top: 5px;
	}
}
@media only screen and (max-width: 1015px) {
	#weather ul li {
		width: 49.8%;
	}
}
@media only screen and (max-width: 815px) {
	#weather ul li {
		width: 49.7%;
	}
}
@media only screen and (max-width: 730px) {
	#weather ul li {
		width: 49.7%;
	}
	#weather ul li.current .top {
		font-size: 1.2em;
	}
	#weather ul li.current .temp.temp-alt {
		font-size: 3.3em;
	}

	#weather ul li {
		width: auto;
		display: block;
		float: none;
		border-right: none;
	}
	#weather ul li:nth-child(n+4) {
		display: none;
	}
	#weather ul li:nth-child(2), #weather ul li:nth-child(2n) {
		border-right: none;
	}

}

/* ==========================================================================
 Quick add Tiles
 ========================================================================== */

#dashboard .quick-add-tiles {
	width: 49.6%;
	margin-right: 0.4%;
	float: left;
}

#dashboard .quick-add-tiles ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

#dashboard .quick-add-tiles ul li {
	width: 19.20%;
	margin-right: 1%;
	padding-bottom: 19.25%;
	float: left;
	position: relative;
	background-color: #EEEEEE;
}
#dashboard .quick-add-tiles ul li:last-child {
	margin-right: 0px;
}

#dashboard .quick-add-tiles ul li a {
	position: absolute;
	width: 100%;
	height: 100%;
}

#dashboard .quick-add-tiles ul li img {
	width: 100%;
	display: block;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0px;
}

#dashboard .quick-add-tiles ul li span {
	display: block;
	margin: auto;
	padding: 4px 3px;
	height: 17px;
	color: #019BFF;
	background-color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.6em;
	line-height: 17px;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

#dashboard .quick-add-tiles ul li a:hover span {
	color: #FFFFFF;
	background-color: #019BFF;
}

@media only screen and (max-width: 1600px) {
	#dashboard .quick-add-tiles {
		width: /*49.6%*/62.1%;
	}
}

@media only screen and (max-width: 1280px) {
	#dashboard .quick-add-tiles {
		width: auto;
		float: none;
		margin: 20px 0px;
	}

	#dashboard .quick-add-tiles ul li {
		padding-bottom: 150px;
	}

	#dashboard .quick-add-tiles ul li img {
		width: auto;
	}
}
@media only screen and (max-width: 1280px) {
	#dashboard .quick-add-tiles {
   		margin: 0px 0;
	}
}

@media only screen and (max-width: 1000px) {

	#dashboard .quick-add-tiles ul li {
		padding-bottom: 125px;
	}
}

@media only screen and (max-width: 768px) {

	#dashboard .quick-add-tiles ul li {
		width: 32.53%;
		margin-top:1%;
	}

	#dashboard .quick-add-tiles ul li:nth-child(n+4) {
		width: 49.2%;
	}

	#dashboard .quick-add-tiles ul li:nth-child(3) {
		margin-right: 0px;
	}
}

/* ==========================================================================
 Dashboard Forms Wrapper
 ========================================================================== */

#dashboard .dashboard-forms-wrapper {
	width: 49.6%;
	margin: 0px 0px 0px 0.4%;
	margin: 0;
	float: left;
}

@media only screen and (max-width: 1600px) {
	#dashboard .dashboard-forms-wrapper {
		/*width: 69.6%;*/
		width: 37.0%;
	}
}

@media only screen and (max-width: 1280px) {
	#dashboard .dashboard-forms-wrapper {
		width: auto;
		float: none;
		margin: 20px 0px;
		overflow: hidden;
	}
}


/* ==========================================================================
 Quick Jump form
 ========================================================================== */
#dashboard #home-quick-jump {
	float: left;
	width: 49.6%;
	margin: 0px 0.4% 0px 0px;
	padding: 10px;
	background-color: #F3F3F3;
}

#dashboard #home-quick-jump, #dashboard #home-quick-jump * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#dashboard #home-quick-jump input[type="text"] {
	width: 60%;
	height: 30px;
	border-right: none;
}

#dashboard #home-quick-jump select {
	width: 25%;
}
#dashboard #home-quick-jump button {
	width: 15%;
}

@media only screen and (max-width: 1600px) {
	#dashboard #home-quick-jump {
		/*width: 23.6%;*/
		width: 100%;
		margin-bottom: 1.5%;
	}

	#dashboard #home-quick-jump form {
		margin: 0;
	}

	#dashboard #home-quick-jump h5 {
		margin-top: 0;
	}
}

@media only screen and (max-width: 1280px) {
	#dashboard #home-quick-jump {
		width: 49.5%;
		margin: 0px 1% 0px 0px;
	}
}

@media only screen and (max-width: 600px) {
	#dashboard #home-quick-jump {
    	margin: 0px;
    	width: 100%;
	}
}

/* ==========================================================================
 Multi Search form
 ========================================================================== */

#dashboard #home-quick-search {
	float: left;
	width: 50%;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	background-color: #F3F3F3;
}

#dashboard #home-quick-search, #dashboard #home-quick-search * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#dashboard #home-quick-search input[type="text"] {
	width: 60%;
	height: 30px;
	border-right: none;
}

#dashboard #home-quick-search select {
	width: 25%;
}
#dashboard #home-quick-search button {
	width: 15%;
}

@media only screen and (max-width: 1600px) {
	#dashboard #home-quick-search {
		/*width: 25%;*/
		width: 100%;
		margin-bottom: 1.5%;
	}

	#dashboard #home-quick-search form {
		margin: 0;
	}

	#dashboard #home-quick-search h5 {
		margin-top: 0;
	}
}

@media only screen and (max-width: 1280px) {
	#dashboard #home-quick-search {
		width: 49.5%;
	}
	/*.banner .reports-wrapper {
	 width: 100% !important;
	 }*/
}

@media only screen and (max-width: 1200px) {
	.banner .reports-wrapper {
		width: 100% !important;
	}
}

@media only screen and (max-width: 600px) {
	#dashboard #home-quick-search {
		margin-top:10px;
    	width: 100%;
	}
}

/* ==========================================================================
 xxxxx ???? WHat is this?
 ========================================================================== */

div#recent-proposals p {
	background-color: #7AB825;
	color: white;
	text-transform: uppercase;
	padding: 5px;
	font-weight: bold;
}
.recent-access > div {
	height: 351px;
	overflow: auto;
}
/* ==========================================================================
 To-do list
 ========================================================================== */

div#todoList {
	background-color: #f3f3f3;
	overflow: auto;
	margin-bottom: 0px;
}

div#todoList p {
	background-color: #333333;
	color: white;
	text-transform: uppercase;
	padding: 5px;
	font-weight: bold;
}
#todoList ul {
	height: 150px;
	overflow: auto;
	list-style: none;
	margin: 0;
	padding: 2%;
}
#todoList ul li {
	padding: 3px;
}
#todoList ul li:nth-child(odd) {
	background-color: #eee;
}

#todoForm {
	overflow: auto;
	padding: 2%;
}
#todoForm input[type=button] {

}
#todoList textarea {
	padding: 2%;
	margin: 0;
	border: 0;
	width: 96%;
	height: 75px;
	font-family: "Verdana",​Helvetica,​Arial,​ sans-serif;
}

div#todoList input#todoButton {
	float: right;
	position: relative;
	display: block;
	margin-top: 5px;
	width: 100%;
}

div#in-out-board p {
	background-color: #0055A5;
	color: white;
	text-transform: uppercase;
	padding: 5px;
	font-weight: bold;
}
div#in-out-board ul {
	height: 351px;
	overflow: auto;
}

div span.in-out {
	float: right;
	margin-right: 15px;
}

div li.in-out {
	float: none;
	clear: both;
}

.fa-trash:hover {
	cursor: pointer;
}