@font-face {
    font-family: "Vodafone";
    src: url("//tools.eurolandir.com/tools/InvestmentCal2/Config/Company/QA-VFQS/fonts/vodafone-light.eot?#ie-fix") format("embedded-opentype"), url("//tools.eurolandir.com/tools/InvestmentCal2/Config/Company/QA-VFQS/fonts/vodafone-light.woff") format("woff");
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: "Vodafone";
    src: url("//tools.eurolandir.com/tools/InvestmentCal2/Config/Company/QA-VFQS/fonts/vodafone-regular.eot?#ie-fix") format("embedded-opentype"), url("//tools.eurolandir.com/tools/InvestmentCal2/Config/Company/QA-VFQS/fonts/vodafone-regular.woff") format("woff");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "Vodafone";
    src: url("//tools.eurolandir.com/tools/InvestmentCal2/Config/Company/QA-VFQS/fonts/vodafone-bold.eot?#ie-fix") format("embedded-opentype"), url("//tools.eurolandir.com/tools/InvestmentCal2/Config/Company/QA-VFQS/fonts/vodafone-bold.woff") format("woff");
    font-style: normal;
    font-weight: 700;
}

body {
    margin: 0px;
}

/*************************************** Start of: Basic setting to overvwrite the tool ****************************************/

body,
.data-button,
.tabs li,
.tabs:after,
.tabs:after,
.page-font-style,
input.textbox-base,
.main-heading {
    font-family: "Vodafone", sans-serif;
    font-size: 18px;
    color: #333333;
}

.dividend-checked {
    height: 17px;
}

.hyperlink:link,
.disclaimer-box a:link,
.cookies-box a:link,
.hyperlink:visited,
.disclaimer-box a:visited,
.cookies-box a:visited {
    color: #333333;

    font-weight: normal;
    text-decoration: underline;
    font-style: none;
}

.hyperlink:active,
.disclaimer-box a:active,
.cookies-box a:active,
.hyperlink:hover,
.disclaimer-box a:hover,
.cookies-box a:hover {
    color: #E60000;

    font-weight: none;
    text-decoration: none;
    font-style: none;
}

