/*toptabs tab order fix*/

/* IDC - All light gray borders should be changed to 1px in size and made  #009DDB - BRIGHT BLUE. */
.content ul.toptabs{position:relative;display:block;width:100%;text-align:center;border-top:1px Solid #009DDB;}

/* IDC - All light gray borders should be changed to 1px in size and made  #009DDB - BRIGHT BLUE. */
.content ul.toptabs:before{content:'';display:block;height:1px;width:100%;position:absolute;left:0px;top:50px;background-color:#009DDB;}

.content ul.toptabs > li{display:inline-block;position:static;padding:0px;margin:0px 12px;}
.content ul.toptabs > li:before{display:none;}
.content ul.toptabs > li > a:first-child{display:block;text-decoration:none;font-size:1.25rem;color:#002449;transition:all .25s ease-in-out;line-height:48px;}
.content ul.toptabs > li > .tabcontent{position:absolute;top:80px;left:0px;outline:0;width:100%;}
.content ul.toptabs table{text-align:left;}
.content ul.toptabs table ul > li:before{text-align:left;background-color:#1F2b4a;}

.content ul.toptabs > li > a:first-child.active, 

/* IDC CODE */
.content ul.toptabs > li > a:first-child:hover{text-decoration:underline;color: #004677;}

.content .overlap .wrapper ul.toptabs > li > a:first-child{color:#fff;}


/*sidetabs tab order fix*/
.content ul.sidetabs{position:relative;padding:0;}
.content ul.sidetabs > li{margin:0px;padding:0px;position:static;list-style:none;}
.content ul.sidetabs > li:before{display:none;}
.content ul.sidetabs > li > a:first-child{display:block;width:33.3%;padding-right:48px;text-align:left;text-decoration:none;line-height:1.5;/*clear:left;*/transition:all .25s ease-in-out;padding:8px 48px 8px 0px;color:#004677;letter-spacing:1px;font-weight:500;}
.content ul.sidetabs > li .tabcontent{width:66.6%;padding-left: 48px;border-left: 1px Solid #009DDB;position:absolute;top:0px;right:0px;outline:0;}

.content ul.sidetabs.enlarge > li > a:first-child{width:20%;}
.content ul.sidetabs.enlarge > li .tabcontent{width:80%;}
.content ul.sidetabs.l200 > li > a:first-child{width:210px;}
.content ul.sidetabs.l200 > li .tabcontent{width:calc((100%) - 210px);}

.content ul.sidetabs li a:hover, .content ul.sidetabs li a.active{color:#004677;font-weight:600;}



/* IDC CODE - 23/4/2025 */
body.red .content ul.sidetabs .tabcontent p a:hover {color: #fff;}
body.red .content ul.sidetabs .tabcontent p a.arrow:hover {color: #004677;}
body.red .content ul.sidetabs .tabcontent p a.scrollto:hover{color: #002449;}
body.red .content ul.sidetabs .tabcontent p a.button:hover{color: #fff;}
/* IDC CODE - 23/4/2025 */


/*RESPONSIVE*/
@media (max-width: 800px) {
	.content ul.sidetabs > li > a:first-child{padding-right:24px;}
	.content ul.sidetabs > li .tabcontent{padding-left:24px;}
	.content ul.toptabs > li{margin:0px 8px;}

} 

@media (min-width: 700px) {
	.content ul.sidetabs > li .tabcontent.keep{display:block !important;}
	.content ul.toptabs > li .tabcontent.keep{display:block !important;}
}

@media (max-width: 700px) {
	/*TOP TABS CONVERSION*/
	.content ul.toptabs{min-height:0 !important;border:none;}
	
	.content .overlap .wrapper ul.toptabs > li > a:first-child{color:#004677;}
	
	.content ul.toptabs:before{display:none;}
	.content ul.toptabs > li{display:block;margin:0;margin-bottom:16px;}
	.content ul.toptabs > li > a:first-child{width:100%;text-align:left;padding-right:0px;}
	.content ul.toptabs > li .tabcontent{position:static;padding-left:0px;border-left:none;width:100%;}
	
	.content ul.toptabs > li > a:first-child.active, .content ul.toptabs > li > a:first-child:hover{text-decoration:unset;}
	
	.content .ltgray ul.toptabs > li > a:first-child{background-color:#fff;}

	/* IDC - All light gray borders should be changed to 1px in size and made  #009DDB - BRIGHT BLUE. */
	.content ul.toptabs > li > a:first-child{border:1px Solid #009DDB;text-decoration:none;display:block;font-size:1.375rem;color:#1F2b4a;background-color:#efefef;padding:12px 16px 12px 48px;cursor:pointer;transition:all .25s ease-in-out;border-radius:2px;line-height:1.25;margin-bottom:16px;}
	
	.content ul.toptabs > li > a:first-child:before{content:'+';position:absolute;height:48px;width:48px;text-align:center;display:block;margin-left:-48px;color:#1F2b4a;font-size:1.5rem;}
	.content ul.toptabs > li > a:first-child.active:before{content:'-';}
    
    /* IDC CODE - 24/4/2025 color change */	
	body.green .content  ul.toptabs > li > a:first-child:before{color:#004677;}
	body.ltblue .content  ul.toptabs > li > a:first-child:before{color:#004677;}
	body.red .content  ul.toptabs > li > a:first-child:before{color:#004677;}
	body.teal .content  ul.toptabs > li > a:first-child:before{color:#004677;}
	body.orange .content  ul.toptabs > li > a:first-child:before{color:#004677;}
	body.gold .content  ul.toptabs > li > a:first-child:before{color:#004677;}
	body.berry .content  ul.toptabs > li > a:first-child:before{color:#004677;}
	
	/* IDC CODE - 24/4/2025 solutions page color change */	
	body .content ul.toptabs.block >li > a:first-child:hover:before {color: #ffffff;}
	body .content ul.toptabs.block > li > a.active:first-child:before {color: #ffffff;} 

	/*SIDE TABS CONVERSION*/
	.content ul.sidetabs:not(.noaccord){min-height:0 !important;}
	.content ul.sidetabs:not(.noaccord) > li > a:first-child{width:100%;text-align:left;padding-right:0px;}
	.content ul.sidetabs:not(.noaccord) > li .tabcontent{position:static;padding-left:0px;border-left:none;width:100%;min-height:0px !important;margin-bottom:3rem;padding-left:16px;padding-right:16px;}
	.content ul.sidetabs:not(.noaccord) > li .tabcontent h4:first-child{display:none;}

	.content .ltgray ul.sidetabs:not(.noaccord) > li > a:first-child{background-color:#fff;}

	/* IDC - All light gray borders should be changed to 1px in size and made  #009DDB - BRIGHT BLUE. */
	.content ul.sidetabs:not(.noaccord) > li > a:first-child{border:1px Solid #009DDB;text-decoration:none;display:block;font-size:1.375rem;color:#004677;background-color:#efefef;padding:12px 16px 12px 48px;cursor:pointer;transition:all .25s ease-in-out;border-radius:2px;line-height:1.25;margin-bottom:16px;}
    
	/* IDC CODE - 25/4/2025  color change */
	.content ul.sidetabs:not(.noaccord) > li > a:first-child:before{content:'+';position:absolute;height:48px;width:48px;text-align:center;display:block;margin-left:-48px;color:#004677;font-size:1.5rem;}
	
	.content ul.sidetabs:not(.noaccord) > li > a:first-child.active:before{content:'-';}
	
	.content ul.sidetabs.enlarge > li > a:first-child{width:100%;}
	.content ul.sidetabs.enlarge > li .tabcontent{width:100%;}

	
	.content ul.sidetabs.noaccord{/*padding-top:32px;*/padding-top:8px;}
	.content ul.sidetabs.noaccord > li > a:first-child{position:absolute;display:inline-block;top:-28px;left:0px;width:auto;text-align:left;padding-right:0px;}
	.content ul.sidetabs.noaccord > li + li > a:first-child{left:146px;padding-right:0px;}
	.content ul.sidetabs.noaccord > li + li > a:first-child:before{content:'|';display:inline-block;margin-right:8px;color:#ddd;}
	.content ul.sidetabs.l200 > li .tabcontent{width:100%;}
	
	/* IDC - All light gray borders should be changed to 1px in size and made  #009DDB - BRIGHT BLUE. */
	.content ul.sidetabs.noaccord h3{border-top:1px Solid #009DDB;padding-top:8px;}

}

@media (max-width: 350px) {
	.content ul.sidetabs.noaccord > li > a:first-child{width:85px;padding-right:0px;}
	.content ul.sidetabs.noaccord > li + li > a:first-child{left:120px;}
	.content ul.sidetabs.noaccord > li + li > a:first-child:before{position:absolute;margin:0px;left:-24px;top:8px;}
	.content ul.sidetabs.noaccord{padding-top:28px;}
	
}

