html {
    scroll-behavior: smooth;
}

body {
    font-family: Gotham, sans-serif;
    background: transparent;
}

body.page-data-dashboard {
    background: #f2f2f2;
}

.main-wrapper {
    background: transparent;
    overflow: hidden;
    max-width: 1380px;
    margin: auto;
}

.main-wrapper-inner {
    padding: 20px 50px;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
}

.main-wrapper-inner .left-side {
    width: 370px;
    float: left;
}

.main-wrapper-inner .left-side .help-with-dashboard {
    border-radius: 8px;
    background: #2E4AB5;
    margin-bottom: 15px;
}

.main-wrapper-inner .left-side .help-with-dashboard a {
    padding: 2.5rem 2.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-wrapper-inner .left-side .help-with-dashboard p {
    color: #FFF;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0;
}

.main-wrapper-inner .left-side .help-with-dashboard span {
    background: #FFB636;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-wrapper-inner .left-side .left-inner {
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
    overflow: hidden;
    padding: 3rem 3rem;
    display: block;
}

.main-wrapper-inner .left-side .left-inner .refine-blocks {
    color: #3C4144;
    font-size: 22px;
    line-height: 28px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 15px;
    position: relative;
}

.left-side .left-blocks {
    padding: 20px 0;
}

.left-side .left-blocks:not(:last-child){
    border-bottom: 1px solid #D9D9D9;
}

.left-side .left-blocks ul li {
    list-style: none;
    padding-left: 23px;
}

.left-side .left-blocks ul {
    padding-left: 0;
    margin-bottom: 0;
    display: none;
    padding-top: 12px;
}

.main-wrapper-inner .right-side {
    float: left;
    width: calc(100% - 390px);
    background: #fff;
    margin-left: 20px;
}

.right-side .tab-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.right-side .tab-block .primary-tab {
    width: 70%;
    flex-shrink: 0;
}

.right-side .tab-block .primary-tab ul {
    float: left;
    padding-left: 0;
    width: 100%;
}

.right-side .tab-block .primary-tab ul {
    width: 100%;
    max-width: 595px;
    margin-bottom: 0;
    background: #F5F5F5;
    border-radius: 25px;
    padding: 5px;
}

.left-side .left-blocks ul li {
    cursor: pointer;
    position: relative;
    text-align: left;
    color: #3C4144;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.left-side .sidebar-title {
    color:  #7F7F7F;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
}

.left-side .sidebar-title::before {
    content: "";
    position: absolute;
    background-image: url("../images/inactive-accord.svg");
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    left: 0;
    top: 5px;
}

.left-side .active-accord .sidebar-title::before {
    background-image: url("../images/active-accord.svg");
}

.right-side .tab-block .primary-tab ul.prim-tabs li {
    float: left;
    list-style: none;
}

.right-side .tab-block .primary-tab ul.prim-tabs li.active {
    background: #FFF;
    border-radius: 25px;
}

.right-side .tab-block .primary-tab ul li {
    width: auto;
    text-align: center;
    margin: 0 2px;
}

.right-side .tab-block .primary-tab ul li a {
    color: #3C4144;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    line-height: 16px;
    text-decoration: none;
    padding: 12px 30px;
    display: block;
}

.right-side .content-block {
    height: calc(100vh - 50px);
}

.right-side .content-block .tab-pane#maps {
    height: 450px;
}

.right-side .tab-block .tabs {
    position: relative;
}

#popupdata.popup {
    position: absolute;
    width: 50%;
    background: #fff;
    border: 1px solid #d7d4d4;
    left: 0;
    right: 0;
    top: 34%;
    /*transform: translateY(-50%);*/
    top: 20px;
    margin: 0 auto;
    display: none;
    padding-top: 25px;
}

#popupdata.popup.active {
    display: block;
    z-index: 2;
}

.popup-in > ul {
    height: 220px;
}

.popup .popup-in {
    position: relative;
    height: 220px;
    display: none;
}

