@import url("lisa.css");
@import url("aletta.css");
@import url("moses.css");
@import url("nceba.css");
@import url("ntsebeng.css");
@import url("michelle.css");
@import url("phuti.css");
@import url("ezra.css");
@import url("mosibudi.css");
@import url("kgethego.css");
@import url("vellie.css");
@import url("humphrey.css");
@import url("reginal.css");



.intro{font-family:'Telkom123 Light','Calibri', Arial, Helvetica, sans-serif; color:#0083C2; font-size: 24px; margin:0; font-weight: 600; line-height: 1.3; margin-bottom: 20px;}
.intro-med{font-family:'Telkom123 Bold','Calibri', Arial, Helvetica, sans-serif; color:#0083C2; font-size: 20px; margin:0; font-weight: 500; line-height: 1.4; margin-bottom: 20px;}
.intro-sml{font-family:'Telkom123 Light','Calibri', Arial, Helvetica, sans-serif; color:#0083C2; font-size: 18px; margin:0; font-weight: 500; line-height: 1.4; margin-bottom: 20px;}
.intro-med-light-grey { font-family: 'Telkom123 Light','Calibri', Arial, Helvetica, sans-serif; color: #58585A; font-size: 20px;  margin: 0; font-weight: 600; line-height: 1.4; margin-bottom: 20px;}



.list ul{margin:0!important; padding:0!important; margin-top:4px!important}
					.list ul.arrow-list li{list-style-type: none!important}
					.list ul.arrow-list li:before{border-bottom:none!important; content:"\e93c"!important; font-family: 'icomoon'!important; top: 7px!important; font-size: 12px!important; font-weight:bold!important; color:#818285!important}

.border-box{border: 1px solid #000;}
			.col-tbl-img-block{position: relative; }
			.col-tbl-img{position: absolute; max-width:97%; left:50%; transform: translate(-50%, -47%);}
			.color-table{padding-left:10px; margin-bottom:30px}
			.color-table .row.no-gutters div div{padding:10px 20px}
			.color-table .row .col-lg-6 div{border-bottom:1px solid #004F9E; height:100%}
			.color-table .row:nth-child(2) .col-lg-6 div{border-bottom:1px solid #0083C3}
			.color-table .row .col-lg-6:nth-child(odd) div{border-right:1px solid #0083C3}
			.col-tbl-hd{flex: 1;}
			
			@media screen and (max-width:991px){
				
				.color-table .row .col-lg-6:nth-child(even) div{border-right:1px solid #0083C3}
				
			}


.left-page-icons{position: relative; width: 0px; height: 30px;  margin: 1px; left: -40px;  bottom: 0; float: left}

ul.list{padding:0;margin:0;list-style-type:none; margin-bottom:20px}
ul.list li{padding-left:20px;position:relative; font-size:16px; padding-bottom: 4px;}
ul.list li:before{left:0;position:absolute;content:''; top: 13px;width:8px;border-bottom:3px solid #939598}

ul.list-number-notes {list-style-type: decimal; margin:0px; padding:0px;}
ul.list-number-notes li {margin-left:18px; font-size:16px; line-height:1.8;}

ul.list-blue{padding:0;margin:0;list-style-type:none; margin-bottom:20px}
ul.list-blue li{padding-left:20px;position:relative; font-size:16px; padding-bottom: 4px;}
ul.list-blue li:before{left:0;position:absolute;content:''; top: 13px;width:8px;border-bottom:3px solid #0083C2}


ul.list-white{padding:0;margin:0;list-style-type:none; margin-bottom:20px}
ul.list-white li{padding-left:20px;position:relative; font-size:16px; padding-bottom: 4px;}
ul.list-white li:before{left:0;position:absolute;content:''; top: 13px;width:8px;border-bottom:3px solid #fff}

.text-left{	text-align: left;}

ul.dash-list{list-style-type: none; margin: 0; padding: 0;	 }
ul.dash-list li{position: relative; line-height: 1.4; padding-left: 20px;}
ul.dash-list li:before{content: ''; position: absolute;  width: 8px;  height: 1px;  border-bottom: 2px solid #0083C2;  left: 4px;   top: 10px;}

.txt-heading-med { font-size: 20px;  color: #58595A;}

.color-block{height:200px; width:100%; position: relative}
	.color-block span{width: 100%; position: absolute; top: 50%; text-align: center; transform: translateY(-50%); display: block; }

	.switch-bg-l-blue{background: #00B6F0!important}
	.switch-bg-l-blue-1{background: #44C7EE!important}
	.switch-bg-d-blue{background: #004F9E!important}
	.switch-bg-p-blue{background: #E1F4FD!important}
	.switch-bg-aq-blue{background: #95D3F3!important}
	.switch-bg-p-blue-1{background: #C7DADF!important}
	.switch-bg-navy{background: #0E2C6D!important}
	.switch-bg-l-grey{background: #E9EBEB!important}
	.switch-bg-d-grey{background: #485966!important}
	.switch-bg-d-grey-1{background: #9FAAB2!important}
	.switch-bg-grey{background: #9FAAB2!important}
	.switch-bg-grey{background: #D9DFDE!important}
	.switch-bg-blue{background: #0083C3!important}
	.switch-bg-blue-1{background: #005B94!important}
	.switch-bg-aq-grey{background: #A8C5CD!important}
	.switch-bg-aq{background: #28C0DA!important}
	.switch-bg-green{background: #22B24C!important}
	.switch-bg-yellow{background: #FDBA29!important}
	.switch-bg-red{background: #E41E2C!important}
	.switch-bg-orange{background: #F36F21!important}
	.switch-bg-white{background: #FFF!important}
	.switch-bg-graph-grey{ background:#E2E6E6!important}
	
	.switch-d-grey-1{color: #9FAAB2!important}
	.switch-l-blue-2{color: #0083C2!important}
	.switch-l-blue{color: #00B6F0!important}
	.switch-l-blue-1{color: #44C7EE!important}
	.switch-d-blue{color: #004F9E!important}
	.switch-navy{color: #0E2C6D!important}
	.switch-l-grey{color: #E9EBEB!important}
	.switch-d-grey{color: #485966!important}
	.switch-d-grey-1{color: #9FAAB2!important}
	.switch-grey{color: #939597!important}
	.switch-aq-blue{color: #95D3F3!important}
	.switch-blue{color: #0083C3!important}
	.switch-aq-grey{color: #A8C5CD!important}
	.switch-aq{color: #28C0DA!important}
	.switch-green{color: #22B24C!important}
	.switch-yellow{color: #FDBA29!important}
	.switch-red{color: #E41E2C!important}
	.switch-orange{color: #F36F21!important}
	.switch-white{color: #FFF!important}
	
.scrollable{position: relative;clear: both;}	

	.download-section-Telkom > img{float:left;margin-left: 25px;margin-top: 20px; cursor: pointer;}
		.button-download{color:#0083c3;font-size: 16px;text-align:center;position:relative;display:inline-block;margin: 20px;font-weight: 500;margin-top: 54px;    transition: all 0.3s ease-out;cursor: pointer;margin-right: -8px;}
		.button-download img{margin:0 auto;display: block;}
		
		.button-download strong{display:block;margin: 22px 0;}
.download-section-Telkom:hover .button-download img {  cursor: pointer;  animation: bounce 3s ease-in-out;}
.download-section-Telkom:hover .button-download {color:#004f9e;    transition: all 0.3s ease-out;}
.download-section-Telkom:hover .button-download span{font-weight:bold}
	
@media screen and (max-width:991px){
.color-table .row .col-lg-6:nth-child(even) div{border-right:1px solid #0083C3}

}
	
@media screen and (max-width: 1030px) {	
.left-page-icons {float: none;left:0}
.scrollable { overflow: auto; }
.scrollable:before {content: '';position: absolute;bottom: 10px;right: 10px;height: 50px;width: 50px;background-size: contain;z-index: 2;}
.scrollable.scrolledR:before { display: none; }

}