@font-face {
    font-family: 'sourcesansproregular';
    src: url(../fonts/Source_Sans_Pro/SourceSansPro.woff);
}

@font-face {
    font-family: 'sourcesansprosemibold';
    src: url(../fonts/Source_Sans_Pro/SourceSansProsemibold.woff);
}

@font-face {
    font-family: 'sourcesansprobold';
    src: url(../fonts/Source_Sans_Pro/SourceSansProbold.woff);
}

@font-face {
    font-family: 'sourcesansproitalic';
    src: url(../fonts/Source_Sans_Pro/SourceSansProItalic.ttf);
}
.legndtop {
    top:0px;
}
#body {
}

.inner-page {
    max-height: none !important;
}

    .inner-page .iadb-page {
        height: calc(100% - 97px);
        height: -moz-calc(100% - 97px);
        height: -webkit-calc(100% - 97px);
        height: -ms-calc(100% - 97px);
    }

    .inner-page.aboutus-page .iadb-page {
        height: calc(100% - 115px);
        height: -moz-calc(100% - 115px);
        height: -webkit-calc(100% - 115px);
        height: -ms-calc(100% - 115px);
    }

    .inner-page .content-wrapper {
        height: 100%;
    }

    .inner-page.aboutus-page .iadb-page .content-wrapper {
        margin-bottom: 16px;
    }
    /*added on14*/

    .inner-page.institution-page .content-wrapper {
        overflow: hidden;
        margin-top: 20px;
    }
        /**/

        .inner-page.institution-page .content-wrapper .institutionfont {
            display: none;
        }

.institution-page .content-wrapper {
    overflow: auto;
}

.institution-page .container.iadb-page > div {
    height: 100%;
}

.institution-page .iadb-page {
    height: calc(100% - 145px);
    height: -webkit-calc(100% - 145px);
    height: -moz-calc(100% - 145px);
    height: -ms-calc(100% - 145px);
}

#container {
    height: 100%;
    max-width: 100%;
    width: 100%;
}

.institution-page .loading {
    margin-top: 10em;
    text-align: center;
    color: gray;
}

.institution-page .mCSB_inside > .mCSB_container {
    margin-right: 18px;
}

.institution-page .p-country .mCSB_inside > .mCSB_container {
    margin-right: 18px;
}

/*==removing tooltip==*/
/*.institution-page .highcharts-container svg text tspan{
    display: none;
}
.institution-page .highcharts-tooltip path
{
	display:none;
}*/
/*==removing tooltip==*/

.institution-page .highcharts-contextmenu {
    opacity: 0;
}

.institution-page .highcharts-series-group .highcharts-series path {
    fill: #fff;
    stroke: #C68730;
}

    .institution-page .highcharts-series-group .highcharts-series path:hover {
        fill: #c98d3a;
        opacity: 0.6;
        stroke: #C68730;
    }

.institution-page .highcharts-container > svg > text > tspan {
    display: none;
}

.institution-page .highcharts-container rect {
    fill: #dde3e8 !important;
    width: 100% !important;
}
/*added on 14*/

.institution-page .tab-block {
    background-color: #dde3e8;
    /*height: calc(100% - 44px);*/
    height: auto;
    overflow: hidden;
}
/*.institution-page .content-wrapper > .mCSB_inside .mCSB_container,
.institution-page .content-wrapper .tab-block {
    height:100%;
}
.institution-page .content-wrapper .highcharts-container,
.institution-page .content-wrapper .highcharts-container svg {
    height: 600px!important;
}*/

.institution-page .highcharts-button path {
    fill: #dde3e8 !important;
    stroke: #6d6d6d !important;
}

.institution-page .highcharts-button {
    cursor: pointer !important;
}
/*.institution-page .countries {
    padding: 8px 5px;
    position: absolute;
    background-color: #f5f7f8;
    top: 30px;
    right: 35px;
    z-index: 5;
    cursor: pointer;
}*/

