body {
	margin: 0;
	padding: 0;
    background-color: #cdd9e1;
}

.main {
	width: 100%;
    height: 100%;
}

#title1 {
}
#title2 {
    display: none;
}

#world-map {
	border: 10px solid #cdd9e1;
	width: calc(100% - 342px); 
	height: auto; 
	float: left;
}

/* ---------- FULL WIDTH ---------- */

#legend {
	font-family: 'Siemens Sans Roman';
    width: 300px;
    height: auto;
    float: left;
    background: #cdd9e1;
    padding-left: 22px;
}

#legend .country {
	float: left;
    width: 270px;
    line-height: 38px;
    background-color: #f1f1f3;
    border-radius: 19px;
    margin-top: 6px;
}

#legend .country .lft {
	float: left;
	padding-left: 25px;
	font-size: 18px;
}
#legend .country .rgt {
    float: right;
    font-size: 15px;
    background: #879baa;
    color: #fff;
    width: 38px;
    height: 38px;
    border-radius: 19px;
    margin-top: 0;
    margin-right: 0;
    font-family: 'Siemens Sans Bold';
    line-height: 38px;
    text-align: center;
    letter-spacing: -1px;
}

/* ---------- HALF WIDTH ---------- */

#legend .country.small {
	width: 130px !important;
	margin-right: 10px;
    cursor: pointer;
}



#btnReset {
	margin-top: 20px;
    clear: both;
    float: left;
    border: 1px solid #faa50a;
    width: 120px;
    cursor: pointer;
    background-color: #faa50a;
    font-family: "Siemens Sans Bold";
    font-size: 1rem;
    line-height: 38px;
    color: #fff;
    height: 38px;
    margin-left: 900px;
}
#btnReset:hover {
    border: 1px solid #eb780a;
    background-color: #eb780a;
}


#btnReset:before {
    font-family: 'siemens-webicons-webfont' !important;
	content: "\E91B";
	margin-right: 10px;
	margin-left: 20px;
}


#usrComplete {
	float: right;
    width: 270px;
    line-height: 40px;
    background-color: #f1f1f3;
    border-radius: 20px;
    margin-top: 20px;
    margin-right: 30px;
}

#usrComplete .usrCompleteLft {
    font-family: "Siemens Sans Bold";
	float: left;
	padding-left: 25px;
	font-size: 18px;
}
#usrComplete .usrCompleteRgt {
    float: right;
    font-size: 15px;
    background: #879baa;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    margin-top: 0;
    margin-right: 0;
    font-family: 'Siemens Sans Bold';
    line-height: 40px;
    text-align: center;
    letter-spacing: -1px;
}