@import url("//tools.eurolandir.com/tools/shareseries/./../Config/footer.css");
/* Not Found: /Config/ShareSeries.css */
/* Not Found: ./../Config/Company/ch-sik/ch-sik.css */
/************************************************************************* FONT DECLARATIONS *****************************************************************************/

/*********************************************************************** FONT DECLARATIONS END ***************************************************************************/

/***************************************************************************** MAIN RULES ********************************************************************************/
@font-face {
    font-family: 'Klavika Light';
    src: url("//tools.eurolandir.com/tools/shareseries/Config/Company/ch-sik/Fonts/klavika-light.woff") format("TrueType");
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'Klavika Regular';
    src: url("//tools.eurolandir.com/tools/shareseries/Config/Company/ch-sik/Fonts/klavika-regular.woff") format("TrueType");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Klavika Medium';
    src: url("//tools.eurolandir.com/tools/shareseries/Config/Company/ch-sik/Fonts/klavika-vn-medium.ttf") format("TrueType");
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: 'Klavika Bold';
    src: url("//tools.eurolandir.com/tools/shareseries/Config/Company/ch-sik/Fonts/klavika-bold.woff") format("TrueType");
    font-style: normal;
    font-weight: 900;
}

body {
    font-family: 'Klavika Light';

    font-size: 18px;
    color: #000000;
    margin: 0 auto;
    background: transparent;
}

.hyperlink,
.cookies-box a,
.text-column,
.data-column,
.tab,
.nav-tab {
    font-family: 'Klavika Light';
    font-size: 18px;
}

td.table-column-headings .text-column,
td.table-column-headings span.header-share-name {
    font-family: 'Klavika Medium';
    font-size: 18px;
    font-weight: 500 !important;
    text-transform: capitalize;
    line-height: 34px !important;
}

#wrapper {
    width: 100%;
    /* max-width: 1200px; */
    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 #DDDDDD;
}

.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: 0.08em solid #DDDDDD;
    border-right: 0.08em solid #DDDDDD;
    border-bottom: 0.08em solid #DDDDDD;
    border-left: 0.08em solid #DDDDDD;

    background: #FFFFFF;
    color: #000000;

    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: #000000;
    border-top: 0.08em solid #DDDDDD;
    border-right: 0.08em solid #DDDDDD;
    border-bottom: 0.08em solid #DDDDDD;
    border-left: 0.08em solid #DDDDDD;
}

.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 #DDDDDD;
}

.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 #DDDDDD;
}

.border-inline:last-child {
    border-left: 0em solid #DDDDDD;
}

.border-inline {
    border-bottom: 0em solid #DDDDDD;
}

/*** Outter borders ***/

.table-column-headings {
    border-top: 0em solid #DDDDDD;
}

.border-inline:first-child,
.table-column-headings.table-share-label {
    border-left: 0em solid #DDDDDD;
}

.border-inline:last-child,
.table-column-headings.table-share-value {
    border-right: 0em solid #DDDDDD;
}

.border-outline tr:last-child .border-inline {
    border-bottom: 0em solid #DDDDDD;
}

/*** Header Top/Bottom Borders ***/

.table-column-headings {
    border-top: 0em solid #DDDDDD;
    border-bottom: em solid #DDDDDD;
}

/*** Header Left/Right Borders ***/

.table-column-headings.table-share-label {
    border-left-color: #DDDDDD;
}

.table-column-headings.table-share-value {
    border-right-color: #DDDDDD;
}

/*** Table Backgrounds ***/

/*** Head ***/

.table-column-headings.table-share-label {
    background: #FCC500;
    color: #000000;
    text-align: left;
    border-bottom: 0px solid #000;
    font-weight: bold;
    text-transform: none;
    text-transform: uppercase;
}

.table-column-headings.table-share-value {
    background: #FCC500;
    color: #000000;
    text-align: right;
    border-bottom: 0px solid #000;
    font-weight: bold;
    text-transform: none;
}

/*** Body ***/
/* 
.table-share-row-even.border-inline {
	background: #FFFFFF  !important;
}
.table-share-row-odd.border-inline {
	background: #F2F2F2  !important;
} */

.border-inline:first-child {
    /* background: #FFFFFF; */
    text-align: left;
    color: #000000;

    font-weight: normal;
    text-transform: none;
}

.border-inline:last-child {
    /* background: #FFFFFF; */
    text-align: right;
    color: #000000;

    font-weight: normal;
}

/*padding / width / vertical alignment control for table*/
.table-column-headings {
    width: 50%;
}

.text-column,
.data-column {
    padding: 1em;
    border-bottom: 0px solid #000000;
    height: auto;
    line-height: 16px;
    vertical-align: bottom;
}

