@import url("//tools.eurolandir.com/tools/shareseries/./../Config/footer.css");
/* Not Found: /Config/ShareSeries.css */
/* Not Found: ./../Config/Company/OM-OQEP/OM-OQEP.css */
/************************************************************************* FONT DECLARATIONS *****************************************************************************/
@font-face {
    font-family: "Aktiv Grotesk";
    font-style: normal;
    font-weight: 400;
    src: url("//tools.eurolandir.com/tools/shareseries/Config/Company/OM-OQEP/fonts/aktiv.ttf") format('truetype');
}

@font-face {
    font-family: "Aktiv Grotesk";
    font-style: normal;
    font-weight: 700;
    src: url("//tools.eurolandir.com/tools/shareseries/Config/Company/OM-OQEP/fonts/aktivbold.ttf") format('truetype');
}

@font-face {
    font-family: "Grotesk";
    font-style: normal;
    font-weight: 400;
    src: url("//tools.eurolandir.com/tools/shareseries/Config/Company/OM-OQEP/fonts/AktivRegular.ttf") format('truetype');
}

/*********************************************************************** FONT DECLARATIONS END ***************************************************************************/

/***************************************************************************** MAIN RULES ********************************************************************************/
body {
    font-family: "Aktiv Grotesk", sans-serif;
    font-size: 16px;
    color: #231F20;
    margin: 0 auto;
    background: transparent;
}

.hyperlink,
.cookies-box a,
.text-column,
.data-column,
.tab,
.nav-tab {
    font-family: "Aktiv Grotesk", sans-serif;
    font-size: 16px;
}

.ar-ae body,
.ar-ae .tab,
.ar-ae .nav-tab,
.ar-ae .hyperlink,
.ar-ae .text-column,
.ar-ae .data-column,
.ar-ae .cookies-box a {
    font-family: "Grotesk", sans-serif;
}

#wrapper {
    width: 100%;
    max-width: 1536px;
    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: 0em solid #FFFFFF;
}

.nav-tab {
    float: none;
    display: inline-block;
    margin-left: -0.08em;

    margin: 0.0em 1.2em 0.0em 1.2em;
}

#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: normal;
    font-size: 1.0em;
    font-style: normal;
    text-decoration: none;
    text-transform: none;

    border-radius: 0em;

    border-top: 2px solid #E20022;
    border-right: 2px solid #E20022;
    border-bottom: 2px solid #E20022;
    border-left: 2px solid #E20022;

    background: #FFFFFF;
    color: #E20022;

    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: #E20022;
    color: #FFFFFF;
    border-top: 2px solid #E20022;
    border-right: 2px solid #E20022;
    border-bottom: 2px solid #E20022;
    border-left: 2px solid #E20022;
}

.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 #E20022;
}

.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 #EDEDED;
}

.border-inline:last-child {
    border-left: 0em solid #EDEDED;
}

.border-inline {
    border-bottom: 0em solid #EDEDED;
}

/*** Outter borders ***/

.table-column-headings {
    border-top: 0em solid #EDEDED;
}

.border-inline:first-child,
.table-column-headings.table-share-label {
    border-left: 0em solid #EDEDED;
}

.border-inline:last-child,
.table-column-headings.table-share-value {
    border-right: 0em solid #EDEDED;
}

.border-outline tr:last-child .border-inline {
    border-bottom: 0em solid #EDEDED;
}

/*** Header Top/Bottom Borders ***/

.table-column-headings {
    border-top: 0em solid #EDEDED;
    border-bottom: em solid #EDEDED;
}

/*** Header Left/Right Borders ***/

.table-column-headings.table-share-label {
    border-left-color: #EDEDED;
}

.table-column-headings.table-share-value {
    border-right-color: #EDEDED;
}

/*** Table Backgrounds ***/

/*** Head ***/

.table-column-headings.table-share-label {
    background: #136579;
    color: #FFFFFF;
    text-align: left;

    font-weight: normal;
    text-transform: none;
}

.table-column-headings.table-share-value {
    background: #136579;
    color: #FFFFFF;
    text-align: right;

    font-weight: normal;
    text-transform: none;
}

/*** Body ***/

.table-share-row-even.border-inline {
    background: #FFFFFF;
}

.table-share-row-odd.border-inline {
    background: #F7F7F7 !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-top: 0.8em;
    padding-bottom: 0.8em;
    padding-left: 0.8em;
    padding-right: 0.8em;

    /* height: 60px; */
    line-height: normal;
    vertical-align: bottom;
    box-sizing: border-box;
}

.data-column img {
    display: none;
}

/************************************************************************* + / - ***********************************************************************************************/
.share-price-value-increase-color {
    color: #008800;
    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: 50%;
    right: 0;
    margin-top: -0.4em;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-bottom: 0.7em solid #008800;
}

.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: 50%;
    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 {
    position: relative;
    top: 0px;
    left: 0px;

    padding-top: 5em;
}

.footer-box,
.footer-box a {
    font-size: 15px;
    color: #6D6D6D;
    line-height: 20px;
}

.footer-box .hyperlink,
.disclaimer-box a,
.cookies-box a {
    color: #6D6D6D;
    text-decoration: underline;
    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: #6D6D6D;
    text-decoration: underline;
    font-style: none;
    font-weight: none;
}

/********************************************************************** PRINT BUTTON *******************************************************************************************/
.print .icon {
    display: none;
}

.print .hyperlink,
.print .hyperlink:active {
    height: 60px;
    line-height: 60px;
    text-decoration: none;

    font-family: inherit;
    font-size: 16px;
    font-weight: normal;
    text-transform: none;

    padding: 0 1em;

    border: 2px solid #F58220;
    border-radius: 0em;

    background: #FFFFFF;
    color: #F58220 !important;

    transition: background 0.5s, color 0.5s, border 0.5s;
    max-width: 200px;
    text-align: center;
    display: inline-block;
    width: 100%;
    min-height: 60px;
    box-sizing: border-box;
}

.print .hyperlink:hover {

    cursor: pointer;
    text-decoration: none;
    font-weight: normal;

    background: #F58220;
    color: #FFFFFF !important;
    border-color: #F58220;
}

.print {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 2em;
    left: 0;
}

td.table-column-headings > div {
    font-size: 18px;
}

@media print {
    .print {
        display: none;
    }

    .footer-box {
        padding-top: 2em;
    }

    .text-column, 
    .data-column,
    body.body-rtl .data-column,
    body.body-rtl .text-column {
        padding: 0.2em 0.8em !important;
        height: 40px;
    }

    body.body-rtl .data-column,
    body.body-rtl .text-column {
        line-height: 20px;
    }

    .hyperlink,
    .cookies-box a,
    .text-column,
    .data-column,
    .tab,
    .nav-tab {
        font-size: 16px;
    }
}

/* ARABIC */

body.body-rtl .data-column,
body.body-rtl .text-column {
    padding: 0.8em;
    line-height: 40px;
}

/* RESPONSIVE */

/* @media screen and (max-width: 575px) {

    .text-column,
    .data-column {
        height: 60px;
    }
} */

@media screen and (max-width: 690px) {

    .footer-box {
        padding-top: 8em;
    }
}