/*
 * Start Bootstrap - Logo Nav (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
 
html {
  position: relative;
  min-height: 100%;
}
body {
    padding-top: 95px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    margin-bottom: 100px;
}
@media (min-width: 768px) {
    .navbar-right {
        float: right !important;
  margin-right: 220px !important;
    }

}
@media (max-width: 767px) {

    .navbar-fixed-top .navbar-brand {
    padding: 5px 5px !important;
}
}
.notfoundlinks
{
  font-size: 17px;
    text-align:center; 

}
/* a + a → an anchor <a> that is immediately preceded by another <a> (the adjacent-sibling combinator) inside that container
::before → the pseudo-element inserted before the content of that second (and subsequent) <a> */
.notfound-links a + a::before{
  content: "|";
  display:inline-block;
  position: relative;
  color: #666;
  top: -2px;       /* nudge just the bar */
   margin-left: .4rem;   /* space on the left of the bar */
  margin-right: .6rem;  /* space on the right of the bar */
  /* or simply: margin: 0 .6rem 0 .4rem;  top right bottom left */
}

.checkbox-radio-wrapper{
  overflow:hidden;
  margin:5px 0
}
.checkbox-radio-wrapper label{
  display:inline;
  float:left;
  margin:0 0 0 10px
}
.checkbox-radio-wrapper input[type="checkbox"],.checkbox-radio-wrapper input[type="radio"]{
  display:inline;
  float:left
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  /* height: 50px; */
  background-color: #262626;
  border-color: #262626;
}
.footertxt{
  margin-bottom: 2px;
  margin-top: 2px;
}

.navbar-fixed-top .nav {
  padding-top:2px;
  padding-bottom:3px;
}

.navbar-fixed-top .navbar-brand {
  padding: 0 15px;
}
#brand-image { 
height:45px;
width: 180px;
}
.navbar-inverse {
  border-color: #262626;
  background-color: #262626;
}

.navbar-nav li a {
color: #fff !important;
font-size:14px;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #F5E4D0 !important;
  }
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
  background-color: #686868;
}

#page-title{
  color: #C5E0B4 !important;
  font-size:16px;
  font-weight:bold;
}
#Applcns{
  font-size: 23px;
  color: #794B1D
}
#Applcns1{
  font-size: 23px;
  color: #794B1D
}
.style-a a:link {
    color: #034af3;
    text-decoration: underline;
}
.style-a a:visited {
    color: #505abc;
}
a:focus, a:hover {
    text-decoration: none;
}
.carousel-control {
    width: 7%;
}

.info-icon{
  width:15px;
  height:15px; 
  cursor:pointer;
  margin-top:2px;
    float:right;
}

.btn{
    margin-bottom:15px;
    height:35px;
    font-size: 12px;
    font-weight:bold;
     }

.btn-secondary {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    border-radius:0;
    text-align:left;
    position:absolute;
    top:5%;
    left:105%;
    font-weight:normal;
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:active:focus {
    background-color: #C38649;
    border-color: #000;
}
.btn-secondary:focus, .btn-secondary:focus {
  	color: #fff;
    background-color: transparent;
    border-color: #fff;
 }

.btn-info {
    width:193px;
    color: #fff;
    border-color: #000;
    text-align:left; 
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #63B8EE;
    background: linear-gradient(top,  #B07A44,  #7F5122);
    background: -ms-linear-gradient(top,  #B07A44,  #7F5122);
    background: -webkit-gradient(linear, left top, left bottom, from(#B07A44), to(#7F5122));
    background: -moz-linear-gradient(top,  #B07A44,  #7F5122);
	white-space:normal !important;
}

.btn-primary:focus, .btn-info:focus {
    background-color: #986633;
    border-color: #000;
 }

.btn-info:hover, .btn-info:active, .btn-info:active:focus {
    border-color: #000;
    background: #468CCF;
    background: linear-gradient(top,  #7F5122,  #B07A44);
    background: -ms-linear-gradient(top,  #7F5122,  #B07A44);
    background: -webkit-gradient(linear, left top, left bottom, from(#7F5122), to(#B07A44));
    background: -moz-linear-gradient(top,  #7F5122,  #B07A44);
}

.btn-secondary:active, .btn-secondary:active:focus,.btn-secondary:focus{
	outline:none;
}

.glyphicon-info-sign{
	color: #492D10;

}
.modal-title{
	font-weight:bold;
}
.modal-header{
	background-color: #EAEAEA;
}
.modal {
    position: fixed;
    top: 30%;
}
.close {
    font-size: 30px;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.sweet-alert button.confirm {
    border-left-color: rgb(148,98,48) !important;
    border-right-color: rgb(148,98,48) !important;
    background-color: rgb(148,98,48) !important;
}

.sweet-alert hr {
    background: none;
}

.sweet-alert h2 {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 30px;
}

#input-field {
    width: 242px;
}

.contact-form {
    border-color: #ccc8c8;
    border-style: solid;
    border-width: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 3%;
}

.form-group.required .control-label:after { 
   content:"*";
   color:red;
   margin-left:3px;
   font-size:large;
}
.contact-info {
    border-style: solid;
    border-width: 2px;
    padding: 15px;
    margin-bottom: 3%;
    background: #FFF6BF;
    color: #514721;
    border-color: #FFD324;
}
.btn-default {
    color: #333;
    background-color: #ece9e9;
    border-color: #ccc;
    margin-left: 40%;
}
.btn-default:hover, .btn-default:active, .btn-default:active:focus {
    border-color: #ccc;
    background-color: #b9b5b5;;
 }

 #alink{
  color: #6FB4D1;
}

@media(min-width:768px) {
    body {
        padding-top: 89px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
        margin-bottom: 60px;
    }
    .navbar-fixed-top .navbar-brand {
      padding: 0px 0;
  }
  .navbar-nav li a {
    color: #fff !important;
    font-size:15px;
    padding-top: 0px; 
    padding-bottom: 10px; 
  }
  #brand-image {    
    height:80px;  
    width: 250px;
    padding-top:15px;
    padding-bottom: 13px
  }
    .info-icon{
      width:23px;
      height:23px; 
      cursor:pointer;
      float:right;
      margin-top:2px;
    }
  	.btn{
      margin-bottom:20px;
      height:35px;
      font-size: 17px;
    }

    .btn-info{ 
     width:268px;
     height:55px;
      padding-top:14px;
    }

    .carousel-inner img{
      width: 100%; /* Set width to 100% */     
      height:auto;
    }
  
    #page-title{
      color: #C5E0B4 !important;
      font-size:24px;
      font-weight:normal;
    }
   
    .contact-info {
      width:33%;
      margin-left:10%;
      margin-top: 0%;
      margin-bottom: 0%;
    }
    #qrrisk, #qrbmp{
      padding-left:70px;
    }
    #qrtrail{
      padding-left:40%;
    }
    .download{
      text-align:center;
      padding-left:25px;
    }
   
 }

 @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait){
  #qrrisk, #qrbmp{
      padding-left:0px;
    }
    #qrtrail{
      padding-left:0px;
    }
   
    .download{
      text-align:left;
      padding-left:0px;
    }
    .col-md-4{
      float:left !important;
    }
}