body { 
font-family: Arial, sans-serif;
margin-top: 20px;
margin-bottom: 20px; 
width:99%;
}
table { 
border-collapse: collapse; width: 100%; 
}
th, td { 
padding: 8px 12px; border: 1px solid #ccc; text-align: left;
}
th {
    cursor: pointer;
    background: #f4f4f4;
    border-top: #f4f4f4;
}
th:first-child {
    border-radius: 8px 0 0 0;
	border-left: #f4f4f4;
}
th:last-child {
    border-radius: 0 8px 0 0;
	border-right: #f4f4f4;
}
.icon { 
width: 20px; vertical-align: middle; margin-right: 8px; 
}
a.folder-link { 
font-weight: bold; text-decoration: none; color: #0077cc; 
}
a.folder-link:hover { 
text-decoration: underline; 
}
tr:nth-child(even) {
    background-color: #f8f8f8;
}
#breadcrumb {
	margin-bottom: 1em;
	margin-top: 1em;
	margin-left: 2em;
}
.buttons {
    background-color: #fafafa;
    min-height: 2em;
}
.downloadIMG {
	padding-right: 10px;
    display: inline-block;
}
.footer {
    min-height: 50px;
	background: #336534;
	background: linear-gradient(90deg, rgba(51, 101, 52, 1) 0%, rgba(0, 161, 154, 1) 100%);
    vertical-align: middle;
	text-align: center;
	display: block;
}
.copyright {
    color: white;
    vertical-align: middle;
    display: inline-block;
}
.header {
	background: #336534;
	background: linear-gradient(90deg, rgba(51, 101, 52, 1) 0%, rgba(0, 161, 154, 1) 100%);
	height: 100px;
	display: block;
	width:100%;
	vertical-align: middle;
}
.white {
    color: white;
    vertical-align: middle;
    display: inline-block;
}
.third {
    display: inline-block;
    max-width: 32%;
    padding-top: 15px;
    padding-bottom: 15px;
	min-width: 32%;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.mobile {
	min-width: 20% !important;
}
.bdcLogo, .rbcLogo, .first, .last {
	display: none !important;
}
.third {
	max-width: 99% !important;
	min-width: 99% !important;
}

}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
.mobile {
	min-width: 25% !important;
}}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.mobile {
	min-width: 25% !important;
}} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.mobile {
	min-width: 32% !important;
}} 

.first {
	text-align:left;
	padding-left: 15px;
}
.last {
	text-align:right;
	padding-right:15px;
}
.middle {
	text-align: center;
}
.bdcLogo {
	display:inline-block;
	vertical-align: middle;
}
.rbcLogo {
	width: auto;
	height: 50px;
	display:inline-block;
	vertical-align: middle;
}
.breadTxt {
	
}
#breadcrumb {
	
}

td:last-child > a {
    background-image: url(../icons/download-16.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 2em;
}
em {
    text-decoration: none !important;
    font-style: normal;
    font-weight: bolder;
    vertical-align: middle;
    font-size: 1.1em;
}
button {
    font-size: 1.1em;
    max-width: 100px;
    min-width: 100px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}