/*=TYPOGRAPHY
-------------*/
body{font-family: 'Roboto', sans-serif;color:#202B65; font-size: 1em; color:#4d4d4d; line-height:1.6!important;}
#wrap {position: relative;max-width:1175px;margin:0 auto;}
.txtR{text-align:right}
.uppercase{text-transform:uppercase;}
h2,h3{margin-top:0px;margin-bottom:3px}
.switch-turquoise{color: #589AB2 !important;}
.switchblueadmin{color:#5193B2!important; font-family: 'Roboto', sans-serif;}
.switchdarkblue{color:#1D4960!important;}
.switchgrey{color:#4C4D4E!important;}
.switchblack{color:#000000;}
.switchbrown{color: #fff!important;}
.switchgold{color: #A78563 !important;}
.switch-White{color: #ffffff !important;}
.switchwhiteheader{color: #fff!important; font-weight:300 !important; font-size: .75em !important;}

h1 {font-size: 35px;color: #093255; font-weight: 300; margin-bottom: 20px;line-height: 1.4;margin-top: 25px;}
h1 span{display: block; font-size: 16px; font-weight: 400;}

h4 {font-size: 17px;color: #0A3254;line-height: 1.4;font-weight: 500;margin-top: .75em;margin-bottom: 0em;font-family: 'Roboto', sans-serif;}
h5 {font-size: 1em; color: #4C4D4F; line-height: 1.4; font-weight: 600; padding-bottom: .0em;margin-bottom: 0;}
h6 {color: #4D4D4F; font-size: 15px; font-weight: 500; margin-bottom: 0px}

/*h6 {font-size: 16px; color: #D66C45;font-weight: 500; margin-bottom: 0px}*/
/*h6:before{border-bottom:3px solid #5193B2;position:absolute;content:'';width:59px;padding-top:27px;}*/
h6 small{color:#000000;font-size:12px}
h2{font-size:16px;color: #090400;line-height:1.6;}
h3{font-size:30px;color:#202B65;font-weight:400;line-height:1.4; text-transform:uppercase; display:block;position:relative; padding-bottom:3px; }

/*h3 span {color:#A78462 !important; font-size:18px !important; font-weight:400;} */

/*h4 {font-weight: 800;color: #0A3254;font-size: 18px; margin-bottom: 0px;}*/

/*h5{color: #4C4D4E;font-size: 26px;margin: 0;font-weight: 600;}*/
.bluelineheading {border-bottom:3px solid #99C6BF;position:absolute;content:'';width:59px;}

sup {vertical-align: super; font-size: 60%;}
sub {vertical-align:sub;font-size:65%}
b, strong {font-weight:bold;}
i, em {font-style:italic;}
.scrollable {position: relative;clear: both;}

.block-hm-white p{padding:10px; background-color:#EDEBE7; width:93%;margin:10px 0 0 20px;font-size:16px;}
.block-white-sal p{padding:10px; background-color:#EDEBE7; width:93%;margin:10px 0 10px 20px!important;font-size:18px!important;}
.block-white-sal p span{font-size:25px;}
.block-white-sal {background:#fff;}
.block-white-sal ul.list { margin-left: 2em;  margin-top: .5em; font-size:1.3em;}
.marg-left-15{margin-left: 17px;}
marquee {display: inline-block; width: -webkit-fill-available;}

.commentary-heading {color:#F36E60;line-height:1.4; font-size:1.1em !important;}
.text-decoration {text-decoration:none!important;}
.footer-txt {font-size:23px;color:#829EBC;font-weight:600;line-height:1.4; text-transform:uppercase;}

.download-header {font-size:20px!important; font-weight:500; margin-left:15px; margin-top:20px;}
.download-header span {font-weight:normal;}

.highlights-block{ background: #DBEFF0;  padding: 20px; height: 100%; margin-right: 20px}	
.highlights-block p{ font-size: 20px; color: #093255; text-align: center; line-height: 1.4}
.highlights-block p span{ font-size: 50px; color: #78C8CB; line-height: 1.2; display: block; font-weight: 700}
	.highlights-height{height: 20px}
	
/*=LINKS
--------*/
a {outline:none}
a:link {color:#202B65;}
a:visited {color:#202B65;}
a:hover {color:#DA272E;text-decoration:none;}

/*EXCEL DOWNLOAD BUTTONS*/
.hoverMe-excel {background: #0B3254;height: 40px;width: 40px;border: 0;color: #fff;text-align: center;padding:7px; overflow: hidden; position: relative; cursor: pointer; font-size:20px;}
.hoverMe-excel:after {background: #fff; height: 40px; width: 100%; border: 0; color: #0B3254; text-align: center; content: '\ef2c'; display: block; position: absolute; top: -110%;
  left: 0px; line-height: 40px; transition: all 0.5s ease-in-out;}
.hoverMe-excel:hover:after {position: absolute; top: 0px; }
	.download-excel{float:right; margin-left:5px;}

/*=DOWNnLOAD STYLES
--------------------*/

.down-title{font-size:15px;color:#093255;text-align:center; }
.down-title a{text-decoration:none;color;#093255;position: relative;
    right: 1px;}
.downloads-text{text-decoration:none; color:#78C8CB;line-height:1.4;font-size: 16px;margin-left: 7px;}
.downloads-text:before{content: '\e93c';
    font-family: 'icomoon';
    speak: none;
    color: #DA272E;
    font-weight: bold;
    bottom: -2px;
    position: relative;
   left: -7px;
       padding-right: 1px;}
.downloads-text a{text-decoration:none;color:#78C8CB;}
.downloads-text a:hover{color:#DA272E;}
.cover-align{text-align:center;}


.change-case{text-transform:none !important;}
.downloads-second-sec{margin-left: 36px;}

/*=TOOLBAR
----------*/
/*#toolbar {position:absolute; top:0px; right:-50px;; width: 32px;}
#toolbar ul {margin-bottom:0; list-style: none; padding: 0;}
#toolbar ul > li {/*margin-bottom:10px;*/border-radius: 0px 10px 0px 0px;}
/*#toolbar a {display:block;padding:.25em;text-align:center;vertical-align:middle;font-size:1.5em}
#toolbar li a{color:  #222B65;text-decoration:none;background: #DBEAF3;width: 50px; height: 40px;padding:10px;}
#toolbar li a:hover {color:#fff;}*/

/*.move {position:absolute;left:-9999px;}*/

/*=TOOLBAR two
----------*/

/*.tool-wrapper {width: 100%;	position: fixed; right: 0px; top: 188px;z-index: 1;background-color:red;}*/
.tool-wrapper{background-color: #99FF66;}
.tool-container { height:50px;max-width: 120px;float: right;display: flex;background: #fff;border:2px solid #CACFD7;border-left:8px solid #DA272E;border-width: 2px 0px 2px 8px;transition: all 0.5s ease;     position: relative;top: 95px;    right: 29px; z-index:10}
.tool-container .icon-items{  width: 60px;  position: relative;  cursor: pointer;  transition: all 0.5s ease; }

.search-box .input {position:relative;overflow:hidden;  width: 0px;  height: 100%;  border: 0px;  outline: none;  transition: all 0.5s ease;}

.tool-container .icon-items-1:hover {  border-top-left-radius: 5px;  border-bottom-left-radius: 5px;}

.tool-container .icon-1:hover {  border-top-right-radius: 5px;  border-bottom-right-radius: 5px;}

.tool-container .icon-items img{  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  font-size: 20px;  color: #848484;}

.input.active ul{margin:0; padding:0}
.search-box .input.active {  width: 170px;  padding: 0;}

.tool-container.active {  max-width: 442px;}
	
.input ul li:first-child{border-left:1px solid black}
.input ul li:last-child{border-right:1px solid black}
.input ul {list-style-type: none}
.input ul li{display: inline-block; float: left; vertical-align: middle; width: 22%;}
.input ul li a{display: block; padding: 13px 0; font-size: 20px; text-decoration: none}
.input ul li a img{transition: 0.3s ease}
.input ul li a:hover img{transform:scale(0.5)}

.input ul li {
    display: inline-block;
    float: left;
    vertical-align: middle;
    width: 25%;
    height: 100%;
    text-align: center;}

.icon-1 img{transition: 0.3s ease}
.active .icon-1 img{transform:rotateZ(180deg); top: 15px}
.tool-container .icon-1:hover img{transform:rotateZ(180deg); top: 15px}
.tool-container .icon-1 img{transition: 0.3s ease}

.finthingrey1 {border-bottom:1px solid #BDC4C9;}
.finthingreythick {border-bottom:2px solid #BDC4C9;}


	ul.list ul   {margin-left: -32px; margin-bottom: 0;}
	ul.list ul  li:after {
    content: '';
    position: absolute;
    top: 7px;
    left: -18px;
    height: 1px;
    font-size: 1em;
    width: 8px;
    background: #69757C;
    border-radius: 50%;
}

ul.list-diamond{ margin-left: -15px; margin-bottom: 0; list-style:none;}
ul.list-diamond li{position:relative;   font-size: 1em; }
ul.list-diamond li:after {  content: '';  position: absolute;  top: 2px; left: -26px;  height: 17px; width: 18px; background: url(../images/diamond-img.png) no-repeat;}

.accordion p{text-align:justify}
		
/*=ACCORDION
------------*/
.accordion {margin-bottom:1em;}
h4.expand a {padding:.5em;}
.expand a {display:block;}
.expand a:link, .expand a:visited {color:#fff;text-decoration:none;background:#013668;margin-bottom:0.5em;/* text-transform: uppercase; */}
.expand a:hover, .expand a:active, .expand a:focus {background:#D51C20;color:#ffffff}
.expand a.open:link, .expand a.open:visited {background:#D51C20;color: #fff;/* text-transform: uppercase; */}
.expand a:before {content:'\e936';font-family:'icomoon';speak: none;padding-right:.5em}
.expand a.open:before {content:'\e937';font-family:'icomoon';speak: none;padding-right:.5em}
.expand a:before {content: '\e936';font-family: 'icomoon';speak: none;padding-right: .5em;right: 0;position: absolute;color: #fff;}		
		
/*tabbed accordion*/
ul.tabs {float:left;width:100%;padding:1em 0 0 0;background:transparent url(../images/nav-year-bg.png) left bottom repeat-x;margin-bottom:0 !important}
ul.tabs li {float:left;cursor: pointer;margin:0 0 0 .5em;padding:4px 10px;border:1px solid #ccc;border-bottom:none;text-decoration:none;color:#333}
ul.tabs li:first-of-type {margin:0}
ul.tabs li:hover {background:#eee}
ul.tabs li.active {padding-bottom:5px;background:#fff;border-color:#0067a4;color:#0067a4;font-weight:bold}
.tab-container {border:1px solid #0067a4;border-top:none;clear:both;float:left;width:99.796334%;background:#fff;overflow:auto;} /*980 divide 982 = 99.796334%*/
.tab-drawer-heading {display:none;}
.tab-drawer-content {padding:1em;display:none;}	


@media screen and (max-width:1263px){
	.brk-line{display: none;}	
}
@media screen and (max-width: 1536px) {img[src="images/tool/Group 2228.svg"], .icon-items:nth-child(1){display:none!important}}
@media screen and (max-width: 500px) {
  .search-box .input.active {
    width: 125px;
  }
  .tool-container.active {
    max-width: 320px;
  }
}


/* @media print
{

.tool-wrapper{display:none} 

}*/


/*=ACCORDION
------------*/

.accordion {margin-bottom:1em;}
.accordion p  {
    font-size: 1em;
    margin-bottom: 1em;
    line-height: 1.6;
	color: #4d4d4d;
}

 .switch a {}

/*h4.expand{border-top: solid 1px #E1E2E3; font-weight:100;color: #4C4D4E;font-size: 18px; margin-bottom: 0px;text-transform: uppercase;}
h4.expand a {padding: 8.5px; font-size:1em;}*/
.expand a {display:block;margin-bottom: 15px;}
.expand a:link, .expand a:visited {color: #016694;text-decoration:none;background: #DBEAF3;position: relative;font-family: 'Roboto',  sans-serif;padding-left:22px;/* text-transform: uppercase; */}
.expand a:hover, .expand a:active, .expand a:focus {background:#DBEAF3;color:#016694; font-family: 'Roboto',  sans-serif;}
.expand a.open:link, .expand a.open:visited {background: #DBEAF3;color: #202B65; font-weight: 600; font-family: 'Roboto',  sans-serif; padding-left:22px;/* text-transform: uppercase; */}
.expand a:before {content:'\e936';font-family:'icomoon';speak: none;padding-right:.5em;right: 0;position: absolute; color: #016694;}
.expand a.open:before {content:'\e937';font-family:'icomoon';speak: none;padding-right:.5em}
/*tabbed accordion*/
ul.tabs {float:left;width:100%;padding:1em 0 0 0;background:transparent url(../images/nav-year-bg.png) left bottom repeat-x;margin-bottom:0 !important}
ul.tabs li {float:left;cursor: pointer;margin:0 0 0 .5em;padding:4px 10px;border:1px solid #ccc;border-bottom:none;text-decoration:none;color:#333}
ul.tabs li:first-of-type {margin:0}
ul.tabs li:hover {background:#eee}
ul.tabs li.active {padding-bottom:5px;background:#fff;border-color:#0067a4;color:#0067a4;font-weight:bold}
.tab-container {border:1px solid #0067a4;border-top:none;clear:both;float:left;width:99.796334%;background:#fff;overflow:auto;} /*980 divide 982 = 99.796334%*/
.tab-drawer-heading {display:none;}
.tab-drawer-content {padding:1em;display:none;}

div.gutter{ margin: 10px 10px;}




/*=BODY CONTENT
---------------*/
main[role="main"] p {font-size:1.1em;margin-bottom:1em;line-height:1.4;}
main[role="main"] ul, main[role="main"] ol {margin-bottom:.5em;}
main[role="main"] li {font-size:1.1em;line-height:1.4;}
main[role="main"] li li, main[role="main"] li p {font-size:100%}
.bath-tub {display:block;float: left;}
.bath-tub img{display:block;max-width:100%;height:auto !important;}
#container figure img {display:block;max-width:100%;height:auto !important}
ul.list li,ol.list li {padding-bottom: 0px;line-height:1.3; font-size:16px;}
ul.list-arrow li {list-style-type:none; margin-left:20px;position:relative; line-height:1.4}
ul.list-arrow li:before {content:'';position:absolute; top:5px; left:-20px; height:5px; width:5px; border-top:1px solid #F15923; border-right:1px solid #F15923; transform: rotate(45deg); webkit-transform: rotate(45deg); moz-transform: rotate(45deg);     -ms-transform: rotate(45deg);}

/*ul.list {margin-left:1.3em;list-style:none;}
ul.list li { position:relative}
ul.list li:before {content:'.';position:absolute; top: -37px; left:-18px; height:5px; font-size:3em;width:5px;color:#85A9B7; }*/
ol.list {list-style:decimal;margin-left:2.5em}
ul.list-icons li {line-height:1.6; margin-left:.75em;}
ul.list-icons i {font-size:120%;padding-right:.5em;margin-left:-.5em}

ul.square{margin-top:0;line-height:18px}
ul.square li{list-style:none;position:relative;padding:0;margin:0 0 10px 15px; font-size:1em}
ul.square li:before{content:''; width:6px; height:6px; position:absolute; background:#000; top:5px; left:-15px;}
ul.bullet-black{margin-top:0;line-height:18px}
ul.bullet-black li{list-style:none;position:relative;padding:0;margin:0 0 10px 15px}
ul.bullet-black li:before{content:'';position:absolute;top:5px;left:-20px;border:none;width:5px;height:5px;background:#57585A;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%}
ul.bullet-black li li:before{content:'';position:absolute;top:5px;left:-20px;border:none;width:5px;height:5px;border-bottom:1px solid #57585A}


ul.blue-dot {list-style: none; margin-bottom:15px!important; text-align:justify;}
ul.blue-dot li {margin-left: 16px;}
ul.blue-dot li:before {content: "\2022";color: #809CB9;font-weight: bold;display: inline-block; width: 1em;margin-left:-16px; font-size:1.1em;}


.intro {color:#047f8c!important;font-size:18px !important; font-weight:normal;}
/*.caption {font-size:.75em; padding-top:.5em; font-style:italic; }*/
.block-content .gutter {padding:.5em;}
.block-content {background:#000;}

ul.dash-list li {list-style-image: url(../images/dash.png); padding-top:3px; margin-left:20px;}
.switch-black {color:#000;}
.noMarginB{margin-bottom:0!important;}
.beigebackground { background-color:#F15923; padding:10px}
.switch-turq{color:#007DB5;}

/*breadcrum*/

.page-name p {font-weight: 400;font-size: 12px;color:#DA272E;float: right;margin-top: 10px;}
.page-name span{color:#DA272E;}
.page-name a{ color: #093255;}

.page-name a:hover {color: #4D4D4F;  }

.section-borders-lhc{border-bottom: 4px solid #093255; margin-bottom: 74px; margin-top: 67px;}
.our-vision-sec{margin-top: 67px;}
.lhc-headings{font-size: 35px; color: #093255; line-height: 22px;}
.lhc-subheading1{font-size: 19px;color: #093255;line-height: 22px;}
.lhc-subheading2{font-size: 19px; color: #DA272E; line-height: 22px; font-weight: bold;
    margin-bottom: 35px;}
.no-mrgt-lhc{margin-top:0;}
.vision-box-lhc{width: 342px; height: 342px; border-radius: 50%; text-align: center; padding-top: 45px;margin: auto;margin-bottom: 48px;}
.vision-img{margin-bottom: 16px;}
.vision-boxes-1{border: 1px solid #093255;}
.vision-boxes-2{border: 1px dashed #43526F;}
.vision-boxes-3{border: 1px dashed #DA272E;}
.vision-boxes-4{border: 5px solid #8A8EA3;}
    
.vision-growth-text1{font-size: 50px; color: #093255; line-height: 66px;}
.vision-efficiency-text1{font-size: 50px; color: #43526F; line-height: 66px;}
.vision-quality-text1{font-size: 50px; color: #D52931; line-height: 66px; font-weight: bold;}
.vision-sustainability-text1{font-size: 46px;color: #8A8EA3;line-height: 66px;font-weight: bold;}
    
.vision-text2{font-size: 16px; color: #093255; line-height: 22px; width: 226px; margin: auto; margin-top: 11px;}  


/*  Administration styles */

		.adminBlocks{
		border: solid 1px #939598;
		padding: 10px;
		text-align: center;
		min-height: 100%;
	}
	
	
	.adminBlocks strong{
		color:#D9272D ;
		padding-bottom: 20px;
	}

/*   End of Administration styles */






/*=FINANCIAL TABLES
----------------*/
.caption {font-size: 13px !important; font-style:italic; padding-top:0; padding-bottom:0}
.fin-tbl tr:hover {background:#f1f1f2;}
 tr.no-hover:hover {background-color:#f1f1f2}
.fin-tbl {width:100%; margin:0 0 5px 0; padding:0 0px;line-height: 1.4;color:#4D4D4F;}
.fin-tbl tr td {padding:5px 10px 3px 3px;font-size: 16px;}
.fin-tbl th { padding:2px 10px 3px 3px;background:#f1f1f2; color:#083254!important; font-weight:600; font-size:16px ;text-align: right}
.fin-tbl th.highlight { background:#e6e7e8!important; background-color:#707070!important; }
.fin-tbl th b {color:#B0C63F!important;}


.finheader{border-bottom:3px solid #DA272E; font-weight:bold; color:#093255; border-top: 6px solid #093255; }
.finthineline {border-bottom:1px solid #939598!important;}
.finthickline {border-bottom:3px solid #939598!important;}
.finthickerblue {border-bottom:5px solid #083255!important;}
.finthickerblue-top {border-top:5px solid #083255!important;}
.finthickerwhite {border-bottom:5px solid #fff!important;}
.fintop {border-top:1px solid #939598!important;}
.fintopleft {border-top: 1px solid #939598!important;border-left:1px solid #939598!important;}
.fintopright {border-top:1px solid #939598; border-right:1px solid #939598!important;}
.finbotleft {border-bottom:1px solid #939598!important; border-left:1px solid #939598!important;}
.finbotright {border-bottom:1px solid #939598!important; border-right:1px solid #939598;}

.fintoprgtblue {border-top:1px solid #093255!important;border-right:1px solid #093255!important;}
.finrgtblue {border-right:1px solid #093255!important;}
.fintopblue {border-top:1px solid #093255!important;}

.finleft {border-left:1px solid #939598!important;}
.finright {border-right:1px solid #939598!important;}

.finthickred{border-bottom:3px solid #DA272E}
.fintopthick{border-top: 6px solid #093255;border-bottom:3px solid #DA272E;color:#2f4463;font-weight: bold}
.finthicktop{border-top: 6px solid #093255;border-bottom:3px solid #DA272E;color:#2f4463;font-weight: bold}

/*RESETS*/
.no-margin{margin: 0!important;}
.no-marginT{margin-top: 0!important;}
.no-marginB{margin-bottom: 0!important;}
.no-marginL{margin-left: 0!important;}
.no-marginR{margin-right: 0!important;}

.no-padding{padding: 0!important;}
.no-paddingT{padding-top: 0!important;}
.no-paddingB{padding-bottom: 0!important;}
.no-paddingL{padding-left: 0!important;}
.no-paddingR{padding-right: 0!important;}

.padding-30{padding: 30px;}
.padding-40{padding: 40px 20px;}
.padding-50{padding: 50px 0px;}
.padding-30L{padding-left: 30px!important;}
.padding-30R{padding-right: 30px!important;}
.padding-30T{padding-top: 30px!important;}
.padding-30B{padding-bottom: 30px!important;}

.padding-20{padding: 20px!important;}
.padding-20L{padding-left: 20px!important;}
.padding-20R{padding-right: 20px!important;}
.padding-20T{padding-top: 20px!important;}
.padding-5T{padding-top: 5px!important;}
.padding-20B{padding-bottom: 20px!important;}

.padding-10T{padding-top: 10px!important;}
	
.padding-15{padding: 15px!important;}
.padding-15L{padding-left: 15px!important;}
.padding-15R{padding-right: 15px!important;}
.padding-15T{padding-top: 15px!important;}
.padding-15B{padding-bottom: 15px!important;}
.padding-10B{padding-bottom: 10px!important;}
.padding-40T{padding-top: 40px!important;}


	
.margin-30{margin: 30px!important;}
.margin-30L{margin-left: 30px!important;}
.margin-30R{margin-right: 30px!important;}
.margin-30T{margin-top: 30px!important;}
.margin-40T{margin-top: 40px!important;}
.margin-60T{margin-top: 60px!important;}
.margin-30B{margin-bottom: 30px!important;}

.margin-20{margin: 20px!important;}
.margin-20L{margin-left: 20px!important;}
.margin-20R{margin-right: 20px!important;}
.margin-10TB{margin: 7px 0px!important;}
.margin-20T{margin-top: 20px!important;}
.margin-20B{margin-bottom: 20px!important;}

.margin-15{margin: 15px!important;}
.margin-15L{margin-left: 15px!important;}
.margin-15R{margin-right: 15px!important;}
.margin-15T{margin-top: 15px!important;}
.margin-15B{margin-bottom: 15px!important;}

.margin-10{margin: 10px!important;}
.margin-10L{margin-left: 10px!important;}
.margin-10R{margin-right: 10px!important;}
.margin-10T{margin-top: 10px!important;}
.margin-10B{margin-bottom: 10px!important;}

.margin-5T{margin-top: 5px!important;}

.margin-80T{margin-top: 80px!important;}



/* End of Ezra Styles ------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */

.kumbatext-com {
    color: #007db5!important;
    font-size: 22px;
    margin-bottom: 0!important;
    font-weight: 600;
}
/*Ntsebeng Styles_kumba-delivers.php*/
.kumbatext {
    color: #007db5!important;
    text-transform: uppercase;
    font-size: 23px;
}
.kumbatext-dblue{font-size: 26px;}

/*.finthicktop {
    border-top: 2px solid #30396F;
}*/
.switch-lblue-key{color: #007DB5;}

.visit-web-img{float: left; margin-right: 10px}
.visit-text{float: left}
.visit-link{text-decoration: none;}




.kumbatext-key{
color: #067DB5;
font-size: 30px;
text-transform: uppercase;
font-weight: 600;
}


.key-figrs{
	font-size: 30px;
    color: #202B65;
    font-weight: 600;
}


a.buttonexcel {float:right;
padding: 19px 15px 18px 76px;
background: #DBEAF3;
border: solid #30396F 1px;
width: auto;
color: #30396F;
text-transform: uppercase;
font-weight: 900;margin:20px 0;
position: relative;
}
a.buttonexcel:before {
content: '';
width: 57px;
height: 62px;
position: absolute;
left: 0px;
top: 0px;
background: url("../images/excel.svg") no-repeat;
background-size: 28px  22px;
background-position: center;
border-right: solid #30396F 1px;
}


/*End of Ntsebeng Styles*/

@media screen and (max-width: 1740px) {
#toolbar{
	
}



@media screen and (max-width: 1400px) {

	#toolbar{position: absolute;
   
  }

}




@media screen and (max-width: 1280px) {

	#toolbar{position: absolute;
    right: 0px;
  }
.page-name-bread
	{
		margin-right: 40px;
	}
}
@media screen and (max-width: 1607px) {

	}

@media screen and (max-width: 1405px) {

	}
@media screen and (max-width: 1010px) {
#toolbar {
    position: absolute;
    top: 0px;
    right: 5px;
    width: 20px;
}
.page-name-bread
	{
		margin-right: 60px;
	}
}

@media screen and (max-width: 1090px) {
#toolbar {
    position: absolute;
    top: 0px;
    right: 5px;
    width: 20px;
}
.page-name-bread
	{
		margin-right: 40px;
	}
}
	
	@media only screen and (max-width: 991px) {
  .adminBlocks {
   width: 100%;
	  min-height: auto;
	  margin-bottom: 15px;
  }
}
	
		
	
	
	
		
@media screen and (max-width: 993px) {
	
	
	#toolbar {
    position: absolute;
    top: 0px;
    right: -60px;
    width: 20px;
}
	.highlights-block{height: auto; margin-bottom: 20px; margin-right: 0}
	}
@media screen and (max-width: 975px) {
	
	
	#toolbar {
    position: absolute;
    top: 0px;
    right: -20px;
    width: 20px;
}
	}
@media screen and (max-width: 800px) {
#toolbar {width:280px;}
#toolbar ul li {font-size:1.1em;}

.last-tool-bar-link {
    padding-bottom: 0px !important;
}
#utility {margin-bottom:-30px;float:left;width:100%;/*background: rgba(232,237,237,0.6); *//* Standard syntax (must be last) */}



#toolbar {position:relative;top:0;right:0;border:none;float:right;width:230px;}
#toolbar ul {float:right; /* Standard syntax (must be last) */}
#toolbar ul li {float:left;text-align:center;}
#toolbar a {padding:0.5em;}
#toolbar li a:link, #toolbar li a:visited {background-color:transparent;color:#002478;text-decoration:none; margin-bottom: 0px;height: 100%;}
#toolbar li a:hover {background:#007DB5;color:#fff;}
#toolbar ul li ul li:first-child {display:none;}

		.downloads-second-sec {
    margin-left: 0px;
}

}