@charset "utf-8";
/* CSS Document */

@media screen {
 #bst-tsb {
 max-height: 100px;
 height: 80%;
 }
}

@media screen and (min-width: 992px) {
 #bst-tsb {
 height: 100px;
 }
}

/* #wb-srch-sub { */
/* background-color: #2B4F69 !important; */
/* background-image: linear-gradient(#007AC3, #2B4F69) !important; */
/* background-image: linear-gradient(#2B4F69, #262A35, #007AC3) !important; } */


/* #wb-sm, #wb-srch-sub { */
/* #wb-sm { */
/* background-color: #336eaf !important; */
/* background-image: linear-gradient(#243850, #006080) !important; */
/* background-image: linear-gradient(#2B4F69, #262A35, #007AC3) !important; } */


 #wb-sm, #wb-srch-sub { 
 background-image: linear-gradient(#2B4F69, #007AC3) !important; 
}

/* ------------------------------------------ */

/* Stat table elements */
.rowHeadingIndent1 {
	padding-left:15px !important;
	font-weight:normal !important;
	padding-bottom: 0px !important;
	padding-top: 0px !important;
}

.rowHeadingIndent2 {
	padding-left:30px !important;
	font-weight:normal !important;
	padding-bottom: 0px !important;
	padding-top: 0px !important;
}

.rowHeadingIndent3 {
	padding-left:45px !important;
	font-weight:normal !important;
	padding-bottom: 0px !important;
	padding-top: 0px !important;
}

.rowHLight { font-weight: bold !important;}
/* Stat table elements */

/* ------------------------------------------ */

/* Override font size i MegaMenu */
a.item { font-size: 18px !important}