@media (max-width: 480px) {
    .data-button {
        float: right !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 320px) {

    body.fi-fi .data-button,
    body.fi-fi .data-button-separated {
        float: right !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 568px) {
    .data-button {
        float: right !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 568px) {

    .end-investment,
    .data-button-separated {
        margin-left: 0 !important;
    }
}

/*************************************** End of: Basic setting to overvwrite the tool ****************************************/

.wrapper {
    margin: 0px auto;
    max-width: 1180px;
    width: auto;
}

.main-heading {
    line-height: normal;
    margin: 0px;
    padding: 0px;

    font-family: inherit;
    font-size: 1.556em !important;
    font-weight: bold;
    color: #333333 !important;

    padding-top: 1.0em;
    padding-bottom: 1.0em;
}

.download-data-button,
.data-button:active,
.data-button {

    height: auto;
    line-height: normal;
    margin: 0px;

    font-family: inherit;
    font-size: 1.0em;
    font-weight: normal;
    text-transform: none;

    padding: 0.611em 2.056em 0.611em 2.056em;
    border: 0em solid #E60000;
    border-radius: 0px;
    background: #E60000;
    color: #FFFFFF !important;

}

.download-data-button td {
    color: #FFFFFF !important;
}

.download-data-button:hover,
.data-button:hover {
    background: #900;
    color: #FFFFFF !important;
    border-color: #900;
}

.download-data-button:hover td {
    color: #FFFFFF !important;
}

.download-data-button img {
    display: none;
}

.footer {
    padding-top: 1em;
}


/*************************************** Start of: Selection ****************************************/

.parameter-item-label {
    margin-right: 3em;
    width: 13em !important;
}

.tab-content {
    padding-top: 1em;
}

.parameter-item {
    padding-top: 0.5em;
    line-height: 2.0em;
}

.parameter-item td {
    vertical-align: middle;
}

.date-img {
    line-height: auto;
    height: 16px;
    display: inline-block;
}

.datefrom-input,
.dateto-input,
.value-input {
    line-height: 1.5em !important;
    height: 1.5em !important;
    padding: 0px 0 0 0.16em;

    border: 0.08em solid #DBDBDB;
    /*Insert table-data-row-border color*/

}

.ac_input,
.datefrom-input,
.dateto-input,
.value-input {
    min-width: 11em !important;
    box-sizing: border-box;
}

.currency-selection {
    margin-left: 0.5em;
}

/*************************************** Start of: Currency Selection ****************************************/

.ac_input {
    border: 0.08em solid #DBDBDB;
    height: 1.5em;
    margin-top: -4px;
    width: 100%;
}

.dropdown-item {
    width: auto !important;
    box-sizing: border-box;
}

.dropdown-item-text td:first-child {
    width: 100% !important;
}

.dropdown-item-text .flags {
    padding-right: 5px;
    position: relative;
    top: -3px;
}

.ac-arrow,
.arrow-wrapper,
.ac-arrow button,
.dropdown-item-table {
    line-height: 1.5em !important;
    height: 1.5em !important;
    box-sizing: border-box;
}

.dropdown-item-table td:last-child {
    width: 1.5em !important;
}

.arrow-wrapper {
    text-align: center;
}

.ac_input_active .arrow-wrapper,
.arrow-wrapper:hover {
    border-left: 0.08em solid #DBDBDB;
    background: #DBD2D5;
    background: linear-gradient(#DBD2D5, #E6E6E6);
}

.ac-arrow {
    display: inline-block;
    background: transparent;

    position: relative;
    top: -2px;
    left: 0px;

    width: 1em;
}

.ac-arrow:before {
    content: "";
    width: 0;
    height: 0;

    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -0.35em;
    margin-top: -0.35em;

    border-left: 0.3em solid transparent;
    border-right: 0.3em solid transparent;
    border-top: 0.7em solid #333333;
}

.ac_odd,
.ac_even {
    transition: background 0.3s, border 0.3s;
}

.ac_over {
    background: #DBD2D5;
    color: #333333;
    border-color: #DBDBDB;
    border-width: 0.08em;
}

.ac_results {
    border: 0.08em solid #DBDBDB;
    border-top: 0;
    box-shadow: 1px 1px 3px #DBD2D5;
}

.local-currency {
    width: 100% !important;
    line-height: 1em;
    height: auto;
    padding-left: 0.16em;
}

.dropdown-name {
    width: 100% !important;
}

.ac_results li {
    margin-bottom: 0em;
    line-height: normal;
    height: auto;
}

.ac_results li table,
.ac_results li table tr td:first-child {
    width: 100%;
}

.flags {
    padding-right: 10px;
}

/*************************************** Start of: Results Settings ****************************************/

.result-wrapper {
    margin-top: 2em;
    border: 0.08em solid #DBDBDB;
    /*Insert table-data-row-border color*/
}

.result-close-button {
    width: 2em;
    height: 2em;

    border: 0.08em solid #DBDBDB;
    /*Insert table-data-row-border color*/
    border-top: 0px;
    border-right: 0px;
    line-height: 2em;

    border-radius: 0px;
}

.block-title {
    box-sizing: border-box;

    padding-top: 1em;
    padding-bottom: 0.0em;

    line-height: normal;
    height: auto;
}

.block-date {
    box-sizing: border-box;

    padding-top: 0.0em;
    padding-bottom: 1em;
}

.data-detail {
    padding: 0em;
    margin: 0em;

    border-top: 0;
    border-bottom: 0;

    box-sizing: border-box;
}

.detail-line {
    height: auto;
    line-height: normal;
    padding-top: 1.1em;
    padding-bottom: 2.3em;
    padding-left: 0.6em;
    padding-right: 0.6em;
}

.data-block {
    margin-top: 1em;
    margin-bottom: 1em;
    box-sizing: border-box;
}

.initial-investment {
    padding: 0 !important;

    box-sizing: border-box;

    margin-right: 4%;
}

.end-investment {
    padding: 0 !important;

    box-sizing: border-box;

    margin-left: 4%;
}

.text-result {
    padding: 2em;
}

.chart-type-label {
    padding-left: 2.5em;
}

.en-gb .selected-share-calculation:after {
    content: 'In line with the Qatar Financial Markets Authority (“QFMA”) and the Qatar Stock Exchange (“QSE”) instructions to reduce the nominal value of the shares of all companies and legal entities listed on QSE to one Qatari Riyal each by way of a stock split, Vodafone Qatar stock split on a five-for-one basis was completed effective Thursday, 04 July 2019.';
    font-size: 14px;
}

.ar-ae .selected-share-calculation:after {
    content: 'تماشياً مع توجيهات هيئة قطر للأسواق المالية وبورصة قطر لتخفيض القيمة الإسمية لأسهم الشركات والكيانات القانونية المدرجة في بورصة قطر لتكون بواقع ريال قطري واحد لكل سهم وذلك عبر تجزئة الأسهم ، تمّت عملية تجزئة اسهم فودافون قطر على أساس خمسة أسهم لكل سهم وأصبحت سارية المفعول اعتباراً من يوم الخميس الموافق 4 يوليو 2019.';
    font-size: 14px;
}

.footer {
    font-size: 14px;
}

/*************************************** Start of: Table Settings ****************************************/

/*************************************** BORDER SETTINGS *************************************************/

/*** Table ***/

.table-share {
    border-collapse: collapse;
}

/*** Inner Borders ***/

.table-share-header-market,
.table-share-header-currency,
.table-share-header-date {
    border-left: 0em solid #DBDBDB;
}

.table-share-market-name,
.table-share-row-currency,
.table-share-row-date {
    border-left: 0em solid #DBDBDB;
}

.detail-line,
.table-share .border-inline {
    border-bottom: 0em solid #DBDBDB;
}


/*** Outter borders ***/

.block-title,
.table-share-header {
    border-top: 0em solid #DBDBDB;
}

.data-detail,
.block-title,
.block-date,
.table-share .checkbox-wrapper,
.table-share-header-name {
    border-left: 0em solid #DBDBDB;
}

.data-detail,
.block-title,
.block-date,
.table-share-header-date,
.table-share-row-date {
    border-right: 0em solid #DBDBDB;
}

.end-details > .detail-line + .detail-line + .detail-line + .detail-line + .detail-line,
.discount-info + .detail-line,
.table-share tr:last-child .border-inline {
    border-bottom: 0em solid #DBDBDB;
}

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

.table-share-header,
.block-title {
    border-top: 0em solid #DBDBDB;
}

.table-share-header,
.block-date {
    border-bottom: em solid #DBDBDB;
}

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

.block-title,
.block-date,
.table-share-header-name {
    border-left-color: #DBDBDB;
}

.block-title,
.block-date,
.table-share-header-date {
    border-right-color: #DBDBDB;
}

@media (max-width: 616px) {

    /*** Reset the borders of the share selection table to reflect the limited table in mobile ***/

    .table-share-header-market {
        border-right: 0em solid #DBDBDB;
    }

    .table-share-market-name {
        border-right: 0em solid #DBDBDB;
    }

}

/*** Table Backgrounds ***/

/*** Head ***/

.table-share-header {
    background: #F4F4F4;
    color: #333333;
    text-align: right;

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

.block-title,
.block-date,
.table-share-header-name {
    color: #FFFFFF;
    background-color: #E60000;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    text-transform: none;
}

.block-title,
.block-date {
    text-align: center;
}

/*** Body ***/

.initial-details .detail-line:first-child,
.discount-info + .detail-line,
.end-details .detail-line:nth-child(odd),
.table-share .table-share-row-even {
    background: transparent;
    border: 0px solid lightgray;
    border-bottom: 1px solid lightgray;
}

.initial-details > .detail-line:first-child + .detail-line,
.end-details .detail-line:nth-child(even),
.table-share .table-share-row-odd {
    background: #ffffff !important;
    border: 0px solid lightgray;
    border-bottom: 1px solid lightgray;
}

.table-share .border-inline {
    background: transparent;
    text-align: right;
    color: #333333;

    font-weight: normal;
}

.table-share .table-share-row-name,
.table-share .checkbox-wrapper {
    background: transparent;
    text-align: left;
    color: #333333;

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

.initial-details > .detail-line:first-child + .detail-line,
.data-block .initial-details .detail-line,
.data-block .end-details .detail-line {
    background: transparent;
    color: #333333;
}

.detail-label {
    font-weight: normal;
    text-transform: none;
}

/*** Various Fixes ***/

/*Fix required for single cell look*/
.checkbox-wrapper {
    border-right: 0;
}


/*fight against main css*/
.end-investment {
    border-left: 0 !important;
}

/* CHECK BOX BORDER DISABLE */
.checkbox-wrapper {
    border-right: 0;
    text-align: left !important;
    padding: 0.3em 4px 0.3em 4px !important;
}

.table-share-row-name {
    border-left: 0;
    padding-left: 0em !important;
}

/*********************************** END OF BORDER SETTINGS **********************************************/


.tabs-content-wrapper {
    margin-top: 2em;
    margin-bottom: 2em;
    border-top: 0.08em solid #A3A3A9;
}

.table-share {
    margin-bottom: 2.0em;
}

.table-share-row-name,
.table-share-row-market-name,
.table-share-row-currency,
.table-share-row-date {
    width: 25%;
}

.table-share th,
.table-share td {
    line-height: normal;
    height: auto;
}

.table-share-header {
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    padding-left: 0.6em;
    padding-right: 0.6em;
}

.table-share-row-even,
.table-share-row-odd {
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    padding-left: 0.6em;
    padding-right: 0.6em;
}

.table-share-header-name {
    padding-left: 26px;
}

.table-share-row-name {
    padding-left: 0em;
}


.share-selection .table-share-header {
    width: 25%;
}

.share-selection .checkbox-wrapper {
    width: 20px;
}


/*************************************** Start of: Tab Settings ****************************************/

.tabs {
    text-align: left;
    border-bottom: 0px;
    font-size: 0px !important;
    background: #f4f4f4;
    position: relative;
    z-index: 0;
    border-top: 1px solid #CCC;
}

.tabs:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0em;
    left: 0em;
    width: 100%;
    height: 0em;
    z-index: 0;

    border-bottom: 1px solid #333;
}

#LatestTradesContainer,
#TradesBrokerContainer {
    margin-top: 2em;
}

.tabs li {
    float: none;
    display: inline-block;
    margin: 0px;
}

.tabItem {
    height: auto;
    line-height: normal;

    margin: 0;

    padding-top: 1em !important;
    padding-right: 2em;
    padding-bottom: 1em !important;
    padding-left: 2em;

    font-family: inherit;
    font-weight: bold;
    font-size: 20px;
    font-style: normal;
    text-decoration: none;
    text-transform: none;

    border-radius: 0.0em 0.0em 0.0em 0.0em;

    border-top: 0em solid #666666;
    border-right: 0em solid #666666;
    border-bottom: 0em solid #666666;
    border-left: 0em solid #666666;

    background: #f4f4f4;
    color: #333333;

}

.tabItem:hover,
.tabItem:active {
    background: #fff;
    color: #E60000;
    border-top: 0em solid #666666;
    border-right: 0em solid #666666;
    border-bottom: 0em solid #666666;
    border-left: 0em solid #666666;

    text-decoration: none;
    font-weight: bold;
    font-style: normal;
}

.tab-active,
.tab-active:hover {
    background: #fff;
    color: #E60000;
    border-top: 0em solid #666666;
    border-right: 0em solid #666666;
    border-bottom: 0em solid #666666;
    border-left: 0em solid #666666;

    position: relative;
    top: 0px;
    left: 0px;
}

/*
.tab-active:before {

    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -0em;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-top: 0.4em solid #666666;
}
*/

@media (max-width: 616px) {

    .table-share-row-name,
    .table-share-row-market-name,
    .table-share-row-currency,
    .table-share-row-date {
        width: inherit;
    }
}



.main-heading {
    display: none;
}

.arrow-wrapper,
.arrow-wrapper:hover {
    border-left: none !important;
}

.ac-arrow:before {
    top: 43% !important;
}

.tabs-content-wrapper {
    border-top: none;
}

.ac_input,
.datefrom-input,
.dateto-input,
.value-input {
    width: 11em !important;
}

.flags {
    margin-bottom: 4px;
}

.parameter-item-label {
    padding-top: 0;
}

.highcharts-axis-labels {
    margin-top: 10px;
}

#amountInvestedContainer .data-button-wrapper {
    max-width: 696px;
}

.ar-ae #amountInvestedContainer .data-button-wrapper {
    max-width: 658px;
}

.ar-ae #shareBoughtContainer .data-button-wrapper {
    max-width: 455px;
}

body.body-rtl .end-investment {
    border-right: none !important;
}

.body-rtl .result-close-button {
    border: 0.08em solid #DBDBDB;
}

#shareBoughtContainer .data-button-wrapper {
    max-width: 488px;
}

