/* layout */

body {
  color: #666;
background: #f3f3f3; /* fallback for old browsers */

       
}
pre { margin: 0; padding: 10px 20px !important;}

html, body {
height: 100%;
}

hr{
border-top: 1px solid #bebebe;
}

h4{
margin:30px 0px 5px 0px;
}

h5{
font-size: 1.1em;
font-weight: bold;
}


/*Chevron turn, used on transaction apps /online-services/transactions/getaddress.asp*/
.panel-heading .accordion-toggle > .panel-title:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed > .panel-title:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}



/*tables*/
.usdf_table{
font-size:85%;
}

	.usdf_table > tbody > tr.altrow, usdf_table > tr.altrow{
	background-color: #eee;
	}

.usdf_table>tbody>tr>th, .usdf_table>tbody>tr>td{
padding: 4px;
}

.usdf_table  th{
background-color: #ccc;
}

.table-responsive{
border:0px;
}


/*sidebar menus */
#side-menu{
font-size: .95em;
}

.sublinks > li{
padding-left: 20px;
}

.sublinks > .sublinks > li {
padding-left: 30px;
}

#side-menu > li,active{
	padding-right:25px;
}

#side-menu > li > a{
margin-right:20px;
}

.list-group-item{
background: #fafafa;
/*
border: 0px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
*/
}

.list-group-item:first-child{
	border-top-right-radius: 0px;
    border-top-left-radius: 0px; 
}

.list-group-item:last-child{
	border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px; 
}

#sm.sublinks.collapse.in > .list-group-item:last-child{
border-bottom:0px;
}

#side-menu.list-group.panel{
	border-bottom: 1px solid #ddd;
}



.usdf-navicon{
position:absolute;
    right: 10px;
    top: 12px;
}

.caption{
font-size:.8em;
padding:2px !important;
}

.caption > p {
margin: 0;
}

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
width:100%;
max-width:1320px;
background: #fff url('https://www.usdf.org/includes/images/website/home2.jpg') no-repeat center top; 
background-size: 100% auto;
box-shadow: 0px 0px 15px #606060;

 &:before {
    content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-image: linear-gradient(to top left,#002f4b,#dc4225);
		opacity: .6; 
  }
  
}
.footer, .push {
height: 4em;
}

footer {
  background-color: #efefef;
  color: #222;
  padding:0 10px;
  width: 100%;
    max-width: 1320px;
    margin: 40px auto;
	
}

.container, .jumbotron .container { width: auto; max-width: 1340px; }

.jumbotron {
  margin: 60px 0;
  padding-left: 0;
  padding-right: 0;
}
  .jumbotron.intro {
    margin-top: 0;
  }

  .jumbotron .navbar {
    font-size: 14px;
    line-height: 1.6;
  }

/* menu styes */
.list-unstyled,
.list-unstyled ul { min-width: 120px }



@media ( min-width: 767px ) {
  .panel-group { width: 400px; }
  .thumbnail { margin: 0; }
}

/* Grid demo styles */
.grid-demo {
  padding: 0px 30px;
}

  .grid-demo [class*="col-"] {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1em;
    text-align: left;
    line-height: 1;
    background-color: white;
    border: 0px solid #d1d1d1;
  }
  
  .grid-demo li {
  margin-bottom: 8px;
  }
  
  .topnav {
	margin-top:1.2em;
  }
  
  .topnav a{
  font-weight:bold;
  color: #666;
  }
  
  .topnav a:focus,.topnav a:hover{color:#23527c;text-decoration:underline}.topnav a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
   
   .subnav>li>a{
	 padding: 15px 10px 15px 10px;
	 }
	 
  @media (min-width:690px)and (max-width:940px){
	  .subnav>li>a{
     font-size:12px;
	 padding: 15px 7px 15px 7px;
   }
  }

  
  
  article {
  line-height: 1.2em;
  border: 1px solid #eee;
  margin: 2px 5px 10px 0px;
  padding: 10px;
  background-color: gainsboro;
      border-radius: 4px;

  }
  
  #homelinks .btn {
    margin:2px;
	min-height: 40px;
  }
  


	 /* CUSTOMIZE THE CAROUSEL
    -------------------------------------------------- */

    /* Carousel base class */
    .carousel {
       width: 100%;
	   margin: 0px !important;
	   padding: 0px 15px;
    }


    .carousel-control {
      height: 80px;
      margin-top: 60px;
      font-size: 120px;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
      background-color: transparent;
      border: 0;
      z-index: 10;
    }

    .carousel .item {
	  background: #222;
    }
	
	.carousel .item > a > img{
	  margin: 0 auto;
    }
	
    .carousel .item .container img {
      top: 0;
      left: 0;
	  width:100%;
    }





 

    /* RESPONSIVE CSS
    -------------------------------------------------- */

    @media (max-width: 979px) {




      .carousel img {
        width: auto;
      }

    }


    @media (max-width: 767px) {


      .carousel {
        margin-left: -20px;
        margin-right: -20px;
      }
      .carousel .container {

      }

      .carousel img {
		max-width: 100%;

      }

     

		.carousel-control {
		  position: absolute;
		  margin-top: -10px;
		  font-size: 50px;
		  text-shadow: 0 1px 1px rgba(0,0,0,.4);
		  background-color: transparent;
		  border: 0;
		  z-index: 10;
		}
    }
	
	@media print{
	body{
		margin-top:0px;
		}
	}

	h2{
margin-top:0px;
background:white;
padding:20px 0px 20px 0px;
border-radius: 4px;
}

	.navbar-inverse, .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a{
	color: #D9D9D9
	}
	
	
	@media (max-width: 600px){
    #homelinks h4 { font-size: 12px}
	
	#maincontainer {padding: 0px 5px}
	
	  #homelinks .btn {
     width: 100%;
    word-break: break-word;
    overflow: hidden;
    white-space: normal;
	 }
	 
	}
	
	@media (min-width: 600px){
	#homelinks .btn {
     width: 100%;
    word-break: break-word;
    overflow: hidden;
    white-space: normal;
	 }
	 
	 h2{
	 padding-left:20px;
	 }
	}
	
	@media ( min-width: 991px ) {
  #maincontainer {margin-bottom: 8em}
  
}



.list-group .active > a {
color: white;
}

#subnav-container{
margin-top:48px; 
padding-top:40%;
}

@media (min-width: 768px)  { 
  
  #subnav-container{
margin-top:48px; 
padding-top:15%;
}

 

}