/* Font Settings */
.font .big-text {
	font-size: x-large;
}
.cmr h1, .cmr h2, .cmr h3, .cmr h4, .cmr h5, .cmr h6, .cmr p, .cmr li, .cmr td, .cmr th, .cmr a, .cmr summary, .cmr caption, .cmr cite, .cmr figcaption {
	font-family: 'Lato', sans-serif;
}
.quicksand h1, .quicksand h2, .quicksand h3, .quicksand h4, .quicksand h5, .quicksand h6 {
	font-family: 'Quicksand', sans-serif;
}
.cmr h1 {
	border-bottom: none!important;
	font-size: 30pt;
}
.txt-25 {
	font-size: 25pt;
}
.txt-20 {
	font-size: 20pt;
}
.txt-14 {
	font-size: 14pt;
}
.txt-13 {
	font-size: 13pt;
}
.txt-12 {
	font-size: 12pt;
}
/* End of Font Settings */

/* Font Colours */
.txt-white {
	color: white!important;
}
.txt-navy {
	color: rgba(40,42,68,1)!important;
}
.txt-blue {
	color: rgba(25,79,144,1)!important;
}
.txt-darkblue {
	color: rgba(25,79,144,1)!important;
}
.txt-orange {
	color: rgba(192,77,0,1)!important;
}
.txt-magenta {
	color: rgba(174,24,87,1)!important;
}
.txt-cyan {
	color: rgba(29,170,166,1.00)!important;
}
.cmr h1, .cmr h2, .cmr h3, .cmr h4, .cmr h5, .cmr h6 {
	color: rgba(40,42,68,1.00);
}
/* End of Font Colours */

/* Overwrites col-xs-6 in nav to 100%  */
@media (max-width: 599px) {
.cmr-nav .col-xs-6 {
	width: 100%;
	}
}


/* Telecom & Mobile Infograph images */
.infgrph-frame {
	margin-top: 40px;
	margin-bottom: 40px;
}
.infgrph-wht {
	margin-top: 30px;
	margin-bottom: 30px;
	padding-bottom: 10px;
}
@media (max-width: 991px) {
.infgrph-frame {
	padding-top: 1px;
	padding-bottom: 1px;
}
.infgrph-wht {
	padding-top: 1px;
	padding-bottom: 1px;
}
}
.infgrph-lst strong {
	font-size: 1.3em;
}
li.orng-arrw, li.drkbl-arrw, li.trqs-arrw {
    background-repeat: no-repeat;
	background-position: left 22px;
    line-height: 1.65em;
    border-bottom: 2px solid #eee;
	padding: 20px 20px 20px 50px;
}
li.orng-arrw {
  background-image: url(/images/cmr/2018/CMR-2018-Icon_Cercle-Arrow_orange.svg);
}
li.drkbl-arrw {
  background-image: url(/images/cmr/2018/CMR-2018-Icon_Cercle-Arrow_DarkBlue.svg);
}
li.trqs-arrw {
  background-image: url(/images/cmr/2018/CMR-2018-Icon_Cercle-Arrow_turquoise.svg);
}
.infgrph-wht p, .infgrph-wht cite, .infgrph-wht li {
	font-size: 87%;
}
.infgrph-wht details li, .infgrph-wht details p {
	font-size: 100%;    
}
.nrml-sz, .nrml-sz li, .nrml-sz p {
	font-size: 100%!important;
}


details {
	margin-bottom: 1em!important;
}
.highlight {
	color: #777;
	padding: 50px;
}
/* 17q4 dashboard */
.dashboard {
	background: rgba(244,244,247,1.00);
	padding-bottom: 25px;
	margin-left: auto!important;
	margin-right: auto!important;
}
.cmr-header {
	position: relative;
	text-align: center;
}
.cmr-header h1 {
	margin-top: -50px;
}
.dashboard h2 {
	font-size: 13pt!important;
	color: rgba(28,45,44,1.00);
	letter-spacing: 0.2em;
	text-transform: uppercase;
}
.rnd-bg a:link, .rnd-bg a:visited { /*you should really be styling a:link and a:visited together - typically, if we're customizing the link to look different, we don't visually indicate when the link has been visited. NORMALLY, you would but not in this case.*/
	color: #fff;
}
.rnd-bg {
	border-radius: 10px;
	padding: 15px;
	color: white;
}
/* End of 17q4 dashboard */

