body
{
    background-image: url('Images/aug-bg2.jpg');
    background-repeat: repeat;
}

.header {
    background: #05724D;
    margin: 5px;
    padding:10px;
}

.btn {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  background: #075038;
  padding: 1px 5px 1px 5px;
  text-decoration: none;
  font-size:large;
  font-weight:bold;
}

.btn:hover {
  background: #05724D;
  background-image: -webkit-linear-gradient(top, #075038, #138F65);
  background-image: -moz-linear-gradient(top, #075038, #138F65);
  background-image: -ms-linear-gradient(top, #075038, #138F65);
  background-image: -o-linear-gradient(top, #075038, #138F65);
  background-image: linear-gradient(to bottom, #075038, #138F65);
  color: Yellow;
  text-decoration: none;
}
.btn:focus {
  background: #075038;
  color: Yellow;
  text-decoration: none;
}

.Label {
    border: 3px inset #138F65;
    font-size:large;
    color: #075038;
}

.nav-link
{
    color: White !important;
    background-color: #138F65 !important;
}
.nav-link.active
{
    color: Yellow !important;
    background-color: #05724D !important;
    font-weight:bold !important;
}

.nav-link:hover
{
    background-color:#138F65 !important;
    color: Yellow !important;
}

.SPItem {
    margin-bottom:5px;
    width:100%;
    border: 2px solid #138F65;
    border-radius: 5px;
    padding: 5px;
    background: #05724D;
    color: #ffffff;
    font-size:large;
}
.SPItem:hover {
    color: Yellow;
    border: 2px solid Yellow;
}

.Selected {
    border: 2px solid #075038;    
    color: Yellow;
}

.SRTask {
    margin:2px;
    font-size:larger;
}

.TaskApproved {
    border: 2px solid #138F65;
    border-radius: 5px;
    background: #05724D;
    color: White;
    padding:3px;
    min-height:80px;
}

.TaskCond {
    border: 2px solid #138F65;
    border-radius: 5px;
    background: Yellow;
    color: #05724D;
    padding:3px;
    min-height:80px;
}

.TaskPending {
    border: 2px solid #138F65;
    border-radius: 5px;
    background: White;
    color: #05724D;
    padding:3px;
    min-height:80px;
}

.TaskNA {
    border: 2px solid #138F65;
    border-radius: 5px;
    background: White;
    color: #A5A5A5;
    padding:3px;
    min-height:80px;
}

.TaskDisapproved {
    border: 2px solid #138F65;
    border-radius: 5px;
    background: Red;
    color: Black;
    padding:3px;
    min-height:80px;
}

.TaskComment {
    font-size:smaller;
}

.modalload {
    display:    none;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     10%;
    width:      100%;
    background: rgba( 255, 255, 255, 0 ) 
                url('http://appweb2.augustaga.gov/CityWorksEx/Apps/ProjectStatus/Images/ajax-loader.gif')  
                50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
.loading .modalload {
    display: block;
    height:150px;
}

.FieldContainer {
    margin: 5px 2px 5px 2px;
    padding:2px;
    background-color:#138F65;
    border: 2px solid #762123;
    border-radius: 5px;
}

.FieldLabel {
    color: White;
    margin: 3px 1px 3px 1px;
    padding: 2px;
}
.FieldValue {
    background-color:#05724D;
    color: White;
    padding:2px;
    margin: 3px 1px 3px 1px;
}
.SectionHeader {
    background-color:#762123;
    padding:10px;
    width:100%;
    color:White;
    font-size:larger;
    font-weight:bold;
    margin: 8px 0px 8px 0px;
    border-radius:5px;
}
.ReviewLabel {
    background-color:#762123;
    color: White;
    margin: 3px 1px 3px 1px;
    padding: 0px 5px;
    border-radius:5px;
 }
.ReviewValue {
    background-color:#05724D;
    color: White;
    padding:0px 5px;
    margin: 3px 1px 3px 1px;
    min-height:80px;
    border-radius:5px;
}
.ReviewText {
    line-height:80px;
}

.FieldValue > a {
    color:White;
    font-style:italic;
}
.FieldValue > a:hover {
    color:White;
    text-decoration:underline;
}
.EPlan {
    color: #05724D;
    float: right;
    font-size:larger;
    font-weight:bold;
    margin-top:-40px;
    margin-right: 5px;
}

.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}