.closex {
    cursor: pointer;
    position: absolute;
    right: 24px;
    top: 15px;
    z-index: 1;
    font-size: 0;
    width: 18px;
    height: 18px;
}

body .lisitingItem input {
    margin-right: 10px;
}

.prim-tabs li a .icon {
    width: 28px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat !important;
    background-position: center;
    margin-right: 10px;
}

.content-block .tab-pane {
    display: none;
    height: 450px;
    width: 100%;
    clear: both;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    padding-top: 60px;
}

.content-block .tab-pane.active {
    display: block;
}

.popup ul li.lisitingItem>label {
    color: #818181;
    width: 100%;
}

#sub-region-popup.popup ul li.lisitingItem>label,
#region-popup.popup ul li.lisitingItem>label {
    text-align: left;
    color: #3C4144;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
}

.popup ul li.lisitingItem .sub-list {
    margin-bottom: 15px;
    margin-top: 5px;
}

.popup ul li.lisitingItem .sub-list .lisitingItem>label {
    text-align: left;
    color: #3C4144;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0;
}

.left-side .left-blocks ul li.indcators-item span:before {
    position: absolute;
    left: 0;
    content: "";
    width: 14px;
    height: 14px;
    border: 1px solid #7F7F7F;
    border-radius: 50%;
    top: calc(50% - 6px);
}

.left-side .left-blocks ul li.indcators-item.item-selected span:before {
    background: #ccc;
}

.tabs.all-country {
    padding-top: 10px;
    text-align: left;
}

.tabs.all-country1 {
    padding-left: 15px;
    text-align: left;
}

#country-popup.popup .popup-in {
    padding-top: 8px;
}

.tracktable td,
.tracktable th {
    padding: 6px 17px;

}

#popupdata.popup .popup-wrap {
    height: 450px;
    max-height: 100%;
    padding-bottom: 40px;
}

.regions-countries.disabled,
.year-block.disabled {
    pointer-events: none;
    transition: opacity .3s;
    display: none;
}

.regions-countries h4.popup-title {
    color: #7F7F7F;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin: 0;
}

.regions-countries h4.popup-title::before {
    content: "";
    position: absolute;
    background-image: url(../images/inactive-accord.svg);
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    left: 0;
    top: 5px;
}

.regions-countries div:not(.collapsed) h4.popup-title::before {
    background-image: url(../images/active-accord.svg);
}

.regions-countries > div {
    padding: 20px 0;
}

.regions-countries ul {
    padding-left: 0;
    margin-bottom: 0;
    padding-top: 12px;
    list-style: none;
}

.popup-wrap .popup {
    float: left;

    position: relative;
    border-bottom: 1px solid #ddd;

    margin: 0 20px;
    width: calc(100% - 40px);
    margin-bottom: 2px;
}

.all-year label .input-icn {
    padding-top: 2px;
}

.all-year label {
    text-align: left;
    padding-left: 24px;
    padding-top: 3px;
}

.all-year label input {
    display: none;
}

.all-year label,
.all-country label,
.all-country1 label {
    color: #333;
    font-size: 14px;
}

.year input,
.all-year input,
.all-country input,
.all-country1 input {
    margin-right: 8px !important;
}

.indcators-item.item-selected span {
    color: #2E4AB5 !important;
    font-weight: 500;
}

.left-side .left-blocks ul li.indcators-item.item-selected span::before {

    background: #2E4AB5;
    border: 1px solid #2E4AB5;

}

.year label,
.all-year label,
.popup label {
    text-align: left;
    color: #3C4144;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0;
    position: relative;
    cursor: pointer;
}

.year input[type=checkbox],
.year input[type=radio],
.popup input[type=checkbox],
.popup input[type=radio],
.all-year input[type=checkbox] {
    visibility: hidden;
}