body.body-rtl .data-block {
    float: left;
}


#shareBoughtContainer .ac_input {
    width: 11em !important;
}

.data-button {
    width: 11em;
}

.data-button:active {
    display: inline-block;
}


@media (max-width: 679px) {

    .initial-investment,
    .end-investment {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width:620px) {
    .currency-selection {
        clear: both;
        margin-left: 0 !important;
        margin-top: 7px !important;
    }

    .data-button,
    .data-button:active {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 11em !important;
    }

    .currency-selection-separated {
        margin-top: 0;
    }

    .data-button {
        float: none !important;
        display: inline-block;
    }

    #shareBoughtContainer .data-button-wrapper {
        max-width: 100% !important;
    }

    .data-button-wrapper {
        text-align: center !important;
    }
}


@media (max-width: 343px) {
    .parameter-item.div-checkbox {
        padding-left: 0;
    }

    .data-button,
    .data-button:active {
        width: 50%;
    }
}

.initial-investment {
    padding: 0 !important;
    box-sizing: border-box;
    margin-right: 8%;
    border-bottom: 0px solid lightgray;
}

.block-title {
    border-top: 1px solid #CCC;
}

.block-date {
    border-bottom: 1px solid #CCC;
}

.end-investment {
    padding: 0 !important;
    margin-left: 0;
    box-sizing: border-box;
    border-bottom: 1px solid lightgray;

}

