body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
flex: 1 0 auto;
}

/* Page Header */
nav {
    color: #fff;
    background-color: #024 !important;
    width: 100%;
    height: auto !important;
    line-height: initial !important;
}
.brand-logo {
    position: static !important;
    margin: 15px 0;
}
.brand-logo img {
    max-height: 70px;
}
@media (max-width:992px) {
    .brand-logo {
        transform: translateX(0) !important;
        -webkit-transform: translateX(0) !important;
        -moz-transform: translateX(0) !important;
    }
}
@media (max-width:600px) {
    .brand-logo {
        display: block !important;
        margin:0;
        padding:15px 0 !important;
    }
    .brand-logo img {
        margin:0 auto;
        display: block;
        max-height: initial !important;
        max-width: 100%;
    }
}
/* END: Page Header */

/* Page Footer */
.page-footer {
    padding-top:0 !important;
}
.page-footer .row {
    margin-bottom:0;
}
.page-footer p, .page-footer a, .page-footer li {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}
.page-footer--top {
    background:#525a5c;
    padding:15px;
}
.page-footer--top p {
    color:#cccccc;
}
.page-footer--top .col:nth-of-type(2) {
    text-align:right;
}
.page-footer--bottom {
    background: #000000;
}
.page-footer--bottom ul {
    list-style: none;
    text-align: left;
}
.page-footer--bottom li {
    display: inline-block;
    padding: 0 10px;
    border-right: 1px solid #ffffff;
    line-height: 1;
}
.page-footer--bottom li:last-child {
    border-right: none;
}
.page-footer--bottom a {
    color: #ffffff;
}
.footer-copyright{
	background:#252424 !important;
}
@media (max-width:992px) {
    .footer-logo img {
        display:block;
        margin:0;
        max-width: 100%;
    }
}
@media (max-width:600px) {
    .footer-logo img {
        margin:0 auto;
    }
    .page-footer--top .col:nth-of-type(2) {
        text-align:center;
    }
    .page-footer--bottom ul {
        text-align: center;
    }
}
/* END: Page Footer */

body{
	background-color: #fff;
}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}h1,h2,h3,h4,h5,h6{margin:10px 0;font-family:inherit;font-weight:bold;line-height:20px;color:inherit;text-rendering:optimizelegibility}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;line-height:1;color:#999}h1,h2,h3{line-height:40px}h1{font-size:38.5px}h2{font-size:31.5px}h3{font-size:24.5px}h4{font-size:17.5px}h5{font-size:14px}h6{font-size:11.9px}h1 small{font-size:24.5px}h2 small{font-size:17.5px}h3 small{font-size:14px}h4 small{font-size:14px}.page-header{padding-bottom:9px;margin:20px 0 30px;border-bottom:1px solid #eee;}

.tables{ width: 60%; margin: 0 auto;}
@media only screen and (max-width:769px){
	.tables{ width: 100%;margin: 0 auto;}
}

.fa-file-excel-o:before {
    content: "\f1c3";
	font-size: 18px;
	vertical-align: top;
}

.fa-file-text-o:before {
        content: "\f0f6";
	font-size: 18px;
	vertical-align: top;
}


.icon-name {
	width: auto;
    text-align: left;
    display: inline-block;
    padding-left: 10px;
    font-size: 14px;
}