@font-face {
    font-family: 'century gothic';
    src: url('../fonts/GOTHIC.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'century gothic';
    src: url('../fonts/GOTHICI.TTF') format('truetype');
    font-weight: normal;
    font-style: italic;

}
@font-face {
    font-family: 'century gothic';
    src: url('../fonts/GOTHICB.TTF') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'century gothic';
    src: url('../fonts/GOTHICBI.TTF') format('truetype');
    font-weight: bold;
    font-style: italic;
}

body {font-size:13px; font-family:'century gothic', 'Muli', sans-serif; margin:10px;overflow:auto;
    border : 0px none;}
p{padding-left:4px;}
A:link {text-decoration: none; color: black;line-height:15px;font-size:13px;}
A:visited {text-decoration: none; color:black;line-height:15px;font-size:13px;}
A:active {text-decoration: none; color: black;line-height:15px;font-size:13px;}
A:hover {text-decoration: none; color: #FF6600;line-height:15px;font-size:13px;}
.altdataHover:hover {text-decoration: none; color:#990026;line-height:15px;font-size:13px;}
.Hover:hover {text-decoration: none; color: #EE7600;line-height:15px;font-size:13px;}



A.sidebar:link {font-weight:bold; text-decoration: none;line-height:15px}
A.sidebar:visited {font-weight:bold; text-decoration: none; line-height:15px}
A.sidebar:active {font-weight:bold;  text-decoration: none;line-height:15px}
A.sidebar:hover {font-weight:bold; text-decoration: underline;line-height:15px}

A.menu:link {font-size:12px;text-decoration: none; color:white;}
A.menu:visited {font-size:12px;text-decoration: none; color:white;}
A.menu:active {font-size:12px;text-decoration: none; color: white;}
A.menu:hover {font-size:12px;text-decoration: none; color:black;}

A.link:link {font-weight:bold;text-decoration: underline; color: black; line-height:15px }
A.link:visited {font-weight:bold;text-decoration: underline; color: black;line-height:15px}
A.link:active {font-weight:bold;text-decoration: underline; color: black;line-height:15px}
A.link:hover {font-weight:bold;text-decoration: none; color:orange;line-height:15px}

a.news:link{text-decoration: underline; color:black;}
a.news:visited{text-decoration: underline; color: black;}
a.news:active{text-decoration: underline; color:black}
a.news:hover{text-decoration: none; color: orange;}

a.addedvalue:link {text-decoration:none;color:black;}
a.addedvalue:visited {text-decoration:none;}
a.addedvalue:active {text-decoration:none;}
a.addedvalue:hover {text-decoration:none;}

.altDataCompareProd:hover {color: #990026;}
/*.altDataCompareProd span {background-color: #e2184a21;}*/

hr
{border:1px solid rgb(203,204,220);
    border-width: 1px 0 0;
    clear: both;
    height: 0;
}
select{font:normal 13px century gothic;}
input{font:normal 13px century gothic;}
.button{font-size:13px; width:75px}
.MainHeading{font-size:28px; color:black; padding:0px;}
.SideHeadings{font-weight:bold; font-size:16px; color: #EE7600;}
.AltSideHeadings{font-weight:bold; font-size:16px; color: #990026;}
.textHeadings{font-weight:bold; font-size:14px; color: #EE7600;}
.altTextHeadings{font-weight:bold; font-size:14px; color: #990026;}
.rustHeadingsQG{font-weight:bold; font-size:14px;  color: #EE7600;}
.rustTextHeadings{font-weight:bold; font-size:16px;  color: #EE7600;}
.crimsonTextHeadings{font-weight:bold; font-size:16px;  color: #990026;}
.rustBold{font-weight:bold; font-size:14px; color: #996600;}
table{ font-size:13px}
th{ color:white; vertical-align:top;  padding:2px; text-align:left; background-color:black;}
#exchange-alert-table {float: left}
#exchange-alert-table th {background-color: white}
#exchange-alert-table a {text-decoration: underline}

#exchange-alert-table th.sortable a,
.document-repository-table .sort-icon {
    background: transparent url('../images/sort-white.png') center right no-repeat;
    padding-right: 30px;
    text-decoration: none;
}

.scrolling { width:100%; height:650px;  overflow:auto; }
td{ font-size:13px}
table { border-collapse: inherit; }
*, ::after, ::before { box-sizing: inherit; }

.document-title {
    cursor: pointer;
    margin: 20px 0 -10px;
    display: block;
}
.display-block {
    display: block;
}

.modal-body.ea-description {
    text-align: left;
}

#exportPoliciesModal .modal-body .options {
    margin: 15px;
}

#exchange-alert-table td, #exchange-alert-table th {
    border: none;
}
#exchange-alert-table th {
    background: black;
}
#exchange-alert-table th a {
    color: white;
}
#exchange-alert-table th a:hover {
    color: #EE7600;
}
.document-repository-table td {
    border: none;
    padding: 9px;
}


.cursor-pointer{ cursor: pointer; }
.cursor-pointer:hover{ color: #EE7600 !important; }
.retired-checkbox { margin-left: 155px; }

.newsText{font-size:12px;font-weight:bold;}
.pageTitles{font-weight:bold; color: #6495ED;}
.divPublishPages{width:250px;float: left; overflow : auto; height:650px; padding: 10px 0 10px 2px;border-right:solid 1px #555; }
.pageNoteText{ color: Orange;}
.normalText{ color: black;}
.thHeading{color:#888888;}
.confirm{color: #FF0066; font-weight: bold;}
.txtStrengths{ height: 50px; width: 500px;}
.sepLines{ text-decoration:none; color:#667C26; padding-left:2px; padding-right:2px;}
.divSide{width:240px;overflow : auto; height:610px; padding: 10px 0 10px 2px;}
.divLeft{width:350px;float: left; overflow : auto; height:650px; padding: 5px 2px 0px 2px;border:solid 0px #555}
.functionality1{width:100px; text-align:center; background-color:#999; color:white; font-weight:bold; cursor: pointer;}
.functionality2{width:100px; text-align:center; background-color:orange; color:white;font-weight:bold;cursor: pointer;}
.functionality3{width:100px; text-align:center; background-color:black; color:white;font-weight:bold;cursor: pointer;}

#contact { color:black;}
#contact th{font-weight:bold; color:#555;padding:0;margin:0; background-color:white;}
#contact td{color:black;padding:0 0 0 5px;margin:0}
.loginFooter{ vertical-align :top;font-size:11px;border-top:solid 0px black;}
.topHeadersOpenBlack{color:black;background-color:white;border:solid 1px black;cursor:pointer;
    font-weight:bold; font-size:14px;width:100px;text-align:center;}
.topHeadersOpen{color:#EE7600;background-color:white;border:solid 1px #EE7600;cursor:pointer;
    font-weight:bold; font-size:14px;width:100px;text-align:center;}
.topAltHeadersOpen{color:#990026;background-color:white;border:solid 1px #990026;cursor:pointer;
    font-weight:bold; font-size:14px;width:100px;text-align:center;}
.topHeaders{font-weight:bold; font-size:14px;width:100px; color:white;cursor: pointer;
    text-align:center;background-color:#EE7600;border:solid 1px #EE7600;
}
.topHeadersBlack{font-weight:bold; font-size:14px;width:100px; color:white;cursor: pointer;
    text-align:center;background-color:black;border:solid 1px black;
}
.topAltHeaders{font-weight:bold; font-size:14px;width:100px; color:white;cursor: pointer;
    text-align:center;background-color:#990026;border:solid 1px #990026;
}
#preferencesalertsExchangeAlertTab {
    padding: 5px;
    display: block;
    width: 110px;
}
#preferencesalertsMaindiv .hide {
    display: none;
}

.topFuncHeadersOpen{font-weight:bold; font-size:14px;text-align:center;width:100px;color:black;background-color:white;border:solid 1px black;border-bottom:solid 1px white;cursor:pointer}
.topAltFuncHeadersOpen{font-weight:bold; font-size:14px;text-align:center;width:100px;color:black;background-color:white;border:solid 1px black;border-bottom:solid 1px white;cursor:pointer}
.topFuncHeaders{font-weight:bold; font-size:14px;text-align:center;width:100px;color:white;background-color:black;border:solid 1px black;cursor:pointer}
.topAltFuncHeaders{font-weight:bold; font-size:14px;text-align:center;width:100px;color:white;background-color:black;border:solid 1px black;cursor:pointer}

.emptyLine{border-bottom: solid 1px #CCCC99;}
.verticaltext {writing-mode: tb-rl; filter: flipv fliph; width:40px; padding:5px;
    font-weight:bold; background-color:#F0F8FF;width:50px}
 
.fctFunction{font-weight:bold; font-size:14px; padding-left:5px;color:black;background-color:#F0F8FF;vertical-align:middle;}

.fctCompare{font-weight:bold;padding-left:5px;color:maroon;background-color:#CDC9A5;text-align:center;}

.sidebarText{font: normal 12px verdana;color:#996600;height:20px;border:solid 0px #777;cursor:pointer;}

.clickable {color: red; border: 0px none; cursor: pointer;
}
.popUpDiv{display:none; position:absolute; font-size:11px; border:solid 1px black; background-color:#FFFFF2; padding: 5px; width:250px;}
.parentpopUpDiv{display:none; position:absolute; font-size:11px;border:solid 1px black; background-color:#FFFFF2; padding: 5px; width:200px;}
.searchResults{color:#996600;}
.lastUpdate    {
    font-size: 11px;
    font-weight: bold;
    vertical-align: top;
    text-align: right;
    float: right;
}
.olive{font-size:12px;color:black}

FORM.sidebar {
    padding : 0;
    margin : 0;
}

FORM.addq {
    padding : 0;
    margin : 0;
}

DIV.moduleMenu {

    padding : 0;
    margin : 0;
}

INPUT.sidebar {
    padding : 0;
    margin : 0;
    width: 45%;
    color : black;
}

img {
    padding : 0;
    margin : 0px;
    border : 0px none;
}

IFRAME {
    padding : 0;
    margin : -1px;
    border-right : none;
    border-left : none;
}
FRAME {
    padding : 0;
    margin : -1px;
    border-right : none;
    border-left : none;
}

#scrollboxleft {
    width: 100%;
    height: 87vh;
    overflow: scroll;
}

#scrollboxright {
    width: 100%;
    height: 87vh;
    overflow: auto;
}

.favourites{font-size:13px;}
.favHeading{font-weight:bold; font-size:12px; color:white;background-color:#EE7600;}
.favAltHeading{font-weight:bold; font-size:12px; color:white;background-color:#990026;}



.color-title		{color:#666633;background-color:#CCCC99;}
.color-header		{background-color:#CCCCCC;}
.color-buttons		{background-color:#ccccc5;}
.color-border		{background-color:#666666;}

.color-row			{background-color:#fffff5;}
.color-rowalert		{background-color:#ffddaa;}

.noModIcon {
    color: #8B4513;
    font-weight : normal;
}

.popUpClassHover {
    background-color:#EEF3E2;
    text-decoration: none;
    color: white;
    font-size: 12px;
    font-weight: bold;
}

a.popUpClassHover {
    text-decoration: none;
    color: white;
}

.PantoneOrange{color:rgb(255,116,0);}
.PantoneReflexBlack{color:rgb(0,0,0);}
.bgPantoneOrange{background-color:rgb(255,116,0);font-weight:bold;font-size:12px;}
.bgPantoneReflexBlack{background-color:rgb(0,0,0);}

.triggerText {
    color:black;cursor:pointer;
}

ul.go-somewhere {list-style-image: url(../images/arrow1.PNG); line-height:5px;  font-size:11px;color:#888;}
#comment a{font-size:11px;}

.roundTicks{width:15px;padding-left:7px;color:white;font-size:24px; background-image:url('../images/roundTick.gif'); background-repeat:no-repeat;}
.roundcont { width: 325px;background-color: rgb(255,116,0); color: #fff;}

.roundcont p { margin: 0 10px; }

.roundtop {background: url(../images/rightTop.gif) no-repeat top right;}

.roundbottom { background: url(../images/rightBottom.gif) no-repeat top right;}

img.corner {width: 15px; height: 15px; border: none; display: block !important; }

A.footer:link {text-decoration: none; color:black; font-size:11px;}
A.footer:visited {text-decoration: none; color:black; font-size:11px;}
A.footer:active {text-decoration: none; color:black; font-size:11px;}
A.footer:hover {text-decoration: underline; color:#EE7600; font-size:11px;}
.filedsreq{color:red}

.mainMenuLinks{cursor: pointer;color:white; display: inline-block; margin-top:1px;padding-right: 30px;}
.mainMenuLinks:hover {color: #EEE;}
.mainMenuLinks:active {color: #000;}

.popUpDiv12{display:none; position:absolute; border:solid 1px olive; background-color:#FFFFF2;  width:250px;}
.fctdisplay{font-weight:bold;color:black;background-color:#aaa6a6;}
.fctAltdisplay{font-weight:bold;color:white;background-color:#990026;}
.fctfirstdisplay{font-weight:bold;color:white;background-color:#990026;}

#searchTab {background: white; top: 0; left: 0;}

.noclick {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: white; opacity: 0.8;}

.switchView:hover{box-shadow: 2px 2px 2px #777;}
.tabs {margin: 0px; padding: 0px; line-height: 0px;}
.tabs img {height: 40px; width: auto;}
.tabs li {display: inline-block; background: #DDD; border: 1px solid #CCC; position: relative;}
.tabs .selected {background: white; z-index: 2; border-bottom-color: white;}
.tabs {position: relative;}
.tabs li {border-top-left-radius: 6px; border-top-right-radius: 6px;}
.tabs li .selected:before {box-shadow: 2px 2px 0 #FFF;}
.tabs li .selected:after {box-shadow: -2px 2px 0 #FFF;}
.tabs li {background: linear-gradient(to bottom, #DBDBDB 50%, #CACACA 100%); margin: 0 -5px; padding: 0 20px;}
.tabs li:first-child {margin-left:1px;}


/* Added by Kingsley 16/08/2018 */

.topspan {
	font-size: 13px;
	 color: #777;
}

.toggle_spanner {
	position:absolute;
	margin-left:30px;
	/*top:5px;*/
	font-size: 10px !important; 
}

.sitemap {
	position:relative;
	margin-left:-85px;
	
}

.aligned {
    display: inline-block;
    width: 29% !important;
}

.parent-checkbox {
    margin: 5px 0 0 627px;
}

.ESGForm {
    align: center;
    cursor: pointer;
    margin-bottom: 25px;
}

#vendorList i.fa.fa-flag {
    cursor: pointer;
}

#loader {
    border: 12px solid #f3f3f3;
    border-radius: 50%;
    border-top: 12px solid #444444;
    width: 70px;
    height: 70px;
    animation: spin 1s linear infinite;
}

.center {
    position: absolute;
    top: 75%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}
#sidebar-legend td {
    font-size:10px;
}

#sidebar-legend td #legend-title {
    color: #EE7600;
    font-weight: bold;
}