@import url("//ksatools.eurolandir.com/tools/shareseries/./../Config/footer.css");
/* Not Found: /Config/ShareSeries.css */
/* Not Found: ./../Config/Company/sa-cgs/sa-cgs.css */
/************************************************************************* FONT DECLARATIONS *****************************************************************************/

/*********************************************************************** FONT DECLARATIONS END ***************************************************************************/
@font-face {
	font-family: 'Poppins';
	src: url("//ksatools.eurolandir.com/tools/shareseries/Config/Company/sa-cgs/./font/Poppins-Regular.woff2") format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Din-Next';
	src: url("//ksatools.eurolandir.com/tools/shareseries/Config/Company/sa-cgs/./font/Din-Next-Arabic-Regular.woff2") format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SaudiRiyal';
	src: url("//ksatools.eurolandir.com/tools/shareseries/Config/Company/sa-cgs/./font/SaudiRiyalFont.ttf") format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'SaudiRiyalFont';
    font-style: normal;
    font-weight: 700;
    src: url("//ksatools.eurolandir.com/tools/shareseries/Config/Company/sa-cgs/./font/SR2NEW2.ttf") format('truetype');
}
/***************************************************************************** MAIN RULES ********************************************************************************/
body {
    /* font-family: Arial, Helvetica, sans-serif; */
    font-size: 18px;
    color: #231F20;
    margin:0 auto;
    background:transparent;
}

body.en-gb {
    font-family: 'Poppins' !important;
}

body.en-gb {
    font-family: 'Poppins' !important;
}
.hyperlink,
.cookies-box a,
.text-column,
.data-column,
.tab,
.nav-tab {
    font-family: 'Poppins' !important;
	font-size: 18px !important;
	color: #231F20;
}
.ar-ae .hyperlink,
.ar-ae .cookies-box a,
.ar-ae .text-column,
.ar-ae .data-column,
.ar-ae .tab,
.ar-ae .nav-tab {
    font-family: 'Din-Next' !important;
	font-size: 18px !important;
	color: #231F20;
}
body.ar-ae {
    font-family: 'Din-Next' !important;
}

.ar-ae .hyperlink,
.ar-ae .cookies-box a{
	color: #A7A9AC;
}

#wrapper {
    width:100%;
    max-width: 1065px;
    margin: 0 auto;
    position: relative;
}
.main-heading {
    display: none;
}

/*************************************************************************** TABS CONTROL **********************************************************************************/
.navigator {
    margin-top: 0.15em;
    margin-bottom: 2.5em;
	padding-top: 1em;
	
	position: relative;
	z-index: 0;
}
.navigator:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0em;
	left: 0em;
	width: 100%;
	height: 0em;
	z-index: -1;
	
	border-bottom: 0.08em solid #A7A9AC;	
}
.nav-tab {
    float:none;
    display:inline-block;
    margin-left: -0.08em;
    
	margin: 0.0em 0.08em 0.0em 0.08em;
}
#nav {
    padding: 0;
    font-size: 0;
    text-align: center;
	
}
.tab_left,
.tab_right {
	display: none !important;
}
.tab {
    float: none;
    display: inline-block;
    height: auto;
    line-height: normal;
	box-sizing: border-box;
	
    padding-top: 1.0em !important;
    padding-right: 2.0em;    
	padding-bottom: 1.0em !important;
    padding-left: 2.0em;
    
	font-family: inherit;
	font-weight: bold;
	font-size: 1.0em;
	font-style: normal;
	text-decoration: none;
	text-transform: none;
	
	border-radius: 0.0em 0.0em 0.0em 0.0em;
	
	border-top: 0em solid #FFFFFF;
	border-right: 0em solid #FFFFFF;
	border-bottom: 0em solid #FFFFFF;
	border-left: 0em solid #FFFFFF;
	
    background: #FFFFFF;
    color: #A7A9AC;
	
    transition: background 0.5s, color 0.5s, border 0.5s;
    position: relative;
	top: 0.3em;
	left: 0em;
}

.tabselected,
.tabselected:hover,
.tabselected:active,
.tab:hover,
.tab:active {
    background: #FFFFFF;
	color: #231F20;	
	border-top: 0em solid #FFFFFF;
	border-right: 0em solid #FFFFFF;
	border-bottom: 0em solid #FFFFFF;
	border-left: 0em solid #FFFFFF;
}

.tabselected:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -0em;
    border-left: 0em solid transparent;
    border-right: 0em solid transparent;
    border-top: 0em solid #FFFFFF;
}
.tab_left,
.tab_right {
    display:none !important;
}

/*************************************************************************** TABLE RULES ***********************************************************************************/

/*** Table ***/

.border-outline {
	border-collapse: collapse;
    border-spacing: 0px;
	width: 100%;
}

/*** Inner Borders ***/

.table-column-headings.table-share-value {
	border-left: 0em solid #A7A9AC;
}

.border-inline:last-child {
	border-left: 0em solid #A7A9AC;
}

.border-inline {
	border-bottom: 0em solid #A7A9AC ;
}

/*** Outter borders ***/

.table-column-headings {
	border-top: 0em solid #A7A9AC;
}