.year input[type=checkbox]+.input-icn,
.popup input[type=checkbox]+.input-icn,
.all-year input[type=checkbox]+.input-icn {
    background: url(../images/check-box.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    padding: 0 0 0 0px;
    position: absolute;
    left: 0;
    top: 10px;
}

.year input[type=radio]+.input-icn,
.popup input[type=radio]+.input-icn {
    background: url(../images/radio_button.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    padding: 0 0 0 0px;
    position: absolute;
    left: 0;
    top: 10px;
}


.year input[type=checkbox]:checked+.input-icn,
.popup input[type=checkbox]:checked+.input-icn,
.all-year input[type=checkbox]:checked+.input-icn {
    background: url(../images/check-box-tick.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    padding: 0 0 0 0px;
}

.year input[type=radio]:checked+.input-icn,
.popup input[type=radio]:checked+.input-icn {
    background: url(../images/radio_button_selected.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    padding: 0 0 0 0px;
}

.popup .closex {
    background: url(../images/close.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.pop-overlay {
    display: none;
}

body.overlay .pop-overlay {
    display: block;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    top: 0;
}

body.overlay {
    /*overflow:hidden;*/
}

.right-side table {
    width: 100%;
}

.right-side .dataTable.no-footer tr th {
    border: 0;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 0;
}

.right-side table thead,
.right-side .dataTables_scrollHead {
    background: #ccc;
}

.right-side table tr:nth-child(even) {
    background: #ececec;
}

.download-block {
    float: right;
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 3vw;
    margin-top: 0;
    opacity: 0;
    transition: opacity .3s;
    pointer-events: none;
}

.download-block.active {
    opacity: 100%;
    pointer-events: all;
}

.download-block div.download {
    border-radius: 25px;
    background: #FFB636;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2.1px;
    text-transform: uppercase;
    padding: 12px 25px;
    width: 183px;
    margin-right: 40px;
}

.download-block div {
    cursor: pointer;
}

.tableexport-caption {
    display: none;
}


.popup ul li.lisitingItem .sub-list {
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.popup ul li.lisitingItem .sub-list .lisitingItem {
    width: 33% !important;
}

.popup ul li.lisitingItem .sub-list .lisitingItem:nth-child(2n) {
    margin: 0;
}



.intro-message h4 {
    color: #203665;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 30px 0;
}

.intro-message ul {
    list-style-type: none;
    padding-left: 0;
}

.intro-message ul li {
    color: #231f20;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 18px;

}

.intro-message .step {
    color: #2E4AB5;
    font-size: 16px;
    font-weight: 500;
}



.download-intro {
    padding: 30px 20px;
    border-radius: 10px;
    border: 1px solid #2E4AB5;
    text-align: left;
}

.download-title {
    color: #203665;
    font-size: 18px;
    padding-bottom: 5px;
    font-weight: 600;
    line-height: 24px;
}

.download-text {
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    padding-bottom: 20px;
}

.download-text:last-child {
    padding-bottom: 0;
}

.download-text strong {
    color: #2E4AB5;
    margin-right: 5px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}

.intro-inner {
    position: relative;
    /*padding-right: 300px;*/
}

.intro-inner .right-item {
    width: 250px;
    position: absolute;
    right: 0;
    top: 0;
}

.second-tabs {
    padding-left: 40px !important;
}

.second-tabs>li {
    margin-right: 20px;
    width: auto !important;
    padding-right: 30px;
    background: url(../images/down_arrow.png) no-repeat right center transparent;
    text-align: left !important;
}

.share {
    /*display:none;*/
}

.year-title {
    color: #7F7F7F;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    border-radius: 8px;
    border: 1px solid #DADADA;
    background-color: #FFF;
    padding: 16px 20px;
    width: 128px;
    cursor: pointer;
    background-position: 86% center;
    background-repeat: no-repeat;
    background-image: url("../images/dropdown-icon.svg");
}

.secondary-tab {
    display: flex;
    align-items: center;
}

.secondary-tab ul.second-tabs li.check {
    color: #2E4AB5;
    font-weight: 600;
}

.legend-wrap {
    margin-bottom: 5px;
    float: left;
    margin-right: 25px;
}

.legend-wrap .colors {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 7px;
}

#analysis {
    position: relative;
}

#analysis .custom-select {
    position: absolute;
    top: 0;
}

.footer-btn.popup-btn {
    border-radius: 25px;
    background: #FFB636;
    cursor: pointer;
    padding: 1.5rem;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2.1px;
    text-transform: uppercase;
    transition: all .3s;
    max-width: 250px;
    margin: 0 auto 30px;
}

.footer-btn.popup-btn:hover {
    background: #2E4AB5;
    color: #fff;
}

.mCSB_inside>.mCSB_container {
    margin-right: 10px !important;
}

.sidebar-title.view-mode {
    display: none;
}

.collapsed .all-country {
    display: none !important;
}

.collapsed .all-country1 {
    display: none !important;
}

.intro-message {
    float: left;
}

select.custom-select {
    color: #7F7F7F;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    border-radius: 8px;
    border: 1px solid #DADADA;
    background-color: #FFF;
    padding: 16px 20px;
    width: 173px;
    cursor: pointer;
    background-position: 95% center;
    background-repeat: no-repeat;
    background-image: url(../images/dropdown-icon.svg);
    appearance: none;
    margin-left: 15px;
}

.clear-search {
    color: #2E4AB5;
    position: absolute;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    right: 0;
    text-decoration: none;
    cursor: pointer;
    display: none;
}

#tables .mCSB_container_wrapper {
    margin-right: 15px;
}

.share-popup {
    position: absolute;
    background: #fff;
    background-repeat: repeat;
    z-index: 10;
    border: 1px solid #ccc;
    top: -5px;
    padding: 4px !important;
    right: -10px;
}

.share-popup ul {
    padding: 0;
    margin: 0;
}

.share-popup li {
    list-style: none;
    float: left;
    margin: 0 0px;
}

.share-popup li a {
    font-size: 0;
    width: 40px;
    height: 40px;
    display: block;
}

.share-popup .twitter a {
    background: url(../images/Twitter_icon.png) no-repeat center center transparent;
}

.share-popup .fb a {
    background: url(../images/Facebook_icon.png) no-repeat center center transparent;
}

.share-popup .mail a {
    background: url(../images/Mail_icon.png) no-repeat center center transparent;
}

.highcharts-legend-item.highcharts-undefined-series.highcharts-color-undefined {
    display: none;
}

.table-title {
    font-size: 16px;
    margin-bottom: 5px;
    text-align: left;
}

.left-blocks .indicators-list .indcators-item[data-val='Expenditures (N/A)'] {
    display: none !important;
}

.tabs.disabled {
    pointer-events: none;
    border-radius: 25px;
    overflow: hidden;
}

.tabs.disabled:after {
    background: rgba(255, 255, 255, .7);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}



/*drupal implementation starts here */
.view-data-dashboard.feedback-thank-you-container {
    width: 100%;
    max-width: 100%;
}

.track20 ul li {
    text-align: left;
}

.page-data-dashboard .tracktable tr td,
.tracktable td,
.page-data-dashboard .popup h4 {
    text-align: left;
}

.page-data-dashboard h1.page-header {
    padding-top: 0;
    padding-left: 50px;
    margin: 0;
    padding-bottom: 0;
    font-size: 24px;
}

.intro-inner {
    text-align: left;
}

.page-data-dashboard.overlay .search-language-block-wrapper,
.page-data-dashboard.overlay header {
    z-index: 0 !important;
}

.page-data-dashboard .highcharts-tooltip>span {
    box-shadow: none;
}

.toggler {
    position: absolute;
    right: 0px;
    cursor: pointer;
    z-index: 2;
    background: #fff;
    border: 1px solid #ccc;
}

.map-active .analysis-table {
    display: none;
}

.table-active .analysis-table .mCSB_container {
    padding-right: 10px;
}

.table-active .analysis-table {
    display: block;
    height: 100%;
    width: calc(100% - 50px);
    min-height: 400px;
}

.map-active .analysis-map {
    display: block;
}

.table-active .analysis-map {
    display: none;
}

li.lisitingItem.disableCountry label .input-icn {
    opacity: .5;
}

li.lisitingItem.disableCountry label {
    pointer-events: none;
    color: #b3b3b3 !important;
    cursor: none;
}

label.reg-label {
    color: #2E4AB5;
    border-bottom: 1px solid #a2a2a2;
}

.toggler .map-view {
    padding-left: 28px;
    background: url(../images/Map-an.png);
    background-repeat: no-repeat;
    background-position: 11px center;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 8px;
    font-size: 13px;
    background-size: 10px 15px;
    width: 66px;
}

.toggler .table-view {
    padding-left: 25px;
    background: url(../images/Table-an.png);
    background-repeat: no-repeat;
    background-position: 8px center;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 8px;
    font-size: 13px;
    background-size: 12px 12px;
    width: 66px;
}

.map-active .toggler .map-view {
    display: none;
}

.map-active .toggler .table-view {
    display: block;
}

.table-active .toggler .map-view {
    display: block;
}

.table-active .toggler .table-view {
    display: none;
}

#analysis.tab-pane.active.table-active .custom-legend {
    display: none;
}

#analysis .custom-legend {
    padding-bottom: 10px;
    padding-top: 35px;
    overflow: hidden;
    max-width: 59%;
}

.intro-message .about-title {
    color: #203665;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
}

.intro-message .about-content p {
    color: #231f20;
    font-size: 14px;
}

.intro-message .about-content {
    display: block;
    text-align: left;
}

.intro-message .about-content p span {
    border-bottom: 1px solid #666;
}

#analysis-table .mCSB_container_wrapper {
    margin-right: 15px;
}

td.digits {
    font-weight: 400;
}

td.digits strong {
    font-weight: 700;
}

body .highcharts-tooltip tspan,
body .tooltipMain .rows span b,
body .tooltipMain .rows span,
body #analysis-table tbody tr td:nth-child(2) {
    font-weight: 400;
}