.institution-page .countries {
    padding: 12px 10px 11px 10px;
    position: absolute;
    background-color: #f5f7f8;
    top: 30px;
    right: 3%;
    z-index: 5;
    cursor: pointer;
}
    /*.institution-page .countries span {
        font-family: 'robotoregular';
        font-size: 14px;
        color: #58595b;
        padding: 10px 24px;
        background: url("../images/flag_green.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    }*/

    .institution-page .countries span {
        font-family: 'robotoregular';
        font-size: 14px;
        color: #58595b;
        font-weight: 500;
        padding: 0 0 0 24px;
        background: url("../images/flag_green.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    }

.institution-page .p-country {
    background-color: #fff;
    display: none;
    max-height: 400px;
    opacity: 0.85;
    overflow: hidden;
    position: absolute;
    right: 3%;
    width: 94%;
    z-index: 10;
    top: 77px;
}
    .institution-page .p-country .content-list-data {
        margin-top:42px;
       padding-bottom:10px;
       width:100%;
        overflow:auto;
    }
    .institution-page .p-country .mCustomScrollBox {
        position: static;
    }

    .institution-page .p-country .content-list {
        float: left;
    }

.institution-page .tab-block {
    position: relative;
}

.institution-page .p-country .content-list ul li img,
.institution-page .p-country .content-list .country-label {
    cursor: pointer;
}
/**************countrylist****************/

.institution-page .content-list {
    width: 100%;
    display: block;
    padding: 0 30px;
}

.institution-page .country-list {
    display: inline-block;
    overflow: hidden;
    padding: 14px 0;
    vertical-align: top;
    width: 33%;
}
    /*.institution-page .country-list .content-head {
        border-bottom: 1px solid #d8d8d8;
        display: block;
        margin-bottom: 10px;
        margin-right: 30px;
        padding: 0 0 10px;
    }*/

    .institution-page .country-list .content-head {
        border-bottom: 1px solid #d8d8d8;
        display: block;
        margin-bottom: 5px;
        margin-right: 30px;
        font-weight: 500;
        color: #000;
    }

    .institution-page .country-list.more-wrapper {
        width: 66%;
    }

        .institution-page .country-list.more-wrapper .more {
            width: 50%;
            display: inline-block;
            vertical-align: top;
        }

    .institution-page .country-list li {
        padding: 0px 0;
    }

        .institution-page .country-list li img,
        .institution-page .country-list li .country-label {
            vertical-align: middle;
            height: auto;
            width: auto;
        }

        .institution-page .country-list li .country-label {
            font-size: 14px;
            padding-left: 10px;
        }

.institution-page .popup {
    background: #F3F3F4 none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 300;
}

    .institution-page .popup .header {
        width: 100%;
        background-color: #E3E9EC;
    }

.institution-page .highcharts-container {
    width: auto!important;
}
/****************country slider*************/

.institution-page .tab-block {
}

.institution-page .country-data {
    background: #dde3e8 none repeat scroll 0 0;
    height: 100%;
}

    .institution-page .country-data .country-footer {
        font-size: 12px;
        padding: 10px;
        background-color: #DDE3E8;
    }

        .institution-page .country-data .country-footer .sourceIDB {
            font-size: 12px;
        }

        .institution-page .country-data .country-footer .footer-ref {
            font-size: 14px;
        }

.institution-page .country-data {
    height: auto;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 200;
}

    .institution-page .country-data .country-name-block {
        height: 100%;
        display: table;
        float: left;
    }

        .institution-page .country-data .country-name-block span {
            display: table-cell;
            padding-left: 10px;
            vertical-align: middle;
            color: #2B2E34;
            font-size: 16px;
        }

.institution-page .country-head {
    background: #dde3e8 none repeat scroll 0 0;
    padding: 0px 0;
    overflow: hidden;
    height: 43px;
}

.institution-page .country-slider {
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
    top: 0;
}

    .institution-page .country-slider li {
        background: none repeat scroll 0 0 #fff;
        box-shadow: -10px 0 20px #888888;
        box-shadow: -10px 0 20px rgba(0, 0, 0, 0.3);
        box-sizing: border-box;
        float: left;
        overflow: hidden;
        position: relative;
        transition: all 0.5s ease-out 0s;
        width: 25%;
        cursor: pointer;
    }

        .institution-page .country-slider li.accordion-item {
            width: 10%;
        }

        .institution-page .country-slider li.enabled {
            width: 70%;
            cursor: default;
        }
        /*=============================================*/

        .institution-page .country-slider li:nth-child(1) {
            border-top: 4px solid #3CC7E6;
        }

        .institution-page .country-slider li:nth-child(2) {
            border-top: 4px solid #95D06D;
        }

        .institution-page .country-slider li:nth-child(3) {
            border-top: 4px solid #FFC258;
        }

        .institution-page .country-slider li:nth-child(4) {
            border-top: 4px solid #FF7D95;
        }

    .institution-page .country-slider li {
        background-color: #F1F1F3;
    }

        .institution-page .country-slider li:nth-child(1) span {
            background-color: #3CC7E6;
        }

        .institution-page .country-slider li:nth-child(2) span {
            background-color: #95D06D;
        }

        .institution-page .country-slider li:nth-child(3) span {
            background-color: #FFC258;
        }

        .institution-page .country-slider li:nth-child(4) span {
            background-color: #FF7D95;
        }

        .institution-page .country-slider li img {
            padding-bottom: 10px;
        }

        .institution-page .country-slider li span {
            margin: 0px;
            width: 100%;
            padding: 10px;
            color: #fff;
            bottom: 0;
            display: block;
            min-width: 220px;
        }

        .institution-page .country-slider li span {
        }

.institution-page .institution-page .country-footer {
    background: #dde3e8 none repeat scroll 0 0;
    padding: 15px 0;
}

.institution-page .country-footer span:nth-child(2) {
    float: right;
}
/************popup close and download**************/

.institution-page .popup-options {
    display: table;
    float: right;
}

    .institution-page .popup-options .close,
    .institution-page .popup-options .download {
        display: table-cell;
        font-size: 0;
        vertical-align: middle;
        margin-left: 25px;
    }

    .institution-page .popup-options .download {
        background: url("../images/icn_download.png") no-repeat scroll left center rgba(0, 0, 0, 0);
        width: 23px;
        height: 20px;
        cursor: pointer;
    }
    /*.institution-page .popup-options .close {
        background: url("../images/btn_close.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
        width: 43px;
        height: 43px;
    }*/

    .institution-page .popup-options .close {
        background: url("../images/btn_close.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
        width: 43px;
        height: 43px;
        opacity: 1 !important;
    }

        .institution-page .popup-options .close:hover {
            opacity: 1 !important;
        }

.institution-page .content-list-close {
    background: url("../images/country_close.png") no-repeat scroll rgba(0, 0, 0, 0);
    width: 37px;
    height: 37px;
    position: absolute;
    top: 0;
    right: 0px;
    cursor: pointer;
    margin: 5px;
}
/************carousel *********************/

.institution-page .country-data .espanol {
    display: none;
}

.institution-page .country-slider li img.expand {
    display: none;
}

.institution-page .data-container {
    background-color: #F1F1F3;
}

.institution-page .data-header {
    display: block;
}

.institution-page .data-container {
    background: #F7F7FC none repeat scroll 0 0;
    margin: 2px 0;
    overflow: hidden;
    padding: 30px 40px;
    clear: both;
}

    .institution-page .data-container .data-header .text {
        display: block;
        padding: 6px 0;
        font-size: 16px;
        font-family: 'sourcesansproregular';
        line-height: 18px;
    }

    .institution-page .data-container .data-header .title {
        font-weight: 500;
        font-size: 18px;
    }

    .institution-page .data-container .data-header > .title {
        font-weight: 700;
    }

    .institution-page .data-container .data-block .list > span {
        display: block;
        /*padding: 5px 20px 5px 3px;*/
        vertical-align: top;
        font-size: 16px;
        font-family: 'sourcesansproregular';
    }

.institution-page .finance-block .text,
.institution-page .relation-block .text {
    display: inline-block;
    padding: 5px 20px 5px 3px;
    vertical-align: top;
    font-size: 16px;
    font-family: 'sourcesansproregular';
}

.institution-page .data-block .list {
    padding: 0 0 0 0;
}

.institution-page .data-block .data-block-head {
    color: #6d6e70;
    font-weight: 500;
    font-size: 18px;
    font-family: 'sourcesansproregular';
}

.institution-page .data-footer .finance-block .Financing {
    padding: 6px 0;
}

.institution-page .data-block {
    padding: 0px 0;
}

.institution-page .data-container .data-block .block-head {
    font-weight: 700;
}

.institution-page .finance-block .Financing {
    display: block;
}

.institution-page .relation-block .relation-data {
    display: block;
}
/*.institution-page .data-block,
.institution-page .data-footer {
    display: none;
}*/

.country-footer span:nth-child(1) {
    background: url("../images/MoreArrw.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    padding: 0 12px 0 0;
    cursor: pointer;
}

.country-footer span.active {
    background: url("../images/Ref_downArrw.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    padding: 0 12px 0 0;
    cursor: pointer;
}

.institution-page .ref-block {
    background-color: #F0F1F1;
}

    .institution-page .ref-block .ref-content:first-child {
        padding-top: 10px;
    }

    .institution-page .ref-block .ref-content h3 {
        display: inline-block;
        font-family: "sourcesansproregular";
        font-size: 14px;
        font-weight: 600;
        color: #2B2E34;
        padding-left: 10px;
        margin: 0px 29px;
    }

    .institution-page .ref-block .ref-content p {
        display: inline-block;
        font-family: "sourcesansproregular";
        font-size: 14px;
        font-weight: normal;
        color: #2B2E34;
        padding-left: 50px;
        padding-right: 5px;
    }

        .institution-page .ref-block .ref-content p:hover {
            cursor: pointer;
            text-decoration: underline;
        }

.institution-page .readmore span {
    float: right;
    background: url("../images/MoreArrw.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    padding: 0px 12px;
    cursor: pointer;
}

img[usemap] {
    border: medium none;
    height: auto;
    max-width: none;
    width: auto;
    min-width: 1000px;
    /*min-width:755px;*/
    display: none;
}

    img[usemap].primary {
        display: block;
        visibility: visible;
    }
/*.institution-page .align
{
	margin-top:42px;
}*/

.institution-page #accordion .ui-accordion-header {
    border-bottom: 1px solid #a5a8ac;
    height: auto;
}

.institution-page #accordion h3 {
    cursor: pointer;
}

.institution-page #accordion h3 {
    cursor: pointer;
}

.institution-page #accordion .ui-accordion-content-active p:hover {
    text-decoration: underline;
    cursor: pointer;
}

.institution-page .popup-options-top {
    display: none;
}

.institution-page .iadb-page {
    margin-bottom: 0;
}

.institution-page .footer {
    margin-top: 5px;
}

.institution-page .popup-options-top {
    display: none;
}

.institution-page .footer-source {
    font-size: 12px;
    padding: 10px;
    float: right;
    background-color: #DDE3E8;
}
/***************statistics************************/

.statistics-page .content-wrapper {
    position: relative;
}

    .statistics-page .content-wrapper .item .icon-block {
        width: 100%;
        height: auto;
        margin: 0;
    }

    .statistics-page .content-wrapper .item .icon {
        display: block;
        width: auto;
        height: 20px;
    }

    .statistics-page .content-wrapper .map {
        background-color: #F1F1F2;
        height: 100%;
    }

        .statistics-page .content-wrapper .map img {
            height: 100%;
        }

    .statistics-page .content-wrapper #country .icon {
        background: url("../images/icn_country.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }

    .statistics-page .content-wrapper #year .icon {
        background: url("../images/icn_year.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }

    .statistics-page .content-wrapper #topic .icon {
        background: url("../images/icn_topic.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }

    .statistics-page .content-wrapper #breakdown .icon {
        background: url("../images/icn_breakdowns.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }

    .statistics-page .content-wrapper .other .item.active {
        background-color: #8369a6;
    }

        .statistics-page .content-wrapper .other .item.active span {
            color: #ffffff;
        }

    .statistics-page .content-wrapper #country.active .icon {
        background: url("../images/icn_country_selected.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }

    .statistics-page .content-wrapper #year.active .icon {
        background: url("../images/icn_year_selected.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }

    .statistics-page .content-wrapper #topic.active .icon {
        background: url("../images/icn_topic_selected.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }

    .statistics-page .content-wrapper #breakdown.active .icon {
        background: url("../images/icn_breakdowns_selected.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }

    .statistics-page .content-wrapper .initial-block {
        background: rgba(250, 250, 250,0.3) none repeat scroll 0 0;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 200;
    }

    .statistics-page .content-wrapper .filterDiv .country .ui-widget-content {
        border: 0px;
    }

.statistics-page .ui-icon.ui-icon-triangle-1-e,
.statistics-page .ui-icon.ui-icon-triangle-1-s,
.statistics-page .gridExport,
.statistics-page .rawExport {
    display: none;
}

.statistics-page .content-wrapper .initial-block .button-block .country-profile {
    background: url("../images/btn_countryProfile.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.statistics-page .content-wrapper .errorMsg {
    position: absolute;
    right: 0;
    color: red;
    font-size: 12px;
    font-weight: bold;
}

.statistics-page .content-wrapper .gridEmpty {
    color: red;
    padding: 10px;
}

.statistics-page .content-wrapper .initial-block .button-block .country-comparison {
    background: url("../images/btn_countryComparison.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.statistics-page .content-wrapper .initial-block .button-block > a {
    width: 386px;
    height: 177px;
    display: inline-block;
    cursor: pointer;
}
/*.statistics-page .content-wrapper .initial-block .button-block > a{
  
   display: inline-block;
    background-color:#fff;
  margin-right:30px;
}*/

.statistics-page .iadb-page {
    margin-top: 10px;
    overflow: auto;
}

.statistics-page .iadb-header {
    margin-bottom: 0px;
}

.statistics-page .content-wrapper .initial-block .button-block > a span.btn {
    display: block;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
}

.statistics-page .content-wrapper .initial-block span.btn .inner-area {
    display: block;
    background-color: #6660B0;
    padding: 25px 0;
}

    .statistics-page .content-wrapper .initial-block span.btn .inner-area span {
        color: #fff;
    }

.statistics-page .content-wrapper .initial-block .initial-sub-block {
    height: 177px;
    left: calc(50% - 400px);
    left: -moz-calc(50% - 400px);
    left: -webkit-calc(50% - 400px);
    left: -ms-calc(50% - 400px);
    position: absolute;
    top: calc(50% - 88px);
    top: -moz-calc(50% - 88px);
    top: -webkit-calc(50% - 88px);
    top: -ms-calc(50% - 88px);
    width: 800px;
}

.statistics-page .content-wrapper .tab-head-block {
    overflow: hidden;
    display: table;
    width: 100%;
    border-bottom: 1px solid #8369a6;
}

    .statistics-page .content-wrapper .tab-head-block .compare li {
        border-bottom: 5px solid #fff;
        cursor: pointer;
    }

.statistics-page .content-wrapper .slick-row.odd {
    background: #EEEEEF;
    font-size: 12px;
    padding-left: 10px;
}

.statistics-page .content-wrapper .slick-row.even {
    font-size: 12px;
    padding-left: 10px;
}

.slick-column-name {
    color: #000 !important;
    font-size: 12px;
    font-weight: 300;
}

.statistics-page .content-wrapper .tab-head-block .compare li.active {
    border-bottom: 5px solid #8369a6;
}

.statistics-page .content-wrapper .tab-head-block li.active span {
    color: #6c62ae;
}

.statistics-page .content-wrapper .tab-block {
    overflow: hidden;
    border-bottom: 1px solid #d3d3d3;
}

.statistics-page .content-wrapper .tab-head-block .compare li {
    padding: 0 0 5px 0;
    margin-right: 20px;
}

    .statistics-page .content-wrapper .tab-head-block .compare li span {
        padding: 0 0 0 20px;
    }

.statistics-page .container .content-wrapper .tab-head-block > div {
    border: medium none !important;
    display: table-cell;
    width: 55%;
    vertical-align: bottom;
}

.statistics-page .container .content-wrapper .tab-head-block .compare {
    width: 46%;
}

.statistics-page .container .content-wrapper .tab-head-block .other ul {
    float: right;
}
.statistics-page .source.commonaction {
   /*  float: right;
        margin-left: 15px*/
}

    .statistics-page .container .content-wrapper .tab-head-block .other ul li#country,
    .statistics-page .container .content-wrapper .tab-head-block .other ul li {
        padding-bottom: 2px;
        padding-top: 3px;
        width: 100px;
        float: left;
        border-left: 1px solid #a1a1a1 !important;
        border-right: 1px solid #a1a1a1;
        cursor: pointer;
    }

.statistics-page .container .content-wrapper .tab-head-block .other .reset {
    display: block;
    border: none!important;
    width: auto;
    float: right;
    padding: 9px;
    cursor: pointer;
}

.statistics-page .container .content-wrapper .tab-head-block .other .reset_mobile {
    display: none;
}

.statistics-page .container .content-wrapper .reset .resetFilter {
    background: rgba(0, 0, 0, 0) url("../images/icn_refresh.png") no-repeat scroll left center;
    color: #6c62ae;
    display: block;
    font-family: "robotoregular";
    font-size: 12px;
    padding-left: 20px;
    width: auto;
}

.statistics-page .content-wrapper .tab-head-block ul li span.text {
    line-height: 13px;
}

.statistics-page .container .content-wrapper .tab-head-block .profile span {
    background: url("../images/icn_countryProfile.png") no-repeat scroll left center rgba(0, 0, 0, 0);
}

.statistics-page .container .content-wrapper .tab-head-block .comparison span {
    background: url("../images/icn_countryComparison.png") no-repeat scroll left center rgba(0, 0, 0, 0);
}

.statistics-page .container .content-wrapper .tab-head-block .profile.active span {
    background: url("../images/icn_countryProfile_selected.png") no-repeat scroll left center rgba(0, 0, 0, 0);
}

.statistics-page .container .content-wrapper .tab-head-block .comparison.active span {
    background: url("../images/icn_countryComparison_selected.png") no-repeat scroll left center rgba(0, 0, 0, 0);
}

.statistics-page .content-wrapper .tab-head-block ul li {
    padding: 0 3px;
    float: left;
}

    .statistics-page .content-wrapper .tab-head-block ul li span {
        display: block;
        font-family: "sourcesansproregular";
        font-size: 14px;
        font-weight: normal;
        text-align: center;
    }

.statistics-page .content-wrapper .tab-head-block .other ul li span {
    font-size: 12px;
}

.statistics-page .content-wrapper .tab-content-block {
    position: relative;
    overflow: hidden;
    margin-top: 6px;
    height: calc(100% - 88px);
    height: -webkit-calc(100% - 88px);
    height: -moz-calc(100% - 88px);
    height: -ms-calc(100% - 88px);
}

#content-slickgrid {
    margin-top: 1px;
}

.statistics-page .content-wrapper .gridDiv #content-slickgrid,
.statistics-page .content-wrapper .gridDiv .chartViewDiv {
    /*border-top: 2px solid #fff;*/
    margin-top: 2px !important;
}

.statistics-page .slick-header > .slick-header-columns {
    background: #d1d2d4 none repeat scroll 0 0;
    border-top: 1px solid #fff;
}

    .statistics-page .slick-header > .slick-header-columns:first-child {
        border: none;
    }

.statistics-page .slick-cell,
.statistics-page .slick-headerrow-column {
    padding-left: 10px;
}

.statistics-page .slick-header-column.ui-state-default {
    padding-left: 10px;
}

.filterDiv,
.tab-blocks {
    height: 100%;
}

.statistics-page .content-wrapper .tab-contents .item {
    bottom: auto;
}



.statistics-page .content-wrapper .tab-content-block.active-tab {
    padding-top: 24px;
    margin-top: 0px;
}

.statistics-page .content-wrapper .tab-contents {
    position: absolute;
    right: 0;
    top: 0;
    width: 400px;
    height: 100%;
    background: rgba(242, 242, 242, 1) none repeat scroll 0 0;
    padding: 0px 0;
    overflow: hidden;
    border: 1px solid #cdcdcd;
    border-top: none;
    z-index: 111;
    transform: translateX(100%);
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transition: all 0.5s ease 0s;
}

.statistics-page .content-wrapper .search-content {
    margin-bottom: 10px;
}

.statistics-page .content-wrapper .recline-data-explorer .navigation, .statistics-page .content-wrapper .recline-data-explorer .menu-right, .statistics-page .content-wrapper .recline-data-explorer .query-editor-here, .statistics-page .content-wrapper .option-view {
    display: none;
}

.statistics-page .content-wrapper .recline-data-explorer .recline-flot .graph {
    height: 340px;
}

.statistics-page .content-wrapper .filterBody {
    max-height: 320px;
    overflow: auto;
    width: 99%;
}

.statistics-page .content-wrapper .tab-contents .close {
    background: transparent url("../images/slider_collaps.png") no-repeat scroll center center;
    /*border-right: 1px solid #cdcdcd;*/
    display: block;
    height: 100%;
    left: 0;
    margin-top: 0px;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 7px;
    z-index: 3;
}

.statistics-page .content-wrapper .tab-contents .item .subcontent {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: block;
}

.statistics-page .content-wrapper .subcontents.active {
    border-bottom: 1px solid #cdcdcd;
}

.statistics-page .content-wrapper .tab-contents .item.country .subcontent {
    display: none;
    padding-left: 10px;
}

    .statistics-page .content-wrapper .tab-contents .item.country .subcontent.active {
        border-bottom: 1px solid #cdcdcd;
        padding-bottom: 10px;
    }

.statistics-page .content-wrapper .tab-contents .item.country .countryHead {
    /* margin-bottom: 5px;*/
}

    .statistics-page .content-wrapper .tab-contents .item.country .countryHead.active {
        background: url("../images/stati_down.png") no-repeat scroll left center rgba(0, 0, 0, 0);
        border: 0px;
        margin-bottom: 5px;
    }

.statistics-page .content-wrapper .tab-contents > .item {
}

.statistics-page .content-wrapper .tab-contents .country-select,
.statistics-page .content-wrapper .tab-contents .year-select {
    display: block;
}

.statistics-page .content-wrapper .country-select {
    margin-left: 7px;
}

.statistics-page .content-wrapper .tab-contents .country-select span,
.statistics-page .content-wrapper .tab-contents .year-select span {
    vertical-align: middle;
    display: inline-block;
}

/*.statistics-page .content-wrapper .tab-contents .year-select .input-field {
    margin-right: 10px;
}*/

.statistics-page .content-wrapper .tab-contents .country-select .input-field {
    margin-right: 8px;
}

.statistics-page .content-wrapper .tab-contents .year-select {
    width: 30%;
    display: inline-block;
}

.statistics-page .content-wrapper .tab-contents .item-block {
    overflow: hidden;
}

.statistics-page .content-wrapper .tab-contents .item {
    background-color: #fff;
    bottom: 33px;
    float: left;
    height: 100%;
    left: 100%;
    margin-bottom: 0;
    max-height: calc(100% - 33px);
    max-height: -webkit-calc(100% - 33px);
    max-height: -moz-calc(100% - 33px);
    max-height: -ms-calc(100% - 33px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 30px 20px 0;
    position: absolute;
    width: 100%;
}

    .statistics-page .content-wrapper .tab-contents .item.country h3 {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
        border-bottom: 1px solid #cdcdcd;
        font-family: robotoregular;
        font-size: 14px;
        font-weight: normal;
        padding: 10px 5px 10px 16px;
        margin-top: 0px;
        margin-bottom: 0px;
        cursor: pointer;
        background: url("../images/stati_normal.png") no-repeat scroll left center rgba(0, 0, 0, 0);
        border-radius: 0;
        color: #6d6e70;
    }

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* background: rgba( 128,128,128, .3 ) url("../../Content/themes/base/images/loading.gif") 50% 50% no-repeat; */
    background: url("./themes/base/images/loadings.GIF") 50% 50% no-repeat;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.inner-page .UserProfileDeatils {
    height: 30px;
    position: relative;
}

.header .form-field .select-field .language-selection {
    position: absolute;
    left: 0;
    top: 0;
}

.statistics-page .content-wrapper .country-select .text {
    color: #6d6c70;
    font-size: 12px;
}

.statistics-page .content-wrapper .breakdown .brkhead {
    overflow: hidden;
    display: table;
}

.statistics-page .content-wrapper .breakdown .headAge,
.statistics-page .content-wrapper .breakdown .rowrdo {
    float: none;
    display: table-cell;
    height: 100%;
    vertical-align: top;
}

.statistics-page .content-wrapper .breakdown .headAge {
    width: 140px;
}

.statistics-page .content-wrapper .breakdown .rowrdo {
    padding-top: 4px;
}

    .statistics-page .content-wrapper .breakdown .rowrdo input {
        margin-left: calc(50% - 6px);
        margin-left: -moz-calc(50% - 6px);
        margin-left: -webkit-calc(50% - 6px);
        margin-left: -ms-calc(50% - 6px);
        text-align: center;
    }

.statistics-page .content-wrapper .breakdown .commonDiv span {
    font-size: 12px;
}

.statistics-page .content-wrapper .breakdown .commonDiv {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 15px;
    padding: 5px 0 15px;
}

.slick-viewport {
    height: calc(100% - 80px);
    height: -moz-calc(100% - 80px);
    height: -webkit-calc(100% - 80px);
    height: -ms-calc(100% - 80px);
}

.statistics-page .content-wrapper .gridDiv {
    left: 0;
    position: absolute;
    top: 2px;
    display: none;
    width: 100%;
    height: 100%;
}

.statistics-page .content-wrapper .breakdown .rowrdo > div {
    display: inline-block;
    text-align: center;
    width: 85px;
}

.statistics-page .content-wrapper .breakdown .rowrdo {
    float: right;
}

    .statistics-page .content-wrapper .breakdown .rowrdo span,
    .statistics-page .content-wrapper .breakdown .rowrdo input {
        display: inline-block;
        text-align: center;
        line-height: 10px;
    }

.statistics-page .content-wrapper .tab-contents .item.country h3.ui-accordion-header-active,
.statistics-page .content-wrapper .tab-contents .item.country h3.ui-state-active {
    background: url("../images/arrw_up.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}

.statistics-page .content-wrapper .tab-contents .item-block .item {
    z-index: 1;
    background-color: #f4f5f5;
}

    .statistics-page .content-wrapper .tab-contents .item-block .item.country {
        left: 0;
    }

        .statistics-page .content-wrapper .tab-contents .item-block .item.country .mCustomScrollBox,
        .statistics-page .content-wrapper .tab-contents .item-block .item.topic .mCustomScrollBox {
            margin-top: -8px;
        }

    .statistics-page .content-wrapper .tab-contents .item-block .item.active-block {
        display: block;
        background-color: #f4f5f5;
        z-index: 2;
    }

.statistics-page .content-wrapper .filter.apply-filter {
    bottom: 0;
    left: 0!important;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 3;
}

    .statistics-page .content-wrapper .filter.apply-filter .btn {
        background: #8369a6 none repeat scroll 0 0;
        border-radius: 0;
        color: #ffffff;
        display: block;
    }

.statistics-page .content-wrapper .tab-head-block {
    position: relative;
}

.statistics-page .container .content-wrapper .tab-head-block .inactive-field {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background: rgba(250, 250, 250, 0.5) none repeat scroll 0 0;
}

.statistics-page .content-wrapper .gridDiv .drpIndicator {
    background: rgba(0, 0, 0, 0) url("../images/arrw_countrylist.png") no-repeat scroll right center;
    border: medium none;
    padding: 0px 17px 0 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    color: #6c62ae;
    font-size: 14px;
    margin-right: 18px;
    outline: none;
}

.statistics-page select::-ms-expand {
    display: none;
}

.statistics-page .content-wrapper #slick-grid {
    border: 1px solid #cdcdcd;
    height: 100%;
}

.statistics-page .content-wrapper .gridDiv .indicatorList {
    display: inline-block;
    margin: 0;
    padding: 0;
    float: left;
}

.statistics-page .content-wrapper .gridDiv #content-slickgrid {
    margin-top: 7px;
}

.statistics-page .content-wrapper .slick-header-column.ui-state-default {
    border: none;
    line-height: 20px;
}

.statistics-page .content-wrapper .drpIndicator {
    /*max-width: 270px;*/
    width:auto;
}

.statistics-page .content-wrapper .gridDiv .filterList {
    background: rgba(0, 0, 0, 0) url("../images/icn_filter.png") no-repeat scroll right top;
    display: inline-block;
    height: 12px;
    width: 12px;
    cursor: pointer;
}
/*.sourceList {
    /*background: rgba(0, 0, 0, 0) url("../images/icn_source.png") no-repeat scroll right top;       
    width: 50px;
    display: inline-block;
    cursor: pointer;
}*/

.statistics-page .content-wrapper .gridDiv .sourceList {
    background: rgba(0, 0, 0, 0) url(../images/icn_source.png) no-repeat scroll right top;
    display: inline-block;
    height: 12px;
    width: 16px;
    cursor: pointer;
}

/*.statistics-page .content-wrapper .gridDiv .filter.active {
    background-color: #8369a6;
    border-radius: 4px 3px 0px 0px;
    border: none;
}*/

/*.statistics-page .content-wrapper .gridDiv .filter.active .filterList {
        background: #8369a6 url("../images/icn_filter_selected.png") no-repeat scroll right top;
    }*/

.statistics-page .content-wrapper .gridDiv .slick-cell {
    color: #6d6e70;
    font-size: 12px;
}

.statistics-page .content-wrapper .chkInActive {
    background: rgba(0, 0, 0, 0) url("../images/untick.png") no-repeat scroll right center / 10px 10px;
    height: 10px;
    width: 10px;
    margin-right: 8px;
}

.statistics-page .content-wrapper .rowrdo span input {
    cursor: pointer;
}

.statistics-page .content-wrapper .rowrdo div span {
    vertical-align: top;
}

.breakdown .commonDiv span.chkInActive,
.breakdown .commonDiv span.chkActive,
.breakdown .commonDiv span._lngTrans_Translatable {
    line-height: 11px;
    vertical-align: middle;
}

.breakdown .commonDiv .chkDiv {
    overflow: hidden;
    display: block;
    padding: 2px 0;
}

.statistics-page .content-wrapper .chkActive {
    background: rgba(0, 0, 0, 0) url("../images/tick.png") no-repeat scroll right center / 10px 10px;
    height: 10px;
    width: 10px;
    margin-right: 8px;
}

    .statistics-page .content-wrapper .chkInActive input,
    .statistics-page .content-wrapper .chkActive input {
        opacity: 0;
        vertical-align: top;
    }
/*************topic*******************/

.statistics-page .content-wrapper .subcontents {
    padding: 2px 0;
}

    .statistics-page .content-wrapper .subcontents .data .sub-topic {
        display: none;
    }

    .statistics-page .content-wrapper .subcontents .sub-head .sub-topic-head {
        font-size: 14px;
        font-family: "robotolight";
        font-style: italic;
        cursor: pointer;
    }

    .statistics-page .content-wrapper .subcontents .main-topic {
        display: block;
        padding: 5px 18px;
        /* background: url("../images/stati_normal.png") no-repeat scroll left center #fff;*/
        background: url("../images/stati_normal.png") no-repeat scroll left center transparent;
        border-bottom: 1px solid #cdcdcd;
    }

    .statistics-page .content-wrapper .subcontents.active .main-topic {
        display: block;
        background: url("../images/stati_down.png") no-repeat scroll left center transparent;
        border: none;
    }

    .statistics-page .content-wrapper .subcontents .sub-head {
        display: inline-block;
        cursor: pointer;
    }



        .statistics-page .content-wrapper .subcontents .sub-head .sub-topic-head {
            display: inline-block;
            padding-left: 14px;
            margin-left: 0px;
            background: url("../images/stati_normal.png") no-repeat scroll left center transparent;
            cursor: pointer;
        }

        .statistics-page .content-wrapper .subcontents .sub-head.active .sub-topic-head {
            background: url("../images/stati_down.png") no-repeat scroll left center transparent;
        }

.statistics-page .content-wrapper .data-view-container .indicatorName {
    text-align: center;
}

.statistics-page .content-wrapper .subcontents .select-field {
    display: inline-block;
    margin-left: 8px;
    margin-top: 4px;
}

.statistics-page .search-content .search-image {
    background-image: url("../images/publicationimage/search_publication.png");
    background-color: #f4f5f5;
    background-position: calc(100% - 8px) center;
    background-position: -ms-calc(100% - 8px) center;
    background-position: -moz-calc(100% - 8px) center;
    background-position: -webkit-calc(100% - 8px) center;
    background-repeat: no-repeat;
    border: 1px solid #d4d4d4;
    color: #9C9E9E;
    display: block;
    font-family: robotoregular !important;
    font-size: 14px;
    height: 22px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}

.statistics-page .content-wrapper .subcontents .sub-head.active .select-field {
    opacity: 1;
}

.statistics-page .content-wrapper .subcontents .data .indicator {
    display: block;
}

.statistics-page .content-wrapper .subcontents .main-data-block {
    display: none;
}

.statistics-page .content-wrapper .rightItem span {
    display: block;
    clear: both;
}

.statistics-page .content-wrapper .ui-slider-handle .tooltip {
    opacity: 1;
    margin-left: -13px;
}

.statistics-page .content-wrapper .subcontents .main-data-block .sub-topic {
    display: none;
    height: auto;
    margin-top: 0;
    overflow: hidden;
   /* padding-left: 28px;*/
}

.statistics-page .content-wrapper .year .selectAll,
.statistics-page .content-wrapper .year .selectNone,
.statistics-page .content-wrapper .year .reverse {
    cursor: pointer;
}

.statistics-page .content-wrapper .subcontents .main-data-block .checkbox-field {
    display: inline-block;
}

.statistics-page .content-wrapper .subcontents .main-data-block .tooltips {
    display: inline-block;
    cursor: pointer;
}

    .statistics-page .content-wrapper .subcontents .main-data-block .tooltips .icontooltip {
        background: url("../images/icn_info.png") no-repeat scroll left center transparent;
        width: 12px;
        height: 12px;
        display: block;
        margin-top: 2px;
    }

     .breakdownGroup .tooltips .icontooltip {
        background: url("../images/icn_info.png") no-repeat scroll left center transparent;
        width: 12px;
        height: 12px;
        display: inline-block;
        margin-right:4px;
        /*margin-top: 2px;*/
    }

    .statistics-page .content-wrapper .subcontents .main-data-block .tooltips .closeTooltip {
        margin: 0;
    }

.statistics-page .content-wrapper .subcontents .indicator span {
    margin-right: 5px;
    font-size: 13px;
    vertical-align: middle;
    font-family: 'robotoregular';
    color: #5D5E5E;
}

.statistics-page .content-wrapper .subcontents .data .indicator {
    overflow: visible;
    position: relative;
}

.statistics-page .content-wrapper .tab-contents {
}

    .statistics-page .content-wrapper .tab-contents.active {
        transform: translateX(0%);
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transition: all 0.5s ease 0s;
    }

.statistics-page .content-wrapper .tab-head-block .compare.inactive {
    display: none;
}

.statistics-page .actions-field > div {
    display: inline-block;
}

.statistics-page .actions-field .select-field {
    float: left;
    margin-left: -7px;
}

.statistics-page .actions-field .search-field {
    float: right;
    display: none;
}

.statistics-page .tooltipText {
    background-color: #fff;
    border: 1px solid #cdcdcd;
    color: #61bbea;
    display: none;
    left: 20px;
    overflow: visible;
    position: absolute;
    top: -18px;
    width: 225px;
    z-index: 100;
    border-radius: 3px;
    /* background: url("../images/info_tooltip.png") no-repeat scroll left center transparent;*/
}

.statistics-page .content-wrapper .subcontents .main-data-block .tooltips .closeTooltip {
    float: right;
    display: block;
    font-size: 0;
    margin-right: 0px;
    margin-top: 2px;
    background: url("../images/info_close.png") no-repeat scroll left center transparent;
    width: 12px;
    height: 12px;
}

element.style {
    display: block;
}

*::after,
*::before {
    box-sizing: border-box;
}

.statistics-page .tooltipText::after {
    background: transparent url("../images/info_tooltip_arrw.png") no-repeat scroll left center;
    content: "";
    display: block;
    height: 15px;
    left: -9px;
    position: absolute;
    top: 15px;
    width: 9px;
    z-index: 1000;
}

.statistics-page .content-wrapper .subcontents .indicator .tooltipdata {
    background: #fff none repeat scroll 0 0;
    clear: both;
    color: #61bbea;
    display: block;
    padding: 0 10px 10px;
}

.statistics-page .actions-field .search-field input {
    background-color: #f4f5f5;
    background-image: url("../images/publicationimage/search_publication.png");
    background-position: calc(100% - 8px) center;
    background-position: -moz-calc(100% - 8px) center;
    background-position: -webkit-calc(100% - 8px) center;
    background-position: -ms-calc(100% - 8px) center;
    background-repeat: no-repeat;
    border: 1px solid #cdcdcd;
    font-size: 12px;
    padding-left: 10px;
}

.statistics-page .actions-field {
    margin: 20px 0 10px 0;
    overflow: hidden;
}

.tab-contents .select-field span.selectAll,
.tab-contents .select-field span.selectNone,
.tab-contents .select-field span.reverse {
    margin-right: 5px;
    padding: 0 13px!important;
}

.statistics-page .yearfiled {
    position: relative;
}

    .statistics-page .yearfiled .option {
        position: absolute;
        top: 0;
        font-size: 12px;
        font-weight: normal;
    }

        .statistics-page .yearfiled .option.startyear {
            left: 0;
        }

        .statistics-page .yearfiled .option.endyear {
            right: 0;
        }

    .statistics-page .yearfiled .year-sub {
        padding-top: 23px;
        padding-right: 23px;
        padding-left: 16px;
    }

.year-sub .ui-slider-handle {
    margin: 0;
    background: transparent url("../images/sliderControll.png") no-repeat scroll left center;
    border: medium none;
    width: 11px;
}

.year p label {
    font-weight: normal;
    margin-top: 6px;
}

    .year p label span {
        color: #2f92d0;
        font-size: 12px;
    }

.year-sub .year-slider {
    border: medium none;
    height: 5px;
}
.statistics-page .gridDiv .filterHeadtxt,.sourceHeadtxt {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 14px;
    padding-left: 15px;
}

.sourceHeadtxt {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 14px;
    padding-left: 15px;
}

.statistics-page .gridDiv .filterArea,.sourceArea {
     background: #fff none repeat scroll 0 0;
    border: 1px solid #8369a6;
    display: none;
    padding: 0;
    position: absolute;
    width: 50%;
    z-index: 9;
    top: 29px;
    left: 0px;
        height:auto;
}

/*.sourceArea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #8369a6;
    display: none;
    padding: 0;
    position: absolute;
    width: 50%;
    z-index: 9;
    top: 29px;
    left: 0px;
        height:auto;
}*/

    .statistics-page .gridDiv .filterArea .mainItem {
        border-bottom: 3px solid #eeeeee;
        clear: both;
        display: block;
        overflow: hidden;
        padding: 10px 15px;
    }

        .statistics-page .gridDiv .filterArea .mainItem span {
            font-size: 12px;
        }

        .statistics-page .gridDiv .filterArea .mainItem .leftItem,
        .statistics-page .gridDiv .filterArea .mainItem .rightItem,
        .statistics-page .gridDiv .filterArea .mainItem .editFilter {
            display: inline-block;
            float: left;
            color: #6d6e70;
            font-size: 12px;
        }

        .statistics-page .gridDiv .filterArea .mainItem .leftItem {
            width: 150px;
            padding-right: 50px;
        }

        .statistics-page .gridDiv .filterArea .mainItem .editFilter {
            float: right;
            background: rgba(0, 0, 0, 0) url("../images/icn_FilterEdit.png") no-repeat scroll center top;
            height: 13px;
            width: 13px;
            cursor: pointer;
        }

.statistics-page .gridDiv .open-export {
    float: left;
    background: rgba(0, 0, 0, 0) url("../images/icn_export.png") no-repeat scroll center top;
    height: 13px;
    width: 31px;
    cursor: pointer;
}

.statistics-page .gridDiv .email {
    background: rgba(0, 0, 0, 0) url("../images/icn_emailData.png") no-repeat scroll center top;
    height: 14px;
    width: 20px;
    cursor: pointer;
    display: block;
}

.statistics-page .gridDiv .commonaction {
    display: inline-block;
    float: left;
    margin-top: 4px;
    height: 20px;
    padding-right: 6px;
    font-size: 0;
    padding: 3px 11px 0;
}
.sourceBody table tr:nth-child(2n+1) {
    background: #e7e8ea none repeat scroll 0 0;
}
.sourceBody table tr:nth-child(2n) {
    background: #fff none repeat scroll 0 0;
}

    .statistics-page .gridDiv .commonaction.export {
        font-size: 12px;
        position: relative;
        vertical-align: top;
        /*border-left: 1px solid #cdcdcd;*/
    }

.statistics-page .gridDiv .commonaction {
    border-right: 1px solid #cdcdcd;
}

    .statistics-page .gridDiv .commonaction.active > span {
        border-bottom: 5px solid #6c62ae;
        padding-bottom: 18px;
    }
.source.active> span {
        border-bottom: 5px solid #6c62ae;
        padding-bottom: 5px;
        color:#6c62ae;
}
    .statistics-page .gridDiv .commonaction .maingrid-area {
        clear: both;
        display: block;
        font-size: 12px;
        position: absolute;
        top: 25px;
        left: 0;
        width: 145px;
        z-index: 10;
        background-color: #fff;
        padding: 5px;
        border: 1px solid #8369a6;
        border-radius: 0;
    }

        .statistics-page .gridDiv .commonaction .maingrid-area span:hover {
            background-color: #ccc;
        }

        .statistics-page .gridDiv .commonaction .maingrid-area span {
            display: block;
            padding: 2px 4px;
            cursor: pointer;
        }

.statistics-page .content-wrapper .gridDiv #content-slickgrid {
    clear: both;
    display: block;
    float: left;
    width: 100%;
    margin-top: 0px;
    height: calc(100% - 32px);
    height: -moz-calc(100% - 32px);
    height: -webkit-calc(100% - 32px);
    height: -ms-calc(100% - 32px);
}

.source  .download {
   background: rgba(0, 0, 0, 0) url("../images/icn_export.png") no-repeat scroll center top;
    width: 31px;
    height: 13px;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 42px;
    right: 30px;
}
.statistics-page .content-wrapper .chartViewDiv {
    width: 100%;
    float: left;
    border: 1px solid #CDCDCD;
    height: calc(100% - 32px);
    height: -ms-calc(100% - 32px);
    height: -moz-calc(100% - 32px);
    height: -webkit-calc(100% - 32px);
    overflow: auto;
}
.sourceBody .accordionhead {
    display: block;
    font-size: 14px;
    margin-top: 4px;
    margin-left: 10px;
    padding: 10px;
    width: 90%;
    font-weight: bold;
  
   }


.sourceBody .accordionContent {
 display:none;
}

.sourceBody .accordion {
    border-bottom: 1px solid #a09a9a;
    cursor: pointer;
    margin: 0 9px;
    position: relative;
}
.sourceBody .accordion ::after {
    background: rgba(0, 0, 0, 0) url("../images/stati_normal.png") no-repeat scroll 0 0;
    content: "";
    display: block;
     width: 4px;
    height: 7px;
    left: 6px;
    position: absolute;
    top: 17px;
     transition: all 0.5s ease 0s;
   
}
.sourceBody .accordion.active ::after {
   transform: rotate(90deg);
}

.sourceBody  table {
     background-color: transparent;
    font-size: 14px;
    margin-left: 0px;
    width: 100%;

}
.sourceBody  table th {
    text-align: left;
    padding: 6px;
    background: #e6e6e6;
    border-bottom:1px solid #a09a9a;
      border-top:1px solid #a09a9a;

}
.sourceBody table td {
        padding: 16px;
        font-size: 12px;
    }
/*.gridDiv .sources {
    display:none !important;
}*/
.sourceBody {
    margin-bottom: 20px;
    height:200px;
    color: #333;
}
.sourceHead {
    padding-right:70px;
}
/*.sourceArea {
    height:auto;
    margin-top: 10px;
    font-family: robotoregular;
}*/
 .sourceCopyright {
    display: block;
    font-size: 12px;
    padding: 0 0 0 15px;
}
.statistics-page .gridDiv .commonaction.views {
    float: right;
    padding: 0;
    margin-bottom: 3px;
    border: 0 none;
}

.statistics-page .gridDiv .commonaction .maingrid-area {
    display: none;
}
/*.statistics-page .export:hover .maingrid-area {
    display: block;
}*/

.statistics-page .gridDiv .views span {
    display: inline-block;
    font-size: 12px;
    color: #6c62ae;
    padding-left: 24px;
    cursor: pointer;
    margin-left: 15px;
    padding-bottom: 1px;
}

    .statistics-page .gridDiv .views span.active {
        border-bottom: 5px solid #6c62ae;
    }

.statistics-page .gridDiv .views .chartView {
    background: rgba(0, 0, 0, 0) url("../images/icn_chartview.png") no-repeat scroll left 2px;
}

.statistics-page .gridDiv .views .tableView {
    background: rgba(0, 0, 0, 0) url("../images/icn_tableview.png") no-repeat scroll left 2px;
}

.statistics-page .gridDiv .views .chartView {
    background: rgba(0, 0, 0, 0) url("../images/icn_chartview.png") no-repeat scroll left 2px;
}

.statistics-page .gridDiv .views .tableView {
    background: rgba(0, 0, 0, 0) url("../images/icn_tableview.png") no-repeat scroll left 2px;
}

.statistics-page .gridDiv .rightItem.active_Year span {
    display: inline-block;
}

.statistics-page .gridDiv .rightItem.active_Years span,
.statistics-page .gridDiv .rightItem.active_Countries span {
    border-right: 1px solid #cdcdcd;
    display: inline-block;
    margin-right: 5px;
    padding-right: 5px;
    margin-bottom: 5px;
}

.statistics-page .gridDiv .rightItem.active_Country span:first-child {
    border: none;
}

.statistics-page .gridDiv .rightItem.active_Year span.active:last-child {
    border: none;
}

.statistics-page .gridDiv .filterArea .mainItem .rightItem {
    width: 350px;
}

.statistics-page .gridDiv .active_Indicator {
    max-height: 200px;
}

.inner-page .mCSB_scrollTools .mCSB_buttonUp {
    background-image: url("../Images/scroll_up.png");
    background-position: center center !important;
}

.inner-page .mCSB_scrollTools .mCSB_buttonDown {
    background-image: url("../Images/scroll_down.png");
    background-position: center center !important;
}

.inner-page .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #d1d2d4;
}

    .inner-page .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .inner-page .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
    .inner-page .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
    .inner-page .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .inner-page .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .inner-page .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:active,
    .inner-page .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
        background-color: #b5b6b8;
    }

.statistics-page .gridDiv .closeFilter,
.statistics-page .gridDiv .closeSource {
    background: rgba(0, 0, 0, 0) url("../images/btn_close_filter.png") no-repeat scroll center center;
    display: inline-block;
    float: right;
    height: 26px;
    margin: 1px;
    width: 26px;
    cursor: pointer;
}

.year-select input,
.select-field > span,
.select-field > span input,
.topic .subcontents .main-topic,
.input-field input {
    cursor: pointer;
}

.commonDiv .chkActive input,
.commonDiv .chkInActive input {
    cursor: pointer;
}

.statistics-page .gridDiv .filterHead,
.sourceHead {
    margin-top: 10px;
}

.institution-page .country-slider {
    position: absolute;
    opacity: 0;
    z-index: -99;
}

.institution-page .country-data .country-slider.espanol {
    display: block!important;
}

.institution-page .country-slider map area {
    display: none;
}

.institution-page .country-slider.active {
    position: relative;
    opacity: 1;
    z-index: 200;
}

    .institution-page .country-slider.active map area {
        display: block;
    }

.inner-page .header .select-field .select-field-sub {
    height: 28px;
    overflow: hidden;
}

.inner-page .header .form-field .select-field .language-selection {
    vertical-align: middle;
}

.header .form-field .select-field .language-selection:hover {
    color: #000;
}

#steps-fivepercent-slider .ui-slider-tip {
    visibility: visible;
    opacity: 1;
    top: -30px;
}

.ui-slider-label {
    font-size: 0;
}

.inner-page .year-slider {
    background: #dbdbdb none repeat scroll 0 0;
}

.yearfiled {
    padding-left: 0;
    padding-right: 0;
    margin-top: 2px;
}

    .yearfiled .ui-slider-tip {
        display: none!important;
    }

.statistics-page .container .content-wrapper .tab-head-block .other {
    position: relative;
}

.statistics-page .content-wrapper .errorMsg {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #cdcdcd;
    top: calc(100% + 10px);
    color: red;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 5px;
    position: absolute;
    right: 10px;
    min-width: 380px;
    max-width:380px;
    height:auto;    
    display: none;
    z-index: 115;
}

.statistics-page .content-wrapper .tab-head-block {
    overflow: visible;
}

.statistics-page .content-wrapper .errorMsg .error {
    width: 90%;
    color: red;
    vertical-align: middle;
    display: inline-block;
    font-size: smaller;
}

.statistics-page .content-wrapper .errorMsg .help {
    float: left;
    width: 6%;
    margin-right: 10px;
    background: url("../images/icn_error.png") no-repeat scroll left center transparent;
    height: 16px;
    /*width: 16px;*/
    vertical-align: middle;
    display: inline-block;
}

.statistics-page .content-wrapper .tab-head-block .other .errors.active {
    position: relative;
}

    .statistics-page .content-wrapper .tab-head-block .other .errors.active:after {
        content: "";
        height: 11px;
        left: calc(50% - 10px);
        left: -webkit-calc(50% - 10px);
        left: -moz-calc(50% - 10px);
        left: -ms-calc(50% - 10px);
        position: absolute;
        top: 100%;
        width: 21px;
        z-index: 200;
        background: url("../images/errorBox_top.png") no-repeat scroll left center transparent;
    }

.statistics-page .content-wrapper .headAge {
    color: #6d6e70;
}

.statistics-page .gridDiv .commonaction.email-field {
    position: relative;
}

/*.email-field.active .emailPopup::before {
    background: transparent url("../images/exportpopup_arrw.png") no-repeat scroll left center;
    content: "";
    height: 9px;
    left: 10px;
    position: absolute;
    top: -9px;
    width: 15px;
}

.export.active .maingrid-area::before {
    background: transparent url("../images/exportpopup_arrw.png") no-repeat scroll left center;
    content: "";
    height: 9px;
    left: 18px;
    position: absolute;
    top: -9px;
    width: 15px;
}*/

.statistics-page .content-wrapper .emailPopup {
    background-color: #fff;
    border: 1px solid #8369a6;
    border-radius: 0;
    display: none;
    left: 0;
    padding: 4px 4px 10px;
    position: absolute;
    top: 25px;
    width: 300px;
    z-index: 2;
}

    .statistics-page .content-wrapper .emailPopup .mailForm {
        padding: 0 24px;
    }

    .statistics-page .content-wrapper .emailPopup span {
        padding-bottom: 5px;
        font-size: 12px;
        clear: both;
    }

.statistics-page .content-wrapper .txtEmail,
.statistics-page .content-wrapper .txtURL {
    background-color: #f2f2f2;
    border: 1px solid #dfd9d9;
    border-radius: initial;
    clear: both;
    color: #999999;
    display: inline-block;
    font-size: 13px;
    height: auto;
    line-height: 18px;
    margin-bottom: 9px;
    padding: 5px;
    width: 100%;
}

.statistics-page .content-wrapper .mailForm input {
    margin-top: 10px;
}

.statistics-page .content-wrapper .emailPopup span {
    display: block;
}

.statistics-page .content-wrapper .exportImageBtn,
.statistics-page .content-wrapper .send {
    width: 100px;
    background: #6660b0 none repeat scroll 0 0;
    padding: 5px;
    border-radius: 5px;
    float: right;
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}

.statistics-page .content-wrapper .exportImageBtn {
    margin-right: 24px;
}

.statistics-page .content-wrapper .closeexportContent,
.statistics-page .content-wrapper .closeEmail {
    background: rgba(0, 0, 0, 0) url("../images/btn_close_filter.png") no-repeat scroll center center;
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 26px;
    margin: 1px;
    width: 26px;
}

.statistics-page .content-wrapper .initial-block .button-block a {
    position: relative;
}

.button-block a span {
    color: #fff;
    display: block;
    font-family: "robotobold";
    font-size: 18px;
    left: calc(50% - 38px);
    left: -moz-calc(50% - 38px);
    left: -webkit-calc(50% - 38px);
    left: -ms-calc(50% - 38px);
    position: absolute;
    top: calc(50% - 11px);
    top: -webkit-calc(50% - 11px);
    top: -moz-calc(50% - 11px);
    top: -ms-calc(50% - 11px);
    width:auto;
}

.button-block .country-comparison span {
    left: calc(50% - 60px);
    left: -moz-calc(50% - 60px);
    left: -webkit-calc(50% - 60px);
    left: -ms-calc(50% - 60px);
}

.institution-page .ref-block .ref-content p {
    color: #2b2e34;
    display: inline-block;
    font-family: "sourcesansproregular";
    font-size: 14px;
    font-weight: normal;
    margin: 2px 0;
    padding-left: 26px;
    padding-right: 5px;
}

.institution-page .ref-block .ref-content h3 {
    color: #2b2e34;
    display: inline-block;
    font-family: "sourcesansproregular";
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding-left: 10px;
}

.institution-page .ref-block {
    background-color: #f0f1f1;
    padding-bottom: 10px;
    padding-left: 20px;
}


/*********graph styles****/

.statistics-page .recline-pager .pagination ul li {
    float: left;
    display: inline-block;
}

.statistics-page .content-wrapper .menu-left .header {
    overflow: hidden;
    margin-top: 2px;
}

.statistics-page .editor-block .graphAccordion {
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100%;
}

    .statistics-page .editor-block .graphAccordion select {
        color: #6d6e70;
        font-size: 12px;
        height: auto;
        padding: 5px 0px;
        border: 1px solid #cdcdcd;
        /*font-family: "sourcesansproregular"!important;*/
        -ms-appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: rgba(0, 0, 0, 0) url("../images/arrw_countrylist.png");
        background-repeat: no-repeat;
        background-position: calc( 100% - 8px) center;
        background-position: -moz-calc( 100% - 8px) center;
        background-position: -ms-calc( 100% - 8px) center;
        background-position: -webkit-calc( 100% - 8px) center;
    }

        .statistics-page .editor-block .graphAccordion select option {
            /* font-family: "sourcesansproregular"!important;*/
        }

        .statistics-page .editor-block .graphAccordion select::-ms-expand {
            display: none;
        }

    .statistics-page .editor-block .graphAccordion .labelType {
        height: auto;
    }

        .statistics-page .editor-block .graphAccordion .labelType span:first-child {
            color: #6d6e70;
            font-family: "sourcesansproregular";
            font-size: 14px;
            font-weight: normal;
        }

        .statistics-page .editor-block .graphAccordion .labelType span:nth-child(2) {
            font-family: "sourcesansproregular";
            font-size: 14px;
            margin-left: 5px;
        }

.statistics-page .rowrdo .chkInActive, .statistics-page .rowrdo .chkActive {
    cursor: pointer;
}

.statistics-page .editor-block .editor-group select,
.statistics-page .editor-block .editor-series-none span,
.editor-series-pivot .rowfield {
    color: #6d6e70;
    font-size: 14px;
}

.statistics-page .series-pivot {
    display: none;
}

.statistics-page .editor-block .graphSet .graphIcons {
    float: left;
    margin: 0;
    min-height: 73px;
    width: 33.3333%;
}

    .statistics-page .editor-block .graphSet .graphIcons .tiledGraph {
        float: none;
        margin: 0 auto;
    }

.statistics-page .editor-block .editor-type {
    overflow: hidden;
    width: 100%;
}

.statistics-page .recline-data-explorer .graphAccordion .labelType {
    padding: 0;
}

.statistics-page .editor-block .graphAccordion .updown {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

.editor-series-none .chkGroup .divSeries,
.editor-series-none .chkGroup .text {
    display: inline-block;
    float: left;
}

.statistics-page .recline-data-explorer .data-view-sidebar {
    width: 300px;
    padding: 0 10px;
}

.statistics-page .editor-block .labelsDiv {
    padding: 10px 0;
}

.statistics-page .labelsDiv .reverseField label,
.statistics-page .labelsDiv .reverseField .text {
    display: inline-block;
    vertical-align: middle;
    font-family: "sourcesansproregular";
}

.statistics-page .labelsDiv .reverseField .labelType {
    border: none;
}

.statistics-page .chartViewDiv .header .menu-left .recline-results-info span {
    color: #6d6e70;
    font-family: "sourcesansproregular";
    font-size: 14px !important;
}

.statistics-page .chartViewDiv .header .menu-left .recline-pager {
    margin-left: 5px;
    padding: 2px 0;
}

.statistics-page .chartViewDiv .header .recline-pager .pagination input {
    font-size: 12px;
    font-family: "sourcesansproregular";
}

.statistics-page .chartViewDiv .header {
    margin: 5px;
}

.statistics-page .nv-axisMaxMin text,
.statistics-page .tick text {
    fill: #6d6e70;
    font-family: "sourcesansproregular";
    font-size: 12px;
}

.statistics-page .graphAccordion .slideCountry,
.statistics-page .graphAccordion .indicatorBody {
    clear: both;
    overflow: hidden;
}

.statistics-page .graphAccordion .dataConvert {
    display: none;
}




/********statistics-page changes***************/
.statistics-page .content-wrapper .initial-block .initial-sub-block {
    top: calc(50% - 125px);
    top: -webkit-calc(50% - 125px);
    top: -ms-calc(50% - 125px);
    top: -moz-calc(50% - 125px);
}

.statistics-page .button-block-region .button-head {
    color: #7a63ab;
    display: block;
    font-family: "robotobold";
    font-size: 18px;
    margin: 20px 0 0 20px;
    padding: 10px 0 10px 35px;
    width: 100%;
}

.statistics-page .country-profile-head {
    background: url(../images/icn_countryProfile_small.png) no-repeat left center transparent;
}

.statistics-page .country-comparison-head {
    background: url(../images/icn_countryComparison_small.png) no-repeat left center transparent;
}

.statistics-page .button-block-region > a {
    display: block;
    height: 177px;
    margin-top: 15px;
    width: 100%;
}

.statistics-page .button-main-content {
    color: #7a63ab;
    display: block;
    font-family: "robotocondensed";
    font-size: 14px;
    margin: 0 20px;
}

.statistics-page .button-block-region .sub-element {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    display: block;
    height: 78%;
    left: 0;
    position: absolute;
    transform: translate(0px, 110%);
    -moz-transform: translate(0px, 110%);
    -webkit-transform: translate(0px, 110%);
    -ms-transform: translate(0px, 110%);
    transition: all 0.5s ease 0s;
    width: 100%;
}

.statistics-page .button-block-region {
    display: inline-block;
    height: 185px;
    overflow: hidden;
    position: relative;
    width: 386px;
    z-index: 20000;
}

    /* .statistics-page .button-block-region .bottom-content {
        background: #7a63ab none repeat scroll 0 0;
        border-radius: 0;
        bottom: 10px;
        color: #fff;
        display: block;
        font-family: robotocondensed;
        font-size: 16px;
        height: auto;
        left: 0;
        padding: 10px;
        position: absolute;
        vertical-align: middle;
        width: 100%;
        cursor: pointer;
    }*/

    .statistics-page .button-block-region .button-element {
        height: 100%;
        left: 10px;
        position: absolute;
        width: calc(100% - 20px);
        width: -ms-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        cursor: pointer;
    }

    .statistics-page .button-block-region .sub-element.active-element {
        transform: translate(0px, 0%);
        -moz-transform: translate(0px, 0%);
        -webkit-transform: translate(0px, 0%);
        -ms-transform: translate(0px, 0%);
        transition: all 0.5s ease 0s;
    }

.chkInActive input, .chkActive input {
    cursor: pointer;
}

.statistics-page .labelsDiv .reverseField label.chkInActive,
.statistics-page .labelsDiv .reverseField label.chkActive {
    padding: 0;
}
/**************wraning message**************/
.inner-page .warning-blocks {
    display: none;
}

.inner-page .welcomeClose {
    display: block;
    float: left;
    background: #fff;
    width: 100%;
}

.inner-page .warning-region::before,
.inner-page .warning-region::after {
    background: transparent url("../images/infoMessage-shadow.png") no-repeat scroll 0 0;
    content: "";
    display: block;
    height: 62px;
    position: absolute;
    width: 574px;
}

.inner-page .warning-region::after {
    top: auto;
    bottom: -36px;
    z-index: -100;
}

.inner-page .warning-region::before {
    top: -28px;
    z-index: -100;
}

.inner-page .warning-region {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 10px 35px 0 #cdcdcd;
    color: red;
    display: none;
    height: auto;
    left: calc(50% - 277px);
    left: -webkit-calc(50% - 277px);
    left: -moz-calc(50% - 277px);
    left: -ms-calc(50% - 277px);
    padding: 0;
    position: absolute;
    top: calc(50% - 118px);
    top: -webkit-calc(50% - 150px);/*changed*/
    top: -moz-calc(50% - 150px);/*changed*/
    top: -ms-calc(50% - 150px);/*changed*/
    width: 555px;
    z-index: 2000;
    transition: all 0.5s ease 0s;
}

    .inner-page .warning-region.slideleft {
        transition: all 0.5s ease 0s;
        left: calc(50% - 477px);
        left: -webkit-calc(50% - 477px);
        left: -moz-calc(50% - 477px);
        left: -ms-calc(50% - 477px);
    }
/* .statistics-page .warning-region::after {
        background: transparent url("../images/instructionbox_arrw_right_new.png") no-repeat scroll 0 0;
        content: "";
        display: block;
        height: 15px;
        position: absolute;
        right: -9px;
        top: calc(50% - 7px);
        width: 9px;
    }*/

.inner-page .warning-text {
    color: #6c62ae;
    font-size: 12px;
    font-family: robotoregular;
    padding-left: 10px;
    display: block;
}

    .inner-page .warning-text > span.text2 {
        display: block;
        padding: 15px 0;
    }

.inner-page .warning-icon {
    background: transparent url("../images/icon_welcome.png") no-repeat scroll center center;
    display: inline-block;
    height: 113px;
    margin-right: 10px;
    vertical-align: middle;
    width: 111px;
}

.inner-page .warning-box {
    clear: both;
    display: table;
    padding: 0px 35px 30px 35px;
    width: 100%;
    background: #fff none repeat scroll 0 0;
}

.warning-text ol li:last-child {
    padding-top: 7px;
}

    .inner-page .warning-box .text1 {
        font-family: "robotomedium";
        font-size: 24px;
        color: #7A63AA;
        display: block;
    }

    .inner-page .warning-box .text2 {
        font-family: "robotoregular";
        font-size: 14px;
        color: #58595B;
        font-weight:normal;
    }

    .inner-page .warning-box .text3 {
        font-family: "robotobold";
        font-size: 14px;
        color: #7A63AA;
        padding-left: 8px;
    }

.inner-page .welcome-close {
    background: transparent url("../images/welcomeInfo_close.png") no-repeat scroll center center;
    display: block;
    float: right;
    height: 37px;
    width: 37px;
    cursor: pointer;
}

.inner-page .warning-box ol {
    list-style-position: inside;
    padding: 0;
    counter-reset: welcome;
}

.warning-text > ol li {
    display: list-item;
    list-style-type: none;
    padding-bottom: 10px;
    padding-left: 0;
    padding-top: 0px;
}

.warning-text ol li .welcome-list {
    padding-left: 30px;
}

.warning-text ol > li::before {
    background: #8369a6 none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    content: counter(welcome, decimal);
    counter-increment: welcome;
    height: 20px;
    position: absolute;
    text-align: center;
    width: 20px;
    line-height: 20px;
}
.institution-page .warning-text ol > li::before {
    background-color:#63b4b5;
}
.inner-page .warning-box > span,
.inner-page .warning-box > span {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.inner-page .welcome-text {
    border-left: 1px solid #8369a6;
    padding-left: 10px;
}



/*******search*******/
.statistics-page .topic-action {
    width: auto;
    display: none;
}

.statistics-page .sub-head.active .topic-action {
    display: inline-block;
}

.statistics-page .topic-action > div {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}


/**************tootip******************/


.my-custom-theme {
    border-radius: 5px;
    border: 2px solid #000;
    background: #4c4c4c;
    color: #fff;
}
/* Use this next selector to style things like font-size and line-height: */




.statistics-page .content-wrapper .gridDiv .chartViewDiv > div .statistics-page .content-wrapper .gridDiv .chartViewDiv .recline-data-explorer,
.statistics-page .content-wrapper .gridDiv .chartViewDiv .data-view-container,
.statistics-page .content-wrapper .recline-flot,
.statistics-page .content-wrapper .panel graph {
    height: 100%;
}

    .statistics-page .content-wrapper .gridDiv .chartViewDiv .data-view-container .catalogName {
        height: auto;
    }

.statistics-page .content-wrapper .catalogName {
    margin-top: 0;
}

.statistics-page .content-wrapper .subcontents .data .indicator {
    display: table;
    /*padding: 5px 0;*/
}

    .statistics-page .content-wrapper .subcontents .data .indicator > span {
        display: table-cell;
        vertical-align: top!important;
        height: 100%;
    }

    .statistics-page .content-wrapper .subcontents .data .indicator span.text {
        line-height: 16px;
        padding-left: 10px;
    }

.statistics-page .content-wrapper .indicator .chkInActive {
    background: rgba(0, 0, 0, 0) url("../images/untick.png") no-repeat scroll right 2px / 10px 10px;
    height: 10px;
    width: 10px;
    margin-right: 8px;
}

    .statistics-page .content-wrapper .indicator .chkInActive input,
    .statistics-page .content-wrapper .indicator .chkActive input {
        cursor: pointer;
    }

.statistics-page .content-wrapper .indicator .chkActive {
    background: rgba(0, 0, 0, 0) url("../images/tick.png") no-repeat scroll right 2px / 10px 10px;
    height: 10px;
    width: 10px;
    margin-right: 8px;
}


.tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
}

.slider-tip {
    bottom: 120%;
    margin-left: -1.36em;
    opacity: 1;
}

.statistics-page .content-wrapper .tooltip.top .tooltip-arrow {
    border-top-color: #a7a9ac;
    border-bottom-color: transparent;
    border-width: 5px;
    left: 50%;
    margin-left: -5px;
    top: 24px;
}

.statistics-page .content-wrapper .tooltip-inner {
    background-color: #fff;
    border: 1px solid #a7a9ac;
    border-radius: 4px;
    color: #3293d0;
    height: 100%;
    max-width: 200px;
    padding: 0px 4px 0 2px;
    text-align: center;
    text-decoration: none;
    font-family: "robotoregular";
}

.statistics-page .content-wrapper .slider-tip {
    bottom: 15px;
}

.statistics-page .editor-block .countryBody {
    max-height: 190px;
}

.country-data.new-0 .data-container .title,
.country-data.new-0 .data-container .data-block-head {
    color: #0582A3!important;
}

.country-data.new-1 .data-container .title,
.country-data.new-1 .data-container .data-block-head {
    color: #639941!important;
}

.country-data.new-2 .data-container .title,
.country-data.new-2 .data-container .data-block-head {
    color: #D4842B!important;
}

.country-data.new-3 .data-container .title,
.country-data.new-3 .data-container .data-block-head {
    color: #DD5C75!important;
}

.statistics-page .content-wrapper .exportImageIcon {
    background: rgba(0, 0, 0, 0) url("../images/icn_exportImg.png") no-repeat scroll center top;
    height: 14px;
    width: 20px;
    cursor: pointer;
    display: block;
}

.statistics-page .content-wrapper .exportImage {
    display: none;
}

.statistics-page .content-wrapper .switchConvrt .labelType {
    margin-right: 10px;
}

.statistics-page .chartBreaks {
    display: table;
}

    .statistics-page .chartBreaks > span {
        display: table-cell;
        vertical-align: top;
    }

        .statistics-page .chartBreaks > span.text {
            padding-left: 5px;
        }

    .statistics-page .chartBreaks .chartCheckbox {
        background-position: center 5px;
    }

/*.item-block .item-block,
.item-block .mCustomScrollBox,
.item-block .item,
.statistics-page .content-wrapper .tab-contents .item-block .item,
.statistics-page .content-wrapper .tab-contents .item-block,
.item-block,
.tab-contents ,
.item-block .mCSB_inside > .mCSB_container,
.statistics-page .content-wrapper .subcontents .main-data-block .sub-topic{
    overflow:visible!important;
}*/
.publication-page .content-wrapper .accordin-content .subDiv {
    display: table;
}

    .publication-page .content-wrapper .accordin-content .subDiv span {
        display: table-cell;
        vertical-align: top;
    }

.publication-page .content-wrapper .accordin-content .chkInActive {
    background: rgba(0, 0, 0, 0) url("../images/untick.png") no-repeat scroll right 2px / 10px 10px;
    cursor: pointer;
    height: 10px;
    margin-right: 8px;
    width: 10px;
}

.publication-page .content-wrapper .accordin-content .chkActive {
    background: rgba(0, 0, 0, 0) url("../images/tick.png") no-repeat scroll right 2px / 10px 10px;
    cursor: pointer;
    height: 10px;
    margin-right: 8px;
    width: 10px;
}

.publication-page .content-wrapper .accordin-content .subDiv input {
    opacity: 0;
    vertical-align: top;
    cursor: pointer;
}

.aboutus-page .idblinks {
    display: none;
}

    .aboutus-page .idblinks.active {
        display: block;
    }

.statistics-page .dark-tooltip {
    background: #fff none repeat scroll 0 0!important;
    max-width: 400px!important;
    border: 1px solid #cdcdcd;
    clear: both;
    color: #61bbea;
    padding: 0 10px 10px;
    display: none;
}

    .statistics-page .dark-tooltip .tip {
        background: rgba(0, 0, 0, 0) url("../images/info_tooltip_arrw_right.png") no-repeat scroll left center;
        border: medium none!important;
        cursor: pointer;
        height: 15px;
        width: 9px;
    }

    .statistics-page .dark-tooltip div {
        color: #61bbea;
    }

.recline-data-explorer {
    margin-top: 20px;
}

    .recline-data-explorer .data-view-container {
        position: relative;
        padding-top: 0px;
        z-index: 0;
    }

        .recline-data-explorer .data-view-container .catalogName {
            position: absolute;
            left: 10px;
            bottom: -3px;
            height: 23px;
            width: 76%;
        }

.statistics-page .recline-data-explorer .data-view-sidebar {
    position: relative;
    z-index: 100;
}

.recline-data-explorer .data-view-container .btnLegend .legendDiv {
    padding-top: 0;
}

.recline-data-explorer .data-view-container > div:last-child {
    margin: 0;
}

.dark-tooltip.dark {
    z-index: 2222 !important;
}

/*.statistics-page .content-wrapper .exportContent {
    display: none;
    width: 240px;
    position: absolute;
    height: 140px;
    background-color: #fff;
    z-index: 1;
    top: 25px;
}*/
.statistics-page .content-wrapper .exportImage {
    position: relative;
}

.statistics-page .content-wrapper .exportContent {
    background-color: #fff;
    border: 1px solid #8369a6;
    border-radius: 0;
    display: none;
    left: 0;
    padding: 5px;
    position: absolute;
    top: 25px;
    width: 75px;
    z-index: 2;
}

    .statistics-page .content-wrapper .exportContent > div {
        font-size: 12px;
        padding: 2px 4px;
        cursor: pointer;
        color: #6d6e70;
    }

        .statistics-page .content-wrapper .exportContent > div:hover {
            background-color: #ccc;
        }

    .statistics-page .content-wrapper .exportContent select,
    .statistics-page .content-wrapper .exportContent input {
        background-color: #f2f2f2;
        border: 1px solid #dfd9d9;
        font-size: 13px;
        color: #999999;
        padding: 5px;
        height: auto;
    }

    .statistics-page .content-wrapper .exportContent .valofImage select, .nameOfImage input {
        width: 100%;
    }

.nameOfImage, .valofImage {
    float: left;
    width: 100%;
    padding: 10px 24px;
}

svg .downloadFilter {
    fill: red;
}

.institution-page .data-block .subtitlefont {
    font-size: 16px;
    font-family: 'sourcesansproregular';
}

.grid-canvas .slick-cell.number {
    text-align: right;
}

.statistics-page .content-wrapper .emailNotification {
    padding-left: 25px;
}

.nvtooltip {
    z-index: 9999999;
}

.tooltipDownload {
    margin: 8px;
    padding: 4px;
    border: 1px solid black;
    background-color: white;
    position: absolute;
    width: 75px;
    height: 30px;
    z-index: 200;
}

.resetFilter {
}
/********welcome message***/
.inner-page.institution-page .warning-region {
    display: block;
    /*height: auto;*/
    height: 300px;
    /*width: 340px;*/
     width: 375px;
    left: 20px;
    overflow: hidden;

}

    .inner-page.institution-page .warning-region.inactive-message {
        display: none;
    }

.inner-page.institution-page .welcome-text {
    border-left: 1px solid #63b4b5;
}

.inner-page.institution-page .warning-box .text1 {
    color: #63b4b5;
}

.inner-page.institution-page .warning-icon {
    background: transparent url("../images/icon_welcome_institution.png") no-repeat scroll center center;
}

.inner-page.institution-page .warning-region::before {
    top: -20px;
}

.inner-page.institution-page .warning-region::before,
.inner-page.institution-page .warning-region::after {
    width: 100%;
    background-size: 100% auto;
}

.inner-page.institution-page .warning-text > span.text2 {
    padding-bottom: 0;
}


.institution-page .warning-blocks {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200;
}
/***********new insitution welcome changes******************/
.inner-page.institution-page .warning-region.invisible {
    display:none;
}
.inner-page.institution-page .warning-region {
    display: block;
    height: 335px;
    left: 20px;
    overflow: hidden;
    width: 375px;
    top:95px;
    padding-bottom:15px;
}
.inner-page.institution-page .warning-region ol{
    margin-top:10px;
}
.inner-page.institution-page .warning-region ol li:last-child {
    padding-top:0;
}
    .inner-page.institution-page .warning-region:after,
    .inner-page.institution-page .warning-region:before {
        display:none;
    }
.inner-page.institution-page .warning-box {
    display:block;
    padding:15px 0 0 0;
}

.inner-page.institution-page .welcome-text {
    border:none!important;
    display:block;
    padding:0 10px;
}
.inner-page.institution-page .welcome-close {
    position:absolute;
    right:0;
}
.inner-page.institution-page .warning-text > span.text2 {
    line-height:18px;
    padding:10px 0 0 0;
   
}
.statistics-page .content-wrapper .slick-cell, .slick-headerrow-column {
    /*white-space: normal;
        word-wrap: break-word;*/
}

.statistics-page .container .content-wrapper  .graph-menu {
        float:right;
        display:none;
    }

.statistics-page .content-wrapper .tooltip-inner {
    position:relative;
}
.statistics-page .content-wrapper .tooltip.top .tooltip-arrow {
    display:none;
}
.statistics-page .content-wrapper .tooltip-inner:after {
    content:"";
    border-style:solid;
    border-color:transparent;
    border-bottom-color: transparent;
    border-top-color: #a7a9ac;
    border-width: 5px;
    left: 50%;
    margin-left: -5px;
    top: 100%;
    position:absolute;
}
.statistics-page .content-wrapper .tooltip.top {
    margin-top: -3px;
    padding: 5px 0 6px;
}
.statistics-page .content-wrapper .yearfiled {
    margin-top: 8px;
}

/**********tab disable********/
.statistics-page .container .content-wrapper .tab-head-block .other .item.inactive-tab{
    position: relative;
    z-index: -1;
}
.statistics-page .container .content-wrapper .tab-head-block .other .item.inactive-tab::after {
    background: rgba(250, 250, 250, 0.3) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}
.inner-page .confirmationMsg {
    background-color: #f4eef6;
    border: 1px solid #927bb6;
    height: 47px;
    left: calc(50% - 143px);
    padding: 14px 20px;
    position: absolute;
    text-align: center;
    top: calc(50% - 23px);
    vertical-align: middle;
    width: 286px;
    z-index:200;
}
    .inner-page .confirmationMsg > span {
        display:table;
        margin:0 auto;
    }
    .inner-page .confirmationMsg .sendIcon,
    .inner-page .confirmationMsg .emsg {
        display:table-cell;
        vertical-align:middle;
    }
    .inner-page .confirmationMsg .emsg {
        padding-left:5px;
    }
    .inner-page .confirmationMsg .span {
        color:#8369A6;
        font-family:"robotoregular";
        font-size:14px;
      
    }
.inner-page .confirmationMsg .sendIcon {
     background:url("../images/icn_mailSent_stati.png") no-repeat scroll center center;
     display:inline-block;
     width:44px;
     height:18px;

}
.inner-page .confirmationMsg.inactive {
    display:none;
}
.panel{
        box-shadow: none;
}
.variablesDetail {
    color: #6c62ae;
    font-family: "sourcesansproregular";
    font-size: 14px;
    font-weight: normal;
}
.varDetail {
    cursor: pointer;    
    float:left; 
}
.closeSource {
    background: rgba(0, 0, 0, 0) url("../images/btn_close_filter.png") no-repeat scroll center center;
    display: inline-block;
    float: right;
    height: 26px;
    margin: 1px;
    width: 26px;
    cursor: pointer;
}

 .inner-page.pension-page .content-wrapper {
        overflow: hidden;
        margin-top: 20px;
}

.pension-page .content-wrapper {
    overflow: auto;
}

.pension-page .container.iadb-page > div {
    height: 100%;
}

.pension-page .iadb-page {
    height: calc(100% - 145px);
    height: -webkit-calc(100% - 145px);
    height: -moz-calc(100% - 145px);
    height: -ms-calc(100% - 145px);
}

.pension-page .tab-block {
    background-color: #dde3e8;
    /*height: calc(100% - 44px);*/
    height: auto;
    overflow: hidden;
}

.slick-indicator-resize {
height:48px !important;
}
.slick-resized-right-header {
     width: 120px !important;
}

/*New Modifications*/
 .recline-data-explorer .data-view-container .catalogName .legendSource {
    float: left;
    width: 100%;
}