.border-inline:first-child,
.table-column-headings.table-share-label {
	border-left: 0em solid #A7A9AC;
}
.border-inline:last-child,
.table-column-headings.table-share-value {
	border-right: 0em solid #A7A9AC;
}
.border-outline tr:last-child .border-inline {
	border-bottom: 0em solid #A7A9AC;
}

/*** Header Top/Bottom Borders ***/

.table-column-headings {
	border-top: 0em solid #A7A9AC;
	border-bottom: em solid #A7A9AC;
}

/*** Header Left/Right Borders ***/

.table-column-headings.table-share-label {
	border-left-color: #A7A9AC;
}

.table-column-headings.table-share-value {
	border-right-color: #A7A9AC;
}

/*** Table Backgrounds ***/

/*** Head ***/

.table-column-headings.table-share-label {
	background: #04955F;
	color: #FFFFFF !important;
	text-align: left;
	
	font-weight: normal;
	text-transform: none;
}
.table-column-headings.table-share-label .text-column,
.table-column-headings.row-header.table-share-value .data-column {
    color: #ffffff !important;
}
.table-column-headings.table-share-value {
	background: #04955F;
	color: #FFFFFF !important;
	text-align: right;
	
	font-weight: normal;
	text-transform: none;
}

/*** Body ***/

.table-share-row-even.border-inline {
	background: #F4F4F6  !important;
}
.table-share-row-odd.border-inline {
	background: #FFFFFF  !important;
}

.border-inline:first-child {
	background: transparent;
	text-align: left;
	color: #231F20;
	
	font-weight: normal;
	text-transform: none;
}
.border-inline:last-child {
	background: transparent;
	text-align: right;
	color: #231F20;
	
	font-weight: normal;
}

/*padding / width / vertical alignment control for table*/
.table-column-headings {
    width:50%;
}

.text-column,
.data-column {
    padding: 10px;
    height: auto;
    line-height: normal;
    vertical-align: bottom;
}

.data-column img {
    display:none;
}
/************************************************************************* + / - ***********************************************************************************************/
.share-price-value-increase-color {
    color: #14A839;
    display: inline-block;
    position: relative;
    top: 0px;
    left: 0px;
    padding-right:1em;
}
.share-price-value-increase-color:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 55%;
    right: 0;
    margin-top: -0.4em;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-bottom: 0.7em solid #14A839;
}
.share-price-value-decrease-color {
    color: #FF0000;
    display: inline-block;
    position: relative;
    top: 0px;
    left: 0px;
    padding-right:1em;
}
.share-price-value-decrease-color:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 55%;
    right: 0;
    margin-top: -0.4em;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-top: 0.7em solid #FF0000;
}

/********************************************************************* FOOTER & LINKS ******************************************************************************************/
.footer-box {
    padding-top: 5em;
    position: relative;
    top: 0px;
    left: 0px;

    padding-top: 8em;
}
.footer-box .hyperlink,
.disclaimer-box a,
.cookies-box a {
    color: #A7A9AC;
    text-decoration: none;
    font-style: none;
    font-weight: normal;
}
.footer-box .hyperlink:hover,
.disclaimer-box a:hover,
.cookies-box a:hover,
.footer-box .hyperlink:active,
.disclaimer-box a:active,
.cookies-box a:active {
    color: #231F20;
    text-decoration: underline;
    font-style: none;
    font-weight: none;
}

/********************************************************************** PRINT BUTTON *******************************************************************************************/
.print .icon {
    display:none;
}
.print .hyperlink,
.print .hyperlink:active {
  font-family: inherit;
  font-size: 18px;
  font-weight: normal;
  color: #ffffff;
  text-transform: none;
  margin: 0.5em;
  padding: 12px 26px;
  border: 1px solid #231F20;
  border-radius: 0.0em 0.0em 0.0em 0.0em;
  background: #231F20;
  transition: background 0.5s, color 0.5s, border 0.5s;
  text-decoration: none;
  margin-top: 17px;
  height: 50px;
}
.print .hyperlink:hover {
	
	cursor: pointer;
    text-decoration:none;
   background: #ffffff;
  color: #231F20 !important;
  border-color: #231F20;
}
.print {
    width: 100%;
    text-align:center;
    position:absolute;
    top: 2em;
    left: 0;
}

#header_table > tr:nth-child(3) > td:nth-child(2) > div > span {
    font-family: 'SaudiRiyal', sans-serif;
}


.footer-box div.policy-box span a,
.footer-box div.supplied a,
.footer-box {
    font-size: 14px !important;
}
.supplied {
    color: #A7A9AC !important;
}
@media print{

    .text-column, .data-column {
        padding: 5px;
        font-size: 16px !important;

    }

    body.body-rtl .data-column,
    body.body-rtl .text-column {
        padding: 0.4em !important;
    }
      .hyperlink, .cookies-box a, .text-column, .data-column, .tab, .nav-tab {
        font-size: 14px;
    }
    .print .hyperlink {
        font-size: 14px;
    }
    .footer-box {
        font-size: 14px;
    }
    .footer-box {
        padding-top: 6em;
    }
}

.ar-ae .print .hyperlink {
    padding-top: 6px !important;
}