/* TABLE OVERRIDE : SET TEMPORARY STYLES UNTIL THIS IS SORTED OUT */
caption {text-align: left !important}
table, td { border: #000 solid 1px; padding: 10px 10px 10px 10px; }
th { background-color: #DDD; border: #000 solid 1px; padding: 10px 10px 10px 10px; }
/* TABLE OVERRIDE : SET TEMPORARY STYLES UNTIL THIS IS SORTED OUT */

/* ---------------------------------------------------------------------------------- */
/* Modal Brand element colours */
/* Generic: #26379A */
/* Corp (Teal): #2B4F69 */
/* Corp (Grey): #C3C4BE */
/* Marine (Red): #D23A34 */
/* Pipeline (Green): #81A53C */
/* Rail (Orange): #F9A01B */
/* Air (Blue): #007AC3 */
/* Modal Brand element colours */
/* ---------------------------------------------------------------------------------- */

/* Styles used for the Modal Portal Pages*/
div.aviationHPWell {background-color:rgb(0, 122, 195, 0.1); line-height: 150% }
div.marineHPWell {background-color:rgb(210, 58, 52, 0.1); line-height: 150%; }
/* OFFICIAL TSB BRAND ELEMENT COLOURS: div.pipeHPWell {background-color:rgb(129, 165, 60, 0.1); line-height: 100%; } */
div.pipeHPWell {background-color:rgb(107, 157, 146, 0.1); line-height: 150%; }
div.railHPWell {background-color:rgb(249, 160, 27, 0.1); line-height: 150%; }
/* Styles used for the Modal Portal Pages*/

/* Individual Modal Brand elements */

/* ------------------------------------------ */

/* <hr> - horizontal line style for index pages */
hr.aviationHR {background-color:rgb(0, 122, 195); height: 10px}
hr.marineHR {background-color:rgb(210, 58, 5); height: 10px}
hr.pipeHR {background-color:rgb(129, 165, 60); height: 10px}
hr.railHR {background-color:rgb(249, 160, 27); height: 10px}
/* <hr> - horizontal line on index pages */

/* ------------------------------------------ */

/* GREEN STRIPE - additional information section on reports/IPs */
#add-sec {padding: 2%;}
ul.add-lst {list-style-type: square;}
ul.add-lst li { font-size: 90% }
/* GREEN STRIPE - additional information section on reports/IPs */

/* ------------------------------------------ */

/* TESTING hover */
.airHover:hover {background-color:rgb(0, 122, 195, 0.9) !important; text-decoration-color: white !important;}
.marineHover:hover {background-color:rgb(210, 58, 52, 0.9) !important; text-decoration-color: white !important;}
.pipelineHover:hover {background-color:rgb(107, 157, 146, 0.9) !important; text-decoration-color: white !important;}
.railHover:hover {background-color:rgb(249, 160, 27, 0.9) !important; text-decoration-color: white !important;}
/* TESTING hover */

/* ------------------------------------------ */

h6 { font-weight: bold; }

/* BUTTON-LINK FROM IP TO REPORT (situated under the IP report title) */
/* Use this style used for report link under report title on investigation pages. */
.btn-ips { color: #000; background-color: #e8f2f4; border-color: #dcdee1; font-weight: bold;} 
.btn-ips:focus { color: #000; background-color: #e8f2f4; border-color: #989da6; }
.btn-ips:visited { color: #000; }
.btn-ips:hover { color: #000; background-color: #cfd1d5; border-color: #bbbfc5; }
.btn-ips:active { color: #000; background-color: #cfd1d5; border-color: #bbbfc5; }
.btn-ips:active:hover, .btn-ips:active:focus, .btn-ips:active.focus { color: #000; background-color: #bbbfc5; border-color: #989da6; }
.btn-ips:active { background-image: none; }
/* Style used for report link under report title on investigation pages. */

/* Added by UB */
/* Social media icons and styles */

.fa-square-x-twitter{
color:#000000;
}
.fa-square-x-twitter:hover{
color: #00B6F1;
}
.fa-square-youtube{
color:#FF0000;
}
.fa-square-youtube:hover{
color: #a10303;
}
.fa-facebook-square{
color:#4267B2;
}
.fa-facebook-square:hover{
color: #223763;
}
.fa-flickr{
color:#0063dc;
}
.fa-flickr:hover{
color: #ff0084;
}
.fa-rss-square{
color:#f26522;
}
.fa-rss-square:hover{
color: #8a3006;
}
.fa-linkedin{
color:#0077b5;
}
.fa-linkedin:hover{
color: #04669A;
}


/* Social media icons and styles */
/* End of added by UB */

/* image border */
img.img-brdr {
	border: solid 1px
}

/* LEADERS: */
/* Use this style when a list has two columns separtated by dots. */
ul.leaders {
 max-width: 40em;
 padding: 0;
 overflow-x: hidden;
 list-style: none}
ul.leaders li:before {
 float: left;
 width: 0;
 white-space: nowrap;
 content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "}
ul.leaders span:first-child {
 padding-right: 0.33em;
 background: white}

.top {
 vertical-align: top;
}
.bg-grey {
 background-color: #e7e5e6;
}

/* Indenting is not 1 to 1. 
 This is a dashed list with a light indent. - John Mangos */

ul.lst-dashed {
 list-style-type: none;
}
ul.lst-dashed > li {
	text-indent: -15px;
}
ul.lst-dashed > li:before {
	padding-right: 10px;
	content: "-";
}

/***** The add-mrgn class adds 10px for of indenting to when 
	 using the span in an li class make sure to wrp other elements 
	 like footnotes in the span as well - John Mangos *****/

ul.lst-add-mrgn {
	margin-right: 10px;
}
ul.lst-add-mrgn > li > span {
	position: relative;
	left: 40px;
}
ol.lst-add-mrgn {
	margin-right: 10px;
}
ol.lst-add-mrgn > li > span {
	position: relative;
	left: 40px;
}

/***** Custom list classes *****/

/***** The lst-num-dbl-brace (numeric) class */
/* This class will bracket the numeral i.e. (1) */

ol.lst-num-dbl-brace {
	list-style-type: none;
	counter-reset: section;
/*	list-style-position: inside|outside; */
}

ol.lst-num-dbl-brace >li {
	display: block;
	text-indent: -25px;
}

ol.lst-num-dbl-brace >li:before {
	content: "(" counter(section, decimal) ") ";
	counter-increment: section;
}

/***** The lst-sngl-brace (lower alpha) class */
/* This class will use right parenthesis on the lower alpha i.e. a) */

ol.lst-sngl-brace {
	list-style-type: none;
	counter-reset: section;
/*	list-style-position: inside|outside; */
}
ol.lst-sngl-brace > li {
	display: block;
	text-indent: -25px;
}
ol.lst-sngl-brace >li:before {	
	content: counter(section, lower-alpha) ") ";
	counter-increment: section;
}

/***** The lst-dbl-brace (lower alpha) class */
/* This class will bracket the lower alpha i.e. (a) */

ol.lst-dbl-brace {
	list-style-type: none;
	counter-reset: section;
/*	list-style-position: inside|outside; */
}
ol.lst-dbl-brace >li {
	display: block;
	text-indent: -25px;
}
ol.lst-dbl-brace >li:before {
	content: "(" counter(section, lower-alpha) ") ";
	counter-increment: section;
}

/***** The lst-rmn-sngl-brace (lower roman) class */
/* This class will use right parenthesis on the lower roman i.e. i) */

ol.lst-rmn-sngl-brace {
	list-style-type: none;
	counter-reset: section;
/*	list-style-position: inside|outside; */
}
ol.lst-rmn-sngl-brace > li {
	display: block;
	text-indent: -25px;
}
ol.lst-rmn-sngl-brace li:before {
	content: counter(section, lower-roman) ") ";
	counter-increment: section;
}

/***** The lst-rmn-dbl-brace (lower roman) class */
/* This class will bracket the lower roman i.e. (i) */

ol.lst-rmn-dbl-brace {
	list-style-type: none;
	counter-reset: section;
/*	list-style-position: inside|outside; */
}

ol.lst-rmn-dbl-brace > li {
	display: block;
	text-indent: -25px;
	
}

ol.lst-rmn-dbl-brace >li:before {
	content: "(" counter(section, lower-roman) ") ";
	counter-increment: section;
}

/***** The lst-bold class bolds the bullets in a list - John Mangos *****/

ol.lst-bold > li:before {
 display: inline-block;
 width: 1.5em;
 font-weight :bold;
 text-align: right;
}

ul.lst-bold > li:before {
 display: inline-block;
 width: 1.5em;
 font-weight: bold;
 text-align: right;
}

/***** Override <time> tag prevent to date from wrapping *****/
time { white-space: nowrap !important; }
/***** <time> override prevent date from wrapping *****/
.table-top {
 vertical-align: top;
}