/* 
    Created on : 5/11/2014, 3:41:59 PM
    Author     : Jamie Nicholas
*/
/*
A custom Bootstrap 3.1 template
from http://bootply.com

This CSS code should follow the 'bootstrap.css'
in your HTML file.

license: MIT
author: bootply.com
*/

    .list-icon-holder {
        cursor: pointer;
    }
    
html,body {
    height:100%;
    //background:center no-repeat fixed url('/assets/example/bg_suburb.jpg');
    //background-size: cover;
}

.icon-bar {
    background-color:#fff;
}

.navbar-trans {
    background-color:#BA0F0F;
    color:#fff;
}

.navbar-trans li>a:hover,.navbar-trans li>a:focus,.navbar-trans li.active {
    //background-color:#7E2B2E;
    //background-color: #142963;
    background-color: #2a6793;
}

.navbar-trans a{
    color:#fefefe;
}

.navbar-trans .form-control:focus {
    border-color: #eee;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
}

section {
    padding-top:50px;  
    padding-bottom:50px; 
    min-height:calc(100%);
}

.v-center {
    padding-top:10%;
    font-size:70px;
}

.well {
    border-color:transparent;
}

a.list-group-item.active,[class*='-info'] {
    background-color: #BA1F27;
    color:#fff;
}

#section1 {
    background-color: #BA1F27;
    color:#333;
    background: url(../img/img1.jpeg) no-repeat top center;
    background-size: 100% 100%;
}

#section2 {
    background-color: #e5e5ef;
    color:#686868;
}

#section3 {
    background-color: #BA1F27;
    color:#ddd;
}

#section4 {
    background-color: #fff;
    color:#444;
}

#section5,#section7,#section7 a {
    color:#f5f5f5;
}

#section6 {
    background-color: #BA1F27;
    color:#ddd;
}

footer {
    background-color:#494949;
    color:#ddd;
    min-height:100px;
    padding-top:20px;
    padding-bottom:40px;
}

footer .nav>li>a {
    padding:3px;
    color:#ccc;
}

footer .nav>li>a:hover {
    background-color:transparent;
    color:#fff;
}

.snapit-red {
    color:#BA1F27;
}
.bg-snapit-red {
    background-color:#BA1F27;
}
.snapit-charcoal {
    color:#333;
}
.bg-snapit-charcoal {
    background-color:#333;
    //text-shadow: 0px 2px 2px #111;
}
section > .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.container-fluid {
    background: #333;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
.navbar {
    margin-bottom: 0px;
}
html, body {
    height: 100%;
    width:100%;
}
.map-container {
    height: 100%;
    width:100%;
}
.map {
    height: 100%;
    width:100%;
    background-color:#BA1F27;
}
.leaflet-container {
    background: #aaa;
}
.light-content {
    background-color:#eee;
}
.full-box {
    height:100%;
}
.loading-overlay {  
    position:absolute;
    z-index:1200;
    top:10%;
    left:10%;
    width:80%;
    height:80%;
    margin-left: auto; /* -1 * image width / 2 */
    margin-top: auto;  /* -1 * image height / 2 */
    background-color:grey;
    opacity: .8;
 }
 .loading {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index:1200;
    margin-left: auto; /* -1 * image width / 2 */
    margin-top: auto;  /* -1 * image height / 2 */
    display: block;    
    color: #555;
 }
 
 .row {
     margin-left: 0px;
     margin-right: 0px;
 }
 .login-section {
     
	width:100%;
	position:relative;
	
	background: url(/img/hero2.jpg) no-repeat top center;
 }
 .login-center {
     min-width: 350px;
     padding: 20px;
    background-color:#eee;
    border: 3px solid #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 25px 150px 25px rgba(0, 0, 0, 0.5);  
 }
 
 .snapit-brand {
     padding: 7px 50px 7px 50px
 }
 .snapit-logo {
     background: #333;
 }