.txt-vmiddle {
	vertical-align: middle;
}
.valign-top {
	vertical-align: top;
}
.no-bdr {
	padding-left: 0!important;
	padding-right: 0!important;
}
.rmv-bdr {
	margin-left: -15px!important;
	margin-right: -15px!important;
}

@media print {
/*h3 {
	page-break-before: always;
}*/
.cmr h1 {
	margin-top: 15px!important;
	padding-top: 0%!important;
	padding-right: 0%!important;
	padding-left: 0%!important;
}
.bg-h1-cmr2018 {
	min-height: 0px!important;
}
.cmr img {
	max-width: 500px!important;
	margin-left: auto!important;
	margin-right: auto!important;
}
}
/* Image Height Modifications */
.img-15 {
	height: 15px!important;
}
.img-20 {
	height: 20px!important;
}
.img-30 {
	height: 30px!important;
}
.img-40 {
	height: 40px!important;
}
.img-60 {
	height: 60px!important;
}
/* End of Image Height Modifications */

/* CMR Table of Contents Styling */
.cmr-toc {
	background-color: #F5F5F5;
}
.cmr-toc ul {
	margin-left: -10px;
	margin-right: -10px;
}
.cmr-toc li {
	margin-bottom: 5px;
}
.cmr-toc li a, .cmr-toc-active {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
	/*border: 1px solid rgba(86,86,86,1.00);*/
	border-radius: 8px;
	min-height: 100px; /* 110px */
	/* min-width: 225px; */
	min-width: 100px;
	padding: 15px;
	transition: all 0.3s ease;
}
.cmr-toc li a, .cmr-toc-active {
	color: rgba(40,42,68,1.00);
	text-decoration: none;
	display: block;
}
.cmr-toc li a span, .cmr-toc-active span {
	vertical-align: middle;
}
.cmr-toc li a:hover {
	-webkit-filter: none!important;
	filter: none!important;
	background-color: #E5E5E5;
}
.cmr-toc-active {
	background-color: #E5E5E5;
	filter: none!important;
	-webkit-transform: none!important;
	transform: none!important;
}
.cmr-toc-active .cmr-toc-icn {
	-webkit-transform: rotate(25deg);
	transform: rotate(25deg);
}
.cmr-toc-icn {
	display: block;
	/*width: 25%;*//* 40% */
	max-width: 70px!important;
	transition: all 0.3s ease-in-out;
}
.cmr-toc li a:hover .cmr-toc-icn {
	-webkit-transform: rotate(25deg);
	transform: rotate(25deg);
}
.cmr-toc-nmbr {
	margin-top: 25px!important; /* 30px */
	margin-left: -41px; /* 47 */
}
.cmr-toc-ttl {
	/*width: 70%;  60% */
	padding-left: 10px; /* 15px */
	text-align: left;
	margin-top: 15px!important;
}
.cmr #prvs-tp, .cmr #prvs-bttm, .cmr #nxt-tp, .cmr #nxt-bttm {
	text-decoration: none;
}
.prv-nxt-menu {
	display: inline-block;
}
/* End CMR Table of Contents Styling */

/* a link styling, white bg */
.wht-bg-styld-lnks a:link, .wht-bg-styld-lnks a:visited {
	color: #333;
	text-decoration: none!important;
	padding-right: 1px;
	border-bottom: 1px solid #333;
}
.wht-bg-styld-lnks a:hover, .wht-bg-styld-lnks a:active {
	color: #FFFFFF!important;
	background: rgba(40,42,68,1.00);
}
.bg-styld-lnks a:link, .bg-styld-lnks a:visited {
	color: #FFFFFF;
	text-decoration: none!important;
	padding-right: 1px;
	border-bottom: 1px solid #FFFFFF;
}
.bg-styld-lnks a:hover, .bg-styld-lnks a:active {
	color: rgba(40,42,68,1.00)!important;
	background: #FFFFFF;
}
/* End a link styling */