.main-wrapper.track20 {
    clear: both;
}

/*24-10*/
/*
.intro-inner
{
position:relative;
}

.intro-inner:after
{
background-image:url(../images/FP_Logo_0.png);
    position: absolute;
    right: 80px;
    width: 90px;
    height: 80px;
	    background-repeat: no-repeat;
    top: 240px;
    content: "";
    z-index: 1;
}*/
/*.table-active .analysis-table .dataTables_scrollHeadInner,
.table-active .analysis-table .dataTable
{
width:100%!important;
}*/

body table.dataTable {
    margin: unset;
}

.all-year label {
    display: inline-block;
    width: 97px;
    text-align: left;
    padding-top: 8px;
}

.year-block {
    position: relative;
}

.years-dropdown {
    display: none;
    position: absolute;
    z-index: 99;
    padding: 1rem;
    background: #FFF;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
    top: 51px;
    width: 100%;
}

.years-inner:hover .years-dropdown {
    display: block;
}

.all-year input {
    margin-right: 2px !important;
    width: 16px;
}

table.dataTable tfoot td {
    padding: 5px;
}

.indicators-quest li.indcators-item {
    padding-right: 6px;
}

/* new change */
.DTFC_LeftWrapper table.dataTable tbody>tr>td {
    padding-right: 0;
}

.page-data-dashboard table.dataTable th.dt-center,
.page-data-dashboard table.dataTable td.dt-center,
.page-data-dashboard table.dataTable td.dataTables_empty {
    text-align: center;
}

#analysis-table .DTFC_NoData {
    opacity: 0;
}

#sub-region-popup {
    display: none;
}

@media screen and (min-width: 1200px) {

    .left-side .left-inner {
        margin-bottom: 66px;
    }


    .right-side .content-block {
        height: calc(100vh - 162px);
        height: auto;
        min-height: 450px;
    }
}

.regions-countries-tabs {
    padding: 0 0 0 10px !important;
    list-style: none;
    margin: 16px 0 0;
    font-size: 16px;
    max-width: 175px;
    cursor: pointer;
    position: absolute;
}