body{
    background: #f3f3f3 url(../images/bg_world.jpg) no-repeat;
    background-size: 100% auto;
	background-position: center bottom;
	background-attachment:fixed;
}

#dhtmltooltip{
	position: absolute;
	font-size:14px;
	color: #8a6d3b !important;
	background-color: #fcf8e3 !important;
	border: 1px solid #faebcc !important;
	border-radius: 4px;
	width: 150px;
	padding: 5px;  
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#overlay{
	width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(255,255,255,0.3);
    top: 0;
    overflow: hidden;
    z-index: -1;
}

.bg-image-full {
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.logo{
    max-width: 200px;
}

.intro h1{
    color: #000082;
    font-size: 1.7rem;
	font-weight: 700;
}
.lead {
    font-size: 1.25rem;
    font-weight: 500;
}
.intro p{
    color: #000;
}

.intro .info{
	font-weight:500;
}

.result-table{
    border: 1px solid #00aaa2;
}
.result-table thead{
    background: rgba(0, 170, 162, 0.5);
}

.result-table>thead th {
    border-top: 1px solid rgba(0, 170, 162, 0.5);
    border-bottom: 1px solid rgba(0, 170, 162, 0.5);
}

.result-table th, .result-table td {
    font-size: 0.75rem;
}

footer{
    background-color: #e9ecef;
}

.control-label{
    font-weight: 700;
    line-height: 1;
}


.w-200{
    max-width: 200px;
}

@media (min-width: 768px){
    
    .control-label{
        text-align: right;
    }
    

}