@import "main.css?2";

h1{
   font-size: 18px;
   font-family: Open Sans;
}

h2{
   font-size: 16px;
   font-family: Open Sans;
}

h3{
   font-size: 14px;
   font-family: Open Sans;
}

h4{
   font-size: 12px;
   font-family: Open Sans;
}

.abs {
	position: absolute
}

.rel {
	position: relative
}

body {
	/*Farhad 04/13/2010*/
	/*font-family: Arial;*/
	font-family: Open Sans;
	font-size: 11px;
}

table, td, tr, p, div {
	/*Farhad 04/13/2010*/
	/*font-family: Arial;*/
	/* font-family: Open Sans; */
	/* font-size: 12px; */
}

th {
	/*Farhad 04/13/2010*/
	/*font-family: Arial;*/
	font-family: Open Sans;
	font-size: 11px;
	color: #000000;
}

.header_text {
	/*Farhad 04/13/2010*/
	/*font-family:  Arial, Helvetica, sans-serif;*/
	font-family: Open Sans;
	font-size: 11px;
	/*font-weight:bold;*/
	/*Farhad 04/13/2010*/
	color:#ffffff;
	/*color:#316acc;*/
}

a:header_text {

	color:#ffffff;
}

a {
	/*text-decoration: underline;*/
	/*color: blue;*/
	font-family: Open Sans;
	/*font-size: 11px;*/
}



hr {
	margin-top: -5px;
	height: 1px;
	background-color: #999999;
	color: #999999;
	visibility : visible;
}

#header {
	background-color: #FFFFFF;
	font-size: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 40px;
}

#footer {
	background-color: #FFFFFF;
	margin-top: 30px;
	font-size: 9px;
	color: gray;
	padding-left: 4px;
	padding-bottom: 0px;
}

#account {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	text-align: right;
	font-size: 10px;
}

#navigation {
	background-color: #7B9CAE;
	padding: 2px 0px 2px 0px;
	margin-top: 4px;
	margin-bottom: 15px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	color: #FFFFFF;
	font-weight: bold;
}

#navigation a {
	background-color: #7B9CAE;
	padding: 2px 4px 2px 4px;
	text-decoration: none;
	color: #FFFFFF;
}

#navigation a:hover {
	background-color: #3C5462;
	padding: 2px 4px 2px 4px;
	text-decoration: none;
	color: #FFFFFF;
}

.breadcrumbs {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 30px;
	padding-left: 2px;
}

.note {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 30px;
	padding-left: 2px;
}

.heading {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 4px;
	padding-bottom: 2px;
	padding-left: 0px;
	border-bottom: 1px solid #999999;
	font-family: Open Sans;
	font-size: 15px;
	font-weight: bold;
	color: #821400;
}

.headingError {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 6px;
	padding-bottom: 2px;
	padding-left: 0px;
	border-bottom: 1px solid #999;
	font-family: Open Sans;
	font-size: 15px;
	font-weight: bold;
	color: #FF0000;
}

.icons {
	margin-left: 10px;
	padding: 0px;
}



.odd {
	background-color: #F5F5F5;
}

.even {
	background-color: #EFEFEF;
}

.total {
	background-color: #cccccc;
        font-weight: bold
}

.total2 {
	background-color: #FFFFCC;
}

.old {
	background-color: #DDDEDF;
}

.new {
	background-color: #F6F5F5;
}

.content {
	padding: 0px;
	width:760px;
	/*Farhad 04/13/2010*/
	/*font-family:Arial, Helvetica, sans-serif*/
	font-family: Open Sans;
}

.content .leftvalue {
	width:15%;
	text-align: right;
}

