﻿body{
    /*background:  #1d4c82;*/
    background:white;
    
}
.body-content{
    min-height:800px;
    border:solid 2px #294a70;
    padding:20px;
    /*background-color:#fbfbe9 ;*/
     /*background-color:rgba(88, 138, 183, 0.20);*/
     /*background-color: #EBCEAC;*/
     background-color: #FCE6C9;
     
     /*background-color:whitesmoke;*/
    margin-left:auto;
    position:relative;
    top:2px;
    width:90%;
}

@media (min-width : 768px){
    .body-content{
        min-width:600px;
    }
    
}
.navbar-header{
    margin-left:0px;

}
.navbar{
    min-height:0px;
}
.navbar-collapse{
    padding-left:0px;
     /*background-color:#294a70;*/
      padding-right:0px;
}
.navbar-default{
    background-color:inherit;
    color:black;
    border-color:#5a5a5a;
    height:100%;
    width:100%;
     display: block;
      
    margin-right: auto;
    border:none;
    margin-bottom:0px;
    margin-top:2px;
    
} 
.parishImage{
    height:150px;
    width:200px;
}
.nopadleft{
    padding-left:0px;
}
.assessorHeader{
    font-size:xx-large;
    padding:10px;
      height:100%;
    width:80%;
    border-radius:5px;
     display: block;
    margin-left: auto;
    margin-right: auto ;
    margin-top:5px;
    background-color:#294a70;
    color:white;
}
 
 
.imageHeader{
      height:100%;
    width:80%;
     display: block;
    margin-left: auto;
    margin-right: auto ;
}
.bannerHeader{
    margin-top:2px;
     height:100%;
    width:80%;
     display: block;
    margin-left: auto;
    margin-right: auto ;
    border-radius:5px;
     
    color:white;
    font-size:xx-large;
    margin-bottom:15px;
}
.banner{
    height:100%;
    width:100%;
     display: block;
    margin-left: auto;
    margin-right: auto 
}
.navbar-toggle{
    margin-left:10px;
}
.navbar-default .navbar-nav > li:hover{
    background-color:#5487c1;
}
.navbar-default .navbar-nav > li {
    margin-right:3px;
    border-top-right-radius:3px;
    border-top-left-radius:3px;
    border-color:#5a5a5a;
    border: 1px solid;
    border-bottom:0;
    min-width:75px;
    height:40px;
    background-color:#294a70;
    
}
.navbar-default .navbar-nav > li > a{
    padding-top:7px;
    color:white;
    
}
.navbar-default .navbar-nav > li > a:hover{
    color:white;
     
}
.navbar-default  .navbar-brand{
    color:white;
}

.navbar-default  .navbar-brand:hover{
    color:white;
}
.overlayContainer { display: none;}
.overlayBackground { top:0px; left:0px; padding-left:100px;position:absolute;z-index:1000;height:100%;width:100%;background-color:#808080;opacity:0.3;}
.overlayContent { position:absolute; border: 1px solid #000; background-color:#fff;font-weight: bold;height: 100px;width: 300px;z-index:1000;text-align:center;}     
 
.dirty
{
    background-color: lightgreen;
}

.invalid
{
    background-color: lightsalmon;
}
/* Animations */
.slide-animation.ng-enter, .slide-animation.ng-leave {
  -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;

  position:absolute;
  top:0;
  left:0;
  right:0;
  min-height:1000px;
}
#ng-view {
  position:relative;
}
.slide-animation.ng-enter {
  opacity:0;
  left:100px;
}

.slide-animation.ng-enter.ng-enter-active {
  left:0;
  opacity:1;
}

.slide-animation.ng-leave {
  left:0;
  opacity:1;
}

.slide-animation.ng-leave.ng-leave-active {
  left:-100px;
  opacity:0;
}

#searchBox{
    min-width:200px;
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}

#indexHeader{
    margin-right:10px;
  margin-bottom:2px;
  font-weight:bold;
font-size: larger;
}


.labelfield{
    font-weight:bold;
}
.smallFont{
    font-size:smaller;
    font-family:Verdana, Geneva, 'DejaVu Sans', sans-serif
}

.table-striped > tbody >tr:nth-child(odd) >td, .table-striped > tbody > tr:nth-child(odd) > th
{
    background-color:#f7f7f7;
}
.table-striped > tbody >tr:nth-child(even) >td, .table-striped > tbody > tr:nth-child(even) > th
{
    background-color:white;
} 
a[href$=".doc"]::after{
    
     content: url('doc.jpg');  
     padding-left:5px;
    height:10px;
    width:25px;

}
 
a[href$=".docx"]::after{
    
     content: url('doc.jpg');  
     padding-left:5px;
    height:10px;
    width:25px;

}
a[href$=".pdf"]::before{
     
     
     content: url('pdf.jpg');  
      
     padding-left:5px;
    height:10px;
    width:25px;
     
}

a[href$="Homestead.html"]::before{
     
     
     content: url('form.png');  
      
     padding-left:5px;
    height:10px;
    width:25px;
     
}

a[href$="Form.html"]::before{
     
     
     content: url('form.png');  
      
     padding-left:5px;
    height:10px;
    width:25px;
     
}
#formsContainer  li {
    margin-bottom:20px;
}

#imageFooter img{
    margin-bottom:2px;
} 

.outerHeaderContainer{
     /*border:solid 2px #294a70;*/
     width:90%;
    padding:0px;
     margin:auto;
    
}

.navbar-default .navbar-nav > li.menuactive{
    background-color:#5487c1;
    color:white;
}


.navbar-default .navbar-nav > li.fillerMenu{
   margin-right:0px;
   min-width:inherit;
}
 

  .photos img, img.photos {
        border: 1px solid #294a70;
        padding:2px;
    }


  .invalidLogin{
      color:red;
      font-weight:bolder;
  }

  .loginMessage{
      border:1px solid red;
      padding:15px;
      border-radius:2px;
      font-weight:bold;
  }
  .nonLoggedInMessage{
       
      
      margin-bottom:5px;
      font-weight:bold;
  }

  #outerBanner{
       
      
       
      margin-bottom:10px;
  }


  
.smallTable{
    width:50%;
}
.mediumTable {
            width: 75%;
        }

  @media print{
    .printButton {
        visibility: hidden;
    }

.smallTable{
    width:100%;
}
.mediumTable {
            width: 100%;
        }
  
}

   .freeze{
       color:red;
       font-weight:bolder;
   }


   .bannerSection{
       margin-left:auto;
       margin-right:auto;
       width:100%;
       
       background-color:red;
   }

   

   .bannerItem
   {
       margin-left:5px;
        display:inline;
       margin-right:10px;
       color:white;
       font-weight:bolder;
       font-size:larger;
       
      
        
   }

  

   /* liScroll styles */

.tickercontainer { /* the outer div with the black border */
 
background: red; 

height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;

overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 12px Verdana;
list-style-type: none;
margin: 0;
padding:0px;
color:white;
 

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
min-width:200px;
padding: 0;
background: red;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 
.iaooImage{
    margin-top:-25px;
}

.hideIt{
    opacity:0;
}

#termsSection{
    background-color:white;
    padding:5px;
}

.centeredDiv {
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
}