.jspHorizontalBar,
.jspVerticalBar {
    display: none !important;
}

.jspPane {
    width: 100% !important;
    margin-left: 0px !important;
}

/*
@media (max-width: 480px) {
     .tabs li {
        display: block !important;
        width: 70%;
        margin: 5px auto !important;
        min-width: 230px;
    } 

    .tabs {
        background: #fff;
        border-top: 0px solid #CCC;
    }

    .tabs:after {
        display: none;
    }

    .tabs li a {
        box-sizing: border-box;
        padding-top: .5em !important;
        padding-bottom: .5em !important;
        padding-left: 0;
        padding-right: 0;
    }

    .tabItem {
        margin-right: 0;
        width: 100%;
        text-align: center;
    }

    .tab-active,
    .tab-active:hover {
        border-top: 1px solid #E60000;
        border-right: 1px solid #E60000;
        border-bottom: 1px solid #E60000;
        border-left: 1px solid #E60000;
    }
}*/

body.body-rtl .tabs li {
    float: none !important;
}

/* body.body-rtl .tabs {
    text-align: right;
} */

html body.body-rtl .data-button {
    float: left !important;
}

@media (max-width: 320px) {

    body.ar-ae .data-button,
    body.ar-ae .data-button-separated {
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 480px) {
    body.ar-ae .data-button-separated {
        margin-left: 0 !important;
        margin-right: 0 !important;
        float: none !important;
    }
}

@media (max-width: 480px) {
    body.ar-ae .data-button {
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 568px) {
    body.ar-ae .data-button-separated {
        margin-right: 0 !important;
    }
}

@media (max-width: 568px) {
    body.ar-ae .data-button {
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

body.body-rtl .data-button {
    float: none !important;
    margin-left: 0;
    white-space: nowrap;
}

/*
----------------------------
Calendar
----------------------------
*/
.EUCalendar-day-selected,
.EUCalendar-day-today.EUCalendar-day-selected {
    background: #E60000;
}

.EUCalendar div,
.EUCalendar td {
    font-size: 12px;
    font-family: inherit !important;
}

.EUCalendar-dayNames div,
.EUCalendar-title div {
    text-shadow: none;
}

*{
    outline: none !important;
}

.tabs:after{
    display: none;
}

.tabs{
    background: #FFFFFF;
    border: 0;
    text-align: center;
}

.tab-active:before{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -1.0em;
    border-left: 1.0em solid transparent;
    border-right: 1.0em solid transparent;
    border-top: 1.0em solid #E60000;
}

.tabItem{
    color: #E60000;
    border-top:1px solid #E60000;
    border-right:1px solid #E60000;
    border-bottom:1px solid #E60000;
    border-left:1px solid #E60000;
    background: #FFFFFF;
    padding: 13px 1.5em !important;
    font-size: 18px;
    font-weight: normal !important;
    min-width: 150px;
    margin: 0 2px;
    box-sizing: border-box;
}

.tabItem:hover,
.tab-active, .tab-active:hover{
    border: 1px solid #E60000 !important;
    background: #E60000 !important;
    color: #FFFFFF !important;
}

@media(max-width:390px){
    .tabItem{
        padding: 13px 1em !important;
        min-width: 130px;
        font-size: 16px;
        border-color: #e1e1e1;
        background: #e1e1e1;
        color: #E60000;
    }

    .tab-active:before{
        display: none;
    }
}

.radio input, .checkbox input {
    height: 15px;
}

ul.tabs {
    display: none!important;
}