.content td {
	padding-left: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.content th {
	padding: 5px;
	background-color: #cccccc;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	color: #000000;

}

.content_prog {
	padding: 0px;
	width:760px;

}

.content_prog .leftvalue {
	width:15%;
	text-align: right;
}

.content_prog td {
	padding-left: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.content_prog th {
	padding: 5px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	text-align: center;
}

.text_center {
	padding: 5px;
	background-color: #cccccc;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	color: red;
	text-align:center;
}

.error {
	padding-top: -10px;
	width:100%;
}

.error td {
	color: #FF0000;
	text-align: left;
	padding-left: 2px;
	padding-bottom: 20px;
}

.message {
	padding-top: -10px;
	padding-bottom: 20px;
	width:100%;
}

.message td {
	padding-left: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #C4D3DB;
	color: #000000;
	text-align: left;
}

.tableRevision {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

.revisionTr {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

button {
  /* font-family: Open Sans; */
  font-size: 8pt;
  /* font-weight:bold; */
  border: 1px;
  /* padding: .3em .4em .3em .4em; */
  width:auto;
  overflow:visible;
}

.tinybutton {
  font-family: Open Sans;
  border-style: outset;
  border-color: #dddccc;
  padding:0px;
  border-width: 1;
}

.timecardjob {
  font-family: Open Sans;
  border-style: groove;
  border-width: 1;
}

.timecardhour {
  font-family: Open Sans;
  font-size: 10pt;
  border-style: groove;
  border-width: 1;
}

.printarea {
  border-style: none;
  border-width: 0;

  font-family:monospace;
  font-size: 12px;
  color : #333300;
  font-weight: normal;
  scrollbar-arrow-color: #ffffff;
  scrollbar-base-color: #ffffff;
  scrollbar-track-color: #ffffff;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-face-color: #ffffff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
}



.invEditor {
	padding: 0px;
	width: 70%;
}

.invEditor td {
	padding: 2px;
	border-right: 0px solid #100000;
	border-bottom: 2px solid #999999;
	text-align: center;
	valign: center;
}

.invEditor th {
	padding-left: 2px;
	background-color: #C4D3DB;

	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	color: #777E82;
	text-align: left;

}


.costListing {
	padding: 0px;
	width: 100%;
}

.costListing td {
	padding: 10px;
	border-right: 1px solid #999999;
	text-align: center;
}

.costListing th {
	padding-left: 2px;
	background-color: #C4D3DB;

	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	color: #777E82;
	text-align: center;
}

.teamListing {
	padding: 0px;
}

.teamListing td {
	padding: 11px;
	border-right: 1px solid #999999;
	text-align: center;
}

.teamListing th {
	padding-left: 2px;
	background-color: #C4D3DB;

	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	color: #777E82;
	text-align: center;
}
@media print {
	.icons {display:none;}
}

.listing {
	padding: 0px;
	width: 100%;
}

.listing td {
	padding: 10px;
	border-right: 1px solid #999999;
}

.listing th {
	padding-left: 2px;
	background-color: #C4D3DB;

	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	color: #777E82;
	text-align: left;

}

.listing th a {
	text-decoration: none;
}

.listing th a:hover {
	text-decoration: none;
}

.listing .active {
	background-color: #7B9CAE;
	color: #FFFFFF;
}

.listing .red {
	background-color: #FF0000;
	color: #FFFFFF;
}

.listing .redFont {
	color: #FF0000;
}

.listing .active a {
	color: #FFFFFF;
	text-decoration: none;
}

.listing .active a:hover {
	color: #FFFFFF;
	text-decoration: none;
}


.app_sum_listing {
	padding: 0px;
	width: 100%;
}

.app_sum_listing td {
	padding: 10px;
	border-right: 1px solid #999999;
}

.app_sum_listing th {
	padding-left: 2px;
	background-color: #C4D3DB;

	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	color: #777E82;
	text-align: center;

}

app_sum_listing th a {
	text-decoration: none;
}

.app_sum_listing th a:hover {
	text-decoration: none;
}

.app_sum_listing .active {
	background-color: #7B9CAE;
	color: #FFFFFF;
}

.app_sum_listing .red {
	background-color: #FF0000;
	color: #FFFFFF;
}

.app_sum_listing .redFont {
	color: #FF0000;
}

.app_sum_listing .active a {
	color: #FFFFFF;
	text-decoration: none;
}

.app_sum_listing .active a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.level_1{
background-color: #BBD7EF;
}
.level_2{
background-color: #9ED7D3;
}
.level_3{
background-color: #A3F8CF;
}
.level_4{
background-color: #C3FE93;
}
.level_5{
background-color: #D9C8FB;
}
.level_6{
background-color: #FCD848;
}
.level_7{
background-color: #FCAA61;
}
.content_admin {

 border: 1px solid #666;
 width: 760;
 border-top: 1px solid #999;
 border-left: 1px solid #666;
 z-index: 500;
 background-color: #ffffff;

}
.content_form {

padding: 10px; border-width: 1px; border-style: solid; border-color: #cccccc; background-color:#E5F1FC;

}
.content_form_error {

padding: 10px; border-width: 1px; border-style: solid; border-color: #cccccc; background-color:#FBDDDB;

}
.content_header {
	padding: 5px;
	background-color: #eeeeee;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	color: #000000;

}


.ContentDataOdd {
	font-family: Open Sans;
	font-size: 12px;
	color: #000000;
	background-color:#ffffff;
}
.ContentDataEven {
	font-family: Open Sans;
	font-size: 12px;
	color: #000000;
	background-color:#e8e8e8;
}

.rowOdd {
	font-family: Open Sans;
	font-size: 12px;
	color: #000000;
	background-color:#E0EEEE;
}

.rowEven {
	font-family: Open Sans;
	font-size: 12px;
	color: #000000;
	background-color:#e8e8e8;
}

.rowHead {
	font-family: Open Sans;
	font-size: 12px;
	color: #000000;
	background-color:#cccccc;
	text-align: center;
}

.offcanvas-start {
	top: 65px !important;
    bottom: 50px !important;
}

.chart-container {
	position: relative;
	margin: auto;
	height: 80vh;
	width: 80vw;
	padding-top: 20px
}

/* AV-4/2/24 */
@media (max-width: 1780px) {
	.chart-container .row {
		flex-direction: column;
		align-items: center;
	}

	.chart-container > .row > .card-container {
		width: 700px;
		height: 100%; /*232px;*/
	}

	.chart-container > .row-1 > .card-container:not(:first-child), 
	.chart-container > .row-2 > .card-container {		
		margin-top: 2rem;
	}

	.chart-container > .row-2 > .card-container:last-child {		
		margin-bottom: 2rem;
	}
}
@media (max-width: 822px) {
	.dash-view-div {
		margin-top: 2.5rem;
	}
}
@media (max-width: 543px) {
	.dash-view-div {
		margin-top: 4.5rem;
	}
}
@media (max-width: 457px) {
	.dash-view-div {
		margin-top: 5.75rem;
	}
}
@media (max-width: 429px) {
	.dash-view-div {
		margin-top: 8rem;
	}
}


  .dash-title {
	font-size: 22px;
	font-family: 'Open Sans';
	font-weight: bold;
	text-align: center;
	color:white;
  }

  .dash-amount {
	font-size: 60px;
	font-family: 'Open Sans';
	font-weight: bold;
	text-align: center;
	padding-top: 55px;
	padding-bottom: 55px
  }

  .dash-amount-with-sub {
	font-size: 60px;
	font-family: 'Open Sans';
	font-weight: bold;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 0px
  }

  .dash-sub-amount {
	font-size: 20px;
	font-family: 'Open Sans';
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 45px
  }

  .pie-canvas {
	height:200px;
  }

  .card-header {
	background-color: #4eaefd !important
  }

  .card-body {
	background-color:#f7f7f7
  }

  .reports-header {
	background-color:#4EAEFD;
	color:white;
	border-radius: 5px;
	line-height:38px;
	text-align:center;
	font-weight:bold;
  }

  .no-padding {
	padding-left: 2px !important;
	padding-right: 2px !important;
  }

  .col-md-6-custom {
	flex:0 0 auto;
	width:47% !important;
  }

  .col-md-5-custom {
	flex:0 0 auto;
	width:44.25% !important;
  }

  .col-md-4-custom {
	flex:0 0 auto;
	width:38.5% !important;
  }

  .col-md-1-custom {
	flex:0 0 auto;
	width:3% !important;
  }

  .esri-popup__header {
	background-color: #E7F1FF;
  }

  .esri-popup__content {
	background-color: #F7F7F7
  }