@media (min-width: 999px) {
.paddingLeftmd {
    padding-left: 2%!important;
}
.paddingRightmd {
    padding-right: 2%!important;
}
}
@media (min-width: 1239px) {
.paddingLeftlg {
    padding-left: 2%!important;
}
.paddingRightlg {
    padding-right: 2%!important;
}
}
.paddingLeft {
    padding-left: 2%!important;
}
.paddingRight {
    padding-right: 2%!important;
}
.paddingTop {
	padding-top: 1%!important;
}
.paddingBottom {
	padding-bottom: 1%!important;
}
.rcorners1 {
	border-radius: 25px;
	font-size: 75%;
	padding: 8px;
	line-height: 3.5;
}

/* Navigation Bar */
/* CAS App Button */
.ibm-sitenav-menu-list > ul > li.ibm-haschildlist > button {
	background-color: #4178BE!important;
	color: white!important;
	padding-left: 22px!important;
	padding-right: 5px!important;
}
.ibm-sitenav-menu-list > ul > li.ibm-haschildlist > button::before {
	content: none!important;
}
.ibm-sitenav-menu-list > ul > li.ibm-haschildlist > button > span {
	display: inline-block!important;
}

/* IBM CAS Canada */
.ibm-sitenav-menu-name.ibm-highlight > a {
	color: #3b6caa!important; 
}
.ibm-sitenav-menu-name.ibm-highlight > a::after {
	transform: translate3d(0,0,0)!important;
}

/* Accordion */
.accordion {
	background-color: #DFE9E9; /* Cool-Gray-10 */
	color: #121212; /* Gray-90 */
	cursor: pointer;
	padding: 24px 32px;
	margin-bottom: 0.5%;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s
}

.accordion:before, .faqContent:before {
  	content: " ";
  	padding-top: 50px;
  	margin-top: -50px;
  	display: block;
}

.accordion:after {
  	content: '\002B';
  	font-size: 20px;
  	color: #121212!important; /* Gray-90 */
  	float: right;
  	margin-left: 32px;
}

.accordion:hover:after {
	color: #FFFFFF!important; /* White-Core */;
}

.active:after {
  	content: "\2212";
  	color: #FFFFFF!important; /* White-Core */
  	font-size: 20px;
  	float: right;
  	margin-left: 32px;
}

.active, .accordion:hover {
	background-color: #323232; /* Gray-80 */
	color: #FFFFFF!important; /* White-Core */ 
}

.accordionPanel {
	padding: 2% 1%;
	background-color: #FFFFFF; /* White-Core */
	overflow: hidden;
	display: none; 
	transition: display 0.2s ease-out; 
}

/* Sticky Vertical Sidenav */
html {
	scroll-behavior: smooth;
}

.stickySidenav {
	position: sticky!important;
	position: -webkit-sticky!important;
	top: 15%!important;
}

.stickySidenav a {
	display: block;
	color: #5A5A5A; /* Gray-60 */
	text-decoration: none;
	text-align: left;
	padding-bottom: 4%;
}

.stickySidenav a:hover, .activeSidenavItem {
	text-decoration: underline!important;
	color:  #121212!important; /* Gray-90 */
}

/* On screens that are 578px or less (ibm-col-small) add padding to the logo */
@media screen and (max-width: 578px) {
  #cas-logo { padding: 0 0 20px 0; }
  #cas-logo-container { padding: 0 0 0 40px; }
}

.transparency { 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}