/* Coloured Backgrounds and Link Styling for Background */
.white-bg {
	background: white;
}
.lightgrey-bg {
	background: #eee;
}
.darkblue-bg {
	background: rgba(40,42,68,1);
}
.darkblue-bg a:hover, .darkblue-bg a:active {
	color: #98a2cd;
}
.blue-bg {
	background: rgba(25,79,144,1);
}
.cmr-blue-text a:hover, .cmr-blue-text a:active {
	color: #7dade8;
}
.med-blue-bg {
	background: rgba(38,121,221,1);
}
.cmr-lght-blue-text a:hover, .cmr-blue-text a:active {
	color: #A3C3EC
}
.orange-bg {
	background: rgba(192,77,0,1);
}
.cmr-orange-text a:hover, .cmr-orange-text a:active { /* same comment as above */
	color: #ffa366;
}
.magenta-bg {
	background: rgba(174,24,87,1);
}
.cmr-magenta-text a:hover, .cmr-magenta-text a:active { /* same comment as above */
	color: #ff6666;
}

/* End of Coloured Backgrounds and Link Styling for Background */

/* Financial Summaries 2018 Header */
@media (min-width: 501px) {
.bg-h1 {
	background-image: url(/images/fin/1193_FS_Desktop_top_banner-1170x198_bil_04.png);
	background-size: contain;
	background-repeat: no-repeat;
	height: 198px;
}
.bg-2021-h1 {
	background-image: url(/images/fin/1329_FS_Desktop_top_banner-1170x198_bil_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	height: 198px;
}
.h1-hdr {
	padding-left: 20px;
	padding-top: 75px;
	text-align: left;
}
}

@media (max-width: 500px) {
.bg-2021-h1 {
	background-image: url(/images/fin/1193_FS_Mobile_top_banner-500x230_bil_04.png);
	background-size: contain;
	background-repeat: no-repeat;
	resize: both;
}.bg-2021-h1 {
	background-image: url(/images/fin/1329_FS_Mobile_top_banner-500x230_bil_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	resize: both;
}
.h1-hdr {
	padding-left: 10px;
	padding-top: 150px;
	text-align: left;
}
}

/* End of Financial Summaries 2017 Header */

/* CMR 2018 Header */
@media (min-width: 691px) {
.bg-h1-cmr2018 {
	background-image: url(/images/cmr/2018/landing/Desktop/1191_cmr_Desktop_top_banner_06.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 198px;
}
}
.h1-cmr2018, .h1-cmr2018-fr {
	text-align: left;
}

@media (max-width: 690px) {
.bg-h1-cmr2018 {
	background-image: url(/images/cmr/2018/landing/Mobile/1191_cmr_Mobile_top_banner_01.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 198px;
}
}

@media (min-width: 992px) {
.h1-cmr2018, .h1-cmr2018-fr {
	padding-top: 9%;
	padding-right: 10%;
	padding-left: 30%;
}
}

@media (min-width: 751px) and (max-width: 991px) {
.h1-cmr2018, .h1-cmr2018-fr {
	padding-top: 12%;
	padding-right: 3%;
}
.h1-cmr2018 {
	padding-left: 35%;
}
.h1-cmr2018-fr {
	padding-left: 37%;
}
}

@media (min-width: 721px) and (max-width: 750px) {
.h1-cmr2018, .h1-cmr2018-fr {
	padding-top: 14%;
	padding-right: 3%;
	padding-left: 35%;
}
}

@media (min-width: 501px) and (max-width: 720px) {
.h1-cmr2018, .h1-cmr2018-fr {
	padding-right: 3%;
}
.h1-cmr2018 {
	padding-top: 14%;
	padding-left: 35%;
}
.h1-cmr2018-fr {
	padding-top: 18%;
	padding-left: 35%;
}
}

@media (min-width: 381px) and (max-width: 500px) {
.h1-cmr2018, .h1-cmr2018-fr {
	padding-top: 18%;
	padding-right: 3%;
}
.h1-cmr2018 {
	padding-left: 25%;
}
.h1-cmr2018-fr {
	padding-left: 30%;
}
}

@media (max-width: 380px) {
.h1-cmr2018, .h1-cmr2018-fr {
	padding-top: 25%;
	padding-right: 3%;
	padding-left: 35%;
}
}
/* End of CMR 2018 Header */


/* CMR 2019 Index Page */

.col-nopadding
{
	padding-left: 0px !important; 
	padding-right: 0px !important;
}

p.index-img-text-white
{
	color:white;
}

p.index-img-text-black
{
	color:black;
}

img.hover-blue:hover, a:hover > img.hover-blue {
	padding: 5px !important;
	border: 2px solid rgba(0, 140, 186, 0.5);
  	/*box-shadow: 0 0 2px 3px rgba(0, 140, 186, 0.5);*/
}


/* End of CMR 2019 Index Page */

.ln-blue {
	border-top: 2px solid rgba(25,79,144,1.00);
}
.ln-orange {
	border-top: 2px solid rgba(192,77,0,1.00);
}
.ln-cyan {
	border-top: 2px solid rgba(68,121,123,1.00);
}
.ln-magenta {
	border-top: 2px solid rgba(174,24,87,1.00);
}
.ln-navy {
	border-top: 2px solid rgba(40,42,68,1.00);
}
.ln-red {
	border-top: 2px solid rgba(240, 52, 52, 1);
}
.ln-black {
	border-top: 2px solid rgba(46, 49, 49, 1);
}

@media (max-width: 750px) {
.cmr h1 {
	font-size: 25pt;
}
.dashboard h2 {
	font-size: 13pt!important;
}
.txt-25 {
	font-size: 20pt;
}
.txt-20 {
	font-size: 15pt;
}
.txt-14 {
	font-size: 13pt;
}
.txt-13 {
	font-size: 12pt;
}
.txt-12 {
	font-size: 11pt;
}
}

@media (max-width: 380px) {
.cmr h1 {
	font-size: 20pt!important;
}
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	vertical-align: middle!important;
	border-top: none!important;
}
.n-pddng {
	padding-left: 0!important;
	padding-right: 0!important;
}
.dashboard__wrapper__tbl {
	background: rgba(250,255,250,1.00);
	padding: 15px 15px 15px 15px;
	margin-bottom: 15px;
}
.dsb-tbl td {
	border-bottom: 1px solid rgba(29,170,166,1.00);
	border-right: 1px solid rgba(29,170,166,1.00);
}
.n-rght-brdr {
	border-right: none!important;
}
.n-bttm-brdr {
	border-bottom: none!important;
}
.cmr-nav ul {
    display:table;
    margin:0 auto;
    margin-bottom: 20px;
}
.nav-ul-brdr li {
	border-right: solid;
	border-right-width: thin;
	padding-right: 10px!important;
}
.up-arrw {
	z-index: -1;
}
.nav-pills a {
	padding: 3px 10px;
	font-size: 80%;
	line-height: 3rem;
	display: inline-block;
}

@media (max-width: 480px) {
.nav-pills a {
	width: 100%;
	margin-top: 2px;
}
}
.nav-pills a:link, .nav-pills a:visited {
	color: #424247;
	background: transparent;
	border: 1px solid #424247;
}
.nav-pills a:hover, .nav-pills a:active {
	color: #424247;
	background: #eee;
	border: 1px solid #424247;
}
.nav-pills a.active:link, .nav-pills a.active:visited, .nav-pills a.active:hover, .nav-pills a.active:active {
	color: #fff;
	background: #424247;
	border: 1px solid #424247;
}
.show {
	visibility: visible;
	display: block;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
}

@media (min-width: 993px) {
.mrgn-lft-adjst {
	margin-left: -35px;
}
table .up-arrw {
	float: left;
	margin-left: 15%;
	margin-right: -15%;
}
}
.arrw-lg {
	margin-top: -7px;
	height: 18pt;
	margin-left: 2.5px;
}

@media (max-width: 991px) {
.mrgn-lft-adjst {
	margin-left: 50px;
}
}

@media (max-width: 609px) {
.mrgn-lft-adjst {
	margin-left: 5px;
}
}

@media (min-width: 970px) {
.arrw-md-lg {
	margin-top: -7px;
	height: 18pt;
}
}
.upsidedown {
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
}
.bg-rnd {
	border-radius: 50%;
	text-align: center;
	position: relative;
	color: white;
}
.bg-orng-rnd {
	background: url("/images/data/CMR-2018_Cercles_Q4_orange.svg") no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.bg-trqs-rnd {
	background: url("/images/data/CMR-2018_Cercles_Q4_turquoise.svg") no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

@media (min-width: 1199px) {
.bg-rnd {
	height: 16.6666666667%;
	padding: 40px 0 50px 0;
	margin-right: 20px;/*margin-left: 10px;*/
}
.db-2l {
	margin-bottom: -10px;
}
.db-3l {
	margin-bottom: -33px;
}
}

@media (max-width: 1198px) {
.bg-rnd {
	height: auto;
	padding: 25px 0 25px 0;
	margin-right: 20px;/*margin-left: 10px;*/
}
.db-3l {
	margin-bottom: -9.583px;
}
}

@media (max-width: 768px) {
.bg-rnd {
	height: auto;
	padding: 20px 0 20px 0;
	margin-right: 12.5px;
	margin-left: 12.5px;
}
}

@media (max-width: 608px) {
.bg-rnd {
	height: auto;
	padding: 20px 0 20px 0;
	min-width: 136px!important;
	margin: 15px auto 0 auto;
	float: none!important;
}
}
div.vertAlign {
	display: flex;
	align-items: center
}
.inset-border {
	padding: 40px 55px;
	border: none;
	resize: none;
}
.mobile-txt {
	display: none
}
.white-text {
	color: #fff;
}
.white-text a {
	color: #fff;
}
.white-text a:visited {
	color: #fff;
}
div.pullquote-inline {
	padding-left: 11.5px;
	padding-right: 11.5px;
	margin-bottom: 0;
	position: relative;
	border: #000;
}
.darkblue-bg .pullquote-inline:before {
	border-left: 26px solid #bf6f27;
	top: -25px;
	border-top: 26px solid transparent;
	border-bottom: 0 solid transparent;
}
.darkblue-text a:hover {
	color: #98a2cd;
}
.blue-bg .pullquote-inline:before {
	border-left: 26px solid #bf6f27;
	top: -25px;
	border-top: 26px solid transparent;
	border-bottom: 0 solid transparent;
}
.blue-text a:hover {
	color: #7dade8;
}
.orange-bg .pullquote-inline:before {
	border-left: 26px solid #bf6f27;
	top: -25px;
	border-top: 26px solid transparent;
	border-bottom: 0 solid transparent;
}
.orange-text a:hover {
	color: #ffa366;
}
.red-bg .pullquote-inline:before {
	border-left: 26px solid #bf6f27;
	top: -25px;
	border-top: 26px solid transparent;
	border-bottom: 0 solid transparent;
}
.red-text a:hover {
	color: #ff6666;
}
.red-text a:visited:hover {
	color: #ff6666;
}
.txt-grey {
	color: #565656!important
}
.txt-grey-lght {
	color: #767676!important
}
.txt-blck {
	color: rgba(28,45,44,1.00)!important
}
.txt-trqs {
	color: rgba(68,121,123,1.00)!important
}
.txt-orng {
	color: rgba(219,114,44,1.00)!important
}
.chart__wrapper, .dashboard__wrapper {
	display: inline-block;
	position: relative;
	max-width: 100%;
	width: auto;/*top: 20px*/
}

@media (max-width: 506px)/* 768px */ {
.dashboard__wrapper {
	display: inline-block;
	position: relative;
	max-width: 100%;
	width: auto;
	top: 20px
}
.dashboard__container {
	max-width: 100%;
	overflow-x: auto
}
}

@media (max-width:320px) {
.table > tbody > tr > td {
	padding: 1px!important;
}
}

@media (max-width:498px) {
.dashboard__container-cmr {
	min-width: 497px
}
.dashboard__container-cmr .mobile-txt {
	display: block!important;
}
.dashboard__wrapper__tbl {
	padding: 0px;
}
.sm-n-pddng {
	padding-left: 0!important;
	padding-right: 0!important;
}
}

@media (max-width: 498px)/* 768px */ {
.chart__wrapper {
	display: inline-block;
	position: relative;
	max-width: 100%;
	width: auto;/*top: 20px*/
}
.chart__container {
	max-width: 100%;
	overflow-x: auto
}
}

@media (max-width:506px) {
.chart__container-cmr {
	min-width: 459px
}
.chart__container-cmr .mobile-txt {
	display: block!important;
}
}
.scrll-arrw {
	animation: scrll-arrw-anmtn 0.75s infinite;
	animation-direction: alternate;
}
@-webkit-keyframes scrll-arrw-anmtn {
 0% {
transform: translateX(0);
opacity: 0.5
}
 100% {
transform: translateX(0.4em);
opacity: 0.9
}
}
/* Anchor link icon that goes beside headers */
a.anchr-lnk:link, a.anchr-lnk:visited {
	background: transparent!important;
	color: #424247!important;
	border-bottom: none!important;
}
a.anchr-lnk:hover, a.anchr-lnk:focus, a.anchr-lnk:active {
	border-bottom: 2px dashed #424247!important;
	color: #424247!important;
	background: transparent!important;
}

@media (min-width: 790px) {
h2>a.anchr-lnk, .h2>a.anchr-lnk {
	margin-left: -24px;
    margin-right: -4px;
}
h3>a.anchr-lnk, .h3>a.anchr-lnk {
	margin-left: -24px;
}
h3.h6>a.anchr-lnk {
	margin-left: -15px;
}
h4>a.anchr-lnk, .h4>a.anchr-lnk {
	margin-left: -20px;
}
h5>a.anchr-lnk, .h4>a.anchr-lnk {
	margin-left: -17px;
}
}

/* End of Anchor link icon that goes beside headers */
@media (min-width: 768px) {
.pull-sm-left {
	float: left!important;
}
.pull-sm-right {
	float: right!important;
}
}
/* S15 Pullquotes */
blockquote cite {
	font-style: italic;
}
small, .small {
	font-size: 0.8em;
}
blockquote.pull-right {
	margin-right: -25%;
}
/*blockquote p {
    color: #767676;
}*/

blockquote.b-top {
	margin-top: 0px;
}
blockquote.pull-right.big {
/*margin-top: 30px;
    padding: 20px 5px 20px 15px!important;
	border-right: none!important;
    border-left: 5px #eee solid!important;
	margin-left: 15px;
	margin-bottom: 10px;
	text-align: left!important;*/
}
span.big p {
	border-left: 5px #eee solid;
	padding-left: 15px;
}
span.big {
	font-size: 1.1em;
	color: #AE1857;
	margin-right: -25%;
}
.bq-darkblue {
	border-right: 3px solid rgb(40, 42, 68)!important;/*background-color: rgb(60, 78, 130);*/
}
/*.bq-darkblue cite, .bq-darkblue p {
	color: white!important;
}*/

.bq-blue {
	border-right: 3px solid rgb(25, 79, 144)!important;
}
.bq-orange {
	border-right: 3px solid rgb(192, 77, 0)!important;
}
.bq-magenta {
	border-right: 3px solid rgb(174, 24, 87)!important;
}
.bq-green {
	border-right: 3px solid rgb(68, 121, 123)!important;
}

/* End S15 pullquote */