.data-column img {
    display: none;
}

table#header_table tr,
table#header_table tr td {
    display: inline-block !important;
    width: 50%;
    box-sizing: border-box;
}

table#header_table tr:nth-child(2n+1) {
    box-sizing: border-box;
    padding-right: 20px;
}

table#header_table tr:first-child,
table#header_table tr[order="0"] {
    width: 100%;
    padding: 0 !important;
}

table#header_table tr {
    font-size: 0;
}

tr[order="0"],
tr[order="1"],
tr[order="2"],
tr[order="3"],
tr[order="4"],
tr[order="5"],
tr[order="6"],
tr[order="7"],
tr[order="8"],
tr[order="9"],
tr[order="10"],
tr[order="11"],
tr[order="12"],
tr[order="13"],
tr[order="14"],
tr[order="15"],
tr[order="16"],
tr[order="17"],
tr[order="18"],
tr[order="19"],
tr[order="20"],
tr[order="21"] {
    background: transparent;
    border-bottom: 1px solid #000;
}

.row-hover td div {
    background-color: #F1F1F1;
}

/************************************************************************* + / - ***********************************************************************************************/
.share-price-value-increase-color {
    color: #52a398;
    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 #52a398;
}

.share-price-value-decrease-color {
    color: #D8282F;
    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 #D8282F;
}

/********************************************************************* FOOTER & LINKS ******************************************************************************************/
.footer-box {
    padding-top: 5em;
    position: relative;
    top: 0px;
    left: 0px;

    padding-top: 5em;
}

.footer-box .hyperlink,
.disclaimer-box a,
.cookies-box a {
    color: #000000;
    text-decoration: none;
    font-style: none;
    border-bottom: 4px solid #FCC500;
    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: #000000;
    text-decoration: none;
    font-style: none;
    /* background-color: #FCC500; */
    font-weight: none;
}

.supplied a.hyperlink,
.cookies-box a,
.supplied,
.policy-box {
    font-size: 14px;
}

/********************************************************************** PRINT BUTTON *******************************************************************************************/
.print .icon {
    display: none;
}

.print .hyperlink,
.print .hyperlink:active {
    font-family: 'Klavika Regular';
    font-size: 18px;
    font-weight: 400;
    color: #3c3c3c;
    text-transform: capitalize;
    margin: 0.5em;
    padding: 0.5em 1em 0.7em;
    border: 1px solid #FCC500;
    border-radius: 5px;
    background: #FCC500;
    transition: all .3s ease-in;
    text-decoration: none;
    width: 11em;
    transition: background 0.5s, color 0.5s, border 0.5s;
}

.print .hyperlink:hover {
    text-decoration: none;
    background: #FCC500;
    color: #000000;
    border-color: #FCC500;
    box-shadow: 0 2px 4px rgb(0 0 0 / 20%), 0 1px 3px rgb(0 0 0 / 10%);
}

.print {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 2em;
    left: 0;
}

@media (max-width: 786px) {

    table#header_table tr,
    table#header_table tr td {
        width: auto;
        display: revert !important;
    }

    tr[order="1"],
    tr[order="2"],
    tr[order="5"],
    tr[order="6"],
    tr[order="9"],
    tr[order="10"],
    tr[order="13"],
    tr[order="14"],
    tr[order="17"],
    tr[order="18"],
    tr[order="21"] {
        background: transparent;
    }

    tr[order="1"],
    tr[order="3"],
    tr[order="5"],
    tr[order="7"],
    tr[order="9"],
    tr[order="11"],
    tr[order="13"],
    tr[order="15"],
    tr[order="17"],
    tr[order="19"],
    tr[order="21"] {
        background: transparent !important;
    }

    /* .table-share-row-odd.border-inline{
    background: #E0E0E0 !important;
} */
}

@media (max-width: 480px) {

    .text-column {

        font-size: 18px !important;

    }

}

@media print {
    .print {
        display: none;
    }

    /* table#header_table tr, table#header_table tr td {
            width: auto;
            display: revert !important;
          } */
    tr[order="1"],
    tr[order="2"],
    tr[order="5"],
    tr[order="6"],
    tr[order="9"],
    tr[order="10"],
    tr[order="13"],
    tr[order="14"],
    tr[order="17"],
    tr[order="18"],
    tr[order="21"] {
        background: transparent;
    }

    tr[order="1"],
    tr[order="3"],
    tr[order="5"],
    tr[order="7"],
    tr[order="9"],
    tr[order="11"],
    tr[order="13"],
    tr[order="15"],
    tr[order="17"],
    tr[order="19"],
    tr[order="21"] {
        background: transparent !important;
    }

    .text-column,
    .data-column {
        padding: 8px;
        line-height: normal;
    }
}
