/* Allow elements to be absolutely positioned within this container */
.decap-body-wrapper {
    position: relative;
}

/* Pin the table header wrapper to the top of the viewport */
.decap-head-wrapper {
    position: fixed;
    top: 0px;
    /* left: 0;   // should be supplied by designer (equal to body margin) */
    /* right: 0;  // should be supplied by designer (equal to body margin) */
}

/* Hide the cloned table header until it hits the top of the viewport */
/* Can't use `display: none` because we need the element to occupy its full height */
.decap-head-wrapper.affix-top .decap-head {
    visibility: hidden;
	
}

/* Position the cloned table header relative to the last row of the table */
.decap-head-wrapper.affix-bottom {
    position: absolute;
    top: inherit;
    left: 0;
    right: 0;
    /* bottom: 0;  // should be supplied by designer (equal to height of last table row) */
}


body {
    
}

.jumbotron {
    margin: 60px 0;
    text-align: center;
}

.lead code {
    font-size: inherit;
}

thead {
    background-color: #f7f7f7;
}
thead .text-center {
    text-align: center;
}

img {
    display: block;
    margin: auto;
    max-width: 100%;
}
.pt-h{
    height:140px;
}

/**
 * The styles below give you an idea how to apply jquery.decapitate to your site.
 */

/* Apply a little shadow to make the table header pop out of the page */
.decap-head-wrapper .decap-head {
}

/**
 * .affix is applied when the table header is fixed to the top of the viewport.
 *
 * Define table header margin and width. This is tricky.
 */

/* First, emulate body margin by pinning the container in from the edges a bit */
.decap-head-wrapper.affix {

    width: 1140px;
}
@media (max-width: 1200px) {
.decap-head-wrapper.affix {

    width: 910px;
}
}
@media (max-width: 990px) {
.decap-head-wrapper.affix {

    width: auto;
	left:30px;
	right:30px;
  }
.pt-h{
    height:160px;
}

.table{
font-size:8px;
}

}


@media (max-width: 840px) {
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
     padding: 0px;
	}

	
	
}
/* This table is 100% wide, so we just let it fill the container; thus, no styles needed */
#element-table-wrapper .decap-head-wrapper.affix .decap-head {}

/* This table is NOT 100% wide; rather, it occupies part of a fluid grid. Use percentages to lay it out */
#state-table-wrapper .decap-head-wrapper.affix .decap-head {
    margin-left: 8.547008547008547%;
    width: 23.076923076923077%;
}

/* Ditto */
#tld-table-wrapper .decap-head-wrapper.affix .decap-head {
    margin-left: 42.73504273504274%;
    width: 48.717948717948715%;
}

@media (max-width: 767px) {
    #state-table-wrapper .decap-head-wrapper.affix .decap-head,
    #tld-table-wrapper .decap-head-wrapper.affix .decap-head {
        margin: inherit;
        width: 100%;
    }
}

/**
 * .affix-bottom is applied when the table header is scrolling out of the viewport along with the last table row.
 *
 * Define table header position relative to bottom of the table (should equal table row height).
 */
#element-table-wrapper .decap-head-wrapper.affix-bottom {
    bottom: 38px;
}

#state-table-wrapper .decap-head-wrapper.affix-bottom {
    bottom: 38px;
}

#tld-table-wrapper .decap-head-wrapper.affix-bottom {
    bottom: 29px;
}

/**
 * Make jquery-decapitate play nicely with Boostrap .table-bordered tables.
 */
.table-bordered.decap-head {
    margin: 0;
    border-top: none;

    -webkit-border-radius: 0;
            border-radius: 0;
       -moz-border-radius: 0;
}

.table-bordered.decap-head thead:first-child tr:first-child > th {
    border-top: none;

    -webkit-border-radius: 0;
            border-radius: 0;
       -moz-border-radius: 0;
}

.table-bordered.decap-head thead:last-child tr:last-child > th {
    -webkit-border-radius: 0;
            border-radius: 0;
       -moz-border-radius: 0;
}