@charset "utf-8";
/* CSS Document */

.background-red {
		background-color: #CB151C;
		color: white!important;
	}	
	
	.background-small-red {
		background-color: #CB151C;
		color: white!important; padding:5px;
	}
	
	.bm-heading {
		padding: 5px 15px;
    	width: 165px;
    	text-align: center;
    	position: relative;
    	top: 10px;
    	z-index: 1;
	}
	
	.mr-heading {
		padding: 5px 15px;
    	width: 165px;
    	text-align: center;
    	position: relative;
    	top: 10px;
    	z-index: 1;
	}
	
	.mr-box {
		width: 650px;
		gap: 20px;
		padding: 30px 15px 15px 95px;
		border: 1px solid black;
		text-align: left!important;
	}

	.left {
		flex-basis: 50%;
	}

	.right {
		flex-basis: 50%;
	}

	.go-heading {
		padding: 5px 15px;
    	width: 200px;
    	text-align: center;
    	position: relative;
    	top: 10px;
    	z-index: 1;
	}

	.go-box {
		width: 650px;
		padding: 30px 15px 15px 95px;
		border: 1px solid black;
		text-align: left!important;
	}

	.blue-box {
		background-color: #E0E2EC;
		padding: 25px;
	}

	.white-box {
		background-color: #FFF;
		border-radius: 28px;
		padding: 25px;
	}

	.bb-heading {
		padding: 5px 15px;
    	width: 200px;
    	text-align: center;
	}

	.background-blue {
		background-color: #032D57;
		color: white!important;
		padding: 5px 10px;
	}	

	.value-cont {
		display: flex;
		gap: 10px;
	}	
	
	.val-out-heading {
		padding: 5px 15px;
    	width: 200px;
    	text-align: center;
		position: relative;
		top: 10px;
    	z-index: 1;
	}

	.fin-perf {
		flex-basis: 30%;
	}
	
	.del-val {
		flex-basis: 70%;
	}
	
	.background-black {
		background-color: black;
		color: white!important;
		padding: 5px 10px;
	}
	
	.background-grey {
		background-color: #F1F1F1;
		color: black!important;
	}
	
	.num {
		color: #032D57;
		font-size: 35px;
	}
	
	.del {
		color: #737FA2;
		font-size: 18px;
	}
	
	.switch-inv-lightblue {
		color: #737FA2;
	}
	
	.switch-inv-lightgrey {
		color: #9D9D9C;
	}
	
	
	.background-white {
		background-color: white;
	}
	
	.inv-row {
		display: flex;
		flex-wrap: wrap;
		gap: 5px;
	}
	
	.tbl {
		flex-basis: 30%;
		margin-top: 25px;
	}
	
	.inv-cont {
		display: flex;
	}	
	
	.africa {
		background-color: #E7E8F0;
		margin: 0 auto;
	}
	
	.south-africa {
		background-color: #ECECEC;
		margin: 0 auto;
	}
	
	.finrightred {
		border-right: 1px solid #CE202A;
	}
	
	.img-row{
		display: flex;
		gap: 20px;
	}
	
	.tbl {
    	padding: 5px 10px;
    	font-size: clamp(1.2rem, calc(1.2 / 80 * 100vw), 1.6rem);
	}


	.boxfootnote {
		display: flex;
		gap: 20px;
		margin-top: 10px;
		padding: 10px 15px;
	}

	
.background-img-grey {
	background-color: #FAFAFA;
}


.w50 {
	width: 50%!important;
}


.background-cream {
	background-color: #F9F1E9!important;
}

.left {
	flex-basis: 35%;
}

.right {
	flex-basis: 65%;
}

.left30 {
	flex-basis: 30%;
}

.right70 {
	flex-basis: 70%;
}

.G10 {
	gap: 20px;
}

.G15 {
	gap: 20px;
}

.G20 {
	gap: 20px;
}

.G30 {
	gap: 20px;
}

.G40 {
	gap: 20px;
}

.tbl-background-blue {
	background: #E0E2EC;
	color: #2E4872!important;
	padding: 5px 10px;
}

.mr-main-box {
	position: relative;
	padding: 20px 35px;
	margin-top: 75px;
}

.mr-box-1 {
	border: 1px solid #3FA535;
	padding: 10px 15px;
	
}

.mr-head {
	width: 590px;
	border: 1px solid #3FA535;
	padding: 5px;
	background: #FFF;
}

.left70 {
	flex-basis: 70%;
}

.right30 {
	flex-basis: 30%;
	text-align: right;
}

.space-25 {
	flex-basis: 25%;
}

.drop-head {
	position: absolute;
    top: -3%;
    left: 30%;
}


.bigger strong {
    font-size: clamp(1.2rem, calc(1.2 / 80 * 100vw), 2.0rem);
    font-weight: 800;
}

.val-arr-d {
    position: relative;
    right: 0px;
    top: 0px;
    display: block;
    background: #fff;
    width: 52px;
    height: 62px;
    padding: 5px;
    padding-top: 20px;
    text-align: center;
    font-style: normal;
    font-size: 14px;
}

.val-arr-d:after {
    content: "\ef34";
    font-family: 'icomoon';
    color: #000;
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 20px;
}

.val-arr-u {
	position: relative;
    right: 0px;
    top: 0px;
    display: block;
    background: #fff;
    width: 52px;
    height: 62px;
    padding: 5px;
    padding-top: 20px;
    text-align: center;
    font-size: 14px;
}


.val-arr-u:after {
    content: "\ef30";
    font-family: 'icomoon';
    color: #000;
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 20px;
}


.board-icon {
	padding: 5px;
	background-color: #032D57;
	color: #FFF;
	font-size: 10px;
}

.chair-icon {
	border: 1px solid #000;
	padding: 4px;
	background-color: #FFF;
	color: #000;
	font-size: 10px;
}


.board-key {
	border: 1px solid #032D57;
	padding: 20px;
}

.w23 {
	width: 23%;
}

.w73 {
	width: 73%;
}

.col-2-l {
	flex-basis: 32%
}